body {
	color: #97b15e;
	font-family: Verdana, sans-serif, Arial, Helvetica;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-color:#051c00;
	scrollbar-face-color:#051c00;
	scrollbar-highlight-color:#006600;
	scrollbar-shadow-color: #051c00;
	scrollbar-3dlight-color:#051c00;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color:#006600;
	scrollbar-darkshadow-color:#051c00;
}

body,td {font-family: Verdana, sans-serif, Arial, Helvetica; font-size: 11px;}
#body {text-align:justify;}
#body-bot {background: bottom url(../images/img_footer.jpg) no-repeat; padding-bottom: 0px; margin-bottom:0px;}
img {border: 0px;}
a{color:#80ba04;text-decoration:none;}
a:hover{color:#b7fb24;text-decoration:underline;}
.clear{clear:both;}
* {margin: 0px; padding: 0px;}

/********************** Header ***************************/

#header {background-image:url(../images/header.jpg); width:860px; height:339px; position:relative;}
#header1 {background-image:url(../images/header1.jpg); width:860px; height:339px; position:relative;}
#header2 {background-image:url(../images/header2.jpg); width:860px; height:339px; position:relative;}
#header3 {background-image:url(../images/header3.jpg); width:860px; height:339px; position:relative;}
#header4 {background-image:url(../images/header4.jpg); width:860px; height:339px; position:relative;}
#header5 {background-image:url(../images/header5.jpg); width:860px; height:339px; position:relative;}
#header6 {background-image:url(../images/header6.jpg); width:860px; height:339px; position:relative;}
#header7 {background-image:url(../images/header7.jpg); width:860px; height:339px; position:relative;}
#header8 {background-image:url(../images/header8.jpg); width:860px; height:339px; position:relative;}
#header9 {background-image:url(../images/header9.jpg); width:860px; height:339px; position:relative;}

#header .tanggal{padding-top:315px; color:#aefa0d; font-size:11px; font-weight:bold; position:relative; text-align:center;}
#header .judul,
#header1 .judul,
#header2 .judul,
#header3 .judul,
#header4 .judul,
#header5 .judul,
#header6 .judul,
#header7 .judul,
#header8 .judul,
#header9 .judul
{padding-top:311px; color: #aefa0d; font-size:18px; font-weight:bold; position:relative; text-align:center;}

/********************** Content ***************************/

ul {list-style: none; padding:0px 0px 0px 0px;}
ul li {margin:auto; width:auto; padding-left: 16px; text-align:bottom; background: url(../images/GreenPlus.gif) no-repeat;}

span {color:ForestGreen;}
.tree {vertical-align: middle; text-align: left;}
.img {float:left;display:inline;margin-right:10px;margin-bottom: 3px;}
.banner {margin-bottom:25px;}
.kandidat {height:80px; width:68px; border :1px solid #ffffff;}
.coverwiro {border :2px solid #ffffff;}
.pemenang {border :1px solid #ffffff; text-align:center; width:300px;}

.smalltext {font-size:10px;}
.garis{ border-bottom:1px solid #97b15e; padding-top:10px; margin-bottom:10px;}

H1 {font-size: 12px; font-weight: bold; color:#FFFF99; margin-bottom:10px; margin-top:20px; border-bottom:1px solid #97b15e; padding:5px 0px 5px 0px; text-align:left;}
H2 {font-size: 12px; font-weight: bold; text-align:center; border:1px solid #97b15e; padding :10px; margin-top:10px; margin-bottom:10px; color:#97b15e;}
H3 {font-size: 11px; font-weight: bold; text-align:center; border-bottom:1px solid #97b15e; margin-bottom:15px; padding-bottom:10px; color:#97b15e;}
H4 {font-size: 11px; text-align:justify; border:1px solid #97b15e; padding :10px; margin-top:10px; margin-bottom:10px; color:#97b15e;}
H5 {font-size: 14px; text-align:center; border:1px solid #97b15e; padding :5px; margin-top:0px; margin-bottom:10px; background-color:#203d03;}
H6 {font-size: 16px; text-align:center; padding :0px; color:#FFFF99;}

.warning {font-size: 11px; text-align:center; padding :10px; margin-top:10px; margin-bottom:10px; background-color:#ffffff; color:#000000;}
.csgrid {padding: 5px 5px 5px 5px; border:1px solid #97b15e;}
.csgridf {padding: 5px 5px 5px 5px;}
.csgridg {border-bottom:1px solid #97b15e; width:375px;}
.csgridb {border:1px solid #97b15e; color: #ffffff; background-color:#203d03; padding: 5px 5px 5px 5px;}

#center {margin-right: auto; margin-left: auto; position: relative; width: 860px; text-align: left;}
#rightside {float: right; width: 200px; background-color: transparent;}
#middle {width:415px; background-color: transparent; margin: 0px 0px 0px 220px; display:block; padding: 25px 0px 5px 0px;}
#middle2 {width:625px; background-color: transparent; margin: 0px 0px 0px 225px; display:block; border-left: 1px dashed #4a5e03; padding: 25px 0px 5px 10px;}
#leftside {float: left; width: 200px; background-color: transparent;}


#judulna {background-image:url(../images/judul.jpg); width:860px;}
#judulna .text{font-size: 16px; text-align:center; padding :0px; color:#FFFF99;position:relative;}



/********************* form ****************************/

form {margin: 0px; padding: 0px;}
form,table {font-size: 11px;}
input,select,textarea {font-size: 12px; padding: 1px; margin-top:5px;background-color:transparent;border:1px solid #336600; color: #97b15e;}
.radio {border: none; background-color: transparent;}
.btn {border: 1px solid #869352; background-color: #d8e6a2; font-size: 11px; font-weight: bold; color: #4a5e03; cursor: pointer;}
.btn2 {	border: 1px solid red; background-color: #051c00;  font-size: 11px; font-weight: bold; color: red;}
.btn3 {width:175px; height:20;font-size:7pt;background:#97b15e;color:#303228}
.hint {border: #97b15e 1px solid; padding: 5px 5px 5px 10px; display: none; background: #051c00; width: 250px; position: absolute;}


/********************** footer ***************************/

#footer {color:#ffffff; padding: 150px 100px 12px 100px; text-align:center; font-weight: bold;}


/********************** mainmenu bedah kitab ***************************/
#navcontainer {background: #203d03; border-top: 1px solid #9CC;}
#navlist {list-style: none outside none; margin: 0; padding: 0;}
@media all {#navlist {text-align: center}}
#navlist li {bottom: 11px; display: inline; line-height: 1.2em; margin: 0; padding: 0; position: relative;}
html>body #navlist li {background: #000; margin: 0 3px 0 0; padding: 4px 0px 4px 0; }
#navlist a, #navlist a:link, #navlist a:visited { background: #006600; border: 1px solid #FFF; bottom: 2px; color: #FFF; cursor: pointer; display: inline; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none; }
#navlist a:hover { background: #C00; bottom: 1px; color: #FFF; position: relative; right: 1px; }
#navlist a:active { background: #999; bottom: 0px; color: #FFF; position: relative; right: 0px;}
#navlist li#active { background: #203d03; bottom: 13px; display: inline; margin: 0 3px 0 0; padding: 0; position: relative;}
html>body #navlist li#active { background: #000; margin: 0 4px 0 4px; }
#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover { background: #203d03; border-bottom: none; border-left: 1px solid #9CC; border-right: 1px solid #9CC; border-top: 1px solid #9CC; bottom: 0; color: #FFF; cursor: text; margin: 0; padding: 2px 5px 0 5px; position: relative; right: 0; }


/********************** tiny-nice code ***************************/
blockquote { margin: 10px; padding: 0 25px 0 28px; background: url(../images/icon/img07.gif) no-repeat 15px 0px; color:DimGray; }
code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'courier new','Lucida Console',  monospace; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #f2f2f2; }
cite { font: 500 1em/1.5em 'courier new','Lucida Console',  monospace; }
acronym { cursor: help; border-bottom: 1px solid #777; }
p { margin: 0; padding-bottom: 5px; text-indent: 25px;}
abbr { color: #FFCCFF;}
/********************** chat code ***************************/#main_container {	width:100%;	background-color:#051c00; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */	overflow-x: hidden;	overflow-y: scroll;	height:100%;	/* this will make sure that the height will extend at the bottom */	position:absolute; /* container div must be absolute, for our fixed bar to work */}