@import url(/resources/igroups/css/subject/subjectpage_legacy.css);
/* CUSTOM CSS */

/* BACKGROUND */
body#igroups {
	background: #000000 url(../../../images/subject/lifestyle/sp-lifestyle-backdrop.jpg) right top repeat-y !important;
}

/* MODULE HEADERS */
.ig-heading-custom-bg {
	background: url(../../../images/subject/lifestyle/sp-header-background.gif) top center repeat-x;
	border:1px solid #00b0a8;
	border-bottom:none;
}


/* MODULE BACKGROUND */
/* Styling will be specific to the required design */

/* ROTATOR */
#largePromoModule{}
#largePromoModuleBody{font-size:100%;}
#largePromoModuleBody h2{display:none;}
#largePromoModuleImage{width:433px;height:140px;}
#largePromoModuleImage img{border-left: 22px solid #393939; border-right: 22px solid #393939;}
#fade{width:433px;height:92px;background-color:#393939;position:absolute;z-index:100;margin-top:223px;display:none}
#largePromoModuleCopy{width:420px;height:auto;margin-top:223px;z-index:101;position:absolute;display:none;padding-left:10px;}
#largePromoModuleCopy h3{line-height:1.2em;margin-bottom:0.3em;font-weight:normal;font-size:100%;padding-top:8px;}
#largePromoModuleCopy h3 a{color:#ffffff; font-size:14pt;}
#largePromoModuleCopyBody{margin:15px 5px 0 0;width:280px;color:#cccccc;border-right:1px solid #00b0a8;}
#largePromoModuleCopyBody ul {list-style:disc inside;}
#largePromoModuleCopyBody ol {list-style-position:inside;}
#largePromoModuleCopyBody p {padding-right: 5px;}
#largePromoModuleCopyBody h2 a {color:#fff;font-weight:normal;}
ul.promo-more {list-style:none;padding:0;margin:2px 0 0 0;}
.promo-more li {}
.promo-more li a img {border:none;position:absolute;text-align:right; margin-top: 2px;}
.promo-more {position:absolute;text-align:right;width:433px;}
.promo-link{color:#fff;font-weight:bold;padding:0px 25px 0 0;text-transform:uppercase;}
.promo-link img{margin-top: -3px;}
.promo-more li a:link {color:#ffffff;}
.promo-more li a:hover,.promo-more li a:active,.promo-more li a:focus {color:#ffffff;}

#rotatorContainer {
	width:435px;
	border:1px solid #00b0a8;
	background: url(../../../images/subject/lifestyle/sp-header-background.gif) top center repeat-x;
	position:relative;
	padding:15px 14px;
}
#rotator{
    position: relative;
    width: 433px;
    height: 315px;
    border:1px solid #00b0a8;
    background-color: #393939;
}
.fadecontent{position: absolute;visibility: hidden;width: 433px;height:200px;}
#controlBar{display:none;}
.rotatorBottomBar {width:433px;height:20px;background-image:url(/tier0/images/dmax/rotator_bottom.gif);overflow:hidden;z-index:10;}

.controls{padding:5px 2px 5px 5px;position:absolute;top:254px;left:320px;z-index:101;border:1px solid #00b0a8;}
.MSIE .controls{ width: 115px;}
.controls a{text-decoration: none;border-right: none;float: left;display: block;font-weight: bold;color: #fff !important;margin-right:5px;height:14px;width:14px;text-align:center;}
.controls a:hover{color: white;}
.controls a.pageItem{}
.controls a.prev, #controlBar a.next{color: black;}
.controls a.prev:hover, #controlBar a.next:hover{color: white;background: black;}
.controls a.selected{border:1px dotted #009999;color: #009999 !important;}
.play,a:hover.play {background-image:url(../../../images/subject/lifestyle/play.gif);display:block;border:none;}
.pause,a:hover.pause {background-image:url(../../../images/subject/lifestyle/pause.gif);display:block;border:none;}
.controls .play,
.controls .pause {
	margin-right: 0px;	
}



/* Ad */
#ig-ads-right{float:left;width:208px;margin-top:-317px;position:relative;}
#ad-right-skyscraper {position:relative;margin:0 0 7px 0; text-align:center; width:208px; height:640px; float: right;font-size:0;}
#ad-right-skyscraper object {width:208px;}
#ad-right-skyscraper .advertImage {width:50px; height:11px; background: #000000 url(/tier0/images/dmax/anzeige.gif) no-repeat bottom right; position:absolute; top:600px; right:80px;}
#ad-right-skyscraper .skyscraperContainer{height:611px;position:relative;padding-bottom:10px;}
 #mpu { padding-bottom: 10px; background: #000000 url(/tier0/images/dmax/anzeige.gif) no-repeat scroll right bottom; }

/* OTHER */
#dni-site-container.dmax-ig span, #dni-site-container.dmax-ig p, .ig-interestgroup-content p {
	color:#ffffff;
	font-size:100%;
}

#dni-site-container.dmax-ig a {
	color:#009999;
	font-weight:bold;
	text-decoration:none;
	text-transform:none;
}
#dni-site-container.dmax-ig a:active, #ig-wrapper-primary a:hover, a:focus {
	color:#99CCCC;
	text-decoration:none;
}
#dni-site-container.dmax-ig a:visited {
	color:#999999;
	text-decoration:none;
}

#ig-wrapper-primary {
	margin:0;
	width:1000px;
}
#ig-wrapper-content {
	width:780px;
	padding-left:7px;
	background-color:#000;
	margin-top:0;
	padding-top:0;
	overflow:hidden;
}
h1.ig-page-main {
	width:760px;
	padding:29px 0 5px 19px;
	font-family: "Trebuchet MS";
	font-weight:normal;
	background: url(../../../images/subject/lifestyle/sp-header-bg.jpg) right top no-repeat
}

