/* PRINT CSS
--------------------------------------------------------------------- */
body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	background-color: #ededed;
	text-align: center;
	line-height: 1.5em;
	}

a, a:visited {color:#000;text-decoration:underline;}
a:hover {text-decoration:underline;}

a.call-to-action {
	padding-right: 12px;
	position: absolute;
	bottom: 0px;
	}

a.arrow {
	padding-right: 12px;
	}

a.close {
	padding-left: 18px;
	}

a.print {
	padding: .25em 0 .25em 1.8em;
	}

input, select, textfield, textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color:#666;font-size: 1em;}
p {padding:0 0 10px 0;margin:0;}
img {padding:0;margin:0;border:none;}
form {margin:0;}

#skip a, #skip a:hover, #skip a:visited, #skip a:active {display:none}

#page {
	width: 550px;
	padding: 0;
	margin: 0 auto;
	font-size: 1.1em;
	text-align: left;
	display: block;
	}

#container {
	width: 550px;
	padding: 0;
	margin: 0;
	text-align: left;
	display: block;
	}


/* UNIVERSAL (TOP) NAVIGATION
--------------------------------------------------------------------- */
#universal-nav {display:none;}


/* HEADER
--------------------------------------------------------------------- */
#header {padding: 0;margin: 0 0 15px 0;border-bottom: 3px double #666;}
#header img.logo {padding:0;margin-bottom:8px;}
.textfield {margin-right:.5em;vertical-align:middle}
.textfield-btn {vertical-align:middle}
#utility-container {display:none;}
#PrimaryNav {display:none;}
.noNav {display:none;}


/* LEFT (SECONDARY NAVIGATION) COLUMN
--------------------------------------------------------------------- */
#left-col {display:none;}


/* CONTENT
--------------------------------------------------------------------- */
#content-container {
	width: 550px;
	padding: 0;
	margin: 0;
	}

#primary-content {
	width: 548px;
	padding: 0;
	margin-bottom: 10px;
	border: 1px solid #666;
	}

#secondary-content {clear:both;width:554px;padding:0;margin:0;}

