/*
/*
*
*
*
*
*/



/* DOCUMENT
-----------------------------*/



	html {
		overflow: -moz-scrollbars-vertical;
	}

	html, body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	
	body {
		position: relative;
		font: 12px/17px "Arial", sans-serif;
		text-align: center;
		color: #000000;
		background: #ffffff;
	}
	
	a,
	a:link,
	a:visited {
		color: #006cff;
		text-decoration: none;
	}
		a:hover {
			color: #f6851f;
		}
		
	label {
		cursor: pointer;
	}
	
	.clearboth {
		clear: both;
	}


	a.arrow {
		background: url(../images/link-arrow.png) right 0 no-repeat;
		padding-right: 14px;
		outline: none;
	}
	
	
	a.delete-photo {
		background: url(../images/icon-delete.png) right 0 no-repeat;
		padding-right: 20px;
		outline: none;
	}
	
	
	a.nav-prev {
		display: block;
		width: 10px;
		height: 17px;
		background: url(../images/arrow-nav-prev.png) 0 0 no-repeat;
		outline: none;
	}
		a.nav-prev:hover {
			background-position: 0 -17px;
		}
		a.nav-prev.disabled:hover {
			background-position: 0 0;
			cursor: default;
		}

	a.nav-next {
		display: block;
		width: 10px;
		height: 17px;
		background: url(../images/arrow-nav-next.png) 0 0 no-repeat;
		outline: none;
	}
		a.nav-next:hover {
			background-position: 0 -17px;
		}
		a.nav-next.disabled:hover {
			background-position: 0 0;
			cursor: default;
		}
		
	ul.page-nav {
		position: relative;
		margin: 30px 0 0 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
	}
		ul.page-nav li {
			float: left;
			margin-right: 10px;
			font: 12px/17px "Arial", sans-serif;
			color: #006cff;
			cursor: pointer;
		}

		ul.page-nav li.active,
		ul.page-nav li.active a {
			color: #000000;
		}
		
	
	a.zoom {
		background: url(../images/zoom.png) 0 0 no-repeat;
		padding-left: 20px;
	}
	
	div#page-container {
		position: relative;
		width: 1006px;
		height: auto;
		margin: 0 auto;
		padding: 0;
		text-align: left;
	}

	h2 {
		font: bold 15px/17px "Arial", sans-serif;
		margin: 0 0 20px 0;
		padding: 0;
	}

	h3 {
		font: normal 20px/23px "Arial", sans-serif;
		margin: 0 0 20px 0;
		padding: 0 2px 0 0;
	}

	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	ul {
		list-style-type: square;
		margin: 0 0 20px 15px;
		padding: 0;
	}
	
	
	img.icon-calendar {
		margin: 0 0 0 6px;
	}

a.popup {
position: relative;
}

a.popup span {
display: none;
}

a.popup:hover span {
position: absolute;
padding: 0px;
display: block;
z-index:5;
}

