@charset "utf-8";
/* CSS Document */

body{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.atas {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
}

.atas2 {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#0CF;
}

.menu {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.tulis {
	font:Franklin Gothic;
	font-size:12px;
	color:#000;
}
.tulis2 {
	font-family:Century Gothic;
	font-size:11px;
	color:#000;
}
.tulis22 {
	font-family:Century Gothic;
	font-size:11px;
	color:#F00;
}

.tulis3 {
	color : #000000;
	font-size : 13px;
	font-family:"Times New Roman", Times, serif;
}

.tulis4 {
	color : #000000;
	font-size : 14px;
	font-family:"Times New Roman", Times, serif;
}

#middle{
	position: relative;
	border: 0px solid blue;
	border-bottom: 0px;
	width: 100%;
	height:100%;

}

#home{
    /*opacity:0.8;filter:alpha(opacity=80);*/
	background:url(img/background_img_2.png);
	background-color:#ebfcdd;
	height:100%;
}

#home2{
    /*opacity:0.8;filter:alpha(opacity=80);*/
	background:url(img/background_img_2.png);
	height: 400px;
	background-color:#ebfcdd;
	height:100%;
}

.kiri{
	position: relative;
	text-align:left;
	border: 0px solid black;
	border-bottom: 0px;
	height: 250px;
	opacity:0.90;filter:alpha(opacity=90);
	background:url(img/bg_menu_left.jpg);
	background-color: #000;
}

.bwh{
	position: relative;
	text-align:left;
	border: 0px solid black;
	border-bottom: 0px;
	height: 35px; width: 100%;
	background:url(img/head3.png) 0 0 repeat-x;
}
.footer{
	height: 26px;
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0px;
	background:url(img/fot.png) 0 0 repeat-x;
}
.callcenter{
	color:#ffffff;
	font-family:Tahoma;
	font-size:8.5pt;
}

#tengah{
	margin-left:10px;
	padding-left: 5px;
	border : 1px inset #cdcdcd;
	border-right: inset #cdcdcd;
	border-bottom : inset #cdcdcd;
	border-left: outset #cdcdcd;
	border-top : outset #cdcdcd;
	width: 97%;
}

