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

/*.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #E8E8E8;
color: black;
margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: black;
color: white;
}*/

/* ######### CSS for sub menu container below ######### */
.tabsmenucontent{ clear: left; background: #E8E8E8; width: 97%; height: 23px; padding: 3px; border: 1px solid silver; }

.tabsmenucontent ul{ font-size: 1.2em; list-style: none; margin: 0; padding: 0; }
.tabsmenucontent li{ float: left; border-right: 1px dotted #000; padding-right: 8px; }
.tabsmenucontent ul li.last { border-right: none; padding-right: 0;}
.tabsmenucontent ul a { font-size:0.75em; color:#000; text-decoration: underline; padding:2px 4px;}
.tabsmenucontent ul a:hover { font-size:0.75em; color:#fff; text-decoration:none; background-color:#C7541B;}
.tabsmenucontent ul a#selected { font-size:0.75em; color:#fff; text-decoration:none; background-color:#C7541B;}