#detikfoto { margin: 2px 0 0 0; padding: 0;}
#detikfoto .sliderwrapper {position: relative; /*leave as is*/overflow: hidden; /*leave as is*/border-bottom-width: 6px; /*width of featured content slider*/height: 265px;background-color: #ccc;color: #e00;}
html>body #detikfoto .sliderwrapper {border: 1px solid #ccc;border-top: 2px solid #ccc;height: 265px;}
#detikfoto h1 { background:#ccc;}
#detikfoto .sliderwrapper h3 {font-size: 14px;font-weight: bold;text-align: center;text-transform: none;line-height: 120%;border: 0;margin: 0;padding: 0;}
#detikfoto img {width: 272px;height: 210px;border: 3px solid #ccc;margin: 0 0 3px 0;padding: 0;clear: both;}
#detikfoto .sliderwrapper .contentdiv {visibility: hidden; /*leave as is*/position: absolute; /*leave as is*/left: 0px;  /*leave as is*/top: 0;  /*leave as is*/padding: 0px;background-color: #ccc;width: 280px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */height: 100%;}
#detikfoto .sliderwrapper .contentdiv .judul {margin:0;padding: 4px;text-align:left;font-size: 15px;color: #c00;clear: both;}
#detikfoto a:link, #detikfoto a:visited {color: #00c;font-size: 15px;}
#detikfoto a:hover {color: #e00;}
#detikfoto .pagination {text-align: center;background-color: #c33;padding: 8px 6px;font-size: 11px;font-weight: bold;}
#detikfoto .pagination a {padding: 4px 8px;text-decoration: none;color: #fff;background: #f60;border: 1px solid #fff;}
#detikfoto .pagination a:link {color: #ff0;}
#detikfoto .pagination a:hover {color: #e00;background-color: #fff;}
#detikfoto .pagination a.selected {color: #e00;background-color: #ff0;border: 1px solid #ff0;}


/* TV Player */
.tvplayer { padding: 0; margin: 2px 0; }
.tvplayer h3.more { font-size: 12px !important; text-align: right !important; border-top: 1px solid #ccc !important; border-bottom: 2px solid #bfbfdf !important; margin: 2px 0 0 0 !important; }
.tvframe { background: url(../image/bg_frame_tvplayer.gif) no-repeat 0 0; padding: 13px; width: 242px; height: 145px;}
.tvslide { position: relative; }
.tvslide .slide-content { padding: 5px; border: 1px solid #bfbfdf; border-bottom-color: #ffc; background: #ccc; }
.tvslide .slide-content .date { margin: 0 0 2px; font-size: 11px; }
.tvslide .slide-content h2 { font-size: 15px !important; margin: 0 0 5px !important; border: none !important; text-transform: none !important; }
.tvslide .slide-content a:link, .tvslide .slide-content a:visited {color: #009 !important;}
.tvslide .slide-content a:hover {color: #e00 !important;}
.tvslide .slide-thumb { width: 280px; float: left; position: relative; height: 70px; background: #000; overflow: hidden; margin: 0; }
.tvslide .slide-thumb ul { display: block; list-style: none none outside; position: absolute; top: 0; left: 0; width: 1000px; margin: 0; padding: 0;}
.tvslide .slide-thumb li { display: inline; padding: 0; margin: 0; }
.tvslide .slide-thumb a { float: left; margin: 0; width: 60px; height: 60px; padding: 4px; background: #ccc; border: 1px solid #ccc; border-color: #ccc #ddd #ccc #bbb; }
.tvslide .slide-thumb a:hover { background:  #ff0; }
.tvslide .slide-thumb a.selected { background: #333; border-color: #ccc #333 #333 #333; }
.tvslide .slide-thumb li img { width: 60px; height: 60px; border: none;}
.tvslide .slide-nav { width: 280px; margin: 0; padding: 0; }
.tvslide .slide-nav ul { list-style: none none outside; margin: 0; padding: 0; }
.tvslide .slide-nav li { margin: 0; padding: 0; }
.tvslide .slide-nav .next {float:right; width:18px; height: 58px; background: #ccc url(../image/bg_gallery_next.gif) no-repeat 3px 20px; border: 1px solid #DDC688; display: inline; }
.tvslide .slide-nav .prev {float:left;width:18px; height: 58px; background: #ccc url(../image/bg_gallery_prev.gif) no-repeat 3px 20px; border: 1px solid #DDC688; display: inline; }
.tvslide .slide-nav a:hover { background-color: #ff0; text-decoration: none;}
.tvslide .hidden {display:none;}