@charset "utf-8";
#body {
	font-family: Verdana;
	font-size: 11px;
	margin-bottom:50px;
	padding: 0;
	background: #F4FBFF url(../../images/b1.jpg) repeat-x;
	color: #405A67;
}
input {
	padding: 3px;
	border: 1px solid #999;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
 }
.birutua {
	color: #45678d;
	text-decoration: none;
}
.putih {
	color: #FFFFFF;
}
.abang {
	color: #FF0000;
}
.biru {
	color:#3399FF;
}
A.Apurple:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	text-decoration: none;
	font-weight: bold;
}
A.Apurple:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	text-decoration: none;
	font-weight: bold;
}
A.Apurple:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	text-decoration: none;
	font-weight: bold;
}
A.Apink:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF33CC;
	text-decoration: none;
	font-weight: bold;
}
A.Apink:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF33CC;
	text-decoration: none;
	font-weight: bold;
}
A.Apink:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF33CC;
	text-decoration: none;
	font-weight: bold;
}
A.Awhite:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.Awhite:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.Awhite:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.Ared:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
A.Ared:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
A.Ared:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
A.Ablack:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
A.Ablack:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
A.Ablack:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
A.Adeeppurple:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6633FF;
	text-decoration: none;
	font-weight: bold;
}
A.Adeeppurple:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6633FF;
	text-decoration: none;
	font-weight: bold;
}
A.Adeeppurple:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6633FF;
	text-decoration: none;
	font-weight: bold;
}

A.Aorange:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;
}
A.Aorange:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;
}
A.Aorange:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;
}

A.Agray:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
A.Agray:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
A.Agray:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}

A.Ayellow:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-decoration: none;
	font-weight: bold;
}
A.Ayellow:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-decoration: none;
	font-weight: bold;
}
A.Ayellow:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-decoration: none;
	font-weight: bold;
}

A.Agreen:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900;
	text-decoration:none;
	font-weight:bold;
	
}
A.Agreen:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900;
	text-decoration:none;
	font-weight:bold;
}
A.Agreen:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900;
	text-decoration:none;
	font-weight:bold;
}

A.Abirutua:link{
	color: #45678d;
	text-decoration: none;
	font-weight: bold;
}
A.Abirutua:hover{
	color: #45678d;
	text-decoration: none;
	font-weight: bold;
}
A.Abirutua:visited{
	color: #45678d;
	text-decoration: none;
	font-weight: bold;
}
A.Abirutua:active{
	color: #45678d;
	text-decoration: none;
	font-weight: bold;
}
.kotakbirutua {
	background-color:#FFFF99;
	border:1px solid black;
	border-color:#45678d;
	border-width:1px;
}
.tabel {
	background-repeat: no-repeat;
}
#result {
	padding: 10px; 
	width: 300px; 
	margin-bottom: 20px; 
	text-align:left;
	background-color:#FFFF99;
	border:1px solid black;
	border-color:#FFCC00;
	border-width:2px;
}

#round-orange {margin:0px;background:#fff;}
.konten-teks1 { height: 100%;color:#000; background:#FF6600; padding-left:8px; padding-right:8px;}
.line1, .line2, .line3, .line4 {display:block;background:#FF6600;}
.line1 {height:1px; margin:0 5px;}
.line2 {height:1px; margin:0 3px;}
.line3 {height:1px; margin:0 2px;}
.line4 {height:2px; margin:0 1px;}
#round-purple {margin:0px;background:#fff;}
.konten-teks2 { height: 100%;color:#000; background:#330099; padding-left:8px; padding-right:8px;}
.line1a, .line2a, .line3a, .line4a {display:block;background:#330099;}
.line1a {height:1px; margin:0 5px;}
.line2a {height:1px; margin:0 3px;}
.line3a {height:1px; margin:0 2px;}
.line4a {height:2px; margin:0 1px;}
#round-brown {margin:0px;background:#fff; }
.konten-teks3 { height: 100%;color:#000; background:#F4ECD4; padding-left:8px; padding-right:8px;}
.line1b, .line2b, .line3b, .line4b {display:block;background:#F4ECD4;}
.line1b {height:1px; margin:0 5px;}
.line2b {height:1px; margin:0 3px;}
.line3b {height:1px; margin:0 2px;}
.line4b {height:2px; margin:0 1px;}
#round-lightpurple {margin:0px;background:#fff; }
.konten-teks4 { height: 100%;color:#000; background:#6633FF; padding-left:8px; padding-right:8px;}
.line1c, .line2c, .line3c, .line4c {display:block;background:#6633FF;}
.line1c {height:1px; margin:0 5px;}
.line2c {height:1px; margin:0 3px;}
.line3c {height:1px; margin:0 2px;}
.line4c {height:2px; margin:0 1px;}
#round-gray {margin:0px;background:#fff; }
.konten-teks5 { height: 100%;color:#000; background:#E3E3E3; padding-left:8px; padding-right:8px;}
.line1d, .line2d, .line3d, .line4d {display:block;background:#E3E3E3;}
.line1d {height:1px; margin:0 5px;}
.line2d {height:1px; margin:0 3px;}
.line3d {height:1px; margin:0 2px;}
.line4d {height:2px; margin:0 1px;}
#round-lightorange {margin:0px;background:#fff; }
.konten-teks6 { height: 100%;color:#000; background:#FFBB00; padding-left:8px; padding-right:8px;}
.line1e, .line2e, .line3e, .line4e {display:block;background:#FFBB00;}
.line1e {height:1px; margin:0 5px;}
.line2e {height:1px; margin:0 3px;}
.line3e {height:1px; margin:0 2px;}
.line4e {height:2px; margin:0 1px;}
#round-lightblue{margin:0px;background:#fff; }
.konten-teks7 { height: 100%;color:#000; background:#3399FF; padding-left:8px; padding-right:8px;}
.line1f, .line2f, .line3f, .line4f {display:block;background:#3399FF;}
.line1f {height:1px; margin:0 5px;}
.line2f {height:1px; margin:0 3px;}
.line3f {height:1px; margin:0 2px;}
.line4f {height:2px; margin:0 1px;}

.header {
	background: url(../../images/b2.jpg);
}

#loading { position: fixed; top: 0; right: 0; color: white; background-color: #FF6600; padding: 5px 10px; font: 12px Arial; }

.lengkung {
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
}

.indexPage{
	background-color:#EFEFEF;
	border:1px solid #CCCCCC;
	width:40%;
	font-family: Verdana;
	font-size: 25px;
	padding-top:10px;
	padding-bottom:10px;
}