@charset "UTF-8";
/* ------------------------------------------------/
	OZONE - CSS Document
	http://www.okezone.com
	DENY TB 19092011
/------------------------------------------------ */


/* RESET ------------------------------------------------ */
html{color:#454545; 
background: -webkit-gradient(linear, left top, left bottom, from(#004584), to(#002b52)) no-repeat; /* Saf4+, Chrome */
background: -webkit-linear-gradient(top, #004584, #002b52) no-repeat; /* Chrome 10+, Saf5.1+, iOS 5+ */
background:    -moz-linear-gradient(top, #004584, #002b52) no-repeat; /* FF3.6 */
background:     -ms-linear-gradient(top, #004584, #002b52) no-repeat; /* IE10 */
background:      -o-linear-gradient(top, #004584, #002b52) no-repeat; /* Opera 11.10+ */
background:         linear-gradient(top, #004584, #002b52) no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#004584', EndColorStr='#002b52'); /* IE6–IE9 */
font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:normal}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}
li{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
a{color: #001b2f; text-decoration:none}
a:hover{color: #06C}

body{}

/* HEADING ------------------------------------------------ */
h1 a{font-size:174%;}
h2 a{font-size:131%; line-height:120%}
h3 a{font-size:116%}
h4 a{font-size:108%}
h5{font-size:93%; line-height:140%}
h6{font-size:85%; line-height:140%}
.g{font-family:Georgia, "Times New Roman", Times, serif}

/* LAYOUT ------------------------------------------------ */
#canvas{width:100%; float:left;background:url(../images/tpl/bg/bg_body.png);}
.map{width:100%; float:left;background:url(../images/tpl/bg/bg_map.png) no-repeat;}
.red{width:100%; height:13px; float:left;background:url(../images/tpl/bg/bg_red.png);}
.frame{width:962px; position:relative; margin: 0 auto;}
.warp{width:960px; float:left; background:#FFF;}
.d960{width:960px}
.d940{width:940px}
.d920{width:920px}
.d900{width:900px}
.d630{width:630px}
.d610{width:610px}
.d460{width:460px}
.d300{width:300px}
.d290{width:290px}
.d250{width:250px}
.d214{width:214px}

.h1{height:340px}
.h2{height:270px}
.h3{height:170px}

.l{float:left}
.r{float:right}

.p1{padding-top:10px}
.p2{padding-right:10px}
.p3{padding-bottom:10px}
.p4{padding-left:10px}
.p5{padding:10px}
.p6{padding-top:5px}
.p7{padding-right:5px}
.p8{padding-bottom:5px}
.p9{padding-left:5px}
.p10{padding:5px}
.p11{padding-bottom:20px}
.p12{padding:20px;}
.p14{padding-bottom:20px;}
.p15{padding:20px 0;}
.p16{padding-top:20px;}
.p17{padding:10px 0 15px;}
.p18{padding:15px 0;}
.p19{padding:10px 0 25px;}
.p20{padding:20px 20px 0 20px;}

.pr{position:relative;}
.tc{text-align:center;}

/* BUTTON ------------------------------------------------ */
a.button{background:url(../images/tpl/button/bg_button2.png) repeat-x; padding:4px 15px; color:#fff;font-size:85%;}

/* ROUND ------------------------------------------------ */
.r1 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.r2 {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

/* SHADOW ------------------------------------------------ */
.sh1{-webkit-box-shadow: 0px 4px 7px #000;-moz-box-shadow: 0px 4px 7px #000;box-shadow: 0px 4px 7px #000;}

/* BORDER ------------------------------------------------ */
.b1{border-right:1px solid #dadada;}
.b2{border-bottom:1px solid #dadada;}
.b3{border-bottom:2px solid #dadada;}
.b4{border-bottom:5px solid #dadada;}
.b5{border-right:1px solid #d8d8d8;}
.b6{border-top:1px solid #dcdcdc;}
.b7{background:url(../images/tpl/icon/dot.jpg) no-repeat right center;} 


/* DATE, UPPERCASE, FONT ------------------------------------------------ */
.d{font-size:77%; color:#fff; line-height:150%; display:block; padding: 0 0 3px 0; font-family:Arial, Helvetica, sans-serif;}
.c{text-transform:uppercase}
.t{font-family:Georgia, "Times New Roman", Times, serif; line-height:120%; font-weight:bold; margin: 0.06em 0 0.19em 0;}

/* TOP ADSENSE ------------------------------------------------ */
.topAds{width:960px; float:left; background:#001c36; text-align:center;}

/* HEADER ------------------------------------------------ */
.header{width:960px; float:left; background:#fbfbfb url(../images/tpl/line/line_shadow.png) top repeat-x; padding:25px 0 0 0; text-align:center;}
.header h6{color:#9f9f9f; padding-top:7px;}
.header .part{width:930px; float:left; padding:3px 15px 2px 15px; text-align:left; border-top:1px solid #dadada; border-bottom:3px solid #dadada;}
.header li{float:left; padding:0 15px; height:32px; text-align:center;}
.header li.st{padding: 0 15px 0 0px;}


/* WEATHER ------------------------------------------------ */
.weather{width:250px; float:left; text-align:right; padding-top:20px;}
.weather h4{font-size:146.5%; color:#4f86bc;}
.weather h5{color:#4f86bc; line-height:100%;}
.weather h6{padding-top:0px;}
.weather .lf{width:90px; float:left; padding-top:10px;}
.weather .rg{width:90px; float:left; border-left:1px solid #dadada; padding:10px 0 10px 10px;}

/* WORD ------------------------------------------------ */
.word{width:150px; padding:0 0px 0 80px; margin-right:20px; float:left; text-align:left; background:url(../images/tpl/bg/quotes.png) no-repeat right;}

/* SEARCH ------------------------------------------------ */
.search{width:230px; float:right; padding-top:4px;}
.search .in{float:left; background:url(../images/tpl/bg/bg_input.png) no-repeat top left; border:none;padding-left:5px; width:160px; height:21px; font-style:italic; color:#c3c3c3; font-family:Georgia, "Times New Roman", Times, serif;}

.search2{float:left; width:900px; padding:15px 0 25px 0;}
.search2 .in{float:left; background:url(../images/tpl/bg/bg_input2.png) no-repeat top left; border:none;padding-left:5px; width:160px; height:21px; font-style:italic; color:#c3c3c3; font-family:Georgia, "Times New Roman", Times, serif;}

/* MENU ------------------------------------------------ */
.menu{width:960px; height:41px; float:left; background:url(../images/tpl/bg/bg_menu.png) no-repeat;}
.menu a{color:#fff; letter-spacing:1px; font-size:108%; padding-bottom:14px; text-shadow:0 1px 0 #ccc, 0 1px 0 #7a7a7a,0 1px 0 #777777,0 1px 0 #7a7a7a,0 1px 0 #777777,0 1px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 5px rgba(0,0,0,.25),0 5px 5px rgba(0,0,0,.2),0 10px 5px rgba(0,0,0,.15); }
.menu a:hover, .menu li.act a{color:#6dcff6; background:url(../images/tpl/icon/arrow.png) center bottom no-repeat;}
.menu li{float:left; padding:12px 13px 0 13px;}
 .cetak{display:block; width:108px;height:42px;padding:2px; position:absolute; top: 309px; right:50px;}

/* SUBMENU ------------------------------------------------ */
.submenu{width:960px; float:left;background:#810a10;}
.submenu a{color:#fff; font-size:93%;}
.submenu a:hover, .submenu li.act a{color:#d14b52;}
.submenu li{float:left; padding:12px 25px 10px 25px;}


/* HOT TOPICS ------------------------------------------------ */
.hot{width:960px; float:left; background:url(../images/tpl/bg/bg_hot.png) repeat-x; padding-top:2px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;}
.hot a{color:#fff;}
.hot h4{padding:11px 0 10px 28px; font-size:116%; width:100px; font-weight:normal; color:#fff;float:left;}
.hot .tick{width:660px; float:left; padding:11px 0 12px 31px; background:#ce1722 url(../images/tpl/icon/arrow2.png) no-repeat left; margin-top:1px; font-family:Georgia, "Times New Roman", Times, serif;  border-right:1px solid #950000;}
.hot .share{width:130px; float:left; background:green; border-left:1px solid #ef1020; background:#ce1722; margin-top:1px;padding:8px 0 6px 9px;}

.hot2{width:960px; float:left; background:#a70d17; padding-top:2px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;}
.hot2 a{color:#fff;}
.hot2 h4{padding:11px 0 10px 28px; font-size:116%; width:100px; font-weight:normal; color:#fff;float:left;}
.hot2 .tick{width:660px; float:left; padding:11px 0 12px 31px; background:#ce1722 url(../images/tpl/icon/arrow4.png) no-repeat left; margin-top:1px; font-family:Georgia, "Times New Roman", Times, serif;  border-right:1px solid #950000;}
.hot2 .share{width:130px; float:left; background:green; border-left:1px solid #ef1020; background:#ce1722; margin-top:1px;padding:8px 0 6px 9px;}

/* HEADLINE ------------------------------------------------ */
.hl{width:900px; float:left; padding:30px; background:#e1e1e1; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;}
.hl h1{padding-bottom:5px; line-height:200%;}
.hl h2{font-size:153.9%;}
.hl h6{background:url(../images/tpl/icon/m.png) no-repeat left center; font-size:93%; padding-left:20px;}
.hl p{line-height:150%; padding-top:5px; color:#ccc;}
.hl a{color:#fff;}
.hl .title{width:265px; float:left; padding: 12px 0 12px 25px; background:#00376b;}
.hl .content{width:255px; height:256px; float:left; padding: 10px 10px 10px 25px; background:#002447;}
.hl .m{width:255px; float:left; padding:4px 10px 5px 25px; background:#ce1723;}

/* SUB HEADLINE ------------------------------------------------ */
.shl{width:940px; float:left; background:#f2f2f2; padding:14px 10px; font-family:Georgia, "Times New Roman", Times, serif;}
.shl img{float:left; border-left:10px solid #cd1c27; padding-right:10px;}
.shl h4 a{color:#41607e;}
.shl h5 a{color:#9e0b0f;}
.shl li{width:285px; float:left; padding:0 15px 0 10px;}

.shl2{width:920px; float:left; background:#f2f2f2; padding:20px; font-family:Georgia, "Times New Roman", Times, serif;}
.shl2 h4 a{color:#fff; font-size:123.1%;}
.shl2 h5 a{color:#6dcff6;}

.shl2 a:hover{text-decoration:underline;}
.shl2 .title{width:920px; float:left; padding-bottom:13px; text-align:center; background:url(../images/tpl/line/line.png) repeat-x bottom;}
.shl2 h1{font-size:197%; color:#565656; letter-spacing:10px;}
.shl2 ul{width:920px; float:left; padding-top:20px; }
.shl2 li{width:300px; float:left; padding-right:10px;}
.shl2 li.last{padding:0;}
.shl2 li .inf{width:280px; float:left; padding:10px; background:#002447; border-bottom:4px solid #ce1723;}
.mn{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:100%;}
.shl2 h6{font-family:Arial, Helvetica, sans-serif;}

/* LISTING TITLE, NEWS ------------------------------------------------ */
.l1{width:280px; float:left; background:#003668; padding:4px 10px;}
.l1 a{color:#fff;}
.l2{display:block; float:left;}
.l2 h4{padding:5px 0 10px 0;}
.l2 h4 a{color:#9e0b0f; font-size:123.1%;}
.l2 h6{font-size:85%; display:block; padding-right:10px;}
.l2 img{float:left; padding-right:10px;}
.l3 a{color:#002b54;}
.l4{width:280px; float:left; background:#bfbfbf; padding:4px 10px; border-top:2px solid #d22833;}
.l4 a{color:#fff;}
.l5{display:block; float:left;}
.l5 h4{padding:8px 0 0px 0; display:block;}
.l5 h4 a{color:#9e0b0f; font-size:131%;}
.l5 h6{font-size:85%; display:block; padding-right:10px; display:block;}
.l5 h6.date{color:#002157; padding-bottom:10px; display:block;}
.l5 img{float:left; padding-right:10px;}

.l6{line-height:110%; color: #000; font-weight:bold; margin: 5px 0 5px 0; display:block}
.l6 a{color: #053e92}
.l6 a:hover{text-decoration:underline}
.l6{font-size:85%}

.l7{width:610px; float:left; border-bottom:5px solid #d01624; padding-bottom:10px;}
.l7 a{font-size:131%;color:#094583;}

.list1 {font-family:Georgia, "Times New Roman", Times, serif; padding:5px 0 0 0; clear:both}
.list1 li{margin: 0 0 0 1em}
.list1 li{font-size:93%; padding:2px 0; border:none; list-style-image:url(../images/tpl/list/red1.png); font-weight:normal}


ul.rel{padding:10px 5px 0 5px; width:300px; float:left;}
ul.rel a{color:#0054a6;}
ul.rel li{font-size:85%; padding:5px 0 0 10px; border:none; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/tpl/icon/list.png) no-repeat 0 10px; font-weight:normal; width:285px; float:left; display:block}

ul.list{padding:5px 5px 0 5px; width:290px; float:left;}
ul.list a{color:#0054a6;}
ul.list li{font-size:116%; padding:5px 0 5px 10px; border:none; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/tpl/icon/list.png) no-repeat 0 10px; font-weight:normal; width:285px; float:left; display:block}

ol.nlist{padding:5px 5px 0 5px; width:290px; float:left; color:#0054a6;}
ol.nlist a{color:#0054a6;}
ol.nlist li{font-size:116%; padding:5px 0 5px 10px; margin-left:20px; border:none; font-family:Georgia, "Times New Roman", Times, serif; list-style:decimal; font-weight:normal; width:260px; float:left;}

ul.vrel{padding:10px 0; float:left;}
ul.vrel h5{font-size:108%; background:url(../images/tpl/icon/arrow3.png) right center no-repeat; width:265px; padding-right:25px;}
ul.vrel h5:hover{background:url(../images/tpl/icon/arrow3a.png) right center no-repeat;}
ul.vrel img{float:left; padding-right:10px;}
ul.vrel li{width:290px; float:left; padding:10px 10px 10px 0; border-bottom:1px solid #dcdcdc; }
ul.vrel li.last{border:none;}

ul.vfoto li{width:69px; float:left; padding:0 8px 0 0;}
ul.vfoto li.last{padding:0;}

/* TABLE ------------------------------------------------ */
.grap {border-collapse: collapse;font-family: Arial, Helvetica, sans-serif;text-align: left;width: 300px;}
.grap th {color: #fff;font-size: 13px;font-weight: bold;padding: 6px 8px;background:#275c90;}
.grap td {color: #000;padding: 3px 5px;font-size:11px;}
.grap tbody tr{background:#b6d0e9;border-bottom:1px solid #fff;}

.rate {border-collapse: collapse;font-family: Arial, Helvetica, sans-serif;text-align: left;width: 300px; border:1px solid #c2c2c2; margin-top:10px;}
.rate th {color: #000;font-size: 11px;padding: 4px 4px;}
.rate td {color: #000;padding: 3px 4px;font-size:11px;}
.rate tr.sum td{font-size:12px; font-weight:bold;}

/* CONTENT SINDO ------------------------------------------------ */
.sindo{width:920px; float:left; padding:20px; background:#fff url(../images/tpl/bg/bg_shadow.png) no-repeat top;}

/* TAJUK SINDO ------------------------------------------------ */
.tajuk{background:url(../images/tpl/channel/tajuk.png) no-repeat bottom; padding-bottom:30px;}

/* KURS DAN SAHAM ------------------------------------------------ */
#kurs{color: #003366;font-size: 77%;}#kurs h6.date{color:#666;}	

/* TWITTER ------------------------------------------------ */
.twitter{width:920px; float:left; padding:0 20px 30px 20px;}
.twitter .box{width:920px; float:left;border:1px solid #dadada; background:url(../images/tpl/bg/bg_gray.png) repeat-x;}

/* SUPLEMEN ------------------------------------------------ */
.suplemen{width:920px; float:left; padding:30px 20px 0px 20px; background:#e1e1e1 url(../images/tpl/bg/bg_suplemen.png) repeat-x top; border-top:5px solid #f2f2f2;}

/* SITEMAP ------------------------------------------------ */
.sitemap{width:783px; float:left; border-top:1px solid #1a3042; padding:12px 0 0px 0;}
.sitemap .st{width:215px; float:left; border-right:1px solid #1a3042; padding-top:10px;}
.sitemap .nd, .sitemap .rd{width:150px; float:left; border-right:1px solid #1a3042; padding:10px 0 0 25px;}
.sitemap .th{width:150px; float:left; padding:10px 0 0 25px;}
.sitemap a{color:#fff;}
.sitemap a.ti{color:#6dcff6;}
.sitemap a.fb{background:url(../images/tpl/icon/small_fb.png) left center no-repeat; padding-left:25px;}
.sitemap a.twit{background:url(../images/tpl/icon/small_twit.png) left center no-repeat; padding-left:25px;}
.sitemap a:hover{text-decoration:underline;}
.sitemap ul{float:left; padding-right:45px;}
.sitemap li{padding-bottom:5px;}

/* FOOTER ------------------------------------------------ */
.footer{width:100%; float:left; position:relative;background:#00182d;}
.footframe{width:962px; position:relative; margin: 0 auto;}
.footwrap{width:920px; height:310px; float:left; background:#00182d url(../images/tpl/bg/footer.png) no-repeat right top; padding:30px 20px 0 20px;}
.footer h5{color:#fff; padding:12px 0 0 10px;}

.menu a{
    color: #FFFFFF;
    font-size: 108%;
    letter-spacing: 1px;
    padding-bottom: 14px;
    text-shadow: 2px 2px 5px #000000;
}


/* GATEWAY EURO ------------------------------------------------ */
.gw{width:940px; float:left; padding:10px; background:#f2f2f2;}
.gw .euro{width:930px; float:left; padding:10px 0 10px 10px; background:url(../images/tpl/bg/euro.jpg);}
.gw .euro a:hover{color:#9E0B0F;}
.euro .box{width:280px; float:left; margin:0 10px 0 0; padding:10px; background:#fff;}
.euro .box h4{color:#410a32; padding-bottom:5px; border-bottom:1px solid #410a32; text-align:center; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
.euro .box h4 span{color:#00300f;}

.euro .st li{width:280px; float:left; padding:2px 0 2px; border-bottom:1px dotted #58a53c; font-family:Arial, Helvetica, sans-serif;}
.euro .st li h5 a{color:#004b8f; font-weight:bold; font-family:Verdana}
.euro .st li h6{color:#959595; font-size:9px;}
.euro .st .br{float:left; padding:5px 10px 5px 0;}

.euro .nd{min-height:139px;}
.euro .nd li{width:280px; float:left; padding:5px 0; border-bottom:1px dotted #58a53c; font-family:Arial, Helvetica, sans-serif;}
.euro .nd li h5 a{color:#004b8f; font-weight:bold; font-family:Verdana}
.euro .nd li h6{color:#959595; font-size:9px;}

.euro .rd{min-height:139px;}
.euro .rd li{width:280px; float:left; padding:10px 0; border-bottom:1px dotted #58a53c; font-family:Arial, Helvetica, sans-serif;}
.euro .rd li .date{color:#410a32; text-align:center; font-size:12px;}
.euro .rd li h6{text-align:center; font-size:10px; padding-bottom:3px;}
.euro .rd li .team{width:115px; float:left; font-weight:bold; color:#410a32; font-size:12px; text-align:center;}
.euro .rd li img{border:1px solid #959595;}
.euro .rd li .score{width:30px; padding:0 10px; float:left; font-weight:bold;}
.euro .rd li.nb{border:none; padding:10px 0 0 0;}