body {
	font-family:  Tahoma, Arial ; 
	margin-top:0px; margin-left:0px;
	background-image:url(../images/header_bg2.gif);
	font-size: 12px;
	width:100%;
	float:left;
}

#footer { margin-bottom: 25px; 
font: 11px Century Gothic,Tahoma,verdana,sans-serif;
}

#headerm3 {

	 background-position:left;
  	top : 0px; left:2%; height:20px;
  	width:30%; 
  	position:absolute;
    padding : 3px;
  	color : #000000;

}
#headerm {

	background-repeat:no-repeat;
	background-position:right;
  	top : 106px; left:10%;
   /*width:89.8%;*/
    width:64.6%; 
  	position:absolute;
    padding : 5px;
	/*padding-left:10px;*/
	padding-left:0px;
	height:165px;
}
#headerm2 {
	background-image:url(../images/banner.png);
	 background-repeat:no-repeat;
	top : 0px; left:16%; 
	width:79.6%;
  	position:absolute;
    padding : 5px;
	padding-left:0px;
	height:165px;
}

#submenu{
position:absolute;
  /*width:90.2%;left:5%;*/
  width:99.2%;left:0%;
	font-family: Tahoma;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	color:#330033;
	background:  url(../images/menu_m2.png) repeat;
	height:25px;
	padding-left:10px; top:175px;
	text-shadow:inherit;
	line-height:25px;
	/*cursor: pointer; cursor: hand;*/
}
#submenucolor{
position:absolute;
   width:10%;right:4.2%;
	font-family: Tahoma;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	color:#330033;
	height:25px;
	padding-right:10px; top:85px;
	text-shadow:inherit;
	float: right;

	/*cursor: pointer; cursor: hand;*/
}

#maincontent{
position:absolute;
/*width:91%;left:5%;
*/width:100%;left:0%;
	height:auto;
	padding-bottom:3px;
	padding-left:0px; top:200px;
	
	/*cursor: pointer; cursor: hand;*/
}


#allcontent {
	width:100%;
	/*height:500px; */
	background:#f2f1f1;
	float: left;
	overflow: auto;
	scrollbar-face-color:gray;
}
#topcontent {
	height:200px;
/*	width:350px;*/
	float: left;
	overflow: auto;
	scrollbar-face-color:gray;
}
#bottomcontent {

	height:auto;
	float: left; padding-left:10px;
	overflow: auto;
	scrollbar-face-color:gray;}
#centercontent {
width:60%;
position:absolute;
left : 200px;
top:120px;
	height:60%;
/*	width:350px;*/

	z-index:10;
}	
#leftcontent {
	height:500px;
/*	width:350px;*/
	float: left;
	overflow: auto;
	scrollbar-face-color:gray;
}

#rightcontent {
	height:500px;
	float: left; padding-left:10px;
	overflow: auto;
	scrollbar-face-color:gray;}

.txttitle {
/*	color:#15428b;
	font:bold 11px tahoma,arial,verdana,sans-serif;
	text-transform: none;
	letter-spacing: 0.5px;*/
	color:#15428b;
	font:bold 11px tahoma,arial,verdana,sans-serif;
	height:27px;
	background:  url(../images/grid-bg.gif) repeat;
	vertical-align:middle;
}
.subtitle {
	color:#15428b;
	font:bold 11px Century Gothic,Tahoma,verdana,sans-serif;
	height:27px;
	letter-spacing: 0.5px;
}

.tblheader {
	color:#fff;
	font:bold 11px Century Gothic,Tahoma,verdana,sans-serif;
	font-weight : bold;
	height:27px;
	background:  url(../images/header-bg.gif) repeat;
	vertical-align:middle;
	padding: 1px 3px;
}
.nobold {
font:normal;
}

.tblheadergray {
background:  url(../images/gray-bg.gif) repeat;
}
.tblheader2 {
	color:#15428b;
	font:bold 11px tahoma,arial,verdana,sans-serif;
	height:27px;
	background:  url(../images/header-bg2.gif) repeat;
	vertical-align:middle;
}
.bgplain {
	
	font:bold 11px tahoma,arial,verdana,sans-serif;
	height:27px;
	background:  url(../images/bg-plain.gif) repeat;
	border-color:#99bbe8;
    border:1px solid;
   
	/*background-color:#003399;
	border-bottom:#CCCCCC solid 1px; */
	/*border-top:#FFFFFF solid 1px; 	
	border-bottom-color:#99bbe8;*/
}



.tblcontent {
	color:#000000;
	font-size: 11px;
	background-color:#CCDAE5;
}

.formtitle {
	font-size: 12px;
	color:#666666;
	font-weight: bold;
}

.txtfield {
	font-size:11px;
	color: #000;
	font: 11px Century Gothic,Tahoma,verdana,sans-serif;/*	
font-weight:bold;  */
}

.txtfieldn {
	font-size:11px;
	color: #004489; 
}

