/* ######### CSS for top level tabs ######### */



.tabsmenuclass{

float:right;

width:100%;

font-size: 12px;

line-height:normal;

/*border-bottom: 4px solid #4B9D02;*/

}



/** html .tabsmenuclass{ IE only. Add 1em spacing between menu and rest of content

margin-bottom: 1em;

}*/



.tabsmenuclass ul{

list-style-type: none;

margin:0;

padding:0;

}



.tabsmenuclass li{

display:inline;

margin:0;

padding:0;

}





.tabsmenuclass a{



float:right;

background: url(../images/slide-left.png) no-repeat left top;

margin:0;

margin-right: 1px; /*spacing between each tab*/

padding:0 0 0 9px;

text-decoration:none;



}





.tabsmenuclass a span{



float:right;

display:block;

background:url(../images/slide-right.png) no-repeat right top;

padding: 5px 12px 5px 3px;

font-weight:bold;

color:#000;

}







/* Commented Backslash Hack hides rule from IE5-Mac \*/

.tabsmenuclass a span {float:none;}

/* End IE5-Mac hack */



.tabsmenuclass a:hover span, .tabsmenuclass li.selected a span{

color: #3F407C;

}



.tabsmenuclass a:hover, .tabsmenuclass li.selected a{

background-position:0% -125px;

}



.tabsmenuclass a:hover span, .tabsmenuclass li.selected a span{

background-position:100% -125px;

}



html>/**/body .IEonlybr{ /*None IE browsers hack*/

display: none; /*Hide BR tag in non IE browsers, since it's not needed*/

}





/* ######### CSS for sub menu container below ######### */



.tabsmenucontentclass{

clear: left;

height: 24px;

padding: 2px 0px 2px 8px;

/*border-bottom: 1px solid silver;*/

}



.tabsmenucontentclass ul{

float: right;

margin: 0;

padding: 0;

padding-left:5px;

list-style-type: none;

}



.tabsmenucontentclass li{

float: left;

margin-right: 1em;

}



.tabsmenucontentclass li a{

color: #000;

text-decoration: none;

padding-right:4px;

font: normal 12px;

}



.tabsmenucontentclass li a:hover{

color: #FF00FF;

text-decoration: none;

font: bold 12px;

}