﻿/*////////////////
/// REALITY TV ///
////////////////*/

/*/////////////////////////////
// DEFAULT TEMPLATE ELEMENTS //
/////////////////////////////*/

.GPWrapper, .ContentCellCss, .PromoCellCss, .bp10, .listMod2Css, .RightTableCss, .t5r2, .r2, .rp2, .tp10 {
    padding:0; margin:0; border:none;
}
.AdCss, .rightAdCss, .FlashCellRowGalleryCss, .FlashCellRowEdit10Css, .t5r2 {
    display:none;
}
center {
    padding-bottom:16px;
    background-color:#1b1b1b;
    border:1px solid #848484;
}
.GPWrapper { /* bottom layer, outermost container */
    position:relative;
    width:938px; overflow:hidden;
    margin-top:16px;
    padding:0;
    border:1px solid #484848;
    background:#1b1b1b url("http://entimg.s-msn.com/i/pkg/realitytv/bgmainmiddle.gif") repeat-y left bottom;
}
.ContentTableCss {background-color:transparent;}
.ContentCellCss { /* second layer from bottom; inside gpwrapper; contains next 3 */
    /*min-height:600px;*/
    padding:0 0 20px 0;
    background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/bgmain.jpg") no-repeat left top;
}
.tbMain { /* third layer from bottom */
    margin:0 0 0 37px; 
    padding:0;
    border:none;
    /*background:transparent url("bg_gal_btm.gif") no-repeat left bottom;*/
}
.EditorialCellCss {/* main left column [inside tbMain] */
    width:547px;
    margin:0;
    padding:0;
    border:1px solid #76787d;
    background-color:#000000;
    background-image:none;
} 
.ListModCss {  
    /*min-height:600px;*/
    padding:0;
    margin:0;
}
.RightTableCss {/* main right column [inside tbMain]*/
    width:350px;
    margin:0;
    padding:0;
}
/*page footer*/
div.pageFooter_control a:visited {color:#07519a;}
.pageFooter_copyright span, .pageFooter_logoSeparator span {color:#999999;}

/*///////////////
// MISC SHARED //
///////////////*/
/*
 GENERAL
*/
body, td, div, span, p, h1, h2, h3, h4 {
        font-size:9pt; color:#ffffff; font-family:Arial, Helvetica, Sans-Serif;
}
@media screen { /*hide sifr text pre-swap*/
    .sIFR-active h2 {visibility:hidden;}
}
h1, h2 {padding:0; margin:0;}
h2, .h2 {
    margin:0; padding:0;
    color:#dd9615;
    font-size:18px;
    font-weight:normal;
}
a, .lnk4 {color:#969699;}
a:visited {color:#969699;}
a:hover {text-decoration:underline;}

/*
 HEADER AND NAVIGATION
*/
#pkghdr {width:940px; height:89px; float:left;}

#pkgnav {
    position:relative; float:left;
    top:-21px; left:40px;
    width:450px;
    margin:0; padding:0;
    height:13px;
    border:none;
    text-indent:-9999px;
}
#pkgnav-btns {
    position:relative;
	height:13px;
    margin:0; padding:0px; 
	background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/nav-nofeat.gif") no-repeat 0 0;
    border:none;
}
#pkgnav-features-sub {display:none;}

#hdrSocialPromo {
    position:absolute;
    right:40px;
    top:59px;
    margin:0; padding:0;
    color:#76787d;
    font-size:9pt;
    text-align:right;
    white-space:nowrap;
    }
#hdr-twitter {position:relative; top:3px; padding:0 5px 0 3px;}
#hdr-fb {position:relative; top:5px;}

#pkgnav-btns a {outline:none; margin:0; padding:0; height:13px; display:block;}
#pkgnav-btns li {margin:0; padding:0; list-style:none; position:absolute;}

#pkgnav-home {left:0; width:45px;}
#pkgnav-photos {left:86px; width:58px;}
#pkgnav-video {left:184px; width:50px;}
#pkgnav-features {left:273px; width:125px;}

#pkgnav-btns a:hover, .pkgnavdown {background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/nav.gif") no-repeat 0 -13px;}
#pkgnav-photos a:hover, #pkgnav-photos.pkgnavdown {background-position:-86px -13px;}
#pkgnav-video a:hover, #pkgnav-video.pkgnavdown {background-position:-184px -13px;}
#pkgnav-features a:hover, #pkgnav-features.pkgnavdown {background-position:-273px -13px;}

/*
 INNER PAGES, LEFT COLUMN
*/
table.left_body_outer { /* set in Common/listModule:OuterTableCssClass */ 
    margin:0;
}
table.left_body_outer * table { 
    border-collapse:collapse; /* removes cellspacing if not set on the table tag */
}
img.artclfeatr {border-bottom:1px solid #76787d;}

td.left_body_text, div.left_body_text { /* TextCssClass on articles, otherwise have to do a div wrapper */
    padding:12px;
}
td.left_body_text {padding-top:20px;}
div.left_body_text {
    float:left;
    padding-top:20px;padding-right:20px; padding-bottom:35px;
}

/*article titles*/
.pkgArtclTitle {color:#dd9615; font-weight:normal; font-size:14pt;}
.pkgArtclSubT {color:#dd9615; font-weight:normal; font-size:11pt;}

/* article pagination */
table.NewsArticlePaginationTableCss {width:508px !important; margin-top:17px;}
table.NewsArticlePaginationTableCss td {font-size:9pt; color:#fefbe5;}
table.NewsArticlePaginationTableCss a {font-size:8pt;}
td.lp5 img, td.bp10 img {display: none;} /* pagination arrows */

td.left_body_text table table td.tp10 {display:none;} /* hide news feed at article end */
    
/* sharing toolbar */
div.newsToolBarBodyDiv {
    clear:left;
    width:auto;
    margin:10px 0 0 14px;
    padding:10px 0 inherit 0;
    border:none; border-top:1px solid #1a1a1a;
    /*background:#523715 url('bg_toolbar.jpg') no-repeat 30px top;*/
    }
.newsToolBarCommentsRootDiv {margin-left:16px;}

/*'next article'*/
#pkgNxtArtcl {margin:10px 13px 0 0; font-size:9pt; font-weight:bold; color:#dd9615; text-align:right;}
#pkgNxtArtcl span {color:#7b7b7c; margin:4px;}

div.newsToolBarMailRootDiv {padding-left:0;}

.newsToolBarBodyDiv a, #commentsText, #MailText, #diggText, #spacesText,
.newsToolBarCommentsLinkDiv, .newsToolBarCommentsLinkDivMouseOver,
.fb_share_link, .newsToolBarMailLinkDiv, .newsToolBarMailLinkDivMouseOver, 
.newsToolBarDiggLinkDiv, .newsToolBarDiggLinkDivMouseOver, 
.newsToolBarSpacesLinkDiv, .newsToolBarSpacesLinkDivMouseOver {color:#8c8c8f; font-size:8.5pt;}

.fb_share_link {display:inline-block; position:relative; bottom:2px; padding-left:21px !important;}

/*
 GLOBAL RIGHT COLUMN MODULES
 Most modules live in ComplexLinksList1. Also see listModule2.
 Conditional comment for IE6 right column components is in Common StyleSheetCtrl
 Headings are typically sIFR -- see package.js
*/
#adheadmain, #adheadhubs, #rtmod_ad, #rtmod_video, #rtmod_more, #rtmod_photo, #rtmod_fbc {
    display:inline; /* counteracts ie6 float bugs */
    float:left;
    width:350px;
    margin:11px 0 0 1px;
    background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/bgrtfade3.png") no-repeat 0 0;
}
#adheadmain, #adheadhubs { /*300x250 ad heading*/
    width:312px;
    height:9px;
    margin-top:-1px; margin-right:1px;
    color:#8e8d8d;
    font-family:Tahoma,verdana,arial;
    font-size:7pt; text-align:right;
    background-color:transparent;
    background-image:none;
} #adheadhubs {display:none;} /*off by default*/
#rtmod_ad {/*300x250 ad*/
    height:250px;
    margin:0 0 2px 15px;
    background-image:none;
} 
#rtmod_video {
    height:165px;
    padding:0;
    }
#rtmod-galcontainer {position:relative; left:19px;}

#rtmod_fbc {min-height:150px; padding-left:19px; overflow:visible;}
#hdr-rtmod-fbc {margin-left:11px;}

#rtmod_photo {
    padding-left:15px;
    height:190px;
    }
#rtmod_photo .pkgscr-outer {clear:left; position:relative; width:288px; height:150px; overflow:hidden; border:none;}
#rtmod_photo .pkgscr-slider {position:absolute; min-width:2000px; height:150px; border:none; white-space:nowrap;}
#rtmod_photo .pkgscr-item {position:relative; width:144px; height:150px; float:left; border:none}
#rtmod_photo img {border:1px solid #76787d;} 
img#hdr-rtmod-photos {border:none; float:left;}
#rtmod_photo .galScrSubT {display:block; width:142px;}

/*More on MSN*/
#rtmod_more {
    margin-top:10px;
    padding:0;
    height:71px;
    }
