* {
	margin:0; 
	padding:0;
}
body { 
	background-color: #5e8f82;
	overflow: hidden;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:100%; /* needed for container min-height */
}
th { text-align:left }
input, textarea, select, td, th {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
textarea { resize:none; }
select option {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
}
#mask {
	z-index:90;
  	/*background: url(../img/processing.gif) center no-repeat #000;*/
	background:#000;
  	display:block;
  	opacity: 0.5; filter:alpha(opacity=50);

	/* for other */
	position:fixed;	
	top:0; left:0; 
	height: 100%; width:100%;
	/* for IE -------------------------------- */
	_position:absolute; 
	_left: 50%; _margin-left: expression(eval(document.compatMode=='CSS1Compat' ? document.documentElement.scrollLeft : document.body.scrollLeft)-0.5*eval(document.compatMode=='CSS1Compat' ? document.documentElement.clientWidth : document.body.clientWidth));
	_top: 50%; _margin-top: expression(eval(document.compatMode=='CSS1Compat' ? document.documentElement.scrollTop : document.body.scrollTop)-0.5*eval(document.compatMode=='CSS1Compat' ? document.documentElement.clientHeight : document.body.clientHeight));
	_height: expression(eval(document.compatMode=='CSS1Compat' ? document.documentElement.clientHeight : document.body.clientHeight));  
	_width:expression(eval(document.compatMode=='CSS1Compat' ? document.documentElement.clientWidth : document.body.clientWidth));
	/* --------------------------------------- */

}
#mask2 {
	z-index:190;
  	background-color: #630a06;
  	display:none;
  	opacity: 0.5; filter:alpha(opacity=50);

	/* for other */
	position:fixed;	
	top:0; left:0; 
	height: 100%; width:100%;
	/* for IE -------------------------------- */
	_position:absolute; 
	_left: 50%; _margin-left: expression(eval(document.compatMode=='CSS1Compat' ? document.documentElement.scrollLeft : document.body.scrollLeft)-0.5*eval(document.compatMode=='CSS1Compat' ? document.documentElement.clientWidth : document.body.clientWidth));
	_top: 50%; _margin-top: expression(eval(document.compatMode=='CSS1Compat' ? document.documentElement.scrollTop : document.body.scrollTop)-0.5*eval(document.compatMode=='CSS1Compat' ? document.documentElement.clientHeight : document.body.clientHeight));
	_height: expression(eval(document.compatMode=='CSS1Compat' ? document.documentElement.clientHeight : document.body.clientHeight));  
	_width:expression(eval(document.compatMode=='CSS1Compat' ? document.documentElement.clientWidth : document.body.clientWidth));
	/* --------------------------------------- */

}
#wrapper_ {
	position:absolute;
	left:50%; margin-left:-502px; top:0; bottom:10px;
	width:1004px; 
}
#wrapper {
	position:absolute;
	left:50%; margin-left:-502px; top:10px; bottom:10px;
	width:1004px; 

	/*background-color: rgb(36,88,138);  Needed for IEs */
	-moz-box-shadow: 5px 5px 5px rgba(104,114,86,0.4);
	-webkit-box-shadow: 5px 5px 5px rgba(104,114,86,0.4);
	box-shadow: 5px 5px 5px rgba(104,114,86,0.4);
	/*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.40);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.40)";*/
	zoom: 1;
}
#header {
	position:absolute;
	left:0; top:0; 
	width:1004px; height:90px;
	background: -webkit-gradient(linear, top bottom, from(#00392a), to(#66fad5));
	background: -webkit-linear-gradient(top, #00392a, #66fad5); 
	background: -moz-linear-gradient(top, #00392a, #66fad5); /*#029c76, #004333, #029c76);*/
	background: -o-linear-gradient(top, #00392a, #66fad5); 
	background: -ms-linear-gradient(top, #00392a, #66fad5); 
	background: linear-gradient(top, #00392a, #66fad5); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00392a', endColorstr='#66fad5');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00392a', endColorstr='#66fad5')";
	background-color: #00392a;
	z-index:1;

}
	#logo {
		position:absolute;
		left:5px; top:0; 
		width:95px; height:90px; 
		background:url(../img/logo.png) center center no-repeat;
		z-index:2;
	}
	#ornament {
		position:absolute;
		right:0; top:0; 
		width:150px; height:90px; 
		background:url(../img/ornament.jpg) right no-repeat #006200;
		z-index:2;
	}
	#ornament2 {
		position:absolute;
		left:60px; top:1px; 
		width:150px; height:89px; 
		background:url(../img/ornament2.jpg) right no-repeat #006200;
		z-index:1;
	}
	#ornament3 {
		position:absolute;
		right:150px; top:0; 
		width:230px; height:90px; 
		background:url(../img/ornament3.jpg) right no-repeat #006200;
		z-index:1;
	}
	#title {
		position:absolute;
		left:50%; margin-left:-392px; top:10px; 
		width:500px; height:60px; /*line-height:60px;*/
		color:#FF9; font-size:36px;
		z-index:2
	}
	#title .textbright {
		text-shadow: #466430 2px 2px 3px; 
	}
	#title .textdark {
		text-shadow: #466430 2px 2px 3px; color:#0f3d6a
	}
	#loginfrm {
		position:absolute; right:0; top:0;  
		width:400px; height:35px; line-height:35px;
		white-space:nowrap; 
		z-index:3;
	}
		.LoginUserID {
			background:url(../img/bguseroff.gif) left top no-repeat #FFF; 
			height:19px; line-height:19px; width:120px; 
			margin-right:3px; margin-top:5px; float:right; padding-left:25px; 
			border:2px solid #666; 
			border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
		}
		.LoginPassword {
			background:url(../img/bgpwdoff.gif) left top no-repeat #FFF; 
			height:19px; line-height:19px; width:120px; 
			margin-right:3px; margin-top:5px; float:right; padding-left:25px;
			border:2px solid #666; 
			border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
		}
		.Button {
			width:62px; height:24px; line-height:24px; 
			float:right; margin-top:5px; margin-right:5px;	
			/*border:1px solid #0f3d6a; border-bottom:#24588a; border-right:#24588a;*/
		}
	#account {
		position:absolute; 
		/*left:50%; margin-left:90px; top:0; */ 
		right:10px; top:0;  
		width:500px; height:30px; line-height:30px;
		color:#fff; font-size:12px;
		text-align:right;
		z-index:3;
	}
		a.linksignout {
			color:#fff; text-decoration:none; height:22px; line-height:22px; background:	url(../img/logout.png) top left no-repeat; padding-left:18px;
		}
		a.linksignout:hover {
			color:#f17b1a; /*text-decoration:none;*/	
		}
		a.linkchgpwd {
			color:#fff; text-decoration:none; height:22px; line-height:22px; background:	url(../img/chgpwd.png) top left no-repeat; padding-left:18px;
		}
		a.linkchgpwd:hover {
			color:#f17b1a; /*text-decoration:none;*/	
		}
	#search {
		position:absolute;
		left:50%; margin-left:110px; top:40px; 
		width:380px; height:30px; line-height:30px;
		/*vertical-align:middle; white-space:nowrap;*/
		background:url(../img/bgsearchfrm.jpg) repeat-x center;
		display:none;
	}
		.SearchKeyword {
			background:url(../img/bgsearchoff.gif) left center no-repeat #FFF; 
			height:19px; width:280px; _width:190px;
			margin-left:3px; margin-top:3px; float:left; padding-left:25px; /*text-indent:25px*/	
		}
		.SearchButton {
			width:62px; height:24px; float:right; margin-top:3px; margin-right:3px;	
		}
	#tanggal { 
		position:absolute; bottom:0; right:10px; height:30px; line-height:30px; color:#0f3d6a;
		color:#FF9;
		text-shadow:#c00 1px 1px 1px;
		z-index:3;
	}