.teks{
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.bing{
	margin-left:10px;
	border : 1px solid inset #cdcdcd;
	border-right: inset #cdcdcd;
	border-bottom : inset #cdcdcd;
	border-left: outset #cdcdcd;
	border-top : outset #cdcdcd;
	width: 400px;
-moz-border-radius-bottomleft: 8%;
-moz-border-radius-topright: 8%;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-bottomright: 8%;
-moz-border-radius-topleft: 8%;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
}

.fieldx{
	border : 0px inset white;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.field{
	border : 1px inset white;
	font-size:11px;
	font-family:Century Gothic;
}

.field_submit{
	border : 1px inset white;
	width:100px;
	height:30px;
	font-size:11px;
	font-family: verdana;
	background:url(img/masuk.png);
	color:#396f8a;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11pt;
	font-weight:bold;
}

.login1{
	font-size:25px;
	font-family:Tahoma, Geneva, sans-serif;
}

#login{
opacity:0.9;filter:alpha(opacity=90);
	border:2px inset white;
	position: relative;
	background-color:#95a7a0;
	-moz-border-radius-bottomright: 3%;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 3%;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 3%;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 3%;
	-webkit-border-top-left-radius: 10px;
}
.garis{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	border-left : 1px solid black;
	border-top : 1px solid black;
	border-right : 1px solid black;
	border-bottom : 1px solid black;
}
.garis2{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	border-top : 1px solid black;
	border-right : 1px solid black;
	border-bottom : 1px solid black;
}
.garis3{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	border-right : 1px solid black;
	border-bottom : 1px solid black;
}
.hidden_ab{
	border : 0px;
	border-bottom : 1px solid black;
	border-top: 1px solid black;
}
.hidden_aba{
	border : 0px;
	border-bottom : 1px solid black;
}
.field_out{
	border : 1px outset white;
	font-size:11px;
	font-family: verdana;
}

.hidden{
	border : 0px;
}
.hidden1{
	border : 0px;
	color : red;
}
.tebal{
	font: bold 20px Arial;
}
.averous{
	font: bold 30px Tahoma;
	color:#910011;
}
.desc{
	font: bold 20px Bodoni;
	color:#ffffff;
}
.desc2{
	font: 11pt verdana;
	color:#ffffff;
}
.field{
	border : 1px inset white;
	font-size:11px;
	font-family: verdana;
}

.path{
	font-family: Century Gothic;
	font-size: 11px;
	text-decoration:none;
	color:#000;
}
.path:hover{
	font-family: Century Gothic;
	font-size: 11px;
	text-decoration:none;
	color:#89DD43;	
} 

.path2{
	font-family: Century Gothic;
	font-size: 11px;
	text-decoration:none;
	color:#234987;
	font-weight:bold;
}
.path2:hover{
	font-family: Century Gothic;
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
	color:#098765;	
} 

.path3{
	font-family: Century Gothic;
	font-size: 11px;
	text-decoration:none;
	color:#991145;
	font-weight:bold;
}
.path3:hover{
	font-family: Century Gothic;
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
	color:#33987D;	
} 

.center{
	text-align:center;
}

.kanan{
	text-align:right;
}

.invisible {
	height:0;
	width:0;
	border: 0;	
}

.tombolsimpan{
	border : 0px outset white;
	font-size:11px;
	font-family: verdana;
	font-weight:bold;
	color: black;
	background-image:url(img/masuk.jpg);
	height:28px;
	width:103px;
	-moz-box-shadow: #ffffff 1px 1px 1px;
	-webkit-box-shadow: #ffffff 1px 1px 1px;
}
.invisible2{
	background-color:#d2232a;
	border : 1px outset white;
	font-size:8pt;
	text-decoration:blink;
	font-family: century gothic;
	font-weight:bold;
	color: #d5e800;
	height:18px;
	width:40px;
}

.cancel{
	border : 0px outset white;
	font-family:Tahoma;
	font-size : 11px;
	width:16px;
	height:16px;
	background:url(img/hapus.png) 0 0 no-repeat;
}

.terimadari {
	color : #000000;
	font-size : 25px;
	font-family:"Times New Roman", Times, serif;
}

.nokwt {
	color : #000000;
	font-size : 15px;
	font-family:"Times New Roman", Times, serif;
}

.banyaknya {
	color : #000000;
	font-size : 20px;
	font-family:"Times New Roman", Times, serif;
}

.tulis1 {
	color : #000000;
	font-size : 15px;
	font-family:"Times New Roman", Times, serif;
}
.terbilang{
	border : 2px outset;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
}


.style9 {
	font-size: 25px;
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
}

.style10 {
	font-size: 45px;
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
}

<!-- next halaman -->

.first{
	border : 1px inset white;
	background:url(img/first.gif) 0 0 repeat-x;
	font-size:9px;
	width:17px;
	font-family:Century Gothic;
}
.prev{
	border : 1px inset white;
	background:url(img/first.gif) 0 0 repeat-x;
	font-size:9px;
	width:17px;
	font-family:Century Gothic;
}

.prev2{
	border : 1px inset white;
	background:url(img/prev.gif) 0 0 repeat-x;
	font-size:9px;
	width:17px;
	font-family:Century Gothic;
}
.next{
	border : 1px inset white;
	background:url(img/next.gif) 0 0 repeat-x;
	font-size:9px;
	width:17px;
	font-family:Century Gothic;
}

.last{
	border : 1px inset white;
	background:url(img/last.gif) 0 0 repeat-x;
	font-size:9px;
	width:17px;
	font-family:Century Gothic;
}
.depan{
	top:10%;
	left:45%;
	width:40%;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	background-color:#FFF;
	position : absolute; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}