/* 	Global Reset */
/**********************************************************/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
em, img, small, strike, strong, sub, sup, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* REGISTRATION RE-DESIGN
********************************************************/

body {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff url("/images/4.6/bg-body-gradient.png") 0 0 repeat-x;
}

div#pageWrapper { position:relative; }

div.logo-napster-registration {
	width:170px;
	height:47px;
	background: transparent url("/images/4.6/logo-napster-registration.gif") 0 0 no-repeat;
	margin:15px 0 0 20px;
}

.size784 { width:784px;	margin:0 auto; }
.size815 { width:815px;	margin:0 auto; }

div.innerContentWrapper{ }

div.innerContent{ 
	position: relative;
	min-height:100px;
	height:auto !important;
	height:100px;	
	padding:4px 34px 14px 34px;
}

/* Horizontal Rule 
********************************************************/

div.hrline hr{ /* take out the troublemaking HR */
	display:none;
}
div.hrline { /* DIV that wraps and replaces the HR */
	background: transparent url("/images/4.6/hr-line-1pixel.gif") repeat-x center center;
	height: 20px;
}
div.onepixel { height: 1px; }


/* Already a Member Button
********************************************************/

a.btn-alreadyamember {
	display:block;
	position:absolute;
	text-indent:-9000em;
	right:5px;
	top:5px;
	width:161px;
	height:30px;
	background: transparent url("/images/4.6/btn-alreadyamember.gif") 0 0 no-repeat;
}

/* Fonts
********************************************************/

h1 {
	display:block;
	text-indent:-9000em;
	font-size: 25px;
	font-family: Verdana;
	color:#666666;
	height:38px;
	margin:15px 0 15px 0;
}

/* Registration Successful
********************************************************/

h1.regsucess {	background: transparent url("/images/4.6/h1-txt-registration-successful.gif") 0 0 no-repeat; }
h1.rusure {	background: transparent url("/images/4.6/h1-txt-are-you-sure.gif") 0 0 no-repeat; }

h3 {
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#505050;
	margin-bottom:12px;
}

p {
	font-family:Verdana;
	font-size:11px;
	color:#505050;
	line-height:20px;
	margin-bottom:15px;
}

ul.bulletList {
	list-style-position: inside;
	margin-bottom:15px;
}
ul.big li { font-weight:bold; font-family:Arial; font-size:14px; margin-bottom:15px; }

strong { font-weight:bold; color:#505050; }

div.buttonSection {	margin-bottom:40px; }
div.buttonSection a.first {  padding-right:20px; }

div.buttonSection a.first, 
div.buttonSection a.last { display:block; float:left; }


div.progressBar { margin-top:10px; }

div.progressBar #step1,
div.progressBar #step2,
div.progressBar #step3 {
	float:left;
	display:inline;
	padding-right:20px;
}


/* Box 
********************************************************/

.blueBox {
	border:1px solid #0099ff;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	padding:10px 0 10px;	
	margin-bottom:40px;	
}
.greenBox {	
	 border:1px solid #669933;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
	margin-bottom:7px;	
	padding:10px 0 10px;
}

a.bg-start-listen-now {
	display:block;	
	height:129px;
	background: transparent url("/images/4.6/bg-txt-start-listen-now.jpg") 0 0 no-repeat;
}
a.bg-benefit-download-software {
	display:block;	
	height:129px;
	background: transparent url("/images/4.6/bg-txt-benefit-download-software.jpg") 0 0 no-repeat;
}


div.welcome-to-napster-unlimited {
	background: transparent url("/images/4.6/bg-txt-welcome-to-napster-unlimited.png") 0 0 no-repeat;
	width:292px;
	height:60px;
	float:left; 
	display:inline;
	margin-right:75px;
}

div.select-your-payment-method {
	background: transparent url("/images/4.6/bg-txt-select-your-payment-method.gif") 0 0 no-repeat;
	width:690px;
	height:44px;	
}

div.review-your-plan {
	background: transparent url("/images/4.6/bg-txt-review-your-plan.gif") 0 0 no-repeat;
	width:133px;
	height:19px;
}

div.credit-debit-card {
	background: transparent url("/images/4.6/bg-txt-credit-debit-card.gif") 0 0 no-repeat;
	width:115px;
	height:13px;
	margin-bottom:17px;
}