#subheader {
	position:absolute;
	left:0; top:90px; 
	width:1004px; height:35px; background:#032;
	z-index:1;
}
	/* menu classes */
	#menu {
		position:relative; width:auto; height:35px; text-align:left;
	}
		.menuhorizontal {
			margin: 0 auto; width:1004px;
			border-width:0; border-color:#999999;
			background: -webkit-gradient(linear, center top, center bottom, from(#029c76), to(#004333), to(#029c76));
			background: -webkit-linear-gradient(top, #029c76, #004333, #029c76);
			background: -moz-linear-gradient(top, #029c76, #004333, #029c76);
			background: -o-linear-gradient(top, #029c76, #004333, #029c76);
			background: -ms-linear-gradient(top, #029c76, #004333, #029c76);
			background: linear-gradient(top, #029c76, #004333, #029c76);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#029c76', endColorstr='#004333');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#029c76', endColorstr='#004333')";
			background-color: #004333;

			text-align:center; list-style: none;
			padding:0; height:39px; _height:auto;
		}
		.menuhorizontal li {
			float:left; margin-top: 7px; padding: 0 6px;
			border-right:1px solid #029c76;
			border-left:1px solid #004333;
		}
		.menuhorizontal li img { border:none }
		.menuhorizontal li a {
			font: 12px tahoma, arial, helvetica; font-weight:bold;
			color:white; text-decoration:none;
			display:block;
			padding: 3px 15px;
		}
		.menuhorizontal li span.disabled {
			font: 12px tahoma, arial, helvetica; font-weight:bold;
			text-decoration:none; color:#aaa;
			display:block; padding: 3px 10px;
			cursor:default;
		}
		.menuhorizontal li a:hover { color: #fefbc6; }
		.menuhorizontal li a.mnuon, .menuhorizontal li a.selected {
			background: #073c2f; color:#fffeec;
			height: 26px; _height:auto;
			border-top-left-radius:6px; 
			border-top-right-radius:6px; 
			-moz-border-top-left-radius:6px;
			-moz-border-top-right-radius:6px;
			-webkit-border-top-left-radius:6px;
			-webkit-border-top-right-radius:6px;
			-o-border-top-left-radius:6px;
			-o-border-top-right-radius:6px;
		}
		.menuhorizontal li a.mnuon { cursor:default; }
		.menuhorizontal li a.selected:hover { color:#fefbc6; }
		.menuhorizontal li a.clicked {
			height: 26px; _height:auto; color: #000;
			
			border-top-left-radius:6px; 
			border-top-right-radius:6px; 
			-moz-border-top-left-radius:6px;
			-moz-border-top-right-radius:6px;
			-webkit-border-top-left-radius:6px;
			-webkit-border-top-right-radius:6px;
			-o-border-top-left-radius:6px;
			-o-border-top-right-radius:6px;
			background-color: #fefbc6;
		}
		.menuhorizontal li a.clicked:hover { color:#000; }
#toolbar {
	position:absolute;
	left:0; top:125px; 
	width:1004px; height:32px;
	/*background:#bbdaf9;*/
	background: -webkit-gradient(linear, center top, center bottom, from(#073c2f), to(#073c2f), to(#09503e));
	background: -webkit-linear-gradient(top, #073c2f, #073c2f, #09503e);
	background: -moz-linear-gradient(top, #073c2f, #073c2f, #09503e);
	background: -o-linear-gradient(top, #073c2f, #073c2f, #09503e);
	background: -ms-linear-gradient(top, #073c2f, #073c2f, #09503e);
	background: linear-gradient(top, #073c2f, #073c2f, #09503e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#073c2f', endColorstr='#09503e');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#073c2f', endColorstr='#09503e')";
	background-color: #073c2f;

	/* jika runningtextbar hidden */
	border-bottom:1px solid #fff;
}
	#toolbar span {
		float:left; margin-left:15px; height:35px; line-height:35px; 
		color:#fff; font-weight:bold; text-transform:uppercase;
	}
#runningtextbar {
	position:absolute;
	left:0; top:155px; 
	width:1004px; height:30px;
	background:#24588a;
	background:#fff;
	display:none;
}
	#mnuSMS {
		position:absolute; 
		left:20px; width:200px; height:20px; margin-top:8px;
	}
	#servicebtn {
		position:absolute; 
		right:70px; width:200px; height:20px; margin-top:8px;
	}
	#servicelight {
		position:absolute; 
		right:0; width:70px; height:35px; 
		display:none;
	}
		#servicelight.nyala, #toolbar .nyala {
			background:url(../img/service_on.gif) left center no-repeat;
		}
		#servicelight.mati, #toolbar .mati {
			background:url(../img/service_off.gif) left center no-repeat;
		}
	#toolbar .submenuscroll{
		position:absolute; top:0; width:10px; height:30px; line-height:30px; 
		cursor:pointer; display:none; 
	}
	#toolbar .goprev { right:15px; background:url(../img/goPrev.gif) center no-repeat; }
	#toolbar .gonext { right:5px; background:url(../img/goNext.gif) center no-repeat; }
	#submenu {	position:absolute; left:0; top:0; width:974px; height:30px; overflow:hidden; }
		.submenuhorizontal { position:absolute; left:0; bottom:0; padding:0 1px; width:10000px; }
		.submenuhorizontal li { 
			height: 22px; line-height:22px;
			float:left; list-style-type:none; white-space:nowrap;
			/*border-left:1px solid #90b2d9; border-right:1px solid #fff;*/ 
		}
		.submenuhorizontal li.ellipsisprev { 
			/*border-left:0; border-right:1px solid #fff; */cursor:default; display:none; 
		}
		.submenuhorizontal li.ellipsisnext { 
			/*border-left:1px solid #90b2d9; border-right:0; */
			cursor:default; display:none; 
		}
		/*.submenuhorizontal li.first { border-left:0; border-right:1px solid #fff; }
		.submenuhorizontal li.last { border-right:0; border-left:1px solid #90b2d9; }*/
		.submenuhorizontal li a, .submenuhorizontal li span, .submenuhorizontal li div {
			/* jangan set height, bikin trouble di IE */
			display:block;
			padding:0 14px; margin:0 4px;	
			font-size:11px; font-weight:bold; 
			text-transform: capitalize; text-decoration:none;
			color: #fff; /*#0f3d6a;*/
			background-color:#000;
			border-radius:10px; -moz-border-radius:10px;
			-webkit-border-radius:10px; -o-border-radius:10px; 
		}
		.submenuhorizontal li a:hover { background-color:#666; color:#c00; }
		.submenuhorizontal li span.selected { color:#900; cursor:default; }
#main {
	position:absolute; display:block;
	left:0; top:185px; bottom:25px; 
	/*width:1280px;*/ width:1004px;
	overflow-y: auto; overflow-x: hidden;
	background-color:#fff;
	/* jika runningtextbar hidden */
	top:158px;
	border-top:1px solid #6b8c6b;
}
	.content {
		position:absolute; display:block; top:10px; left:10px; bottom:10px;
		width:984px; 
	}
#footer {
	position:absolute; left:0; bottom:0; height:25px; line-height:25px; 
	color:#fff; text-align:center;
	width:1004px; 
	background: -webkit-gradient(linear, top bottom, from(#004333), to(#09503e));
	background: -webkit-linear-gradient(top, #004333, #09503e);
	/*background: -moz-linear-gradient(top, #004333, #004333);*/
	background: -moz-linear-gradient(top, #004333, #09503e);
	background: -o-linear-gradient(top, #004333, #09503e);
	background: -ms-linear-gradient(top, #004333, #09503e);
	background: linear-gradient(top, #004333, #09503e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004333', endColorstr='#09503e');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#004333', endColorstr='#09503e')";
	background-color: #09503e;
}

.menupop {
	position:absolute; display:none;
	width:220px; height:150px; 
	background-color:#fdefcc;
	z-index:89;	overflow:hidden;
	/* shadow */
	_background-color: rgb(102,0,0); /* Needed for IEs */
	-moz-box-shadow: 5px 5px 5px rgba(102,0,0,0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(102,0,0,0.3);
	box-shadow: 5px 5px 5px rgba(102,0,0,0.3);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;

	background: -webkit-gradient(linear, top bottom, from(#fefbc6), to(#f0ec89));
	background: -webkit-linear-gradient(top, #fefbc6, #f0ec89);
	background: -moz-linear-gradient(top, #fefbc6, #f0ec89);
	background: -o-linear-gradient(top, #fefbc6, #f0ec89);
	background: -ms-linear-gradient(top, #fefbc6, #f0ec89);
	background: linear-gradient(top, #fefbc6, #f0ec89);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefbc6', endColorstr='#f0ec89');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefbc6', endColorstr='#f0ec89')";
	background-color: #fefbc6;
}
	.menulist {
		position:absolute; top:2px; left:2px; right:2px; bottom:2px;	
		background:url(../img/bgmenupop.pngs) left repeat-y;
	}
	.menulist li { list-style-type:none; white-space:nowrap; line-height:23px; margin-left:0 }
	.menulist li.separator { 
		list-style-type:none; margin-left:5px; margin-right:5px; height:1px; 
	}
	.menulist li.top { margin-top:3px; border-bottom:#ddde7c 1px solid; }
	.menulist li.bottom { margin-bottom:3px; border-top:#fefbc6 1px solid; }
	.menulist li a, .menulist li span { 
		display:block; padding:0 5px; /*padding-left:32px;*/ 
		font-size:12px; height:23px; line-height:23px;
		font-weight:normal; text-decoration:none;
		background-color:inherit; color: #000;
	}
	.menulist li span.disabled { color: #999 }
	.menulist li a:hover {
		color:#fff; background: #c00;
		text-decoration:none; text-transform:none;
	}
	.menulist li a.parent { background:url(../img/goNext.gif) right no-repeat; }
	.menulist li a.parent:hover {
		color:#fff; background:url(../img/goNextFFF.gif) right no-repeat #c00;
	}
#mainpop {
	position:absolute; display:none;
	width:800px; height:400px;
	left:50%; margin-left:-400px;
	top:50%; margin-top:-200px;
	background:url(../img/bgmain_.jpg) repeat-y center #fefeff;
	z-index:98;	overflow:hidden;
}
.mainpop {
	position:absolute; display:none;
	width:800px; height:400px;
	left:50%; margin-left:-400px;
	top:50%; margin-top:-200px;
	background:url(../img/bgmain_.jpg) repeat-y center #fefeff;
	z-index:98;	overflow:hidden;
}
/*#24588a, #0f3d6a);*/
	.mainpophdr {
		height:30px; line-height:30px; color:#FFF; 
		background: -webkit-gradient(linear, top bottom, from(#004333), to(#029c76));
		background: -webkit-linear-gradient(top, #004333, #029c76);
		background: -moz-linear-gradient(top, #029c76, #004333);
		background: -webkit-linear-gradient(top, #1a5c02, #029c76);
	background: -moz-linear-gradient(top, #004333, #09503e);
		background: -o-linear-gradient(top, #004333, #029c76);
		background: -ms-linear-gradient(top, #004333, #029c76);
		background: linear-gradient(top, #004333, #029c76);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004333', endColorstr='#029c76');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#004333', endColorstr='#029c76')";
		background-color: #004333;
		
	}

		.formtab {
			margin: 0 auto; 
			text-align:center; list-style: none;
			padding:0; height:39px; _height:auto;
		}
		.formtab li {
			float:left; margin-top: 7px; margin-top:0; padding: 0 2px;
			/*border-right:1px solid #c00;
			border-left:1px solid #900;*/
		}
		.formtab li a, .formtab li span {
			font: 12px tahoma, arial, helvetica; font-weight:bold;
			text-decoration:underline; color:#000;
			display:block; padding: 3px 20px; margin-top:5px; /*padding-top:3px;*/
			height: 29px; _height:auto; line-height:29px; 

			background: #eae0e0; color:#000; 
			border-top-left-radius:6px; 
			border-top-right-radius:6px; 
			-moz-border-top-left-radius:6px;
			-moz-border-top-right-radius:6px;
			-webkit-border-top-left-radius:6px;
			-webkit-border-top-right-radius:6px;
			-o-border-top-left-radius:6px;
			-o-border-top-right-radius:6px;

		}
		.formtab li span.disabled {
			font: 12px tahoma, arial, helvetica; font-weight:bold;
			text-decoration:none; color:#aaa;
			display:block; padding: 0 10px;
			cursor:default;
		}
		.formtab li a:hover {
			color: #f00;
		}
		.formtab li a.mnuon, .formtab li a.selected {
			background: #fffcfc; color:#000; 
			/*height: 29px; _height:auto; */
			border-top-left-radius:6px; 
			border-top-right-radius:6px; 
			-moz-border-top-left-radius:6px;
			-moz-border-top-right-radius:6px;
			-webkit-border-top-left-radius:6px;
			-webkit-border-top-right-radius:6px;
			-o-border-top-left-radius:6px;
			-o-border-top-right-radius:6px;
			cursor:default;
		}
		/*.formtab li a.mnuon, .formtab li a.selected  { cursor:default; }*/
		.formtab li a.mnuon:hover, .formtab li a.selected:hover { color:#000; }
		.formtab li a.clicked {
			height: 26px; _height:auto; color: #000;
			border-top-left-radius:6px; 
			border-top-right-radius:6px; 
			-moz-border-top-left-radius:6px;
			-moz-border-top-right-radius:6px;
			-webkit-border-top-left-radius:6px;
			-webkit-border-top-right-radius:6px;
			-o-border-top-left-radius:6px;
			-o-border-top-right-radius:6px;
			background-color: #fdf2d2;
		}
#mainpop2 {
	position:absolute; display:none;
	width:800px; height:400px;
	left:50%; margin-left:-400px;
	top:50%; margin-top:-200px;
	background:url(../img/bgmain_.jpg) repeat-y center #fefeff;
	z-index:199; overflow:hidden;
}


.ButtonTamu {
	background-color: -webkit-gradient(linear, top bottom, from(#090), to(#060));
	background-color: -webkit-linear-gradient(top, #090, #060);
	background-color: -moz-linear-gradient(top, #090, #060);
	background-color: -o-linear-gradient(top, #090, #060);
	background-color: -ms-linear-gradient(top, #dde4d2, #060);
	background-color: linear-gradient(top, #090, #060);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#090', endColorstr='#060');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#090', endColorstr='#060')";
	background-color: #060;
	color:#FFF; padding:0 10px;	height:30px; font-weight:bold
}


.mnuicon {
	filter:alpha(opacity=70);opacity:.70;
	cursor:pointer;
}
.mnuiconoff {
	filter:alpha(opacity=15);opacity:.15; background:#FFFFFF;
}