/* body tags */
html{
	background-color:#fff;
}
body {
	background:#fff url(../images/blue_header_tile.gif) repeat-x;
	font: normal 80% Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
	line-height:120%;
}

body.home{
	background: #fff url('../images/fat_body_background.gif') 0 -18px repeat-x;
}
body.guides{
	background: #fff url('../images/yellow_header_tile.gif') repeat-x;
}

body.lineup{
	background: #fff url('../images/brown_header_tile.gif') repeat-x;
}
body.windows{
	background: #fff url('../images/dark_blue_header_tile.gif') repeat-x;
}
body.win{
	background: #fff url('../images/blue_header_tile.gif') repeat-x;
}

#wrapper {
	background:#fff url(../images/wrapper_background.jpg) repeat-x;
	margin:0 auto;
	width:960px;
	min-height:1080px;

	overflow:hidden;
}
a{
	text-decoration:underline;
	border:0;
	color: #7DAA05;
	font-weight:bold;
}
a:hover{
	text-decoration:none;

}
.guides a{
	color:#fe5815;
}

.home a{
	color:#6bbd46;
}
.lineup a{
	color:#7d0d00;
}
.windows a{
	color:#0f3265;
}
.win a{
	color:#7092c4;
}
p{
	margin-bottom:10px;
}
strong{
	font-weight: bold;
	color:#6b8fc2;
}

.home strong{
	color:#6b8fc2;
}
.lineup strong{
	color: #7d0d00;
}

.guides strong{
	color:#fe5815;
}
/* body tags */

/* header start */


#header{
	background: #fff url('../images/slim_header_background_jbb.jpg') 0px 0px no-repeat;
	width: 960px;
	height: 297px;
	display:block;
	position:relative;
}
/* fat header */
.home #header.fat {
background:#FFFFFF url(../images/background_header.jpg) no-repeat scroll 0 70px;
display:block;
height:598px;
position:relative;
width:960px;
text-indent:-9000em;
}

#header.fat .header_sugababes{
	background: url('../images/sugababes_01_10_big.png') no-repeat scroll top left;
	width: 490px;
	height: 553px;
	z-index:20;
	position: absolute;
	top: 79px;
	left: 0px;
	text-indent:-9000em;
}


#header.fat h1 span {
background:transparent url(../images/sugababes_logo.gif) no-repeat scroll left top;
display:block;
height:88px;
left:375px;
position:absolute;
text-indent:-9000em;
top:226px;
width:573px;
z-index:1;
}
#header.fat h1 a{
background:transparent url(../images/windows_fat.gif) no-repeat scroll left top;
display:block;
height:50px;
left:620px;
position:absolute;
text-indent:-9000em;
top:100px;
width:310px;
}

/* end of fat header */

.home #header{
	background: #fff url('../images/header_background_newtext.jpg') 0px 0px no-repeat;
}
.win #header{
	background: #fff url('../images/slim_header_background_jbb.jpg') 0px 0px no-repeat;
}
.lineup #header{
	background: #fff url('../images/slim_header_background_sugababes.jpg') 0px 0px no-repeat;
}
.guides #header{
	background: #fff url('../images/slim_header_background_countdown.jpg') 0px 0px no-repeat;
}
.windows #header{
	background: #fff url('../images/slim_header_background_windows7.jpg') 0px 0px no-repeat;
}

h1{
	text-indent:-9000em;
}

h1 a{
	background: url('../images/header_jjb.gif') no-repeat scroll top left;
	width: 382px;
	height: 60px;
	display:block;
	text-indent:-9000em;
	position:absolute;
	top:148px;
	left:370px;	
}

h1 span a{
	background: url('../images/header_windows.gif') no-repeat scroll top left;
	width: 133px;
	height: 18px;
	display:block;
	text-indent:-9000em;
	position:absolute;
	top:165px;
	left:750px;
	z-index:1;

}
.lineup h1 a {
	display:none;
}

.header_sugababes{
	background: url('../images/sugababes_01_10_small.png') no-repeat scroll top left;
	width: 250px;
	height: 259px;
	z-index:20;
	position: absolute;
	top: 54px;
	left: 40px;
	text-indent:-9000em;
}

	
.nav {
	width: 960px;
	height: 60px;
	background: url(../images/slim_nav_transparent5.gif) no-repeat;
	position: absolute;
	top: 10px;
	left: 45px;
	margin-bottom:20px;
}


