@charset "utf-8";
/* CSS Document */

/*basic structure starts*/
body{ background-color:#0099FF; font-family:Helvetica,Arial,Geneva,sans-serif; color: #666666;font-size: 16px;}

#container{ width:940px; display:block; margin:10px auto; clear:both; height:0 auto!important;}

#topContent{ width:940px; display:block; float:left; margin:0px; padding:0px; height:17px; 
background:url(art/top.jpg) no-repeat -1px 0px;}
#content{ width:940px; display:block; float:left; margin:-1px; padding:0px; min-height:450px; height:0 auto!important; background-color:#FFFFFF;
background-image:url(art/cntnt.jpg); background-repeat: repeat-y;
}

#contentBg{ width:920px; display:block; margin:0 10px; padding:0px; min-height:450px; height:0 auto!important; background-color:#FFFFFF;
background-image:url(art/bodyImg.jpg); background-repeat: no-repeat;
}
#contentBgBig{ width:920px; display:block; margin:0 10px; padding:0px; min-height:450px; height:0 auto!important; background-color:#FFFFFF;
background-image:url(art/bodyImg2.jpg); background-repeat: no-repeat;
}

#bottomContent{ width:940px; display:block; float:left; margin:0px; padding:0px; height:17px; 
background:url(art/bottom.jpg) no-repeat -1px 0px;}

#header{ width:920px; height:40px; display:block; float:left;}
#header h1{ display:none; float:left; margin:0px; padding:0px;}

#cloud{ height:30px; float:right; width:600px;}

#inner{	font-size:13px; padding:0 0; margin-right:10px; background-color:transparent; color:#666666; text-align:right;}
#inner a{ font-weight:bold; color:#0099FF; font-size:12px;}

#footer{ width:920px; float:left; display:block; margin-top:15px; line-height:20px; font-size:11px; clear:both; color:#FFFFFF; 
text-align:center;}
#footer p{ padding:0px; margin:0px;}

.footerLink{ color:#FFFFFF;}
.footerLink:hover{ text-decoration:none;}

#contentInner{ width:606px; height:0 auto!important; display:block; float:right; color:#4A4A4A; font-weight:normal;
line-height:16px; margin-right:10px; margin-top:3px;}

/*Structure #2*/

#content2{ width:940px; display:block; float:left; margin:-1px; padding:0px; min-height:450px; height:0 auto!important; background-color:#FFFFFF;
background-image:url(art/cntnt.jpg); background-repeat: repeat-y;
}

/*#2 ends*/

/*the div below will contain always txts*/
#someTxt{ width:910px; margin-left:3px; margin-top:250px; color:#333333; line-height:16px; font-weight:normal; display:block; float:left; 
border:none; height:0 auto!important; clear:both;}
#someTxt span{ font-size:12px;}
#someTxt h4{ font-size:18px; font-weight:normal; margin-bottom:5px;}

