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

* {
	margin: 0;
	padding: 0;
	}

body, html {
	margin: 0;
	padding: 0;
	background: #cb2d05 url(images/background.gif) repeat top center;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	color: #000;
	line-height: 18px;
	text-align: center;
	}

a:link, a:visited, a:active {
	color: #43760c;
	text-decoration: none;
	}

a:hover {
	color: #000;
	}

.clear {
	clear: both;
	}

#container {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	height: 560px;
	background: #fff url(images/bg-web.jpg) no-repeat top center;
	position: relative;
	}

h2 {
	font: normal 41px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	}

h3 {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	}

p {
	margin-top: 10px;
	}

#shading {
	background: transparent url(images/bg-shading.png) no-repeat bottom right;
	position: absolute;
	width: 630px;
	height: 49px;
	}

#list-cards {
	margin: 0;
	padding: 10px 0 0 10px;
	}

#list-cards li {
	list-style: none;
	float: left;
	margin: 0 10px 10px 0;
	}

* html #list-cards li {
	list-style: none;
	float: left;
	margin: 0 8px 0 0;
	}

#list-cards li img {
	border: 3px solid #babbb8;
	}

#moreinfo {
	background-color: #446d0d;
	margin: 0;
	padding: 0;
	}

* html #moreinfo {
	background-color: #446d0d;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 50;
	left:0px;
	top:0px;
	}

#sliderWrap {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	}

#slider {
	width: 1000px;
	height: 190px;
	margin-top: -190px;
	position: absolute;
	z-index: 100;
	}

* html #slider {
	width: 1000px;
	height: 190px;
	margin-top: -190px;
	position: absolute;
	margin-left: -1000px;
	z-index: 100;
	}

#slider img {
	border: 0;
	}

#sliderContent {
	margin: 0 auto;
	position: absolute;
	background : #446d0d;
	color:#333333;
	font-weight:bold;
	width: 1000px;
	}

#openCloseWrap {
	position:absolute;
	margin: 190px 0 0 0;
	/*font-size:12px;
	font-weight:bold;
	float: right;
	background: transparent url(images/bar-atas.png) no-repeat top right;
	width: 1000px;
	text-align: left;*/
	/*_background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bar-atas.png',sizingMethod='crop');*/
	}
	
#isimoreinfo {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	}

#isimoreinfo li {
	float: left;
	list-style: none;
	text-align: left;
	margin: 7px;
	}

.box {
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-box.gif) repeat-y top left;
	width: 261px;
	color: #fff;
	font: normal 11px Arial;
	}

.box2 {
	width: 370px;
	margin: 0 25px 0 0;
	}

* html .box2 {
	width: 340px;
	margin: 0 25px 0 0;
	}

.satu {
	margin: 0 0 15px 25px;
	}

.dua {
	margin: 0 0 0 15px;
	}

h4 {
	font: bold 13px Arial;
	color: #fff;
	margin: 10px 0 4px 20px;
	}
	
.leng-atas {
	background: transparent url(images/leng-atas.gif) no-repeat top left;
	width: 261px;
	height: 11px;
	}

.leng-bawah {
	background: transparent url(images/leng-bawah.gif) no-repeat top left;
	width: 261px;
	height: 11px;
	margin-top: 15px;
	}

#isimoreinfo li .box .kiri {
	float: left;
	width: 160px;
	}

#isimoreinfo li .box .kiri ol {
	margin: 4px 0 15px 0;
	padding: 0 0 15px 0;
	}

#isimoreinfo li .box .kiri ol li {
	list-style: inherit;
	font: normal 11px Arial;
	color: #fff;
	margin: 5px 0 0 35px;
	}

#isimoreinfo li .box .kanan {
	float: right;
	width: 40px;
	}

#isimoreinfo li .box .kanan ul {
	margin: 4px 0 15px 0;
	padding: 0 0 15px 0;
	}

#isimoreinfo li .box .kanan ul li {
	list-style: none;
	font: normal 11px Arial;
	color: #fff;
	margin: 5px 0 0 0;
	}

.content {
	margin: 10px 0 0 20px;
	color: #fff;
	font: normal 11px Arial;
	line-height: 17px;
	}

/*#page-wrap			{ width: 244px; margin: 50px auto; position: relative; }*/

.scroll-pane 		{ overflow: auto; padding-right: 10px; height: 265px; }

.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 1; }

.jScrollPaneTrack 		{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;
						  background: url(images/bar.gif) top center repeat-y; padding: 3px; }

.jScrollPaneDrag	{ position: absolute; background: url(images/ball.png) center center no-repeat;
					  cursor: pointer; overflow: hidden; }

#copyright {
	margin: 10px 0 0 15px;
	font: normal 11px Arial;
	}

#copyright ul {
	margin: 0;
	padding: 0;
	}

#copyright ul li {
	list-style: none;
	display: inline;
	}

#hadiah {
	position: absolute;
	top: -30px;
	
	right: 0px;
	}

