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

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
background-color:#ccc;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding:5px 8px 5px 8px;
background: #cccccc;
color: #333;
/*margin-right: 1px;*/
text-decoration: none;
font-size:1.1em; font-family:Arial, Helvetica, sans-serif;
}
.tabsmenuclass a.active{
display: block;
padding:5px 8px 5px 8px;
background: #E7E8E9 !important;
color: #333;
/*margin-right: 1px;*/
text-decoration: none;
font-size:1.1em; font-family:Arial, Helvetica, sans-serif;
}

.separator {
display: block;
padding:5px 8px 5px 8px;
background: #cccccc;
color: #333;
text-decoration: none;
font-size:1.1em; font-family:Arial, Helvetica, sans-serif;
}
.tabsmenuclass a:hover, .tabsmenuclass a.selected .tabsmenuclass a.visited .tabsmenuclass a.active{
background: #E7E8E9;
display: block;
padding:5px 8px 5px 8px;
color: #333;
/*margin-right: 1px;*/
text-decoration: none;
font-size:1.1em; font-family:Arial, Helvetica, sans-serif;
}

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

.tabsmenucontentclass {
clear: left;
background: #E7E8E9;
padding:4px 4px 4px 15px; width:931px; text-align:left; font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#000; text-decoration:none; 
/*border: 1px solid silver;*/
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}