/* Common */

#header {
	background-image:none; 
	position:absolute;
	top:0;
	left:0;
	z-index:2;
} 

ul, li
{
	list-style-type:none;
	padding:0;
	margin:0;
}

#header embed, #header object {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
} 

#crumb, #subNav
{
	display:none;
}

#mainContent 
{
	padding:0 0 0 0 !important;
	width:980px;
}

h2, ul, li, p, form, input, label {
	margin:0;
	padding:0;
}

.hide {
	display:none;
	padding:0;
	margin:0;
}

h2, .text, .btnRegister, #error, #back, #addSong, .btnEnjoy, .btnExplore500c {
	text-indent:-9999px;
	font-size:0;
	padding:0;
	margin:0;
}

div#playlistContent {
	background:url(/library/images/playlist/bgMain.jpg) no-repeat;
	width:980px;
	height:562px;
	position: relative;
	z-index:1;
}

/* Homepage */
div#homepageContent {
	padding:113px 0 0 48px;
	width:371px;
}

div#homepageContent h2 {
	background:url(/library/images/playlist/headerMainHomepage.gif) no-repeat;
	margin:0 0 0 40px;
	width:365px;
	height:278px;
}

div#homepageContent .text {
	background:url(/library/images/playlist/textHomepage.gif) no-repeat;
	width:365px;
	height:46px;
}

div#homepageContent .btnEnjoy a {
	background:url(/library/images/playlist/btnEnjoy.gif) no-repeat;
	width:286px;
	height:20px;
	display:block;
	margin-bottom:13px;
}

div#homepageContent .btnExplore500c a {
	background:url(/library/images/playlist/btnExplore500c.gif) no-repeat;
	width:188px;
	height:20px;
	display:block;
}

div#homepageContent ul
{
	position:relative;
	top:20px;
	left:-15px;
	width:892px;
}

div#homepageContent ul#footerHR li#winnerHeader
{
	background:url(/library/images/playlist/winnerHeader.gif) top no-repeat;
	width:184px;
	height:33px;
	float:left;
	text-indent:-9999px;
}

div#homepageContent ul#footerHR li#winner01
{
	background:url(/library/images/playlist/winner01.gif) top no-repeat;
	width:216px;
	height:33px;
	float:left;
	text-indent:-9999px;
}

div#homepageContent ul#footerHR li#winner02
{
	background:url(/library/images/playlist/winner02.gif) top no-repeat;
	width:220px;
	height:33px;
	float:left;
	text-indent:-9999px;
}

div#homepageContent ul#footerHR li#winner03
{
	background:url(/library/images/playlist/winner03.gif) top no-repeat;
	width:271px;
	height:33px;
	float:left;
	text-indent:-9999px;
}

/* Register */
div#registerContent {
	padding:113px 0 0 48px;
	width:371px;
}

div#registerContent h2 {
	background:url(/library/images/playlist/headerMainRegister.gif) no-repeat;
	margin:0 0 0 40px;
	width:371px;
	height:104px;
}

div#registerContent .text {
	background:url(/library/images/playlist/textRegister.gif) no-repeat;
	width:371px;
	height:95px;
}

div#registerContent #registerBox #rboxTop {
	background:url(/library/images/playlist/rboxTop.gif) no-repeat;
	width:371px;
	height:11px;
}

div#registerContent #registerBox #rbContent {
	background:url(/library/images/playlist/rbContent.gif) bottom repeat-y;
	width:371px;
	height:142px;
}

div#registerContent #registerBox #rbContent fieldset {
	padding:0;
	margin:0;
	border:none;
}

div#registerContent #registerBox #rbContent .formFields {
	width:371px;
	height:20px;
}

div#registerContent #mandatory {
	background:url(/library/images/playlist/textMandatory.gif) no-repeat;
	height:26px;
	width:371px;
	text-indent:-9999px;
}


div#registerContent #registerBox #rbContent .formFields label {
	width:198px !important;
	float:left;
}

div#registerContent #registerBox #rbContent .formFields input {
	width:155px;
	height:13px;
	padding:0;
	margin:0 0 0 0;
	border:solid 1px white;
	font-size:1em;
}

div#registerContent #registerBox #rbContent .formFields label span#txtFirstName {
	background:url(/library/images/playlist/imgFirstName.gif) no-repeat;
	height:20px;
	width:194px;
	text-indent:-9999px;
	float:left;
}

div#registerContent #registerBox #rbContent .formFields.errorFirstName label span#txtFirstName {
	background:url(/library/images/playlist/imgFirstNameError.gif) no-repeat;
	height:20px;
	width:194px;
	text-indent:-9999px;
	float:left;
}


div#registerContent #registerBox #rbContent .formFields label span#txtLastName {
	background:url(/library/images/playlist/imgLastName.gif) no-repeat;
	height:20px;	
	width:194px;
	text-indent:-9999px;
	float:left;
}

div#registerContent #registerBox #rbContent .formFields.errorLastName label span#txtLastName {
	background:url(/library/images/playlist/imgLastNameError.gif) no-repeat;
	height:20px;	
	width:194px;
	text-indent:-9999px;
	float:left;
}

div#registerContent #registerBox #rbContent .formFields label span#textEmail {
	background:url(/library/images/playlist/imgEmail.gif) no-repeat;
	height:20px;	
	width:194px;
	text-indent:-9999px;
	float:left;
}

div#registerContent #registerBox #rbContent .formFields.errorEmail label span#textEmail {
	background:url(/library/images/playlist/imgEmailError.gif) no-repeat;
	height:20px;	
	width:194px;
	text-indent:-9999px;
	float:left;
}

div#registerContent #registerBox #rbContent .formFields label span#textMobile {
	background:url(/library/images/playlist/imgMobile.gif) no-repeat;
	height:20px;	
	width:194px;
	text-indent:-9999px;
	float:left;
}

div#registerContent #registerBox #rbContent .formFields.errorMobile label span#textMobile {
	background:url(/library/images/playlist/imgMobileError.gif) no-repeat;
	height:20px;	
	width:194px;
	text-indent:-9999px;
	float:left;
}

div#registerContent #registerBox #rbContent .formFields label span#textSong {
	background:url(/library/images/playlist/imgSong.gif) no-repeat;
	height:20px;	
	width:182px;
	text-indent:-9999px;
	float:left;
}

div#registerContent #registerBox #rbContent .formFields.errorSong label span#textSong {
	background:url(/library/images/playlist/imgSongError.gif) no-repeat;
	height:20px;	
	width:182px;
	text-indent:-9999px;
	float:left;
}

div#registerContent #registerBox #rbContent .formOptin1 label span#txtTerms a {
	background:url(/library/images/playlist/imgTerms.gif) no-repeat;
	height:24px;
	width:345px;
	text-indent:-9999px;
	float:left;
	display:block;
}

div#registerContent #registerBox #rbContent .formOptin1.errorTerms label span#txtTerms a {
	background:url(/library/images/playlist/imgTermsError.gif) no-repeat;
	height:24px;
	width:345px;
	text-indent:-9999px;
	float:left;
	display:block;
}

div#registerContent #registerBox #rbContent .formOptin2 label span#txtSignUp a {
	background:url(/library/images/playlist/imgSignUp.gif) no-repeat;
	height:21px;
	width:345px;
	text-indent:-9999px;
	float:left;
	display:block;
}

div#registerContent #registerBox #rbContent .formFields span#question a {
	background:url(/library/images/playlist/imgQ.gif) no-repeat;
	height:17px;
	width:12px;
	text-indent:-9999px;
	float:left;
	z-index:1;
	display:block;
}

.question {
	background:url(/library/images/playlist/imgQuestion.gif) no-repeat;
	width:12px;
	height:17px;
	position:absolute;
	top:404px;
	left:230px;
	z-index:1;
}

