/*kanal khusus - box ini harus di bawah base.css*/
.box-khusus{display:block; overflow:hidden; position:relative; text-align:left;border-bottom:4px solid #00aca1;}
.box-khusus .header{display:block; margin:0 auto; padding:0; height:40px;}
.box-khusus .inside{padding:10px; overflow:hidden; display:block; background:#e4f5f2; border-left:1px solid #00aca1;border-right:1px solid #00aca1;}
ul.list-khusus li{width:23%; float:left; margin-right:2.66%;border:none; padding:0;}
ul.list-khusus li .img-khusus{width:100%; display:block; margin:0 0 5px 0;}
ul.list-khusus li:first-child{border:none;}
ul.list-khusus li:last-child{margin-right:0;}
ul.list-khusus li p{margin:10px 0 5px 0;}
ul.list-khusus li h4{font-weight:bold; font-size:13px; margin: 0 0 10px 0; padding:0;}
/* box bbc */
.box-bbc{display:block; overflow:hidden; position:relative; margin-bottom:15px;}
.box-bbc .header{display:block; overflow:hidden; margin:0; height:45px;}
.box-bbc .footer{display:block; overflow:hidden; margin:0; height:16px;}
ul.list-bbc li{display:block; padding:5px 0; border-top:1px solid #ddd;}
ul.list-bbc li:first-child{border-top:none; padding-top:0;}
ul.list-bbc li img{width:100%; height:auto; display:block;}
ul.list-bbc li .date{font-size:10px; text-transform:uppercase; color:#949599; padding:5px 0 3px 0;}
/* box aus */
.box-aus{display:block; overflow:hidden; position:relative; margin-bottom:15px;}
.box-aus .header{display:block; overflow:hidden; margin:0; height:45px;}
.box-aus .footer{display:block; overflow:hidden; margin:0; height:16px;}
ul.list-aus li{display:block; padding:5px 0; border-top:1px solid #ddd;}
ul.list-aus li:first-child{border-top:none; padding-top:0;}
ul.list-aus li img{width:100%; height:auto; display:block; overflow:hidden; margin:0;}
ul.list-aus li .date{font-size:10px; text-transform:uppercase; color:#949599; padding:5px 0 3px 0;}
/*popup banner*/
#mask {position:fixed;  left:0;  top:0;  z-index:9000;  background-color:#000;  display:none;}  
#boxes .window {position:fixed;  left:0;  top:0;  width:500px;  height:500px;  display:none;  z-index:9999;  padding:20px;  text-align: center;}
#boxes #dialog {width:500px;   width:500px;  padding:0px;  background:transparent;}
#dialog .close-box{position:absolute; right:-15px; top:-15px; width:30px; height:30px; background:#ed1b23; cursor:pointer; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font-size:25px; font-weight:bold; text-align:center; line-height:22px; font-family:'Din Bold',Arial, Helvetica, sans-serif;}
#dialog .close-box:hover{background:#ddd; color:#949599;}
/*foto & video di tengah*/
.box-fototengah{display:block; overflow:hidden; position:relative; text-align:left;}
.box-fototengah .inside{padding:0 auto; overflow:hidden; display:block;}
ul.list-fototengah li{width:31.33%; float:left; margin-right:3%;border:none; padding:0;overflow:hidden;}
ul.list-fototengah li .img-fototengah{width:100%; display:block; margin:0 0 5px 0;}
ul.list-fototengah li:first-child{border:none;}
ul.list-fototengah li:nth-child(3n+3){margin-right:0;}
ul.list-fototengah li:nth-child(4n+4){clear:both;}
ul.list-fototengah li p{margin:10px 0 5px 0;}
ul.list-fototengah li h4{font-weight:bold; font-size:13px; margin: 0 0 10px 0; padding:0;}
/*box top utama*/
.box-toputama{display:block; overflow:hidden; position:relative; text-align:left;border-bottom:4px solid #ddd;}
.box-toputama .header{display:block; margin:0 auto; padding:0; height:40px; padding:4px; border:1px solid #ddd;}
.box-toputama .header .logo-tvtempo{background:url(../images/all-icon.png) no-repeat; background-position:0 -1030px; width:107px; height:30px; margin:5px;}
.box-toputama .header .logo-tvtempo a{display:block;width:107px; height:30px;}
.box-toputama .inside{padding:10px; overflow:hidden; display:block; background:#fff; border-left:1px solid #ddd;border-right:1px solid #ddd;}
ul.list-toputama li{width:23%; float:left; margin-right:2.66%;border:none; padding:0;}
ul.list-toputama li .img-toputama{width:100%; display:block; margin:0 0 5px 0;}
ul.list-toputama li:first-child{border:none;}
ul.list-toputama li:last-child{margin-right:0;}
ul.list-toputama li p{margin:10px 0 5px 0;}
ul.list-toputama li h4{font-weight:bold; font-size:13px; margin: 0 0 10px 0; padding:0;}
/*jadwal imsak front*/
.box-jaim{border:1px solid #ddd; padding:10px; overflow:hidden;}
.imsak-front{width:60px; height:60px; background:url(../images/ramadan/salat-icon.png) top left no-repeat; background-position: 0px 0px; float:left; margin-right:10px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.maghrib-front{width:60px; height:60px; background:url(../images/ramadan/salat-icon.png) top left no-repeat; background-position: -240px 0px; float:left; margin-right:10px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.peta-front{width:60px; height:60px; background:url(../images/ramadan/salat-icon.png) top left no-repeat; background-position: -300px -120px; float:left; margin-right:10px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.puasa-front{background:url(../images/ramadan/salat-icon.png) top left no-repeat; background-position: -240px -60px; width:60px; height:60px; float:left; margin-right:10px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.buka-front{background:url(../images/ramadan/salat-icon.png) top left no-repeat; background-position: -300px -60px; width:60px; height:60px; float:left; margin-right:10px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
ul.list-jadwal li{width:31.33%; float:left; margin-right:3%;border:none; padding:0;overflow:hidden;}
ul.list-jadwal li:first-child{border:none;}
ul.list-jadwal li:nth-child(3n+3){margin-right:0;}
ul.list-jadwal li:nth-child(4n+4){clear:both;}
ul.list-jadwal li p{margin:5px 0 5px 0;}
ul.list-jadwal li h4{font-weight:bold; font-size:13px; margin: 0 0 10px 0; padding:0;}

ul.list-jwtop li{width:15.83%; float:left; margin-right:1%;border:none; padding:0;overflow:hidden;}
ul.list-jwtop li:first-child{border:none;}
ul.list-jwtop li:nth-child(6n+6){margin-right:0;}

/*
ul.list-jwtop li{width:13.40%; float:left; margin-right:1%;border:none; padding:0;overflow:hidden;}
ul.list-jwtop li:first-child{border:none;}
ul.list-jwtop li:nth-child(7n+7){margin-right:0;}
*/
/*box pilkada*/
.box-pilkada{display:block; overflow:hidden; position:relative; text-align:left;border-bottom:4px solid #ddd;}
.box-pilkada .header{display:block; margin:0 auto; padding:0; height:40px; padding:4px; border:1px solid #ddd; background:#a71c2c}
.box-pilkada .header h3{font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; color:#fff;}
.box-pilkada .header h3 a{color:#fff;}
.box-pilkada .header h3 a:hover{color:#FC0;}
.box-pilkada .inside{padding:10px; overflow:hidden; display:block; background:#fff; border-left:1px solid #ddd;border-right:1px solid #ddd;}
ul.list-pilkada li{width:23%; float:left; margin-right:2.66%;border:none; padding:0;}
ul.list-pilkada li .img-pilkada{width:100%; display:block; margin:0 0 5px 0;}
ul.list-pilkada li:first-child{border:none;}
ul.list-pilkada li:last-child{margin-right:0;}
ul.list-pilkada li p{margin:10px 0 5px 0;}
ul.list-pilkada li h4{font-weight:bold; font-size:13px; margin: 0 0 10px 0; padding:0;}