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

.tabsmenuclass ul{
overflow: hidden;
margin: 0;
list-style-type: none;
background-image:url(../images/layout/menu_14.gif);
width:418px;
height:29px;
padding-left:10px;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
color: #FFFFFF;
text-decoration: none;
font: bold 12px Arial;
text-align:center;
width:104px;
height:25px;
padding:8px 0px 0px 0px;
margin:2px 0px 0px 0px;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
color: #304483;
text-decoration: none;
background-image:url(../images/layout/tab-bg.gif);
background-position:center;
background-repeat:no-repeat;
text-align:center;
width:104px;
height:25px;
padding:8px 0px 0px 0px;
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/layout/menu_14.gif);
width:418px;
height:29px;
padding-left:10px;
}

.tabsmenuclass2 li{
float: left;
}

.tabsmenuclass2 a{
display: block;
color: #FFFFFF;
text-decoration: none;
font: bold 11px Arial;
text-align:center;
width:104px;
height:25px;
padding:8px 0px 0px 0px;
margin:2px 0px 0px 0px;
}

.tabsmenuclass2 a:hover, .tabsmenuclass2 a.selected{
color: #304483;
text-decoration: none;
background-image:url(../images/layout/tab-bg.gif);
background-position:center;
background-repeat:no-repeat;
text-align:center;
width:104px;
height:25px;
padding:8px 0px 0px 0px;
margin:2px 0px 0px 0px;
}


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

.tabsmenuclass3 ul{
overflow: hidden;
margin: 0;
list-style-type: none;
background-image:url(../images/layout/menu_14.gif);
width:218px;
height:29px;
padding-left:10px;
}

.tabsmenuclass3 li{
float: left;
}

.tabsmenuclass3 a{
display: block;
color: #FFFFFF;
text-decoration: none;
font: bold 11px Arial;
text-align:center;
width:104px;
height:25px;
padding:8px 0px 0px 0px;
margin:2px 0px 0px 0px;
}

.tabsmenuclass3 a:hover, .tabsmenuclass3 a.selected{
color: #304483;
text-decoration: none;
background-image:url(../images/layout/tab-bg.gif);
background-position:center;
background-repeat:no-repeat;
text-align:center;
width:75px;
height:25px;
padding:8px 0px 0px 0px;
margin:2px 0px 0px 0px;
}


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

.tabsmenuclass4 ul{
overflow: hidden;
margin: 0;
list-style-type: none;
background-image:url(../images/layout/menu_14.gif);
width:218px;
height:29px;
padding-left:10px;
}

.tabsmenuclass4 li{
float: left;
}

.tabsmenuclass4 a{
display: block;
color: #FFFFFF;
text-decoration: none;
font: bold 11px Arial;
text-align:center;
width:104px;
height:25px;
padding:8px 0px 0px 0px;
margin:2px 0px 0px 0px;
}

.tabsmenuclass4 a:hover, .tabsmenuclass4 a.selected{
color: #304483;
text-decoration: none;
background-image:url(../images/layout/tab-bg.gif);
background-position:center;
background-repeat:no-repeat;
text-align:center;
width:104px;
height:25px;
padding:8px 0px 0px 0px;
margin:2px 0px 0px 0px;
}


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

.tabsmenucontentclass{
clear: left;
width: 416px;
height: 285px;
border-bottom:1px solid #D1D1D3;
border-left:1px solid #D1D1D3;
border-right:1px solid #D1D1D3;
padding:5px;
}

.tabsmenucontentclass2{
clear: left;
width: 416px;
/*height: 285px;
*/border-bottom:1px solid #D1D1D3;
border-left:1px solid #D1D1D3;
border-right:1px solid #D1D1D3;
padding:5px;
}

.tabsmenucontentclass3{
clear: left;
width: 216px;
/*height: 285px;
*/border-bottom:1px solid #D1D1D3;
border-left:1px solid #D1D1D3;
border-right:1px solid #D1D1D3;
padding:5px;
}

.tabsmenucontentclass4{
clear: left;
width: 216px;
/*height: 285px;
*/border-bottom:1px solid #D1D1D3;
border-left:1px solid #D1D1D3;
border-right:1px solid #D1D1D3;
padding:5px;
}