/* 
OKEZONE REBORN PROJECT
© 2008 okezone.com, All Rights Reserved
Kanal Techno
*/


body {
	font: 12px arial,helvetica,clean,sans-serif;
	text-align: center;
	
	background: #FFF;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 150%;
    	height: 100%; overflow-y:auto;
}

#topboard {top:0px; left: 0px; right:0px; width: 100%; height:40px; position:fixed; text-align:center; background-color:#ffffff;z-index:1; }

* html #topboard {position:absolute;}

#bottomboard {bottom:0px; left: 0px; right:0px; width: 100%; height:40px; position:fixed; text-align:center; background-color:#ffffff;z-index:1; }

* html #bottomboard {position:absolute;}

a{
	color: #0066CC;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	color: #CC0000;
}

ul{
	margin: 0px;
	padding: 0px 0px;
}
li{
	margin: 0px;
	padding: 0px 0px;
	list-style-type: none;
}
h1{
	font-size: 123.1%;
	font-weight: bold;
	margin: 5px 0px 3px 0px;
	line-height: 130%;
	color: #009966;
}
h1 a{
	color: #FF3300;
	text-decoration: none;
	font-weight: bold;
}
h1 a:hover{
	color: #FF6600;
	text-decoration: underline;
}
h2{
	font-size: 153.9%;
	margin: 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: 0.1em;
}
h2 a{
	text-decoration: none;
	color: #FFFF00;
}
h2 a:hover{
	color: #FFFF33;
	text-decoration: underline;
}
h3{
	font-size: 108%;
	font-weight: normal;
	margin: 4px 0px;
}
h3 a{
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
h3 a:hover{
	color: #0066CC;
	text-decoration: underline;
}
h4{
	font-size: 93%;
	color: #333399;
	margin: 3px 0px;
	font-weight: normal;
}
h5{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 146.5%;
	font-weight: normal;
	color: #666666;
	margin: 0px;
}
/* ------------- FORM ----------------- */
form{
	margin: 0px;
}
.button {
	background-color: #F4F4F4;
	color: #003366;
	float: left;
	border: 1px solid #BBD3DF;
	font-size: 100%;
	font-weight: bold;
	font-size: 85%;
	text-transform: uppercase;
	margin: 10px 10px 0px 0px;
	padding: 3px;
}
/* ------------- END FORM ----------------- */

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.margin {
	margin: 0px auto;
	padding: 0px;
	width: 979px;
	/*position: relative;*/
}
.main-border{
	width: 966px;
	border-left: 1px solid #CCC;
}

.body{
	width: 946px;
	padding: 10px;
}
.date{
	padding-top: 7px;
}
/*------------ HEADER ----------------*/
#header{
	width: 967px;
	padding: 0px 6px;

}
#header .logo{
	margin: 40px 0px 0px 10px;
}
#header .kanal{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 146.5%;
	font-weight: bold;
	color: #009999;
	width: 120px;
	text-align: left;
	padding: 35px 0px 0px 5px;
}

#header .topbanner{
	text-align: left;
}
/* ----------- END HEADER -------------*/