div.clickandbuypaypal {
	background: transparent url("/images/4.6/bg-txt-clickandbuy-paypal.gif") 0 0 no-repeat;
	width:136px;
	height:31px;
	margin-bottom:17px;
	float:left;
	padding-right:40px;
}


div.promobox {
	float:left;
	display:inline;	
	width:334px;
	height:47px;
	background: transparent url("/images/4.6/bg-txt-do-you-have-promo-code.gif") 0 0 no-repeat; 
}

div.promobox input {
	font-size:14px;
	font-family:Arial;
	border:1px solid #cccccc;
	font-weight:bold;
	width:160px;	
	margin-top:29px;
	margin-left:128px;
	color:#333;
	float: left;
}

div.promobox a {
	float: left;
	margin-top:25px;
	margin-left:5px;
}


.other-payment-options {margin-top:10px;}

/* Graybox
********************************************************/

div.graybox {	
	position:relative;
	background: transparent url("/images/4.6/bg-graybox.gif") 0 0 no-repeat;;
	margin:15px 0 0 0;
	width:677px;	
	padding:10px 15px 0 15px;
}
div.grayboxBorderBottom {
	background: transparent url("/images/4.6/bg-graybox.gif") 0 bottom no-repeat;
	width:707px;
	height:10px;
	clear:both;
	margin-bottom:15px;
}

div.membership-plan { 
	width:677px;	
	height:375px; 
}

.txt-choose-your-membership-plan {
	width:466px;
	height:40px;
	background: transparent url("/images/4.6/bg-txt-choose-your-membership-plan.gif") 0 0 no-repeat;
}

.offer-box-1 {
	background: transparent url("/images/4.6/box-offer-1.gif") 30px 4px no-repeat;
	width:674px;
	height:96px;
	position: relative;
	cursor:pointer;
}

.offer-box-2 {
	background: transparent url("/images/4.6/box-offer-2.gif") 30px 6px no-repeat;
	width:674px;
	height:96px;
	position: relative;
	cursor:pointer;
}

.offer-box-3 {
        background: transparent url("/images/4.6/box-offer-3.gif") 30px 0 no-repeat;
        width:674px;
        height:108px;
        position: relative;
        cursor:pointer;
}


.offer-box-1 input,
.offer-box-2 input,
.offer-box-3 input { position:absolute; top:35px;}

.bottom {
	position:relative;
	height:75px;
}
a.next-step {
	background: transparent url("/images/4.6/btn-next-step.gif") 0 0 no-repeat;
	float:left;
	margin-left:390px;
	width:128px;
	height:37px;
	text-indent:-9000em;
}

img.pcadvisor {
	display:block;
	float:left;
}

a.need-help {
	background: transparent url("/images/4.6/bg-txt-need-help.gif") 0 0 no-repeat;
	position: absolute;
	left:0;
	top:10px;
	width:134px;
	height:19px;
	text-indent:-9000em;
}

a.arrow-need-help {
	background: transparent url("/images/4.6/bg-txt-arrow-need-help.gif") 0 0 no-repeat;
	position: absolute;
	left:0;
	top:35px;
	width:103px;
	height:17px;
	text-indent:-9000em;
}

a.just-want-to-buy-tracks-and-albums {
	background: transparent url("/images/4.6/bg-txt-just-want-to-buy-tracks-and-albums.gif") 0 0 no-repeat;
	position: absolute;
	left:0;
	top:10px;
	width:346px;
	height:16px;
	text-indent:-9000em;
}



a.complete-registration {
	background: transparent url("/images/4.6/btn-completeregistration.gif") 0 0 no-repeat;
	position: absolute;
	right:0;
	top:10px;
	width:226px;
	height:38px;
	text-indent:-9000em;
}

a.privacy-policy {
	display:block;
	background: transparent url("/images/4.6/bg-txt-privacy-info.gif") 0 0 no-repeat;
	width:169px;
	height:131px;
	float:left;
	display:inline;	
	padding-right:10px;
}


a.logo-clickandbuy {
	display:block;
	background: transparent url("/images/4.6/logo-clickandbuy.gif") 0 0 no-repeat;
	width:65px;
	height:37px;
	float:left;
	display:inline;	
	padding-right:10px;
	text-indent:-9000em;
}

