/*
Design by http://www.bluewebtemplates.com
Released for free under a Creative Commons Attribution 3.0 License
*/

@charset "utf-8";
body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em arial, arial, arial;background:url(images/bgbase.png) repeat-x top;}
html, .main { padding:0; margin:0;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:0; color:#fff; font:bold 40px/1.2em arial, arial, arial; text-align:center; letter-spacing:-2px;}
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
h1 small { display:block; font:normal 13px/1.2em arial, arial, arial; letter-spacing:normal; padding:8px 0;}
h2 { font:bold 24px arial, arial, arial; color:#5f5f5f; padding:8px 0; margin:8px 0;}
h3 { font:bold 20px arial, arial, arial; color:#5f5f5f; padding:3px 0; }
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em arial, arial, arial;}
a { color:#0588c6; text-decoration:underline;}

.header, .content, .fbg, .footer, form, ol, ul, ol li, .content .mainbar, .content .sidebar { margin:0; padding:0;}
.content_resize, .header_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:90%;}
.header_resize, .hbg_resize { margin:0 auto; padding:0; width:90%;}
.content_resize, .fbg_resize { padding:24px 40px;}

/* header */
.header { height:180px; background:url(images/aspi.jpg) no-repeat left;background-position:10% 0%;}
.header2 { height:250px; }
.header3 { height:250px; background:url(images/logo.png) no-repeat right;background-position:90%;}
.header .nav_menu ul { padding:0 13px; float:right; width:auto; list-style:none; height:38px; background:url(images/menu.gif) repeat-x top;}
.header .nav_menu ul li { margin:0 2px; float:left; height:1px;}
.header .nav_menu ul li a { display:block; margin:0; padding:14px 8px; color:#5f5f5f; text-decoration:none; font-weight:bold;}
.header .nav_menu ul li a:hover, .header .nav_menu ul li.active a { color:#47add9; background:url(images/menu_a.gif) repeat-x top;}
.header img.hbgimg { margin:0; padding:2px 2px 0 0;}
.header .logo { 
/*background:url(images/hbg_img.png) no-repeat center 1px; */
height:80px; padding-top:50px;
}
.loginform { 
background-color:none;
color:#FFFFFF;
font-weight:bold;
float:right;
}

/* content */
.content { background:url(images/content_bg.gif) repeat-x top;}
.content .mainbar { float:left; width:80%;}
.content .mainbar .article img { border:1px solid #dedede; padding:3px;}
.content .mainbar .article img.ilf { float:right; margin:0 16px 8px 0;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0; height:auto; }
.content .sidebar { float:left; width:20%;}
.content a.btn { margin-right:4px; padding:10px 0; display:block; float:left; width:105px; text-align:center; background:url(images/a_bg.gif) no-repeat center center; text-decoration:none;}
ul.sb_menu, ul.ex_menu { list-style:none; color:#959595; background-color:#FFFFFF; }
ul.sb_menu li, ul.ex_menu li { margin:0; background-color:#FFFFFF; border-bottom:1px dotted #999999; }
ul.sb_menu li:hover, ul.ex_menu li:hover { margin:0; background-color:#DDDDDD; border-bottom:1px dotted #999999; }

ul.sb_menu li { padding:4px 0 4px 4px;}
ul.ex_menu li { padding:4px 0 8px 4px;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; padding-left:18px; background:url(images/li.png) no-repeat left center;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#47add9; font-weight:bold; }
.spacer{ margin-top:10px;display:block; }
/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background-color:#0588c6; color:#fff;}
.fbg h2 { color:#fff;}
.fbg a { color:#fff;}
.fbg img { padding:5px; border:1px solid #0476ac; background-color:#4ba9d6;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:326px;}
.fbg .c2 { padding:0 16px; width:3px;}
.fbg .c3 { padding:0 0 0 16px; width:700px;}
.fbg .c1 img { margin:4px;}
.fbg ul.sb_menu li a { color:#fff; background:url(images/li_w.gif) no-repeat left center;}
.fbg ul.sb_menu li a:hover { color:#fff; font-weight:bold;}


/* footer */
.footer { background-color:#113a50;color:#FFFFFF; };
p.lf { }
ul.fmenu { padding-top:1px; list-style:none; float:right; width:auto;}
ul.fmenu li { margin:0 2px; float:left;}
ul.fmenu li a { display:block; margin:0; padding:4px 8px; color:#5f5f5f; text-decoration:none; font-weight:bold;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#0588c6;}

ul.fmenupl { padding-top:1px; list-style:none; float:right; width:auto;}
ul.fmenupl li { margin:0 2px; float:left;}
ul.fmenupl li a { display:block; margin:0; padding:4px 8px; color:#FFFF00; text-decoration:none; font-weight:bold;}
ul.fmenupl li a:hover, ul.fmenu li.active a { color:#FFFFFF;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}

form input.txt{ 
	background-color:#F0F8FF;
	border:1px solid #CCCCCC;
	height:20px;
}

.inputArea input[type="text"], .inputArea textarea, .inputArea input[type="password"], .inputArea select
{
    font-family: arial, arial;
    font-size: 12px;
    margin-bottom: 3px;
    padding: 3px;
    border: solid 1px #85b1de;
    background-image: url( images/blue_bg.png );
    background-repeat: repeat-x;
    background-position: top;
} 

.inputArea td{ padding:3px; }

form.registration{
	background-color:#F0F8FF;
}

form.registration input.txt{ 
	background-color:#F0F8FF;
	border-top:none;border-left:none;border-right:none;
	border-bottom:1px solid #666666; 
	height:20px;
}

form.registration input.txt:hover{ 
	background-color:#F9F9F9;
	border-top:none;border-left:none;border-right:none;
	border-bottom:1px solid #000000; 
}

form.registration select.txt{ 
	background-color:#F0F8FF;
	border:1px solid #CCCCCC;
	height:20px;
}

.tb td{
	padding:5px;
}

form.registration textarea.txt{ 
	background-color:#F9F9F9;
	border:1px solid #CCCCCC;
}

table td{
	padding:2px;
}


.btnx{
	border:1px solid #CCCCCC;
	background-color:#0066FF;
	color:#000000;
	font:arial, arial, arial;
	font-size:11px;
	height:24px;
}

.btn{border-style:solid;border-width:1px;border-color:#d9dfea #0e1f5b #0e1f5b #d9dfea;background-color:#3b5998;color:#fff;padding:2px 15px 3px 15px;text-align:center;
;*overflow:visible;*padding:2px 15px;height:24px;}

.uiButton{cursor:pointer;display:-moz-inline-box;display:inline-block;font-family:'Lucida Grande', Tahoma, Verdana, arial, arial;font-size:11px;font-weight:bold;margin:0;outline:none;*overflow:visible;white-space:nowrap;_width:0}
.notes{
	margin-top:2px;
	border:1px dotted #FF0000;
	color:#999999;
	font-size:10px;
}
.false{
	margin-top:2px;
	border:1px dotted #FF0000;
	color:#999999;
	font-size:10px;
}
.true{
	margin-top:2px;
	border:1px dotted #99CC00;
	color:#999999;
	font-size:10px;
}

#bodydetailberita { padding-right:10px; float:left}
	#bodydetailberita .upperdeck {font-size:11px; color:#999999; text-transform:uppercase; font-weight:normal; font-family:Tahoma, Verdana, arial, "Trebuchet MS"; margin:0px 0px 10px 0px; letter-spacing:.1em}
	#bodydetailberita .judul {clear:both; font-size:28px; color:#660000; font-weight:bold; margin-bottom:15px}
	#bodydetailberita .deskripsi {font-size:14px; font-weight:bold; color:#333333; margin-bottom:6px; border-bottom:1px solid #333333; height:auto; padding-bottom:10px; line-height:18px}
	#bodydetailberita .lowerdeck {font-size:11px; color:#000000; margin-bottom:30px; text-align:right }
		#bodydetailberita .lowerdeck .tgl_artikel {float:left; color:#999999;padding-left:20px;background:url(images/tgl.jpg) no-repeat left; }
	#bodydetailberita .isiberita {font-size: 12px; color:#444444; line-height:20px; /*letter-spacing:.1em*/}
		#bodydetailberita .isiberita .aa {font-size: 14px; color:#444444; line-height:21px; /*letter-spacing:.1em*/}
		#bodydetailberita .isiberita .aaa {font-size: 16px; color:#444444; line-height:23px; /*letter-spacing:.1em*/}
		#bodydetailberita .isiberita table {margin:10px 0px; font-size:11px; line-height:normal }
		#bodydetailberita .isiberita td {}
		#bodydetailberita .isiberita a {text-decoration:underline}
		#bodydetailberita .isiberita p {margin-top:1px}
		#bodydetailberita .isiberita img {margin:10px}
		#bodydetailberita .isiberita em {font-style:italic;}

	#bodydetailberita .isilist {float:right; width:255px; margin-left:15px; margin-bottom:10px; margin:0px 0px 0px 15px}
		#bodydetailberita .isilist .tgl_artikel {text-transform:none; line-height:12px; color:#666666; padding-top:5px; letter-spacing:normal; font-size:11px; height:240px}
		#bodydetailberita .isilist .listberita { line-height:normal; font-size:12px; letter-spacing:normal; border:none}
		#bodydetailberita .isilist .listberita .titlebox {border-bottom:1px solid #EEEEEE}
		#bodydetailberita .isilist .listberita ul li {border-bottom:1px solid #F3F3F3; margin:4px 0px 0px 0px; padding:0px 0px 4px 13px; background: url(../images/bg_images.png) no-repeat -90px -632px; }
		#bodydetailberita .isilist .listberita ul li a {text-decoration:none }
		#bodydetailberita .isilist img {margin:0px; margin-bottom:8px; width:255px; height:auto}
		#bodydetailberita .isilist img:hover {height:auto}
		#bodydetailberita .thumbnailposter img {margin-right:20px; width:50px; border:1px solid #CCC}
	
	/*ICON SHARE*/
	#bodydetailberita .akecil {float:left; width:15px; height:15px; background:url(../images/bg_images.png) 0px -770px; margin:0 auto; margin:10px 5px 10px 0px; }
		#bodydetailberita .akecil:hover {background-position: 0px -795px;}
	#bodydetailberita .asedang {float:left; width:17px; height:17px; background:url(../images/bg_images.png) -19px -768px; margin:0 auto; margin:9px 5px 10px 0px; }
		#bodydetailberita .asedang:hover {background-position: -19px -793px;} 
	#bodydetailberita .abesar {float:left; width:19px; height:19px; background:url(../images/bg_images.png) -40px -766px; margin:0 auto; margin:8px 0px 10px 0px; }
		#bodydetailberita .abesar:hover {background-position: -40px -791px;}
	#bodydetailberita .fbshare {float:left; width:19px; height:19px; background:url(../images/bg_images.png) 0px -820px; margin:0 auto; margin:6px 0px 6px 0px; }
		#bodydetailberita .fbshare:hover {background-position: 0px -845px;}
	#bodydetailberita .twitt {float:left; width:19px; height:19px; background:url(../images/bg_images.png) -15px -822px; margin:0 auto; margin:6px 0px 6px 0px; }
		#bodydetailberita .twitt:hover {background-position: -15px -846px;}
	#bodydetailberita .tellafriend {float:left; width:15px; height:19px; background:url(../images/bg_images.png) -35px -822px; margin:0 auto; margin:8px 0px 6px 0px; }
		#bodydetailberita .tellafriend:hover {background-position:  -35px -847px;}
	#bodydetailberita .print {float:left; width:15px; height:19px; background:url(../images/bg_images.png) -53px -822px; margin:0 auto; margin:8px 0px 6px 0px; }
		#bodydetailberita .print:hover {background-position: -53px -847px;}
	
	#bodydetailberita .boxshare, #bodydetailberita .boxrate {height:35px; border:1px solid #EEEEEE; padding:0px 10px; margin:20px -1px 10px 0px; float:left; font-size:12px}
		#bodydetailberita .boxrate {width:342px; text-align:right; padding-right:6px}
		#bodydetailberita .boxrate select, .boxpage/**/ input {font-family:arial, arial, arial; font-size:11px; margin-top:8px; border:1px solid #cccccc; padding:1px 0px; !padding:1px 5px}
		.boxpage/**/ input:hover {background:#CC0000; color:#FFFFFF}
	
	#bodydetailberita .isikomen { clear:both; font-size:11px ; line-height:normal; padding:10px 6px 10px 116px; border:1px solid #EEEEEE; margin-top:-1px;}
		#bodydetailberita .pengirim {color:#003366; width:100px; overflow:hidden; font-weight:bold; float:left; border-right:1px solid #D7DFFD; padding:0px 0px; margin:0px 8px 6px -110px }
		#bodydetailberita .isikomen .balaskomen { margin:7px 0px; color:#333333 }
		#bodydetailberita .isikomen a { font-size:10px; text-decoration:none; }
		#bodydetailberita .isikomen a:hover { color:#CC0000 }
		#bodydetailberita .isikomen .balasan { border-top:0px solid #EEEEEE; padding:5px 0px 5px 10px; /*padding:5px 0px 2px 12px; */ color:#A6A6A6; width:97%; background:#F8FAFE /*url(../images/bg_images.png) no-repeat 0px -871px*/; margin-bottom:2px }
		#bodydetailberita .isikomen .balasan:hover { color:#777777; }
	
	.submitkomen {padding:10px; background:#F8FAFE; margin:-1px 0px 10px 0px; color:#666666; border:1px solid #e3eaf5; line-height:14px}
		.submitkomen td { vertical-align:middle; padding-top:5px}
		.submitkomen .isian input, .submitkomen select, .submitkomen textarea, .submitkomen img { font-family:tahoma, verdana, arial; font-size:12px; line-height:15px; padding:4px; border:1px solid #C8D2E1}
		.submitkomen img {padding:0px; margin:0px 20px 20px 0px}
		.submitkomen .tgl_artikel {text-transform:none; color:#666666; font-size:12px }
		.submitkomen .notice {font-size:10px; font-family:arial, Tahoma, arial, arial; color:#999999}

		.pollresult {color:#244A77;}
		.pollresult td { padding:5px; margin-bottom:10px; background-color:#F2F5FD; border:3px solid #F8FAFE; border-width:2px 0px }
		.pollresult tr { }
		.pollbar {height:10px; width:100%; background:#CC0000; margin-right:15px}

.right {
margin-top: 10px;
float: right;
width: 200px;
}
.right h2 {
margin: 10px 0 20px 0;
font: bold 13px Verdana, 'Trebuchet MS', arial;
line-height: 30px;	
background: #FFFFFF url(images/contenth2.jpg) repeat-x;
height: 30px;
color: #fff;
padding-left: 10px;
}