* html #hadiah {
	position: absolute;
	top: -20px;
	right: 0px;
}

#ketupat {
	
	position: absolute;
	top: 0;
	left: 0;
	}

#note {
	margin: 0;
	padding: 0 0 0 15px;
	}

a#btndaftar {
	background: transparent url(images/komblog.jpg) no-repeat -7px 0px;
	width: 155px;
	height: 28px;
	float:left;
	text-indent: -9999px;
	margin-top: 7px;
	margin-right:10px;
}
a#btndaftar2 {
	background: transparent url(images/komsil.jpg) no-repeat -3px 0px;
	width: 155px;
	height: 28px;
	float:left;
	text-indent: -9999px;
	margin-top: 7px;
}

	
/*
mib
*/

input,textarea,select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#previewCard{
	position:absolute; 
	left:0px; 
	top:0px; 
	text-align:left;
}

#listCard{
	position:absolute;
	width:535px;
	background:#FAFAFA;
	color:#000000;
	text-align:left;
}
.winheader{
	background:#50880e;
	padding:3px;
	text-align:left;
}
#listCardContent{
	height:446px;
	overflow:auto;
	text-align:left;
}

#divMainGetEmail{
	position:absolute;
	width:500px;
	background:#FAFAFA;
	color:#000000;
	text-align:left;
}
#divContentGetEmail{
	height:400px;
	overflow:auto;
	text-align:left;
}
#divEnlarge{
	position:absolute;
	top:40px;
	left:0px;
}
.divChooseClose{
	background:#009900;
	text-align:center;
	padding:5px;
	font-weight:bold;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.divChooseClose a{
	color:#FFFFFF;
	text-decoration:none;
}
.divChooseClose a:hover{
	color:#00FF00;
	text-decoration:underline;
}

.text {
	border: 1px solid #b7daab;
	background-color: #dbf2d4;
	padding: 2px 0;
	color:#666666;
	}

#word_id {
	border: 1px solid #b7daab;
	background-color: #dbf2d4;
	color:#666666;
	}

#toEmail {
	border: 1px solid #b7daab;
	background-color: #dbf2d4;
	margin-bottom: 5px;
	width: 200px;
	padding: 2px 0;
	color:#666666;
	}

#button2 {
	border: 1px solid #b7daab;
	background-color: #294404;
	padding: 2px 7px;
	cursor: pointer;
	color: #fff;
	}
	
#import {
	border: 1px solid #b7daab;
	background-color: #294404;
	padding: 2px 7px;
	cursor: pointer;
	color: #fff;
	}

#btnGetEmail {
	/*border: 1px solid #b7daab;
	background-color: #294404;
	padding: 2px 7px;
	cursor: pointer;
	color: #fff;*/
	background: transparent url(images/iconimport1.gif) no-repeat center left;
	width: 181px;
	height: 34px;
	cursor: pointer;
	border: 0;
	text-indent: -9999px;
	margin-left: 15px;
	}

#btnPreview {
	background: transparent url(images/btn-preview.jpg) no-repeat center left;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	width: 118px;
	height: 30px;
	border: 0;
	float: left;
	margin-left: 202px;
	}

* html #btnPreview {
	background: transparent url(images/btn-preview.jpg) no-repeat center left;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	width: 118px;
	height: 30px;
	border: 0;
	float: left;
	margin-left: 100px;
	}

#btnSend {
	background: transparent url(images/btn-send.jpg) no-repeat center left;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	width: 118px;
	height: 30px;
	border: 0;
	float: right;
	margin-right: 202px;
	}
	
.code{
	padding:5px; 
	margin:5px 0px 5px 0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	border:1px solid #999999;
}

.error{
	padding:5px; 
	margin:5px 0px 5px 0px; 
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	border:1px solid #999999;
	background:#FFFFCC;
	color:#FF0000;
	font-style:italic;
}

#btnReg {
	background: transparent url(images/btn-register.jpg) no-repeat center left;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	width: 118px;
	height: 30px;
	border: 0;
	float: left;
	margin-left: 202px;
	}

#btnReset {
	background: transparent url(images/btn-reset.jpg) no-repeat center left;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	width: 118px;
	height: 30px;
	border: 0;
	float: right;
	margin-right: 202px;
	}

#syarat {
	margin: 0;
	padding: 0;
}

#syarat li {
	list-style-type: inherit;
	margin-left: 22px;
	padding: 2px 0;
}

* html #syarat li {
	list-style-type: inherit;
	margin-left: 22px;
	padding: 2px 0;
}

a#daftarblog {
	border: 1px solid #b7daab;
	background-color: #294404;
	text-transform: uppercase;
	padding: 3px 10px;
	font: bold 14px Arial;
	color: #fff;
}

a:hover#daftarblog {
	background-color: #d0d0d0;
	color: #000;
}

#syaratlomba {
	margin: 0;
	padding: 0;
}

#syaratlomba li {
	margin-left: 15px;
	padding: 2px 0;
}