a.logo-paypal {
	display:block;
	background: transparent url("/images/4.6/logo-paypal.gif") 0 0 no-repeat;
	width:65px;
	height:37px;
	float:left;
	display:inline;	
	padding-right:5px;
	text-indent:-9000em;
}



div.signup {
	float:left;
	display:inline;
	width:490px;
	height:370px;
	margin-top:0px;	
}

div.txt-create-your-username {
	background: transparent url("/images/4.6/bg-txt-create-your-username.gif") 0 0 no-repeat;
	width:176px;
	height:19px;
	margin-bottom:13px;
}

div.smallpromobox {
	background: #c4c4c4 url("/images/4.6/bg-txt-smallgraybox-promocode.gif") 10px 40px no-repeat;
	background-color:;
	border-color:#999999;
	width:147px;	
	float:left;
	display:inline;
	margin:0;
	height:150px;
	position:relative;
}

div.graybox div.form {
	
}

div.graybox div.form div.leftform{
	float:left; 
	display:inline;
	padding-right:10px;
}

div.graybox div.form div.rightform{
	float:left; 
	display:inline;
	padding-left:50px;
}



div.graybox div.form label {
	display:block;
	font-family:verdana;
	font-size:11px;
	float:left;
	display:inline;
	width:130px;
	padding-top:4px;
}

div.graybox div.payment-method label {	font-size:10px; }

div.graybox div.form input {
	font-size:11px;
	padding:3px 0 3px 2px;
	border:1px solid #999999;	
}

div.graybox div.form select {
	font-size:11px;
	padding:2px;	
	height:21px;	
	border:1px solid #999999;	
}

div.graybox div.form input.text { width:160px; }
div.graybox div.form input.short { width:77px; }

div.graybox div.form select.text { width:164px; }
div.graybox div.form select.short { width:82px; }


div.graybox div.form fieldset div {	margin-bottom:2px; }
div.graybox div.payment-method fieldset div {	margin-bottom:5px; }

div.graybox div.form fieldset div.confirm {	margin-top:56px; }
div.graybox div.form fieldset div.expiry {	margin-top:16px; }
div.graybox div.form fieldset div.startdate {	margin-top:69px; }

div.graybox div.form fieldset div span.note { font-size:9px; display:block;  }
div.graybox div.form fieldset div span.issue { margin-top:10px; }
div.graybox div.form fieldset div span.note a.security { font-size:9px; color:#3399cc; text-decoration:none; }

div.smallpromobox input#promocodecheckbox {
	position:absolute;
	left:10px;
	border:none;
}

div.smallpromobox input#promocode {
	position:absolute;
	top:130px;
	width:137px;
	left:10px;
	-webkit-border-radius: 3px;    /* for Safari */
    -moz-border-radius: 3px;       /* for Firefox */
}

