/* Menu control that looks like a tab strip */
.tab, .tabItem
{
 font-family:Verdana,Arial,Helvetica;
 font-size: 10pt;
 font-weight:normal; 
 text-decoration: none;
}
.tab 
{
 padding: 15px  1px 0px 0px;
 text-align: left;
}
.tab a:link, .tab a:visited, .tab a:hover
{
 text-decoration: none;
 color:#333333;
}
.tabPage   /* If the area beneath the tab strip needs to have a box defined, use this style in the <td> */
{  
 border: solid 1px #c0cbb6;
 vertical-align:top;
}
.tabItem  
{
 padding: 3px 3px 3px 3px;
 border-top: solid 1px gainsboro;
 border-left: solid 1px gainsboro;
 border-right: solid 1px darkgray;
 border-bottom: solid 1px #F7F6F3;
 background-color: #F7F6F3;  /*#eae9e1*/
}
.tabSelected  
{
 border-style: outset;
 border-bottom: solid 1px #ccd9c0;
 background-color:#d8e1ce;
 font-weight:bold; 

}
.tabHover 
{
 border-style: outset;
 border-bottom: solid 0px #ccd9c0;
 background-color: #F7F6F3;
}