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

#mytabsmenu{
margin:0 0 0 -14px;
padding:0;
float:left;
}

.tabsmenuclass ul{
overflow: hidden;
margin: -2px 20px 0 20px;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li
{
float: left;
list-style-type: none;
}

.tabsmenuclass a{
padding:5px 0 5px 0;
color: #888888;
text-decoration: none;
font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
color: #CCCCCC;
text-decoration:underline;
}

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

#mysubmenuarea{
clear:none;
padding:0;
margin:0;
}


.tabsmenucontentclass{
clear: left;
height: 24px;
padding: 5px;
font-weight:bold;
margin:0;
}

.tabsmenucontentclass ul{

margin:0;
padding:0 0 0 0;
list-style-type: none;
}

.tabsmenucontentclass li
{
margin: 4px 0 0 7px;
padding:0 7px 0 0;
float: left;
margin-right: 1px;
list-style-type: none;
border-right: #CCCCCC 1px solid;
}

.tabsmenucontentclass a{
padding:5px 0 5px 0;
color: #2F649E;
text-decoration: none;
font: bold 14px Arial;
font-size:12px;
}