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

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

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

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

/*
 ******************************************
 * 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 { cursor:pointer; position:absolute; top:5px; right:5px; color:#000; background:#fff; padding:5px; }

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

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

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

.tabModule .content { position: relative; clear: left; float: left; width: 100%; margin: 0; padding: 0; }
.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 .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; z-index: 10; }
.top_story .top_story_items .top_story_item iframe.video { visibility: hidden; }

.top_story .top_story_items .play_video { background: #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: 17px; left: 0; z-index: 0; }
.top_story .scrollerModule .scroller_item .thumbnail_text { position: absolute; overflow: hidden; z-index: 1; bottom: 0; left: 0; }
.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 { position: relative; z-index: 50; display:inline;}