.pad {padding:10px;margin:0;}
.clear {clear:both;padding:0;margin:0;}
.hr {clear:both;width:100%;padding-top:10px;margin-top:10px;border-top:1px solid #666;}
sup {font-size:.7em;}

h1 {
	padding-bottom: .5em;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.8em;
	color: #000;
	}

h2 {
	display: block;
	padding: 0 0 .5em 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
	}

h3 {
	display: block;
	padding: .5em 0 .5em 0;
	margin: 0;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	}

.float-left {float:left;}

.account-owner {
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid #666;
	}

.user-hasDropdown {float:left;padding:0;margin:0;width:280px;}
.h1-select {float:right;padding:0;margin:30px 0 0 0;width:235px;text-align:right;}
.h1-select select, .h1-select img {vertical-align:middle;}

.select {float:right;padding:0;margin:0;width:235px;text-align:right;}
.select select, .select img {vertical-align:middle;}

h2.deemphasized {color: #000;}

.highlight-container {
	padding: 0;
	margin: 0;
	width: 548px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	}

.highlight {padding:10px;margin:0;}

.box-arrow {
	padding-right: 20px;
	}

.note {
	padding: 10px;
	margin: 0;
	border-top: 1px solid #666;
	}

.groupHeader {height:2em;width:100%;padding:0px;margin:0px;border-top:1px solid #666;border-bottom:3px solid #666;}
.groupHeader .title{float:left;padding:.25em 0 .25em .8em;margin:0px;color:#000}
.groupHeader .button{float:right;padding:.25em .8em 0 0;margin:0px;vertical-align:middle;}
.groupHeader .text{float:right;padding:.25em .8em 0 0;margin:0px}
.groupHeader .link{float:right;padding:.25em .8em 0 0;margin:0px}

.twoCol-grid {width:528px;padding:0px;margin:0px;}
.twoCol-grid.no_bkgrd {background-image:none;}

.twoCol-col1 {position:relative;float:left;padding:0;margin:0;width:254px;}
.twoCol-col2 {position:relative;float:left;padding-left:10px;margin-left:10px;width:252px;border-left:1px solid #666}

.intro-text {float:left;padding-bottom:15px;margin:0;width:350px;}
.intro-promo {float:right;padding-bottom:15px;margin:0;width:160px;text-align:right;}


/* LISTS
--------------------------------------------------------------------- */
dl {padding-bottom:8px;margin:0}
dt {padding-bottom:3px;margin:0}
dd {padding-bottom:5px;margin:0;line-height:normal;}

.usage dt {padding:0;margin:0;font-weight:bold;}
.usage dd {padding:0;margin:0}

ul.category-list {float: left;width: 30em;margin: 0;padding: 0;list-style: none;}
ul.category-list li {
	float: left;
	width: 15em;
	margin: 0;
	padding: 0;
	}

.noBullet-list {padding:0;margin:0;list-style-type:none;}

.noBullet-list li {
	padding-bottom: 3px;
	margin: 0;
	}

.noBullet-list li a {
	padding-right: 14px;
	}

.bullet {padding:0;margin:0;list-style-type:none;}
.bullet li {
	padding-bottom: 3px;
	margin: 0;
	}

.bullet-active {padding:0;margin:0;list-style-type:none;}
.bullet-active li {
	padding-bottom: 3px;
	margin: 0;
	}

dl.detail-type {float:left;padding-bottom:1em;margin:0;}
dl.detail-type dd {display:inline;padding:0 5px;margin:0;border-right:1px solid #666;}
dl.detail-type dd a.current {font-weight:bold;color:#000;}
dl.detail-type dd.last {border:0;}

dl.phone-book {float:right;padding-bottom:1em;margin:0;text-align:right;}
dl.phone-book dd {display:inline;padding:0 5px;margin:0;border-right:1px solid #666;}
dl.phone-book dd a.current {font-weight:bold;color:#000;}
dl.phone-book dd.last {border:0;}

ul.pagination {text-align:right;padding:.5em 0;margin:0;}
ul.pagination li {display:inline;padding:0 3px 0 5px;margin:0;border-right:1px solid #666;}
ul.pagination li.current {font-weight:bold;}
ul.pagination li a.current {font-weight:bold;color:#000;}
ul.pagination li.last {border:0;}


/* ALERTS/WARNING MESSAGES
--------------------------------------------------------------------- */
.important-info {display:block;border:1px solid #666;padding:8px;margin-bottom:10px;font-weight:normal;}
.alert {display:block;border:1px solid #666;padding:8px;margin-bottom:10px;font-weight:bold;}
.error {display:block;border:1px solid #666;padding:8px;margin-bottom:10px;font-weight:bold;}
.warning {color:#c00;font-weight:bold}
.mandatory {color:#000}
.gray-box {border:1px solid #666;padding:10px;margin-bottom:10px;}


/* TABS - SLIDING DOOR
--------------------------------------------------------------------- */
.tab {
	float: left;
	width: 100%;
	line-height: normal;
	margin-top: 10px;
	}
.tab ul {margin:0;padding:0;list-style:none;}
.tab li {float:left;margin:0 0 0 .5em;padding:0;border-left:1px solid #666;}
.tab a {
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	font-size: .9em;
	color: #000;
	border-top: 1px solid #666;
	border-right :1px solid #666;
	}
.tab a:hover {text-decoration: underline;}
.tab .current a {color:#000;font-weight:bold}
.tab li.group {float:left;margin:0 0 0 .5em;padding:0;border:0;}
.tab li.group a {
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	font-size: .9em;
	font-weight: bold;
	border: 0;
	}
.tab li.group a.current {color:#000;}


/* FORM ELEMENTS
--------------------------------------------------------------------- */
.form_row {clear:both;margin:0px;margin:0 0 .25em 0;}
.form_row .label {float:left;width:210px;padding:.25em 0 0 0;margin-right:1em;font-weight:bold;text-align:right}
.form_row .field {float:left;padding:0;margin:0;}
.form_row .text {float:left;padding:.25em 0 0 0;margin:0;}
.form_row span.radialText {float:left;padding:.2em 0 0 .5em;margin:0px}

.btn-row {display:block;width:100%;float:left;text-align:right;margin:1em 0;padding-top:1em;border-top:1px solid #666;}
.btn-row span.negative {float:left;text-align:right;margin-right:1em;}
.btn-pad {padding:0px;margin:0 0 0 1em;}

.form_row .cb_rb_field {float:left;text-align:left;margin-right:5px;}
.form_row .cb_rb_label {float:left;text-align:left;padding:2px 0 0 0;}
div.form_row .cb_rb_field {width:20px;}
div.form_row .button {display:block;width:100%;}
div.form_row div.field input.text_field {width:130px;margin:0px;}
div.form_row div.field input.ssn_last4, div.form_row div.field input.cw_cid { width:30px;}
div.form_row div.field input.zip { width:70px;}

textarea.terms {line-height:1.5em;width:520px;height:150px;}
.agreement {font-weight:bold}


/* CALLOUTS
--------------------------------------------------------------------- */
.callout {
	padding: 0;
	margin-bottom: 10px;
	height: 12em;
	position: relative;
	border: 1px solid #666;
	}

.callout h3 {
	padding: 12px 12px 6px 12px;
	margin: 0;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	color: #000;
	}

.callout p {
	padding: 0 12px 6px 12px;
	margin: 0;
	}

.callout form {
	list-style-type: none;
	padding-left: 12px;
	margin: 0;
	}

.callout ul {
	list-style-type: none;
	padding: 0 12px;
	margin: 0;
	}

.callout ul li {
	padding-bottom: 3px;
	margin: 0;
	}

.callout a.call-to-action {
	padding-right: 12px;
	position: absolute;
	bottom: 12px;
	}

.odd {float:left;width:268px;}
.even {float:left;width:268px;margin-left:10px;}

.callout-image-lg {
	float: right;
	width: 160px;
	text-align: right;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 188px;
	}


/* TABLES
--------------------------------------------------------------------- */
.tableGenNone.centered {text-align:center;}
.tableGenNone td {padding:0 0 .5em 0;margin:0;}
.tableGenNone th {font-size:.9em;font-weight:bold;color:#000;padding:0 0 .5em 0;margin:0;}

.tableGen.centered {text-align:center;}
.tableGen td {border-bottom:1px solid #666;padding:.5em .5em .5em 0;margin:0px;}
.tableGen tr.separator td {border-bottom:1px solid #666;}
.tableGen th {border-bottom:1px solid #666;line-height:normal;}
.tableGen tr {}
.tableGen td.headerOrange {padding:.5em .5em .5em 0;margin:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#f60;border-bottom:1px solid #666;text-align:left;}
div.headerOrange {padding:.5em .5em .5em 0;margin:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#f60;border-bottom:1px solid #666;text-align:left;}
.tableGen tr.alt {padding:.5em .5em .5em 0;margin:0px;border-bottom:0;}
.tableGen tr.alt td {padding:.5em .5em .5em 0;margin:0px;border-bottom:0;}
.tableGen th {font-size:.9em;font-weight:bold;color:#666;padding:.5em .5em .5em 0;margin:0;}
.tableGen tr.alt th {font-size:.9em;font-weight:bold;color:#666;padding:.5em .5em .5em 0;margin:0px;border-bottom:0;}
.tableGen th.right {text-align:right;}
.tableGen td.overage {font-weight:bold;color:#c00;}
.tableGen td.centered {text-align:center;}
.tableGen td.right {text-align:right;}

.tableAlternate tr th {padding:1em 1em .5em 1em;margin:0px;}
.tableAlternate tr td {padding:.5em 1em;margin:0px;}
.tableAlternate tr.odd td {background-color:#eee;}



/* FOOTER
--------------------------------------------------------------------- */
#footer {padding:0;margin:0;border-top:1px solid #666;}
#footer-nav {display:none;}
#footer-universal {display:none;}
#footer p {padding:10px 0 0 0;margin:0;}



/* LANDING ONLY
--------------------------------------------------------------------- */
#landing #page {width: 710px;}
#landing #container {width: 710px;}

#landing #content-container {
	float: left;
	width: 710px;
	padding: 0;
	margin: 0;
	}

#landing #primary-content {
	float: left;
	width: 710px;
	padding: 0;
	margin: 0;
	border: 0;
	}

#landing #secondary-content {clear:both;width:710px;margin-left:0;}
#landing #secondary-content .odd {float:left;width:328px;}
#landing #secondary-content .even {float:left;width:328px;margin-left:10px;}

#promotional .callout {
	padding: 0;
	margin-bottom: 10px;
	height: 12em;
	position: relative;
	border: 1px solid #666;	
	}

#promotional .odd {float:left;width:328px;}
#promotional .even {float:left;width:328px;margin-left:10px;}



/* DASHBOARD ONLY
--------------------------------------------------------------------- */
#dashboard #left-col {
	display: block !important;
	float: left;
	width: 479px;
	padding: 0;
	margin-bottom: 400px;
	}

#dashboard #left-col-containerBox {
	border: 1px solid #666;
	padding: 10px;
	margin-bottom: 10px;
	}

#dashboard #content-container {
	width: 479px;
	padding: 0;
	margin: 0;
	}

#dashboard #primary-content {
	width: 477px;
	padding: 0;
	margin: 0;
	border: 1px solid #666;
	}

#dashboard-grid {
	float: left;
	width: 468px;
	padding: 0;
	margin-bottom: 10px;
	}

#dashboard-col1 {float:left;width:218px;padding:0;margin-right:20px;}
#dashboard-col2 {float:left;width:218px;padding:0;margin:0;}
#dashboard-col3 {clear:both;width:100%;padding-top:10px;margin:0;border-top: 1px solid #666;}

#dashboard-grid-span2 {float:left;padding:0;margin-bottom:10px;}
#dashboard-span2 {float:left;width:453px;padding:0;margin:0;}

.mini-container {
	padding: 0;
	margin: 0;
	width: 99%;
	border: 1px solid #666;
	}

.mini-container-span2 {
	padding: 0;
	margin: 0;
	width: 451px;
	border: 1px solid #666;
	}

#phone {float:left;padding:0;margin-right:15px;}
#phone-info {float:left;padding:0;margin:0;width:104px;}

.promo {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #666;
	}

.has-image {width:218px;}
.promo-content {float:left;width:130px;}
.promo-image {float:right;width:75px;}

.promo h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	padding-bottom: 6px;
	margin: 0;
	}

.promo p {
	padding-bottom: 6px;
	margin: 0;
	}

.promo .action {
	padding-right: 12px;
	}


/* POPUP ONLY
--------------------------------------------------------------------- */
body#popUp {
	background-color:#fff !important;
	text-align:left;
	margin: 20px;
	width: 550px;
	}

#popUp #page {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	text-align: left;
	}

#popUp-header {
	display: block;
	padding: 0;
	margin-bottom: 10px;
}
.popUp-logo {float:left;padding:0;margin:0;}
.popUp-links {float:right;padding-top:5px;margin:0;text-align:right;}

#popUp #content-container {
	padding: 0;
	margin:0;
	}

#popUp #primary-content {
	display: block;
	padding: 0;
	margin-bottom: 10px;
	border: 1px solid #666;
	}

#popUp #footer {
	clear:both;
	padding: 0;
	margin: 0;
	background-color: #fff !important;
	text-align: left !important;
	}
#popUp #footer p {padding:0;margin:0;}



/* LOGIN ONLY
--------------------------------------------------------------------- */
#login #header {
	height: 10em;
	padding: 0;
	margin: 10px 0 0 0;
	}

#status-bar {
	background-color: #fff;
	text-align: center:
	padding: 10px;
	margin: 0;
	position: relative;
	}

#status-bar .content {
	width: 100%;
	height: 0;
	vertical-align: middle;
	padding-top: 250px;
	margin: 0;
	}



/* SUPPORT ONLY
--------------------------------------------------------------------- */
.grad-container-full {padding:0;margin-bottom:10px;border:1px solid #666;}
.support-3col-grid {float:left;background:url(../images/bkgrd_support_3col.gif) repeat-y top left;}

.grad-container-full h2 {
	padding: 0 0 10px 0;
	margin: 0;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	color: #666;
	}

.grad-container-full h3 {
	display: block;
	padding: 0 0 .5em 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #666;
	}

.support-col1 {float:left;width:215px;padding:0;margin:0;}
.support-col2, .support-col3 {float:left;width:215px;padding:0;margin-left:21px;}

.popular-icons dl {float:left;width:125px;padding:0;margin:0 5px;}
.popular-icons dt {text-align:center;padding:0 0 8px 0;margin:0;}
.popular-icons dd {text-align:center;padding:0;margin:0;}

.callout .align-middle {text-align:right;}
.callout .align-middle img {vertical-align:middle;}

#support #content-container {
	float: left;
	padding: 0;
	margin: 0;
	}

#support #primary-content {
	float: left;
	width: 550px;
	padding: 0;
	margin-bottom: 10px;
	border: 1px solid #666;
	}

.twoCol-support-grid {width:550;padding:0px;margin:0px;}

.twoCol-support-col1 {position:relative;float:left;padding:0;margin:0;width:250px;}
.twoCol-support-col2 {position:relative;float:left;padding-left:10px;margin-left:10px;width:250px;border-left:1px solid #666;}

.topCap {border-top:1px solid #666;border-right:1px solid #666;border-left:1px solid #666;}



/* SHOP ONLY
--------------------------------------------------------------------- */
.shop-product {
	float: left;
	width: 248px;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	position: relative;
	border-bottom: 1px solid #666;
	}

.shop-product .title {padding: 0;margin: 0;line-height: normal;position: absolute;top: 2px;left: 125px;}
.shop-product .cost {padding: 0;margin: 0;position: absolute;top: 38px;left: 125px;}
.shop-product .buy {padding: 0;margin: 0;position: absolute;top: 35px;left: 170px;}
.shop-product .link {padding: 0;margin: 0;position: absolute;top: 60px;left: 125px;}

.shop-product2 {
	float: left;
	width: 116px;
	height: 150px;
	padding: 0;
	margin: 0 6px;
	position: relative;
	}

.shop-product2 .title {padding: 0;margin: 0;line-height: normal;position: absolute;top: 85px;}
.shop-product2 .img {padding: 0;margin: 0;line-height: normal;position: absolute;top: 0px;}
.shop-product2 .price {padding: 0;margin: 0;position: absolute;top: 118px;left: 30px;}
.shop-product2 .buy {padding: 0;margin: 0;position: absolute;top: 116px;left: 72px;}
.shop-product2 .link {padding: 0;margin: 0;position: absolute;top: 138px;left: 45px;}

dl.alt {border-bottom:0px}
dl.even {margin-left:10px}

.tableAlternate tr th.name {width:165px;}
.tableAlternate tr th.artist {width:223px;}
.tableAlternate tr th.cost {width:55px;}
.tableAlternate tr th.listen {width:35px;}
.tableAlternate tr th.buy {width:50px;}

#artist-container {width:548px;padding:0;margin-bottom:10px;border:1px solid #666;}

.tableAlternate-mini {width:100%;}
.tableAlternate-mini tr th {padding:.25em;margin:0px;}
.tableAlternate-mini tr td {padding:.25em;margin:0px;}

#primary-ringtonesDownloads {
	float: left;
	width: 550px;
	padding: 0;
	margin-bottom: 10px;
	}

.grad-box {
	padding: 0px;
	margin-bottom: 10px;
	border: 1px solid #666;
	}