@charset "UTF-8";
/* ------------------------------------------------/
	OZONE - CSS Document
	http://www.okezone.com
	`gnr11012011
	adding new style : [`DTb']01112011
/------------------------------------------------ */


/* RESET ------------------------------------------------ */
html{color:#454545;background:#65026e url(../images/tpl/euro2012/bg_body.gif) fixed top left no-repeat; font-family:"helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-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{border-collapse:collapse;border-spacing:0;}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,th{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: #290022; text-decoration:none}
a:hover{color: #95024d}

/* HEADING ------------------------------------------------ */
h1 a{font-size:153.9%; line-height:120%}
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 ------------------------------------------------ */
.frame{width:962px; position:relative; margin: 0 auto}
.warp{width:960px; float:left; background:#FFF; border:solid #af025d; border-width: 0 1px 1px 1px}
.d960{width:960px}
.d940{width:940px}
.d630{width:630px}
.d628{width:628px}
.d620{width:620px}
.d618{width:618px}
.d608{width:608px}
.d598{width:598px}
.d500{width:500px}
.d440{width:440px}
.d390{width:390px}
.d320{width:320px}
.d300{width:300px}
.d217{width:217px}
.d213{width:213px}
.d214{width:214px}
.d212{width:212px}
.d200{width:200px}
.d195{width:195px}
.d196{width:196px}
.d178{width:178px}
.d189{width:189px}
.d167{width:167px}
.d120{width:120px}
.d100{width:100px}

.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:3px}
.p12{padding-left:3px}
.p13{padding-top:3px}
.p14{padding-left:45px}


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

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

/* BUTTON ARSIP ------------------------------------------------ */
.ars {padding:2px 4px; background:#95024d;text-align:center; color:#FFF;}
.ars h6 a {color:#FFF; font-style:italic;}
.ars h6 a:hover {color:#F4E3F4;}

/* BORDER ------------------------------------------------ */
.b1{border: 1px solid #e4e4e4}
.b2{border-top: 1px solid #e4e4e4}
.b3{border-right: 1px solid #e4e4e4}
.b4{border-bottom: 1px solid #e4e4e4}
.b5{border-left: 1px solid #e4e4e4}


/* LABELING ------------------------------------------------ */
.l1, .l2{font-family:Georgia, "Times New Roman", Times, serif;line-height:110%; color: #000; font-weight:bold; margin: 5px 0 5px 0; display:block}
.l1 a, .l2 a, .l3 a{color: #95024d}
.l1 a:hover, .l2 a:hover, .l3 a:hover{text-decoration:underline}
.l2{font-size:85%}
.l3{font-size:174%; display:block; width:618px; float:left;line-height:normal; color:#333; font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif}
.l3 a{font-size:100%;color:#333;}
.l4{font-weight:bold; display:block; margin: 0 0 3px 0; font-size:85%}
.lc{color:#CC3300;}

.br1{float:right; margin: 0.375em 0 0.375em 0.625em}
.br2{float:left; margin: 0.375em 0.625em 0.375em 0}


/* BACKGROUND ------------------------------------------------ */
.bg1{background:url(../images/tpl/line/double1.png) repeat-x top}
.bg2{background:url(../images/tpl/line/single.png) repeat-y 400px}
.bg3{background:black;}

.t, .st{font-family:Georgia, "Times New Roman", Times, serif; line-height:120%; font-weight:bold; margin: 0.06em 0 0.19em 0; color: #333}
.tn{font-family:Georgia, "Times New Roman", Times, serif; line-height:110%; color: #000}
.tb {font-weight:bold;}
.tn span {color:#4e4e4e; font-weight:none;}
.tn a {font-style:italic; font-weight:none; font-size:100%;}

.g{font-family:Georgia, "Times New Roman", Times, serif; line-height:150%}

/* BREAKING NEWS ------------------------------------------------ */
.bNews{width:448px; height:39px; padding-left:180px; float:left;  background:#ffea01 url(../images/tpl/breaking/bg_breaking.png) left no-repeat;}
.bNews h2 {font-family:Arial, Helvetica, sans-serif; font-size:110%; font-weight:bold; padding-top:8px;}


/* CRITICAL ------------------------------------------------ */
#cri{width:602px; float:left; background:#000; padding:7px 8px; color:#FFF;}
#cri h1 {font-size:161.6%;}
#cri h6 {color:#cdcdcd}
#cri a {color:#fff;}
#cri a:hover { color:red;}
#cri .top{width:606px; position:relative;}
#cri .top .title {position:absolute; bottom:10px; padding:5px 10px; background:#000;}
#cri .top .sub {position:absolute; bottom:60px; background:#D90005; padding:5px 10px;}
#cri .top .sub h3 {font-size:131%; color:white; font-weight:bold;}

/* LISTING ------------------------------------------------ */
.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}

.list2 {font-family:Georgia, "Times New Roman", Times, serif; padding:5px 0 0 0}
.list2 li{margin: 0 0 0 1em; border-bottom:1px dashed #cecece;}
.list2 li{font-size:100%; padding:5px 0; list-style-image:url(../images/tpl/list/red1.png)}
.list2 li h6{color:#C60; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.list2 li.last{border:none;}
.list2 li a{font-size:116%;}

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

/* DATE, UPPERCASE ------------------------------------------------ */
.d{font-size:77%; color:#999; line-height:150%; display:block; padding: 0 0 3px 0; font-family:Arial, Helvetica, sans-serif;}
.c{text-transform:uppercase}
.c a{color:#95024d}
.time{color: #FC5300}


.ad728{width:728px}

/* DATE & SEARCH ------------------------------------------------ */
#date{color:#999; font-size:85%; padding: 0 10px; text-align:right}
#search{width:176px; padding:1px; border:1px solid #cecece; float:right; background:url(../images/tpl/search/bg1.png) repeat-x top; height:15px}
#search form{width:178px}
#search .bt{width:46px; height:15px}
#search .in{width:130px; height:15px; float:left; border:none; background:none; font-size:85%; color:#0c70c4}

#logo{width:190px; padding:20px 0 0 0}


/* MAIN MENU ------------------------------------------------ */
#m ul{width:955px; background: #081040 url(../images/tpl/euro2012/menu/red1.png) repeat-x top; height:39px; border-bottom:3px solid #e4e4e4; padding: 0 0 0 5px; font-size:93%}
#m ul li{display:inline; float:left}
#m ul li a{border-right:1px solid #7f307d; border-left:1px solid #30002d; display:block; padding:12px 12px 8px 12px; color:#FFF; text-decoration:none; height:19px; float:left; font-weight:bold}
#m ul li.home a{padding:12px 8px 8px 8px}
#m ul li a:hover, #m ul li.home{background:#1b2669 url(../images/tpl/euro2012/menu/red2.png) repeat-x top ;border-left:1px solid #7f307d}
#m ul li.active a{background:url(../images/tpl/menu/grey1.png) repeat-x top; color:#000}

/* SUB MAIN MENU ------------------------------------------------ */
#ms ul{width:955px; font-family:Georgia, "Times New Roman", Times, serif; height:40px; padding: 0 0 0 5px; font-size:93%; background:#e4e4e4; border-bottom:1px solid #CCC}
#ms ul li{display:inline; float:left; padding:12px 7px 8px 7px;}
#ms ul li a{ border-right:1px solid #acaeac; display:block;  color:#95024d; text-decoration:none; height:19px; float:left; font-weight:bold; padding-right:22px;}
#ms ul li a:hover, #ms ul li.active a{color:#000}

/* SUB MENU ------------------------------------------------ */
#sm{font-size:85%}
#sm ul{margin:0; padding:0 0 0 4px; list-style-type:none}
#sm ul li{display:inline;float:left; margin: 0 0.19em}
#sm ul li a {-moz-border-radius:4px;-webkit-border-radius:   4px;background:white url('../images/tpl/menu/grey1.png') 0 -5px repeat-x; background:-moz-linear-gradient(0% 170% 90deg, #c4c4c4, white);background:-webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));border:1px solid;border-color:#e6e6e6 #cccccc #cccccc #e6e6e6;border-radius:4px;color:#404040;display:inline-block;font-family:"helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;font-size:10px; font-weight:bold;outline:0;padding:2px 5px 4px;text-align:center;text-decoration:none;white-space:nowrap; }
#sm ul li.new a {background:#F93; /* Image fallback */background:-moz-linear-gradient(0% 170% 90deg, #da4800, #ffbc80);background:-webkit-gradient(linear, 0% 0%, 0% 170%, from(#ffbc80), to(#da4800));border-color:#99ccff;color:#FFF;border-color:            #e69c59 #e69c59 #e69c59 #e69c59;}
#sm ul li a:hover {background: #900;border-color:#c70000;color:#FFF; }
#sm ul li a:active {position:relative;top:1px; }
#sm ul li a:active, #sm ul li a:focus {background-position:0 -25px;background:-moz-linear-gradient(0% 170% 90deg, white, #dedede);background:-webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));border-color:#8fc7ff #94c9ff #94c9ff #8fc7ff;color:#1a1a1a;text-shadow:1px -1px 0 rgba(255, 255, 255, 0.5); }

/* TOPIC ------------------------------------------------ */
#topic{font-family:Georgia, "Times New Roman", Times, serif; color:#CCC; font-size:93%}
#topic strong{ color: #000; font-weight:bold}
#topic a{text-decoration:underline; font-weight: bold; font-size:106%; color:#001b2f}
#topic a:hover{color: #001b2f}

/* SLIDING BAR ------------------------------------------------ */
#introNav{height:52px;position:relative; width:628px; border-top:1px solid #f9f9f9; border-bottom:1px solid #e4e4e4;background:url(../images/tpl/line/single.png) repeat-y 530px}
#introNav #playback{width:80px; float:right; padding:13px 0 0 0}
#introNav #playback li{list-style:none;margin:0;display:inline;padding:0;background:none;}
#introNav #playback .pause{display:none;}
#introNav #playback a{display:block;width:20px;height:20px;float:left;margin:0 0.19em 0 0;text-indent:-9000px;outline:0;background-image:url(../images/tpl/bar/nav-icons.png);background-repeat:no-repeat;}
#introNav #playback .prev a{background-position:0 0;}
#introNav #playback .play a{background-position:0 -20px;}
#introNav #playback .pause a{background-position:0 -60px;}
#introNav #playback .next a{background-position:0 -40px;}
#introNav #playback a:hover{opacity:0.9;}
#introNav ul.nav{width:510px;height:40px;position:absolute;top:5px;left:0;margin:0; background:#f2f2f2; font-family:Arial, Helvetica, sans-serif; font-size:8px; padding:0}
#introNav .nav li{list-style:none;margin:0;position:absolute;top:0;left:0;text-align:center;padding:0;background:none;}
#introNav .nav .p1{left:23px;}
#introNav .nav .p2{left:162px;}
#introNav .nav .p3{left:304px;}
#introNav .nav .p4{left:442px;}
#introNav .nav .p5{left:545px;}
#introNav .nav li a{font-size:11px;color:#6E7577;outline:0;}
#introNav .nav li a:hover{color:#525758;text-decoration:none;}
#introNav .nav li.active a{color:#383C3D;}
#introNav .nav a .point{display:block;width:15px;height:15px;position:absolute;top:-20px;left:0;text-indent:-9000px;outline:0;cursor:pointer;}
#introNav .nav .p1 .point{left:23px;}
#introNav .nav .p2 .point{left:162px;}
#introNav .nav .p3 .point{left:304px;}
#introNav .nav .p4 .point{left:442px;}
#introNav .nav .p5 .point{left:442px;}
#introBoxes{position:relative;height:80em;width:628px;}
.introPart{display:none;}
#introWelcome{display:block;}
.introPart{display:none;height:80em}
#timeline{width:510px;height:15px;position:absolute;top:34px;left:5px;overflow:hidden;background:transparent url(../images/tpl/bar/bar.png) no-repeat -10px 0;}
#timeline .inside{width:510px;height:100%;position:relative;background:transparent url(../images/tpl/bar/bar.png) no-repeat -600px -41px;}

/* HEADLINE ------------------------------------------------ */ 
#hl{padding: 0; background:url(../images/tpl/line/double1.png) repeat-x bottom}
#hl h4{display:block; padding: 5px 0; width:390px; color: #333; font-weight:bold}
#hl .hlb4{border: solid #e4e4e4; border-width: 1px 0 0 0}
#hl .listb4 {padding:10px 0 0 0}
#hl .listb4 li{margin: 0 0 0 1em; clear:both}
#hl .listb4 li{font-size:93%; padding:2px 0; border:none; list-style-image:url(../images/tpl/list/red1.png);font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}
#hl .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:170%; display:block; width:390px; padding: 0 0 3px 0}
#hl h3, #hl h6{display:block; width:390px}

/* BREAKING ------------------------------------------------ */ 
#breaking .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; width:212px; padding: 3px 0}
#breaking li{padding: 5px 0 10px 5px; border-bottom:1px solid #e4e4e4; float:left;}
#breaking .nb{border-width:0}
#breaking .related{padding:5px 0 0 0; clear:both}
#breaking .related li{font-size:93%; padding:2px 0; border:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
#breaking1 .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; width:212px; padding: 0 0 3px 0}
#breaking1 li{padding: 5px 0 5px 5px; border-bottom:1px solid #e4e4e4}
#breaking1 .nb{border-width:0}
#breaking1 .related{padding:5px 0 0 0; clear:both}
#breaking1 .related li{font-size:93%; padding:2px 0; border:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}

.breaking3{color:#191919}
.breaking3 .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:170%; display:block; width:212px; padding: 0 0 3px 0}
.breaking3 li{padding: 5px 0 10px 5px; display:block; width:212px; float:left; border-bottom:1px solid #e4e4e4;}
.breaking3 li.more a{color:#FC5300;}
.breaking3 li.last {border:none;}
.breaking3 li img{margin:0.31em 0}
.breaking3 .related{padding:2px 5px}
.breaking3 .related li{font-size:85%; padding:5px 0 0 10px; border:none; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/tpl/list/red1.png) no-repeat 0 8px; font-weight:normal; width:180px; float:left; display:block}

#breaking2{color:#191919}
#breaking2 .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; width:217px; padding: 0 0 3px 0}
#breaking2 li{padding: 5px 0 15px 0}

#breaking4 .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 0}
#breaking4 ul li {width:380px; float:}
#breaking4 li{padding: 5px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:380px;}
#breaking4 li.last{border:none;}

#breaking5 .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 0}
#breaking5 ul li {width:608px; float:}
#breaking5 li{padding: 5px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:380px;}
#breaking5 li.last{border:none;}

#breaking6{width:601px; float:left;}
#breaking6 a:hover{color:#000;}
#breaking6 .title{font-weight:bold; background:#D90005; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 5px}
#breaking6 ul li {width:601px; float:left; padding: 5px 5px 10px 0px; float:left;}
#breaking6 li.last{border:none;}


#brb4 {padding:5px 0 0 0}
#brb4 li{margin: 0 0 0 1.5em}
#brb4 li{font-size:100%; padding:2px 0; border:none; list-style-image:url(../images/tpl/list/red1.png); font-family:Georgia, "Times New Roman", Times, serif; line-height:130%;}

/* RSS, INDEX BUTTON ------------------------------------------------ */
.rss{background:url(../images/tpl/bg/bg_indexrss.gif) repeat-x; width:618px; float:left;}
.ind{background:url(../image/tpl/bg/bg_indexrss.gif) repeat-x; width:226px; float:left;}
.spad{padding:6px 5px 0 10px;}


/* MAN OF THE WEEK ------------------------------------------------ */
.man {position:relative; width:390px;}
.man .ctnt {position:absolute; top:0; left:0; width:164px; height:165px; padding:10px 10px 5px 10px; background:url(../images/tpl/bg/bg_trans.png);}
.man .ctnt h3 a {color:#FC5300; font-size:130%; font-weight:bold;}
.man .ctnt h3 a:hover {color:#FF6;}
.man .ctnt h5 {color:#FFF; padding:10px 0; line-height:120%;}
.man .ctnt h6 {color:#FC5300;}

/* VIDEO ------------------------------------------------ */ 
.vlist {text-align:center;}
.vlist li{display:block; float:left; width:97px; line-height:100%; padding-bottom:10px;}
.vlist li img{margin-bottom:0.19em}
.vlist li.right{width:82px}
.vlist li h6{display:block; width:82px}

.vlist2 li{display:block; float:left; width:150px; height:110px; line-height:100%; padding-top:10px; text-align:center;}
.vlist2 li img{margin-bottom:0.19em}
.vlist2 li h5{display:block; width:130px}


/* PHOTO ------------------------------------------------ */ 
#ftHolder { width: 390px; float: left; text-align: center; height: 272px; }
#ft { border: 0px solid #BAD340; -moz-border-radius: 0px; }
.ft-title { padding: 0; width: 280px; text-align: left; font-size:85% }
.ft-prev, .ft-next { background-color: #000; padding: 0 5px; font-size:85% }
.ft-prev a, .ft-next a{color:#EEE}
.ft-button-ft-active { color: white; }

/* MOST POPULAR ------------------------------------------------ */
#pop ol li{list-style:decimal; font-family:Georgia, "Times New Roman", Times, serif; padding: 3px 0; margin: 0 0 0 2.30em; color:#666}

#ftHolder { width: 390px; float: left; text-align: center; height: 190px; }
#ft { border: 0px solid #BAD340; -moz-border-radius: 0px; }
.ft-title { padding: 0; width: 360px; text-align: left; font-size:85% }
.ft-prev, .ft-next { background-color: #900; padding: 2px 5px; font-size:85%;  }
.ft-prev{-moz-border-radiusbottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}
.ft-next{-moz-border-radiusbottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;}
.ft-prev a, .ft-next a{color:#EEE}
.ft-button-ft-active { color: white; }

/* PHOTO GALLERY------------------------------------------------ */
#gallery {width:390px;height:242px;position:relative;}
#frame {position:absolute;z-index:0;width:390px;height:242px;top:0;left:0;}
#slides {position:absolute;top:0;left:0;z-index:100;}
.slides_container {width:390px;overflow:hidden;position:relative;display:none;}
.slides_container div.slide {width:390px;height:242px;display:block;}
#slides .next,#slides .prev {position:absolute;top:107px;left:-39px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:185px;}
.pagination {margin:5px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/tpl/gallery/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
.caption {z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 20px 0 20px;background:#000;background:rgba(0,0,0,.5);width:350px;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none;}
.caption a{color:#FFF; font-size:131%}
.caption span{font-size:77%; color:#CCC}

/* PHOTO GALLERY------------------------------------------------ */
#gal .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 0}
#gal ul li {width:600px; float:}
#gal li{padding: 5px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:380px;}
#gal li .pt {width:210px; padding-right:10px; float:left;}
#gal li .cnt {width:380px; float:left;}
#gal li.last{border:none;}

/* HISTORY ------------------------------------------------ */
.his {position:relative; width:390px;}
.his .ctnt {position:absolute; top:0; left:0; width:164px; height:165px; padding:10px 10px 5px 10px; background:url(../images/tpl/bg/bg_trans.png);}
.his .ctnt h3 a {color:#95024D; font-size:130%; font-weight:bold;}
.his .ctnt h3 a:hover {color:#FCC;}
.his .ctnt h5 {color:#FFF; padding:10px 0; line-height:120%;}

/* INDEXING ------------------------------------------------ */
#index .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 0}
#index ul li {width:578px; float:}
#index li{padding: 5px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:380px;}
#index li.last{border:none;}

/* MOST POPULAR ------------------------------------------------ */
#pop ol li{list-style:decimal; font-family:Georgia, "Times New Roman", Times, serif; padding: 3px 0; margin: 0 0 0 2.30em; color: #666}
#pop2 ol li{list-style:decimal; font-family:Georgia, "Times New Roman", Times, serif; padding: 3px 0; margin: 0 0 0 2.30em; color: #666; width:578px;} /*untuk index */
#pop2 ol li h6 {color:#CC6600;}
#pop2 ol li a{font-size:116%;}

/* PAGING ------------------------------------------------ */
.pgn {width:200px;}
.pgn ul {width:200px; float:left; list-style:none;  font-family:Georgia, "Times New Roman", Times, serif;}
.pgn ul li {display:inline;}
.pgn ul li a {padding:3px 8px;}
.pgn ul li a.active, .pgn ul li a:hover {color:white; padding:3px 8px; background:#95024d;}

/* TWIT ------------------------------------------------ */
.twit {position:absolute; left:0; top:-7px;}

/* HISTORY ------------------------------------------------ */
.his .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 0}
.his ul {width:608px; float:left;}
.his li{padding: 10px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:608px;}
.his li.last{border:none;}

/* KOMENTAR ------------------------------------------------ */
#lk {width:598px; float:left; padding:10px;}
#lk ul{width:598px; float:left; list-style:none;}
#lk ul li {width:578px; float:left; padding:10px; border-bottom:1px dotted #bbbbbb;}
#lk ul li .tx {color:#000; font-size:90%; padding-top:10px;}

/* HOT TOPICS ------------------------------------------------ */
.htop ol {width:588px; float:left; padding:5px 0 0 30px;  font-family:Georgia, "Times New Roman", Times, serif; color:#666;}
.htop ol li{padding: 5px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:578px; list-style:decimal; }

/*FOOTER*/
#footer{font-size:77%; width:920px; padding:10px 10px 80px 10px; color:#666}
#footer a{font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#666}
#footer a:hover{color:#999}
#footer li{ display:inline}
#footer ul{margin: 0 0 0.5em 0}

.group {font-size:85%; padding-bottom:5px; margin-bottom:5px;}
.group thead th {padding:2px 5px; font-size:116%;}
.group thead th span {padding-top:7px; font-size:85%;}
.group thead tr.bur{ background:#F93; font-size:100%; font-size:93%;}
.group th { border-bottom:1px solid #5050C0; border-top:1px solid #EAEAEA; color: #fff; }
.group td {background-color: #F7F7F7; border-top: 1px solid #FFFFFF;color: #666;padding:5px;	}
.group tbody tr:hover td { background-color: #CECBEB;}
#chamatch{min-height:300px;}