/* CSS For Tabbed Controller CSS */ #iva-controller-h { opacity: 0.0; filter: alpha(opacity = 0); zoom: 1; } #iva-controller-h a { color:#999; } #iva-controller-h a:hover { text-decoration:none; cursor:pointer; } #iva-controller-h a.selected { color: } #iva-controller-progress-overlay { background: #000 url(../img/loader.gif) no-repeat center center; opacity: 0.6; filter: alpha(opacity = 60); } /* * * Categories * */ #iva-controller-h .categories { overflow: auto; width:316px; /* Set this to Even Number to avoid max width weirdness */ } #iva-controller-h .categories .tab { float:left; border-color: #2c2c2c; border-style: solid; border-width: 1px 0 0 1px; color: #CCC; line-height:20px; padding: 0px 0px; /* Note Horizontal Padding will be Overridden in JS. Default width needs to be set in JS. */ text-align: center; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius:4px 4px 0 0; background: transparent url(../img/tab-bg.png) repeat-x left top; /* behavior: url(http://iva-dev.seseit.net/player/css/PIE.htc);*/ /* CSS3 hack for IE6,7, and 8. */ } #iva-controller-h .categories .hidden { position: absolute; left:-300000px; } #iva-controller-h .categories .tab-last { border-width: 1px 1px 0 1px; } #iva-controller-h .categories #tab-left-arrow { float:left; width:20px; height:21px; background:transparent url(../img/tab-left-arrow.png) no-repeat 0 0; } #iva-controller-h .categories #tab-all { float:left; width:20px; height:21px; background:transparent url(../img/tab-all.png) no-repeat 0 0; } #iva-controller-h .categories #tab-right-arrow { float:left; width:21px; height:21px; background:transparent url(../img/tab-right-arrow.png) no-repeat 0 0; } #iva-controller-h .categories .tab, #iva-controller-h .categories .tab a { font-size:11px; opacity: 0.8; filter: alpha(opacity = 80); } #iva-controller-h .categories .selected, #iva-controller-h .categories .selected a { color:#e0c009; opacity: 1.0; filter: alpha(opacity = 100); } /* #tab-left-arrow, #tab-right-arrow, #tab-all css is controlled by JS becaues it required logic to check if tabs are at front/end of the listing */ #iva-controller-h .categories .tab:hover { opacity: 1.0; filter: alpha(opacity = 100); position:relative; cursor: pointer; } /* * * * Category All Listing * * * */ #iva-controller-h #category-listing { color: #FFF; line-height:20px; text-align: center; } #iva-controller-h #category-listing ul { overflow:hidden; padding:0; margin:0; } #iva-controller-h #category-listing.hidden { display:block; position: absolute; left: -300000px; } #iva-controller-h #category-listing * { font-size: 11px; color:#333; } #iva-controller-h #category-listing .clickable { display:block; padding: 0 10px; background-color:white; opacity: 0.80; filter: alpha(opacity = 80); zoom: 1; } #iva-controller-h #category-listing .up { border-bottom: 1px solid #DDD; height: 12px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; /* behavior: url(http://iva-dev.seseit.net/player/css/PIE.htc);*/ /* CSS3 hack for IE6,7, and 8. */ } #iva-controller-h #category-listing .up .img { background: #FFF url(../img/button-up.png) no-repeat center center; height:12px; width:18px; text-align: center; margin: 0 auto; } #iva-controller-h #category-listing .down { border-top: 1px solid #DDD; height: 12px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; /* behavior: url(http://iva-dev.seseit.net/player/css/PIE.htc);*/ /* CSS3 hack for IE6,7, and 8. */ } #iva-controller-h #category-listing .down .img { background: #FFF url(../img/button-down.png) no-repeat center center; height:12px; width:18px; text-align: center; margin: 0 auto; } #iva-controller-h #category-listing .clickable:hover { cursor: pointer; opacity: 1; filter: alpha(opacity = 100); } #iva-controller-h #category-listing .entry { text-align:left; } #iva-controller-h #category-listing .entry a { border-bottom: 1px solid #DDD; } #iva-controller-h #category-listing .selected * { color:#AAA; } #iva-controller-h #category-listing .selected:hover { cursor: default; opacity: 0.80; filter: alpha(opacity = 80); } #iva-controller-h #category-listing .selected:hover a { cursor: default; } #iva-controller-h #category-listing .selected .img { opacity: 0.40; opacity: 0.40; filter: alpha(opacity = 40); } /* * * Trailer Listing * */ #iva-controller-h .list-wrapper { background-color:#272727; padding:4px 3px 2px 4px; border: 1px solid #2c2c2c; } #iva-controller-h .list { height:400px; } #iva-controller-h .list .trailer { overflow: auto; padding: 8px; } #iva-controller-h .list .trailer .float-L { float:left; width:80px; } #iva-controller-h .list .trailer .float-R { float:right; } #iva-controller-h .list .trailer a.thumb { display:block; } #iva-controller-h .list .trailer a.thumb img { width:80px; height:60px; } #iva-controller-h .list .trailer .title, #iva-controller-h .list .trailer .title a { font-size:12px; font-weight:bold; } #iva-controller-h .list .selected { opacity: 1.0; filter: alpha(opacity = 100); } #iva-controller-h .list .selected .title, #iva-controller-h .list .selected .title a { color:#e0c009; } #iva-controller-h .list .trailer .description { height:45px; overflow:hidden; font-size:11px;line-height:14px; } #iva-controller-h .list .trailer .description .extened { display:none; } #iva-controller-h .list .trailer .schedule { } #iva-controller-h .list .trailer .amc-links { display : none; } #iva-controller-h .list .onhover .title, #iva-controller-h .list .onhover .title a { color:#FFF; } /* CSS For Schedule POPUP */ .schedule { position:relative; padding: 3px 8px 2px; margin: 2px 0 6px; font-weight:bold; font-size:11px; background-color:#FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /* -webkit-box-shadow: #444 0px 2px 2px; -moz-box-shadow: #444 0px 2px 2px; box-shadow: #444 0px 2px 2px; */ behavior: url(http://iva-dev.seseit.net/player/css/PIE.htc); /* CSS3 hack for IE6,7, and 8. */ } .schedule { background-color:#FFF; } .schedule .schedule-title { padding-left:14px; color:#333; background:#FFF url(../img/on-air-tv-icon_9x8.png) 0px 2px no-repeat; } .schedule .dates { display:none; } #schedule-popup { padding: 4px; margin:0; background-color:#FFF; } #schedule-popup * { color:#333; background-color:#FFF; } #schedule-popup h5 { background:#FFF url(../img/on-air-tv-icon_9x8.png) 2px 4px no-repeat; font-weight:bold; font-size:11px; padding-left: 16px; } #schedule-popup .next, #schedule-popup .upcoming { padding-left:18px; background: #FFF url(../img/showtime-remote-icon_14x14.png) left top no-repeat; margin:0; } #schedule-popup .upcoming { pdding-top: 8px; } #schedule-popup .next *, #schedule-popup .upcoming * { font-size:11px; font-weight:normal; } #schedule-popup .next span, #schedule-popup .upcoming span { padding: 0 3px 0 0; } #schedule-popup .amc-sched:hover { text-decoration: underline; } /* values altered when vertical scrollbar is showing/not-shown */ #iva-controller-h .list .trailer { position:relative; zoom:100%; width: 272px; opacity:0.8; filter:alpha(opacity=80); margin-bottom: 4px; border: 1px solid #3c3c3c; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; background:#313131 url(../img/trailer-bg-2.png) repeat-x 0 0; /* behavior: url(http://iva-dev.seseit.net/player/css/PIE.htc); */ /* CSS3 hack for IE6,7, and 8. */ } #iva-controller-h .list .trailer .float-R { width: 186px; } #iva-controller-h .list .wide .trailer { width: 289px; } #iva-controller-h .list .wide .trailer .float-R { width: 200px; } #iva-controller-h .list .onhover { opacity:1.0; filter:alpha(opacity=100); /* background:#3b3b46 url(../img/trailer-bg-2_onhover.png) repeat-x 0 0; */ } #iva-controller-h .list .onhover img { /* opacity:0.8; filter:alpha(opacity=80);*/ } /* css for scrollable version */ #iva-controller-h .jspHorizontalBar { display:none;} #iva-controller-h .jspVerticalBar { width:13px; background-color:#FFF; } #iva-controller-h .jspTrack { width:13px; } #iva-controller-h .jspArrowUp { width:13px; height:13px; background: #272727 url(../img/scroll-up.png) no-repeat 0 0; } #iva-controller-h .jspArrowDown { width:13px; height:13px; background: #272727 url(../img/scroll-down.png) no-repeat 0 0; } #iva-controller-h .jspArrowUp:hover, #iva-controller-h .jspArrowDown:hover { opacity: 0.8; filter: alpha(opacity = 80); zoom: 1; cursor: pointer; } #iva-controller-h .jspTrack { background: #FFF url(../img/scroll-track-bg.png) repeat-y 0 0; } #iva-controller-h .jspDrag { width:13px; background: #272727 url(../img/scroll-drag.png) no-repeat 0 0; } /* css for detapls*/ #iva-controller-h .details { line-style-type:none; display:none; } #iva-controller-h .details .detail { color:#AAA; font-size:10px; padding-left:10px; } #iva-controller-h .details .detail .name { color:#AAA; font-weight:bold; padding-right: 3px; } #iva-controller-h .details .detail .value { color:#AAA; font-weight:normal; }