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

.tabsmenuclass ul{
overflow: hidden;
margin: 0;
list-style-type: none;
background-image:url(../../images/title_backg_tab.jpg);
width:380px;
height:24px;
padding-top:4px;
padding-left:5px;
padding-right:7px;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
color: #304483;
text-decoration: none;
font: bold 12px Arial;
text-align:center;
padding:3px 5px 5px 5px;
margin:2px 0px 0px 0px;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
color: #304483;
text-decoration: none;
background-repeat:no-repeat;
background-color:#FFFFFF;
text-align:center;
padding:3px 5px 5px 5px;
margin:2px 0px 0px 0px;
}

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

.tabsmenuclass2 ul{
overflow: hidden;
margin: 0;
list-style-type: none;
background-image:url(../../images/title_backg_tab_coklat.jpg);
width:380px;
height:24px;
padding-top:4px;
padding-left:5px;
padding-right:7px;
}

.tabsmenuclass2 li{
float: left;
}

.tabsmenuclass2 a{
display: block;
color: #304483;
text-decoration: none;
font: bold 12px Arial;
text-align:center;
padding:3px 5px 5px 5px;
margin:2px 0px 0px 0px;
}

.tabsmenuclass2 a:hover, .tabsmenuclass2 a.selected{
color: #304483;
text-decoration: none;
background-repeat:no-repeat;
background-color:#FFFFFF;
text-align:center;
padding:3px 5px 5px 5px;
margin:2px 0px 0px 0px;
}


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

.tabsmenucontentclass{
clear: left;
width: 380px;
/*height: 240px;
*/

border-bottom:1px solid #D1D1D3;
border-left:1px solid #D1D1D3;
border-right:1px solid #D1D1D3;
padding:5px;
}

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

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

.tabsmenuclass3 ul{
overflow: hidden;
margin: 0;
list-style-type: none;
background-image:url(../../images/title_backg.jpg);
width:380px;
height:24px;
padding-top:4px;
padding-left:5px;
padding-right:7px;
}

.tabsmenuclass3 li{
float: left;
}

.tabsmenuclass3 a{
display: block;
color: #304483;
text-decoration: none;
font: bold 12px Arial;
text-align:center;
padding:3px 5px 5px 5px;
margin:2px 0px 0px 0px;
}

.tabsmenuclass3 a:hover, .tabsmenuclass3 a.selected{
color: #304483;
text-decoration: none;
background-repeat:no-repeat;
background-color:#FFFFFF;
text-align:center;
padding:3px 5px 5px 5px;
margin:2px 0px 0px 0px;
}