/*
 ******************************************
 * ACCORDION MODULE BASE STYLE PROPERTIES
 ******************************************
 */

.accordion { position : relative; overflow : hidden; }

/*
 ******************************************
 * SCROLLER MODULE BASE STYLE PROPERTIES
 ******************************************
 */

.scrollerModule { position: relative; overflow: hidden; }
.scrollerModule .viewport { position: relative; overflow: hidden; float: left; }
.scrollerModule .holder { position: relative; float: left; width: 30000px; }
.scrollerModule .holder:after { display: block; clear: both; content: "."; height: 0; visibility: hidden; }
.scrollerModule .panel { display: inline; float: left; }

/*
 ******************************************
 * SLIDER MODULE BASE STYLE PROPERTIES
 ******************************************
 */

.sliderModule { position: relative; overflow: hidden; }
.sliderModule .viewport { position: relative; overflow: hidden; }
.sliderModule .holder { position: relative; float: left; width : 30000px; }
.sliderModule .panel { display: inline; overflow: hidden; float: left; }

.sliderModule .nav-holder { overflow: hidden; margin: 0 auto; }

.sliderModule .slider-nav { position: relative; float: left; }

.sliderModule .track { position: relative; }
.sliderModule .grip { position: absolute; top: 0; cursor: pointer; z-index: 20; }

.sliderModule .nav-slider-prev,
.sliderModule .nav-slider-next { float: left; cursor: pointer; }
.sliderModule .disabled { cursor: default; }

/*
 ******************************************
 * TAKEOVER MODULE
 ******************************************
 */

.takeover { position: relative; overflow: hidden; }
.takeover .opened { position: absolute; top: 0; left: 0; z-index: 10; }
.takeover .closed { position: relative; z-index: 20; }
.takeover .toggle { position: absolute; top: 5px; right: 5px; background: #FFFFFF; color: #000000; padding: 5px; cursor: pointer; }

/*
 ******************************************
 * TAB MODULE BASE STYLE PROPERTIES
 ******************************************
 */

.tabModule { position: relative; overflow: hidden; }

.tabModule .nav { position: relative;  clear: left; float: left; width: 100%; }
.tabModule .nav li { position: relative; float: left; }
.tabModule .nav li a { display: block; position: relative; }

.tabModule .content { position: relative; clear: left; float: left; width: 100%; }
.tabModule .content li { display: block; position: absolute; top: 0; left: 0; z-index: 1; }
.tabModule .content li.current { z-index: 5; }


/*
 ******************************************
 * TOP STORY MODULE BASE STYLE PROPERTIES
 ******************************************
 */

.top_story { position: relative; }

.top_story .ad { position: absolute; bottom: 0; right: 0; overflow: hidden; height: 24px; margin: 5px; z-index: 20; }

.top_story .top_story_items { position : relative; clear : both; overflow : hidden; width : 100%; }
.top_story .top_story_items .top_story_item { display : block; position : absolute; top : 0; left:0; z-index : 1; }
.top_story .top_story_items .selected { z-index: 5;}
.top_story .top_story_items .top_story_item .teaser { position: absolute; overflow: hidden; z-index: 10; }
.top_story .top_story_items .top_story_item iframe.video { visibility: hidden; }

.top_story .top_story_items .play_video { background-color: #000000 !important; text-align: center; }
.top_story .top_story_items .top_story_item .video_preview { position: absolute; top: 0; left: 0; z-index: 5; cursor: pointer; }
.top_story .top_story_items .play_video iframe.video { position: relative; margin: 0 auto; visibility: visible; }
.top_story .top_story_items .play_video .video_preview,
.top_story .top_story_items .play_video .teaser { display: none; }

.top_story .scrollerModule .scroller_viewport { position: relative; overflow: hidden; float: left; }
.top_story .scrollerModule .scroller_items { position : relative; overflow: hidden; width: 99999px; }
.top_story .scrollerModule .scroller_items:after { display: block; clear: both; content: "."; height: 0; visibility: hidden; }
.top_story .scrollerModule .scroller_item { display: inline; position: relative; float: left; }
.top_story .scrollerModule .scroller_item .thumbnail { position: absolute; bottom: 15px; left: 0; z-index: 0; }
.top_story .scrollerModule .scroller_item .thumbnail_text { position: absolute; bottom: 0; left: 0; overflow: hidden; line-height: 16px; z-index: 1; }
.top_story .scrollerModule .scroller_nav_button { overflow: hidden; float: left; }
.top_story .scrollerModule .scroller_toc { clear: both; text-align: center; }
.top_story .scrollerModule .scroller_toc div { display: inline; position: relative; z-index: 50; }

/*
 ***************************
 * CONTENT SCROLLER AREA SCROLLER MODULE
 ***************************
 */

#content_slider { text-align: center; }
#content_slider .scrollerModule { text-align: left; height: 220px; margin: 20px auto 10px auto; }
#content_slider .scrollerModule .viewport,
#content_slider .scrollerModule .holder { height: 220px; }
#content_slider .scrollerModule .panel { width: 140px; height: 220px; margin: 0 5px; }
#content_slider .scrollerModule .panel .thumbnail { clear: both; overflow: hidden; width: 140px; }
#content_slider .scrollerModule .panel .summary { clear: both; margin-top: 5px; }
#content_slider .scrollerModule .panel .teaser { font-weight: normal; font-size: 10px; }

#content_slider .scrollerModule .nav-prev,
#content_slider .scrollerModule .nav-next { display: inline; position: relative; overflow: hidden; float: left; background: #CCAAAA; width: 25px; height: 25px; margin-top: 80px; cursor: pointer; }

#content_slider .scrollerModule .enabled { background: #CCAAAA; }
#content_slider .scrollerModule .hover { background: #AA8888; }
#content_slider .scrollerModule .disabled { background: #AAAAAA; }

#content_slider .scrollerModule .scroller_toc { display: none; }

/*
 ***************************
 * CONTENT SCROLLER AREA SLIDER MODULE
 ***************************
 */

#content_slider .sliderModule { height: 240px; margin: 10px auto 0 auto; }
#content_slider .sliderModule .viewport { width: 100%; height: 210px; }
#content_slider .sliderModule .holder { height: 210px; }
#content_slider .sliderModule .panel { width: 150px; height: 220px; margin: 0 5px; }
#content_slider .sliderModule .panel .thumbnail { clear: both; overflow: hidden; width: 150px; }
#content_slider .sliderModule .panel .summary { clear: both; margin-top: 5px; }
#content_slider .sliderModule .panel .teaser { font-weight: normal; font-size: 10px; }

#content_slider .sliderModule .nav-slider-prev,
#content_slider .sliderModule .nav-slider-next {  background: #CCAAAA; width: 20px; height: 20px; }
#content_slider .sliderModule .hover { background: #AA8888; }
#content_slider .sliderModule .disabled { background: #AAAAAA; }

#content_slider .sliderModule .slider-nav { height: 20px; }
#content_slider .sliderModule .track { background: #AAAAAA; height: 20px; }
#content_slider .sliderModule .grip { background: #DDDDDD; height: 20px; }

/*
 ***************************
 * CONTENT TICKET HUB
 ***************************
 */

#vlb {
	border : 10px solid #fff;
	display : none;
	background : #FFF;
	padding : 10px;

	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	-moz-box-shadow:0 0 25px rgba(0,0,0,255);
	-webkit-box-shadow:0 0 25px rgba(0,0,0,255);
}

/*
 ***************************
 * CONTENT TICKET HUB
 ***************************
 */

#tickets.module { width: 300px; height: 250px; position: relative; }

#tickets .tabModule { position: relative; width: 288px; height: 195px; margin: 50px auto 0 auto; }
#tickets .tabModule .tickets-nav, #tickets .tabModule .tickets-nav li { position: relative; float: left; height: 23px; }
#tickets .tabModule .tickets-nav { background: #FFFFFF; clear: left; width: 288px; }
#tickets .tabModule .tickets-nav li a { float: left; text-indent: -9999px; width: 96px; height: 23px; }

#tickets .tabModule .tickets-nav li a.tickets { background-image: url(/frags/globalsitecomp/media/hub_tab_tix.png); background-position: 0 0; }
#tickets .tabModule .tickets-nav li.current a.tickets,
#tickets .tabModule .tickets-nav li.hover a.tickets { background-position: 0 -23px; }
#tickets .tabModule .tickets-nav li a.hot_deals { background-image: url(/frags/globalsitecomp/media/hub_tab_deals.png); background-position: 0 0; }
#tickets .tabModule .tickets-nav li.current a.hot_deals,
#tickets .tabModule .tickets-nav li.hover a.hot_deals { background-position: 0 -23px; }
#tickets .tabModule .tickets-nav li a.packages { background-image: url(/frags/globalsitecomp/media/hub_tab_packages.png); background-position: 0 0; }
#tickets .tabModule .tickets-nav li.current a.packages,
#tickets .tabModule .tickets-nav li.hover a.packages { background-position: 0 -23px; }
#tickets .tabModule .tickets-content { position: relative; overflow: hidden; clear: left; float: left; width: 100%; height: 172px; }
#tickets .tabModule .tickets-content li { display: block; position: absolute; top: 0; left: 0; overflow: hidden; background: #FFFFFF; width: 100%; height: 172px; z-index: 1; }
#tickets .tabModule .tickets-content li.current { z-index: 5; }

#tickets .tabModule li .tickets { }
#tickets .tabModule li .hot_deals { }
#tickets .tabModule li .packages { }

#tickets .tabModule .tabModule { width: 284px; height: 143px; margin: 0 auto;}
#tickets .tabModule .tabModule ul.nav { position: relative; background: url(/frags/globalsitecomp/media/tickethub_tab_nav_bg.png) no-repeat; width: 284px; height: 25px; margin-bottom: 3px; }
#tickets .tabModule .tabModule ul.nav li { position: relative; width: 20px; height: 12px; margin: 4px 0 0 10px; padding: 1px 3px; border: 1px solid #FFFFFF; }
#tickets .tabModule .tabModule ul.nav li a { text-decoration: none; width: 20px; height: 12px; }
#tickets .tabModule .tabModule ul.nav .hover { border-color: #AAAAAA; }
#tickets .tabModule .tabModule ul.nav .current { border-color: #555555; }

#tickets .tabModule .tabModule .content li { overflow: hidden; width: 284px; height: 114px;  }
#tickets .tabModule .tabModule .content li.current { z-index: 5; }

#tickets .sliderModule { width: 280px; height: 114px; margin: 0 auto; }
#tickets .sliderModule .viewport { width: 280px; height: 100px; margin-bottom: 2px; }
#tickets .sliderModule .viewport .holder { height: 100px; }
#tickets .sliderModule .viewport .holder .panel { background: url(/frags/globalsitecomp/media/tix_hub_item_bg.png) no-repeat; text-align:center; font-family:"arial", "helvetica", sans-serif; font-weight: 400; width: 52px; height: 98px; padding: 3px 2px; }

#tickets .sliderModule .viewport .holder .panel .gameday { padding-top: 1px; height: 14px; width: 52px; background:url(/frags/globalsitecomp/media/tix_hub_date_bg.png) no-repeat; font-size:9px; font-weight:800; text-transform:uppercase;}
#tickets .sliderModule .viewport .holder .panel .opplogo { margin: 4px 0; height:40px; width:50px;}
#tickets .sliderModule .viewport .holder .panel .ticketurl {text-indent:-1000px; text-align:left; height:12px; width:52px; background:url(/frags/globalsitecomp/media/tix_hub_buy_tix.png) no-repeat;}
#tickets .sliderModule .viewport .holder .panel .ticketurl a {display:block; text-align:left; height:12px; width:52px; padding:0; margin:0;}
#tickets .sliderModule .slider-nav { width:280px; }
#tickets .sliderModule .grip { height:15px; width:44px; background:url(/frags/globalsitecomp/media/tix_hub_grip.png) no-repeat;}
#tickets .sliderModule .track {height:15px; width:280px; background:url(/frags/globalsitecomp/media/tix_hub_track.png) no-repeat; }

#tickets .sliderModule .slider-nav .disabled { display:none; }