.siteLink{ color:#0099FF;}

#cloud #inner a { color: #003366; font-weight: normal; }
/*here ends*/

a:link, a:visited { color: #0099FF; }
input, select, textarea { font-size: 100%; color: #666; }
textarea { overflow: auto; }
#footer a:link, #footer a:visited { color: #FFFFFF; text-decoration: underline; }
label.errors, label.errors a { color: red !important; }
.fieldError { color: red; margin-top: 8px; font-size: 0.8em; margin-bottom: 2px; }
#flashMessenger { background-color: #C8EA56; border: 1px solid #77B700; font-size: 0.8em; padding: 5px; margin-left: 10px; width: 425px; }
span.inputbox { background: url("art/bck_btn.png") no-repeat scroll center center transparent; display: inline-block; height: 44px; width: 206px; }
.inputText, .inputPassword { margin: 12px 0 0 9px; padding: 1px 3px; width: 176px; border: 0; }
input[type="submit"]  { background-color: #3CBF3B; color: #FFFFFF; font-size: 14px; font-weight: bold; height: 35px; padding: 8px; border: 0; }
.titleCenter h2 { color: #003366; font-size: 32px; text-align: center; }

#contentBgBig #flashMessenger	{ margin: 0 0 20px 0; width: 330px; }


/* INDEX */
#content2 .cloud { float: right; margin: 0px 10px 0 0; text-align: right; font-size: 0.75em; font-weight: bold; }
#content2 .cloud #ad { margin: 5px 30px 0 0; }
#signupContent	{ padding-top: 260px; clear: both; }
#signupContent h2	{ color: #003366; font-size: 32px; text-align: center; margin-bottom: 20px;}
#signupContent h3	{ color:#99CC00; font-size:24px; text-align: center;}
#signupForm .left { vertical-align: middle; }
#signupForm .right { vertical-align: middle; }
#signupForm .right fieldset div	{ vertical-align: middle; }
#signupForm .left fieldset div	{ vertical-align: middle; }
#signupForm .left { float: left; text-align: right; width: 450px; margin-right: 10px; }
#signupForm .right { float: left; text-align: left; width: 380px; margin-left: 60px; }
#signupForm .right div 	{ margin-bottom: 10px; height: 44px; }
#signupForm .right label { display: block; float: left; padding: 15px 5px 0 0; }
#signupForm .right select { margin: 12px 0 0 0; width: 185px; }
#signupForm .submit	{ text-align: right; width: 280px; margin: 0px 0 10px 0; height: 70px !important; }
#signupForm .inputText[type=text] { margin: 13px 11px 0 0; }
#signupForm .acceptTermsDiv { margin: 0; padding: 0; height: 20px !important; font-size: 0.7em; text-align: right; margin-left: 95px; }
#signupForm label.errors	{ margin: 0; vertical-align: 130%; }
#signupForm .fieldError { display:block; margin-left:10px; margin-top:8px; padding:0; width:234px; }
/* END INDEX */



/* ARTIST PAGE */
.step h2	{ color:#003366; font-size:30px; margin: 30px 0 25px 0; }
.stepInner	{ margin-left: 80px; }
.stepInner.submit	{ padding-left: 95px; }
.counterDiv	{ width: 350px; }
.counterDiv small	{ float: right; font-size: 0.8em; margin-top: 4px; }
.socialNetsList { background-color: #F7F7F7; border: 1px solid #CCCCCC; padding: 3px 0; width: 305px; margin-top:7px; }
.socialNetsList td { padding:5px; padding-left: 20px; }
.socialNetsList .netListCh { width: 5%; }
.socialNetsList .netListImg { width: 35%; }
.socialNetsList .netListScreenname { text-align: left; width: 60%; }

#linkAccountsIcons { width: 440px; text-align: center; }
#linkAccountsIcons p { padding:2px; color:#003366; margin-bottom:7px; font-size:18px; }
.linkAccountHref{ margin-top:7px;}
.label_share{color:#222222!important;}

.messageContainer	{height:108px; margin:8px 0 0 2px; padding:1px 0; width:300px; background:url(art/txtArea.png) no-repeat 0px 0px;}
textarea.inputTextarea	{ margin: 0 0 0 11px; width: 280px; border: 0; height: 82px; overflow: hidden;}
.textareaURL	{ margin: 0 6px 3px 8px; padding: 0; color: #666666; }
.textareaURL span { border-bottom: 1px dotted #888888; }
.autotweetCheck	{ padding-bottom: 20px; font-size:0.8em; margin-bottom:20px; }
#artistStats	{ font-size: 1.1em; float: left; margin-left: 50px; margin-top: 200px; position: absolute; border: 1px solid #CCC; padding: 5px 5px 5px 30px; width:180px; }
#artistStats h3	{ color: #99CC00; font-size: 1.3em; }
#artistStats div { text-align: left; }
#artistStats p { text-align:left; padding:4px; float:left; width:120px; }
#artistStats strong { color:#99CC00; font:1.5em/20px Georgia,"Times New Roman",Times,serif; }
#artistStats span{ float:left; display:block; margin-top:4px;}

div.info { width:416px; margin:0px 10px 15px 10px; padding:5px; border:1px solid #ccc; background-color:#F7F7F7; color:#666; font-size:1.1em; text-align:center; }
div.info .infoDownloadLink { font-size: 0.7em; }
div.info p { padding-bottom: 3px; }

/* safari-chrome hack */
div.info a { z-index: 999; }
div.info p strong { font: 2em/20px Georgia, "Times New Roman", Times, serif; color: #99CC00; }
.paynowButton { text-align: center; margin: 10px 0 10px 0; }
.paynowButtonText { font-size: 0.8em; margin: 10px 0 0 0; }
/* END ARTIST PAGE */


/* EDIT ACCOUNT */
#accountForm	{ margin-left: 100px; margin-top: 20px; }
#vanityurl { background-color: #FFFFE1; border: 1px solid #CCCCCC; padding-bottom: 7px; padding-left: 8px; padding-top: 7px !important; width: 350px; }
#vanityurl input { height: 15px !important; margin-left: -1px; vertical-align: center; display: inline-block; background-color: #FFFFE1; border: 0; width:255px !important; }
#vanityurl button { border: 1px solid #666666; background-color: #FFFFE1; color: #666666; margin: 0 3px 0 3px; padding: 1px; vertical-align: middle; font-size: 0.8em; }
#vanityurlMessage { margin-top: 10px; }
#vanityurlMessage span { font-size: 0.8em; }
.artistFieldHelp { clear: both; font-size: 0.7em; margin-bottom: 20px; margin-top: 5px; text-align: left; }
.accountInput label	{ display: block; float: left; width: 140px; margin-top: 12px; }
.accountInput input[type=submit]	{ margin-left: 190px; }
.accountInput .fieldHelp	{ display: block; font-size: 0.8em; margin-left: 190px; }
.accountInput .fieldError	{ margin-left: 130px; }
.accountSubmit	{ margin-left: 190px; }
/* END EDIT ACCOUNT */


/* LOGIN */
#contentBgBig #contentInner{ margin-top: 240px; }
.loginElement { margin-top:10px; margin-left: 10px; border: 0; }
.loginElement label { width: 200px; }
#contentBgBig #contentInner h2 { color: #003366; font-size: 32px; margin-left: 50px; margin-bottom: 30px; }
#cloud2 #inner	{ width: 360px; float: right; margin: 50px 40px; text-align: left; color: #003366; }
#cloud2 #inner h2	{ font-size: 1.6em; margin-top: 10px; }
#cloud2 #inner h3	{ font-size: 1.1em; font-weight: bold; line-height: 20px; }
.loginInput	{ font-size: 0.7em; padding-left: 90px; margin-bottom: 20px; }
.loginInput input[type=submit] { width: 100px; margin-left: 10px; }
/* END LOGIN */

/* FORGOT PASS */
.forgotPassLinks { border-right:1px solid #EEEEEE; float:left; margin:3px 7px 0 6px; padding:0; font-size: 0.7em; width:65px; }
#forgotPassForm	label { float: left; margin-top: 15px; }
#forgotPassForm .fieldError { width: 250px; }
#forgotPassForm .submit	{ margin-top: 10px; }
/* END FORGOT PASS */


/* ERROR */
#contentError{ width:940px; display:block; float:left; margin:-1px; padding:0px; min-height:450px; height:0 auto!important; background-color:#FFFFFF;
background-image:url(art/cntnt.jpg); background-repeat: repeat-y;text-align: center;
}
#contentError h2	{ color: #003366; font-size: 32px; margin-bottom: 30px;text-align: center;}
#exceptionsDiv	{ margin-left: 20px; text-align: left; width: 900px; overflow: auto; }
/* END ERROR */

/* FAN PAGE */
#contentFan	h1 { color:#0099FF;font-size:36px;font-weight:bold;letter-spacing:-2px;text-align:center;margin: 60px 25px 10px 25px; }
#contentFan form {margin: 0 0 0 300px;}
#contentFan .fieldError { margin: 0 0 5px 50px; }
#contentFan textarea.inputTextarea	{ margin: 0 0 0 11px; height: 78px; width: 280px; border: 0; }
#contentFan h2  { color:#003366; font-size:32px; text-align:center; text-indent:-1px; }
#contentFan form label { display:block; float:left; margin:12px 0 5px; padding:3px 0; text-align:right; }
#contentFan form .messageContainer { display:inline-block; margin: 5px 0 8px 8px; padding: 5px 0 5px 0; width:300px;}
#contentFan form .submit { margin-left: 80px; }
.fanEmailHelp { color:red; font-size:0.7em; text-align:left; margin-left: 50px; }
#contentFan .errorContainer { margin: 10px 0 10px 250px; }
/* END FAN PAGE */

/* DOWNLOAD PAGE */
#contentDownload { text-align: center; }
#contentDownload h2 { color:#003366; font-size:32px; font-style:normal; font-weight:normal; text-align:center; text-indent:-1px; margin-top: 170px; }
#contentDownload h3  { color:#99CC00; font-size:24px; }
#contentDownload #bottomBanner { margin-top: 30px; }
/* END DOWNLOAD PAGE */



/* JQUERY TIPSY */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(/images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
/* END JQUERY TIPSY */