.txtform {
	/*font-family: "Verdana", Lucida Sans Unicode, Arial, Tahoma;
	font-size:11px;
	color: #4F4E4E;*/
	 padding: 1px 3px;
    background:#fff url(../images/text-bg.gif) repeat-x 0 0;
	font-size:11px;
    border: 1px solid #B5B8C8; 
	  
}

.txtform_hidden {
	font-family: "Verdana", Lucida Sans Unicode, Arial, Tahoma;
	font-size:11px;
	border:hidden;
	background:none;
	color: #4F4E4E;	  
}

.txtform_u {
	font-family: "Verdana", Lucida Sans Unicode, Arial, Tahoma;
	font-size:11px;
	text-transform:uppercase;
	color: #4F4E4E;
	  
}

.message {
	font-weight:normal;
	color: #FF0000;	  
}

.spanbg { color:#F0F2F1;}
.dataputih { background-color:#b6b6b6;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px; font: 11px Century Gothic,Tahoma,verdana,sans-serif;} .spandp {color:#E0E2FE;}
.spandp {color:#E0E2FE;}
.dataputih_u { text-transform:uppercase;}
.datamerah { background-color:#CCCCCC;border-bottom:#FFFFFF solid 0px;border-top:#FFFFFF solid 1px;}
.datamerah2 { background-color:#FF3333;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}
.databiru { background-color:#bce5fa;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}
.datakuning { background-color:#EEE682;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}
.databiru { background-color:#d9d9d9;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}
.datahijau { background-color:#99d984;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}
.datacoklat { background-color:#F1DEB1;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}

.datablur { background-color:#f2f2fb;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}

.aduanpe {
	color:#636363;
	font-size: 9px;
}

html {
  height: 100%;
  margin:0;
  padding:0;
}

form {
  margin: 0;
  padding: 0;
}

td 	{
	/*font-family:   Tahoma; 
	font: tahoma,arial,verdana,sans-serif;*/
	font: 11px Century Gothic,Tahoma,verdana,sans-serif;
	/*font-size:11px;*/
		
}
	
th {
	font-family: "Verdana", Lucida Sans Unicode, Arial, Tahoma; 
	font-size:15px;
}
a { cursor:pointer; cursor:pointer; }
a, a:visited, a:link{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size:11px;
}
a:hover{
	text-decoration:none;
	color:#0c06fa;
	font-weight:bold;
	font-size:11px;
}
a:active {
	text-decoration:none;
	color: #5c96f7;
	font-weight:bold;
	font-size:11px;
}

input.button { cursor: default; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

/*Template specific layout elements*/

#page_bg {
	padding: 0px 0;
	margin-bottom: 0px;
	background-image:url(../images/page_bg.jpg);
	background-color:#f4f6f5;
	background-repeat:repeat-x;
}


.bgfooter{
	font-family: Tahoma;
	font-size:9px;
	color:#A8C0DA;
	padding-top:0px;
	padding-left:10px;
	background-image:url(../images/bgfooter.gif);
	background-repeat:repeat-x;
	height:26px;
	}
	
.txtfront {
	padding-left:180px;
	padding-top:22px;
}

.txtfrontmsg {
	padding-left:195px;
	padding-right:90px;
	text-align:left;
}

.txtfront1 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 13px;
	font-weight : bold;
	color: #5a5b5a;
}

.txtfront2 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
	color:#666666;
}

.imgfront {
	background-image:url(../images/home_bg.jpg); background-repeat:no-repeat;
	width:638px;
	height:284px;
}

.imgfront_ico {
	padding-right:80px;
	padding-bottom:30px;
	height:56px;
}
.buttons  { font-size: 9px; font-family: verdana,  Lucida Sans Unicode, Arial, Tahoma; vertical-align: middle }

.submenufail{
	font-family: "Lucida Sans Unicode", Verdana, Tahoma, Arial, Helvetica;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	color:#FBFDFF;
	background:url(../images/menu_m2.png) repeat;
	
	height:31px;
	padding-bottom:3px;
	padding-left:10px;
	background-repeat:repeat-x;
	/*cursor: pointer; cursor: hand;*/
}
.menubttn{
position:relative;
  width:50; border:#666666 thin solid;
	font-family: Tahoma;
	font-size:11px;
	font-weight:normal;
	color:#15428b;
	background:  url(../images/bg_page.jpg) repeat;
 text-align:center;

/*	vertical-align: text-bottom;*/
	line-height:18px;
	cursor:pointer;
	}
.butang {
	font-family: Tahoma;
	font:Tahoma 8px;
	text-align:center;
	height: 25px;
	vertical-align:middle;
 	background-color:#A8D0EE ; border-bottom:#999999 solid 1px;border-right: #CCCCCC solid 1px;	 border-top:#F7F7F7 solid 1px;
 /*   background:#fff url(../images/bg_page.gif) repeat-x 0 0;
	font-size:11px;
    border: 1px solid #B5B8C8; */
 cursor:pointer;  
	
	/*cursor: pointer; cursor: hand;*/
}
.bttn{
background-color:#dfdfdf ; border-bottom:#999999 solid 1px;border-right: #CCCCCC solid 1px;	 border-top:#F7F7F7 solid 1px;
}
.buttons  { font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }