@charset "utf-8";
body {
background:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
}

.cb { clear: both; } /* hack buat IE6 supaya menu tidak memanjang ke bawah */
.cl { clear: left; }
.cr { clear: right; }

.middle {
width: 972px; /* lebar kerangka */
height: 100%; /* tinggi kerangka */
margin: 0 auto; /* biar tengah */
background: #FFFFFF; /* background warna putih */
overflow: auto;
}

a { text-decoration: none; color: #000; }
a:hover { color: #ff0000; }
a img { border: none; }
a.kirim-ulang {  padding: 2px; background: #000; color: #fff; }
a.kirim-ulang:hover { background:#ff0000; }


.top01 {
background: url(../images/top01-bg.gif) no-repeat center top; /* bg image tidak repeat rata tengah atas */
width: 949px;
height: 18px;
padding-top: 6px;
padding-right: 23px;
padding-bottom: 6px;
}

#ticker {
width: 858px;
height: 14px;
background: #ff0000; /* bg warna merah */
color: #ffffff; /* tulisan warna putih */
padding: 3px; /* jarak atas - kanan - bawah - kiri */
float: right; /* supaya ke kanan */
overflow: hidden; /* supaya konten yg panjangnya melehi kerangka disembunyikan */
voice-family:"\"}\"";
voice-family:inherit;
}

.top02 {
margin: 12px 12px 0px 12px;
width: 946px;
height: 100px;
}

.logoNav {
width: 194px;
height: auto;
float: left;
margin-right: 10px;
}

.logo { 
margin-top: 15px;
width: 182px;
height: 58px;
margin-left: 12px;
}

.top03a {
width:740px;
height: 58px;
text-align: right;
float: right;
margin-right: 12px;
}

.member {
margin-top: 15px;
width:740px;
height: 28px;
text-align: right;
float: right;
margin-right: 12px;
}
p.tanggal { margin-top: 3px; margin-bottom: 15px; display: block; }
.member form { display : inline;  }
.member form label, .member form input {margin-right: 6px; }
.member form input { font-size: 10px; border: 1px solid #000; padding: 2px; } /* border : ukuran bentuk warna */
.username {width: 100px}
.password {width: 100px}
.login {font-weight: bold;width: 50px}
.member form button { font-size: 10px; border: 1px solid #000; width: 118px; padding: 2px; background: #000; color: #fff; text-transform: uppercase; width: 41px; }
.member a { font-size: 11px; border: 1px solid #ff0000; padding: 3px; background: #ff0000; color: #fff; text-transform: uppercase; width: 41px; text-decoration: none; display: inline; }
.member a:hover { background: #666; border: 1px solid #666; }

.navigasi {
width: 194px;
height: auto;
margin-left: 12px;
-overflow: auto;
float: left;
}

.navigasi form { background: #666 url(../images/blink03.gif) no-repeat center left; padding: 3px 3px 3px 15px; display: block; coloe: #fff; margin:0;  }
.navigasi form label { font-size: 12px; text-transform: uppercase; color: #fff; }
.navigasi form input { font-size: 10px; border: 1px solid #000; width: 100px; padding: 2px; margin-left: 2px; }
.navigasi form button { font-size: 10px; border: 1px solid #000; padding: 2px; background: #fff; color: #000; text-transform: uppercase; margin-left: 1px;  }
* html .navigasi form button { margin-left: 3px; height: 19px; }

.menu, .menu li { list-style: none; margin: 0; padding: 0;}
.menu li a { background: url(../images/blink02.gif) no-repeat center left; font-size: 12px; text-transform: uppercase; padding: 5px 5px 5px 15px; display: block; color: #000; border-bottom: 1px solid #666; text-decoration: none; }
* html .menu li a { height: 12px; }
.menu li a:hover,.menu li a.aktif { background: #ff0000 url(../images/blink01.gif) no-repeat center left; color: #fff; }

.share { display: block; margin: 0; padding: 10px 0; height: 15px; }
.share li { list-style: none; margin: 0; padding: 0; }
.share li { float: left; display: inline; margin-right: 14px; }
.share li a { width: 16px; height: 15px; text-indent: -9999px; display: block; } /* teks disembunyikan ke sebelah kiri sejauh 9999px */
.share li a.facebook { background: url(../images/facebook_new.gif) no-repeat top left; }
.share li a.twitter { background: url(../images/twitter.gif) no-repeat top left; }
.share li a.rss { background: url(../images/rss.gif) no-repeat top left; }
.share li a.mobile { background: url(../images/mobile.gif) no-repeat top left; }
#simpleTooltip { padding: 3px; border: 1px solid #ff0000; background: #ff0000; color:#fff; } /* tooltip */

.navchannel-home { border: 1px solid #666; height: 245px;}
.navchannel-home h3 { display: block; padding: 5px; margin:0; border-bottom: 1px solid #666; text-transform: uppercase; font-size: 11px; font-weight: bold; }
.navchannel { 
    border: 1px solid #666;
    width: 285px;
}
.navchannel h3 { display: block; padding: 5px; margin:0; border-bottom: 1px solid #666; text-transform: uppercase; font-size: 11px; font-weight: bold; }
#navchan, #navchan li { list-style: none; }
#navchan, #navchan li ul { margin: 0; padding: 5px; }
#navchan li a { text-decoration: none; }

#navchan{
margin:0;
padding:0;
height: 210px;
list-style-type:none;
line-height:120%;
overflow: auto;
}
#navchan .closed {
background-image:url(../images/ha-down.gif);
}
#navchan .closed,#navchan .opened{
padding-right:10px;
background-position: 5% 50%;
background-repeat:no-repeat;
}
#navchan .opened { color: #666; }
#navchan .header{
background-color:#fff;
}
#navchan .opened{
background-image:url(../images/ha-up.gif);
}
#navchan a{
display:block;
font-weight:bold;
text-decoration:none;
}
#navchan a.hover{
background-color:#fff;
color:#666;
}
#navchan ul{
overflow: hidden;
margin:0;
padding:0;
}
#navchan li{
margin:0;
padding:0;
list-style-type:none;
background-color:#fff;
color:#000;
}
#navchan li a{
padding:2px 10px 2px 30px;
background-color:#fff;
color:#000;
}
#navchan li.active a, #navchan li li.active a{
background-color:#fff;
color:#666;
}
#navchan li.active li a, #navchan li li a{
padding:2px 4px 2px 40px;
background-color:#fff;
color:#000;
}

.gambar-terbaru {
float: right;
width:739px;
height:385px;
border: 1px solid #666;
margin-right: 12px;
}

.gambar-judul {
float: left;
padding-left:5px;
display:block;
}

.gambar-channel {
float: right;
padding-right:5px;
display:block;
}

.-gambar-terbaru img { width: 740px; height: auto; }
img.kirimteman { width: 21px; height: 13px; vertical-align: middle; }
.-gambar-terbaru p { margin: 0; padding: 5px; }
.-gambar-terbaru p a { text-decoration: none; color: #000; }
.-gambar-terbaru p a:hover { color: #ff0000; }


.kolom-kiri {
width: 653px;
float: left;
height: auto;
margin-left: 12px;
-overflow: auto;
}

.berita_bottom {
    width: 653px;
    height: 28px;
    background: #ccc;
    clear: both;
    vertical-align: middle;
}

.berita_quiz {
    width: 620px;
    height: auto;
    background: #ccc;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}

.berita_quiz a {
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
}

.quiz {
    margin-left: 10px;
    margin-right: 10px;
    
}

.quiz ul{
    width: 235px;
}

.quiz_tanya td {
    font-size: 12px;
    font-weight: bold;
}
    
.sharethis {
    float: left;
    width: 250px;
    padding: 2px 2px 2px 19px;
    font-size: 11px;
    margin: 0px;
}

.berita_audio {
    float: right;
    width: 250px;
    background: #ccc;
    padding: 2px 2px 2px 19px;
    margin-bottom: 0;
    text-align: right;
}


#slideshow {
    position: relative; 
    overflow: auto; 
    width: 653px; 
    height: 480px;
    margin-top: 10px; 
}


#slideshow .title {
    width: 653px;
    height: 28px;
    background: #ccc;
    clear: both;
    vertical-align: middle;
}

#slideshow h3 {
    float: left;
    width: 250px;
    background: #ccc url(../images/blink04.gif) no-repeat center left;
    padding: 2px 2px 2px 19px;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0px;
}

#slideshow .title .sound {
    float: right;
    width: 220px;
    background: #ccc;
    padding: 2px 2px 2px 2px;
    margin-bottom: 0;
    text-align: right;
    z-index: 2;
}

/* slideshow */

 div#top div#nav{
  float:left;
  clear:both;
  width:653px;
  height:52px;
  margin:0;
  background:url(../images/nav-bg.png) 0 0 no-repeat;
 }
  div#top div#nav ul{
   float:left;
   width:653px;
   height:52px;
   list-style-type:none;
   margin: 0;
   padding: 0;
  }
   div#nav ul li{
    float:left;
    height:52px;
	margin: 0;
	padding:0;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     text-indent:-9999px;
	 text-decoration: none;
	 color: #fff;
    }

 div#slide-holder{
  z-index:40;
  width:653px;
  height:450px;
  position:absolute;
  background: #ccc;
 }
   div#slide-holder div#slide-runner{
   top:0px;
   left:0px;
   width:653px;
   height: 450px;
   overflow:hidden;
   position:absolute;
  }
   div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
   border: none;
  }
   div#slide-holder div#slide-controls{
   left:0;
   bottom:0px;
   width:653px;
   height:140px;
   display:none;
   position:absolute;
   background: #ccc;
  }
    div#slide-holder div#slide-controls p.text{
    color:#000;
    font-size:11px;
    margin:10px 5px 0 0;
   }
   
   div#slide-controls span { font-weight: bold; text-transform:uppercase; font-size: 11px; }
 
    div#slide-holder div#slide-controls p#slide-nav{
    margin-top: 10px;
    margin-left: 10px;
   }
     div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:15px;
     display:inline;
     font-size:11px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
	 color: #000;
    }
     div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
	 color: #ff0000;
    }
	span.urutan { float: left; text-transform: none !important; }

