* { font-size:12px; }
body { margin:5px; background:#2F383F; }
div,body{
    scrollbar-face-color: #808080; /*/ obviously change this to whatever you want /*/
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFBF0;
    scrollbar-3dlight-color: #808080;
    scrollbar-shadow-color: #FFFBF0;
    scrollbar-darkshadow-color: #808080;
    scrollbar-track-color: #CCCCCC;
}
/*scroll bar for safari & chrome*/
::-webkit-scrollbar {width: 15px;height: 15px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { height: 1px; display: block; background-color: #EFF7FF; }
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:horizontal:end:increment { height: 1px; display: block; background-color: #EFF7FF;}
::-webkit-scrollbar-track-piece { background-color: #EFF7FF; }
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal { background-color: #A9A9A9; border: 1px solid #CCC;}

.page { min-width:760px; max-width:90%; text-align:left; height:100%;}
.headerwrap {
	width:100%;
	min-height:90px;
	-moz-border-radius: 22px 22px 0px 0px;
	-webkit-border-radius: 0 22px;
	/*background:#1077A4;*/
	background:green;
}
.header {
	top:0px; left:0px;
	clear:both;
	min-height:66px;	
}
	.header .logo {
		float:left;
		width:70px;
		height:70px;
		background:url(../gambar/logo_70x70.png) no-repeat center center;
		padding:2px;
		margin-left:17px;
		margin-top:10px;
/*
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
*/
	}
	.header .content {
		float:left;
		padding:14px 20px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		color:#FFFFFF;
		font-size:14px;
	}
	.header .content span { font-size:20px;}
	.statuswrap { position:absolute; left:auto; top:0px; z-index:200; min-width:200px; max-width:90%; width:99%; }
	.statuswrap .status {
		float:right;
		color:#EAEAEA;
		vertical-align:middle;
	}
	
	.login {
		clear:both;
		width:100%;
		background:#FFFFFF;
		padding:0px;
		height:40px;
	}
	.login form {
		text-align:right;
	}
	.boxuser,.boxuserin {
		margin:0px;
		padding:7px;
		background: #006400;
	}

	.boxuserin {
		margin:7px 5px;
	}
	.boxuserin,.boxuserin2 {
		margin-top:14px;
		-moz-border-radius: 0 7px;
		-webkit-border-radius: 0 7px;
	}
	.boxuserin2 {
		margin:14px 0px 0px 0px;
		padding:7px;
		background: #FFFFFF;
		color:#000000;
		text-align:right;
	}

.mainwrap {
	clear:both;
	width:100%;
	background:#FFFFFF;
	min-height:70%;
}
.main {
	padding:5px 12px;
	padding-top:0px;
}

.footer {
	background:GREEN;
	padding: 0px 0px;
	text-align:center;
	-moz-border-radius: 0px 0px 22px 0px;
	-webkit-border-radius: 0px 0px 22px 0px;
	text-align:left;
	margin-bottom:7px;
	min-width:760px;
	max-width:100%;
}

.pmenufooter { border-top:1px solid #EEEEEE; border-bottom:1px solid #DEDEDE; padding:7px; text-align:left; background:#EEEEEE; }
.pmenufooter ul { margin:0px; padding:0px; width:90%;  }
.pmenufooter li { float:left; padding:2px 0px; list-style:decimal; margin-left:29px; }
.pmenufooter li a { font-size:10px; }
.pmenufooter li a.subaktif { font-weight:bold; text-decoration:underline; }

.submenuie { border-top:1px solid #EEEEEE; border-bottom:1px solid #DEDEDE; padding:7px; text-align:left; background:#EEEEEE; }
.submenuie ul { margin:0px; padding:0px; width:97%;  }
.submenuie li { float:left; padding:2px 0px; list-style:decimal; margin-left:7px; }
.submenuie li a { font-size:10px; }
.submenuie li a.subaktif { font-weight:bold; text-decoration:underline; }

.copyright div { color:#FFFFFF; font-size:9px; font-weight:bold; padding-top:9px; padding-left:7px; padding-right:22px; text-align:right; }
.copyright a { color:#FFFFFF; font-size:9px; }

.textbox_half, .textbox_short, .textbox { font-size:12px; background:#FAFAFA; color:#434343; border:1px solid #434343; padding:2px 3px; }
.textbox { width:80%; min-width:200px; }
.textbox_half { width:140px; }
.textbox_short { width:70px; }

.bg1 { background:#FAFAFA;}
.bg2 { background:#EEEEEE;}
.readonly{ background:#FFFFAF; font-weight:bold; padding:4px 9px; }
.error { background:#FFEEFF; border:1px solid #AA0000; padding:4px 9px; margin-bottom:7px; }
.error span { font-weight:bold; display:inline; display:block; color:#AA3300; }
.tombol { padding:3px 7px; font-weight:bold; background:#565656; color:#fff; font-size:12px; font-family:arial;}
.tombol2 { padding:3px 7px; font-weight:bold; background:#24b256; color:#fff; font-size:12px; font-family:arial;}
.tombol3 { padding:3px 7px; font-weight:bold; background:#b22456; color:#fff; font-size:12px; font-family:arial;}

.tombol,.tombol2,.tombol3 { text-shadow:1px 1px 1px #1d1d1d; letter-spacing:1.2px; }

.back { padding:3px 7px; font-weight:bold; border:1px solid #565656; background:#FFF; color:#2456b2; font-size:12px; font-family:arial;}
th,td { padding:3px 5px; }

.col13 {
	padding:5px; width:200px; float:left;
}
.col23 {
	padding:5px; width:700px; float:right;
}
.col12 {
	padding:5px; width:45%; float:left;
}
.clr { clear:both; }

.news ul { list-style-type:square; color:#66CC00; }
.news ul  li {
	margin-left:-15px;
}
.news ul  li,
.news ul  li span { color:#888; font-size:10px; }

.news {
	margin-top:5px;
}
.news .bg1,.news .bg2 { padding:5px 12px; margin-bottom:2px; }
.news h2,.login h2 {
	background:#56AAAA; color:#fff;
	padding:7px 12px;
	font-size:14px;
	margin-bottom:2px;
	display:inline; display:block;
}
.news h2 { 
	background:#80d280;
	color:#333;
}

.news-detail .deskripsi {
	margin-top:9px;
	font-size:12px !important; 
	color:#454545;
}
.news-detail .title {
	font-size:14px !important;
	color:#1f671f;
	font-weight:bold;
}
.news-detail .toolbar { margin:5px 0px 0px; }
.news-detail .sep  { 
	font-size:12px !important; 
	color:#888;
	margin:0px 10px;
}
.news-detail .tanggal,.news-detail .category {
	font-size:12px !important; 
	color:#888;
}
.news-detail .deskripsi div { padding:0px; margin:0px; margin-top:5px; margin-bottom:10px; }
.news-detail .foto { float:left;margin-right:10px !important;width:150px;height:90px;text-align:center; overflow:hidden; }
.news .deskripsi { overflow:auto; font-size:11px !important; }
.news div, .news span, .news p { font-size:12px !important; }
.news li a { font-size:11px !important; }
.news li { padding-bottom:5px !important; font-size:11px !important; }

.note { font-size:11px; color:#888888;}
.tabelpilih,.tabel { 
	border-top:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
}
.tabelpilih th,.tabel th,
.tabelpilih td, .tabel td { border-right:1px solid #AAAAAA;border-bottom:1px solid #AAAAAA; padding:5px 9px; }
.tabelpilih td:hover { background:#EEEEEE; }

table tr.trjudul { background:#EEEEAA; }
table tr.trjudul td,table tr.trjudul th { color:#aa0000; font-weight:bold; }
.modtitle { 
	background:#388738;
	color:#fff;
	padding:5px 7px;
	margin-bottom:7px;
}
.modform { 
	background:#EEEEDE;
	color:#000;
	padding:5px 7px;
	margin-bottom:7px;
	border:1px solid #5689B2;
}
.modsubtitle { 
	background:#aef;
	color:#000;
	padding:5px 7px;
	margin-bottom:7px;
	border:1px solid #5689B2;
}

.modtitle a { color:#ffff00; font-weight:bold; padding:2px;}

.successbox {
	background:#ffffEE;
	border:1px solid #88aa00;
	padding:5px 12px;
	margin-bottom:9px;
}
.alertbox {
	background:#ffEEff;
	border:1px solid #aa8800;
	padding:5px 12px;
}
.alertbox .label { font-weight:bold; }
.col23 { width:65%; float:left; }
.col13 { width:32%; float:right; text-align:right; }

.modpage { float:right; }
.modpage a {
	background:#677878;
	padding:4px 7px;
	color:#fff;
	display:block;
	float:left;
}
.modpage a:hover {
	background:#AA7878;
	padding:4px 7px;
	color:#000;
}
.modpage .cur_page {
	background:#2334AA;
	padding:4px 7px;
	color:#fff;
	display:block;
	float:left;
}
.fs11,.fs11 span,.fs11 p,.fs11 div { font-size:11px !important; ; }
.fs11 tr td,.fs11 tr th { font-size:11px !important; }
h2.online { background:#1dc51d; color:#fff; }
@media (max-width: 799px) {
	* { font-size:11px; }
	.header .content span { font-size:18px;}
	.header .status {
		position:absolute; top:10px; left:440px;
	}
	#pmenu a.subaktif, #pmenu a.subaktif:visited, #pmenu a.wauto, #pmenu a.wauto:visited {
		padding-left:7px !important; padding-right:7px !important;
	}
}

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.combobox { max-width:180px; border:1px solid #565656; }

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}