/******************** START: Tab Strip Menu CSS styles ***************/

/* Menu control that looks like a tab strip 
Below is the code to make the menu control look like a tab strip:

<asp:Menu SkinId="TabSkin" DynamicHorizontalOffset="0" runat="server" Orientation="Horizontal" SubStatidMenuIndent="0px">
        <StaticMenuItemStyle CssClass="tabItem" />
        <StaticSelectedStyle CssClass="tabSelected" />
        <StaticHoverStyle CssClass="tabHover" />
        <StaticMenuStyle CssClass="tab" />
    </asp:Menu>
*/

.tab, .tabItem
{
	font-family:Verdana,Arial,Helvetica;
	text-align: center;
    font-size: 12px;
    margin-top:1px;  
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 2px;
    color:white;
    font-weight:bold;  
}
.tab a:link, .tab a:visited, .tab a:hover
{
	text-decoration: none;
	color:#ffffff;
    display: block;    /* make whole "tab" be selectable/clickable */
    width: 100%;
}
.tab a:hover
{
	text-decoration: none;
	color:yellow;
    display: block;    /* make whole "tab" be selectable/clickable */
    width: 100%;
}
.tabPage   /* If the area beneath the tab strip needs to have a box defined, use this style in the <td> */
{ 
 border: solid 0px #c0cbb6;
 vertical-align:middle;
  text-align:center;
}

/******************** END: Tab Strip Menu CSS styles ***************/