/* Link colors */

A:link			{
	text-decoration: none;
	color: #0000AA;
	font-size:10pt;
}
A:visited		{ text-decoration: none; color: #0000AA; font-size:10pt;}
A:active		{ text-decoration: none; color: #000050; font-size:10pt;}
A:hover			{
	text-decoration: underline;
	color: #0000AA;
	font-size:10pt;
}

/* Define BODY style */
BODY {
	font-size:10pt;
	font-family: "Lucida Sans Unicode";
	background-color: #333333;
}	
#caption {
	font-family: "Lucida Sans Unicode";
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: -2px;
	text-align: left;
	text-transform: lowercase;
	padding: 5px;
	background-color: #333333;
	background-image: url(images/bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#caption2 {
	font-family: "Lucida Sans Unicode";
	font-size: 24px;
	color: #000000;
	text-decoration: none;
	letter-spacing: -2px;
	text-align: left;
	text-transform: lowercase;
	padding: 5px;
	background-color: #333333;
	background-image: url(images/bar3.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#caption3 {
	font-family: "Lucida Sans Unicode";
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: -2px;
	text-align: left;
	text-transform: lowercase;
	padding: 5px;
	background-color: #333333;
	background-image: url(images/bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#caption4{
	font-family: "Lucida Sans Unicode";
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: -2px;
	text-align: left;
	text-transform: lowercase;
	padding: 5px;
	background-color: #333333;
	background-image: url(images/bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

tr.alt2 td {
	background-color: #EBEBEB;
	font-size: 14px;
}

.zebra2 a{
	font-size: 12px;
	color: #333333;
}

tr.alt td {
	background-color: #CCCCCC;
	font-size: 14px;
}
.zebra {
	font-size: 14px;
}

tr.over td {
	color: #FFFFFF;
	background-color: #333333;
	font-size: 14px;
}

tr.over td a{
	color: #FFFFFF;
	background-color: #333333;
	font-size: 14px;
}

#navmenu {
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: white;
	text-decoration: none;
	background-color: #FF3399;
}

#navmenu a{
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: white;
	text-decoration: none;
}

TD {
	font-size:10pt;
	font-family: "Lucida Sans Unicode";
}	
th {
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #333333;
}
H1 { font-size:10pt; font-family: Verdana; }	

#ahlan {
	background-color:#CCCCCC;
	font-family: "Lucida Sans Unicode";
	font-size:24px;
	color:#333333;
	letter-spacing: -2px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
}

#badan {
	background-color:#CCCCCC;
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#333333;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
}

#blokbiru {
	background-color:#99CC00;
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#333333;
	padding: 8px;
}

#blokitam {
	background-color:#333333;
	font-family: "Lucida Sans Unicode";
	font-size:12px;
	color:#CCCCCC;
	padding: 8px;
	border: 1px solid #666666;
}

#blokitam a{
	font-family: "Lucida Sans Unicode";
	font-size:12px;
	color:#CCCCCC;
}

#blokitam td {
	font-family: "Lucida Sans Unicode";
	font-size:12px;
	color:#CCCCCC;
}

#bloksb {
	background-color:#33CCFF;
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#FFFFFF;
	padding: 8px;
	border: 1px solid #666666;
}


#blokitam2 {
	background-color:#EFEFEF;
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#333333;
	padding: 8px;
}

#blokitam2 td {
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#333333;
}

#blokitam2 td a {
	font-family: "Lucida Sans Unicode";
	font-size:12px;
	color:#333333;
}

#blokitam2 td span {
	font-family: "Lucida Sans Unicode";
	font-size:12px;
	color:#333333;
}


#blokmuda {
	background-color:#33CCFF;
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#000000;
	padding: 8px;
}

#blokmuda td {
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#000000;
}

#blokmuda td a {
	font-family: "Lucida Sans Unicode";
	font-size:12px;
	color:#000000;
}

#blokmuda td span {
	font-family: "Lucida Sans Unicode";
	font-size:12px;
	color:#000000;
}

#t1 td{
	font-size: 12px;
}

#login {
	background-color:#333333;
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#FFFFFF;
	padding: 8px;
	border: 1px dotted #666666;
}

#login td {
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#FFFFFF;
	padding: 3px;
}

#login td a {
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#00CCFF;
	padding: 3px;
}


#top10 {
	background-color:#A4CC00;
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#FFFFFF;
	letter-spacing: -1px;
	padding: 8px;
}

#top10 td {
	font-family: "Lucida Sans Unicode";
	font-size:14px;
	color:#FFFFFF;
	letter-spacing: -1px;
	padding: 3px;
}

#daftar {
	font-family: "Lucida Sans Unicode";
	font-size: 24px;
	color: #333333;
	letter-spacing: -1px;
}


#info {
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
	color: #333333;
	background-color: #33CCFF;
	padding: 5px;
}

#head {
	font-family: "Lucida Sans Unicode";
	font-size: 24px;
	color: #333333;
	background-color: #99CC00;
	padding: 7px;
	letter-spacing: -1px;
}
#main_blok {
	font-family: "Lucida Sans Unicode";
	font-size: 14px;
	color: #FFFFFF;
	background-color: #cd0a81;
	padding: 5px;
}
#isi {
	font-family: "Lucida Sans Unicode";
	font-size: 14px;
	color: #333333;
}
#main_blok a {
	font-family: "Lucida Sans Unicode";
	font-size: 14px;
	color: #FFFFFF;

}
input {
	font-family: Tahoma;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	height: auto;
	padding: 3px;
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
}
#pa {
	font-family: "Lucida Sans Unicode";
	font-size: 16px;
	font-weight: normal;
	color: #00CCFF;
	text-transform: lowercase;
	text-align: right;
}
#recent {
	background-color: #EAEAEA;
	padding: 5px;
}