/* Don't expect to write standards code for IE. ;) */
a.popup:hover {
  font-size: 100%;
}
	/* INNER PAGE HEADER */
	
	div#header {
		position: relative;
		background: url(../images/inner-header-bg.png) no-repeat;
		width: 976px;
		height: 229px;
	}
		div#header div.logo {
			position: absolute;
			top: 53px;
			left: 7px;
			background: url(../images/inner-logo.png) no-repeat;
			width: 422px;
			height: 109px;
			z-index: 1;
		}
		
		div#header div#girl {
			position: absolute;
			right: 27px;
			top: 76px;
			width: 275px;
			height: 152px;
			z-index: 9;
		}


	div#shoutbox {
		position: absolute;
		left: 0;
		top: 196px;
		margin-left: 22px;
		z-index: 100;
	}
		div#shoutbox textarea {
			width: 270px;
			height: 30px;
			border: 1px solid #000000;
			font: 11px/14px "Arial", sans-serif;
			float: left;
			margin: 0 5px 0 0;
			padding: 2px 4px;
			overflow: hidden;
		}
		div#shoutbox a.start-rumour {
			float: left;
		}

		
		iframe#rumour-ticker {
			position: absolute;
			left: 0;
			top: 163px;
			width: 760px;
			z-index: 1;
		}

		
	div#headernav {
		position: relative;
		padding-top: 10px;
		overflow: visible;
		z-index: 10;
	}
		div#headernav ul {
			position: relative;
			float: right;
			font: 10px/15px "Arial", sans-serif;
			color: #000000;
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
			div#headernav ul li {
				float: left;
				margin-left: 20px;
			}
				div#headernav ul li.separator {
					margin: 0 5px 0 25px;
				}
				div#headernav ul li.music-selector {
					margin: 0 7px 0 20px;
				}
				div#headernav ul li.music-controls {
					margin: 0 0 0 20px;
					width: 57px;
					height: 15px;
					background: url(../images/music-controls.png) 0 -15px no-repeat;
				}
					div#headernav ul li.music-controls.off {
						background-position: 0 0 !important;
					}
				div#headernav ul li.song {
					margin: 0 0 0 13px;
				}
					div#headernav ul li.song a.on {
						color: #f6851f;
						outline: none;
					}
					
				div#mp3-play {
					cursor: pointer;
					float: left;
					width: 15px;
					height: 15px;
				}
					div#mp3-play.off {
						cursor: default;
					}
				div#mp3-pause {
					cursor: pointer;
					float: left;
					width: 20px;
					height: 15px;
				}
					div#mp3-pause.off {
						cursor: default;
					}


				div#headernav ul li a {
					color: #000000;
				}
					div#headernav ul li a:hover {
						color: #f6851f;
					}

		


	div#content {
		position: relative;
		background: url(../images/content-bg.png) no-repeat;
		height: auto;
		min-height: 250px;
		padding: 20px 42px 0 42px;
		overflow: hidden;
	}

	div#contenttwo {
		position: relative;
		background: url(../images/content-bg.png) no-repeat;
		height: auto;
		min-height: 250px;
		padding: 20px 42px 0 42px;
		overflow: hidden;
	}

	div#contentthree {
		position: relative;
		background: url(../images/carbonbg.png) no-repeat;
		height: 330px;
		min-height: 250px;
		padding: 20px 42px 0 42px;
		overflow: hidden;
	}

	div#contentwg {
		position: relative;
		background: url(../images/content-bg.png) no-repeat;
		height: auto;
		min-height: 250px;
		padding: 20px 42px 0 42px;
		overflow: visible;
	}
	
		div#content p {
			width: auto;
		}
		
	body.rumourspick div.content {
		width: 360px;
	}
	body.rumourspick div.content p {
		width: auto !important;
	}


/* FOOTER
-----------------------------*/

	div#footer {
		position: relative;
		margin: 30px 0 0 0;
		width: 100%;
		height: 175px;
		text-align: center;
		color: #5e6d6c;
		background: url(../images/footer-skyline.png) center 0 repeat-x;
	}

		div#footer div.inner {
			position: relative;
			width: 926px;
			height: auto;
			margin: 0 auto;
			padding: 118px 40px 80px 40px;
			text-align: left;
			background: url(../images/footer-skyline.png) center 0 repeat-x;
		}

		div#footer div.links-container {
			display: inline-block;
			overflow: hidden;
			width: 558px;
			float: left;
		}
			div#footer div.links-container div.row2 {
				overflow: hidden;
			}

		div#footer ul.links {
			font: 10px/14px "Arial", sans-serif;
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
			div#footer ul.links li {
				float: left;
				margin: 0 15px 5px 0;
			}

		div#footer ul.links.legal {
			float: left;
		}
		div#footer ul.links.copyright {
			float: left;
		}

		div#footer a.twitter {
			display: block;
			background: url(../images/twitter.png) no-repeat;
			width: 105px;
			height: 30px;
			margin-left: 40px;
			float: left;
		}

		div#footer a.facebook {
			display: block;
			background: url(../images/facebook.png) no-repeat;
			width: 99px;
			height: 30px;
			margin-left: 40px;
			float: left;
		}


