@charset "utf-8";
/* 
	OZONE - CSS Document
	25.01.10 - www.okezone.com 
*/

/*RESET*/
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th, input {margin: 0;padding: 0;border: 0;outline: 0;}
body{background: transparent;line-height: 1; background:#cecece; color:#333;font: normal 13px Arial, Helvetica, sans-serif;vertical-align: baseline; margin: 0 0 10px 0; padding:0}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0; font-size:85%; color:#006633}
a{ text-decoration:none; color:#304EA4/*#036 #000*/}
a:hover{ text-decoration:underline}
a:visited{ color:#036}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;}
h5,h6,.h5,.h6{margin:0}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{ margin:3px 0;}
h1, .h1 {font-size:197%}
h2, .h2{font-size:153.9%}
h3, .h3{font-size:116%}
h4, .h4{font-size:93%}
h5, .h5 {font-size:85%; line-height: 140%}
h6, .h6 {font-size:77%}
h6 a{color:#333}

/*PROPERTIES*/
.fl{float:left}
.fr{float:right}
.r1{-moz-border-radius:3px;-webkit-border-radius:3px}
.r2{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.r3{-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px}
.r4{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px}
.r5{-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px}
.p1{padding-top:10px}
.p2{padding-right:10px}
.p3{padding-bottom:10px}
.p4{padding-left:10px}
.p5{padding:10px}
.p6{padding:0 10px}
.p7{padding:20px 10px 0 10px}
.p10{padding:10px 0}
.b1{border: 1px solid #dce2ee;}
.label{padding: 0 0 5px 0; font-weight:bold;color:#000; font-size:100%}
.label div{padding: 0 0 5px 0}
.label a{color:#496CCA}
.label a:hover{color:#666}

.th{margin: 0 10px 0 0}
.thr{margin: 0 0 0 10px}
.button{display: block; padding: 3px 5px; font-size:77%; text-align:center; border: 1px solid #CCC; background:url(../images/tpl/bg/menu_klasik.png) repeat-x top; margin:0 0 0 2px}
.button a{color:#666; font-weight:bold}
.button a:hover{color:#000; text-decoration:none}

/*BACKGROUND*/
.bg1{background:#FFF url(../images/tpl/bg/grad1.png) repeat-x bottom}
.bg2{background:#f9f9f9 url(../images/tpl/bg/footer.png) repeat-x top}
.bg3{background:url(../images/tpl/bg/bgtools.png) repeat-x bottom}
.bg4{background:#FFF}
.bg5{background:#e6ecf4}
.bg6{background:#2d4ba0}
.bg6{background:#f5f8fc url(../images/tpl/bg/tools.png) repeat-x bottom}


/*LAYOUT*/
.wrap{width:980px; position:relative;margin: 10px auto}
.m1{width:980px; background:#FFF}
.m2{width:950px; padding:10px 10px; border: 5px solid #FFF}
.m3{width:960px}
.m4{width:980px}
.d940{width:940px}
.d638{width:638px}
.d300{width:300px}
.d305{width:305px}
.d278{width:278px}
.d370{width:370px}
.d228{width:228px}

#tf{padding: 10px 10px 0 10px; font-size:85%; color:#900; background:#FFF url(../images/tpl/bg/tf.png) repeat-x top}
#tf a{color:#900}

/*HEADER*/
#hd{width:960px}
#hd .logo{width:195px; padding:25px 0 0 0}

/*AD */
#ad01{width:728px}
#ad02{background:#304ea4 url(../images/tpl/bg/adtop.png) repeat-x top; width:960px; padding:10px;border-top: 1px solid #d4d4d4}
#ad02 div{width:468px}

/*MENU*/
#menu{width:960px;background:url(../images/tpl/bg/label_bg1.png) repeat-x bottom; border-top:2px solid #dce2ee; padding: 0 10px}
#menu li{display:inline}
#menu li a{display:block; float:left; padding: 5px 12px; font-weight:bold; font-size:85%;text-shadow: 0 1px 1px rgba(0,0,0,0.15); color:#0E2365; border-right: 1px solid #D4D4D4;border-left: 1px solid #EEE; font-weight:bold}
#menu li a:hover{color:#333}
#menu .active a{background:#3d5bb3 ;border-right: 1px solid #D4D4D4;border-left: 1px solid #D4D4D4; color:#EEE}

/*TOOLS*/
#tools{background:#304ea4 url(../images/tpl/bg/adtop.png) repeat-x top}

/*DATE*/
#date{padding:5px 10px 0 10px; color:#666; height:14px; width:240px}

/*SUB MENU*/
/*New Menu */
#smenu  ul {padding: 0px 0 5px 0; width:600px; float:left; font-size:85%;}
#smenu ul li {display: inline;}
#smenu ul li.active a ,#newMenu ul li:hover a {color:#FFF; font-weight:bold;}
#smenu ul li {padding:0 5px; float:left;}
#smenu ul li .box {background: url(http://a.okezone.com/index/images/tpl/bg/new_bg.gif) repeat-x; padding:5px 10px; float:left; border:1px solid #17448b;}
#smenu ul li a {color:#cbecff;}

/*SEARCH*/
#search{}
#search .input{height:16px; padding: 2px; width:216px}
#search .button{width:70px}

#in ul{padding: 0 10px 20px 10px; width:618px; float:left}
#in ul li{display:list-item}
#in li{width: 598px; float:left; padding:10px 0 0 10px; background: url(../images/tpl/bg/list.gif) no-repeat top left; margin: 0}
#in a:hover {text-decoration:underline}
#in h6 {color: #666}
#in h6 a{font-weight:normal}
#in li h5 {font-weight:bold; color:#383838}
#in h4{font-weight:bold}

#in ol{padding: 0 10px 20px 40px; width:578px; float:left; font-size:106%; font-weight:bold; color:#666}
#in ol li{list-style:decimal; background:url(../images/tpl/bg/dot.png) repeat-x bottom;width: 558px; float:left; padding:10px 0 20px 10px; margin: 0}

#in #index{width:618px}
#in #index{width:618px; padding:0; margin:0}
#in #index li{background: url(../images/tpl/bg/menu_klasik.png) repeat-x bottom; display:inline; width:150px; text-align:center; padding: 6px 0; border: 1px solid #909090}
#in #index li.active{background:url(../images/tpl/bg/menu_klasik1.png) repeat-x bottom}
#in #index li.active a{color:#FFF}
#in #index li a{color:#414141; font-weight:bold}

#in .hl li {background:url(../images/tpl/bg/dot.png) repeat-x bottom; padding: 6px 0 10px 0;}

.list li {list-style:none; padding: 5px 0 7px 0; background:url(../images/tpl/bg/dot.png) repeat-x bottom;margin:0;font-size:93%; color:#666}
.list li a{font-size:100%; font-weight:bold}
.ib {width:618px}

.time{width:586px; font-size:85%; padding: 5px 10px; color:#069}

/*FOOTER*/
#footer{color:#666; font-size:77%; padding:10px}
#footer a{color:#666; font-weight:normal}
#footer li{ display:inline}
#footer ul{margin: 0 0 5px 0}
#tip{padding:10px 10px 10px 10px;width:350px;border:1px solid #666;background:#f7f7f7;color:#666; font-size:100%;-moz-border-radius:5px;-webkit-border-radius:5px}
p#vtip { display: none; position: absolute; width:350px;padding: 10px; left: 5px; font-size: 1em; background-color: #f7f7f7; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }