
/*
 * TOP STORY
 */

#topstory { position:relative; height:341px; min-width:960px; max-width:1440px; overflow:hidden; z-index:1; }

#topstory img { position:relative; border:0; }
#topstory .nav-prev, #topstory .nav-next {position:absolute; width:30px; margin-top:135px; height:85px; z-index:100; cursor:pointer; }
#topstory .nav-prev { left:0; background:url(/media/BTN-TS_LEFTARROW_stacked.png) 50% -85px no-repeat;}
#topstory .nav-next { right:0; background:url(/media/BTN-TS_RIGHTARROW_stacked.png) 50% -85px no-repeat;}
#topstory .ui-topstory-nav-hover { background-position: 50% 0px;}
#topstory .panel { position:absolute; padding:0; margin:0; display:none; cursor:pointer; }
#topstory .panel .image {padding:0;margin:0}

#topstory .panel .playbutton { position: absolute; top:0px; left:0px; width:560px; height:275px; }
#topstory .panel .playbutton a { margin:0; display:block; width:560px; height:275px; background:url(/media/play.png) 50% 50% no-repeat;}
#topstory .panel .playbutton a img { display:none;  }

#topstory .panel .followlink { position: absolute; top:0px; left:0px; z-index:100;}
#topstory .panel .followlink a { display:block; width:560px; height:275px; }

#topstory .panel .banner { display:none; position:relative; width:560px; height:50px; color:#fff; text-align:left; font-size:11px; font-weight:800; z-index:50;}
#topstory .panel .banner span { display:block;}
#topstory .panel .banner a { color:#ffffff; text-decoration:underline; }

#topstory .panel ul.watch { position:relative; float:right; height:29px;width:100px; margin-top:3px;}
#topstory .panel ul.watch li{position:relative; display:inline;float:left;height:29px;}
#topstory .panel ul.watch li.left{background: url(/media/BTN_TS-watch_LEFT.png) no-repeat bottom left;width:10px;}
#topstory .panel ul.watch li.right{background: url(/media/BTN_TS-watch_RIGHT.png) no-repeat bottom left;width:10px;}
#topstory .panel ul.watch li.middle{background: url(/media/BTN_TS-watch_MIDDLE.png) no-repeat bottom left;text-transform:uppercase;line-height:28px;color:#fff;font-size:14px; font-weight:800; padding:0px 5px;}
#topstory .panel ul.watch li.middle a{color:#fff;}

#topstory .ui-topstory-visible  { display:block; }

#topstory .panel { -webkit-box-reflect:below 5px -webkit-gradient(linear, 0 60%, 0 100%, from(transparent), to(rgba(0,0,0,128)));}
#topstory .panel .image { -webkit-box-shadow:0 0 9px rgba(255,255,255,200); -moz-box-shadow:0 0 9px rgba(255,255,255,200); box-shadow:0 0 9px rgba(255,255,255,200); }
#topstory .ui-topstory-current  { -webkit-box-reflect: none; cursor:default; }

/* 
 * TOP STORY OVERLAY 
 */

#ts_overlay { position:absolute; top:0; left:0; height:100%; width:100%; background:url(/media/1.png);  display:none; z-index:100;}
#ts_overlay .holder{ margin:40px auto; padding:0; height:350px; width:820px; }
#ts_overlay .right { float:right; }
#ts_overlay .left { float:left; margin-right:10px;}
#ts_overlay_player { height:350px; width:550px; position:relative; z-index:-1;}
#ts_overlay_close { height:100px; width:250px; cursor:pointer; }
#ts_overlay_adspot { height:250px; width:250px; }

/*
 * DROP DOWN MENU
 */

.dropdownmenu { position:relative; z-index:250; }
.dropdownmenu .ui-dropdown-nav { position:relative; clear:both; list-style-type:none; margin:0; padding:0; }
.dropdownmenu .ui-dropdown-nav li { margin:0; float:left; }
.dropdownmenu .ui-dropdown-nav li a { display:block; float:left; margin:0; }
.dropdownmenu .ui-dropdown-nav li ul { display:none; }
.dropdownmenu .ui-dropdown-sub { position:absolute; }
.dropdownmenu .ui-dropdown-active ul { display:block !important; }

/*
 * TAKEOVER
 */

#takeover{position:relative; z-index:20;}
#hp-takeover { position:relative; margin-top:15px; }
.ui-takeover { margin:0; padding:0; z-index:20;}
.ui-takeover div { margin:0; padding:0; z-index:20;}
.ui-takeover .ui-takeover-min-state { position:relative; }
.ui-takeover .ui-takeover-max-state { position:absolute; top:0; left:0; z-index:23;}
.ui-takeover .ui-takeover-toggle { cursor:pointer; }

#hp-takeover .toggle { position:absolute; top:5px; right:5px; }