#rtmod_more img {float:left;}
#moreon-linkwrap {float:left; margin-top:13px; margin-left:10px;}
    
#rtmod_more p {font-size:9pt; padding:0; margin:0;}

#pkgFBLikeIF {margin:15px 0 0 13px;}

/*///////////////////////
// HUBS, FEATURED SHOW //
///////////////////////*/
#pkgFeatShow #rtmod_video, /*hide video mod*/
#pkgHub #rtmod_video,
#pkgVideoHub #rtmod_video {display:none;}

#pkgHub #rtmod_fbc,
#pkgPhotoHub #rtmod_fbc,
#pkgFeatShow #rtmod_fbc {display:none;}

#rtmod_photo {display:none;} /*hide photo mod except on vid hub*/
#pkgVideoHub #rtmod_photo {display:inline;}

#pkgFeatShow #adheadmain, /*hide standard ad head*/
#pkgHub #adheadmain,
#pkgPhotoHub #adheadmain,
#pkgVideoHub #adheadmain {display:none;}

#pkgFeatShow #adheadhubs, /*show hubs ad head*/
#pkgHub #adheadhubs,
#pkgPhotoHub #adheadhubs {display:block; width:313px; margin:0;}

#pkgFeatShow #rtmod_ad, /*remove top margin from ad, hubs*/
#pkgHub #rtmod_ad,
#pkgPhotoHub #rtmod_ad  {margin-top:0;}