/* ----------- SHADOW -----------------*/
.shadow, .shadow-footer{
	background-image: url(../image/template/bg_shadow.gif);
	padding: 0px 6px;
	width: 967px;
}
.shadow, .shadow_submenu, .shadow-footer{
	background-repeat: repeat-y;
	text-align: left;
	clear: both;
}
.shadow_submenu{
	background-image: url(../image/template/bg_shadow_submenu.gif);	
	padding: 0px 6px 0px 6px;
	width: 967px;
}
.shadow-footer{
	margin-bottom: 20px;
}
/* ----------- END SHADOW --------------*/
/*- MAIN MENU -*/
#navcontainer{
	width: 980px;
}
#navcontainer ul li
{
	list-style-type: none;
	padding: 0;
	margin: 5px 0 0 0;
	display: block;
	float: left;
	background: url("../image/template/navBarBg.gif") repeat-x 20px;
	text-align: center;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
}
#navcontainer ul{
	margin: 0px;
	padding: 0px 6px;
}
#navcontainer a
{
	color: #0099CC;
	text-decoration: none;
	display: block;
	padding: 0px 8px;
	border-top: 1px solid #c3ddeb;
	border-bottom: 0px solid #c3ddeb;
	border-left: 1px solid #c3ddeb;
}
#navcontainer li#active {
	background-image: url(../image/template/navBarBgActive.gif);
	background-repeat: repeat-x;
	background-position: 20px;
}
#navcontainer li#active a:hover{ 
	background: url("../image/template/navBarBgActive.gif") repeat-x 20px;
}
#navcontainer li#active span,#navcontainer li#active a{
	color: #FFFFFF;
}
#navcontainer li#active span:hover{
	color: #FFFFFF;
}
#navcontainer a:hover { background: url("../image/template/navBarBgHover.gif") repeat-x 20px; }
#navcontainer li#border{
	border-right: 1px solid #c3ddeb;
}
#submenu {
	background-image: url(../image/template/bg_submenu.gif);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 93%;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	width: 967px;
	letter-spacing: 0.05em;
	margin: 0px 0px 0px 0px;
}
#submenu .submenu_margin{
	width: 950px;
	padding: 8px 5px;
	text-align: left;
	margin: 0px;
}

#submenu ul{
	margin: 0px;
	padding: 0px;
}
#submenu ul li{
	display: inline;
}
#submenu li{
	margin: 0px 8px;
	display: inline;
}
#submenu li a{
	color: #FFFFFF;
	text-decoration: none;
}
#submenu li a:hover{
	text-decoration: underline;
}
#submenu li .selected{
	padding: 8px 12px;
	background-image: url(../image/template/bg_submenu.gif);
	background-repeat: repeat-x;
	text-decoration: underline;
	background-position: bottom;
	color: #FFFF00;
}


/* ----------- FOOTER  ----------------------*/
#footer{
	padding: 10px 20px;
	width: 925px;
	color: #000;
	border-top: 5px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background-color: #FFFFFF;
}
#footer .marginfooter{
	border: 0px solid #CCC;
	width: 925px;
}
#footer #l-kanal ul, #m-kanal ul{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 93%;
}
#footer #l-kanal li, #m-kanal li{
	margin: 0px;
	padding: 0px;
	display: inline;
}
#footer #l-kanal a, #m-kanal a{
	color: #3366CC;
	text-decoration: none;
}
#footer #l-kanal a:hover, #m-kanal a:hover{
	text-decoration: none;
}

#footer #l-kanal, #m-kanal{
	float: left;
	width: 800px;
}
#footer #logo-kanal{
	width: 200px;
	font-size: 85%;
	font-variant: normal;
	text-align: center;
	padding-top: 0px;
	line-height: 180%;
	color: #999999;
}

#footer #logo-group{
	width: 720px;
	clear: both;
	padding-top: 25px;
}
/* ----------- END FOOTER  ----------------------*/

/* ----------- SEARCH  ----------------------*/
#search{
	width: 230px;
	height: 20px;
	padding: 2px;
	margin: 2px 10px 0px 10px;
}
#search form{
	margin: 0px;
}
#search #textfield{
	background-color: #FFF;
	border-top: 1px solid #666;
	border-right: 0px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 16px;
	font-size: 108%;
}
#search #button {
	background-color: #003;
	color: #F8F8F8;
	margin: 0px;
	float: left;
	border: 1px solid #CCC;
	height: 19px;
	font-size: 100%;
	font-weight: bold;
	padding: 0px 3px 1px 3px;
	text-transform: uppercase;
}
/* ----------- SEARCH  ----------------------*/
/* WORLD INDEX TICKER */
#ticker {
	font-size: 93%;
	font-weight: bold;
	color: #003366;
	clear: both;
	width: 955px;
	padding: 1px 0px 0px 10px;
	height: 29px;
	background-color: #F7F7F7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}



#okemenu ul{margin: 0 0 0 4px; padding: 0 0 0 6px;}
#menu ul,#menu ul li{margin: 3px 0 0 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: solid 0 #EEE;background:none;}

.b_left{width:250px; padding: 0 0 10px 0; float:left}
.b_right{width:336px; float:left; text-align:center; padding: 10px 0 20px 0;}