/*---------------- class font-------------------*/
.content10    {COLOR: #666666; FONT-SIZE: 10px; FONT-FAMILY: Verdana; align:justify;}
.content11    {COLOR: #666666; FONT-SIZE: 10px; FONT-FAMILY: Verdana; align:justify;}
.content12    {COLOR: #6c0000; FONT-SIZE: 11px; FONT-FAMILY: Verdana; align:justify;}
.content12 a  {COLOR: #6c0000; FONT-SIZE: 11px; FONT-FAMILY: Verdana; align:justify; text-decoration:none;}
.perutusan    {BACKGROUND: none; COLOR: #caa068; FONT-SIZE: 27px; FONT-FAMILY: Lucida calligraphy,Monotype Corsive,Cataneo BT,Helvetica,Bold}
.text11       {BACKGROUND: #ffffff; COLOR: #386c90; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; BORDER: 1px solid #386c90}
.Button10     {BACKGROUND: blue; COLOR: #ffffff; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; BORDER: 1px solid green}


.read_more    {COLOR: #eca640; FONT-SIZE: 10px; FONT-FAMILY: Verdana; align:justify;}
.read_more a  {COLOR: #eca640; FONT-SIZE: 10px; FONT-FAMILY: Verdana; align:justify; text-decoration:none;}
.read_more a:hover  {COLOR: #eca640; FONT-SIZE: 10px; FONT-FAMILY: Verdana; align:justify; text-decoration:undrline;}


.lang_link    {COLOR: #ffffff; FONT-SIZE: 11px; FONT-FAMILY: Verdana; align:justify;}
.lang_link a  {COLOR: #cccccc; FONT-SIZE: 11px; FONT-FAMILY: Verdana; align:justify; text-decoration:none;}
.lang_link a:hover  {COLOR: #ffff99; FONT-SIZE: 11px; FONT-FAMILY: Verdana; align:justify; text-decoration:undrline;}

.labeltitle {
	FONT-SIZE: 14px; COLOR:#caa068; FONT-FAMILY: Verdana, Helvetica; HEIGHT: 20px; font-weight:bold;
}
.labelsubtitle {
	FONT-SIZE: 12px; COLOR:#caa068; FONT-FAMILY: Verdana, Helvetica; HEIGHT: 20px; font-weight:bold;
}

.labeltitletab a{
	FONT-SIZE: 12px; COLOR:#caa068; FONT-FAMILY: Verdana, Helvetica; HEIGHT: 20px; font-weight:bold;text-decoration:none;
}

.label {
	HEIGHT: 20;
	FONT-FAMILY: Verdana, Helvetica;
	FONT-SIZE: 11px;
	COLOR:#67140c;
	FONT-WEIGHT:BOLD;
}

.labelcolon {
	HEIGHT: 20;
	WIDTH: 14;
	FONT-FAMILY: Verdana, Helvetica;
	FONT-SIZE: 11px;
	COLOR: #000080;
}

/*----Main Tab----*/
.ddcolortabs{
width:600px;
margin-right:10px;
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 14px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
text-decoration:none;
font-weight:bold;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color: white;
background: #085a91 url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding: 6px 8px 3px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #085aff;
}

.ddcolortabs a:hover span{
background-color: #085aff;
}

.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
background-color: #085aff;
}

.ddcolortabsline{    /*---------------------tab line------------*/
clear: both;
padding:0;
/*height: 8px;
line-height:8px;
background: #085a91;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.tabcontainer{
clear: left;
width:680px;
margin-right:10px;
 /*width of 2nd level sub menus*/
/*height:7.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

/*.tabcontent{
display:none;
}   */


.tabcontent{
    BORDER-RIGHT:#085a91 2px solid;
    BORDER-LEFT: #085a91 2px solid;
    BORDER-BOTTOM:#085a91 2px solid;
	BORDER-top: #085a91 2px solid;
	BACKGROUND-COLOR: #ffffff;
	display:none;
}

/*----small box at below----*/
/*
.bottomhdrbg {
FONT-SIZE: 11px; 
FONT-FAMILY: Verdana, Arial; 
background-color:#FFFFFF; 
background-image:url(buttonimages/images/bottomleft_bottom.gif);
height:400px;
BACKGROUND-REPEAT:no-repeat;
}


.box {
margin-top: 8px; 
margin-bottom: 8px; 
margin-left: 0px; 
width: 180px;
padding: 3px; 
background-color: #ffffff;
border-left: 1px #dbdbd9 solid;
border-bottom: 1px #dbdbd9 solid;
border-right: 1px #dbdbd9 solid;
border-top:1px #dbdbd9 solid; 
color: #3366cc; 
}
*/

/*----Portlet corner box----*/
 #portlet-round {

margin:8px 8px 8px 8px;
background: #fff url(../images/portlet-leftside.gif) repeat-y left top;
} 

.portlet-top {
height:25px;
background:url(../images/portlet-top.gif) no-repeat right top;
}
.portlet-top span {
display:block;
position:static;
height:25px;
background:url(../images/portlet-topleft.gif) no-repeat left top;
}
.portlet-content {
position:static;
background:url(../images/portlet-rightside.gif) repeat-y right top;

}
.portlet-bottom {
width:100%;
height:20px;
background:url(../images/portlet-bottom.gif) no-repeat left bottom;
}

.portlet-bottom span {
display:block;
position:static;
height:20px;
background:url(../images/portlet-bottom-right.gif) no-repeat right bottom;
}



/*----------------pop up ------------------ */


.poptitle	{
	HEIGHT: 20;
	FONT-FAMILY: Verdana, Helvetica;
	FONT-SIZE: 12px;
	COLOR:#CCCCCC;
	padding-left:5px;
	font-weight:bold;
}

.data {
	HEIGHT: 20;
	FONT-FAMILY: Verdana, Helvetica;
	FONT-SIZE: 11px;
	COLOR: #696969;
}

/*----------------menu dropdown ------------------ */

td.menutitle    {
background:url(../images/menudropdown_bg.gif) repeat-x; font-family: Verdana, Helvetica; font-size:11px; color:#FFf;
}
td.menutitle  a{ 
font-family:Verdana, Helvetica; font-size:11px; color:#FFFFFF; text-decoration:none;
}

td.menudropdown { 
			border: 1  #085a91 solid;font-size:10px;font-family:Verdana, Helvetica; color:#cccccc; padding:0; background-color:#085a91; font-weight:bold;
			}
td.menudropdown  a  { 
			font-size:10px;font-family:Verdana, Helvetica; color:#fff; padding:0; background-color:#085a91;}
td.menudropdown  a:hover  { 
			font-size:10px;font-family:Verdana, Helvetica; color:#FF0000; background-color:#085a91 ;
			}			
			
table.menudropdown { position:absolute; visibility:hidden; border:1px solid #000; background-color:#CCCCCC }

/*----------------Left menu_style ------------------ */

div .submenu{
	list-style-type: none;
	width: 209px; /*sub menu width*/
	display:none;
	color:black;
}
.menu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	background: #182f58;
	border-bottom: 1px solid #2580a2;
	border-top: 1px solid #2580a2;
	color:#ccc;
	margin: 0;
        padding-left: 8px;
        padding-top: 6px;
        padding-bottom: 6px;
	text-decoration: none;
	height:25px;
	list-style-type: none;
}

.menu ul li a:hover{
	background:url(../images/hover.gif) yello left center no-repeat;
	color:#fff;
	height:20px;
	padding-bottom: 6px;
	padding-top: 6px;
	list-style-type: none;
}
.menu .title{
	font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	border-bottom: 1px solid #2580a2;
	border-top: 1px solid #2580a2;
	display: block;
	color:#FF0000;
	font-size:14px;
	padding-left:40px;
	padding-top:12px;
	height:25px;
	background-color:#085a91; 
}

.menu .fillbg {
  background: #182f58;
}


.menu {
	background: #182f58;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 209px;
	height:25px;
}
.menu li {
	font: 11px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.menu a {
	background: #182f58;
	border-bottom: 1px solid #2580a2;
	border-top: 1px solid #2580a2;
	color: #ccc;
	display: block;
	margin: 0;
    	padding-left: 8px;
    	padding-top: 6px;
    	padding-bottom: 6px;
	text-decoration: none;
	height:25px;
}
.menu a:hover {
	background:url(../images/hover.gif) #2580a2 left center no-repeat;
	color: #fff;
	height:25px;
	padding-bottom: 6px;
	padding-top: 6px;
}