#pkgFeatShow .EditorialCellCss, /*force height*/
#pkgHub .EditorialCellCss {height:1000px; border:none; background-color:transparent;}

#pkgHub #rtmod_more, /*remove top margin from More mod, hubs*/
#pkgFeatShow #rtmod_more, 
#pkgPhotoHub #rtmod_more {margin-top:5px;}

#episodes-clips {clear:left; float:left; margin-top:19px; width:452px;}

#hubPhotoScroll {width:410px; height:290px; float:left; margin-top:19px;}
#hubPhotoScroll h2 {width:330px; float:left;}

#mainFeatWrap {
    width:547px;
    height:336px;
    margin:0; padding:0;
    border:1px solid #76787d;
}
#mainFeatInfo {
    position:relative;
    bottom:71px;
    width:532;
    height:61px;
    padding:10px 0 0 15px;
    background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/bg80pct2.png") no-repeat 0 0;
    }
.mainFeatSubT {
    color:#6c6c71;
    font-family:Arial,Sans-Serif;
    font-size:9pt;
    margin-top:3px;
}

#wonderwallLogo {vertical-align:middle;}

#lowerWrap {
    position:absolute; top:447px;
    width:865px;
}

/*toast*/
.toastContainer {
    float:left;
    margin-top:2px;
    clear:left;
    border:1px solid #76787d; border-left:none; border-top:none;
}
.toastgroup {
    position:relative;
    margin:0;
    padding:0;
    height:140px;
    width:215px;
    overflow:hidden;
    float:left;
    border:1px solid #76787d; border-right:none; border-bottom:none;
}
.toastgroup img {border:1px solid #76787d; border-left:none; border-top:none;}

.toasttitle {
    margin:0;
    padding:5px 10px 2px 10px;
    color:#fff;
    font-family:Arial,Sans-serif;
    font-size:8pt;
    font-weight:bold;
}
.toastsub {
    margin:0;
    padding:0 10px 0 10px;
    color:#fff;
    font-family:Arial,Sans-serif;
    font-size:8pt;
}

.overlay {
    width:215px;
    height:81px;
    margin:0;
    padding:0;
    position:absolute;
    bottom:-58px;
    background:url('http://entimg.s-msn.com/i/pkg/realitytv/bg80pct2.png');
}
.clipThumb {width:144px; height:142px; float:left; color:#fff; font-family:Arial,Sans-serif; font-size:8pt;}
.clipThumb img {margin-bottom:2px; border:1px solid #76787d;}

/*photo scroller [text link version]*/
#hubPhotoScroll .pkgscr-outer {clear:left; position:relative; width:408px; height:266px; overflow:hidden; border:1px solid #76787d;}
#hubPhotoScroll .pkgscr-slider {position:absolute; min-width:2500px; height:266px; border:none; white-space:nowrap;}
#hubPhotoScroll .pkgscr-item {position:relative; width:408px; height:266px; float:left; border:none;}

#hubPhotoScroll .backnext,
#rtmod_photo .backnext { 
    float:left;
    text-align:right;
    width:75px;
    padding-top:5px;
    text-decoration:none; 
    font-weight:bold; 
    cursor:pointer; 
    color:#fff; 
    font-family:Arial,Sans-serif; 
    font-size:8pt; 
    }
#rtmod_photo .backnext {padding-top:15px; width:210px;}
#hubPhotoScroll .pkgscr-btn-L, #hubPhotoScroll .pkgscr-btn-R, #hubPhotoScroll .pkgscr-btn-dim,
#rtmod_photo .pkgscr-btn-L, #rtmod_photo .pkgscr-btn-R, #rtmod_photo .pkgscr-btn-dim {
    width:30px;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    color:#76787d;
    font-family:Arial,Sans-serif;
    font-size:8pt;
    margin:0 3px 0 3px;
    }
#hubPhotoScroll .pkgscr-btn-L:hover, #hubPhotoScroll .pkgscr-btn-R:hover,
#rtmod_photo .pkgscr-btn-L:hover, #rtmod_photo .pkgscr-btn-R:hover {
    text-decoration:underline;
    cursor:pointer;
    color:#76787d;
    font-family:Arial,Sans-serif;
    font-size:8pt;
    }
