body { 
	margin: 0 0 10px 0;
	background: #FFFFFF;
	font: 10px/12px Arial, Verdana, Helvetica, "MS PGothic", Osaka, sans-serif;
	color: #000000;
}
#container {
	margin-top:10px;
}
#header {
	border-bottom:2px solid #FFFFFF;
}
.banner {
	font: 9px/11px Verdana;
	color: #333333;
	padding:10px 5px 5px 10px;
}
#verticalNav {
	border-top:4px solid #333333;
	border-bottom:1px solid #CCCCCC;
	padding:2px 0 0 2px;
}
acronym { border:0px; }
.topNav {
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font: 11px/12px Tahoma, Verdana, Helvetica, "MS PGothic", Osaka, sans-serif; 
	color: #333;
	padding:1px;
	font-weight: bold;
}
.topNav a:link { text-decoration: none; display: block; background: #FFF; padding:4px; border-left: 7px solid #CCC; color: #333; }
.topNav a:visited { text-decoration: none; display: block; background: #FFF; padding:4px; border-left: 7px solid #CCC; color: #333; }
.topNav a:active { text-decoration: none; display: block; background: #FFF; padding:4px; border-left: 7px solid #CCC; color: #333; }
.topNav a:hover { text-decoration: none; display: block; background: #FFFFFF;  padding:4px; border-left: 7px solid #DD5733; color: #DD5733; } /* #D4E345; */

.icoNav { padding:1px 0 1px 2px; background: #CCC; font: 10px/12px Tahoma, Verdana, Helvetica; color: #333; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-right:1px solid #CCC; border-left:1px solid #FFFFFF; }

.icoNav img { border:0px; }
.content {
	font: 11px/12px Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
}
.kolom-kanan { border-right: 1px solid #CCCCCC; }
#foot {
	padding-top:5px;
	border-top:1px solid #E1E1E1;
}
.footer { 
	background: #E1E1E1;
	border-top:1px solid #FFFFFF;
	padding:5px;	
	font:10px/12px Verdana;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
.copyright {
	padding: 7px 0 7px 0;
	font: 10px/12px Verdana, Tahoma, Helvetica;
}
/* content style */
.area { font: 12px/14px Tahoma; font-weight: bold; border-bottom:1px solid #DD5733; border-right:6px solid #FFFFFF; padding:1px 1px 1px 5px; }
.toplist { padding-top:10px; font: 11px/13px Tahoma, Verdana, Helvetica; }
td.toplist { padding:2px; border-bottom: 1px solid #CCC; }
.toplist img { float: left; border:0px solid #333; margin:2px 4px 2px 2px; padding:2px; background: #eee; }
.toplist-kanan { border-bottom: 1px solid #CCC; border-top: 4px solid #FFF; background: #e1e1e1; padding-top:10px; font: 11px/13px Tahoma, Verdana, Helvetica; }
td.toplist-kanan { padding:2px; border-bottom: 1px solid #CCC; border-top: 6px solid #FFF; }
.toplist-kanan img { float: left; border:0px solid #333; margin:2px 4px 2px 2px; padding:2px; background: #eee; }
.float-right { float: right; padding-right:5px; }
.float-left { float:left; padding-right:2px; }
.list { font: 11px/13px Tahoma, Verdana, Helvetica; }
.sidelist { margin: 1px 2px 1px 0; padding: 1px 2px 1px 0; font: 11px/13px Tahoma, Verdana, Helvetica; }
.sidelist td { border-bottom: 1px solid #CCC; }
img.icons { float:none; border:0px; background: none; vertical-align:middle; }

/* additional */

/* link styles */
a:link { color: #006CB7; }
a:visited { color: #006CB7; }
a:active { color: #006CB7; }
a:hover { color: #DD5733; }
.banner a:link { text-decoration: none; color: #666666; }
.banner a:active { text-decoration: none; color: #666666; }
.banner a:visited { text-decoration: none; color: #666666; }
.banner a:hover { text-decoration: none; color: #006CB7; }
.icoNav a:link { text-decoration: none; color: #333; }
.icoNav a:active { text-decoration: none; color: #333; }
.icoNav a:visited { text-decoration: none; color: #333; }
.icoNav a:hover { text-decoration: none; color: #FFF; }
.area a:link { color: #333; text-decoration: none; }
.area a:visited { color: #333; text-decoration: none; }
.area a:active { color: #333; text-decoration: none; }
.area a:hover { color: #DD5733; text-decoration: none; }
.green a:link { color: #333; text-decoration:none; }
.green a:visited { color: #333; text-decoration:none; }
.green a:active { color: #333; text-decoration:none; }
.green a:hover { color: #A3B602; text-decoration:none; }
.reds a:link { color: #333; text-decoration:none; }
.reds a:visited { color: #333; text-decoration:none; }
.reds a:active { color: #333; text-decoration:none; }
.reds a:hover { color: #EF402F; text-decoration:none; }
.sidelist a:link { color: #999; text-decoration: none; }
.sidelist a:visited { color: #999; text-decoration: none; }
.sidelist a:active { color: #999; text-decoration: none; }
.sidelist a:hover { color: #F6A200; text-decoration: none; }
.footer a:link { text-decoration: none; color: #006CB7; }
.footer a:visited { text-decoration: none; color: #006CB7; }
.footer a:active { text-decoration: none; color: #006CB7; }
.footer a:hover { text-decoration: none; color: #DD5733; }

/* list style */
ul.green, li.green { list-style-image: url(../images/icons/arrow_green.gif); margin-top:2px; }
ul.reds, li.reds { list-style-image: url(../images/icons/arrow_red.gif); margin-top:2px; }
ul.orange, li.orange { list-style-image: url(../images/icons/arrow-1.gif); margin-top:2px; }
ul.kotak-orange, li.kotak-orange { list-style-image: url(../images/icons/kotak_orange.gif); margin-top:2px; }
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}