@charset "utf-8"; 
body{background-image:url(../images/bg_main.jpg); background-repeat:repeat-x; font-family:Arial,Helvetica,sans-serif; background-color:#e6e6e6; margin:0; padding:0}

.bi_1{border:solid 1px #cfcfcf; padding:1px}

.bl_1{border-bottom:solid 1px #d4d4d4}

.bl_2{border-bottom:solid 1px #cdc6ac}

.c_blue_kompas{color:#1170a0}

.c_blue_kompas a{text-decoration:none; color:#1170a0}

.c_gray, .c_gray a{color:#36363c; text-decoration:none}

.c_gray2{color:#010101}

.c_gray4{color:#303030}

.c_gray5{color:#999}

.c_orange{color:#f60}

.c_orange a{color:#f60; text-decoration:none}

.c_orange a:hover{color:#f60; text-decoration:underline}

.c_red, .c_red a{color:#c6051c; text-decoration:none}

.c_red2, .c_red2 a{color:#600; text-decoration:none}

.c_red2 a:hover{color:#600; text-decoration:underline}

.clearit{clear:both}

.content{width:960px; overflow:hidden; margin-top:15px; background-image:url(../images/bg_index.jpg); background-position:bottom; background-repeat:no-repeat; padding:0 0 50px}

.content2{width:960px; overflow:hidden; border-top:solid 1px #e9e9ea; background-color:#fff; padding:15px 0 0}

.ft_11{font-size:11px; line-height:17px}

.ft_12{font-size:12px; line-height:18px}

.ft_14{font-size:14px; line-height:20px}

.ft_15{font-size:15px; line-height:21px}

.ft_18{font-size:18px; line-height:24px}

.ft_24{font-size:24px; line-height:30px}

.ft_28{font-size:28px; line-height:34px}

.ft_31{font-size:31px}

.ft_36{font-size:36px}

.ft_47{font-size:47px; line-height:47px}

.fw_bold{font-weight:700}

.header{padding:0 9px}

.hl_1{border-top:1px solid #E5E5E5}

.left{float:left}

.list_9 a{padding:0 2px}

.mb_5{margin-bottom:5px}

.mb_10{margin-bottom:10px}

.mb_20{margin-bottom:20px}

.ml_10{margin-left:10px}

.mr_10{margin-right:10px}

.mr_15{margin-right:15px}

.mr_20{margin-right:20px}

.mt_20{margin-top:20px}

.myriad{font-family:"Myriad Pro"}

.nav{padding:20px 0 10px}

.nav a{color:#010101; font:normal 14px Arial,Helvetica,sans-serif; text-decoration:none; padding:10px 1px}

.outer{width:960px; border-right:solid 1px #c8c8c8; border-left:solid 1px #c8c8c8; background-image:url(../images/bg_head.jpg); background-repeat:no-repeat; background-color:#fff; margin:0 auto}

.page a{border:solid thin #dfdfdf; background-color:#fefefe; text-decoration:none; color:#000; font-size:11px; margin:0; padding:2px 6px}

.page a:hover, .page a.active{background-color:#fcc900; border:solid thin #fcc900; text-decoration:none; color:#00202a; padding:2px 6px}

.perolehan_medali_top table.perolehan_medali td{border-top:1px solid #ccc; padding:4px 0}

.perolehan_medali_top table.perolehan_medali tdimg{padding:0 3px 0 0}

.perolehan_medali_top table.perolehan_medali th{font:normal 12px Arial,Helvetica,sans-serif}

.perolehan_medali_top td.negara{text-align:left}

.perolehan_medali_top{width:300px; height:485px; background-color:#d7d7d7; margin-top:20px}

.perolehan_medali_top h1{font:bold 18px Arial,Helvetica,sans-serif; color:#000; padding:10px 10px 0}

.pb_5{padding-bottom:5px}

.pb_20{padding-bottom:20px}

.pb_33{padding-bottom:33px}

.pl_10{padding-left:10px}

.pl_20{padding-left:20px}

.pr_5{padding-right:5px}

.pr_10{padding-right:10px}

.pr_15{padding-right:15px}

.pr_20{padding-right:20px}

.pr_25{padding-right:25px}

.pt_5{padding-top:5px}

.pt_10{padding-top:10px}

.pt_15{padding-top:15px}

.pt_20{padding-top:20px}

.pt_23{padding-top:23px}

.pt_40{padding-top:40px}

.rage{font-family:"rage Italic"}

.t_index{border-top:solid 1px #e4e4e4; border-bottom:solid 1px #e4e4e4; padding:2px 0 2px 5px}

.top_head{height:35px; background:#f3f3f3; border-bottom:solid 1px #e0e0e0; margin:0 auto}

.w294{width:294px}

.w300{width:300px; overflow:hidden}

.w614{width:614px; overflow:hidden}

.w620{width:620px; overflow:hidden}

table.perolehan_medali{background-color:#fff; font:normal 12px Arial,Helvetica,sans-serif; color:#000; text-align:center; margin:0 auto}

.logo_seagames{width:300px; background-color:#e8e8e8; min-height:810px}

.logo_seagames h1{font:bold 18px Arial,Helvetica,sans-serif; color:#333; margin-left:10px}

.logo_seagames img{margin-left:1px}

.nama_kota h1{font:bold 24px Arial,Helvetica,sans-serif; color:#999; margin:0 0 10px; padding:0}

.nama_kota h2{font:bold 18px Arial,Helvetica,sans-serif; color:#333; margin:0 0 10px; padding:0}

table.jadwal td{border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8}

.jadwal{font:normal 12px Arial,Helvetica,sans-serif; color:#000; border:1px solid #d8d8d8}

.jadwal th{text-align:left; background-color:#d8d8d8}

.pilh_galeri{list-style:none; margin:0; padding:0}

.pilh_galeri a{display:block; float:left; background:#e6e6e6; font:normal 18px Arial,Helvetica,sans-serif; color:#999; border:1px solid #e6e6e6; text-decoration:none; margin-right:1px; padding:6px 20px}

.pilh_galeri a:hover, .pilh_galeri a.selected{background:#fff; border-bottom:1px solid #fff; text-decoration:none}

.gal_foto{border-top:1px solid #e6e6e6; margin-top:-1px; padding-top:10px}

.hd_gl{background-image:url(../images/rexona_bg.jpg); background-repeat:no-repeat; width:624px; height:260px; margin-top:20px}

.hd_gal_imbx{width:160px; height:80px; overflow:hidden; margin-top:20px}

.hd_gal_imbximg{width:300px}

.hd_pad{padding:100px 38px 0 20px}

.hd_word{color:#fff; width:170px; font-size:12px; margin-top:80px}

.hd_sel{width:160px; margin-left:20px}

.hd_sel h3{font:normal 12px Arial,Helvetica,sans-serif; color:#333; text-align:center; margin:5px 0 0}

.hd_sel h3 a{color:#fff; text-decoration:none}

.sel_gal{width:300px; overflow:hidden; height:210px; background:#d1d1d1; margin-bottom:20px; margin-right:10px}

.sel_gal_imbx{width:300px; height:150px; overflow:hidden}

.sel_gal_imbx img{width:300px; height:auto; display:block; border:none}

.sel_gal_tx{color:#333; font-size:14px; font-weight:700; margin:5px; padding:5px}

.sel_gal_tx a:hover{text-decoration:underline; color:#333}

:focus{outline:none}

.gallery_index{width:300px; background:url(../images/bg_gallery_index.jpg) repeat-x; height:485px}

.pilh_galeri2{list-style:none; margin:0 0 0 10px; padding:0}

.pilh_galeri2 a{display:block; float:left; font:bold 14px Arial,Helvetica,sans-serif; color:#000; text-decoration:none; width:98px; margin-top:12px; padding:5px 10px 5px 15px}

.pilh_galeri2 a:hover, .pilh_galeri2 a.selected{background:url(../images/bg_tab_gallery.jpg) no-repeat; border-bottom:1px solid #fff; text-decoration:none; height:15px}

.img_video{position:absolute; z-index:0}

.img_video a img{border:none; width:280px; height:136px; margin-top:6px}

.konten_tabbing{width:280px; margin:0 auto}

.konten_gallery_video{width:280px; height:136px; margin-bottom:10px}

.title{position:absolute; z-index:0; background-color:#000; width:250px; height:15px; overflow:hidden; margin:110px 0 0 10px; padding:5px}

.title a{font:normal 12px Arial,Helvetica,sans-serif; color:#fff; text-decoration:none}

.slider-wrap{width:612px; margin-top:10px}

.stripViewer .panelContainer .panel ul{text-align:left; margin:0 15px 0 30px}

.stripViewer{position:relative; overflow:hidden; width:612px; height:309px}

.stripViewer .panelContainer{position:relative; left:0; top:0}

.stripViewer .panelContainer .panel{float:left; height:309px; position:relative; width:612px}

.nav-thumb{border:0; margin-right:5px}

#movers-row{width:500px; margin:5px 0 0 4px}

#movers-row div{width:136px; float:left; margin-right:6px}

.photo-meta-data{background-color:#000; opacity:0.9px; width:315px; height:60px; top:150px; margin-top:10px; position:absolute; z-index:9999; color:#FFF; padding:0}

.photo-meta-data span{font-size:14px; height:10px; overflow:hidden; padding:10px}

.titlegi{padding-left:10px; width:300px; height:32px; overflow:hidden}

.titlegi a{font-size:14px; text-decoration:none; color:#fff}

.cross-link img{width:136px; height:65px; padding-left:px}

.active-thumb{background:transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat}

.iindex{text-decoration:none}

#slideshow{list-style:none; color:#fff}

#fullsize{position:relative; width:620px; height:310px; margin:15px 0 0}

#information{bottom:0; width:620px; height:0; color:#000; overflow:hidden; z-index:200}

#inf{width:620px; height:60px; margin-top:5px}

#information h3{font-size:14px; font-family:arial; color:#000; padding:4px 8px 3px}

#information p{font-size:12px; padding:0 8px 8px}

#image{width:600px}

#image img{position:absolute; z-index:25; width:auto}

.imgnav{position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}

#imgprev{left:0; background:url(../images/left.gif) left center no-repeat}

#imgnext{right:8px; background:url(../images/right.gif) right center no-repeat}

#imglink{position:absolute; height:306px; width:100%; z-index:100}

.linkhover{background:url(../images/link.gif) center center no-repeat}

#thumbnails{width:620px}

#slideleft{float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat}

#slideright{float:right; width:20px; height:81px; background:url(../images/scroll-right.gif) center center no-repeat}

#slidearea{float:left; position:relative; width:560px; margin-left:15px; margin-top:10px; height:81px; overflow:hidden}

#slider{position:absolute; left:0; height:81px}

#slider img{cursor:pointer; width:100px; height:57px; border:2px solid #fff; padding:2px}

p, h1, h2, h3, .page{margin:0; padding:0}

.c_abu01_kompas2011, .c_gray3{color:#333}

.c_abu01_kompas2011 a, .sel_gal_tx a{text-decoration:none; color:#333}

.c_abu01_kompas2011 a:hover, .c_blue_kompas a:hover, .c_gray3 a:hover, .hd_sel h3 a:hover{text-decoration:underline}

.c_black, .c_black a, .iindex a:hover{color:#000; text-decoration:none}

.c_gray3 a, .nav a:hover, .nav a.active{color:red; text-decoration:none}

.right, #movers-row div a.cross-link{float:right}

.pilh_galeri li, .left, .right, .pilh_galeri2 li{display:inline}

.stripNavL, .stripNavR, .stripNav, #slideshow span{display:none}

#slideleft:hover, #slideright:hover{cursor:pointer}