k/* CSS Document - based on Design Blind styles */

/* --- HOME PAGE --- */


/* --- AD CELLS --- */
.adbannercell{background-color:#000000;}/* --- the background color behind the 728x90 ad served on the page --- */

/* --- GLOBAL TOP NAVIGATION MENU --- */
.topNavcell{background-color:#000000;}/* --- no need to change --- */
.topNavLogo{background-image:  url(../images/flip_customAElogo.gif);}/* --- designate the generic or the "show specific" 121x68 A&E logo (use customAElogo_template.psd) --- */
.topNav{font-size:11px !important;font-weight:bold;color:#e5ddc7;text-decoration: none;}/* --- change "color" to designate the font color for main nav items - "home", "shows" etc --- */
.topNavBkgrnd{background-color:#c72128;}/* --- change to designate the background color for top strap --- */
.topNavPipe{color:#5b0303;padding:0px 2px 0px 2px;}/* --- change to designate the color of the stroke that divides the main nav elements --- */
.topNavPad {padding:17px 0px 13px 0px;float:left;}/* --- no need to change --- */
.main-level li {margin: 0px 0px 0px 0px !important;}
/* --- GLOBAL BODY --- */
.minisiteMasterTable{background-image: url(../images/flip_masterTable_bkgrd.jpg);background-position:top left;background-repeat:no-repeat;background-color:#ececec;}/* --- the image that spans all three content areas of the interior pages - left nav, body, and bottom ad space. designate the image,  designate the positioning, designate the repeat, designate the background color --- */

/* --- MAIN NAV AND MAIN PROMO AREA --- */
.homenavholder{background-color:#000;padding:0px 4px 0px 4px;}/* --- i don't think this is used --- */
.homenavoff{color:#ece7df;padding-bottom:2px;padding-left:5px;padding-right:2px;padding-top:2px;}/* --- designate the default color of the nav items --- */
.homenavoff a:link{color:#ece7df;text-decoration:none;}/* --- designate the default color of the links --- */
.homenavoff a:visited{color:#ece7df;text-decoration:none;}/* --- designate the color of the links when the user returns to the home page --- */
.homenavoff a:hover{text-decoration:underline;}/* --- designate the decoration of the link when the user points their mouse over it--- */
.homenavon{color:#71d315;font-weight:bold;padding-bottom:2px;padding-left:5px;padding-right:2px;padding-top:2px;}/* --- the link "home" will be this color --- */
.mainPromoLeft{background-color:#000;}/* --- no need to change --- */
.mainPromoLeftPad{padding:0px 0px 0px 0px}/* --- i don't think this is used --- */
.mainPromoMiddle{background-color:#000;}/* --- no need to change --- */
.mainPromoRight{color:#666;background-color:#000;}/* --- no need to change --- */
.mainPromoRightPad{color:#8D6843;padding:0px 5px 0px 5px}/* --- designate the font color for the schedule date and times --- */
.scheduleborder{border:1px solid #000000;}/* --- i don't think this is used --- */
.scheduleholder{background-color:#C0C9D3;padding:12px 14px 20px 19px;}/* --- i don't think this is used --- */
.schedulecontent1{background-color:#C0C9D3;padding:15px 12px 15px 9px;font-size:11px;}/* --- i don't think this is used --- */
.schedulecontent2{background-color:#C0C9D3;padding:15px 12px 15px 9px;font-size:11px;}/* --- i don't think this is used --- */
.scheduletime{padding:15px 0px 15px 6px;font-size:12px;}/* --- i don't think this is used --- */
.selectbox{width:150px;font-size:12px;}/* --- i don't think this is used --- */
a.scheduleLinktitle{color:#FFFFFF;font-weight:bold;}/* --- i don't think this is used --- */
.pipesGrey{color:#808080;}/* --- i don't think this is used --- */
scheduleLink a:link{color:#FFF;}/* --- i don't think this is used --- */
scheduleLink a:visited{color:#FFF;}/* --- i don't think this is used --- */
.scheduleLinkFull{color:#FFF;font-size:11px;}/* --- designate the font color for the "full schedule" link at the bottom of the listings --- */
.whitelink {color:#999;}/* --- designate the font color for links in the schedule --- */
.whitelink a:link{color:#999;}/* --- designate the font color for links in the schedule --- */

/* --- SMALL, MEDIUM AND LARGE PODS --- */
.homecell{color:#333232;padding:8px 15px 0px 9px;background-repeat:no-repeat;}/* --- designates the font color for the home page small promos --- */
.homecell a:link{color:#333232;}/* --- designates the font color for the links within home page small promos --- */
.homecell a:visited{color:#333232;}/* --- designates the font color for the links within home page small promos, when a user returns to the home page --- */
.store{padding:17px 17px 20px 10px;background-color:#E7EDF2;}/* --- i don't think this is used --- */
.storehome{color:#FFF;background-position:bottom;background-repeat:no-repeat;background-color:#FFF;}/* --- the default class assigned to the "store" promo - background image is assigned in the DCR. Default text color is black - can be changed here or with the WYSWIG editor. Designate background position and color. --- */
.storehome a:link{color:#FFF;}/* --- designate the link text color for the store promo --- */
.storehome a:visited{color:#FFF;}/* --- designate the link text color for the store promo, when the user returns to the homepage --- */
.title{background-position:right;background-repeat:no-repeat;background-color:#000;}/* --- i don't think this is used --- */
.title a:link,.title a:visited{color:#CED3DC;font-weight:bold;}/* --- i don't think this is used --- */
.discussionhome{color:#333232;}/* --- the default class assigned to the "medium" promo - background image is assigned in the DCR. Default text color is black - can be changed here or with the WYSWIG editor. Designate background position and color if necessary. --- */
.discussionhome a:link{color:#333232;text-decoration:underline;}/* --- designate the link text color for the medium promo --- */
.discussionhome a:visited{color:#333232;}/* --- designate the link text color for the medium promo, when the user returns to the homepage --- */
.largepromocustom{color:#FFF;background-image: url(../images/home/flip_largePromo_bkgrd.jpg);background-position:top;background-repeat:no-repeat;background-color:#FFF;padding:56px 17px 0px 17px}/* --- a custom class assigned to the "large" promo, when using the "generic" promo selection from the dropdown menu. Designate text color here or with the WYSWIG editor. Designate background position, repeat and color. Designate padding --- */
.largepromocustom a:link{color:#FFF;}
.largepromocustom a:visited{color:#FFF;}

/* --- 300x250 AD UNITS --- */
.siteAdBkgrndHome{background-color:#ececec;}



/* --- SHOW INTERIOR PAGES --- */


/* --- LEFT NAVIGATION --- */
.leftnavarrow{margin-left:10px;}/* --- no need to change --- */
.leftnavholder{padding:20px 4px 0px 4px;}/* --- no need to change --- */
.leftnavoff{color:#ece7df;padding:4px 0px 4px 0px;}/* --- designate the default color of the nav items --- */
.leftnavoff a:link{color:#ece7df;text-decoration:none;}/* --- designate the default color of the links --- */
.leftnavoff a:visited{color:#ece7df;text-decoration:none;}/* --- i don't think this is used --- */
.leftnavoff a:hover{color:#ece7df;text-decoration:underline;}/* --- designate the decoration of the link when the user points their mouse over it--- */
.leftnavon{color:#71d315;font-weight:bold;padding:4px 0px 4px 0px;}/* --- the link for the page you're on will be this color --- */
.newsletterbox{width:130px;font-size:12px;}/* --- used for newsletter or ereminder promo, do not change --- */

/* --- ALL --- */
.contentholderbg{background-color:transparent;}/* --- can be used to place a background image OVER the main background image used for the site  --- */

/* --- ABOUT --- */
/* --- standard padding for interior pages is top 15, right 20, bottom 40, left 20 --- */
.aboutcontentholder{background-image: url(../images/about/flip_about_bkgrd.jpg);background-position:top;background-repeat:no-repeat;background-color:transparent;}/* --- style used to place a specific image for the about page OVER the main background image used for the site --- */
.aboutcontent{color:#333232;padding:173px 72px 150px 11px}/* --- designate the padding for the page content --- */

/* --- CAST AND CREW LANDING --- */
.castcontentholder{background-image: url(../images/flipteams/FlipMeetPageBackground.jpg);background-repeat:no-repeat;padding:19px 3px 0px 5px;}/* --- sets the padding for the page - can be used to place a page specific background image OVER the main background image used for the site --- */
.castblackholder{background-color:transparent;}/* --- this area holds the "name" graphic for the cast member on the landing page - no need to modify, unless you're using a transparent gif --- */
.castblackcell {color:#333232;padding: 20px 0px 0px 0px;background-color:transparent;text-align: center;}/* --- this tag appears on the landing page, and controls the font color and background image (if used) of the cell --- */
.castblackcell a:link {color:#333232;}/* --- designate the color of the "character bio" and "actor bio" links --- */
.castblackcell a:visited {color:#333232;}/* --- designate the color of the "character bio" and "actor bio" links when a user returns to the landing pag e--- */
.castcontent {padding-left:12px;}/* --- designates padding for "crew" links, can also be used to designate font color --- */
.castcontent {padding: 0px 60px 0px 9px;}/* --- designates padding for "crew" links, can also be used to designate font color --- */
.castcontent a:link {color:#000000;font-weight:bold;}/* --- designates color and weight for "crew" links --- */

/* --- CAST AND CREW DETAIL --- */

.biocontentholder{padding:12px 14px 20px 20px;}/* --- sets the padding for the page - can be used to place a page specific background image OVER the main background image used for the site --- */
.bioimage{}/* --- tag is referenced but not currently used --- */
.biocontent{color:#333232;padding:0px 25px 0px 0px;}/* --- designates padding and font color for the character/actor text --- */
.whitetext{color:#333232;}/* --- designates the font color for the current "character bio" and "actor bio" link on the detail pages --- */
.whitetext a:link{color:#333232;}/* --- designates the font color for the active "character bio" and "actor bio" links on the detail pages --- */
.whitetext a:visited{color:#333232;}/* --- designates the font color for the "character bio" and "actor bio" links on the detail pages, if they current page has already been viewed --- */
.bioblackcell{background-color:#000000;padding:10px 0px 25px 12px;color:#FFFFFF;}/* --- i don't think this is used --- */
.bioblackcell a:link{color:#FFFFFF;}/* --- i don't think this is used --- */
.bioblackcell a:visited{color:#FFFFFF;}/* --- i don't think this is used --- */
.bionav{margin:0px;float:right;padding-bottom:10px;background-color:#CCCCCC;}/* --- i don't think this is used --- */

/* --- CAST AND CREW and EPISODE GUIDE Right Subnav Menu -- Control DIV for expand all and collapse all links --- */

#p7TMctrl{margin:0 0 12px 0;font-size:12px;display:none;/*/ */display:block;/* Hide from NN4 */}/* --- i don't think this is used --- */
#p7TMctrl a:link{color:#ffffff;}/* --- i don't think this is used --- */
#p7TMctrl a:visited{color:#ffffff;}/* --- i don't think this is used --- */
#p7TMctrl a:hover{color:#ffffff;}/* --- i don't think this is used --- */
#p7TMnav{*/line-height:1.35;/* */}/* --- Sets line-height of all menuitems --- */
#p7TMnav div a{color:#FFF;font-size:12px;}/* --- designates the link style for top-level menuitems - is read by all browsers --- */
#p7TMnav div a{/*/ */padding:1px 0 1px 12px;display:block;background-color:#761010;border-top:1px solid #8e3939;border-right:1px solid #872d2d;border-bottom:1px solid #5d0d0d;border-left:1px solid #560c0c;text-decoration:none;/* */}/* --- designates the link style for top-level menu items - hidden from Netscape 4 --- */
#p7TMnav div a:visited{color:#bebebe;}/* --- designates the link font color for top-level menu items after the viewer has been to the page --- */
#p7TMnav div a:hover{color:#ffffff;background-color:#761010;}/* --- designates the link style for top-level menu items on mouseover --- */
#p7TMnav div div a{color:#000000;font-size:12px;background-color:transparent;border:0;}/* --- designates the link style for second-level menuitems --- */
#p7TMnav div div{margin:0 0 0 6px;}/* --- second level menu item divs on - cascades to lower levels; Sets left margin to 16px establishing a cascading indent --- */
#p7TMnav div div div a{font-size:12px;}/* --- designate the link style for third-level menuitems and lower; To set a specific style for the fourth level, add a div to the selector; Fourth-level example syntax: p7TMnav div div div div a {declaration} --- */
.p7currentmark{font-weight:bold;text-transform:uppercase;color:#333232 !important;/*padding:1px 0 1px 20px !important;*/ background-color:transparent !important;}
/* --- this is style for the nav item of the page you are currently viewing. note -  rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on this and the three following rules supercedes (via !important) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs --- */
.p7defmark{background-image:none;padding:1px 0 1px 20px !important;}/* --- i don't think this is used --- */
.p7minusmark{background-repeat:no-repeat;background-image: url(/designingblind/css/p7t_minus.gif);background-position:6px 50%;padding:1px 0 1px 20px !important;}/* --- i don't think this is used --- */
.p7plusmark{background-repeat:no-repeat;background-image: url(/designingblind/css/p7t_plus.gif);background-position:6px 50%;padding:1px 0 1px 20px !important;}/* --- i don't think this is used --- */

/* --- EPISODE GUIDE --- */

.episodecontentholder{padding:19px 10px 20px 3px;}/* --- sets the padding for the page - can be used to place a page specific background image OVER the main background image used for the site --- */
.episode{background-color:transparent;}/* --- no need to change --- */
.episodecontent{color:#333232;padding:0px 15px 10px 13px;}/* --- designate the font color, and padding for the text and image--- */
.episodeTitle{color:#333232;padding:4px 4px 0px 0px;font-size:20px;font-weight:bold;letter-spacing:-1px;}/* --- designate the font color for the episode title --- */
.episodebox{width:246px;font-size:12px;}/* --- i don't think this is used --- */
.episoderightmenuheader{padding:5px 0px 8px 0px;background-color:#606977;color:#FFFFFF;font-weight:bold;}/* --- i don't think this is used --- */
.episoderightmenuheader a:link,.episoderightmenuheader a:visited{color:#FFFFFF;font-weight:bold;}/* --- i don't think this is used --- */
.episoderightmenuoff{padding:5px 6px 4px 7px;background-color:#E7EDF2;}/* --- i don't think this is used --- */
.episoderightmenuoff a:link,.episoderightmenuoff a:visited{color:#000000;text-decoration:none;}/* --- i don't think this is used --- */
.episoderightmenuoff a:hover{text-decoration:underline;}/* --- i don't think this is used --- */
.episoderightmenuon{padding:5px 6px 4px 7px;background-color:#D6DDE3;}/* --- i don't think this is used --- */

/* --- GENERIC CONTENT --- */
.genericcontentholder{padding:40px 72px 150px 11px;background-image: url(../images/movetips/flip_tips_bkgrd.jpg);background-position:top;background-repeat:no-repeat;background-color:transparent;}/* --- sets the padding for the page - can be used to place a page specific background image OVER the main background image used for the site --- */
.genericcontent{color:#333232;}/* --- sets the padding for the page and the font color --- */
.genericcontent a:link{color:#333232;}
.genericcontent a:visited{color:#333232;}
.genTitleblack{font-weight:bold;color:#333232;}
.genTitlewhite{font-weight:bold;color:#FFF;}
.tipcontentholder{padding:0px 0px 0px 0px;background-image: url(../images/fliptips/flip_fliptips_bkgrd.jpg);background-position:top;background-repeat:no-repeat;background-color:transparent;}/* --- sets the padding for the page - can be used to place a page specific background image OVER the main background image used for the site --- */
.tipcontent{color:#333232;padding:0px 0px 10px 0px;}/* --- sets the padding for the page and the font color --- */
.tipcontent a:link{color:#333232;}
.tipcontent a:visited{color:#333232;}

/* --- slide show gallery --- */
.photocontentholder{background-color:transparent;padding: 0px 0px 150px 0px;}
.photoshow{padding: 62px 0px 10px 17px;}
.photocontent{color:#333232;padding: 62px 30px 20px 17px;}
a.photocontent:link{color:#333232;}
a.photocontent:visited{color:#333232;}

/* --- POLL AND RESULTS --- */
.pollresultgrahp {padding: 0px 0px 10px 5px;}
.pollcontentholderbg {padding: 10px 10px 30px 10px;background-color: #C0C9D3;}
.pollcontent {padding: 0px 15px 10px 13px;}

/* --- POP QUIZ AND RESULTS --- */
.popquizcontentbg {background-image:  url(/designingblind/images/bg_episode.jpg);background-position: top left;background-repeat: repeat-x;}
.popquizcontentholderbg {padding: 10px 10px 30px 10px;background-color: #C0C9D3;}
.popquizimageholder {padding-bottom: 10px;}
.popquizresultcorrect {font-weight:bold;color:#FF6600;}
.popquizcontent {padding: 0px 15px 10px 13px;}

/* --- STORE PROMO ---  styles for the link to the store which appears on some pages, usually in the episode guide*/
.storeShowBkgrnd{background-color:transparent;padding:0px 15px 0px 13px;}/* --- no need to change --- */
.storeShowborder{border:1px solid #FFFFFF;}/* --- designate a border color for the promo --- */
storeShowlink a:link{color:#666666;}/* --- designate the link color for the promo --- */
storeShowlink a:visited{color:#666666;}/* --- designate the link color for the promo, when the user returns to the page --- */
.storeShowproduct{background-color:#CCCCFF;padding:4px 4px 4px 4px;font-size:11px;}/* --- designate the background color for the promo --- */

/* --- MULTICLIP VIDEO PLAYER --- */
.videocontentholder{background-color:transparent;}/* --- can be used to place a page specific background image OVER the main background image used for the site --- */
.videocontent{color:#333232;padding:15px 20px 10px 20px}/* --- sets the padding, designates font color for text field ABOVE video player --- */
.video{background-color:transparent;padding: 0px 6px 0px 6px;}/* --- can be used to add a specific imageor color behind the video player --- */
.videoLowertextfield{color:#333232;padding: 10px 20px 40px 20px;}/* --- sets the padding, designates font color for text field BELOW video player --- */


/* --- 300x250 AD UNITS --- */
.siteAdBkgrnd{background-color:transparent;}/* --- designate a background color for the ad if the "minisiteMastertable" class is not being used --- */

/* overrides */
/*.searchtable { padding-bottom: 11px;}*/
/* Widen to 1009px */
table {background: #FFF;}
.squareadlabel, #blockadtable {background: #2f292b;}
#footer-table table, .minisiteMasterTable table, .searchtable table, .show_home_promo_table table, .mainPromoLeft table, .mainPromoRightPad, .mainPromoRightPad table {background-color: transparent;}
body, .adbannercell, #global-top-nav {width: 1009px;}
html {background: #FFF;}
body {position: relative; background: #2F292B;}
.siteAdBkgrnd, .siteAdBkgrndHome {background: #2F292B!important;}
#right-column {position: absolute; right: 0; top: 212px; text-align: left; width: 248px; background: #2F292B url(/flipthishouse/images/right-column/right-column-bg.png) top left repeat-x; min-height: 700px; border-left: 1px solid #2f292b;}
.adbannercell {height: 112px; margin-bottom: 32px; position: relative}
.adbannercell img {float: left; margin-left: 128px;}
.squarebottomad {margin-left: 290px;}
/*#lcBannerDiv {width: 977px; height: 90px; margin-top: -10px; margin-left: 125px;}*/
#lcBannerDiv {width: 728px; height: 90px; position: absolute; left: 50%; top: 15px; margin-left: -364px}
#footer-table {width: 1009px;}
.topNav {font-size: 12px!important;}
#global-top-nav, #gtn-logo, #gtn-top-right-nav {background: transparent;}
#global-top-nav {background: #232020 url(/flipthishouse/images/ae-header.png) left no-repeat!important; position: absolute; width: 1009px; height: 100px; z-index: 999; top: 112px;}
#gtn-right {width: 1009px; position: absolute; float: left; right: 16px;}

#gtn-main-menu {position: absolute; top: 61px; left: 150px;}

#gtn-search {position: absolute; right: -10px; top: -5px; width: 180px;}
#gtn-rss {position: absolute; right: 205px; top: 16px; width: 24px;}
#gtn-news-book {position: absolute; left: 525px; top: 16px; font-size: 10px;}
#global-top-nav #gtn-right #gtn-news-book{position: absolute; left: 505px; top: 16px; font-size: 10px;} 
#gtn-logo {width: 160px; float: left;}
.topNavLogo a img {width: 160px;}
#top-video-picks h3 {font-size: 14px;}
#top-video-picks p {margin: 0 0 0 0; padding: 0 0 0 0; color: #DADADA; }
#top-video-picks h3{margin: 0 0 0 0; padding: 0 0 0 0; color: #DADADA; }
#top-video-picks a {width: 229px; /*height: 50px;*/ display: block; border-bottom: 1px dotted #444; text-decoration: none; padding: 10px; background: transparent; position: relative}
#top-video-picks a:hover {background: #000/* url(/flipthishouse/images/right-column/video-hover-xg.gif)*/;}
#top-video-picks a span {color: #8D6637; font-weight: bold; background: transparent url(/flipthishouse/images/right-column/arrow-bullet.png) left center no-repeat; padding-left: 20px; position: absolute; bottom: 10px;}
#top-video-picks a p {margin-bottom: 25px;}
#top-video-picks a:hover span {color: #E3B355;}
#video-guide {text-align: center; padding: 20px 0; border-bottom: 1px dotted #999;}
#also-on p {color: #FFF; margin: 0 0 0 0; padding: 10px 35px 10px 35px;}
#also-on_unordered {margin: 0 0 0 35px; padding: 0 0 0 0;}
#also-on_unordered li {border-bottom: 1px dotted #999; margin: 0 0 5px 0; padding: 0 0 3px 0; list-style-image: url(/insider/images/right-column/list-bullet.gif); list-style-position: inside; width: 180px;}
#also-on_unordered li a {color: #FFF; text-decoration: none;}