/* reset.css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.5}
/*table{border-collapse:separate;border-spacing:0}*/
caption,th,td{text-align:left;font-weight:normal}
table,td,th{vertical-align:top;}
blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a img{border:none}
/* typography.css */
body{font-size:90%;color:#222;font-family:Arial, Helvetica}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111;font-family:Arial, Helvetica}
h1{font-size:3em;line-height:1;margin-bottom:0.5em}
h2{font-size:2em;margin-bottom:0.75em}
h3{font-size:1.5em;line-height:1;margin-bottom:1em;text-transform:uppercase}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em}
h6{font-size:1em;font-weight:bold}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}
p{margin:0 0 1.5em}
p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em}
a:focus,a:hover{color:#009}a{color:#0085eb;text-decoration:none}
blockquote{margin:1.5em;color:#666;font-style:italic}
strong{font-weight:bold}
em,dfn{font-style:italic}
dfn{font-weight:bold}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em;font-style:italic}
del{color:#666}
pre{margin:1.5em 0;white-space:pre}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5}
li ul,li ol{margin:0 1.5em}
ul,ol{margin:0 1.5em 1.5em 1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}
th{font-weight:bold}
thead th{background:#c3d9ff}
th,td,caption{padding:4px 0px 4px 5px}
tr.even td{background:#e5ecf9}
tfoot{font-style:italic}
caption{background:#eee}
.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}
.hide{display:none}.quiet{color:#666}
.loud{color:#000}
.highlight{background:#ff0}
.added{background:#060;color:#fff}
.removed{background:#900;color:#fff}
.first{margin-left:0;padding-left:0}
.last{margin-right:0;padding-right:0}
.top{margin-top:0;padding-top:0}
.bottom{margin-bottom:0;padding-bottom:0}
/* forms.css */
label{font-weight:bold}
fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc}
legend{font-weight:bold;font-size:1.2em}
input[type=text],input.text,input.title,textarea,select{background-color:#fff;border:1px solid #bbb}
input[type=text]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{border-color:#666}
input[type=text],input.text,input.title,textarea,select{margin:0.5em 0}
input.text,input.title{width:300px;padding:5px}
input.title{font-size:1.5em}
textarea{width:390px;height:250px;padding:5px}
input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:.25em}
form.inline{line-height:3}
form.inline p{margin-bottom:0}
.error,.notice,.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd}
.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}
.notice{background:#FFF6BF;color:#514721;border-color:#FFD324}
.success{background:#E6EFC2;color:#264409;border-color:#C6D880}
.error a{color:#8a1f11}
.notice a{color:#514721}
.success a{color:#264409}
.button {padding: 3px;border:1px solid #e00;background:#900;color:#fff}

/* Clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* Clearfix IE6 */
* html .clearfix{height:1%}
/* Clearfix IE7 */
*:first-child+html .clearfix{min-height:1px}

body { 
    background: #fff url(../image/bg_body.jpg) repeat-x 0 0;
    /* background: #fff url('http://o.detik.com/images/forum/bgforum.jpg') no-repeat fixed top center; */
    font-family: Helvetica, Arial, sans-serif;
}

.hidden { display: none !important; }
.clear {clear: both;}

/* !Ads */
.bannera { float: right; margin: 0 0 5px;}

/* !Wrapper */
#wrapper {
    text-align: left;
    margin: 0 auto 0;
/*     width: 980px; */
    width: 960px;
    
	clear:both;
}

/* !Header */
#header {
    padding: 5px 0 0;    
}
#logo { width: 220px; float: left; margin: 30px 10px 30px 0;}

/* !Menu */
#menu {
	clear: both;
	height: 36px;
	line-height: 36px;	
	border-right: 1px solid #2e7fe7;
	border-left: 1px solid #2e7fe7;
}
#menu ul {
	display: block;
	margin:0;
	padding:0;
}
#menu li {
 	position: relative;
 	display: inline;
 	float: left;
 	list-style: none none outside;
}
#menu ul li a{
	display: block;
	padding: 0 15px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	border-right: 1px solid #2e7fe7;
	border-left: 1px solid #96caf7;
}
#menu ul li a:link, #menu ul li a:visited{
	color: #fff;
}
#menu ul li a:hover, #menu .current, #menu .home:hover{
	background: #0847ad url(../image/bg_menu_hover.gif) repeat-x;
	color: #fff;
}
#menu ul li ul{
    position: absolute;
    z-index: 999;
    right: 0;
    display: block;
    visibility: hidden;
    float: left;
    margin: 0;
}
#menu ul li ul li{
    display: list-item;
    float: none;
    text-align:left;
}
#menu ul li ul li ul{
    top: 0;
}
#menu ul li ul li a{
    font-size: 12px;
    width: 160px;
    margin: 0;
    border: 1px solid #f9c124;
    line-height: 24px;
    border-top:none;
    background: #f9c124 url(../image/bg_mainmenu.gif) repeat-x 0 0;
}
#menu .home {
	background: none;
	padding: 6px 5px;
}
#menu .detiksearch { float: right; }
.search-detiksearch {
    width: 250px;
    height: 36px;
    padding: 0 3px;
    background: url(../image/bg_detiksearch.gif) no-repeat 0 5px;
}
.search-detiksearch .input { 
    font-size: 16px; 
    line-height: 150%; 
    margin: 6px 0; 
    height: 20px; 
    width: 175px;
    border: none;
    background: url(../image/logo_detiksearch.gif) no-repeat 5px 3px;
}
.search-detiksearch .inputsubmit {
    width: 60px;
    height: 25px;
    cursor: pointer;
    background: none;
    border: none;
}
/* !Submenu */
/* !Submenu */
#submenu {
	clear: both;
	height: 28px;
	line-height: 28px;	
	margin-bottom: 1px;
	position:relative;
	z-index: 1000;
}
#submenu ul {
	display: block;
	margin:0;
	padding:0;
}
#submenu li {
 	position: relative;
 	/* display: inline; */
 	float: left;
 	list-style: none none outside;
}
#submenu ul li a{
	display: block;
	padding: 0 18px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
}
#submenu ul li a:link, #submenu ul li a:visited{
	color: #fff;
}
#submenu ul li a:hover, #submenu .current, #submenu .home:hover{
	color: #ff0;
}
#submenu ul li ul{
    position: absolute;
    z-index: 999;
    right: 0;
    display: block;
    visibility: hidden;
    float: left;
    margin: 0;
}
#submenu ul li ul li{
    display: list-item;
    float: none;
    text-align:left;
}
#submenu ul li ul li ul{
    top: 0;
}
#submenu ul li ul li a:link, #submenu ul li ul li a:visited{
    font-size: 12px;
    width: 160px;
    margin: 0;
    border: 1px solid #fff;
    line-height: 24px;
    border-top:none;
    background: #3b82f6;
}
#submenu .gotomobile {
text-align: center;
padding: 5px 0 0 0;
}
#submenu ul li ul li a:hover {color: #ff0;background: #0848ac;}
#submenu .dropdown {background: url(../image/bg_dropdown.gif) no-repeat 100% 5px; color: #ff0 !important;}
#submenu .socialnetwork { float: right;  }
.socialnetwork { width: 200px; text-align: right; height: 22px; padding: 6px 0 0 0; color: #fff;line-height: 22px;}
.socialnetwork img {vertical-align: middle;}
.socialnetwork a { display: inline !important; padding: 0 !important; }
/* !Bottom Header */
#bottomheader {}
#leftheader { float: left; width: 585px; height: 100px;position: relative;}
.statistics {width: 580px;height: 16px;float: left;position: absolute;bottom: 5px;left: 0;color: #009;text-shadow: 0 1px #d7efff;}
.statistics img {vertical-align: middle;}
#rightheader { float:right; width: 375px; height: 100px; background: url(../image/bg_right_header.gif) no-repeat 0 0; }
#registration { padding: 15px 10px 0;}
a.regbutton { float: left; width: 192px; height: 52px; background: url(../image/button_register.gif) no-repeat 0 0; }
a.regbutton:hover { background-position: 0 -52px; }
.or { float: left; font-weight: bold; color: #fff; font-size: 16px; padding: 15px 15px; text-shadow: #6d8fa7 0 1px }
.connect { float: left; width: 150px; height: 52px; padding:  0 10px; }
.fbconnect { margin-bottom: 5px; }
/* !Login */
#loginform { padding: 20px; }
#loginform ul { margin: 0; padding: 0; list-style: none none outside;}
#loginform li { margin: 0 0 5px; padding: 0; }
#loginform li span { float: left; margin: 0 5px 0 0; }
#loginform span.remember { padding-top: 3px; }
#loginform span.label { width: 80px; text-align: right; padding-top: 3px; }
#loginform input.text { width: 100px; margin: 0; padding: 3px 5px; }
#loginform input.checkbox { margin: 0 5px; }
#loginform input.submit { width: 110px; height: 21px; border: none; background: url(../image/button_login.gif) no-repeat 0 0; cursor: pointer; }
/* !Tagline */
#tagline {padding: 10px 0;color: #1661a1;text-shadow: 0 1px #fff;}
#tagline .line1 {margin: 0; font-size: 18px;}
#tagline .line2 {margin: 0; font-size: 24px;}
/* !Member Info */
#memberinfo { padding: 5px;text-align: right; }
#memberinfo .thumb {float:right; margin: 0 0 5px 5px; width: 50px;}
#memberinfo .thumb img {width: 50px; height: 50px;}
#memberinfo .content {float: right;width: 300px;}
#memberinfo .content span {display: block;font-size: 11px;}
#memberinfo .content .name {font-size: 14px;font-weight: bold;}
.membermenu .quicklinks {width: 118px; height: 25px;}
.membermenu .quicklinks a {background: url(../image/button_quicklinks.gif) no-repeat 0 0; width: 118px; height: 25px; }
.membermenu .quicklinks a:hover {background-position: 0 -25px;}
.membermenu .mypost {width: 85px; height: 25px;}
.membermenu .mypost a {background: url(../image/button_mypost.gif) no-repeat 0 0; width: 85px; height: 25px; }
.membermenu .mypost a:hover {background-position: 0 -25px;}
.membermenu .logout {width: 85px; height: 25px;}
.membermenu .logout a {background: url(../image/button_logout.gif) no-repeat 0 0; width: 85px; height: 25px; }
.membermenu .logout a:hover {background-position: 0 -25px;}
.membermenu {margin-top: 5px;height: 25px;position: relative;z-index: 1001;}
.membermenu ul {list-style: none none outside;margin: 0;}
.membermenu ul li {display: inline; position: relative;float: right;z-index: 1000;}
.membermenu ul li a {float: right; margin: 0 0 0 5px;display: block;}
ul.membersubmenu {display:block;position: absolute;top: 25px;right: 0;width: 150px;background: #ffc;border: 1px solid #fc0;padding: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;z-index:999;}
ul.membersubmenu li {float:none;display: block;border-bottom: 1px solid #ccc;}
ul.membersubmenu li a {float: none; margin: 0;display: block;padding: 5px;font-size: 11px;background: none !important;width: auto !important;height: auto !important;}
ul.membersubmenu li a:hover {background: #ff6 !important; color: #f00;}
/* !Adsmiddle */
#adsmiddle {text-align:center; background-color:#fff; }
#adsmiddle div { float: left;  }
#adsmiddle .left { margin: 0; float:left;}
#adsmiddle .middle { margin: auto; text-align:center;}
#adsmiddle .right { margin: 0; float:right;}

#masklink {
	top:0;
	left:0;
	width:100%;
	position:inherit;
	/*float:left;*/
	z-index:0;
}
#anchormasklink {
	top:0;
	left:0;
	width:100%;
	height:2100px;
	position:inherit;
	float:left;
	z-index:0;
	margin-top:-20px;
	margin-bottom:-5000px;
}
/* subforum rgpa*/
.subforums ol.subforumlist {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.subforumlist li.subforum {
    clear: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
}
.subforums .commalist {
    clear: right;
}
.commalist li {
    display: inline-block;
}
ol > li {
    list-style: decimal outside none;
}
li {
    list-style: none outside none;
}

.but_sel{
background: #fbf4a1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZjRhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWI1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fbf4a1 0%, #feb535 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf4a1), color-stop(100%,#feb535));
background: -webkit-linear-gradient(top, #fbf4a1 0%,#feb535 100%);
background: -o-linear-gradient(top, #fbf4a1 0%,#feb535 100%);
background: -ms-linear-gradient(top, #fbf4a1 0%,#feb535 100%);
background: linear-gradient(top, #fbf4a1 0%,#feb535 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf4a1', endColorstr='#feb535',GradientType=0 );	
padding:5px;
margin:5px 5px 10px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:12px;
font-weight:bold;
text-align:center;
border:1px solid #333;
	}
.but_sel a{color:#004B8F;}
.but_sel a:hover{color: #F00;}

.bg_t{ 
  background-image:url(../../image/ba_titis_bg1.png);
  background-repeat:no-repeat;}
.bg_bt{
width:430px; 
float:left; 
margin-top:5px; 
padding-top:8px; 
overflow:hidden;
color:#000;}
.bg_bt a{ color:#000;}
.bg_bt a:hover{ color:#FF0;}
.f_size{ font-size:16px; font-weight:normal;}
.tborder_n{
	color: #000000;
	padding: 3px;
}

/* CSS_Slider */
.hael {
	margin-bottom:20px
	}
.cn_wrapper{
	margin:0; 
	width:600px; 
	height:245px; 
	position:relative; 
	color:#fff; 
	overflow:hidden; 
	}
.cn_wrapper h2 a, .cn_wrapper h2 a:visited {color:white}
.cn_preview, .cn_list{
	width:269px; 
	height:189px; 
	position:absolute; 
	left:290px; 
	top:15px; 
	}
.cn_preview{
	left:0px; 
	top:10px; 
	width:300px
	}
.cn_content{
	border:0; 
	top:331px; 
	left:5px; 
	width:290px; 
	padding:0px; 
	position:absolute; 
	height:228px; 
	-moz-box-shadow:inset 0 0 10px #000; 
	-webkit-box-shadow:inset 0 0 10px #000; 
	-khtml-box-shadow:inset 0 0 10px #000; 
	box-shadow:inset 0 0 10px #000
	}
.cn_content img{
	width:290px;
	height:228px;
	}
.cn_item{
	width:285px;
	cursor:pointer; 
	position:relative; 
	overflow:hidden; 
	height:47px; 
	color:#fff; 
	padding:5px 5px 5px 15px; 
	margin:0; 
background: #fcfff4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2RmZTVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2JlYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead));
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
background: linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}
.cn_item:hover, .selected{ 
	background:#DFE5D7;
	/*border-bottom:1px groove #B3BEAD;septiadi*/
}
.cn_item a{ color:#5F3F1D}
.cn_item:hover a, .cn_list .selected a, .cn_item:active a {border-color:#5600C7; color:#4F3518}
.cn_item:hover p, .cn_list .selected p, .cn_item:active p {border-color:#5600C7; color:#4F3518}
.cn_item:active {
		color:#FFF; 
		text-shadow:1px 1px 1px #ccdffc;
		}
.but_area{float:right; width:20%; margin:150px 15px 0 0;}
/* END CSS_Slider */