/* **********************

   Docportal Templates

********************** */



/* import header and footer */

@import "/includes/css/v08/core.css";

@import "/documentaries/includes/css/switcher.css";

/* override original width to accomodate wider content area and background images */

#zonebar { width: 986px; margin: 0; }

#zone { background: #363636 url(../../gfx/bg_topnav.gif) top left repeat-y !important; }

#zone a img { border: none !important; }

#globalnav { background: #fff; }

#globalnav a img { border: none; }

#gn-adww { margin-bottom: 0; padding-bottom: 10px; }

#footer { width: 986px; margin: 0; }

#footer a img { border: none; }

/* overrides for storypages */

#storyright { width: 370px; margin: 0; float: left; display: inline; overflow: hidden; }

#story { border-top: 1px solid #0e4c00; }

#story img.splash { margin: 10px; }

#story em.splash { margin: 0 10px 10px 10px; display: block; }



#gn-links .top_nav_text {

	width: 130px !important;

	border: 1px solid #999;

	margin: 0 3px 0 0;

	padding:0;

	height:16px;

	vertical-align:top;

	font: 11px Verdana, sans-serif;

}





/* Utilities */

.cLeft { clear: left; }

.cRight { clear: right; }

.fLeft { float: left; }

.fRight { float: right; }

.show { display: block; }

.hide { display: none; }

