/* Tab Content - menucool.com */
ul.tabs
{
   margin: 2% 0 0 0;
font-size: 0;
list-style-type: none;
text-align: left;
padding-left: 7px;
}
        
ul.tabs li
{
    display: inline;
    margin: 0;/*no distance between tabs*/
    background: White;
    margin-left: -7px;
}
        
ul.tabs li a
{
  font: normal 14px Verdana;
text-decoration: none;
position: relative;
padding: 7px 20px;
color: #000;
outline: none;
background: #ccc;
border: 1px solid #C2B9B9;
border-right: 0;
}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.tabs li.last_tabs a
{
    border-right:1px solid #CCC;
}
  
        
ul.tabs li a:hover
{
    color: #000;
    background: white;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
   top: 0px;
font-weight: normal;
background: #194161;
border-bottom: 1px solid #194161;
color: #FFF;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
   

}