/* CSS POIN PLUS */

/* ==== Body Style ===*/
body{
	background:#FFFFFF;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0;
	padding:0;
}
form, label input {
	margin: 0;
	padding: 0;
}
/* ==== Alert ==== */
#info{
    width: 100%;
	position:fixed;
    z-index:100;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}
* html #info { /*\*/position: absolute; top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

#foo > #info { position: fixed; top: 0px; right: 0px; } 
#infobar {
    display: block;
    color: #333333;
    background: #FFFFE1 url(../images/warning.gif) no-repeat fixed .3em .3em;
    padding: .55em .3em .55em 2.5em;
    border-bottom: 1px outset;
    text-decoration: none;
    cursor: default;
  }

#infobar:hover {
    color: #FFFFFF;
    background: #335EA8 url(../images/over.gif) no-repeat fixed .3em .3em; 
  }
  
 /* === Body == */
#container{
	background:#ffffff url(../images/bg.gif) top left repeat-x ;
	width:100%;
}
.clear{
	margin:0;
	padding:0;
	clear:both;
}
#main{
	width:778px;
	margin:0 auto;
	padding:0;
}
#content{
	margin: 0 auto;
	padding:0;
	text-align:center;
}
/* Menu */
#menus{
	width:778px;
	margin:0 auto;
	padding:0;
}
#register{
	color:#FFFFFF;
	font-weight:bold;
	float:right;
}
#register a{
	display:block;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:5px 8px 5px 27px;
	text-decoration:none;
	background:#5B5B5B url(../images/register.gif) no-repeat left;
}
#register a:hover{
	color:#FF6500;
	font-weight:bold;
	text-decoration:none;
}
#pass{
	color:#FFFFFF;
	font-weight:bold;
	margin-left:1px;
	float:right;
}
#pass a{
	display:block;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:5px 8px 5px 27px;
	text-decoration:none;
	background:#5B5B5B url(../images/pass.gif) no-repeat left;
}
#pass a:hover{
	color:#FF6500;
	font-weight:bold;
	text-decoration:none;
}
#horizontal_menu{
	height:26px;
	margin:15px auto;
}
#horizontal_menu ul{
	font-size:9px;
	text-transform:uppercase;
	font-weight:bold;
	color:#5B5B5B;
	text-align:center;
}
#horizontal_menu li{
	display:inline;
	margin-left:2px;
	width:100px;
	list-style-type: none;
	float:right;
}
#horizontal_menu li a{
	text-decoration:none;
	display:block;
	color:#5B5B5B;
	padding:5px 12px 5px 10px;
	background:#CACAC9 url(../images/bg_menu.gif) repeat-x;
	border:1px solid #BFBFBF;
}
#horizontal_menu li a:hover{
	text-decoration:none;
	color:#FFFFFF;
	padding:5px 12px 5px 10px;
	background:#7DB9CB url(../images/bg_mhover.gif) repeat-x;
	border:1px solid #6C9BA7;
}
/* logo */
#thelogo{
	width:220px;
	height:66px;
	float:left;
}
#thelogo h1{
	padding:0;
	margin:0;
	width:220px;
	height:66px;
	letter-spacing:1px;
}
#thelogo h1 span{
	display:block;
	width:220px;
	height:66px;
	text-indent:-999em;
}
#thelogo h1 a{
	display:block;
	width:220px;
	height:66px;
	text-decoration:none;
	background:url(../images/logo.gif) no-repeat center;
}
#thelogo h1 a:hover{
	display:block;
	width:220px;
	height:66px;
	text-decoration:none;
	background:url(../images/logo.gif) no-repeat center;
}
/* Ads */
#ads {
	background:#ffffff;
	border:1px solid #D6D6D6;
	margin-top:15px;
	text-align:center;
	padding:2px 0 2px 0;
}
/* main left */
#content_left{
	float:left;
	width:182px;
	text-align:center;
	margin-right:10px;
	margin-top:10px;
}
#left_menu{
	width:176px;
	border:1px solid #D6CAA4;
	padding:2px;
	text-align:center;
	margin-bottom:8px;
}
#left_menu h1{
	display:block;
	background:#D8B645 url(../images/lefth1_bg.gif) repeat-x;
	padding:3px 0px 3px 10px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#6C5300;
	margin:0px;
}
#left_body{
	margin:2px auto;
}
#left_body  ul{
	font-size:10px;
	color:#6C5300;
	padding:0;
	margin:0;
}
#left_body li{
	margin-bottom:2px;
	list-style-type: none;
	padding:4px 0px 4px 8px;
	border-bottom:1px dotted #6C5300;
	text-align:left;
	background:#FDF9EC;
}
#left_body li a{
	text-decoration:none;
	display:block;
	color:#6C5300;
}
#left_body li a:hover{
	color:#6C5300;
	background:#F4EFE1;
	display:block;
}
#left_body li:hover{
	background:#F4EFE1;
}
#left_hit{
	width:176px;
	border:1px solid #A9C06A;
	padding:2px;
	text-align:center;
	margin-bottom:8px;
}
#left_hit h1{
	display:block;
	background:#D8B645 url(../images/bg_hit.gif) repeat-x;
	padding:3px 0px 3px 10px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#455C07;
	margin:0px;
}
#left_hitd{
	margin:2px auto;
	background:#F2F7E3;
	text-align:left;
}
.total_member{
	color:#455C07;
	padding:5px 8px 5px 27px;
	margin:0px auto;
	background:url(../images/paid_member.gif) no-repeat left;
	display:block;
}
.total_member:hover{
	color:#C74B00;
}
.active_member{
	color:#455C07;
	padding:5px 8px 5px 27px;
	margin:0px auto;
	background:url(../images/active_member.gif) no-repeat left;
	display:block;
}
.active_member:hover{
	color:#C74B00;
}
.pending_member{
	color:#455C07;
	padding:5px 8px 5px 27px;
	margin:0px auto;
	background:url(../images/pending_member.gif) no-repeat left;
	display:block;
}
.pending_member:hover{
	color:#C74B00;
}
/*main center */
#content_center{
	float:left;
	width:417px;
	text-align:center;
	margin-top:10px;
}
#content_center2{
	float:right;
	width:585px;
	text-align:center;
	margin-top:10px;
}
#center_reward{
	background:#121212;
	color:#FFFFFF;
	font-size:9px;
}
#center_reward a{
	display:block;
	padding:5px;
	background:#008DE7;
	color:#FFFFFF;
	font-size:13px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #FFFFFF;
}
#center_reward a:hover{
	text-decoration:underline;
}
.reward_atas{
	background:#000000 url(../images/border_atas.gif) no-repeat;
	margin:0;
	padding:0;
	height:7px;
}
.reward_bawah{
	background:#FFFFFF url(../images/border_bawah.gif) no-repeat;
	margin:0;
	padding:0;
	height:8px;
}
.reward_tengah{
	margin:auto;
	width:400px;
	text-align:left;
}
.judul{
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#009CE4;
	margin:0;
	padding:0;
}
.tanggal{
	font-size:9px;
	text-transform:uppercase;
	color:#E4007B;
	margin:0;
	padding:0;
}
.count_down{
	width:42px;
	height:30px;
	background:url(../images/bg_count.gif) no-repeat;
	color:#FFFFFF;
	padding-top:5px;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	border:none;
}
#center_content{
	margin-top:0px;
	color:#838383;
	text-align:left;
}
#center_content a{
	color:#B9683C;
	text-decoration:underline;
}
#center_content a:hover{
	color:#B9683C;
	text-decoration:none;
}
#center_content h1{
	font-size:14px;
	font-weight:bold;
	color:#44A4C4;
	margin:0;
	padding:0;
}
.images_kiri{
	float:left;
	clear:both;
	margin-right:10px;
	margin-bottom:5px;
}
.images_kanan{
	float:right;
	clear:both;
	margin-left:10px;
	margin-bottom:5px;
}
em{
font-size:9px;
font-style:italic;
}
.highlight{
	color:#FF0000;
}
.judul_centercontent{
	font-size:13px;
	color:#B9683C;
	margin:12px 0 0 0;
	padding:0 0 0 20px;
	background:url(../images/bullet.gif) no-repeat left top;
}

