/* root element for tabs  */
.tabs { 
width:860px;
margin:1px auto 0px;
color:#555;
}

.tabs ul {
margin:0px;
padding:0px;}

/* single tab */
.tabs li { 
list-style: none;
margin:0px 1px -1px 0;
float:left;
border:1px solid #aaa;
background-color:#f5f5f5;
list-style-image:none !important; 
}

/* link inside the tab. uses a background image */

.tabs a:link, .tabs a:visited, .tabs a:active {
outline:none;
font-family:arial;
font-size:13px;
color:#014983;		
}

.tabs a { 
font-weight:bold;
margin:0;
display:block;
padding:3px 7px;
text-decoration:none;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {

background-color:#fff;
margin-bottom:-2px;
padding-bottom:5px;
}

/* 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 a.current, .tabs li.current a {
cursor:default !important; 
color:#111;
background-color:#fff;
margin-bottom:-2px;
padding-bottom:5px;
}

.panes {
width:860px;
border:1px solid #aaa;
padding:5px 10px;
clear:both;
font-size:1.1em;
overflow:hidden;
min-height:500px;
}

.panes p {
margin:3px 0;
}

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