@charset "utf-8";
/* CSS Document */

/* Tabs 1 */
.tabs{
font: 12px Arial;
width: 800px; 

}

.tabs ul{
margin: 0;
padding: 0;
width: 90%; 
background-color:#FFFFFF;
border-bottom:2px solid #abc3d7;
float:left;

}

.tabs ul li{
display: inline;

}

.tabs ul li a{
position:relative;
top:2px;
float: left;
color: #555555; 
padding: 3px 8px;
text-decoration: none;
border-right: 1px solid #CCCCCC; 
border-top: 2px solid #CCCCCC;
border-bottom:2px solid #abc3d7;
border-left:none;

}

.tabs ul li a:hover{ 
color: #000000;
padding: 3px 8px;
background-color: #FFFFFF;
border-right: 1px solid #abc3d7; 
border-top: 2px solid #abc3d7;
border-bottom: 2px solid #ffffff;
border-left:none;
text-decoration: none;
}

.tabs ul li .selected{

color: #444444;
padding: 3px 8px;
background-color: #FFFFFF;
border-right: 1px solid #abc3d7; 
border-top: 2px solid #abc3d7;
border-left:none;
font-weight:bold;
border-bottom: 2px solid #ffffff;


}

/* Tabs 2 */
.tabs2{
font: 12px Arial;
width: 100%; 

}

.tabs2 ul{
margin: 0;
padding: 0;
width: 90%; 
background-color:#FFFFFF;
border-bottom:2px solid #abc3d7;
float:left;

}

.tabs2 ul li{
display: inline;

}

.tabs2 ul li a{
position:relative;
top:2px;
float: left;
color: #555555; 
padding: 3px 8px;
text-decoration: none;
border-right: 1px solid #CCCCCC; 
border-top: 2px solid #CCCCCC;
border-bottom:2px solid #abc3d7;
border-left:none;

}

.tabs2 ul li a:hover{ 
color: #000000;
padding: 3px 8px;
background-color: #FFFFFF;
border-right: 1px solid #abc3d7; 
border-top: 2px solid #abc3d7;
border-bottom: 2px solid #ffffff;
border-left:none;
text-decoration: none;
}

.tabs2 ul li .selected{

color: #444444;
padding: 3px 8px;
background-color: #FFFFFF;
border-right: 1px solid #abc3d7; 
border-top: 2px solid #abc3d7;
border-left:none;
font-weight:bold;
border-bottom: 2px solid #ffffff;


}