div.graybox div.form div.newsletterabo {
	clear:both;
	font-size:9px;
}
div.graybox div.form div.newsletterabo p {font-size:9px; line-height:14px; color:#333; }

div.graybox div.form div.newsletterabo label { line-height:22px; width:100px; font-size:9px; font-weight:bold; cursor:pointer;  padding:0; }
div.graybox div.form div.newsletterabo input { border:none;  }
div.graybox div.form div.newsletterabo label span { position:relative; top:-2px; }
div.graybox div.form div.newsletterabo div.newsletterbox { margin-bottom:10px; }
div.graybox div.form div.newsletterabo div.tcebox label { width:400px; font-weight:normal; line-height:14px; }
div.graybox div.form div.newsletterabo div.tcebox input#tce { float:left; display:inline; }
div.graybox div.form div.newsletterabo a { color:#0090ff; font-weight:bold;  }

/* Payment Method Select */

div.plan {
	padding:10px 0 15px 0;

}

div.plan div.image		 {
	background:transparent none 0 0 no-repeat;
	height:68px;
	width:156px;
	float:left;
	padding-right:10px;
	display:inline;
	position:relative;
	background-image: url("/images/4.6/sprite-plan.gif"); 
}
div.plan div.plan-1 { background-position: 0 0;  }
div.plan div.plan-2 { background-position: 0 -68px;  }


div.plan div.image a	 {
	position:absolute;
	top:70px;
	left:40px;
	font-size: 9px;
	font-family:verdana;
	text-decoration:none;
	color:#666;
}

div.plan div.features	 {
	float:left;
	display:inline;
	width:185px;
	height:67px;
}
div.plan div.features ul {list-style-position:inside;}
div.plan div.features li {
	font-family:verdana;
	font-size:9px;
	font-weight:bold;
	color:#666;
	padding-bottom:5px;
}

div.plan div.sum		{
	float:left;
	display:inline;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
	color:#666666;
	line-height:18px;
	width:185px;
	height:67px;
	padding-right:20px;
}							
div.plan div.due		{
	float:left;
	display:inline;
	font-family:Arial;
	font-weight:bold;
	font-size:18px;
	color:#00a6e9;
	width:120px;
	height:67px;
}
div.plan div.due em		{display:block; font-size:31px; font-style:normal;}


/* Footnotes
********************************************************/

div.footnotes {
	font-family:verdana;
	font-size:#505050;
	font-size:10px;
}

/* Footer
********************************************************/

div#footer { padding-bottom: 10px }
div#footer p { font-family:Verdana; font-size:10px; }
div#footer ul.linksList {margin-bottom:15px;}
div#footer ul.linksList li {
	font-family:Verdana;
	list-style-type: none;
	display:inline; 
	font-size:10px;	
}
div#footer ul.linksList li a { color:#505050; }

/* Page Border Shadow 
********************************************************/

.shadow-one {
	position:relative;
	/* position: absolute;
 	top: 5.5em; Cosmetic positioning; not required
	left: 50%;  /* Cosmetic; horizontally locates left edge of demo in center of positioned parent  
	margin-left: -10em;  Cosmetic; pulls demo to left by half of its width for centering */
	padding-top: 10px;  /* Constrains .shadow-two's size and location */
	padding-left: 10px;  /* Constrains .shadow-two's size and location */
}  /* Absolute positioning forces shrink-to-fit behavior on the outer div, collapsing the div group around the image */

.corner-a {
	position: absolute;	
	right: 0px;
	top: 0px;
	width: 10px;
	height: 10px;
}   /* This div goes to the upper right corner and paints the shadow there using part of main image */

.corner-b {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 10px;
	height: 10px;
}   /* This div goes to the lower left corner and paints the shadow there using part of main image */

.shadow-two {	}  /* BG call for this div is in the group rule below */

.shadow-three {
	position: relative;
	left: -10px;
	top: -10px;
}  /* Positioned relative and shifted up and left by the size of the paddings on .shadow-one */

.shadow-four {
	position: relative;
	left: 5px;
	top: 5px;	
}  /* Shifted back down and right by half the padding size to center the content on the glow */

.corner-a, .corner-b, .shadow-two, .shadow-three {	background: transparent url("/images/4.6/bg-shadow-mask.png") -3000px no-repeat;  }  

/*  IE 6 Fallback to Border  
* html .shadow-one  { border:1px solid #f2f2f2; background: url(bg-shadow-mask.gif) -3000px no-repeat; }
* html .corner-a	{ border:1px solid #f2f2f2;  background: url(bg-shadow-mask.gif) -3000px no-repeat; }
* html .corner-b	{ border:1px solid #f2f2f2;  background: url(bg-shadow-mask.gif) -3000px no-repeat; }
* html .shadow-two	{ border:1px solid #f2f2f2;  background: url(bg-shadow-mask.gif) -3000px no-repeat; }
* html .shadow-three{ border:1px solid #f2f2f2;  background: url(bg-shadow-mask.gif) -3000px no-repeat; } 
*/
 * html div..shadow-four { border:1px solid #f2f2f2; background:#f2f2f2 url("/images/4.6/bg-innercontent-gradient.png") 0 0 repeat-x; } 

.shadow-one>.corner-a		{ background-position: -2490px top;  }  /* Paints the upper right corner glow */
.shadow-one>.corner-b		{ background-position: 0 -2490px;	 }  /* Paints the lower left corner glow */
.shadow-one>.shadow-two		{ background-position: right bottom; }  /* Paints glow along right and bottom edges */
.shadow-one>*>.shadow-three { background-position: left top;	 }  /* Paints glow along top and left edges */

/* Clearfix 
********************************************************/

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	font-size:0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix {  display: block; }
* html .clearfix { height: 1%; }