﻿
/*	CONSTANTS 
--------------------------------*/

constants {
	color: #FCC027/*LINK COLOR*/;
}


/*	DEFAULTS 
--------------------------------*/

a:hover {
	color: #FCC027/*LINK COLOR*/;	
}


/*	MAIN MASTER
--------------------------------*/

#Main{
	background-image: url("Images/Main/SWorld/Bg.jpg");
}
#Header .menu .selected{
	color: #FCC027/*LINK COLOR*/;	
}
#Header .menu .signup a{
	color: #FCC027/*LINK COLOR*/;	
}
#Header .channels a:hover, #Main .channels a.selected {
	background-color: #750c06;
}

/*	SEARCH BOX CONTROL
--------------------------------*/
#cse-search-box .submit span{
	background:url("Images/Main/SWorld/SearchButtonBg.png") repeat-x;
}

#cse-search-box .submit div{
	background:url("Images/Main/SWorld/SearchButtonCorner.png") no-repeat;
}

/*	KEY CONTROL
--------------------------------*/
#KeyCtl{
	margin-top: 0;
	width: 635px; 
	height: 367px;
}
#KeyCtl .preview{
	margin-bottom:3px;
	height: 302px;
	background: url("Images/Ctl/SWorld/KeyPreviewBackground.png") no-repeat;
}
#KeyCtl .preview .item .image{
	float:left;
	width: 459px;
	height: 291px;
}
#KeyCtl .preview .item .details{
	float:left;
	width: 175px;
	height: 181px;
	padding-top:110px;
}
#KeyCtl .preview .item .details div{
	margin-left: 15px;
	width: 140px;
}
#KeyCtl .preview .item .details .mainDetails{
	margin:0;
}
#KeyCtl .preview .item .details .mainDetails .title{
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	max-height:70px;
	overflow:hidden;
}
#KeyCtl .preview .item .details .mainDetails .subtitle{
	font-size: 15px;
	font-weight: bold;
	height:35px;
	overflow:hidden;
}
#KeyCtl .preview .item .details .info	{
	margin: 10px 0 10px 15px;
	font-size: 13px;
	max-height:32px;
	overflow:hidden;
}
#KeyCtl .preview .item .details .description{
	height:45px;
	overflow:hidden;
}

#KeyCtl .buttons{
	margin-left: 31px;
	margin-right: 13px;
	height: 57px;
	padding: 3px;
	background: url("Images/Ctl/SWorld/KeyNavigationBg.png") no-repeat;
}


/*	FEATURES CONTROL
--------------------------------*/

#FeaturesCtl .CtlHead {
	background: url("Images/Ctl/SWorld/CtlHeadNarrow.gif") no-repeat;
}

#FeaturesCtl .content {
	background: url(Images/Ctl/SWorld/FeaturesBg.jpg);
}

#FeaturesCtl .item {
	border-top: none;
}
#FeaturesCtl .item .title {
	float:left;
	width:150px;
	height:40px;
	font-size: 16px;
	font-weight: bold;
	overflow:hidden;
}
#FeaturesCtl .item div {
	position: absolute;
	right: 0;
	bottom: 8px;
	width: 154px;
	height:60px;
	overflow:hidden;
}


/*	PROGRAMME MASTER
--------------------------------*/

#ProgrammeTabs {
	background: #000000;
}


/*	PROGRAMMES INNER CONTROL
--------------------------------*/

.ProgrammesInnerCtl span {
	color: #FCC027/*LINK COLOR*/;
}

#ProgrammesCtl {
	border: solid 1px #9d0a0e;
	overflow:visible;
	padding-bottom:10px;
	min-height:240px;
}


/*	PROGRAMMES CONTROL
--------------------------------*/
#ProgrammesCtl .CtlHead {
	background: url("Images/Ctl/SWorld/CtlHeadWide.jpg") no-repeat;
	color: #FCC027/*LINK COLOR*/;
}

/*	SLIDER COMMON
--------------------------------*/
.MainMenuSlider .Bg {
	opacity: 0.4;
	filter: alpha(opacity = 40);
}
#CloseProgrammes, #CloseSchedule {
	background: url(Images/Main/CloseSlider.png) no-repeat left center;
	color: #FCC027/*LINK COLOR*/;
}

/*	PROGRAMMES SLIDER CONTROL
--------------------------------*/

.ProgrammesInnerContainer
{
margin:14px 10px;
border-top: solid 1px #FCC027;
border-bottom: solid 1px #FCC027;
}
.ProgrammesInnerCtl{
	overflow: hidden;
}
.ProgrammesInnerCtl .column {
	float: left;
	width: 30%;
	margin:0 10px;
}
.ProgrammesInnerCtl a {
	display: block;
}

/*	SCHEDULE SLIDER CONTROL
--------------------------------*/


/*	VIDEOS CONTROL
--------------------------------*/
#VideosCtl .video{
	background-color:#000;
}
#VideosCtl .content .selected{
	background: url("Images/Ctl/SWorld/CtlHeadNarrow.gif") no-repeat 0 -124px;
}

/*	PROMO CONTROL
--------------------------------*/
#PromoCtl .CtlHead{
	background: url("Images/Ctl/SWorld/CtlHeadNarrow.gif") no-repeat 0 -33px;
}
#PromoCtl .content{
	background-color: #f09c22;
	color: #414042;
}

/*	SCHEDULE CONTROL
--------------------------------*/

#ScheduleCtl .CtlHead {
	background: url("Images/Ctl/SWorld/CtlHeadNarrow.gif") no-repeat 0 -66px;
}
#ScheduleCtl .content .selected{
	background: url("Images/Ctl/SWorld/CtlHeadNarrow.gif") no-repeat 0 -99px;
}
#ScheduleCtl .content .item a{
	color:#fff;
}
#ScheduleCtl .content .item a:hover{
	color:#FCC027;
}
#ScheduleCtl .content .item div{
	color:#eaeaea;
}


/*	GALLERY CONTROL
--------------------------------*/
#GalleryCtl .gallerythumb{
 background-color:#4d4d4d;
 border: solid 1px black;
}
#GalleryCtl .gallerythumbselected{
 background-color:#4d4d4d;
 border: solid 1px red;
}
#GalleryCtl .down
{
	overflow:hidden;
	color:#FCC027; 
}
#GalleryCtl .right .selected {
	border: solid 1px #FCC027;
	color: #FCC027; 
	background-color: #9b002f;
}
#GalleryCtl .photothumbname{
	display:none;
}
#GalleryCtl .down{
	position:relative;
}
#GalleryCtl .down .downgallerythumb{
	margin-top:15px;
}
#GalleryCtl .down .gallerytitle{
	position:absolute;
	top:0;
	left:13px;
}


/*	GOSSIP CONTROL
--------------------------------*/

#GossipCtl{
	background: url("Images/Ctl/SWorld/GossipBG.jpg");	
}

#GossipCtl a{
	color:#9c1709;
}
#GossipCtl .content{
	color:Black;
}

/*	PROGRAMME MASTER
--------------------------------*/

#ProgrammeHeader {
	background: url("Images/Programmes/SWorld/HeaderBg.gif");
}

#ProgrammeTabs a.selected, #ProgrammeTabs a:hover {
	background: #f26522;
	text-decoration: none;
	color: #ffffff;
}

/*	PROG SCHEDULE CONTROL
--------------------------------*/
#ProgrammeEpisodes .serieTitle{
	color:#ffc21b;
}
#ProgrammeEpisodes .ui-state-active{
	background: url(Images/Programmes/SWorld/SliderBullet.gif) 0 -16px no-repeat;
}
#ProgrammeEpisodes .ui-state-default{
	background: url(Images/Programmes/SWorld/SliderBullet.gif) no-repeat;
}

/*	PROGRAMME CAST
--------------------------------*/
#ProgrammeCast .castSerieTitle{
	color:#ffc21b;
}

#ProgrammeCast .ui-state-active{
	background: url(Images/Programmes/SWorld/SliderBullet.gif) 0 -16px no-repeat;
}
#ProgrammeCast .ui-state-default{
	background: url(Images/Programmes/SWorld/SliderBullet.gif) 0 0  no-repeat;
}

#ProgrammeCast .galleryItem .characterItem .name{
	color:#ffc21b;
}

/*	NORMAL MASTER
--------------------------------*/
#NormalPageContent .title {
	background: url("Images/Programmes/SWorld/HeaderBg.gif") no-repeat;
}

#NormalPageContent .title span{
	background: url("Images/Main/SmallCircle.png") left center no-repeat;
}

/*	SITEMAP
--------------------------------*/
#Sitemap .main{
	color:#ffc21b;
}

/*	TRAILERS
--------------------------------*/

#TrailersHeader {
	background: url("Images/Programmes/SWorld/HeaderBg.gif");
}
#TrailersHeader .title{
	background: url("Images/Main/SmallCircle.png") left center no-repeat;
}

#Trailer{
	background: url("Images/Trailers/SWorld/TrailersBack.png") right bottom no-repeat;	
}

#TrailerGallery{
	background: url("Images/Trailers/SWorld/TrailersCorner.png") left top no-repeat;	
}

#TrailerGallery a .selected{
	color:#421303;
	background: url("Images/Trailers/SWorld/TrailersSelected.png") no-repeat !important;
	background: url("Images/Trailers/SWorld/TrailersSelected.jpg") no-repeat;
}

#Trailer .videoContainer{
	padding-left: 10px;
}

#Trailer .infoContainer{
	padding-left:77px;
}



/*	SCHEDULE PAGE
--------------------------------*/
#ScheduleHeader {
	background: url("Images/Programmes/SWorld/HeaderBg.gif");
}
#CalendarSched .title td{
	background-color:#990000;
	color:#ffffff;
}
#CalendarSched .calendar .selected{
	background:url(Images/Schedule/SWorld/SelectedDate.png) no-repeat;
	color:#cd2027;
	font-size:12px;
	line-height:30px;
	font-weight:bold;
	padding-left:1px;
}

.ReminderIconPanel .email, .ReminderIconPanelAlignRight .email{
	background-color:#000000;	
}
.ReminderIconPanel, .ReminderIconPanelAlignRight{
	background-color: #4A0000;
}
#Schedule .title .email .buttons a, #Schedule .title .email .buttons a{
	color: #FFCC00;	
}



/*	SIGNUP PAGE
--------------------------------*/

#Signup .content .submitBtn .image{
	background:url("Images/Signup/SWorld/SubmitButton.png");
}



/*	SEARCH RESULTS
--------------------------------*/
#SearchResults .gs-title{
	font-size:18px;
	color:#ffc439;
	text-decoration:none;
}
#SearchResults .gs-title b{
	font-size:18px;
	color:#ffc439;
	font-weight:bold;
	text-decoration:none;
}
#SearchResults .gs-snippet{
	color:#fff;
}
#SearchResults .gs-visibleUrl{
	color:#f65542;
}
#SearchResults .gsc-cursor-page{
	color:#fff;
	padding:5px;
}
#SearchResults .gsc-cursor-current-page{
	color:#ffc439;
	padding:5px;
}
#SearchResults .gsc-trailing-more-results{
	color:#ffc439;
}

#SearchResults .gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
	background-color:inherit;
	border:none;
	margin:0;
	padding:0;
	color:#f65542;
}

/*	American Idol Competition
--------------------------------*/
#AmericanIdolCompetition .background{
	background:url(Images/Competitions/SWorld/American_Idol_Back.png) no-repeat right top;
	height:567px;
}

#AmericanIdolCompetition .contestantsBackground{
	background:url(Images/Competitions/SWorld/American_Idol_ContestantsBack.png) no-repeat right top;
	height:508px;
}

#AmericanIdolCompetition .date
{
	font-size:28px;
	padding:15px 0 0 40px;
}

#AmericanIdolCompetition .whyDo{
	background:url(Images/Competitions/SWorld/American_Idol_WhyDo.png) no-repeat right top;
	height:42px;
	font-size:24px;
	padding:7px 0 0 40px;
}

#AmericanIdolCompetition .answer{
	background:url(Images/Competitions/SWorld/American_Idol_AnswerBack.png) no-repeat right bottom;
	padding:0 0 10px 16px;
	overflow:hidden;
}

#AmericanIdolCompetition .submitButton{
	background:url(Images/Competitions/SWorld/American_Idol_Submit.png) no-repeat right top;
	float:right;
	width: 224px;
	height: 27px;
	margin: 10px 35px 0 0;
	padding: 0px 20px 0 0;
	color: #FCC027;
	text-align: right;
	font-size:16px;
	line-height:26px;
}

#AmericanIdolCompetition #errorLabel{
	color:Red;
	margin: 10px 0 0 0;
	height: 20px;
	width:100%;
}

#AmericanIdolCompetition .disabled{
	cursor:default;
}

#AmericanIdolCompetition .agreement{
	text-decoration:underline;
	margin:20px 30px 0 0;
	float:left;
}

#AmericanIdolCompetition .backgroundText{
	width:582px;
	font-size:24px;
	margin:470px 30px 0 50px;
	float:left;
}

#AmericanIdolCompetition .contestantsRepeater{
	margin:7px 0 0 16px;
	border: solid 1px #7EB8DD;
	border-right: none;
	height:444px;
}

#AmericanIdolCompetition .contestantImageContainer{
	display:inline;
	background:url(Images/Competitions/SWorld/ContenderImageBorder.jpg) no-repeat right top;
	padding:1px 0 0 3px;
	float:right;
	width:183px;
	height:125px;
	position:absolute;
	z-index:0;
}

#AmericanIdolCompetition .contestantImage{
	margin-left:3px;
	margin-top:1px;
	width:178px;
	height:121px;
}

#AmericanIdolCompetition .contestant{
	margin:17px 0 0 20px;
	display:inline;
	width:207px;
	height:125px;
 	float:left;
}

#AmericanIdolCompetition .eliminatedContestant{
	background:url(Images/Competitions/SWorld/ContenderImageOut.png) no-repeat right center;	
	width:98.8%;
	height:100%;
	position:relative;
	display:block;
	z-index:1;
}

#AmericanIdolCompetition .emailTextBox
{
	float:right;
	width:585px;
	height:17px;
	margin-left:10px;
	margin-top:12px;
}

#AmericanIdolCompetition .emailAddress
{
	float:left;
	width: 40px;	
	margin-top: 9px;
}