#hubPhotoScroll .pkgscr-btn-dim, 
#rtmod_photo .pkgscr-btn-dim {color:#505050; cursor:default;}

#hubPhotoScroll .pkgscr-btn-dim:hover,
#rtmod_photo .pkgscr-btn-dim:hover {text-decoration:none; cursor:default; color:#505050;}

#hubPhotoScroll .pkgscr-item img {border:none;}

.overlayImage {
    background-color:Transparent;
    background-image:url("http://entimg.s-msn.com/i/pkg/realitytv/bg80pct2.png");
    color:#ffffff;
    font-family:Arial,Sans-serif;
    font-size:9pt;
    font-weight:normal;
    height:22px;
    left:0px;
    padding:10px 0 0 11px;
    position:absolute;
    top:235px;
    width:397px;
    z-index:200;
    }
.overlayImage a {
    color:#ffffff;
    font-family:Arial,Sans-serif;
    font-size:9pt;
    font-weight:normal;
    text-decoration:none;
    }
.overlayImage a:hover {
    color:#ffffff;
    font-family:Arial,Sans-serif;
    font-size:9pt;
    font-weight:normal;
    text-decoration:underline;
    }
.bigImage {z-index:2;}

/*video hub*/
#pkgVideoHub .EditorialCellCss {border: none; background-color: transparent;}
#pkgVideoHub #adheadmain, #pkgVideoHub #rtmod_ad, #pkgVideoHub #rtmod_video {display: none}
#pkgVideoHub .tbMain {background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/bgrtfade3.png") no-repeat 547px -818px;}
#pkgVideoHub .ListModCss {width:547px; height:950px;}
#pkgVideoHub .ComplexLinks1CellCss {
    z-index:2;
    padding-top:187px;
    bottom:0;
    top:2px;
    }
#pkgVideoHub .RightTableCss {
    position:static;
    z-index:2;
    background:transparent url('http://entimg.s-msn.com/i/pkg/realitytv/gal-bdr-top.jpg') no-repeat right 0;
    }
#vidHubPlayer {
    position:absolute;
    z-index:1;
    width:900px;
    height:475px;
    background:transparent url('http://entimg.s-msn.com/i/pkg/realitytv/bgrelvid.gif') no-repeat 547px 16px;
    }
#vidHubGalleryBtm {
    position:absolute;
    width:535px;
    top:571px;
    padding:0 0 0 11px;
    background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/bgrtfade3.png") no-repeat 0 0;
    border-left:1px solid #666668;
    border-right:1px solid #393939;
    }
#Gallery1 {position:relative; bottom:15px;}
#pkgVideoHub #rtmod_photo, #pkgVideoHub #rtmod_more {position:relative; z-index:2;}

/*/////////////////
// PHOTO GALLERY //
/////////////////*/
/* (see TopArticle for conditional comments) */

/*** default template elements ***/
.msnPollCtrl3, #PhotoGalleryVote, .TopArticleCss, .photoAdCss, .mh_outer {
        display:none; margin:0; padding:0;
}
td.custrp {
    margin:0; padding:0;
    background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/bgrtfade3.png") no-repeat left top;
}

#pkgGal td.bp10 img {display:block;} /* 'none' used to hide sharing bar pagination arrows in common but here it hid the gallery picture */

.PhotoCellCss {
    width:547px;
    margin:0px; padding:0;
    text-align:center;
    border:1px solid #76787d; border-right:none;
    background-color:#000000;
}