div#pagetitle {
	height: 69px;
}
	body.login div#pagetitle {
		background: url(../images/pagetitles/login.png);
	}
	body.aboutus div#pagetitle {
		background: url(../images/pagetitles/aboutus.png);
	}
	body.contactus div#pagetitle {
		background: url(../images/pagetitles/contactus.png);
	}
	body.uploadm div#pagetitle {
		background: url(../images/pagetitles/r_uploadmusic.png);
	}
	body.mymusic div#pagetitle {
		background: url(../images/pagetitles/r_mymusic.png);
	}
	body.createalbum div#pagetitle {
		background: url(../images/pagetitles/r_createalbum.png);
	}
	body.uploadp div#pagetitle {
		background: url(../images/pagetitles/r_uploadphoto.png);
	}
	body.rvideo div#pagetitle {
		background: url(../images/pagetitles/r_rvideo.png);
	}
	body.raudio div#pagetitle {
		background: url(../images/pagetitles/r_raudio.png);
	}
	body.managead div#pagetitle {
		background: url(../images/pagetitles/r_manageads.png);
	}
	body.rumourad div#pagetitle {
		background: url(../images/pagetitles/r_rumourad.png);
	}
	body.rumouradb div#pagetitle {
		background: url(../images/pagetitles/r_rumouradb.png);
	}
	body.rumouradc div#pagetitle {
		background: url(../images/pagetitles/r_rumouradc.png);
	}
	body.rumouradr div#pagetitle {
		background: url(../images/pagetitles/r_rumouradr.png);
	}
	body.rumouradv div#pagetitle {
		background: url(../images/pagetitles/r_rumouradv.png);
	}
	body.goingon div#pagetitle {
		background: url(../images/pagetitles/r_goingon.png);
	}
	body.contest div#pagetitle {
		background: url(../images/pagetitles/r_contest.png);
	}
	body.poems div#pagetitle {
		background: url(../images/pagetitles/r_poems.png);
	}
	body.mypoems div#pagetitle {
		background: url(../images/pagetitles/r_mypoems.png);
	}
	body.hisprofile div#pagetitle {
		background: url(../images/pagetitles/r_hisprofile.png);
	}
	body.herprofile div#pagetitle {
		background: url(../images/pagetitles/r_herprofile.png);
	}
	body.audition div#pagetitle {
		background: url(../images/pagetitles/r_audition.png);
	}
	body.mail div#pagetitle {
		background: url(../images/pagetitles/r_mymail.png);
	}
	body.legal div#pagetitle {
		background: url(../images/pagetitles/legal.png);
	}
	body.news div#pagetitle,
	body.events div#pagetitle,
	body.events-past div#pagetitle {
		background: url(../images/pagetitles/news-events.png);
	}
	body.videos div#pagetitle,
	body.photos div#pagetitle {
		background: url(../images/pagetitles/photos-video.png);
	}
	body.createprofile div#pagetitle {
		background: url(../images/pagetitles/create-profile.png) !important;
	}
	body.rumourprofiles div#pagetitle {
		background: url(../images/pagetitles/rumour-profiles.png);
	}
	body.rumourprofiles.edit div#pagetitle {
		background: url(../images/pagetitles/edit-rumour-profile.png) !important;
	}
	body.myrumourprofile div#pagetitle {
		background: url(../images/pagetitles/my-rumour-profile.png);
	}
	body.createvenue div#pagetitle {
		background: url(../images/pagetitles/create-venue.png) !important;
	}
	body.myvenue div#pagetitle {
		background: url(../images/pagetitles/my-venue.png) !important;
	}
	body.venueprofiles.edit div#pagetitle {
		background: url(../images/pagetitles/edit-venue-listing.png) !important;
	}
	body.specialevents div#pagetitle {
		background: url(../images/pagetitles/special-events.png) !important;
	}
	body.weeklyevents div#pagetitle {
		background: url(../images/pagetitles/weekly-events.png) !important;
	}
	body.photoalbums div#pagetitle {
		background: url(../images/pagetitles/photo-albums.png) !important;
	}
	body.photos div#pagetitle {
		background: url(../images/pagetitles/r_photos.png) !important;
	}
	body.venues div#pagetitle {
		background: url(../images/pagetitles/venue-listings.png);
	}
	body.tickets div#pagetitle {
		background: url(../images/pagetitles/tickets.png);
	}
	body.rumourspick div#pagetitle {
		background: url(../images/pagetitles/rumours-pick.png);
	}
	body#phpbb div#pagetitle {
		background: url(../images/pagetitles/forum.png);
	}
	body.testimonials div#pagetitle {
		background: url(../images/pagetitles/testimonials.png);
	}


div.line-separator {
	background: url(../images/line-separator.png) left center no-repeat;
}
	div.line-separator.login {
		height: 60px;
		margin-left: -20px;
	}

	
div.reflection {
	background: url(../images/home-video-reflection.png) 0 0 repeat-x;
	height: 23px;
}
	




/* PHOTO GALLERY */

#gallery-wrapper {
	position: absolute;
}

#gallery-wrapper div {
	position: relative;
	width: 420px;
	height: 315px;
	float: left;
}

