/* CSS Document - DRIVING FORCE */

/* --- 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/df_AElogo.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:#999999;text-decoration: none;}
/* --- change "color" to designate the font color for main nav items - "home", "shows" etc --- */
.topNavBkgrnd{background-color:#000000;}/* --- change to designate the background color for top strap --- */
.topNavPipe{color:#666666;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/df_interior_bg.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E9E9E9;}/* --- 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 --- */
.homenavoff{color:#FFF;padding-bottom:2px;padding-left:5px;padding-right:2px;padding-top:2px;}/* --- designate the default color of the nav items --- */
.homenavoff a:link{color:#FFF;text-decoration:none;}/* --- designate the default color of the links --- */
.homenavoff a:visited{color:#FFF;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:#FF0000;font-weight:bold;padding-bottom:2px;padding-left:5px;padding-right:2px;padding-top:2px;}/* --- the link "home" will be this color --- */
.mainPromoLeft{padding:0px 0px 0px 0px;background-color:#000;}/* --- no need to change --- */
.mainPromoMiddle{background-color:#000;}/* --- no need to change --- */
.mainPromoRight{color:#FFFFFF;background-color:#000000;}/* --- no need to change --- */
.mainPromoRightPad{color:#FFFFFF;padding:0px 5px 0px 5px}/* --- designate the font color for the schedule date and times --- */
.scheduleLinkFull{color:#FFFFFF;font-size:11px;}/* --- designate the font color for the "full schedule" link at the bottom of the listings --- */
.whitelink a:link{color:#FFFFFF;}/* --- designate the font color for links in the schedule --- */

/* --- SMALL, MEDIUM AND LARGE PODS --- */
.homecell{color:#FFFFFF;padding:10px 8px 8px 9px;}/* --- designates the font color for the home page small promos --- */
.homecell a:link{color:#FF0000;}/* --- designates the font color for the links within home page small promos --- */
.homecell a:visited{color:#666666;text-decoration:underline;}/* --- designates the font color for the links within home page small promos, when a user returns to the home page --- */
.possehome{color:#FFFFFF;background-image:url(../images/home/df_lp_bg.jpg);background-position:top left;background-repeat:no-repeat;background-color:#000000;}/* --- the default class assigned to the "large" 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. --- */
.possehome a:link{color:#FF0000;}/* --- designate the link text color for the large promo --- */
.possehome a:visited{color:##666666;text-decoration:underline;}/* --- designate the link text color for the large promo, when the user returns to the homepage --- */
.storehome{color:#FFFFFF;background-position:top left;background-repeat:no-repeat;background-color:#000000;}/* --- 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:#FF0000;text-decoration:underline;}/* --- designate the link text color for the store promo --- */
.storehome a:visited{color:##666666;text-decoration:underline;}/* --- designate the link text color for the store promo, when the user returns to the homepage --- */
.discussionhome{padding:0px 0px 0px 0px;color:#FFFFFF;}
/*.discussioncustom{padding:0px 0px 0px 0px;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:#FF0000;text-decoration:underline;}/* --- designate the link text color for the medium promo --- */
.discussionhome a:visited{color:#666666;text-decoration:underline;}/* --- designate the link text color for the medium promo, when the user returns to the homepage --- */
.storepromocustom{color:#FFFFFF;background-image:url(../images/rg_home_storePro_bkgrd.jpg);background-position:top;background-repeat:no-repeat;background-color:#0A3A60;padding:50px 168px 0px 10px}/* --- a custom class assigned to the "store" 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 --- */
.largepromocopy{padding:60px 143px 0px 15px;}
.newsletterbox{width:130px;font-size:12px;}

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



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


/* --- LEFT NAVIGATION --- */
.leftnavarrow{margin-left:10px;}/* --- no need to change --- */
.leftnavholder{background-position:top left;padding:0px 0px 40px 0px;background-color:transparent;background-repeat: no-repeat;}/* --- no need to change --- */
.leftnavoff{color:#000000;padding:4px 0px 4px 0px;}/* --- designate the default color of the nav items --- */
.leftnavoff a:link{color:#000000;text-decoration:none;}/* --- designate the default color of the links --- */
.leftnavoff a:visited{color:#000000;text-decoration:none;}/* --- i don't think this is used --- */
.leftnavoff a:hover{text-decoration:underline;}/* --- designate the decoration of the link when the user points their mouse over it--- */
.leftnavon{color:#000000;font-weight:bold;padding:4px 0px 4px 0px;}/* --- the link for the page you're on will be this color --- */

/* --- ALL --- */
.contentholderbg{background-image:url(../images/ttt_interior_bg.jpg);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/ttt_film_bg.jpg);background-position:top left;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 --- */
.actorscontentholder{background-image:url(../images/ttt_actors_bg.jpg);background-position:top left;background-repeat:no-repeat;background-color:#DDEDF1;}
.filmmakerscontentholder{background-image:url(../images/ttt_filmmakers_bg.jpg);background-position:top left;background-repeat:no-repeat;background-color:#DDEDF1;}
.erikcontentholder{background-image:url(../images/ttt_erik_bg.jpg);background-position:top left;background-repeat:no-repeat;background-color:#DDEDF1;}
.gallerycontentholder{background-image:url(../images/ttt_gallery_bg.jpg);background-position:top left;background-repeat:no-repeat;background-color:#DDEDF1;}
.meetcontentholder{background-repeat:no-repeat;}
.aboutcontent{color:#333333;padding:0px 45px 10px 25px}
.aboutcontent a:link{color:#C02700;}
.aboutcontent a:visited{color:#4AACD7;}
.aboutcontent a:hover{color:#C02700;}
.meetcontent a:link{color:#FFFFFF;text-decoration:underline;}
.meetcontent a:visited{color:#CCCCCC;text-decoration:underline;}
/*.meetcontent{color:#333333;padding:0px 45px 10px 25px}*//* --- designate the padding for the page content --- */
.actorcontent{color:#333333;padding:85px 44px 5px 24px}
.talkcontentholder{color:#000000;padding:10px 10px 0px 34px}
.gallerycontent{color:#333333;font-weight:bold;padding:85px 40px 160px 24px;}
.actorcontent2{color:#333333;padding:15px 35px 5px 24px}
.erikcontent{color:#333333;padding:5px 30px 40px 23px}
.meetcopy{color:#000000;padding:13px 10px 0px 25px}
.aboutimage {padding: 20px 32px 0px 0px;}
.medlanimage {padding: 20px 32px 0px 0px;}/* --- designate the padding for an image. note - if this is embedded within the "aboutcontent" style, the padding will be cumulative --- */
.erikimage {padding: 85px 0px 0px 0px;}
.aboutLinks{color:#333333;}

/* --- CAST AND CREW LANDING --- */
.castcontentholder{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 {background-image:url(../images/meet_the_forces/df_cast_slate.gif);background-repeat:no-repeat;color: #FF0000;font-weight:bold;padding: 45px 0px 0px 103px;}/* --- this tag appears on the landing page, and controls the font color and background image (if used) of the cell --- */
.castblackcell a:link {color:#FF0000;}/* --- designate the color of the "character bio" and "actor bio" links --- */
.castblackcell a:visited {color:#666666;}/* --- 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 0px;}/* --- 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:0px 0px 0px 0px;}/* --- 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{padding:0px 0px 0px ñpx;}/* --- tag is referenced but not currently used --- */
.biocontent{color:#000000;padding:0px 0px 0px 50px;}/* --- designates padding and font color for the character/actor text --- */
.whitetext{color:#FFFFFF;}/* --- designates the font color for the current "character bio" and "actor bio" link on the detail pages --- */
.whitetext a:link{color:#262B2F;}/* --- designates the font color for the active "character bio" and "actor bio" links on the detail pages --- */
.whitetext a:visited{color:#627F8F;}/* --- designates the font color for the "character bio" and "actor bio" links on the detail pages, if they current page has already been viewed --- */

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

#p7TMnav{*/line-height:1.35;/* */}/* --- Sets line-height of all menuitems --- */
#p7TMnav div a{color:#CC0000;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:#000000;border-top:1px solid #3F586C;border-right:1px solid #666666;border-bottom:1px solid #132634;border-left:1px solid #999999;text-decoration:none;/* */}/* --- designates the link style for top-level menu items - hidden from Netscape 4 --- */
#p7TMnav div a:visited{color:#666666}/* --- designates the link font color for top-level menu items after the viewer has been to the page --- */
#p7TMnav div a:hover{color:#000000;background-color:transparent;}/* --- designates the link style for top-level menu items on mouseover --- */
#p7TMnav div div a{color:#CC0000;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;color:#CC0000;font-weight:bold; !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 --- */

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

.episodecontentholder{padding:10px 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:#000;padding:0px 15px 10px 13px;}/* --- designate the font color, and padding for the text and image--- */
.episodeTitle{color:#000;padding:4px 4px 0px 0px;font-size:20px;font-weight:bold;letter-spacing:-1px;}/* --- designate the font color for the episode title --- */

/* --- GENERIC CONTENT --- */
.genericcontentholder{padding:15px 0px 40px 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 --- */
.genericcontentholderbg{background-image:url(../images/ttt_interior_bg.jpg);background-color:#DDEDF1;background-repeat: no-repeat;}
.genericcontentbkgrd{background-image:url(../images/koc_gallery_bkgrd.jpg);background-color:transparent;background-repeat: no-repeat;}/* --- can be used to place a page specific background image OVER the main background image used for the site --- */
.genericcontentbody{color:#FFFFFF;padding:15px 20px 40px 20px;}/* --- sets the padding for the page and the font color --- */
.genericcontent{color:#FFFFFF;padding:15px 20px 40px 20px;}/* --- sets the padding for a cell within the page and the font color for that cell --- */

/* --- MOBILE MESSAGES --- */



/* --- PHOTO GALLERY --- */
.photocontentholder{background-image:url(../images/kdf_interior_bg.jpg);background-color:transparent;background-position:top left;background-repeat:no-repeat;background-repeat: no-repeat;}/* --- 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 --- */
.photocontent{padding: 15px 0px 20px 0px;}

/* --- POLL AND RESULTS --- */


/* --- POP QUIZ AND RESULTS --- */


/* --- 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 --- */

/* --- SWEEPS --- */



/* --- MULTICLIP VIDEO PLAYER --- */
.videocontentholder{padding:25px 0px 50px 0px;background-position:top left;background-image:url(../images/ttt_video_bg.jpg);background-color:transparent;background-repeat: no-repeat;}
.videocontent{color:#000000;padding:0px 90px 10px 100px}
.video{background-color:transparent;padding: 0px 0px 0px 0px;}/* --- can be used to add a specific image or color behind the video player --- */
.videoLowertextfield{color:#FFFFFF;padding: 10px 0px 40px 0px;}/* --- 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 --- */