/*gallery navigation*/
/*extra difficult because of table structure*/
.galnav-outer {padding:20px 25px 7px 0;} /*td, contains nav table*/
.galnav-row td, .galnav-row a, .galnav-mail a, .galnav-mail a:hover {font-size:8.5pt; color:#76787d; white-space:nowrap;}
.galnav-row img {display:none;} /*hide nav arrows*/
.galnav-mail {color:#76787d; text-align:left; width:200px; padding:0 0 0 25px;} /*e-mail link*/
.galnav-xofx {color:#dd9615!important; width:100%; padding:0;} /*'x' of 'x' images*/
.galnav-nxtbk {text-align:right; padding:0 5px 0 0;} /*back/next links*/

#pkgGal .GPWrapper {padding-bottom:95px;}

#pkgGal .RightTableCss {
    margin:0;
    padding:0;
    background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/gal-bdr-top.jpg") no-repeat right 0;
}
#pkgGal #adheadmain {
    width:314px;
    margin:6px 1px 1px 0;
}
#pkgGal #rtmod_ad {
    height:auto;
    margin:0;
    padding:0 0 0 16px;
    }
#pkgGal #rtmod_more {padding-bottom:3px;} /*replace space lost by neg marg on righttable*/
.MoreGalleriesCss {
    position:relative; bottom:2px;
    margin:0; padding:0;
    background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/bgmoregals8.gif") no-repeat 0 0;
}
/* expandy text */
td.infotxtHdr {padding:15px 0 0 19px;}
.infotxtHdr a {
    color:#dd9615!important;
    font-family:arial,helvetica,sans;
    font-size:11pt;
    font-weight:normal;
    cursor:default;
    }
.infotxtHdr a:hover {text-decoration:none;}
.infotxt {color:#ffffff; padding:5px 0 10px 19px; font-size:9pt;}
.infotxt p {color:#ffffff; margin:1em 0 1em 0; font-size:9pt;}
.infotxt p:first-child {margin-top:0;}
.infotxt p:last-child {margin-bottom:0;}

.infoTextExpand {
    float:right;
    position:relative;
    bottom:1em;
    margin:0;
    color:#969699;
}
.infoTextExpand a {
    cursor:pointer;
    padding:0 2px 0 2px;
    font-weight:normal;
}

/* sharing toolbar -- partial override */
#pkgGal div.newsToolBarBodyDiv {
    width:453px;
    float:left;
    text-align:left;
    margin-top:7px; margin-left:0;
    padding:0 0 3px 90px;
    border:none;
}
#pkgGal div.newsToolBarCommentsRootDiv {
    display:none; /*while turned off*/
    /*margin-left:55px;*/
}

/*bottom scroller [image link version]*/
/*in Elvis BottomArticle*/
#galBtmScr {
    width:437px;
    height:104px;
    margin:7px 0 0 0;
    padding:11px 0 0 110px;
    background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/bggalmore.gif") no-repeat 0 0;
    border-right:1px solid #303030;
}
#galBtmScr .pkgscr-outer {
    float:left;
    position:relative;
    width:408px; height:105px;
    margin:0 5px 0 5px;
    overflow:hidden;
}
#galBtmScr .pkgscr-slider {
    position:absolute;
    min-width:2500px;
    height:105px;
    white-space:nowrap;
}
#galBtmScr .pkgscr-btn-L, #galBtmScr .pkgscr-btn-R {
    float:left;
    width:8px;
    height:17px;
    padding:26px 0 0 0;
    cursor:pointer;
    }
#galBtmScr .pkgscr-btn-L {background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/scr-arr-l-act.gif") no-repeat left bottom;}
#galBtmScr .pkgscr-btn-R {background:transparent url("http://entimg.s-msn.com/i/pkg/realitytv/scr-arr-r-act.gif") no-repeat left bottom;}
#galBtmScr .pkgscr-btn-L.pkgscr-btn-dim {background-image:url("http://entimg.s-msn.com/i/pkg/realitytv/scr-arr-l-inact.gif"); cursor:default;}
#galBtmScr .pkgscr-btn-R.pkgscr-btn-dim {background-image:url("http://entimg.s-msn.com/i/pkg/realitytv/scr-arr-r-inact.gif"); cursor:default;}

#galBtmScr .pkgscr-item {position:relative; width:102px; height:105px; float:left;}
#galBtmScr .pkgscr-item img {display:block; border:1px solid #666668;}
.galScrSubT a {display:block; width:90px; padding:2px 0 0 2px; font-size:8pt; color:#76787d; white-space:normal; text-transform:uppercase;}

