/* OKEZONE REBORN PROJECT © 2008 okezone.com, All Rights Reserved Kanal SuratPembaca*/
/*CORE*/
html,body {margin: 10px 0; padding:0;font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center;background: #FFF;word-wrap: break-word;}
a{color: #3333AC; text-decoration: none;}
a:hover{color: #DD0216; text-decoration:underline;}
a:visited{color: #060662;}
ul,li,form{margin:0; padding:0;}
h2,h3,h4,h5,h6{margin: 2px 0; font-weight:normal;}
h1 {font-size: 182%; margin: 8px 0 6px 0;}
h2 {font-size: 123.1%;	line-height: normal;}
h3 {font-size: 108%;}
h4 {font-size: 100%;}
h5 {font-size: 93%;}
h6 {font-size: 85%;}
/*CLASS CORE*/
.floatleft,#okemenu ul li,#pscroller2,#search #q,#search #button,#footer #l-kanal, #m-kanal{float:left;}
.floatright{float:right}
.margin {margin: 0 auto; padding: 0; width: 979px; position: relative; text-align:left;}
.shadow, .shadow-footer{background-image: url(../image/template/bg_shadow.gif);}
.shadow, .shadow_submenu, .shadow-footer{ background-repeat: repeat-y; text-align: left; clear: both; padding: 0 6px; width: 967px;}
.shadow_submenu{ background-image: url(../image/template/bg_shadow_submenu.gif);}
.shadow-footer{margin-bottom: 20px;}
.button {background-color: #DDD;color: #000;border: 1px solid #666;font-weight: bold;font-size: 85%;	text-transform: uppercase;margin: 5px 10px 0 10px;padding: 3px;}
.body{width: 966px;}
/* HEADER */
#header{width: 967px;padding: 0 6px;}
#header .logo{margin: 40px 0 0 10px;}
#header .kanal{width: 120px; padding: 30px 0 0 10px;}
/*OKE MENU*/
#okemenu{width:967px;}
#okemenu ul li{list-style-type: none;margin: 5px 0 0 0;	display: block;	background: url("../image/template/navBarBg.gif") repeat-x 20px; text-align: center; line-height: 22px;}
#okemenu ul{margin: 0; padding: 0 6px;}
#okemenu a{color: #0098d0; text-decoration: none; display: block; padding: 0 8px;border: solid #b4c6da; border-width: 1px 0 0 1px;}
#okemenu li#active {background: url(../image/template/navBarBgActive.gif) repeat-x 20px;}
#okemenu li#active a:hover{ background: url(../image/template/navBarBgActive.gif) repeat-x 20px;}
#okemenu li#active span{color: #FFF;}
#okemenu li#active span:hover{color: #FFF;}
#okemenu a:hover { background: url(../image/template/navBarBgHover.gif) repeat-x 20px; }
#okemenu li#border{border-right: 1px solid #c8c8c8;}
/*KANAL MENU*/
#submenu {background: url(../image/template/bg_submenu.gif) repeat-x; color: #FFF; border-bottom: 1px solid #000; width: 967px; letter-spacing: 0.05em;}
#submenu .submenu_margin{width: 950px; padding: 8px 0;}
#submenu ul li,#submenu li,#footer #l-kanal li, #m-kanal li{display: inline;}
#submenu li a{color: #FFF;padding: 8px 20px;}
#submenu li .selected{color:#fced03; text-decoration:underline;}
#submenu,#okemenu{font: bold 93% "Trebuchet MS", sans-serif;}

/* TICKER AND SEARCH */
#ticker {font-weight: bold;color: #036;clear: both;width: 955px;padding: 5px 0 5px 10px;height: 29px;	background-color: #eff7f7;border-bottom: solid 1px #000; margin-left:1px;}
#search{width: 230px;height: 20px;padding: 2px 44px 2px 2px;margin: 2px 10px 0 10px;}
#search #q{background-color: #FFF;border: solid #666;border-width: 1px 0 0 1px;margin: 0;padding: 0;width: 170px;height: 18px;font-size: 108%;}
#search #button {background-color: #003;color: #F8F8F8;margin: 0;border: 1px solid #CCC;height: 19px;font-size: 100%;
font-weight: bold;padding: 0 3px 1px 3px;text-transform: uppercase;}
/* FOOTER */
#footer{padding: 10px 20px;color: #000;border: solid #0098d0;border-width: 5px 0 1px 0;}
#footer,#footer .marginfooter{width: 925px;}
#footer #l-kanal ul, #m-kanal ul{margin: 5px 0 0 0;font-size: 93%;}
#footer #l-kanal a, #m-kanal a{color: #0098d0;}
#footer #l-kanal a:hover, #m-kanal a:hover{text-decoration: none;}
#footer #l-kanal, #m-kanal{width: 800px;}
#footer #logo-kanal{width: 200px;text-align: center;line-height: 180%;color: #999; font-size:87%;}
#footer #logo-group{width: 720px;clear: both;padding-top: 25px;}
/* ----------- SEARCH  ----------------------*/
#menu ul,#menu ul li{margin:0; padding:0;background:none;}
#menu li#active {color: #000a6d;display: block; padding: 0 8px;background:none;}
#toggle_first li a,#toggle_second li a,#toggle_first li a:hover,#toggle_second li a:hover,#toggle_first{border:0;background:none;margin-top:4px;}