div#nav ul li a{background:url(../images/nav.png) no-repeat;}
#slide-runner a { color: #ccc; text-decoration: none; margin: 0; padding: 0; }

.kolom-kanan {
float: right;
width: 295px;
height: 100%;
margin-right: 3px;
overflow: auto;
position: relative;
}

.kolom-kanan-home {
    float: right;
    width: 295px;
    height: 100%;
    margin-right: 3px;
    margin-bottom: 0px;
    overflow: auto;
    position: relative;
}

.right-ads { margin-top: 10px; }

.gambar-depan { margin-top: 10px; }
.head-title { 
background: #fff url(../images/blink04.gif) no-repeat center left;
padding: 3px 0px 3px 19px !important;
text-transform: uppercase;
font-size: 11px;
margin-bottom: 0;
}

.head-title-arsip {
    float:left; 
    background: #fff url(../images/blink04.gif) no-repeat center left;
    padding: 3px 0px 3px 19px !important;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 0;
    width: 100px;
}

.head-title-arsip-link { 
    float:left; 
    background: #666 url(../images/blink04.gif) no-repeat center left;
    color: #fff;
    padding: 3px 0px 3px 19px !important;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 0;
    width: 500px;
}
.head-title-arsip-link a{ 
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
}

.gambar-depan ul, .gambar-depan ul li { list-style: none; }
.gambar-depan ul { margin: 0; padding: 0; }
.gambar-depan ul li {width: 320px; float: left; display: inline; }
.gambar-depan ul li img { width: 320px; height: 210px; }
.gambar-depan h3 { margin: 0; padding: 0; font-size: 11px; line-height: 16px; }
.gambar-depan a:hover { color: #ff0000; }
.gambar-depan p { margin: 0px; line-height: 16px; }

.arsip { margin-top: 10px; }
.arsip ul, .arsip ul li { list-style: none; }
.arsip ul { margin: 0; padding: 0; }
.arsip ul li {height: 300px; width: 210px; float: left; display: inline; margin-bottom: 10px; }
.arsip ul li img { width: 210px; height: 138px; }
.arsip h3 { margin: 0; padding: 0; font-size: 11px; line-height: 16px; }
.arsip a:hover { color: #ff0000; }
.arsip p { margin: 0px; line-height: 16px; }


.video { background: #ccc; padding-left:5px; margin: 0px; margin-top: 10px; height: 120%; width:285px; }
.video h3.head-title { 
background: #ccc url(../images/blink04.gif) no-repeat center left !important;
padding: 3px 0px 3px 19px !important;
text-transform: uppercase;
font-size: 11px;
margin: 0 !important;
} 

.video h3 { margin: 0; padding: 0; font-size: 11px; line-height: 16px; }
.video p { margin: 0px; line-height: 16px; }

.video ul, .video ul li { list-style: none; }
.video ul { margin: 0; padding: 0; }
.video ul li {width: 210px; float: left; display: inline; margin-bottom: 10px; padding: 0; }
.video ul li img { width: 210px; height: 138px; }
.video h3 { margin: 0; padding: 0; font-size: 11px; line-height: 16px; }
.video a:hover { color: #ff0000; }
.video p { margin: 0; line-height: 16px; }
.arsip-video { margin-top: 10px;  border-bottom: 1px solid #ccc;  overflow: auto;}

.quiz { background: #ccc; padding-left:5px; margin: 0px; margin-top: 10px; height: auto; width:285px; }
.quiz h3.head-title { 
background: #ccc url(../images/blink04.gif) no-repeat center left !important;
padding: 3px 0px 3px 19px !important;
text-transform: uppercase;
font-size: 11px;
margin: 0 !important;
} 

.bottom-ads { margin: 10px 13px; }

.footer { background: #000 url(../images/footer-bg.gif) repeat-x top left; padding: 13px; }
.menu-bottom {padding: 13px; }
.footer-nav { background: #000; padding: 5px; overflow: auto; width: 935px; }
.footer-nav ul, .footer-nav ul li { list-style: none; }
.footer-nav ul { margin: 0; padding: 0; }
.footer-nav ul li { float: left; display: inline; margin-right: 20px; }
.footer-nav ul li a { display: block; background: url(../images/blink03.gif) no-repeat top left; padding-left: 15px; color: #fff; text-transform: uppercase;  } 
.footer-nav ul li a:hover { color: #ff0000; background: url(../images/blink04.gif) no-repeat top left; }

.footer-dukungan { background: #ff0000; padding: 5px; overflow: auto; width: 935px; }
.footer-dukungan ul, .footer-dukungan ul li { list-style: none; }
.footer-dukungan ul { margin: 0; padding: 0; }
.footer-dukungan ul li { float: left; display: inline; margin-right: 20px; }
.footer-dukungan ul li a { display: block; color: #fff; text-transform: uppercase;  } 
.footer-dukungan ul li a:hover { color: #000;  }
.footer-dukungan h3 { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 11px; margin: 3px 0; }
.copyright { text-align: right; width: 935px; padding: 5px; color: #474747; }

/* GAMBAR */
.topDalam { margin-top: 50px !important; }
.top-ads { margin-bottom: 10px; }
.gambar-utama { background: #ccc; margin-top: 10px; margin-bottom: 10px; padding-bottom: 1px; }
.gambar-utama ul, .gambar-utama ul li { list-style: none; }
.gambar-utama ul { margin: 0; padding: 0; }
.gambar-utama h3 { font-size: 12px; padding-top:5px }
.navchannel { margin-top: 10px; }
.media { margin-top: 10px; }
.komentar { margin-bottom: 10px; } 
.komentar table { width: 653px; background: #fff; height: auto; }
.komentar h3.head-title {
background: #fff url(../images/blink02.gif) no-repeat center left;
padding: 3px 0px 3px 19px !important;
text-transform: uppercase;
font-size: 11px;
margin: 10px 0 0 0;
}
.komentar table tr td.avatar{ width:80px; }
.komentar table tr td.profile{ width:100px; }
.komentar table tr td, .hasil-pencarian table tr td { padding: 6px 5px; border-bottom: 1px solid #666; vertical-align: top; }
.komentar table.submit { width: 250px; background-color: #999; height: auto; }
.komentar table.submit  tr td { border-bottom: none;}

.avatar img { border: 1px solid #666; width: 68px; height: auto; }
.tanggal-komentar { color: #666; }
.profile { width: 100px; }

/* video utama */
.video-utama { background: #ccc; margin-top: 10px; margin-bottom: 10px; padding: 5px; width: 642px; height: 360px; }
#videoMain { width: 400px; height: 340px; float: left;  }
.videoContent { float: right; width: 240px; position: relative; }
.videoContent h3, .videoContent p  { padding: 3px; }

/* pagination */
.pagination {
margin-top: 10px;
display:block;
text-align:left;
height:22px;
line-height:21px;
clear:both;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

.pagination a:link, .pagination a:visited{
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #333;
margin-left:5px;
text-decoration:none;
background-color:#444;
color:#fff;
width:22px;
font-weight:normal;
}

.pagination a:hover {
background-color:#f91400;
border:1px solid #f91400;
color:#fff;	
}

.pagination .current_link {
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #f91400;
margin-left:10px;
text-decoration:none;
background-color:#f91400;
color:#fff;
cursor:default;
}

.pagination .disabled_pagination {
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #EBEBEB;
margin-left:10px;
text-decoration:none;
background-color:#F5F5F5;
color:#D7D7D7;
cursor:default;
}

/* social tools */
.social-tools { position: absolute;  overflow: auto; top: 295px; left:0px; height: 65px; }
.social-tools ul, .social-tools ul li { list-style: none; }
.social-tools ul { margin: 0; padding: 0; }
.social-tools ul li { float: left; display: inline;    }
.social-tools ul li a { color: #fff; display: block; background: #333; padding:  10px 3px; border: 1px solid #ccc;  width:  72px; text-align: center; font-size:10px   }
.social-tools ul li a:hover { background: #ff0000; }

/* form */

.textjudul{ font-weight:bold; }
.formwide{ border:none; width:643px; border-color:#FFFFFF }
.kotakform{ height:15px; border:1px; border-color:#333333; border-style:solid; }
.kotakchentang{ height:10px; width:10px; border:#333333; border:solid;}
.cellspan{ padding-bottom:10px;}
.content-default { background: #fff; margin-top: 10px; margin-bottom: 10px;}

.textgrey {
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color:#333; 
    font-size:13px;
    
}

.daftar_judul {
    position:relative;
    margin: 0px; 
    padding: 3px 3px; 
    padding-top: 5px; 
    padding-left:15px; 
    color:#000; 
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:bold; 
    font-size:14px;
    height:20px;
    width: 630px;
    background-color: transparent;
  /*
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    CCborderRadiusTL: 8px;
    CCborderRadiusTR: 8px;
*/
}

.garisdaftar_judul { 
    left:0px;
    top:0px;
    height: 29px; 
    width: 630px; 
    padding:0px; 
    margin:0px;
    border-bottom:solid #333 2px;
    background-color: transparent;
}
.daftar_subjudul {
    position:relative;
    margin: 0px; 
    padding: 3px 3px; 
    padding-top: 5px; 
    padding-left:15px; 
    color:#fff; 
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:14px;
    font-weight:bold; 
    height:20px;
    width: 930px;
    background-color: #666;
}
.errorbold12 {
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:11px;
    font-weight:bold;
    text-align:left;
    color:#F00;
}
.mustbold12 {
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:11px;
    font-weight:bold;
    text-align:left;
    color:#00F;
}

.photoprofile {
    font-family: Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10px;
    width: 180px;
    
}
.photo {
    font-family: Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10px;
    width: 100px;
} 

.photoupload {
    font-family: Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.captcha {
    background-color: #CCC;
    width: 330px;
}

.mid-ads {
    position: relative;
    margin-left: 12px;
    width: 655px;
    height: 100px;
    top: 0px;
}

.mid-ads_video {
    position: relative;
    margin-left: 0px;
    width: 655px;
    height: 100px;
    top: 0px;
}

.mid-ads_home {
    position: relative;
    margin-left: 12px;
    width: 655px;
    height: 110px;
    top: 15px;
}

.quiz_title {
    position:relative;
    margin-left: 10px;
    padding-top: 20px; 
    color:#000; 
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:bold; 
    font-size:16px;
}

.quiz_list a {
    color:#000; 
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:bold; 
    font-size:14px;
}

.quiz_list a:hover {
    color:#F00; 
}

.quiz_judul {
    position:relative;
    margin-left: 15px;
    padding-top: 10px; 
    color:#000; 
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:bold; 
    font-size:15px;
}

.quiz_desc {
    position:relative;
    margin-left: 15px;
    line-height: 1.5em; 
    color:#000; 
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:normal; 
    font-size:12px;
}

#comment-mobile {
    position:relative;
    width: 650px;
    height: 100px;
    margin-left: 15px;
    line-height: 1.5em; 
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:normal; 
    font-size:12px;
    overflow: auto;
}

#comment-mobile table {
    position:relative;
    width: 620px;
    margin-left: 5px;
    line-height: 1.5em; 
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:normal; 
    font-size:11px;
}

.comment-mobile_nama{ width:100px; }
.comment-mobile_tanggal { 
        font-size:11px;
        color: #666; 
}
.comment-mobile_isi {
    line-height: 1.5em; 
    font-family:Tahoma, Arial, Helvetica, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:normal; 
    font-size:11px;
}