body {
	background: #e4e4e4 url(img/bg.png) repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	color: #2e2e2e;
	text-align: center;
}
.clear {clear: both;}
small {font-size: 11px; color: 5b5b5b;}
img {border: none;}
a {text-decoration: none;}
input {padding: 4px;color: #5b5b5b;border: 1px solid #dcdcdc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;}
input.login { width: 200px; margin: 5px 0 10px 0px;}
input.panjang {width: 100%;}
input.sedang{width: 40%;}
input.pendek{width: 25%;}
input.panjang:focus {-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff; }
input.sedang:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}
input.pendek:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}
input.block{
	background-color:#cfcfcf;
}
.incmplt{
	background:#ff6347;
}
.but-str {
	width:500px;
	padding: 4px 10px 4px 10px;
	background:#fafafa;
	border: 1px solid #d1d1d1;
	color:#000;
	text-align:center;
	font-size:25px;
	margin:5px;
}
.button:hover { color: #2e2e2e;}
.button:active { background: #e2e2e2; color: #fff;}
	.newbut {
	cursor: pointer;
	padding: 4px 10px 4px 10px;
	color: #fff;
	background: brown;
	border: 1px solid #71bb3b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.newbut:hover { color: yellow;}
.newbut:active { background: #71bb3b; color: #fff;}
	.butstlblu {
	cursor: pointer;
	padding: 4px 10px 4px 10px;
	color: #fff;
	background:dodgerblue;
	border: 1px solid dodgerblue;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.butstlblu:hover{ color: yellow;}
.butstlblu:active{ background: #71bb3b; color: #fff;}
.butstl {
	cursor: pointer;
	padding: 4px 10px 4px 10px;
	color: #fff;
	background:goldenrod;
	border: 1px solid goldenrod;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.butstl:hover{ color: yellow;}
.butstl:active{ background: #71bb3b; color: #fff;}
.butsea {
	cursor: pointer;
	padding: 4px 10px 4px 10px;
	color: #fff;
	background:seagreen;
	border: 1px solid seagreen;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.butsea:hover{ color: yellow;}
.butsea:active{ background: #71bb3b; color: #fff;}
	.butforce {
	cursor: pointer;
	padding: 4px 10px 4px 10px;
	color: #000;
	background: lightblue;
	border: 1px solid lightblue;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	margin-right:10px;
}
.butforce:hover { color: brown;}
.butforce:active { background: grey; color: #fff;}
.bgstate{
	background-color:#E1B74D;
}
.bginc{
	background-color:lightblue;
}
.bgcer{
	background-color:#82B99A;
}
.cerdn{
	background-color:#ADFF2F;
}
select {padding: 4px;color: #5b5b5b;border: 1px solid #dcdcdc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;}
select:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}
textarea:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}
textarea {padding: 4px;color: #5b5b5b;border: 1px solid #dcdcdc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px; width: 100%;
resize: none;}	
table {border:none;font-size: 12px;}
td{border:none; padding: 5px;}

table.data {border: 0px solid #dcdcdc; margin: 10px 0px 0px 0px; width: 100%; border-collapse: collapse; font-size: 12px;}
th.data {padding: 4px; border: 1px solid #dcdcdc; background: url(img/green.jpg)repeat left center; text-shadow: 1px 0px #003362;color: #fff }
td.data {padding: 4px; border: 1px solid #dcdcdc;color: #262626 ;vertical-align: top;}
tr.data {background: #fff}
tr.data:hover {cursor: pointer; background: #e1e1e1; font-weight:bold;}
tr.data small a{color: #fff;}
tr.data small{color: #fff;}
tr.data:hover small a{color: #527e19;}
tr.data:hover small a:hover{ color: #000;}
tr.data:hover small {color: #5b5b5b;}		
td.data i{
	padding:2px;
}
.center{
	text-align:center;
}

table.dat1{border: 1px solid #cfcfcf; width:100%;}
th.dat1{border: 1px solid #cfcfcf; padding: 4px; background:#cfcfcf; text-align:left;}
td.dat1{border: 1px solid #cfcfcf; padding: 4px; text-align:left;}
tr.dat1{background: #fff}


table.dat2{border: 1px solid #cfcfcf; border-collapse: collapse; width:100%;}
th.dat2{border: 1px solid #cfcfcf; padding: 4px; background:#cfcfcf; text-align:center;}
td.dat2{border: 1px solid #cfcfcf; padding: 4px; text-align:center;}
tr.dat2{background: #fff}


table.dat{border:0px dotted #cfcfcf; margin: 0px 0px 10px 20px; width: 98%; font-family:Arial;
	font-weight:normal;
	font-size:12px;
	word-spacing:1px;
	line-height:16px;
	background-color:#fff;}
td.dat {padding: 4px; vertical-align: top;}
tr.dat {background: #fff}
tr.dat:hover {
	background: lightblue;
	}
.hr{
	border:1px dotted #cfcfc:
}
.dat img{
	margin:auto;
	*width:100px;
	*height:auto;
	box-shadow:1px 1px 10px #515151;
	border:1px dotted #cfcfcf;
	border-radius:10px;
	*outline:4px solid #cfcfcf;
 }
 table.dat h1{
	margin-bottom:5px;
	border-bottom:1px dotted #cfcfcf;
	color:#515151;
 }
 table.dat p{
		text-align:justify;
		font-size:15px;
 }
 .boxap{
	
	width:750px;
	border:1px dotted #cfcfcf;
	margin:10px;
	padding:20px;
	background-color:#fff;
 }
 .dat p{
	margin:5px;
	*display:block;
}
.quoteOfDay {
	border: 1px solid #cbe0b5;
	background: #f7ffe8 url(img/quote.png) no-repeat left center;
	float: left;
	text-align:center;
	width: 616px;
	min-height:120px;
	padding-top: 20px;
	font-size: 16px;
	letter-spacing: 1px;
	border-radius:30px;
	margin: 10px;
}
.search {
	border: 1px solid #cbe0b5;
	background: #f7ffe8 url(img/srch.png) no-repeat left top;
	float: left;
	text-align:center;
	width: 616px;
	min-height:120px;
	padding-top: 20px;
	font-size: 16px;
	letter-spacing: 1px;
	border-radius:30px;
	margin: 10px;
}
.quoteOfDay:hover{
	box-shadow:0px 0px 70px #e1e1e1 inset;
}
.error {
	border: 1px solid #cbe0b5;
	background: #ffe1e1 url(img/gagal.png) no-repeat left top;
	float: left;
	width:auto;
	padding:10px 10px 10px 60px;
	text-align:left;
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	word-spacing:2px;
	line-height:19px;
	text-shadow:1px 1px 0px #fff;
	margin: 10px 0 10px 0;
}

.error1 {
	border: 1px solid #cbe0b5;
	background: #ffe1e1 url(img/gagal.png) no-repeat left top;
	float: left;
	padding:10px 10px 10px 10px;
	width:auto;
	text-align:left;
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	word-spacing:2px;
	line-height:19px;
	text-shadow:1px 1px 0px #fff;
	margin: 10px 0 10px 0;
}
.rslt {
	border: 1px solid #cbe0b5;
	background: #8AE69B url(img/rslt.png) no-repeat left top;
	float: left;
	padding:10px 10px 10px 55px;
	width:460px;
	height:120px;
	text-align:left;
	font-family:Arial;
	font-weight:normal;
	font-size:13px;
	word-spacing:2px;
	line-height:19px;
	text-shadow:1px 1px 0px #fff;
	margin: 10px 0 1px 0;
}
.error12{
			padding:10px 10px 10px 60px;
		}

.note2 {
	border: 1px solid #cbe0b5;
	background: #ADEAEA url(img/gagal.png) no-repeat left top;
	float: left;
	width:94%;
	height:40px;
	padding:10px 10px 10px 65px;
	text-align:left;
	font-size: 20px;
	letter-spacing: 1px;
	margin: 10px 0 10px 0;
}
.note{
	display:inline-table;
	width:89%;
	padding:10px 40px 10px 40px;
	
	text-align:left;
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	word-spacing:1px;
	line-height:16px;
	text-shadow:1px 1px 0px #fff;
	background: #FCE6C9 url(img/new1.png) no-repeat left top;
	text-align:justify;
}
.infor {
	border: 1px solid #cbe0b5;
	background: steelblue url(img/gagal.png) no-repeat left top;
	float: left;
	width:auto;
	padding:10px 10px 10px 65px;
	text-align:left;
	font-size: 20px;
	letter-spacing: 1px;
	margin: 10px 0 10px 0;
}

.hrr{
	border-bottom:1px dotted #cfcfcf;
}
#header {
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
	background: url(img/bg_but.gif) repeat left;
	height: 32px;
	box-shadow:1px 1px 10px #fff;
}
#header ul{
	display:table-cell;
	list-style: none;
	margin:0;
	padding:0;
	word-spacing:0px;
}
#header li{
	width:153px;
	display:table-cell;
	font-family:calibri;
	font-size:12px;
	padding:9px;
}
#header a{
	color:#fff;
}
#header a:hover{
	color:#fff;
}
#header li:hover{
	font-size:12px;
	color:#000;
	font-weight:bold;
	background-color:steelblue;
}
.liall{
	border-right:1px dotted #cfcfcf;
}
.lilast{
	border:0px;
}
.clear{
	clear:both;
}

#blk{
	display:table-row;
	margin-top:10px;
	text-align:left;
	font-family:calibri;
	font-size:16px;
	margin-bottom:10px;
	text-align:justify;
	padding: 1px 30px 10px 10px;
	text-shadow:1px 1px 1px #cfcfcf;
}

#block1{
	margin-top:10px;
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	word-spacing:1px;
	line-height:18px;
	*border:1px solid #cfcfcf;
	margin-bottom:10px;
	text-align:justify;
	padding: 1px 30px 10px 10px;
	*text-shadow:1px 1px 1px #cfcfcf;
	min-height:300px;
}
.imga{
	float:right;
	margin-left:10px;
	width:200px;
	border:4px double #cfcfcf;
	box-shadow:1px 1px 10px steelblue;
}
#ulb ul li{
	margin-bottom:10px;
	list-style:none;
	display:block;
	width:90%;
	font-family:calibri;
	text-align:left;
	*background-color: #fafafa;
	text-shadow:1px 1px 1px #fff;
	border-bottom:1px dotted #777;
	padding:5px;
}
#ulb ul li ol li{
	border-bottom:0px solid #777;
}
#bock ul li{
	cursor:pointer;
	float:left;
	list-style:none;
	display:inline-table;
	width:100px;
	font-family:calibri;
	text-align:center;
	background:#cacaca;
	text-shadow:1px 1px 1px #fff;
	border:1px solid rgba(179,179,180,0.2);
	padding:5px;
	box-shadow:0px 40px 100px #fff inset;
}
#bock li a{
	color:#000;
}
#bock li:hover{
		background:steelblue;
		border:1px solid steelblue;
}
#block1 h1{
	padding:10px;
}
#block1 ul li{
	margin:12px;
}
#block1 .img11{
	border:4px solid #dadada;
	margin:10px;
	background-color: #fff;
}
#block {

	display:inline-block;
	float:left;
	vertical-align:top;
	overflow:hidden;
	width:226px;
	height:410px;
	margin:4px;
	font-family:calibri;
	color: #111;
	background:#f9f9f9;
	text-align:justify;
	text-shadow:1px 1px 1px #fff;
	*border-bottom:1px dotted #999;
	*border-top:1px dotted #999;
	border:1px solid #cacaca;
	box-shadow:0px 40px 100px #fff inset;
}

#marqueecontainer {

	position: relative;
	display:inline-block;
	float:left;
	vertical-align:top;
	width:534px;
	height:540px;
	overflow: hidden;
}

#marqueecontainer1 {

	position: relative;
	display:inline-block;
	float:left;
	vertical-align:top;
	width:228px;
	height:410px;
	overflow: hidden;
}

#block_m {
	display:inline-block;
	float:left;
	vertical-align:top;
	overflow:hidden;
	width:523px;
	height:580px;
	margin:4px;
	font-family:calibri;
	color: #111;
	background:#f9f9f9;
	text-align:justify;
	text-shadow:1px 1px 1px #fff;
	*border-bottom:1px dotted #999;
	*border-top:1px dotted #999;
	border:1px solid #cacaca;
	box-shadow:0px 40px 100px #fff inset;
}

#block_m h2{
	margin:0px;
	padding:10px;
	font-size:15px;
	color:#111;
	text-align:justify;
	text-shadow:1px 1px 1px #fff;
	border-bottom:1px dotted #999;
}

#block_m ul{
	margin:0px;
	padding:0px;
	font-family:calibri;
	text-align:justify;
	list-style:none;
}
#block_m li{
	*margin-bottom:8px;
	padding:7px;
	cursor:pointer;
	display:inline-block;
	width:97%;
	text-shadow:1px 1px 1px #fff;
	border-bottom:1px dotted #cfcfcf;
	box-shadow:0px 40px 100px #fff inset;
}

#block_m li img{
	box-shadow:0px 0px 0px ;
}
#block_m li:hover{
	background:#cdcdcd;
}


#block h2{
	margin:0px;
	padding:10px;
	font-size:15px;
	color:#111;
	text-align:justify;
	text-shadow:1px 1px 1px #fff;
	border-bottom:1px dotted #999;
}
#block ul{
	margin:0px;
	padding:0px;
	font-family:calibri;
	text-align:justify;
	list-style:none;
}
#block li{
	*margin-bottom:8px;
	padding:7px;
	cursor:pointer;
	display:inline-block;
	width:94%;
	text-shadow:1px 1px 1px #fff;
	border-bottom:1px dotted #cfcfcf;
	box-shadow:0px 40px 100px #fff inset;
}
#block li img{
	box-shadow:0px 0px 0px ;
}
#block li:hover{
	background:#cdcdcd;
}
.cursr{
	cursor:pointer;
}
#top {
	padding-top:10px;
	*padding-left:10px;
	*padding-right:10px;
	position:relative;
	background: url(img/flag.png) no-repeat right center;
	*border-bottom:1px solid rgba(179,179,179,0.9);
	*box-shadow: 0px 0px 60px steelblue;
	width: 100%;
	height: 102px;
}
#topl{
	display:table-cell;
	width:10%;
	float:left;
}
#topm{
	display:table-cell;
	width:75%;
	float:left;
	text-align:left;
}
#topm h1{
	padding-top:10px;
	*border:1px solid #009;
	text-shadow:1px 1px 10px #fff;
	font-family:calibri;
	font-size:30px;
	color:#603311;
	margin:auto;
}
#topm p{
	text-shadow:1px 1px 1px #cfcfcf;
	font-family:calibri;
	font-size:16;
	color:#C73F17;
	margin:auto;
}
#topr{
	display:table-cell;
	width:15%;
	float:right;
}
#mid{
	width:99.5%;
	border:4px solid #fff;
	margin-top:10px;
	margin-bottom:10px;
}
.left{
	float:left;
}
.right{
	float:right;
}
#sbox{
	padding:4px;
	margin-bottom:4px;
	width: 210px;
	font-family: calibri;
	height: 31px;
	cursor: pointer;
	color: #111;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	font-size: 16px;
	background: #ffffff;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