/*main Right */
#content_right{
	float:right;
	width:160px;
	text-align:center;
	margin-top:10px;
}
/*footer */
#footer{
	background:#ffffff;
	border:1px solid #D6D6D6;
	margin-top:15px;
	text-align:center;
	padding:4px 4px 4px 4px;
	margin-bottom:15px;
	color:#AAAAAA;
}
#footer a{
	color:#B9683C;
	text-decoration:underline;
}
#footer a{
	color:#B9683C;
	text-decoration:none;
}
/*iput*/

#name_input{
	width:192px;
	height:19px;
	background:url(../images/form_name.gif) no-repeat left;
	padding:0 25px 0 29px;
}
#name_input input{
	border:none;
	background:transparent;
	width:169px;
	height:18px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#email_input{
	width:192px;
	height:19px;
	background:url(../images/form_mail.gif) no-repeat left;
	padding:0 25px 0 29px;
}
#email_input input{
	border:none;
	background:transparent;
	width:169px;
	height:18px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#phone_input{
	width:192px;
	height:19px;
	background:url(../images/form_phone.gif) no-repeat left;
	padding:0 25px 0 29px;
}
#phone_input input{
	border:none;
	background:transparent;
	width:169px;
	height:18px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#subject_input{
	width:192px;
	height:19px;
	background:url(../images/form_subject.gif) no-repeat left;
	padding:0 25px 0 29px;
}
#subject_input input{
	border:none;
	background:transparent;
	width:169px;
	height:18px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#kosong_input{
	width:192px;
	height:19px;
	background:url(../images/form_kosong.gif) no-repeat left;
	padding:0 25px 0 29px;
}
#kosong_input input{
	border:none;
	background:transparent;
	width:169px;
	height:18px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#ym_input{
	width:192px;
	height:19px;
	background:url(../images/form_ym.gif) no-repeat left;
	padding:0 25px 0 29px;
}
#ym_input input{
	border:none;
	background:transparent;
	width:169px;
	height:18px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#textarea_input{
	width:213px;
	height:171px;
	background:url(../images/form_textarea.gif) no-repeat left;
	padding:0 25px 0 8px;
}
#textarea_input textarea{
	border:none;
	background:transparent;
	width:200px;
	height:150px;
	color:#333333;
	margin:8px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#submit_input{
	margin:0;
	padding:0;
	float:right;
}
#submit_input input{
	width:54px;
	height:19px;
	background:#000000 url(../images/form_buttonup.gif) no-repeat;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0 0 3px 0;
}
#submit_input input:hover{
	width:54px;
	height:19px;
	background: url(../images/form_buttondown.gif) no-repeat;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0 0 3px 0;
}
#form{
	text-align:left;
	margin:25px;
}
#form ul{
	list-style:none;
}
#form li{
	margin:0 0 1em 0;
}
#form textarea{
	width:100%;
	height:150px;
}