/****************
 * basic layout *
 ****************/

div.viddler-widget div.items-container div.items div.item {float:left; height:124px;}
div.viddler-widget div.items-container div.items div.item div.play-button {filter:alpha(opacity=30); margin:10px 9px;-moz-opacity:.30; opacity:0.3; position:absolute;}
div.viddler-widget div.items-container div.items div.item a {color:#000; display:block; font-size:8px; position:relative; text-align:center; text-decoration:none; width:96px;}
div.viddler-widget div.items-container div.items div.item a:hover {color:#2f99ff;}
div.viddler-widget div.items-container div.items div.item img {border:1px solid #222; margin-bottom:3px;}
div.viddler-widget div.items-container div.items div.item a span.play-button {background:url(/vod/MediaObjects/images/play.png) 0 0 no-repeat; border:0; display:block; height:42px; left:50%; margin-left:-21px; position:absolute; top:21px; width:42px;}
div.viddler-widget span.embed-code {background:url(/skins/graphics/loader_lg.gif) center center no-repeat; display:block;}
div.viddler-widget div#hiddenVideoContent {display:none;}

/*************
 * full view *
 *************/

div.viddler-widget div.static {position:relative;}
div.viddler-widget div.static div.movie-box {float:left;}
div.viddler-widget div.static object,
div.viddler-widget div.static embed,
div.viddler-widget div.static span.embed-code {height:249px; width:371px;}
div.viddler-widget div.static div.items-container {float:left; position:relative; width:318px;}
div.viddler-widget div.static div.items-container div.item {margin-left:10px;}

/* alt layout (for overflow scrolling overflow thumb area */
div.viddler-widget div.static div.alt-layout div.items-container {height:237px; overflow:auto; width:344px;}
div.viddler-widget div.static div.alt-layout object,
div.viddler-widget div.static div.alt-layout embed,
div.viddler-widget div.static div.alt-layout span.embed-code {height:235px; width:345px;}

/**************
 * strip view *
 **************/ /* do not take off width:100% from div.items-container or the ie6 layout will break */

div.viddler-widget div.slider div.movie-box {display:none;}
div.viddler-widget div.slider div.items-container {height:139px; overflow:hidden; position:relative; width:100%;}
div.viddler-widget div.slider div.items-container div.items {left:44px; padding-top:15px; position:relative;}
div.viddler-widget div.slider div.items-container div.items div.item {padding:0px 12px; width:96px;}
div.viddler-widget div.slider span.embed-code {height:288px; width:437px;}

/* controller */
div.viddler-widget div.slider span.prev,
div.viddler-widget div.slider span.next {display:block; height:139px; position:absolute; width:56px; top:0; z-index:1;}
div.viddler-widget div.slider span.prev {background:url(/vod/MediaObjects/images/fade-left.png) 0 0 no-repeat;}
div.viddler-widget div.slider span.next {background:url(/vod/MediaObjects/images/fade-right.png) 0 0 no-repeat;}
div.viddler-widget div.slider span.prev,
div.viddler-widget div.slider span.prev a {left:0;}
div.viddler-widget div.slider span.next,
div.viddler-widget div.slider span.next a {right:0}
div.viddler-widget div.slider span.prev a,
div.viddler-widget div.slider span.next a {display:block; filter:alpha(opacity=0); height:62px; -moz-opacity:.0; opacity:.0; position:absolute; top:25px; width:35px;}
div.viddler-widget div.slider span.prev a {background:url(/vod/MediaObjects/images/prev.gif) 0 0 no-repeat;}
div.viddler-widget div.slider span.next a {background:url(/vod/MediaObjects/images/next.gif) 0 0 no-repeat;}
div.viddler-widget div.slider span.prev a:hover,
div.viddler-widget div.slider span.next a:hover {background-position:0 -62px;}

/* alernate layout (when not enough items to afford sliding) */
div.viddler-widget div.slider div.alt-layout span.prev,
div.viddler-widget div.slider div.alt-layout span.next {display:none;}
div.viddler-widget div.slider div.alt-layout div.items {left:0;}
div.viddler-widget div.slider div.alt-layout div.items a {margin:0 auto;}
div.viddler-widget div.slider div.alt-layout div.col {padding:0 !important;}
div.viddler-widget div.slider div.alt-layout div.col2 div.col {width:50%;}
div.viddler-widget div.slider div.alt-layout div.col3 div.col {width:33.3333%;}
div.viddler-widget div.slider div.alt-layout div.col4 div.col {width:25%;}
div.viddler-widget div.slider div.alt-layout div.col5 div.col {width:20%;}

/*************
 * ie6 fixes *
 *************/

*html div.viddler-widget div.slider span.prev,
*html div.viddler-widget div.slider span.next {background:#fff;}
*html div.viddler-widget div.slider span.next {right:-1px;}
*html div.viddler-widget div.static div.items-container {margin-left:-10px; width:328px;}
*html div.viddler-widget div.static div.alt-layout div.items-container {width:354px;}