.question a {
		width:12px;
		height:12px;
		display:block;
		cursor:help;
}

.question a:hover {
	background:url(/library/images/playlist/imgQuestionDetails.gif) no-repeat;
	width:318px;
	display:block;
	height:84px;
}

.question a span {
	display:none;
}

div#registerContent #error {
	background:url(/library/images/playlist/textError.gif) no-repeat;
	width:371px;
	height:26px;
}

div#registerContent #buttons {
	width:375px;
	height:35px;
	float:left;
}

div#registerContent #buttons #back a {
	background:url(/library/images/playlist/btnBack.gif) no-repeat;
	width:104px;
	height:35px;
	display:block;
	padding-right:107px;
	float:left;
}
div#registerContent #buttons #addSong a {
	background:url(/library/images/playlist/btnAddSong.gif) no-repeat;
	width:160px;
	height:35px;
	display:block;
	float:left;
}

div#registerContent #registerBox #rbContent .formOptin1 label {
	width:345px !important;
	height:24px;
	float:left;
}

div#registerContent #registerBox #rbContent .formOptin1 input {
	padding:0;
	margin:0 0 0 0;
	float:left;
}

div#registerContent #registerBox #rbContent .formOptin2 label {
	width:345px !important;
	height:20px;
	float:left;
}

div#registerContent #registerBox #rbContent .formOptin2 input {
	padding:0;
	margin:-4px 0 0 0;
	float:left;
}


/* Thankyou */
div#thankyouContent {
	padding:113px 0 0 48px;
	width:323px;
}

div#thankyouContent h2 {
	background:url(/library/images/playlist/headerThankyou.gif) no-repeat;
	margin:0 0 0 40px;
	width:371px;
	height:74px;
}

div#thankyouContent .text {
	background:url(/library/images/playlist/textThankyou.gif) no-repeat;
	width:371px;
	height:37px;
}

div#linksContainer
{
	background:url(/library/images/playlist/bgThankyouLinks.gif) no-repeat;
	width:324px;
	height:132px;
	position: absolute;
	top:230px;
	left:50px;
	z-index:4;
}

div#btnAddPlayList a {
	width:325px;
	height:28px;
	display:block;
	margin-bottom:5px;
	text-indent:-9999px;
}

div#btnAddAnother a {
	width:222px;
	height:29px;
	display:block;
	margin-bottom:5px;
	text-indent:-9999px;
}

div#btnConfigure a {
	width:254px;
	height:29px;
	display:block;
	margin-bottom:5px;
	text-indent:-9999px;
}

div#BtnExplore a {
	width:209px;
	height:29px;
	display:block;
	margin-bottom:5px;
	text-indent:-9999px;
}


/* Terms */
body#terms 
{
	background:#ffffff;
}

div#termContent
{
	padding:30px 0 20px 40px;
	color:#555555;
	width:450px;
}

div#termContent h2 
{
	background:url(/library/images/playlist/headerTerms.gif) no-repeat;
	width:286px;
	height:38px;
	margin-left:-20px;
}

div#termContent a 
{
	text-decoration:underline;
	color:#555555;
}

div#termContent a:hover
{
	text-decoration:none;
}

div#termsContent h2#terms
{
	display:block;
}

/* Spotify, Twitter and 500C Links */

#spotifyLink a
{
	position:absolute;
	top:448px;
	left:886px;
	width:52px;
	height:52px;
	display:block;
}

#twitterLink a
{
	background:url(/library/images/playlist/linkTwitter.gif) no-repeat;
	position:absolute;
	top:432px;
	left:475px;
	width:68px;
	height:68px;
	display:block;
	text-indent:-9999px;
}

#fiat500CLink
{
	background:url(/library/images/playlist/logo500C.gif) no-repeat;
	position:absolute;
	top:35px;
	left:450px;
	width:55px;
	height:14px;
	text-indent:-9999px;
}