/* root element for tabs  */
ul.tabs { 
    list-style:none; 
    margin:0 !important; 
	height: 23px;
    padding:0;
}

/* single tab */
ul.tabs li { 
    float:left;  
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
    font-size:12px;
    display:block;
    height: 20px;  
    width: 240px;
  	background-color:#CFDEE5;
  	border:1px solid #A9B8BF;
    text-align:center;  
    text-decoration:none;
    color:#000;
    padding:0px;
    margin-top:2px;
    position:relative;
    top:1px;
	font-weight:bold;
	text-decoration:underline;
}

.tabs a:active {
    outline:none;       
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-color:#A9B8BF;  
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-color:white !important;      
    cursor:default !important; 
    color:#000 !important;
	background-image: url('/i/tab_active.gif');
	border-bottom: 0px !important; 
	margin-top:0px;
	padding-top:1px;
	height:22px;
}



/* initially all panes are hidden */ 
.panes .pane {
    display:none;
	height:0px;
}

.panes div{
	padding-top:16px;
	padding-left:10px;
	height: 131px;
	width: 714px;
	border-left:1px solid #A9B8BF;
	border-right:1px solid #A9B8BF;
	border-bottom:1px solid #A9B8BF;
}

.panes img{
  margin-left: 22px;
	float:left;
}

.panes ul{
    float: left;
}

.panes li{
	padding-left:10px;
}