#gallery-mask {
	position: relative;
	width: 420px;
	height: 315px;
	overflow: hidden;
}



/* FANCYUPLOAD
-----------------------------*/

	/* CSS vs. Adblock tabs */
	.swiff-uploader-box a {
		display: none !important;
	}
	
	#demo-status {
		padding: 0;
		margin-bottom: 20px;
		width: 540px;
	}
	
	#demo-browse:hover {
	}
	
	#demo-status .progress {
		background: url(/javascripts/fancyupload/assets/progress-bar/progress.gif) no-repeat;
		background-position: +50% 0;
		margin-right: 0.5em;
		vertical-align: middle;
	}
	
	#demo-status .progress-text {
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#demo-list {
		position: relative;
		list-style-type: none;
		width: 500px;
		height: auto;
		margin: 0 0 20px 0;
		padding: 0;
		overflow: hidden;
	}
	
	#demo-list li.validation-error {
		padding-left: 44px;
		display: block;
		clear: left;
		line-height: 40px;
		color: #8a1f11;
		cursor: pointer;
		border-bottom: 1px solid #fbc2c4;
		background: #fbe3e4 url(/javascripts/fancyupload/assets/failed.png) no-repeat 4px 4px;
	}

	#demo-list li.file:first-child {
		border-top: 1px dotted #cccccc;
	}	
	#demo-list li.file {
		border-bottom: 1px dotted #cccccc;
		background: url(/javascripts/fancyupload/assets/file.png) no-repeat 0px 4px;
		overflow: auto;
		padding: 0;
		margin: 0;
	}

	#demo-list li.file.file-uploading {
		background-image: url(/javascripts/fancyupload/assets/uploading.png);
		background-color: #E5EEF7;
	}

	#demo-list li.file.file-success {
		background-image: url(/javascripts/fancyupload/assets/success.png);
	}

	#demo-list li.file.file-failed {
		background-image: url(/javascripts/fancyupload/assets/failed.png);
	}
	
	#demo-list li.file .file-name {
		font-size: 1.2em;
		margin-left: 44px;
		display: block;
		clear: left;
		line-height: 40px;
		height: 40px;
		font-weight: bold;
	}
	#demo-list li.file .file-size {
		font-size: 0.9em;
		line-height: 18px;
		float: right;
		margin-top: 2px;
		margin-right: 6px;
	}
	#demo-list li.file .file-info {
		display: block;
		margin-left: 44px;
		font-size: 0.9em;
		line-height: 20px;
		clear: both;
	}
	#demo-list li.file .file-remove {
		clear: right;
		float: right;
		line-height: 18px;
		margin-right: 6px;
	}
	div#hline {
		position: relative;
		background: url(../images/r_hline.png) no-repeat;
		height: auto;
		min-height: 2px;
		padding: 20px 42px 0 42px;
		overflow: hidden;
	}

       .star-rating{
		list-style:none;
		margin-left:5px !important;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(/images/r_stars.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(/images/r_stars.gif) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a:focus,
	.star-rating a:active{
		border:0;	
		-moz-outline-style: none;
    	        outline: none; 
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(/images/r_stars.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}

/*What going on */
#wgheader {
	z-index: 5;
	position:relative;
	background: url(/images/p21/r21_topbar.png) no-repeat;
	width:1000px;
	height:60px;
	color:#0088ff;
}

#wgheader a:link { color: #0088ff; }
#wgheader a:visited { color: #0088ff; }
#wgheader a:hover { color: #f6851f;}
#wgheader a:active { color: #f6851f;}

#wgmaincontent 
{
	z-index: 1;
	position:relative;
	width:972px;
	margin-left:15px;
	margin-top:-15px;
	background: url(/images/p21/r21_wgobg.png) no-repeat;
}


/*ads */
.adinfoc {
text-align:right;
font-weight:bold;
}

.adinfocb {
text-align:left;
padding-left:30px;

}

.adlisth {
background-color:#75acf1;
}

.adlistr {
background-color:#fdba11;
}

.adlistre {
background-color:#fff561;
}

.adlistdr {
background-color:#fdba11;
width:120px;
text-align:right;
}

.adlistdre {
background-color:#fff561;
padding-left:10px;
}

.adlistdree {
position:absolute;
margin-top:-9px;
height:11px;
width:240px;
}

.adlistdres {
position:absolute;
margin-top:-9px;
height:17px;
font-size:10px;
}