#link{
	margin:10px;
}
#link a{
	*color:#000;
}
#link ul{
	margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#link li{
	margin-bottom:4px;
	width: 200px;
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	word-spacing:1px;
	padding: 8px;
	position: relative;
	z-index: 20;
	height: auto;
	cursor: pointer;
	color: #111;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	border:1px solid #cfcfcf;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}

.curr{
	height:auto;
	text-align:left;
}
.curr h1{
	margin-top:6px;
	margin-bottom:20px;
	padding-bottom:4px;
	font-family:Arial;
	font-weight:normal;
	font-size:16px;
	word-spacing:1px;
	line-height:1px;
	border-bottom:1px dotted #cfcfcf;
}
.curr p{
	text-align:left;
	margin:0px 0px 0px 4px;
	padding:10px 0px 10px 0px;
	border-bottom:1px dotted #c2c2c2;
}
#link li:hover{
	background: #fff;
}
#link .ovr{
	background: #bababa;
	text-shadow:1px 0px 1px #fff;
	color:#555;
}
#link .ovr a{
	color:#fff;
}
.nopad{
	padding:0px;
}
#wrap1{
	*border:1px solid #cfcfcf;
	top:1px;
	width:1005px;
	position: relative;
	margin:auto;
	text-align:left;
	z-index:0;
}
#wpl{
	*border:1px solid #cfcfcf;
	display:table-cell;
	width:210px;
	text-align:left;
	vertical-align:top;
}
#wpr{
	*border:1px solid #cfcfcf;
	display:table-cell;
	width:210px;
	vertical-align:top;
}
#wpimg{

	margin-top:10px;

}
#wpm{
	*border:1px solid #cfcfcf;
	display:table-cell;
	width:585px;
	*padding:10px;
	vertical-align:top;
}
#wpm_1{

	*border:1px solid #cfcfcf;
	display:table-cell;
	width:1010px;
	vertical-align:top;
}
#wpm_full{

	*border:1px solid #cfcfcf;
	display:table-cell;
	width:1010px;
	vertical-align:top;
}
#wpm p, #wpm_1 p {
		text-align:left;
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	word-spacing:1px;
	line-height:18px;
	text-shadow:1px 1px 0px #fff;
	color:#111;
	background-color:rgba(179,179,180,0.2);
	text-align:justify;
	text-shadow:1px 1px 1px #fff;
	*border-bottom:1px dotted #999;
	*border-top:1px dotted #999;
	border:1px solid rgba(179,179,180,0.2);
	padding:15px;
	box-shadow:0px 40px 100px #fff inset;
}
#wpm h1, #wpm_1 h1{
	font-family:calibri;
	font-size:20px;
	color:#603311;
	text-align:justify;
	text-shadow:1px 1px 1px #fff;
	border-bottom:1px dotted #999;
}
#wpm ul li{
	font-size:16px;
}
#wpm img{
	border:5px solid #fff;
	margin-bottom:2px;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 5px 20px #999;
  'txt-align:center;
}
.lbox {
	margin:auto;
	width:300px;
	float:right;
}

.info {
	border: 1px solid #86afe7;
	background: #e7f1ff;
	float: left;
	padding: 5px;
	font-size: 12px;
	font-weight:bold;
	letter-spacing: 1px;
	margin: 2px;
}
.infobg {
	border: 1px solid #86afe7;
	background: #ffffff;
	background: url(img/arrow.png) no-repeat center Bottom;
	float: left;
	padding: 5px;
	font-size: 12px;
	font-weight:bold;
	letter-spacing: 1px;
	margin: 2px;
}
.qry {
	border: 1px solid #86afe7;
	background: #ffe1e1;
	float: left;
	padding: 5px;
	font-size: 12px;
	font-weight:bold;
	letter-spacing: 1px;
	margin: 2px;
}
.dwld{
	margin:1px;
}
.dwld img{
	float:right;
	margin-left:5px;
}
#footer {
	font-family:calibri;
	width: 1005	px;
	padding: 15px 0 15px 0;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #b0b0b0;
}