th {
	color: #FFCC00;
	background-color: #333333;
	padding: 3px;
	text-align: left;
}

#table td {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #333333;
}
#s_atas {
	font-size: 16px;
	color: #CCFF00;
	background-color: #333333;
	padding: 8px;
}

#s_atas td{
	font-size: 16px;
	color: #CCFF00;
}

#s_atas2 {
	font-size: 12px;
	color: #CCCCCC;
	background-color: #666666;
	padding: 8px;
}

#s_atas2 td{
	font-size: 16px;
	color: #CCCCCC;
}

#s_soalan {
	font-size: 12px;
	color: #CCFF00;
	background-color: #333333;
	padding: 12px;
}

#s_soalan td{
	font-size: 12px;
	color: #CCFF00;

}

#s_soalan2 {
	font-size: 12px;
	color: #CCFF00;
	background-color: #333333;
	padding: 12px;
}

#s_soalan2 td{
	font-size: 12px;
	color: #CCFF00;

}

#s_tgh {
	font-size: 12px;
	color: #CCCCCC;
}

#s_bwh {
	font-size: 12px;
	color: #333333;
	background-color: #E9E9E9;
	padding: 14px;
	font-family: "Lucida Sans Unicode";
}

#s_bwh td{
	font-size: 12px;
	color: #333333;
	font-family: "Lucida Sans Unicode";
}

#s_jawapan {
	font-size: 15px;
	color: #333333;
	background-color: #E9E9E9;
	padding: 14px;
	font-family: "Lucida Sans Unicode";
}

#s_jawapan td{
	font-size: 15px;
	color: #333333;
	font-family: "Lucida Sans Unicode";
}


#s_komen {
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 8px;
	background-image: url(images/barkomen.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#s_komen td {
	font-size: 12px;
	color: #333333;
}

#s_kat td{
	font-size: 12px;
	color: #FFCC00;
}

#komen {
	font-family: "Lucida Sans Unicode";
	color: #333333;
	background-color: #F8F8F8;
	padding: 3px;
	border: 1px solid #F8F8F8;
	font-size: 12px;
}

#link_cetak a {
	color: #FFCC00;
	text-decoration: none;
	font-size: 12px;
}
#kira {
	font-family: Tahoma;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #CC0000;
	padding: 5px;
}
#kira2 {
	font-family: Tahoma;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #990000;
	padding: 5px;
}

#mutiara {
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: repeat-x;
	background-position: left;
	padding: 6px;
	background-color: #990000;
}

#mutiara td{
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.green{
	background:url(green.gif);
	padding:0px 12px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:11px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

/* @group Special Styles */
/* This is based on styles from the Sawchuk scheme for K2 */
.download, .code, .note,
.alert, .new, .construction,
.information {
	background-position: 15px 10px;
	background-repeat: no-repeat;
	font-size: 13px !important;
	margin: 10px auto;
	padding: 10px 10px 10px 50px;
	text-align: left;
	color: #FFFFCC;
}

ul.download, ul.code, ul.note,
ul.alert, ul.new, ul.construction,
ul.information {
	font-size: 1em !important;
	line-height: 115%;
	list-style-type: disc;
	list-style-position: inside;
	padding: 10px 10px 10px 50px;
}

ol.download, ol.code, ol.note,
ol.alert, ol.new, ol.construction,
ol.information {
	font-size: 1em !important;
	line-height: 115%;
	list-style-type: decimal;
	list-style-position: inside;
	padding: 10px 10px 10px 65px;
}

dl.download, dl.code, dl.note,
dl.alert, dl.new, dl.construction,
dl.information {
	font-size: 1em !important;
	line-height: 115%;
	padding: 10px 10px 10px 50px;
}

dl.download dt, dl.code dt, dl.note dt,
dl.alert dt, dl.new dt, dl.construction dt,
dl.information dt {
	font-size: 1.2em !important;
	font-weight: bold;
	line-height: 115%;
}

dl.download dd, dl.code dd, dl.note dd,
dl.alert dd, dl.new dd, dl.construction dd,
dl.information dd {
	line-height: 115%;
	list-style-type: disc;
}

.download {
	background-color: #353;
	background-image: url('images/package_go.png');
	border-bottom: 2px solid #383;
	border-top: 2px solid #383;
}

.download a, .download a:visited {
	border-bottom: 2px dotted #3F3;
	color: #3F3;
	text-decoration: none !important;
}

.download a:hover {
	border-bottom: 2px dotted #3C3;
	color: #3C3;
	text-decoration: none !important;
}

.code { /* use p class=code when you want to fake it, sometimes handy */
	background-color: #444;
	background-image: url('images/application_osx_terminal.png');
	border-bottom: 2px solid #AAA;
	border-top: 2px solid #AAA;
	font-family: 'Courier New', Courier, Fixed;
}
	
.alert {
	background-color: #533;
	background-image: url('images/exclamation.png');
	border-bottom: 2px solid #F33;
	border-top: 2px solid #F33;
}

.alert a {
	color: #FFCC33;	
}
.widths {
	width: 100%;
}

.new {
	background-color: #643;
	background-image: url('images/new.png');
	border-bottom: 2px solid #F93;
	border-top: 2px solid #F93;
}

.construction {
	background-color: #553;
	background-image: url('images/error.png');
	border-bottom: 2px solid #FF3;
	border-top: 2px solid #FF3;
}

.information {
	background-color: #335;
	background-image: url('images/information.png');
	border-bottom: 2px solid #33F;
	border-top: 2px solid #33F;
}

.note {
	background-color: #444;
	background-image: url('images/page_white_text.png');
	border-bottom: 2px solid #AAA;
	border-top: 2px solid #AAA;
}