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

.tabsmenuclass ul{
position: absolute;
text-align: left;
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
height: 15px;

}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 0px;
background: black;
color: #ffffff;
margin-right: 0px;
text-decoration: none;
}

.tabsmenuclass a:hover{
background:  black;
color: #5DFC0A;
text-decoration: underline;
}

.tabsmenuclass a.selected{
background:  #000000;
color: #5DFC0A;
}

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

.tabsmenucontentclass{
position: relative;
clear: left;
top: 17px;
width: 90%;
}

.tabsmenucontentclass ul{
position: relative;
margin: 6px 0px 0px 0px;
padding: 0px;
list-style-type: none;
background-color: #000000;
}

.tabsmenucontentclass li{
line-height: 20px;
padding: 0px 0px 0px 0px;
background-color: #e8efff;
border-bottom: 1px solid #000000;
}

.shadow1{ box-shadow: 5px 5px 5px #818181; -webkit-box-shadow: 5px 5px 5px #818181; -moz-box-shadow: 5px 5px 5px #818181; }

.shadow2{ box-shadow: 10px 10px 10px #818181; -webkit-box-shadow: 10px 10px 10px #818181; -moz-box-shadow: 10px 10px 10px #818181; }

.rounded { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }