/* CSS Document */

.body{width: 901px;	margin: 0 auto;	text-align: left;}

.nav{
	margin-bottom: 10px;
	text-align: right;
	color: #fff;
}
.nav ul{ 
	margin: 0; padding: 0; list-style: none;
}
.nav li{
	display: inline; padding: 0 10px; line-height: 26px;
}
.nav a{
	color: #fff; font-weight: bold;
}

.logo{
	width: 300px;
	height: 80px;
	float: left;
}
.logo h1{
	padding: 15px 0 0 0;
	margin: 0;
}
.logo h1 a{
	font-family: "Times new roman";
	font-size: 30px;
	text-transform: uppercase;
	color: #333;
	line-height: 30px;
}
.logo p{
	font-family: "TimesNewRoman";
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.wrap{
	border-bottom: 1px solid #DADADA;
	border-top: 1px solid #DADADA;
	background: url(../images/main_bg.gif) repeat-y;
}
.wrap-member{
	border-bottom: 1px solid #DADADA;
	border-top: 1px solid #DADADA;
	background: url(../images/main_bg2.gif) repeat-y;
	padding:15px;
}
.wrap-member .main{
	float:none !important;
	width: 100% !important;
}
.main{
	width: 656px;
	float: left;
}
.main .inside{
	padding: 10px 15px;
}
.main #home{
	padding: 7px !important;
}

.main h1{
	border-bottom: 1px dashed #dadada;
	padding-bottom: 10px;
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: normal;
}
.welcome{
	padding: 5px;
}

.box{
	background: url(../images/ap_bg.gif) repeat-y;
	width:641px;
	margin: 10px 0;
}
.box-top{
	background: url(../images/ap_top.gif) no-repeat;
	height: 7px;
	font-size: 1px;
}
.box .adv{
	width: 49%;
	float: left;
}
.box .pub{
	width: 50%;
	float: right;
}
.box .adv-c{
	padding: 5px 15px;
	background: url(../images/ap_a_bg.gif) no-repeat top left;
}
.box .pub-c{
	padding: 5px 15px;
	background: url(../images/ap_p_bg.gif) no-repeat top right;
}
.box .adv-c h2{
	font-size: 26px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	padding: 10px 0 0 0;
	border: none;
}
.box .pub-c h2{
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0 0 0;
	border: none;
}
.box .adv-c h3{
	font-size: 18px;
	text-align: right;
	padding: 0 0 25px 0;
}
.box .pub-c h3{
	font-size: 18px;
	padding: 0 0 25px 0;
}
.box .adv-c h4, .box .pub .pub-c h4 {
	font-size: 14px;
}
.box-bottom{
	background: url(../images/ap_bottom.gif) no-repeat bottom left;
	padding: 5px 10px 10px 10px;	
}
.box-bottom .daftar-left{
	width: 50%;
	float: left;
}
.box-bottom .daftar-right{
	width:48%;
	float: right;
}

.blog{
	padding: 5px;
}
.blog h3{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #dadada;
}
.blog-item{
	padding:5px 0 10px 0;
}
.blog-item .date{
	background: url(../images/news_date.gif) no-repeat top left;
	width:42px;
	height: 49px;
	float: left;
	text-align: center;
}
.date .m{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 15px;
	text-transform: uppercase;
}
.date .d{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
.date .y{
	font-size: 11px;
	line-height: 10px;
}
.blog-item .desc{
	width: 580px;
	float: right;
}
.desc h4{
	font-size:14px;
}

.sidebar{
	width: 245px;
	float: right;
}
.sidebar .inside{
	padding: 10px;
}

.sidebar h3{
	padding-bottom:15px;
}
.login, .cs, .pub-list{
	padding-bottom:15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d4d4d4;
}
.login .text{
	width: 135px;
}
.login a{
	font-size: 11px;
}
.login-page{
	border: none !important;
}

.cs table{
	width: 98%;
}
.pub-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.pub-list li{
	line-height: 20px;
	background: url(../images/icon.gif) no-repeat;
	background-position: 0 6px;
	padding: 0 0 0 16px;
	font-weight: bold;
}

.footer{
	padding: 10px 0;
}
.footer ul{
	list-style: none;
}
.footer li{
	display: inline;
	padding: 0 5px;
	font-weight: bold;
}

.banner-1{
	width: 480px;
	float: right;
	text-align: right;
	padding: 5px 0 0 0;
}
.banner-1 img{
	padding: 2px;
	background: #fff;
	border: 1px solid #dadada;
}

.std-f{}
.std-f label{float:left; width:150px; font-weight:bold; line-height:20px; margin-right:5px;}
.std-f input, .std-f select, .std-f textarea{margin-bottom:5px; border: 1px solid #aaa; background: #f4f4f4; padding: 3px;}
.std-f small{display:block; padding-left:155px; font-size:11px !important; clear:left;}
.std-f br{clear:left;}
.std-f .btn{margin-left:155px; background:#333; color:#fff; padding:3px 15px; font-weight:bold; border:none;}
.std-f #captcha-code{border: 1px solid #6cbbe8; margin-bottom:4px;}
.std-f #scode{margin-left:150px;}
.disable{font-weight:bold; color:#002269;}
.enable{padding-left:10px;}

.lgn-form{margin:0 auto; text-align:left; width:320px; padding:30px 0;}
.lgn-form .form-error{-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.lf-c{padding:10px; background:#fff; border:1px solid #99d9fd; overflow:hidden; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position:relative;}
.lf-c label{display:block; font-size:12px;}
.lf-c #lgnusr, .lf-c #lgnpass{width:250px;}
.lgn-form ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#banner-footer{
	background: url(../images/banner_bottom_bg.gif) repeat-y;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
#banner-footer a{
	width: 140px;
	float: left;
}
#banner-footer img{
	background:#fff;
	border: 1px solid #ccc;
	padding: 2px;
}

.nc{padding:0 0 10px 0; border-bottom:1px solid #ccc;}
.nc ul{list-style:none; margin: 0; padding:0 0 0 5px;}
.nc ul li{
	line-height: 22px;
	background: url(../images/icon.gif) no-repeat;
	background-position: 0 7px;
	padding-left: 14px;
	font-weight: bold;
}
.nc ul li ul li{
	font-weight: normal !important;
}

.btn-c{padding:10px 0; text-align:right;}

a.ds-btn{display:block; line-height:27px; background:url(../images/regnow_left_bg.gif) no-repeat; padding:0 0 0 15px; font-size:12px; font-weight:bold; color:#fff;}
a.ds-btn span{display:block; background:url(../images/regnow_right_bg.gif) no-repeat 100% 0%; padding:0 15px 0 0; text-decoration:none;}
a.ds-btn:hover{text-decoration:none;}

#adv-bx{float:left;}
#pub-bx{float:right;}
.bx{width:400px;}
.bx h4{font-size:11px; font-weight:bold; margin-bottom:3px;}
.bx-c{padding:7px; background:#f5f5f5; border:1px solid #ccc; overflow:hidden; position:relative;}
.bx-c h2{font-size:18px;}
.bx-c img{float:left; margin:0 10px 10px 0; position:relative;}
.bx-c p{padding:10px 0 0 0 !important;}
.bx-c p a.ds-btn{float:right; margin-left:10px; position:relative;}
.bx-c p a.more{line-height:27px; font-size:12px; text-decoration:underline;}
.bx-c p a.more:hover{text-decoration:none;}
.bx-c ul{list-style:none;}
.bx-c ul li{display:block; width:190px; float:left; margin-bottom: 10px;}
.bx-c ul li a{padding: 25px 0; font-size:16px;}

.std-t{width:100%; border-collapse:collapse; border:none; margin:0;}
.std-t th{padding:5px; background:#333; color:#fff;}
.std-t td{padding:5px; border-bottom:1px solid #ccc;}
.std-t td small{margin:0 !important; padding:0 !important;}

.adzone-prop{float:left; width:530px;}
.adzone-prev{float:right; width:270px;}
.ad-p{font-size:11px; line-height:normal; font-family:Verdana, Arial, Helvetica, sans-serif;width:230px; height:80px;}
.ad-p table{height:62px;overflow:hidden;table-layout:fixed;width:100%;}
.ad-p td{vertical-align:middle;}
.ad-c{width:200px; height:62px; float:left; padding:0 5px;}
.ad-b{height:18px; text-align:right;font-size:11px; padding:0 5px;}
.ad-c-i{font-weight:bold; font-size:12px; text-decoration:underline;}
.ad-c-t, .ad-c-u{font-size:11px;}
.color_picker {height: 23px; width: 23px; padding: 0 !important; border: 1px solid #ccc; cursor: pointer; line-height: 16px; float:left; margin-left:5px;}
div#color_selector {width: 262px; position: absolute; border: 1px solid #598FEF; background-color: #EFEFEF; padding: 2px;}
div#color_custom {width: 100%; float:left }
div#color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
div#color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }
div.color_swatch {height: 20px; width: 20px; border: 1px solid #000; margin: 2px; float: left; cursor: pointer; line-height: 12px;}

.ad-sample{margin-bottom:15px; margin-left:155px;}
.ad-sample .ad-p{border:1px solid #000; background:#fff;}
.ad-sample .ad-c-i, .ad-sample #ad-by{color:#0000ff;}
.ad-sample .ad-c-u{color:#008000;}

/* tooltip */
.tooltip{position: absolute; padding: 7px 10px; z-index: 999; background-color: #eee; border: 1px solid #111; text-align: left;}
.tooltip h3{margin: 0 0 5px; text-align: left;}