h2 .header_btn1 {
background:transparent url(../images/home_top_pod_video.png) no-repeat scroll left top;
display:block;
width: 437px;
height: 188px;
left:460px;
position:absolute;
text-indent:-9000em;
top:366px;

}


h2 .header_btn2 {
	background: url('../images/header_btn_video.png') no-repeat scroll top left;
	width: 253px;
	height: 186px;
	display:block;
	position: absolute;
	top: 366px;
	left: 688px;
	text-indent:-9000em;
}

/* header end */


/* main start */

#main{
	float:left;
	width:640px;
	background-color:#fff;
	padding:40px 0 20px 0px;
	margin-top:0px;
}

#main.main_video{
	width:960px;
	padding-top:40px;
	height:800px;
	position:relative;
}

#main h3{
	font: bold 160% Arial, Verdana, Helvetica, sans-serif;
	color: #6b8fc2;
	padding-left:20px;
	font-style:italic;
	clear:both;
}

#right_column.shake h3{
	font: bold 160% Arial, Verdana, Helvetica, sans-serif;
	color: #6b8fc2;
	padding-left:20px;
	font-style:italic;
	clear:both;	
}

#right_column.shake p{
	margin-left:30px;
	line-height:20px;
	font-size:120%;
}

#right_column.shake ul{
	font-size:110%;
	line-height:20px;
	margin:20px 0 0 40px;
}

#right_column.shake li{
	
	list-style:disc;

}
.home #main h3{
	color: #6b8fc2;
}

.lineup #main h3 {
	color: #7d0d00;
}

.guides #main h3{
	clear:none;
	color: #fe5815;
}
.windows #main h3{
	color:#0f3265;
}

#main p{
	padding-left:20px;
}

#main ul{
	width:640px;
	margin:20px 0 40px 20px;
	clear:both;
}

#main ul.shake{
	margin-top:-10px;
}

#main li{
	float:left;
	padding:20px 0 0 25px;
	
}

#main ul .win a{
	background: url('../images/article_pod_jbb.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .jbb a{
	background: url('../images/article_pod_jbb.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .backstage a{
	background: url('../images/slim_pod_backstage.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .sugababes a{
	background: url('../images/article_pod_sugababes.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .mix a{
	background: url('../images/slim_pod_mix.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .upload a{
	background: url('../images/slim_pod_upload.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .enter a{
	background: url('../images/slim_pod_enter.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .papped a{
	background: url('../images/slim_pods_papped.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .how_to_sugababes a{
	background: url('../images/slim_pod_how_to_videos.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .christmas a{
	background: url('../images/article_pod_christmas.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}
#main ul .snap_shake a{
	background: url('../images/slim_pods_snap_shake.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .roadshow a{
	background: url('../images/slim_pod_roadshow.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .performance a{
	background: url('../images/slim_pod_perfomance.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

ul .performance a{
	background: url('../images/slim_pod_perfomance.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}


#main ul .lineup a{
	background: url('../images/slim_pod_lineup.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .guides a{
	background: url('../images/slim_pod_guides.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .windows a{
	background: url('../images/article_pod_windows.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul .my_gig a{
	background: url('../images/side_pod_my_gig.jpg') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#main ul h4{
	text-indent:-9000em;
}

#main ul p{
	width: 140px;
	height: 72px;
	display:block;
	float:left;
	overflow:hidden;
	margin:-120px 0 0 0px;
	font: normal 105% Arial, Verdana, Helvetica, sans-serif;
	line-height:105%;
}

.gallery span{
	width:125px;
	float:left;
}
#main .gallery li{
	width:200px;
	margin:0;
	padding:20px 0 0 10px;
}

.article_image{
	float:right;
	margin-left:20px;
	border:1px solid #aaa;
}

/* main end */

/* right column start */
#right_column ul .audience a {
background:transparent url(../images/pod_audience.gif) no-repeat scroll left top;
display:block;
height:270px;
width:282px;
}

#right_column{
	width:280px;
	float:right;
	background-color:#fff;
	padding:20px;
	margin-top:40px;
}

#right_column ul .lineup a{
	background: url('../images/article_pod_lineup.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .guides a{
	background: url('../images/article_pod_7.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .windows a{
	background: url('../images/slim_pod_windows.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .twitter {
	background: url('../images/slim_pod_twitter.gif') no-repeat scroll top left;
	width: 282px;
	height: 530px;
	display:block;
}

#right_column ul .buy_windows a{
	background: url('../images/slim_pod_buy_windows.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}


#right_column ul .vote a{
	background: url('../images/article_pod_vote.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}


#right_column ul .sugababes_news a{
	background: url('../images/article_pod_sugababes_news.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .sugababes_photos a{
	background: url('../images/article_pod_sugababes_photos.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .papped a{
	background: url('../images/slim_pods_papped.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .win_bing a{
	background: url('../images/side_pod_win_bing.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
	text-indent:-9000em;
}
	
#right_column ul .how_to_sugababes a{
	background: url('../images/slim_pod_how_to_videos.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .mix a{
	background: url('../images/slim_pod_mix.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .snap_shake a{
	background: url('../images/slim_pod_snap_shake.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .my_gig a{
	background: url('../images/side_pod_my_gig.jpg') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .sugababes_listen a{
	background: url('../images/article_pod_sugababes_listen.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .enter a{
	background: url('../images/slim_pod_enter.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}

#right_column ul .roadshow a{
	background: url('../images/slim_pod_roadshow.gif') no-repeat scroll top left;
	width: 281px;
	height: 189px;
	display:block;
}



#right_column a.sugababes_video{
	background: url('../images/sugababes_video_pod.jpg') no-repeat scroll top left;
	width: 281px;
	height: 326px;
	text-indent:-9000em;
	margin:-2px 0 0 1px;
	display:block;
}


#right_column ul h4{
	text-indent:-9000em;
}

#right_column ul p{
	width: 120px;
	height: 80px;
	display:block;
	float:left;
	overflow:hidden;
	margin:-120px 0 0 20px;
}

#right_column ul p.twitter_text{
	margin-top:-200px;
	width:200px;
}

#right_column ul .twitter p{
	width: 250px;
	height: 80px;
	display:block;
	float:left;
	overflow:hidden;
	margin:10px 0 0 20px;
}
#twitter_update_list{
	width:250px;
	margin:-175px 20px 0 20px;
}
#twitter_update_list li {
border-bottom:1px solid #fff;
margin-bottom:4px;
padding-bottom:4px;
}

#talkingPod {
background:transparent url(../images/talkpod_bg.jpg) no-repeat scroll right top;
float:right;
height:600px;
overflow:hidden;
padding-right:5px;
padding-top:50px;
width:305px;
}


.follow_twitter{
	background: url('../images/twitter.gif') no-repeat scroll top left;
	width: 190px;
	height: 64px;
	display:block;
	text-indent:-9000em;
	margin:60px 0 0 40px;
}

#right_column iframe {
	margin: 20px 0 0 31px;
}

ul.twitter_social_feeds{
	margin:-80px 0 0 20px;
	background: url('../images/social_background.png') no-repeat scroll top left;
	width: 257px;
	height: 56px;	
	display:block;
	padding-left: 128px;
}

ul.twitter_social_feeds li{
	float:left;
	margin:18px 0 0 5px;
}

ul.twitter_social_feeds .facebook_icon a{
	background: url('../images/social_facebook.png') no-repeat scroll top left;
	width: 22px;
	height: 23px;
	display:block;
	text-indent:-9000em;

}

ul.twitter_social_feeds .twitter_icon a{
	background: url('../images/social_twitter.png') no-repeat scroll top left;
	width: 22px;
	height: 23px;
	display:block;
	text-indent:-9000em;

}

ul.twitter_social_feeds .live_icon a{
	background: url('../images/social_live.png') no-repeat scroll top left;
	width: 22px;
	height: 23px;
	display:block;
	text-indent:-9000em;

}

ul.twitter_social_feeds .delicious_icon a{
	background: url('../images/social_delicious.png') no-repeat scroll top left;
	width: 22px;
	height: 23px;
	display:block;
	text-indent:-9000em;

}

.clear_both_text{
	margin-top:50px;
	clear:both;
}

/* right column end */

/* footer start */
#selector {

}
#footer{
 	background: url('../images/slim_footer_background.gif') repeat-x top;
	float:right;
	width:960px;
	height: 4px;
	height:100px;
	padding-top:30px;
}

#bing_logo a {
	background: url('../images/bing.gif') no-repeat scroll top left;
	width: 120px;
	height: 46px;
	display:block;
	float:left;
	margin:0px 20px 20px 250px;
	text-indent:-9000em;

}
#WLSearchBoxDiv {
padding-top:5px;
margin-bottom:20px;
}
.bing_footer_search{
	margin-left:270px;
}

/* footer end */

/* form start*/
input {
border:1px solid #498DF8;
color:#000000;
font-size:14px;
margin:5px;
padding:5px;
}

/* form end */


/* unitip css */

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font: normal normal 1.1em/15px Verdana, Arial, Helvetica, sans-serif;
	display: none;
}

	#unitippoint, #unitipmid, #unitipcap {
		position: relative;
		top: 0px; 
		left: 0px;
		width: 145px;
		display: block;
	}
	
	#unitippoint { 
		background: url(../images/TipPoint.png) no-repeat; 
		height: 19px; 
		overflow: hidden; 
	}
	
	#unitipmid { 
		background: url(../images/TipMid.png) repeat; 
		width: 115px;
		height: auto; 
		padding: 5px 15px;
	}
	
	#unitipcap { 
		background: url(../images/TipCap.png) no-repeat; 
		height: 7px; 
		overflow: hidden; 
	}
	
	/* overlay */
	

	div.overlay {
		background:url(../images/white.png) no-repeat;
		padding:40px;	
		width:576px;  
		display:none;
		z-index:9999;
	}

	.overlay .title {
	font-size:180%;
	font-style:italic;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin-top:11px;
	color:#fff;
	}

	#games .game_shot .title {
		display:block;
		font-size:100%;
		font-style:italic;
		text-align:center;
		margin-bottom:10px;
	}

	.overlay p{

		font-size:90%;
		width:360px;
		line-height:1.4em;
		font: 100% Arial, Helvetica, sans-serif;
		font-weight:bold;

	}


	div.overlay div.close {
		background:url(../images/close.png) no-repeat;
		position:absolute;
		top:2px;
		right:5px; 
		width:35px;
		height:35px;
		cursor:pointer;
	}

	a.player { 		
		display:block;
		width:570px;
		height:325px;
		background:none;		
	}
	.lineup a.player { 		
		display:block;
		width:1px;
		height:	1px;
		background:none;		
	}
	

	#big_video{

		border: 2px solid #b7d214;
		width:509px;
	}
/* video form */	

	#producerBox{
		float:left;
		margin-top:45px;
		position:absolute;
		width:300px;
		top:175px;
		left:0;
	}
	.producer{
		
		float:left;

	}
	
	.producer_reveal{
		float:left;
		margin-top:-220px;
	}

	.notingtosee {
	display:none;
	}
	
	form label {
	display:block;
	font-size:12px;
	line-height:4px;
	padding:0 0 4px;
	width:360px;
	}

	#producerBox .submit{
		background: url('../images/video_submit.gif') no-repeat scroll top left;
		width: 158px;
		height: 84px;
		text-indent:-9000em;
		border:none;
		display:block;
	}
	
	
	
	input.noBorder{
	font-size:20px;
	border:none;	
	color:#557eb9;
	font-weight:bold;
	}
	
	#map_holder {
	margin-bottom:20px;
	width:600px;
	}

		
	.map_selector {
	float:left;
	margin-left:0;
	width:590px;
	}
	
	.karaoke_player{
		margin-top:10px;
		position:absolute;
		left:320px;
	}
	
	.form-wrapper {
	width:250px;	
	}
	
	fieldset{
		width:250px;
	}
	form label.field-checkbox {
		line-height:12px;
	width:250px
}

.singAlongTitle{
	float:left;
	margin:-25px 0 0 320px;
}