h1#pagetitle { width: 591px; height: 39px; margin:0; padding: 0 5px; font-family: Georgia, serif; font-size: 25px; font-weight: normal; color: #993333; }
h1#pagetitle.twoline { height: 65px; }
p { margin-bottom: 10px; font-size: 1.1em; color: #333; }
p.padme { padding: 0 5px; }
h2 { padding: 0 5px; font-size: 1em; font-weight: bold; text-transform: uppercase; }

div.textblock p { font-size: 1.4em; line-height: 1.3em; } /* 1.8/1.4 -> 1.3 line-height */

.columns { width: 804px; }
.colpad { margin-right: 8px; }

.subnav { list-style: none; margin-bottom: 10px; }
.subnav li { padding: 0 5px; font-size: 1.1em; line-height: 1.7em; font-weight: bold; color: #666; }
.subnav li.header { color: #333; }
.subnav li.caps { font-size: 1.0em; }
.subnav li.wrap { line-height: 1.1em; padding-bottom: .3em; padding-top: .3em; }
.subnav li.level2 { padding-left: 13px; }

p.airdate { margin: 6px 0 13px 5px; font-family: Georgia, serif; font-weight: bold; }

img.splash { margin-bottom: 18px; }
img.plot { margin-bottom: 4px; }
img.subtitle { margin-bottom: 6px; }

.batbox { background: url('/wgbh/masterpiece/sherlock/images/ornament_deckle_bg_sm.gif'); }

.orn_top { margin-bottom: 1em; }
.orn_bot { margin-top: 0; }
.orn_bar { margin: 0 0 1em 0; }

h4 { margin-bottom: 1em; padding: 0 5px; font-size: 1.3em; font-weight: bold; text-transform: uppercase; clear: both; }

h3#cast, h3#crew, h3#web, h3#mpt { margin-bottom: 1em; padding: 0 5px; font-size: 1.4em; font-weight: bold; text-transform: uppercase; clear: both; }
h3#web i { text-transform: none; } 
/* h3#mpt { margin-bottom: 1em; padding: 0 5px; font-size: 1.8em; font-weight: bold; font-variant: small-caps; clear: both; } */
dl { margin-bottom: 2em; padding: 0 5px; font-size: 1.4em; line-height: 1.3em; }
dt { width: 45%; margin-right: 10px; margin-bottom: 1em; float: left; clear: left; }
dd { width: 45%; margin-bottom: 1em; float: left; font-weight: bold; }
ul.credits { list-style: none; margin-bottom: 1em; padding: 0 5px; font-size: 1.4em; line-height: 1.3em; }
ul.credits li { margin-bottom: 1em; }
ul.credits li span.role { width: 45%; margin-right: 20px; vertical-align: top; display: inline-block; }
ul.credits li span.person { width: 45%; font-weight: bold; vertical-align: bottom; display: inline-block; }

img.pagetitle { margin: 0 0 2px 0; }
img.sidebar { margin: 3px 0 0 0; }

.pbs_bookmarking_container { padding: 40px 0 0 5px; }

/* things that may come and go */

.season1bg { background: url('/wgbh/masterpiece/sherlock/images/season1_bg.jpg') top left no-repeat; }
.season2bg { background: url('/wgbh/masterpiece/sherlock/images/season2_bg.jpg') top left no-repeat; }
#main .bumpdown { margin-top: 94px; }
.watchaclip { margin: 6px 0 0 0; padding: 0 5px; font-style: italic; }

.content p.note { font-size: 1.1em; line-height: 1.4em; font-style: italic; }
.content p.fineprint { font-size: 1.1em; line-height: 1.4em; }

#playback { float: left; position: relative; }
#playback_nav { list-style: none; width: 216px; float: left; position: relative; }
#playback_nav li { width: 216px; height: 36px; }
#playback_nav li a { width: 216px; height: 36px; display: block; text-indent: -999px; overflow: hidden; }
#playback_nav li a#nav_studyinpink { background: url('/wgbh/masterpiece/sherlock/images/season1_nav_studyinpink.jpg'); }
#playback_nav li a#nav_studyinpink:hover { background: url('/wgbh/masterpiece/sherlock/images/season1_nav_studyinpink_over.jpg'); }
#playback_nav li.selected a#nav_studyinpink, #playback_nav li.selected a#nav_studyinpink:hover { background: url('/wgbh/masterpiece/sherlock/images/season1_nav_studyinpink_on.jpg'); }
#playback_nav li a#nav_blindbanker { background: url('/wgbh/masterpiece/sherlock/images/season1_nav_blindbanker.jpg'); }
#playback_nav li a#nav_blindbanker:hover { background: url('/wgbh/masterpiece/sherlock/images/season1_nav_blindbanker_over.jpg'); }
#playback_nav li.selected a#nav_blindbanker, #playback_nav li.selected a#nav_blindbanker:hover { background: url('/wgbh/masterpiece/sherlock/images/season1_nav_blindbanker_on.jpg'); }
#playback_nav li a#nav_greatgame { background: url('/wgbh/masterpiece/sherlock/images/season1_nav_greatgame.jpg'); }
#playback_nav li a#nav_greatgame:hover { background: url('/wgbh/masterpiece/sherlock/images/season1_nav_greatgame_over.jpg'); }
#playback_nav li.selected a#nav_greatgame, #playback_nav li.selected a#nav_greatgame:hover { background: url('/wgbh/masterpiece/sherlock/images/season1_nav_greatgame_on.jpg'); }

.season2bg #playback_nav { list-style: none; width: 216px; float: left; position: relative; }
.season2bg #playback_nav li { width: 216px; height: 38px; padding: 0 0 5px 0; background: url('/wgbh/masterpiece/images/mystery_playback_nav_bg.png') top right no-repeat; font-family: Georgia, serif; font-size: 1.1em; }
.season2bg #playback_nav li.active { background: url('/wgbh/masterpiece/images/mystery_playback_nav_bg_on.png') top right no-repeat; }
.season2bg #playback_nav li a { width: 197px; height: 33px; padding: 5px 0 0 20px; display: block; overflow: hidden; font-weight: normal; text-decoration: none; text-indent: 0; }
.season2bg #playback_nav li a:hover { color: #333; }
.season2bg #playback_nav li.active a { color: #FFF; }

img.feature { margin-bottom: 3px; }
p.featurecaption { line-height: 1.2em; }
.quote { margin-top: 15px; }
.content p { padding: 0 5px; font-size: 1.4em; line-height: 1.3em; }
.content p.caption { margin: 3px 0 8px 0; font-size: 1.1em; line-height: 1.2em; }
.large { font-size: 1.4em; line-height: 1.3em; } /* 1.8/1.4 -> 1.3 line-height */
.question { font-weight: bold; margin-bottom: 0px; }
.normal { font-style: normal; }

/*umbrella page styles */
.umbrellabg { background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_bg.jpg') top left no-repeat; }
.umbrellabg .leftcol { width: 501px; height: 595px; float: left; }
.umbrellabg .leftcol p { width: 370px; margin: .3em 0 .7em 0; padding: 0 0 0 19px; font-size: 1.4em; font-family: Arial, sans-serif; color: #FFF; }
.umbrellabg .leftcol p.seasonlinks { margin: 0 0 0 0; background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_arrow.png') top left no-repeat;  }
.umbrellabg a { color: #E1CC9B; font-weight: normal; }
.umbrellabg .columns { min-height: 901px; }
.umbrellabg h1 { width: 501px; height: 65px; margin: 0 0 12px 0; text-indent: -9999px; background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_title.png') top left no-repeat; }
.umbrellabg h2 { width: 455px; height: 36px; text-indent: -9999px; background: url('/wgbh/masterpiece/sherlock/homeimages/sherlock_banner_post_s3.png') top left no-repeat; }
.umbrellabg .rightcol { width: 300px; float: right; }
/*#countdownblock { width: 191px; margin: 20px 0 0 98px; }*/
#countdownblock { margin: 20px 0 0 98px; }
#countdown { width: 191px; height: 64px; margin: 0 0 10px 0; font-family: Georgia, serif; font-size: 28px; font-style: italic; color: #A2142A; background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_countdown_box_ep2.png') top left no-repeat; }
#countdown .day, #countdown .hour, #countdown .min { width: 52px; text-align: center; display: block; float: left; }
#countdown .day { padding: 14px 0 0 12px; }
#countdown .hour { padding: 14px 0 0 6px; }
#countdown .min { padding: 14px 0 0 6px; }

/*#countdownblock #socialbuttonbox { width: 165px; margin: 0 auto; }
#countdownblock #socialbuttonbox .fb-like { width: 100px; height: 20px; float: right; }
#countdownblock #socialbuttonbox .fb-like>span>iframe { width: 49px; height: 20px; }
#countdownblock #socialbuttonbox #tweetlink { width: 55px; height: 20px; float: left; }*/
#countdownblock #socialbuttonbox { width: 165px; float: right; }
#countdownblock #socialbuttonbox .fb-like { height: 20px; float: right; }
#countdownblock #socialbuttonbox .fb-like>span>iframe { width: 49px; height: 20px; }
#countdownblock #socialbuttonbox #tweetlink { width: 55px; height: 20px; margin-right: 6px; float: right; }

.umbrellabg .rightcol ul {  margin: 22px 0 0 0; list-style: none; float: right; clear: both; }
.umbrellabg .rightcol ul li { width: 120px; height: 21px; margin: 0 0 9px 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 21px; text-align: right; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; background: rgba(255,255,255,.25); }
.umbrellabg .rightcol ul.transparent li { width: 120px; height: 21px; margin: 0 0 9px 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 21px; text-align: right; background: rgb(255,255,255); background: rgba(255,255,255,.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF)"; background-color: transparent; }
.umbrellabg .rightcol ul li a { width: 108px; padding: 0 12px 0 0; font-weight: bold; color: #E1CC9B; display: inline-block; }


.umbrellabg #mediabox { height: 300px; padding: 3px 15px 3px 22px; border-top: 1px solid #636363; border-bottom: 11px solid #A2142A; background: rgba(0,0,0,.85); clear: both; }
.umbrellabg #mediabox.transparent { height: 300px; padding: 3px 15px 3px 22px; border-bottom: 11px solid #A2142A; background: rgb(0,0,0); background: rgba(0,0,0,.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)"; background-color: transparent; clear: both; }
.umbrellabg #mediabox .hidden { display: none; }
.umbrellabg #mediabox .slideshow, .umbrellabg #mediabox .playback { width: 512px; height: 288px; margin: 0 15px 0 0; border: 6px solid #EBEBEB; }

.umbrellabg #mediabox ul#medianav { height: 27px; list-style: none; margin: 7px 0 1em 0; }
.umbrellabg #mediabox ul#medianav li { width: 107px; height: 27px; background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_btn_bg.png') top left no-repeat; float: left; }
.umbrellabg #mediabox ul#medianav li#videotab { padding-right: 8px; }
.umbrellabg #mediabox ul#medianav li a { width: 107px; height: 27px; font-family: Georgia, serif; font-size: 18px; color: #767676; text-transform: uppercase; line-height: 27px; text-align: center; display: block; }
.umbrellabg #mediabox ul#medianav li a:hover { color:#FFF; text-decoration: none; }
.umbrellabg #mediabox ul#medianav li.active a { color:#FFF; text-decoration: none; }

.umbrellabg #mediabox .menuarea { width: 222px; float: right; }
.umbrellabg #mediabox .menuarea .slideshow_text, .umbrellabg #mediabox .menuarea .playback_text { clear: both; }



.umbrellabg #mediabox .menuarea .playback_text ul { width: 222px; margin: 2em 0 1.5em 0; list-style: none; }
.umbrellabg #mediabox .menuarea .playback_text ul li { width: 222px; min-height: 22px; padding: 0 0 .5em 0; border-bottom: 1px solid #464646; margin: 0 0 .5em 0;  background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_play.png') top left no-repeat; }
.umbrellabg #mediabox .menuarea .playback_text ul li.active { background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_play_over.png') top left no-repeat; }
.umbrellabg #mediabox .menuarea .playback_text ul li.last { margin: 0; padding: 0; border: none; }
.umbrellabg #mediabox .menuarea .playback_text ul li a { width:200px; padding: 0 0 0 22px; font-family: Arial, sans-serif; font-size: 14px; color: #E1CC9B; display: block; }
.umbrellabg #mediabox .menuarea .playback_text ul li a:hover { text-decoration: none; }

.umbrellabg #mediabox .menuarea #morevids { width: 222px; height: 27px; background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_btn_wide_bg.png') top left no-repeat; }
.umbrellabg #mediabox .menuarea #morevids a { width: 222px; height: 27px; font-family: Georgia, serif; font-size: 14px; line-height: 27px; color: #767676; text-align: center; display: block; }
.umbrellabg #mediabox .menuarea #morevids a:hover { color: #FFF; text-decoration: none; }

.umbrellabg #mediabox .menuarea .slideshow_text { font-family: Arial, sans-serif; font-size: 14px; color: #FFF; }



.umbrellabg .fourcol { padding-bottom: 60px; background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_bg_wallpaper.jpg') top left no-repeat; }
.umbrellabg .fourcol h3 { margin: 0; padding: 1em 0 0 0; font-family: Georgia; font-size: 17px; font-weight: normal; color: #000; text-transform: none; text-align: center; }

.umbrellabg .fourcol #newsbox { width: 793px; margin: 5px 0 0 5px; border: 1px solid #D1D1D1; border-bottom: none; background: #FFF; padding: 10px 0 10px 0; overflow: hidden; }
.umbrellabg .fourcol #newsbox #articles { width: 2000px; }
.umbrellabg .fourcol #newsbox #articles .article { width: 207px; min-height: 64px; margin: 0 5px 0 0; border-right: 1px solid #F1DFC9; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; color: #767676; float: left; display: inline; overflow: hidden; }
.umbrellabg .fourcol #newsbox #articles .article.first { margin-left: 9px; }
.umbrellabg .fourcol #newsbox #articles .article.last { border-right: 1px solid #FFF; }
.umbrellabg .fourcol #newsbox #articles .article a { font-family: Georgia, serif; font-size: 14px; font-weight: bold; color: #A2142A; }
.umbrellabg .fourcol #newsbox #articles .article img { width: 44px; margin: 0 5px 0 0; float: left; }
.umbrellabg .fourcol #newsbox #articles .article br { line-height: .4em; }

.umbrellabg .fourcol #news_scrollbar { width: 795px; height: 14px; margin: 0 0 0 5px; background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_scrollbar.png') top left no-repeat; position: relative; clear: both; }
.umbrellabg .fourcol #news_scrollbar.none { background: none; }
.umbrellabg .fourcol #news_scrollbar.hidden { visibility: hidden; }
.umbrellabg .fourcol #news_scrollcontainer { width: 766px; height: 14px; position: absolute; top: 0px; left: 15px; }
.umbrellabg .fourcol #news_handle { width: 82px; padding: 2px 0; display: block; position: absolute; top: 0; left: 0; }

.umbrellabg .fourcol #featurebox { width: 793px; margin: 5px 0 0 5px; border: 1px solid #D1D1D1; border-bottom: none; background: #FFF; padding: 7px 0 5px 0; overflow: hidden; }
.umbrellabg .fourcol #featurebox #features { width: 2000px; }
.umbrellabg .fourcol #featurebox #features .feature { width: 195px; min-height: 167px; margin: 0 15px 0 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; color: #767676; float: left; display: inline; overflow: hidden; }
.umbrellabg .fourcol #featurebox #features .feature.first { margin-left: 15px; }
.umbrellabg .fourcol #featurebox #features .feature img { padding-bottom: 3px; }
.umbrellabg .fourcol #featurebox #features .feature a { font-family: Georgia, serif; font-size: 14px; font-weight: bold; color: #A2142A; }

.umbrellabg .fourcol #feature_scrollbar { width: 795px; height: 14px; margin: 0 0 0 5px; background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_scrollbar.png') top left no-repeat; position: relative; clear: both; }
.umbrellabg .fourcol #feature_scrollbar.none { background: none; }
.umbrellabg .fourcol #feature_scrollbar.hidden { visibility: hidden; }
.umbrellabg .fourcol #feature_scrollcontainer { width: 766px; height: 14px; position: absolute; top: 0px; left: 15px; }
.umbrellabg .fourcol #feature_handle { width: 82px; padding: 2px 0; display: block; position: absolute; top: 0; left: 0; }

.umbrellabg .fourcol .quotebox { min-height: 55px; margin: 0 0 0 30px; background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_bracket_left.png') top left no-repeat; float: left; }
.umbrellabg .fourcol .firstquotebox { margin: 0 0 0 15px; }
.umbrellabg .fourcol .quotebox p { min-height: 55px; padding: 8px 30px 0 30px; font-family: Arial, sans-serif; font-size: 14px; color: #767676; text-align: center; background: url('/wgbh/masterpiece/sherlock/homeimages/umbrella_bracket_right.png') top right no-repeat; }

#utilcol div#tweetbox { font-size: 10px; }
#utilcol div#tweetbox p.hashtag { width: 100%; font-family: Arial, sans-serif; font-size: 16px; color: #FFF; text-align: center; }
#utilcol div#tweetbox p.hashtag a { font-size: 18px; font-weight: normal; color: #E1CC9B; }
#utilcol #buybox { width: 160px; margin: 0 0 5px 0; padding: 6px 0; background: #595959; text-align: center; }
#utilcol #buybox img { margin-bottom: 6px; }

/* dvd sweepstakes popup styles */
body#sweepstakes { margin:0; padding: 0; border: 0; width: 625px; background: url('/wgbh/masterpiece/sherlock/images/sweepstakes_bg.gif') repeat-x; }
#sweepstakes form { width: 392px; margin-left: 5px;  font-size: 1.4em; }
#sweepstakes form .note { font-size: .8em; text-indent: 10px; }
#sweepstakes form .sponsor { margin-top: 1.5em; font-size: .8em; }
#sweepstakes input { border: 1px solid #666; margin-bottom: 1em; font-family: Georgia, serif; }
#sweepstakes input#html, #sweepstakes input#text, #sweepstakes input#none { margin-bottom: 0; }
#sweepstakes input#submit { margin: 26px 0 26px 0; border: none; }
#sweepstakes #shoplogo { margin: 0 0 -3px 2px; }

/* synopsis styles */
.spoileralert { font-weight: bold; font-style: italic; }
div#shortsynopsis { display: block; }
div#longsynopsis { display: none; }
#synopsis_playback { float: left; position: relative; margin: 0 0 5px 0; }

/* cumberbatch styles */
.cumberbatchbg { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_bg.jpg') top left no-repeat; }

#cumberbatch_playback { float: left; position: relative; margin: 6px 0 0 0; }
#cumberbatch_nav { list-style: none; width: 217px; float: left; position: relative; margin: 6px 0 0 0; }
#cumberbatch_nav li { width: 217px; height: 44px; }
#cumberbatch_nav li a { width: 217px; height: 44px; display: block; text-indent: -999px; overflow: hidden; }
#cumberbatch_nav li#last { width: 217px; height: 40px; }
#cumberbatch_nav li#last a { width: 217px; height: 40px; display: block; text-indent: -999px; overflow: hidden; }
#cumberbatch_nav li.first a#nav_preparing { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_preparing_arrow.jpg'); }
#cumberbatch_nav li.first a#nav_preparing:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_preparing_on.jpg'); }
#cumberbatch_nav li a#nav_preparing { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_preparing.jpg'); }
#cumberbatch_nav li a#nav_preparing:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_preparing_over.jpg'); }
#cumberbatch_nav li.selected a#nav_preparing, #cumberbatch_nav li.selected a#nav_preparing:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_preparing_on.jpg'); }
#cumberbatch_nav li a#nav_previoussherlocks { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_previoussherlocks.jpg'); }
#cumberbatch_nav li a#nav_previoussherlocks:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_previoussherlocks_over.jpg'); }
#cumberbatch_nav li.selected a#nav_previoussherlocks, #cumberbatch_nav li.selected a#nav_previoussherlocks:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_previoussherlocks_on.jpg'); }
#cumberbatch_nav li a#nav_geniusormadman { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_geniusormadman.jpg'); }
#cumberbatch_nav li a#nav_geniusormadman:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_geniusormadman_over.jpg'); }
#cumberbatch_nav li.selected a#nav_geniusormadman, #cumberbatch_nav li.selected a#nav_geniusormadman:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_geniusormadman_on.jpg'); }
#cumberbatch_nav li a#nav_favoritemoments { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_favoritemoments.jpg'); }
#cumberbatch_nav li a#nav_favoritemoments:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_favoritemoments_over.jpg'); }
#cumberbatch_nav li.selected a#nav_favoritemoments, #cumberbatch_nav li.selected a#nav_favoritemoments:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_favoritemoments_on.jpg'); }
#cumberbatch_nav li a#nav_technology { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_technology.jpg'); }
#cumberbatch_nav li a#nav_technology:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_technology_over.jpg'); }
#cumberbatch_nav li.selected a#nav_technology, #cumberbatch_nav li.selected a#nav_technology:hover { background: url('/wgbh/masterpiece/sherlock/images/cumberbatch_nav_technology_on.jpg'); }


/* producers styles */
#producers_playback { float: left; position: relative; margin: 6px 0 0 0; }
#producers_nav { list-style: none; width: 217px; float: left; position: relative; margin: 6px 0 0 0; }
#producers_nav li { width: 217px; height: 31px; }
#producers_nav li a { width: 217px; height: 31px; display: block; text-indent: -999px; overflow: hidden; }
#producers_nav li#last { width: 217px; height: 30px; }
#producers_nav li#last a { width: 217px; height: 30px; display: block; text-indent: -999px; overflow: hidden; }
#producers_nav li.first a#nav_time { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_time_on.jpg'); }
#producers_nav li.first a#nav_time:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_time_on.jpg'); }
#producers_nav li a#nav_time { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_time.jpg'); }
#producers_nav li a#nav_time:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_time_over.jpg'); }
#producers_nav li.selected a#nav_time, #producers_nav li.selected a#nav_time:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_time_on.jpg'); }
#producers_nav li a#nav_casting { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_casting.jpg'); }
#producers_nav li a#nav_casting:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_casting_over.jpg'); }
#producers_nav li.selected a#nav_casting, #producers_nav li.selected a#nav_casting:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_casting_on.jpg'); }
#producers_nav li a#nav_bond { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_bond.jpg'); }
#producers_nav li a#nav_bond:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_bond_over.jpg'); }
#producers_nav li.selected a#nav_bond, #producers_nav li.selected a#nav_bond:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_bond_on.jpg'); }
#producers_nav li a#nav_original { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_original.jpg'); }
#producers_nav li a#nav_original:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_original_over.jpg'); }
#producers_nav li.selected a#nav_original, #producers_nav li.selected a#nav_original:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_original_on.jpg'); }
#producers_nav li a#nav_doctorwho { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_doctorwho.jpg'); }
#producers_nav li a#nav_doctorwho:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_doctorwho_over.jpg'); }
#producers_nav li.selected a#nav_doctorwho, #producers_nav li.selected a#nav_doctorwho:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_doctorwho_on.jpg'); }
#producers_nav li a#nav_technology { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_technology.jpg'); }
#producers_nav li a#nav_technology:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_technology_over.jpg'); }
#producers_nav li.selected a#nav_technology, #producers_nav li.selected a#nav_technology:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_technology_on.jpg'); }
#producers_nav li a#nav_deduction { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_deduction.jpg'); }
#producers_nav li a#nav_deduction:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_deduction_over.jpg'); }
#producers_nav li.selected a#nav_deduction, #producers_nav li.selected a#nav_deduction:hover { background: url('/wgbh/masterpiece/sherlock/images/producers_nav_deduction_on.jpg'); }
#txt_time, #txt_casting, #txt_bond, #txt_original, #txt_doctorwho, #txt_technology, #txt_deduction { display: none; }


/*twitter styles */
.tweetails { font-size: .9em; }


/* chat (cover it live) styles */
/*.chatbg { background: url('/wgbh/masterpiece/sherlock/images/chat_bg.jpg') top left no-repeat; }
ul#chatnav { height: 23px; margin: 0px 0 26px 1px; list-style: none; }
ul#chatnav li { height: 23px; width: 115px; float: left; }
ul#chatnav a { height: 23px; width: 115px; display: block; text-indent: -999px; overflow: hidden; }
ul#chatnav li#chatnav1 { background: url('/wgbh/masterpiece/sherlock/images/chat_nav_gatiss.jpg') top left no-repeat; }
ul#chatnav li#chatnav1.selected, ul#chatnav li#chatnav1.selected a:hover { background: url('/wgbh/masterpiece/sherlock/images/chat_nav_gatiss.jpg') top left no-repeat; }
ul#chatnav li#chatnav1 a:hover { background: url('/wgbh/masterpiece/sherlock/images/chat_nav_gatiss.jpg') top left no-repeat; }
ul#chatnav li#chatnav2 { background: url('/wgbh/masterpiece/sherlock/images/chat_nav_coming.jpg') top left no-repeat; }
ul#chatnav li#chatnav2.selected, ul#chatnav li#chatnav2.selected a:hover  { background: url('/wgbh/masterpiece/sherlock/images/chat_nav_coming.jpg') top left no-repeat; }
ul#chatnav li#chatnav2 a:hover { background: url('/wgbh/masterpiece/sherlock/images/chat_nav_coming.jpg') top left no-repeat; }
*/
.cil_box { width: 470px; height: 550px; margin: 20px 0 60px 0; padding: 20px 15px 30px 15px; background-color: #1B1B1B; }


/*slideshow styles */
ul#slideshownav { width: 100%; margin: 8px 0 0 0; list-style: none; display: block; }
ul#slideshownav li { float: left; margin: 0 1px 0 0; background: #999999; }
ul#slideshownav li.selected { float: left; padding: 0 1px 0 0; background: rgba(255,255,255,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; }
ul#slideshownav li a { padding: 5px 10px; font-size: 1.2em; display: block; }
ul#slideshownav li.selected a { color: #333; }
#slideshow_container { padding: 26px 0 0 0; background: rgba(255,255,255,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; clear: left; }
#galleria { width: 570px; height: 337px; }


/* lara pulver interview styles */
#cast_video_container { height: 216px; background: rgba(255,255,255,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; clear: left; }
.cast_videobox .interview_video { width: 384px; height: 216px; float: left; position: relative; }
.cast_videobox ul { list-style: none; width: 217px; height: 208px; margin: 0; padding: 8px 0 0 0; float: left; position: relative; overflow: auto; }
.cast_videobox ul li { width: 195px; min-height: 22px; padding: 0 0 .5em 0; border-bottom: 1px solid #D1CEC9; margin: 0 0 .5em 0; background: url('/wgbh/masterpiece/sherlock/images/pulver_play.png') 5px 0px no-repeat; }
.cast_videobox ul li.active { background: url('/wgbh/masterpiece/sherlock/images/pulver_play_over.png') 5px 0px no-repeat; }
.cast_videobox ul li.last { border: none; }
.cast_videobox ul li a { width:165px; padding: 0 0 0 30px; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; color: #913D3D; display: block; }
.cast_videobox ul li a:hover { text-decoration: none; }


/* game styles */
.game_overlay { width: 1003px; position: absolute; top: 300px; z-index: 7000; display: none; }
.game_overlay .closebutton { position: relative; float: right;	display: inline; cursor: pointer; }
.gamebg { background: #000; }

/* season 2 cover it live chats */
.season2bg .cil p { width: 500px; }

/* moriarty styles */
.moriarty_overlay { width: 782px; position: absolute; top: 196px; display: none; }
.moriarty_overlay .closebutton { position: relative; float: right;	display: inline; cursor: pointer; }
.moriarty_overlay_content { background: url('/wgbh/masterpiece/images/40th_bg_content.jpg') #FFF top left repeat-x; clear: right; }
.moriarty_overlay_content #popup_nav { font-family: Arial, sans-serif; text-transform: uppercase; position: absolute; top: 38px; right: 20px; }
.moriarty_overlay_content ul { list-style: none; }
.moriarty_overlay_content ul li { width: 782px; height: 600px; display: none; }
.moriarty_overlay_content ul li.selected { display: block; }
.moriarty_overlay_content ul li img { width: 484px; float: left; }
.moriarty_overlay_content ul li p { width: 258px; padding: 50px 20px 0 20px;font-size: 1.4em; line-height: 1.3em; float: right; }
.moriarty_overlay_content ul li p .entry_title { font-weight: bold; text-transform: uppercase; }

/* after the fall styles */
#discussion { margin: 25px 13px 20px 0; border-top: 1px solid #999; }

/* sweepstakes styles */
#rulescontainer { width: 700px; height: 400px; position: fixed; _position:absolute;	top: 70px; display: none; }	/* _position:absolute fixes an IE6 bug and gets container to display on top*/
#rules { height: 380px; padding: 10px 20px 0 20px; font-family: Arial, sans-serif; background:#FFF; overflow: auto; clear: both; }
.closebutton { position: relative; float: right; display: inline; cursor: pointer; }
.hidden { display: none; }