#ig-wrapper-content h2, .feature-promo h3, .ig-forum-title, .ig-interestgroup-content h3, .feature-promo h3 a, #ig-content-left .ig-interestgroup-content h3 a {
	font-family: "Trebuchet MS";
	font-weight:normal;
	color:#FFFFFF;
	font-size:13pt;
	text-transform:uppercase;
}

.ig-interestgroup-content h4 {
	font-size:10pt;
}

#ig-content-left {
	width:472px;
	background-color:#000;
}

#ig-content-left h2, 
.ig-related-content h2 {
	margin-top: 10px;
}

#ig-content-right .ig-related-content h2 {
	margin-top: 0px;
}

#ig-content-right {
	background-color:#000;
	padding:0;
}

#ig-content-right .ig-module {
	background:none;
	padding-bottom:0;
}

.ig-related-content .ig-module .ig-related-wrapper {
	border:1px solid #00b0a8;
	border-top:none;
}

.ig-shadow, .ig-gallery-module li {background:none;}
.ig-related-content ul {margin:0;}

.ig-related-content .ig-module ul.ig-related-content-inner.ig-videos li {
	background:none;
}

.ig-related-content .ig-module ul.ig-related-content-inner.ig-videos li .ig-image-link {
	margin-bottom: 5px;
}

.ig-related-content .ig-module ul.ig-related-content-inner {
	margin-top: 0px;
}

.ig-related-content .ig-module ul.ig-related-content-inner.ig-videos li a img, 
.ig-gallery-module img {
	border:1px solid #00b0a8;
}

.ig-promo-heading, .ig-module-heading {
	padding-top:4px;
	padding-left:10px;
}

.ig-module-content {
	width:465px;
	margin-top:0;
}

.ig-gallery-module ul {
	width:463px;
	border:1px solid #00b0a8;
	border-top:none;
	padding-top: 5px;
}

.ig-gallery-module li {
	margin:0 0 0 6px;
}

.ig-gallery-module li.promo-1 {
	margin-left: 8px;
}

.ig-gallery-module ul {
	background: none;
}

.ig-related-content .ig-module-heading {
	width:288px;
}

.ig-site-content {
	width:465px;
}

.ig-site-content .feature-promo {
	float:left;
	width:239px;
	height:271px;
	border:1px solid #00b0a8;
	margin:10px 6px 0px 0px;
	background: url(../../../images/subject/lifestyle/sp-header-background.gif) top center repeat-x;
}

.ig-site-content ul.ig-related-content-inner {
	float:left;
	width:216px;
	height:247px;
	border:1px solid #00b0a8;
	margin:10px 0px 0px 0px;
	padding-top:24px;
	background: url(../../../images/subject/lifestyle/sp-header-background.gif) top center repeat-x;
	overflow:hidden;
}

.feature-promo ul.ig-related-content-inner {
	position:relative;
	height:265px;
	background:none;
	margin:0;
	padding-top:0;
	border:none;
	width:239px;
}

.ig-site-content .feature-promo ul.ig-related-content-inner li {
	padding:30px 10px 10px;
}


.ig-site-content ul.ig-related-content-inner li img {
	border:1px solid #005757;
}

.ig-site-content ul.ig-related-content-inner li {
	background-color:#000;
	padding:6px 6px 6px 12px;
}

.feature-promo .ig-site-content ul.ig-related-content-inner li {
	padding:6px;
}

.feature-promo img, .ig-interestgroup-content img{
	padding:3px;
	border:1px solid #005757;
}

.feature-promo h3 {
	position:absolute;
	top:5px;
	left:10px;
	width:225px;
}

#ig-contentisland-outer, .ig-interestgroup-content {
	border:1px solid #00b0a8;
	margin-top:10px;
	background: url(../../../images/subject/lifestyle/sp-header-background.gif) top center repeat-x;
}

#ig-contentisland-inner {padding:5px 10px;}
#ig-contentisland-inner .ev_island {width:275px !important;}
#ig-contentisland-inner .ev_container {width:298px !important;}
#ig-contentisland-inner .ev_container {display: none;}
#ig-contentisland-inner .ev_text_small {display:block;padding-bottom:5px;}

.ig-interestgroup-content {
	width:443px;
	padding:0 10px;
}

.ig-interestgroup-content h3 {
	border:0;
	width:430px;
}

.ig-featured-content, .ig-interestgroup-content, .ig-site-content, .ig-module-content {margin-bottom:0;}
.ig-interestgroup-content li {
	background:none;
	margin-bottom: 10px;
	padding-bottom: 0px;
}



/* TV LISTINGS */
#ig-content-right .nextshowing {
	width:298px;
	color:#fff;
}

.nextshowing {margin:0 0 10px 0 !important;}
.ig-ad-wrapper {
	margin-bottom:10px;
	clear:both;
}

#ig-content-right table.listings-widget-results tbody td.listings-programme, 
#ig-content-right table.listings-widget-results tbody tr.first-child td.listings-programme, 
#ig-content-right table.listings-widget-results tbody tr.last-child td.listings-programme {
	border-left: 1px solid #09ADA5;
}

#ig-content-right .listings-widget-controls a {
	background-image: url(../../../images/subject/lifestyle/widget_more_arrow_dm.gif) !important;
}


#ig-content-right table.listings-widget-results tbody td.listings-programme, 
#ig-content-right table.listings-widget-results tbody tr.first-child td.listings-programme, 
#ig-content-right table.listings-widget-results tbody tr.last-child td.listings-programme {
	border-left: 0px;
}

.ig-related-content .ig-module ul.ig-related-content-inner li h3 { background: none; }