.debug { background: aqua; outline: 1px solid #900; }



/* basic layout */

* { margin: 0; padding: 0; } /* nuke all whitespace */

body { color: #333; font-size: 11px; }

fieldset { border: 0; }

a { color: #426398; outline: 0; text-decoration: none; }

a:hover { outline: 0; text-decoration: underline; }



a img { border: 1px solid #fff; }

a:hover img, a:active img { border: 1px solid #426398; }

.current .module a img { border: 1px solid #e6e6e6; }

.current .module a:hover img, .current .module a:active img { border: 1px solid #426398; }

.bigbox a img { border: none !important; }

.hostList .illustration a img { border: 1px solid #fff; }

.hostList .illustration a:hover img, .hostList .illustration a:active img { border: 1px solid #426398; }

.module .mavenLink .mavenIco a { border: 1px solid #fff;}

.module .mavenLink .mavenIco a:hover { border: 1px solid #426398; }

.relatedVideo .illustration a { border: 1px solid #f9f9f9; }

.relatedVideo .illustration a:hover { border: 1px solid #426398; }

.schedule .slot .illustration a img { border: 1px solid #ececec !important; }

.schedule .slot .illustration a:hover img { border: 1px solid #426398 !important; }

.schedule .slot.even .illustration a img { border: 1px solid #ccc !important; }

.schedule .slot.even .illustration a:hover img { border: 1px solid #426398 !important; }





/* page divisions */

#body { width: 986px; }

#pageTitle { width: 986px; }

#pageTitle .programDetails { background: #fff; padding: 5px; margin: 5px; }



#content {

  width: 986px;

   /* This is to accomodate shorter pages(404.html,505.html,etc)

      that are not long enough for the zonebar */

   min-height:420px; height:auto !important; height:420px;

   }



.columnleft { float: left; display: inline; width: 616px; }

.columnRight { float: left; display: inline; width: 370px; }

.columnRight .textBox .illustration { width: 110px; }

.columnRight .textBox .summary { width: 230px; }



.columnFull { width: 986px; }



.promoCol { width: 308px; float: left; display: inline; }

.promoCol .textBox { width: 298px; }

.promoCol .textBox .illustration { float: left; display: inline; width: 110px; }

.promoCol .textBox .summary { float: left; display: inline; width: 170px; }





/* **********************

   MODULES

********************** */



/* Modules General Formatting */

.module { margin: 5px; background: #fff; border-top: 1px solid #212121; }

.module .body { padding: 8px; }

.module .body h2 { margin-bottom: 13px; color: #333; font-size: 1.6em; }

.module .body h2 span.subtitle { font-size: .8em; }

.module .body h3 { margin-bottom: 13px; }

.module .body h4 { font-size: 1.1em; }

.module .body p { margin-bottom: 5px; }

.module .body p.airtime { font-size: .9em; color: #777777; }

.module .more { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #f9f9f9;}

.module .more a { display: block; padding: 8px 10px; color: #426398; }

.module .row { margin-bottom: 10px; }



/* General Maven formatting */

.module .mavenLink { float: left; display: inline; width: 103px; padding-right: 15px; }

.module .mavenLink .cta { margin: 60px 0 0 0; *margin: 4px 0 0 0; padding: 0; }

.module .mavenLink .cta a { float: left; display: inline; font-weight: bold; color: #666; }

.module .mavenLink .cta .mavenDuration { float: right; display: inline; font-size: .8em; }

.module .mavenLink h3 { margin: 0; font-size: 1em; text-transform: uppercase; font-weight: normal;}

.module .mavenLink h4 { margin: 0; font-size: 1em; }

.module .mavenLink p { margin: 0 0 6px 0; }

.module .mavenLink .mavenIco {

   width: 101px; height: 56px; float: left; display: inline; position: relative;

   }

.module .mavenLink .mavenIco a {

   background: url(../../gfx/maven_thumb.gif) top left no-repeat;

   display: block; width: 101px; height: 56px; text-decoration: none;

   position: absolute; top: 0; left: 0; z-index: 10;

   }

.module .episode .mavenIco a {

   background: url(../../gfx/px_trans.gif) top left no-repeat; text-decoration: none;

   }

.module .episode .mavenIco img { position: absolute; top: -3px; left: 0px; z-index: 1; margin-top: -3px; }



.module .mavenLink .mavenIco img { position: absolute; top: 0px; left: 0px; z-index: 1;}

.module .mavenLink .summary { width: 101px; margin-top: -56px; >margin-top: 0; }



/* button styles */

.module .legalLinks a { font-weight: bold; color: #000; font-size: .9em; text-decoration: none; }

.module .legalLinks .divider { font-weight: bold; padding: 0 5px; }



/* data Tables */

.module .dataTable {

   border-collapse: collapse; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;

   width: 100%; margin-bottom: 15px;

   }

.module .dataTable th, .module .dataTable td { padding: 5px 5px 5px 10px; }

.module .dataTable th { text-align: left; border-right: 1px solid #E6E6E6; color: #777777; font-weight: normal; }

.module .dataTable td { background: #E6E6E6; border-right: 1px solid #fff; }

.module .dataTable tr.odd td { background: #fff; border-right: 1px solid #E6E6E6; }

.module .dataTable td.last { border: none !important; }

.module .dataTable tr.alt td { background: #fff; border-right: 1px solid #E6E6E6; }



/* Forms */

.module .basicForm { margin: 20px 0; }

.module .basicForm fieldset { margin: 10px 0; }

.module .basicForm label { display: block; margin: 5px 0; font-weight: bold; }

.module .basicForm input, .module .basicForm textarea {

   border: 1px solid #d7d7d7; color: #181616; font-family: arial; font-size: 1em; padding: 5px;

   }

.module .basicForm .text { width: 95%; }

.module .basicForm .submit { padding: 5px 10px; background: #7b0415; color: #fff; border: none; }

.module .basicForm .privacy { color: #7b0415; margin-left: 15px; }

.module .basicForm p.required { font-weight: bold; margin-top: 15px; }

.module .basicForm .errorMsg { font-size: 1.2em; font-weight: bold; color: #7b0415; }

.module .basicForm .highlight { border: 1px solid #7b0415; }



/* Deck styles */

.deckModule .more { position: relative; padding: 10px; }

.deckModule .more a { display: inline; padding: 0; }



.deckModule .deckNav { position: absolute; top: 8px; right: 10px; width: 100px; }

.deckModule .deckNav .previous, .deckModule .deckNav .progress, .deckModule .deckNav .next {

   display: inline; float: left; margin: 0; padding: 0;

   }

.deckModule .deckNav .previous {

   background: url(../../gfx/ico_prev.gif) top left no-repeat; width: 19px; height: 17px;

   }

.deckModule .deckNav .progress { width: 62px; text-align: center; color: #426398; }

.deckModule .deckNav .next {

   background: url(../../gfx/ico_next.gif) top left no-repeat; width: 19px; height: 17px;

   }

.deckModule #slideshow { padding: 0; width: 250px; }

.deckModule #slideshow li { list-style-type: none; width: 340px; }

.deckModule #slideshow li .illustration { width: 150px; }

.deckModule #slideshow li .summary { width: 190px; }

.deckModule #slideshow.js { padding: 0; margin: 0 0 10px 0; }

.deckModule #slideshow.js li { display: none; padding: 0; }

.deckModule #slideshow.js li.current { display: block; }



/* General Textbox Module */

.textBox .body h3 { font-size: 1em; }

.textBox .illustration { float: left; display: inline; width: 150px; }

.textBox .summary { float: left; display: inline; width: 190px; }

.textBox .summary h3 { text-transform: uppercase; margin: 0; padding: 0; }

.textBox ul, .textBox ol { margin-left: 15px; padding-left: 0; margin-bottom: 1em; }

.textBox ol { >padding-left: 10px; }

.textBox dt { font-weight: bold; padding-top: 7px; font-size:12px;}

.textBox dd { margin-left: 0; padding-left: 15px; padding-top: 3px;}

.textBox .programList {

   width: 170px; margin: 0; padding: 0; float: left; display: inline; color: #e6e6e6; font-size: 1.1em;

   }

.textBox .programList li {

   border: 1px solid #fff; list-style-position: outside; padding: 0; margin: 4px 0;

   padding-left: 0px; margin-left: 15px;

   }

.textBox .programList li a { display: block; }

.textBox .special { font-weight: bold; margin-top: 10px; }

.textBox .episodeFeatures h3 { margin: 10px 0; padding: 0; font-size: 1.2em; border-bottom: 1px solid #e6e6e6; }

.textBox .episodeFeatures .legal { color: #999; margin: 20px 0 10px 0; font-size: .9em; }

.textBox .callout { background: #f9f9f9; padding: 10px; margin: 10px 0; font-size: 1.3em; font-weight: bold; }

.textBox .callout .privacy { margin-top: 10px; }

.textBox .callout .privacy a { font-size: .8em; color: #7d0904; }

.textBox.generic .anyTable {

   margin: 10px 0; width: 98%;

   border-collapse: collapse; border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;

   }

.textBox.generic .anyTable th { text-align: left; border-right: none !important; background: #e6e6e6; }

.textBox.generic .anyTable th, .textBox.generic .anyTable td {

   padding: 5px; vertical-align: top;

   border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;

   }

.textBox.gallery .illustration { float: left; display: inline; width: 150px; }

.textBox.gallery .summary {

   float: left; display: inline; width: 190px; *margin-left: 10px; *width: 190px !important;

   }





/* Podcast Module */

.podcast .illustration { float: left; display: inline; width: 130px; }

.podcast .summary {

   float: left; display: inline; width: 190px; *margin-left: 10px; *width: 190px !important;

   }

.podcast p { margin-bottom: 10px; }

.podcast form { display: block; margin: 1.5em 0; }



/* Schedule Module */

.schedule .slot { background: #ececec; width: 586px; margin: 10px 0; padding: 0; }

.schedule .slot .details { float: left; display: inline; width: 118px; padding: 10px; margin-right: 10px; }

.schedule .slot .details h3 { font-size: 1.1em; margin: 0; padding: 0; }

.schedule .slot .details .airtime { font-size: 1.1em; }

.schedule .slot .details .airdate { font-size: 1.4em; margin-top: 10px; font-weight: bold; }

.schedule .slot .show {

   border-left: 1px solid #ccc; float: left; display: inline; width: 437px; margin: 10px 0;

   }

.schedule .slot .show .illustration { width: 110px; float: left; display: inline; text-align: right; }

.schedule .slot .show .summary { width: 310px; margin-left: 10px; float: left; display: inline; }

.schedule .slot .show .summary h3 { text-transform: none; font-size: 1.2em; margin-bottom: .3em; }

.schedule .slot .show .summary h4 { text-transform: none; font-size: 1em; margin-bottom: .3em; }

.schedule .slot.even { background: #ccc; }

.schedule .slot.even .show { border-left: 1px solid #ececec; }

.schedule .past { border-top: 10px solid #e6e6e6; margin-top: 10px; padding-top: 10px; }

.schedule .past ul { margin-left: 15px; padding-left: 0; }

.schedule .past h2 { margin: 0 0 5px 0; padding: 0; }

.schedule.alt .slot .show .illustration { display: none; }

.schedule.alt .slot .show .summary { width: 420px; margin-left: 10px; float: left; display: inline; }



/* Banner Module */

.banner .body {

   width: 982px; height: 100px; padding: 0;

   background: url(../../gfx/banner_current_programs.gif) 5px 8px no-repeat;

   }

.banner .body .summary { color: #fff; padding: 20px 0 0 20px; width: 475px; }

.banner .body .summary h1 { font-size: 1.6em; }

.banner .body .summary p { font-size: 1.2em; margin-top: .7em; }



/* Documentary Audience Services Module */

.docService ul { list-style-type: none; border: 1px solid #e6e6e6; }

.docService ul li { float: left; display: inline; padding: 5px 0; margin-right: 5px; margin-left: 5px; }

.docService ul li a { padding-right: 10px; border-right: 1px solid #000; }

.docService ul li a.rss { background: url(../../gfx/ico_rss.gif) center left no-repeat; padding-left: 17px; }

.docService ul li a.twitter { background: url(../../gfx/ico_twitter.gif) center left no-repeat; padding-left: 17px; }
.docService ul li a.facebook { background: url(../../gfx/ico_fb.gif) center left no-repeat; padding-left: 17px; }
.docService ul li a.addthis { background: url(../../gfx/ico_add.gif) center left no-repeat; padding-left: 17px; }

.docService ul li a.ff { background: url(../../gfx/ico_ff.gif) center left no-repeat; padding-left: 17px; }

.docService ul li a.fb { background: url(../../gfx/ico_fb.gif) center left no-repeat; padding-left: 17px; }

.docService ul li.last a { border-right: none; }



/* Air Times module */

.airTimes .body { margin: 0; padding: 0; }

.airTimes .body p { padding-left: 12px; padding-bottom: 5px;}

.airTimes .body h2 { margin: 10px 0 10px 10px; }



/* Show Promo Module */

.showPromo { padding-bottom: 1px; padding: 10px 0; }

.showPromo .body {

   background: #ececec url(../../gfx/bg_showpromo_top.gif) top left no-repeat;

   width: 339px; margin: 0 auto; padding: 10px 0 0 0; color: #666;

   }

.showPromo .body .showImg { margin: 0 0 15px 10px; position: relative; width: 317px; height: 96px; }

.showPromo .body .showImg a {

   position: absolute; top: 0; left: 0; width: 317px; height: 96px; z-index: 10; display: block;

   background: url(../../gfx/mask_showpromo.gif) top left no-repeat;

   }

.showPromo .body .showImg img { position: absolute; top: 0; left: 0; z-index: 1; }

.showPromo .body p { margin: 0 10px; }

.showPromo .body ul {

   margin: 15px 0 0 0; background: url(../../gfx/bg_showpromo_bottom.gif) bottom left no-repeat;

   }

.showPromo .body ul li { list-style-type: none; width: 339px; }

.showPromo .body ul li a {

   border-top: 1px solid #fff; color: #666 !important; font-weight: bold;

   display: block; padding: 5px 0; margin: 0 10px; width: 319px; 

   }

   

  .showPromo .body ul li img {

   border: none; 

   }

   

  .showPromo .body ul li a:hover {

   text-decoration:underline !important;

   }

.showPromo .onnewsworld { color: #666; font-weight: bold; margin: -5px 12px 5px 0; text-align:right; font-size:14px;}



/* Episode List Module */

.episodeList ul { padding-left: 0; margin-left: 15px; }

.episodeList .featured { margin-bottom: 30px; width: 587px; height: 309px; position: relative; }

.episodeList .featured img { position: absolute; z-index: 1; top: 0; left: 0; }

.episodeList .featured .summary {

   position: absolute; z-index: 10; top: 0; left: 0;

   color: #fff; width: 193px; height: 309px;

   }

.episodeList .featured .summary h2 {

   color: #fff; font-size: 2.5em; font-weight: 600; margin: 10px 0 0 10px; line-height: 1.1em;

   }

 .episodeList .featured .summary h3 {

   color: #fff; font-size: 1.2em; font-weight: 600; margin: 10px 0 0 10px; line-height: .5em;

   }

.episodeList .featured .summary p.byline {

   border-top: 1px solid #fff; margin: 8px 10px 0 10px; padding: 10px 0 0 0; font-size: 1.1em; line-height: 1.2em;

   }

.episodeList .featured .summary p.link { margin: 25px 0 0 10px; }

.episodeList .featured .summary p.link a { color: #fff; }

.episodeList .featured .summary p.airtime {

   position: absolute; bottom: 0; left: 10px; border-top: 1px solid #fff;

   padding: 8px 0; width: 170px; color: #fff; font-weight:bold;

   }

.episodeList .featured .bg {

   position: absolute; z-index: 5; top: 0; left: 0; width: 193px; height: 309px; background: #000;

   opacity: 0.4; filter: alpha( opacity = 40 ); -moz-opacity: 0.4; -khtml-opacity: 0.4;

   }

.episodeList .upcoming h2 { margin: 0 0 5px 0; padding: 0; }

.episodeList .past { border-top: 10px solid #e6e6e6; margin-top: 10px; padding-top: 10px; }

.episodeList .past h2 { margin: 0 0 5px 0; padding: 0; }

.episodeList .past .podclude { margin: 0 10px 0 0; }

.episodeList .past .podclude strong {

   margin: 2em 0 0 0; padding: 1em 0;

   font-size: 1.3em;

   display: block; border-top: 1px solid #e6e6e6;

   }

.episodeList .past .podclude br { display: none; }

.episodeList .episode { border-top: 1px solid #ececec; padding: 10px 0 0 0; margin: 0 0 10px 0; }

.episodeList .episode .illustration { float: left; display: inline; width: 190px; margin: 0 10px 0 0; }

.episodeList .episode .summary { float: left; display: inline; width: 380px; }



/* Host List Module */

.hostList .episode { border-top: 1px solid #ececec; padding: 10px 0 0 0; margin: 0 0 10px 0; }

.hostList .episode h3 { margin-bottom: 5px; }

.hostList .episode .illustration { float: left; display: inline; width: 190px; margin: 0 10px 0 0; }

.hostList .episode .illustration img { border: 1px solid #e6e6e6; }

.hostList .episode .summary { float: left; display: inline; width: 380px; }



/* Featured Docs Module */

.featureSplash .featureDocs { margin-top: 10px; padding-top: 10px; border-top: 5px solid #ececec; }

.featureSplash .featureDocs .featured {

   float: left; display: inline; width: 314px; margin-right: 8px;

   font-size: 1.2em;

   }

.featureSplash .featureDocs .featured h2 { margin: 0 5px .8em 0; font-size: 1.4em; }

.featureSplash .featureDocs .featured h3 { margin: 0 5px 0 0; }

.featureSplash .featureDocs .featured p { margin: 0 5px 0 0; line-height: 1.3em; }



.featureSplash .featureDocs .last { margin-right: 0; }

.featureSplash .featureDocs .featured img { margin-bottom: 18px; }

.featureSplash .featureDocs .featured h3 {

   text-transform: uppercase; color: #898989; font-size: 1em; margin-bottom: .5em;

   }

.featureSplash .featureDocs .featured p a { font-weight: bold; }

.featureSplash .featureDocs .featured .airtime { margin-top: 1.3em; }

.featureSplash .main .illustration { float: left; display: inline; width: 633px; }

.featureSplash .main .summary { float: left; display: inline; width: 314px; height: 356px; margin-left: 10px; }

.featureSplash .main .summary h2 { font-size: 2em; }

.featureSplash .main .summary h3 { text-transform: uppercase; color: #898989; font-size: 1em; }

.featureSplash .main .summary ul { margin: 20px 0 0 0; padding-left: 0; }

.featureSplash .main .summary ul li {

   color: #ccc; padding: 3px 0; margin: 3px 0; border-bottom: 1px solid #ccc; list-style-type: none;

   }



/* Big Box Advertising */

.bigbox { background: #fff; margin: 0 5px !important; }

.bigbix #advert300x250 { margin: 0; padding: 0; }

.ad300x250, .ad-300x250 { border: none; padding: 20px 0 10px 0; background-position: 52% 5px; }



/* Current Programs Module */

.current { background: #fff; width: 976px; }

.current .twoCol { float: left; display: inline; width: 488px; background: #fff; }

.current .twoCol .module { width: 473px; border-top: none; background: #e6e6e6; }

.current .twoCol .module .body { padding: 10px; }

.current .twoCol .textBox .illustration { width: 190px; margin-right: 10px; }

.current .twoCol .textBox .summary { width: 250px; }

.current .twoCol .textBox .summary h3 { text-transform: none; font-size: 1.2em; margin-bottom: 8px; }



/* Related Video Module */

.relatedVideo { width: 229px; background: #f9f9f9 !important; }

.relatedVideo .body { padding: 0 !important; background: transparent !important; }

.relatedVideo h2 {

   color: #636363; border-bottom: 1px solid #e6e6e6; background: #fff;

   padding: 10px !important; margin-bottom: 10px !important;

   }

.relatedVideo .row { margin-bottom: 10px !important; }

.relatedVideo .illustration { width: 110px !important; position: relative; }

.relatedVideo .illustration a {

   position: absolute; top: 0; left: 0; display: block; width: 101px; height: 56px; z-index: 10;

   background: url(../../gfx/maven_thumb.gif) top left no-repeat;

   }

.relatedVideo .illustration img { position: absolute; top: 0; left: 0; z-index: 1; }

.relatedVideo .summary { width: 119px !important; margin: 0 0 0 0 !important; float: right; }

.relatedVideo3 { width: 360px; margin-left: 115px; border: none; margin-top: 10px}

/* Storywrapper overrides */

#storybody .relatedVideo h2, #storybody .relatedVideo h3, #storybody .relatedVideo p {

   font-size: .8em; *font-size: .8em; line-height: 1.1em; margin: 0; padding: 0;

   }

#storybody .relatedVideo { float: right; display: block; margin-left: 15px; }

#storyright .textBox .illustration { width: 110px; }

#storyright .textBox .summary { width: 230px; }

#storybody p.airtime { font-size: .8em; font-weight: bold; }

#storybody span.photo { width: 145px !important; }

#storyright .textBox.gallery .illustration { float: left; display: inline; width: 150px; }

#storyright .textBox.gallery .summary {

   float: left; display: inline; width: 190px; *margin-left: 10px; *width: 190px !important;}

#storybody ul { margin: 0px 15px 5px 15px;}

 





/* Discussion Pages */

.blogList h2 { border-bottom: 1px solid #ececec; padding: 0 0 5px 0; }

.blogList .entry { border-bottom: 10px solid #e6e6e6; margin: 0 0 10px 0; padding: 0 0 10px 0; }

.blogList .entry.last { border: none; }

.blogList .entry h3 { margin: 0; }

.blogList .entry .entryTools { margin: 10px 0 0 0; }

.blogList .entry .entryTools li { list-style-type: none; float: left; display: inline; font-weight: bold; }

.blogList .entry .entryTools li a { border-right: 1px solid #333; padding: 0 5px 0 0; margin: 0 5px 0 0; }

.blogList .entry .entryTools li a span {

   background: url(../../gfx/ico_speech.gif) 3px 2px no-repeat; padding-left: 21px;

   }

.blogList .entry .entryTools li.last a { border: none; }

.blogList .comments { border-collapse: collapse; border-bottom: 0 !important; }

.blogList .comments caption { text-align: left; font-weight: bold; font-size: 1.5em; margin: 5px 0 10px 0; }

.blogList .comments tr.alt td { background: #fff; }

.blogList .comments td {

   border-top: 1px solid #d7d7d7; border-left: 0 !important;  border-right: 0 !important;

   vertical-align: top; background: #f5f5f5; padding: 10px 0;

   }

.blogList .comments td div { border-left: 1px solid #d7d7d7; margin: 5px; padding: 0 10px; }

.blogList .comments h3 { margin: 0; }

.comments-open-content label, .comments-open-content textarea { width: 250px !important; display: block; }

.comments-open-content p { padding-bottom: 1em; }

#comment-author, #comment-email, #comment-url { width: 250px; }

.comments-open-content input, .comments-open-content textarea { border: 1px solid #d7d7d7; }

#comments-open-footer input { background: #9a9a9a; color: #fff; font-weight: bold; padding: 3px 5px; }



/* Program Finder Module */

#fap { font: 12px Arial, sans-serif; background: #bbb; width: 960px; }

#fap h3 { font: 19px Arial, sans-serif; color: #fff; display: inline; float: left; margin: 10px; }

#fap .sorters-search-input {

   margin: 12px 12px 0 0; padding: 1px 3px 1px 0; text-align: right; border: 1px solid #999;

   height: 14px; font-size: 11px; vertical-align: center; width: 160px; display: inline;

   float: right; color: #424242;

   }

#fap .sorters-search-input.searching {

   background: #fff url(../../gfx/pf_loading-bar.gif) no-repeat center center;

   }

#fap a, #fap a:link { text-decoration: none; }

#fap ul.sorters {

   clear: left; list-style-type: none; overflow: hidden; margin: 0; padding: 0;

   display: block; height: 25px; border-top: 1px solid #fff;

   background: url(../../gfx/pf_fp_bar.gif) repeat-x bottom;

   }

#fap ul.sorters li { list-style-type: none; margin: 0; padding: 0; float: left; display: inline; }

#fap ul.sorters li a, #fap ul.sorters li span {

   list-style-type: none; margin: 0; padding: 6px 0 6px 10px; display: block; font-size: 11px;

   font-weight: bold; color: #424242; text-transform: uppercase; border-right: 1px solid #ababab;

   border-left: 1px solid #d0d0d0; overflow: hidden; height: 25px;

   }

#fap ul.sorters li a.col1, #fap ul.sorters li span.col1 { width: 240px; }

#fap ul.sorters li a.col2, #fap ul.sorters li span.col2 { width: 100px; }

#fap ul.sorters li a.col3, #fap ul.sorters li span.col3 { border-right: none; }

#fap #set-fap li span.col1 { width: 235px; color: #222; }

#fap #set-fap li span.col2 { width: 96px; }

#fap #set-fap li span.col3 { border: none; }

#fap ul.sorters li a:hover, #fap ul.sorters li a.activeColumn {

   text-decoration: none; color: #424242; background: #f0f0f0; text-transform: uppercase;

   }

#fap ul.sorters li.first a { border-left: none; }

#fap ul.sorters li a.activeColumn.asc { background: #f0f0f0 url(../../gfx/pf_asc.gif) no-repeat 95% 9px; }

#fap ul.sorters li a.activeColumn.desc { background: #f0f0f0 url(../../gfx/pf_desc.gif) no-repeat 95% 8px; }

#fap ul.sorters li input:focus { background-color: #fff; }

#fap #set-fap {

   height: 242px; width: 960px; border-bottom: 1px solid #fff; overflow: auto; margin: 0;

   background: #f0f0f0 url(../../gfx/pf_data-loader.gif) no-repeat center center;

   }

#fap #set-fap.loaded { background: #fff url(../../gfx/pf_fap-loaded.gif) repeat-y left top; }

#fap #set-fap.dataLoaded { opacity: .9999; filter: alpha(opacity=100); background-image: none; }

#fap #set-fap ul { list-style-type: none; margin: 0; padding: 0; clear: left; overflow: hidden; }

#fap #set-fap li {

   list-style-type: none; margin: 0; padding: 0; line-height: 1.5em; height: 22px; overflow: hidden;

   background: #fff; color: #666; cursor: pointer; cursor: hand;

   }

#fap #set-fap li.alt { background: #f0f0f0; }

#fap #set-fap li.activeRow { background: #444; }

#fap #set-fap li.activeRow span,#fap #set-fap li.activeRow span.col1 { color: #fff; }

#fap #set-fap li span {

   float: left; display: inline; overflow: hidden; font-size: 11px; padding: 2px 5px 0 10px;

   border-right: 1px solid #ccc; height: 20px; vertical-align: bottom; /* fix IE gap bug */

   }

#fap-foot { height: 30px; }



/* Quiz Module */

.quizCGI td { font-size: 14px !important; }

.quizTableFullQuestions { margin-bottom: 1.5em; }

.quizTableFullQuestions .quizTableDataQuestion { width: 100%; font-weight: bold; padding-bottom: 1em; }

.quizTableFullQuestions .quizTableDataRadio { width: 10%; text-align: center; padding-bottom: .5em; }

.quizTableFullQuestions .quizTableDataAnswer { width: 90%; padding-bottom: .5em; }

.quizTableAnswers { border-collapse: collapse; }

.quizTableAnswers td { vertical-align: top; padding: .2em; }

.quizTableAnswers .quizTableDataAllAnswersIntro { padding-bottom: 1em; }

.quizTableAnswers .number { width: 6%; text-align: center; font-weight: bold; }

.quizTableAnswers .quizTableDataAllAnswersQuestion { width: 94%; font-weight: bold; }

.quizTableAnswers .quizTableDataAllAnswersIncorrectAnswerHint { font-weight: bold; color: #cc0000; }

.quizTableAnswers .quizTableDataAnswers { font-size: 1.2em; font-weight: bold; }

.quizTableAnswers .quizTableDataAnswersScore { font-weight: bold; }



/* Photogallery */

#flash-photogallery { width: 590px; height:550px;}



/* Top Flash Gallery */

#top_promo { padding-left: 10px; padding-top: 10px}



	/* Colours */

.tpPlayer { background-color:#242424; }

.tpPlayer h2 { color:#fff; }

.tpPlayer span a { color:#426398; }

.tpPlayer span a em { color:#fff; }

.tpPlaylist { background-color:#fff; }



.tpPlaylistTabs ul li a{ color:#426398; }

.tpPlaylistTabs ul li.sort{ color:#fff; }

.tpPlaylistTabs ul.tab1 li.tab1 a, .tpPlaylistTabs ul.tab2 li.tab2 a{ color:#141212; background-color:#dadada; }

.tpPlaylistTabs ul.tab1 li.tab1, .tpPlaylistTabs ul.tab2 li.tab2{ background:url(/includes/objects/sports-maven/gfx/maventabs_arrow.gif) no-repeat bottom center; }

.tpClips a { border-bottom-color:#1a1a1a; }

.tpClips a:hover { background-color:#e6e6e6; }

.tpClips img { border-color:#d3d3d3; }

.tpClips .title { color:#426398; }

.tpClips .desc { color:#333; }

.tpClips .cta { color:#426398; background:url(/video/imgs/small_play.gif) no-repeat 0 2px; }

.tpClips .cta .livelater { color:#f8cf12; }

.tpClips .cta .livenow { color:#000;background-color:#f8cf12; }







/* Base CSS - Player */

.tpPlayer {

	width:360px;

}

.tpPlayer2 {

	width:585px;

}

.tpPlayer h2 {

	margin:0;

	padding:10px;

	float:left;

	display:inline;

	font-size:14px;

}

.tpPlayer span {

	padding:10px;

	float:right;

}

.tpPlayer span a {

	font-weight:bold;

	font-size:14px;

	text-decoration:none;

}

.tpPlayer span a:hover {

	text-decoration:underline;

}

.tpPlayer span a em {

	font-style:normal;

}







/* Base CSS - Tabs */



.tpPlaylistTabs {

	padding-top:5px;

}

.tpPlaylistTabs ul{

	list-style-type:none;

	padding:0;

	margin:0;

}

.tpPlaylistTabs ul li{

	float:left;

	display:inline;

	padding:5px 0 0;

	height:29px;

}

.tpPlaylistTabs ul li a{

	text-decoration:none;

	font-weight:bold;

	padding:4px 10px 0 10px;

	outline:none;

	height:19px;

	line-height:15px;

	float:left;

	overflow:hidden;

}

.tpPlaylistTabs ul li a:hover {

	text-decoration:underline;

}

.tpPlaylistTabs ul li.sort{

	margin:0 10px;

	padding:9px 0 0;

	height:25px;

}

.tpPlaylistTabs ul.tab1 li.tab1 a, .tpPlaylistTabs ul.tab2 li.tab2 a{

	text-decoration:none;

}







/* Base CSS - Playlist & Clips */



.tpPlaylist {

	width:345px;

}
.tpPlaylist2 {

	width:585px;

}


.tpClips a {

	display:block;

	height:62px;

	overflow:hidden;

	

	padding:12px 0 14px;

	outline:none;

	text-decoration:none;

}

.tpClips a:hover {

	cursor:pointer;

}

.tpClips img {

	float:left;

	margin:0 7px 0 10px;

	border-width:1px;

	border-style:solid;

}

.tpClips .meta {

	display:block;

	height:47px;

	overflow:hidden;

	padding-right:5px;

}

.tpClips .title {

	display:block;

	position:relative;

	font-weight:bold;

	font-size:12px;

	margin-bottom:1px;

}

.tpClips .desc {

	display:block;

	font-size:11px;

	line-height:15px;

}

.tpClips .cta {

	float:left;

	font-size:11px;

	line-height:14px;

	height:13px;

	padding-left:23px;

	margin-top:1px;

	font-weight:bold;

}

.tpClips .cta em {

	font-size:10px;

	padding-left:5px;

	font-style:normal;

	font-weight:normal;

}

.tpClips .cta .livelater {

	font-weight:bold;

}

.tpClips .cta .livenow {

	font-weight:bold;

	padding:0 4px 1px;

	margin-left:3px;

	text-transform:uppercase;

}





	#search {



text-align:center;}



#search img {



margin-top: 0px;

margin-left: 5px;}



/* Comments Switcher */

.comments-switcher p {

	color: #797979;

	font-size:11px;

	margin:0;

	padding: 0 80px;

	overflow: hidden;

}

.comments-switcher p.cmt {

	color: #141212;

	font-size: 12px;

	font-style: italic;

	margin-bottom: 20px;

}

.comments-switcher p a {

	color: #426398;

	text-decoration: none;

}

.comments-switcher p a:hover {

	text-decoration: underline;

}



.comments-switcher .kick.switcher span.switcher {

	display: inline;

	float: right;

	font-weight: bold;

}



.comments-switcher .kick.switcher a {

	display: inline;

	float: left;

	margin: 1px 10px 0 0;

	padding: 0 1px;

}



#readercomments {

	background: #fff url(/includes/gfx/bk-quotes.gif) no-repeat 0 -90px;

}

#cs-comment {

	background: url(/includes/gfx/bk-quotes.gif) no-repeat 100% 45px;

	height: 170px;

	overflow: auto;



}



.module h2.modhead {

	font-size: 18px;

	margin: 10px 9px 5px;

}



.kick {

	background-color:#f9f9f9;

	border-top:1px solid #e6e6e6;

	padding:7px 13px;

	font-size:11px;

	clear:both;

}



#moreplayer {

 	text-align: right;

	padding:5px;

	padding-right: 10px;



	}
	
	#storybody table td{

	background-color: #fff !important;

	border: 1px solid #fff;		

	border-left: 0;

	text-align: left;

	font-weight: normal;		

	font-size: 88%;		

	padding: 5px;

	color: #333;

}

#storybody .fullbar table td,#storybody .sidebar table td{	

	border: 1px solid #fff !important;

}			

.comment div span.r
{
	margin-left: 131px;
	width: 400px;
}