﻿/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; ccolor:#333; outline:none;}
body			{font-size:0.625em; background:#42210a}
a				{color:#274b73 !important; text-decoration:none}
a:hover			{text-decoration:underline;}
select, input, textarea	{font-family:Arial, Helvetica, sans-serif; color:#333; border:#d1d1cf solid 1px; font-size:1em; }
input {padding:1px 0 2px 3px; color:#333;}
h1{color:white}
h2, h3,h4{font-size:1.4em; color:#3a4f70}
img, fieldset{border:0}
.hidden{display:none;}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{}
	th, td{text-align:left; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:16px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

/********** Common Structure (for all templates) ********/
/********************************************************/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) *//*  main structure
***************************************/
#wrapper { width:100%; font-size:1.1em; background:url(../images/bgd_container.gif) 50% 100% no-repeat; overflow:hidden}
	#container{background:url(../images/bgd_bottom.png) 50% 100% no-repeat; padding:0 0 12px 0; overflow:hidden}	
	#mainWrapper{background:url(../images/bgd_line.png) 50% 0 repeat-y; width:100%; overflow:hidden}
	#main{width:100%; background:url(../images/bgd_main.jpg) 50% 0 no-repeat; overflow:hidden}
	#content{width:948px; margin:0 auto; padding:0 6px;}
	
	/********Login**********/
	.login{width:948px; overflow:hidden; height:31px; padding:6px 0 0 0;position:relative}
		.login label{display:block; float:left; color:#fff; font-weight:bold; font-size:1.27em; margin:0 10px 0 0; padding:5px 0 0 0}
		.login input{width:114px; height:15px; border:none; background:none; padding:0; color:#666; font-size:1.091em;}
		.login fieldset span{width:114px; height:15px; display:inline; float:left; background:url(../images/bgd_input.gif) 0 0 no-repeat; padding:5px; margin:0 10px 0 0}
		.login .btnLogin{width:auto; height:auto; border:none; float:left; margin:0 10px 0 0}
		.login fieldset p{display:block; float:left; line-height:13px;}
		.login fieldset p a{color:#fff !important;}
		.textType{color:#fff; float:right; font-size:1.091em; color:#c6d8f3; padding:4px 0 0 0}
			.textType span{color:#fff; font-size:1.167em;}
	
	/********logo**********/
	.logo{width:100%; overflow:hidden; height:137px; cclear:both; position:relative}
		.logo h1{padding:25px 0 0 25px; display:block; float:left;}
		.logo ul{float:right; padding:0 33px 0 0}
		.logo li{display:block; float:left;}
		.logo .shoppingCart{width:132px; height:73px; padding:37px 13px 0 21px; background:url(../images/bgd_checkout.gif) 0 0 no-repeat; margin:0 9px 0 0}
		.logo h3{margin:0 0 5px 0}
		.logo img{display:block}
		.logo span{font-weight:bold; font-size:1.45em; color:#000; padding:0 0 0 23px}
		.logo p{margin:0 0 5px 0}
		.checkout{text-align:right;}
			.checkout a{background:url(../images/ico_arrow.gif) 100% 50% no-repeat; padding:0 20px 0 0; color:#490000; font-size:1.091em;}
	
	/*******nav**********/
	.nav{wwidth:884px; display:block; height:39px; padding:0 0 0 64px; margin:0 0 6px 0; overflow:hidden; background:transparent url('../images/bgd_botm.png') repeat-x}
		.nav li{display:block; float:left; padding:0 28px !important; background:transparent !important}
	
	.nav2{width:948px; hheight:118px; overflow:hidden; margin-bottom:8px}
		.nav2 .top_bar {height:81px;   background:white url('../images/bgd_topb.jpg') no-repeat scroll center center}
		.nav2 h2 {padding:20px; padding-left:35px; float: left; overflow:hidden; color:white; font-size:35px; text-shadow:0px 1px #000000; letter-spacing: -1px;)}		
		.nav2 ul{width:947px; padding:0 0 0 1px;}
		.nav2  li{display:block; float:left;}
		.nav2  li img{display:block;}
	
	/***********************/	
	#leftContent{width:633px; float:left; padding:0 0 10px 0}
		.filterSelection{width:593px; background:url(../images/bgd_info_03.gif) 0 0 no-repeat; height:91px; padding:15px 20px; margin:0 0 13px 0; font-size:1.092em; position:relative}	
		.filterSelection h2{margin:0 0 10px 0}
		.filterSelection ul{width:100%; overflow:hidden}
		.filterSelection li{display:block; float:left; margin:0 11px 0 0;}
		.filterSelection label{display:block; margin:0 0 3px 0; font-weight:bold}
		.filterSelection select{width:175px;}
		.filterSelection option{padding:2px}
		.filterSelection .last{margin:0}
		.filterSelection .last input{width:auto; height:auto; border:none; margin:15px 0 0 0}
	
	/***********************/
	.dateType{width:631px; padding:0 2px 0 0px; overflow:hidden; margin:0 0 10px 0; background:url(../images/bgd_info_04.gif) 100% 0 no-repeat;}
	.dateType ul{display:block; float:right; background:#e5e5e5 url(../images/bgd_tab.gif) 0 0 no-repeat; height:19px; padding:0 0 0 2px}
		.dateType li{display:inline;}
		.dateType a{display:block; float:left; margin:0 2px 0 0; padding:0 5px 0 0}
		.dateType a span{display:block; padding:2px 0 2px 5px; line-height:15px;}
		.dateType a:hover{background:url(../images/bgd_rightTab.gif) 100% 0 no-repeat; text-decoration:none; color:#fff}
		.dateType a:hover span{background:url(../images/bgd_leftTab.gif) 0 0 no-repeat; color:#fff}
		.dateType .current a{background:url(../images/bgd_rightTab.gif) 100% 0 no-repeat; color:#fff}
		.dateType .current a span{background:url(../images/bgd_leftTab.gif) 0 0 no-repeat; color:#fff}
	
	/***********************/	
	.tableContent{width:100%; background: url(../images/bgd_bottomTable.gif) 0 100% no-repeat; padding:0 0 5px 0; margin:0 0 15px 0}
	.tableInfo{width:633px; overflow:hidden; background: url(../images/bgd_line_04.gif) 0 0 repeat-y;}
	
	.title{width:633px; overflow:hidden; display:block; height:35px; background: url(../images/bgd_titleTab.gif) 0 0 no-repeat;}
	.title li{display:block; float:left; line-height:19px; padding:8px 0; font-size:1.092em; color:#fff; font-weight:bold}

	
	.tableContent .artist{width:233px; padding-left:15px}
	.track{width:264px}
	.rank{width:121px}
	
	.tableContent .lastItem{border:none}
	.infoType{width:622px; margin:6px 0 0 6px; overflow:hidden; border-bottom:#d6c6c6 solid 1px; padding:0 0 2px 0}
	.infoType .iconType, .iconType2 {float:right; width:30px; display:block}
	.infoType .iconType img, .iconType2 img {display:block; float:left}
	.infoType .iconType .btnDown, .iconType2 .btnDown {margin:8px 0 0 0}
	.infoType div{width:591px;}
	.infoType div ul{width:591px; display:block; overflow:hidden; margin:0 0 4px 0;}
	.infoType div li{display:block; float:left}
	
	.col{width:232px; color:#434343 ; background:url(../images/bgd_info_02.gif) 0 0 no-repeat;padding:3px 0 3px 10px; line-height:18px;  font-size:1.0912em}
	.col2{width:259px; color:#434343 ; background:#e2e2e2;padding:3px 0; line-height:18px; font-size:1.0912em; padding-left:5px;}
	
	.col3,.downloadCol{width:133px; overflow:hidden}
		.col3 a,.downloadCol a{display:block; float:left; background:url(../images/bgd_rightInfo.gif) 100% 0 no-repeat; padding:0 3px 0 0}
		.downloadCol a{background:url(/images/newskin/bgd_right_green.gif) 100% 0 no-repeat;}
		.col3 a span,.downloadCol a span{display:block; background:url(../images/bgd_leftInfo.gif) 0 0 no-repeat; padding:3px 0 1px 25px; line-height:15px; color:#fff; text-transform:uppercase; font-size:0.82em}
		.downloadCol a span{background:url(/images/newskin/bgd_left_green.gif) 0 0 no-repeat;}
		.col3 a:hover,.downloadCol a:hover{text-decoration:none; color:#fff;}
	
	.col4{width:109px; text-transform:uppercase; font-size:0.82em; padding:4px 0 0 0}
		.col4 a{background:url(../images/ico_play.gif) 0 2px no-repeat; padding:4px 0 2px 20px;  color:#105733; }
		.col4 a:hover{ color:#105733;}
		.col4 span {color:#333; margin-left:5px;}
		.col4 object {margin-top:-3px; vertical-align:middle}
	.col5{width:264px; text-transform:uppercase; font-size:0.82em; padding:4px 0 0 0}
		.col5 a{background:url(../images/ico_share.gif) 0 3px no-repeat; padding:5px 0 2px 20px;  color:#104a8e; }
		.col5 a:hover{ color:#104a8e;}
	
	
	.infoType div .last{width:85px; font-size:0.912em; overflow:hidden; padding:0; line-height:24px;}
	.infoType div .last p{display:block; float:left; color:#fff; background:url(../images/bgd_info_01.gif) 100% 0 no-repeat; padding:3px 30px 3px 5px; line-height:18px;}
	
	/***********************/
	.paging{max-width:625px; overflow:hidden; text-align:center; margin:0 auto }
	.paging ul{text-align:center; padding:0}
	.paging  li{display:inline}
	.paging  li a{width:23px; line-height:17px; padding:4px 0; margin:1px 2px 0 2px; text-align:center; display:block; float:left; background:url(../images/bgd_paging.gif) 0 0 no-repeat; color:black}
	.paging .prev a{width:27px; height:25px; padding:0; background:none; margin-top:0}
	.paging .next a{width:27px; height:25px; padding:0; background:none;  margin-top:0}
	.paging  li a:hover{background:url(../images/bgd_paging_02.gif) 0 0 no-repeat; color:#fff; text-decoration:none}
	.paging  .current a{background:url(../images/bgd_paging_02.gif) 0 0 no-repeat; color:#fff}
	
	/***********************/
	#contextual{width:288px; float:right; padding:12px 9px 12px 9px; background-color:#E0E0E0}
		.contextType{width:288px; background:url(../images/bgd_topInfo.gif) 0 0 no-repeat; padding:15px 0 0 0}
			.contextInfo{width:250px; background:url(../images/bgd_bottomInfo.gif) 0 100% no-repeat; padding:0 19px 15px 19px;}
			.contextInfo h2{margin:0 0 5px 0}
			.contextInfo p{font-size:1.091em; margin:0 0 5px 0}
		
		.subscribeForm{background:url(../images/bgd_line_02.gif) 0 0 repeat-x; padding:15px 3px 0 4px;}
			.contextInfo .subscribeForm p{display:block; overflow:hidden; width:100%; margin:0 0 8px 0}
			.subscribeForm label{display:block; margin:0 0 3px 0}
			.subscribeForm span{width:233px; height:22px; padding:5px; display:block; background:url(../images/bgd_input_02.gif) 0 0 no-repeat;}
			.subscribeForm input{background:none; border:none; padding:3px 2px}
			.subscribeForm .btn{padding:5px 0 0 0}
			.subscribeForm .btn input{width:auto; height:auto; border:none; background:none; padding:0; margin:0}
			#contextual  .linkType{padding:0 40px; width:170px; overflow:hidden}
			#contextual  .linkType a{display:block; background:url(../images/ico_lock.gif) 0 4px no-repeat; padding:1px 0 1px 25px; font-size:0.912em; color:#000;}
	
	/*******footer**********/
	#footer{width:960px; margin:0 auto; padding:0px 0; overflow:hidden}
	#footer li{display:inline; background:url(../images/bgd_line_03.gif) 100% 50% no-repeat; padding:0 8px 0 8px}
	#footer li a{font-weight:bold; color:#724a0d}
	#footer li a:hover{ color:#724a0d}
	#footer div{float:right; padding:0 10px 0 0; clear:right}
	#footer p{text-align:right; font-weight:bold; margin:0 0 5px 0; color:#724a0d}
	#footer .last{background:none}
	
	.rating { padding-left:4px; color:white; background:url(../images/bgd_info_01.gif) no-repeat}
	.contextInfo h2 {font-size:22px; font-family:"Lucida Sans"; margin:0; padding:0; padding-left:6px; padding-bottom:10px;height:auto}
	.contextInfo p {color:#333}
	#welcometext a {text-decoration: underline; color:white !important}
	.noBackground #welcometext a {text-decoration: underline; color:blue !important}
	form a {color:white;}
	#nsArtistLatestAlbum h2, .Right_Profile_Column h4, .Left_Profile_Column h4 {color:white}
	.bio {color:#333;}
	.filterSelection label {color:#333}
	.getup {padding-left:7px}
	#fullContent{width:948px; background-color:white; margin-top:5px;}
	#fullContent p {color:#333}
	#signUp {background-color:white !important;}
	.galleryItemsAlbums {margin:10px 10px 0 0 !important; }
	.playdiv {float: left; width:20px;}
	#bioFull, #bioExcerpt {padding-top:15px}
	#nsPageWrapper {width:942px !important; background-color:white;}
	#nsArtistHeader {width:942px !important}
	#nsArtistTopTracks h3 {margin:10px 0;}
	.black {color:#333}
	.text_desno a, .songgrid a {color:#CCCCCC !important}
	.content_title {width:460px !important; background:transparent url('../images/top.gif') no-repeat !important}
	.noBackground .content_title {background-image:none !important}
	.noBackground .introText {text-align:left; background-image:none !important}
	.Content, .radioText, .introText, .contentCenter {width:460px !important; text-align:center}
	.shadow  {width:202px; height:9px; margin-top:-3px; background:transparent url('../images/shadow.png') repeat-x}
	.shadow2 {width:116px; height:9px; margin-top:-1px; background:transparent url('../images/shadow.png') repeat-x}
	#topSpot {padding-left:10px;}
	.sell2 {float:left; width:490px; margin-left:20px;}
	.center {clear:both}
	.logos {width:472px}
	##nsArtistSidebar { background:transparent url('../images/bgd_side.png') repeat !important}
	#nsArtistContent {color:black; width:600px !important;}
	.songgrid { margin-left:34px; margin-top:10px}
	#radioText {margin-right:20px}
	#albumPromo {float:none !important; margin-left:30px !important}
	.introText p { text-align:left; width:430px;}
	.search_inp { position:absolute; top:20px; left:393px; padding-top:4px; padding-bottom:5px}
	.search_sub { position:absolute; top:20px; left:535px; color:white; background:transparent url('../images/btn_bg.png') no-repeat; width:74px; height:26px; border:0 !important}
	.btn_my {margin-right:10px; float:left !important; display:block; text-align:center; font-size:18px; top:20px; color:white !important; background:transparent url('../images/btn_my.png') no-repeat; width:150px; height:26px; line-height:26px; }
	#login_err { position:absolute; top:6px; color:red; font-size:12px; font-weight:bold}
	.bio textarea { width:290px !important}
	.fieldnames p, .fieldinput p {line-height:25px !important}
	.fieldinput p {text-align:left !important}
	.fieldinput p .fields {width:303px !important;}
	.fieldinput p .nextbutton {margin-left:190px !important; margin-top:10px; padding-left:15px; padding-right:15px;}	
/*	#Right_Column {margin-left:50px}*/
	.fieldinput p select {width:150px !important}

	.my_set {margin-left:20px; font-size:1.091em; font-weight:normal !important; top:20px; color:#C6D8F3 !important; line-height:26px; text-decoration:underline !important}	
	.setting1 {background:#ECF3FE; padding:10px; margin:0 10px; padding-left:20px; font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;}
	.setting2 {font-size:12px; margin:20px 30px; font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;}
	.setting3 {font-size:12px; background-color:#FFFFCA; margin:0 30px 20px; font-weight:bold; font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;}
	.setting4 {margin-left:30px ; padding-top:10px; font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;}
	.setting5 {margin:10px 30px; clear:left; float:left; font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;}
	.setting6 {margin-bottom:7px}
	.left_butn { padding-left:30px; font-size:14px; color:black !important; background:transparent url('../images/system/myBG.png') no-repeat; line-height:33px; text-decoration:none !important; height:35px !important; }
	.left_butn:hover {background:transparent url('../images/system/myHBG.png') no-repeat;}
	.noBackground #welcometext{
	font-family: "Georgia" !important;
	font-size: 14px;
}

