/* Begin Typography & Colors */
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #F5F5F5;
	color: #333;
	font-size:12px;
	text-align:left;
	line-height:20px;
	}
	
a:link {
color: #3C89C8;
text-decoration:none;
}	

a:visited {
color: #3C89C8;
text-decoration:none;
}	

hr {
border-color: #CCCCCC;
background-color: #CCCCCC;
color: #CCCCCC;
}

input[type="text"] { 
background: url('images/login-text.gif') no-repeat;
height:20px;
width:150px;
font-size:12px;
font-weight:bold;
color:#666666;
border:0;
margin-bottom:5px;
padding: 5px 0 0 10px;
outline:0;
line-height:12px;
}

textarea { 
width:330px;
height:80px;
border:1px #999999 solid;
font-size:14px;
color:#666666;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
}

input[type="password"] { 
background: url('images/login-text.gif') no-repeat;
height:20px;
width:150px;
font-size:12px;
font-weight:bold;
color:#666666;
border:0;
margin-bottom:5px;
line-height:26px;
padding: 4px 0 0 10px;
outline:0;
line-height:12px;
}
	
h3 {
color: #3C89C8;
font-size:16px;
text-decoration:none;
margin:20px 0 0 0;
}	
	
h2 {
color:#F16412;
font-size:12px;
margin:0 0 5px 0;
}

.errorBanner {
width:500px;
background-color:#E9F2F9;
color: #104378;
height:20px;
font-weight:bold;
padding:5px;
margin-bottom:2px;
}

.errorBanner-join {
width:520px;
background-color:#E9F2F9;
color: #EF7025;
height:20px;
font-weight:bold;
padding:5px 5px 5px 10px;
margin-bottom:2px;
font-size:13px;
}

.errorBanner-join a:link {
color: #EF7025;
text-decoration:underline;
}

.errorBanner-join a:visited {
color: #EF7025;
text-decoration:underline;
}

.errorBanner-girls {
width:500px;
background-color:#E9F2F9;
color: #A64084;
height:20px;
font-weight:bold;
padding:5px;
margin-bottom:2px;
}


.errorBanner-small {
width:300px;
background-color:#E9F2F9;
color: #104378;
font-weight:bold;
padding:5px;
margin:0;
}

.errorBanner-sidebar {
width:200px;
background-color:#E9F2F9;
color: #104378;
font-weight:bold;
padding:5px;
margin:0;
}

.errorBanner-signin {
width:480px;
background-color:#E9F2F9;
color: #104378;
height:20px;
font-weight:bold;
padding:5px 5px 5px 20px;
}

h1 {
color:#3C89C8;
font-size:12px;
margin:0;
}	
	
#page-container {
border-left:2px #94AAC0 solid;
border-right:2px #94AAC0 solid;
background: #FFFFFF;
margin:0;
min-height:400px;
}	
	
#page {
width: 868px;
margin:auto;
}

#header {
width:869px;
height:150px;
background: #FFFFFF url('images/headerBG.jpg') no-repeat;
background-position: top;
padding: 30px 0 0 0;
}

#sidebar {
width:270px;
float:right;
background: #FFFFFF;
padding: 0 20px 0 0;
}

#sidebar-left {
width:270px;
float:right;
background: #FFFFFF;
padding: 0 20px 0 0;
float:left;
}

#content {
float:left;
background: #FFFFFF;
padding: 0 0 0 20px;
margin:0;
}

#content-right {
float:right;
background: #FFFFFF;
padding: 0 0 0 20px;
margin:0 20px 0 0;
width:520px;
}

.entry {
line-height:20px;
margin-bottom:30px;
width:555px;
}

.entry img {
float:left;
border:5px #E9F2F9 solid;
margin:0 20px 20px 0;
}

.entry-wide {
line-height:20px;
margin-bottom:30px;
width:825px;
}

.blog-excerpt img {
border:5px #E9F2F9 solid;
margin:0 10px 10px 0;
}

.narrowcolumn {
width:554px;
}

.widecolumn {
width:844px;
}

.surveyQuestion {
font-size:15px;
color: #3C89C8;
margin-bottom:20px;
width:800px;
}

.surveyOption {
font-size:13px;
font-weight:bold;
color:#666666;
}

#footer {
height:70px;
width:868px;
background: url('images/footerBG.gif') no-repeat;
margin:0;
padding:50px 0 0 0;
text-align:right;
float:right;
}

#largeImage {
width:535px;
height:108px;
background: url('images/splashImage.jpg') no-repeat;
padding:195px 0 0 17px;
text-align:left;
font-size:13px;
color: #333333;
margin-bottom:20px;
}

#largeImage-text {
width:404px;
height:55px;
line-height:14px;
padding:0 0 0 6px;
color: white;
font-weight:bold;
}

#largeImage-text a:link {
color: white;
}

#largeImage-text a:visited {
color: white;
}

#largeImage-text a:active {
color: white;
}

#largeImage-text p {
margin:10px 0 8px 0;
font-family:Arial, Helvetica, sans-serif;
}

.splashMore {
float:left;margin-left:10px;
background: url('images/button-more.jpg');
width:50px;
height:15px;
color:#09626E;
padding:3px 5px;
text-align:center;
cursor:pointer;
}

#links-locked {
background: url('images/linksLocked.jpg') no-repeat;
width:328px;
height:87px;
margin: 0 0 0 40px;
float:left;
cursor:pointer;
}

#links-container {
width:328px;
height:87px;
margin: 0 0 0 40px;
float:left;
}

#survey-icon {
background: url('images/survey-ico.gif') no-repeat;
width:65px;
height:84px;
float:left;
margin-right:10px;
cursor:pointer;
}
#audition-icon {
background: url('images/audition-ico.gif') no-repeat;
width:65px;
height:84px;
float:left;
margin-right:10px;
cursor:pointer;
}
#account-icon {
background: url('images/account-ico.gif') no-repeat;
width:65px;
height:84px;
float:left;
margin-right:10px;
cursor:pointer;
}
#share-icon {
background: url('images/share-ico.gif') no-repeat;
width:65px;
height:84px;
float:left;
margin-right:10px;
cursor:pointer;
}

#login-container {
float:right;
margin: 0 20px 0 0;
width:186px;
height:115px;
}

#benefits-side {
width:255px;
float:right;
background: #E9F2F9;
margin-bottom:10px;
}

#video-side {
width:215px;
float:right;
margin-bottom:30px;
background: url('images/win-flipvideo.jpg') no-repeat;
padding:140px 20px 0 20px;
font-weight:bold;
}

#price-side {
width:252px;
height:125px;
float:right;
margin-bottom:10px;
background: url('images/99p-side.jpg') no-repeat;
cursor:pointer;
}

#benefits-side-top {
height:105px;
width:255px;
background: url('images/benefitsBG-top.jpg') no-repeat;
}

#review-side-top {
height:125px;
width:255px;
background: url('images/reviewBG-top.jpg') no-repeat;
}

#benefits-side-bottom {
height:23px;
width:255px;
background: url('images/benefitsBG-bottom.jpg') no-repeat;
}

.benefits-row {
width:215px;
margin-left:20px;
border-bottom: 1px #BCD7EC solid;
margin-bottom:10px;
padding-bottom:8px;
}

#benefits-survey {
width:35px;
height:35px;
background: url('images/benefit-survey.jpg') no-repeat;
float:left;
}

#benefits-audition {
width:35px;
height:35px;
background: url('images/benefit-audition.jpg') no-repeat;
float:left;
}

#benefits-account {
width:35px;
height:35px;
background: url('images/benefit-account.jpg') no-repeat;
float:left;
}

#benefits-share {
width:35px;
height:35px;
background: url('images/benefit-share.jpg') no-repeat;
float:left;
}

.benefits-detail {
width:168px;
float:right;
text-align:left;
font-size:12px;
line-height:16px;
margin-left:5px;
color:#666666;
}

#button-join {
width:212px;
height:78px;
background: url('images/button-join.jpg') no-repeat;
margin:auto;
cursor:pointer;
}

.button-go {
width:93px;
height:30px;
background: url('images/button-go.gif') no-repeat;
cursor:pointer;
}


#button-login {
width:79px;
height:26px;
background: url('images/button-login.jpg') no-repeat;
cursor:pointer;
float:right;
}

#button-login:hover {
background: url('images/button-login-down.jpg') no-repeat;
}

#login-title {
background: url('images/login-title.gif') no-repeat;
width:80px;
height:14px;
margin-bottom:10px;
float:right;
}

#survey-title {
background: url('images/title-survey.gif') no-repeat;
width:137px;
height:21px;
margin-bottom:10px;
}

#trybuy-title {
background: url('images/title-trybuy.gif') no-repeat;
width:154px;
height:21px;
margin-bottom:10px;
}

#thankyou-title {
background: url('images/title-thankyou.gif') no-repeat;
width:144px;
height:21px;
margin-bottom:10px;
}

#retrieve-title {
background: url('images/title-retrieve.gif') no-repeat;
width:247px;
height:21px;
margin-bottom:10px;
}

#contactus-title {
background: url('images/title-contactus.gif') no-repeat;
width:154px;
height:21px;
margin-bottom:10px;
}

#what-is-a-vip-title {
background: url('images/title-whatisavip.gif') no-repeat;
width:184px;
height:21px;
margin-bottom:10px;
}

#about-title {
background: url('images/title-about.gif') no-repeat;
width:84px;
height:21px;
margin-bottom:10px;
}

#locked-title {
background: url('images/title-locked.gif') no-repeat;
width:122px;
height:21px;
margin-bottom:10px;
}

#myaccount-title {
background: url('images/title-myaccount.gif') no-repeat;
width:165px;
height:21px;
margin-bottom:10px;
}

#changepassword-title {
background: url('images/title-changepassword.gif') no-repeat;
width:247px;
height:21px;
margin-bottom:10px;
}

#changedetails-title {
background: url('images/title-changedetails.gif') no-repeat;
width:408px;
height:21px;
margin-bottom:10px;
}

#share-title {
background: url('images/title-sharethefun.gif') no-repeat;
width:185px;
height:21px;
margin-bottom:10px;
}


#audition-title {
background: url('images/audition-title.gif') no-repeat;
width:167px;
height:21px;
margin-bottom:10px;
}

#privacy-title {
background: url('images/privacy-title.gif') no-repeat;
width:191px;
height:21px;
margin-bottom:10px;
}

#terms-title {
background: url('images/terms-title.gif') no-repeat;
width:298px;
height:21px;
margin-bottom:10px;
}

#button-join:hover {
background: url('images/button-join-down.jpg') no-repeat;
}

.reviewText {
width:195px;
height:130px;
border:1px #CCCCCC solid;
margin-left:20px;
font-size:14px;
color:#666666;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
}

.login-text {
background: url('images/login-text.gif') no-repeat;
height:20px;
width:150px;
font-size:12px;
font-weight:bold;
color:#666666;
border:0;
margin-bottom:5px;
float:right;line-height:26px;
padding: 4px 0 0 10px;
outline:0;
line-height:12px;
}

.text-large {
background: url('images/text-large.gif') no-repeat;
height:20px;
width:231px;
font-size:12px;
font-weight:bold;
color:#666666;
border:0;
margin-bottom:5px;
float:right;line-height:26px;
padding: 4px 0 0 10px;
outline:0;
line-height:12px;
}

#discussions-title {
width:249px;
height:21px;
background: url('images/discussions-title.gif') no-repeat;
}

#join-title {
width:56px;
height:21px;
background: url('images/title-join.gif') no-repeat;
}

#welcome-title {
width:121px;
height:21px;
background: url('images/title-welcome.gif') no-repeat;
}

#signedin-title {
width:116px;
height:21px;
float:right;
margin:20px 0 10px 0;
background: url('images/title-signedin.gif') no-repeat;
}



.blog-excerpt {
width:550px;
margin-top:5px;
}

.blog-authorimg  {
float:right;width:65px;height:55px;margin:25px 3px 0 0;
}

.blog-details {
width:530px;float:left;height:100px;
padding-top:20px;
}

#funpoll {
width:257px;
margin:auto;
float:right;
margin-bottom:30px;
}

#funpoll-title {
width:257px;
height:59px;
background: url('images/title-funpoll.jpg') no-repeat;
}

#sharethefun {
width:257px;
margin:auto;
float:right;
margin-bottom:30px;
}

#sharethefun-title {
width:257px;
height:59px;
background: url('images/title-share.jpg') no-repeat;
}

#button-send {
width:79px;
height:26px;
background: url('images/button-send.jpg') no-repeat;
cursor:pointer;
}

#button-send:hover {
background: url('images/button-send-down.jpg') no-repeat;
}

#button-submit {
width:79px;
height:26px;
background: url('images/button-submit.jpg') no-repeat;
cursor:pointer;
}

.button-submitreview {
width:79px;
height:26px;
background: url('images/button-submit.jpg') no-repeat;
cursor:pointer;
float:right;
margin: 10px 28px 0 0;
}

.button-browse {
width:79px;
height:26px;
background: url('images/button-browse.gif') no-repeat;
cursor:pointer;
float:right;
margin: 10px 28px 0 0;
}

.button-browse:hover {
width:79px;
height:26px;
background: url('images/button-browse-down.gif') no-repeat;
cursor:pointer;
float:right;
margin: 10px 25px 0 0;
}


.dividePlus {
background: url('images/plus.gif') no-repeat;
width:204px;
height:20px;
margin:20px auto;
}

.reviewThanks {
color:#104378;
font-weight:bold;
width:200px;
margin-left:20px;
}

.photoText {
background: url('images/photoText.gif') no-repeat;
width:181px;
height:46px;
margin-left:20px;
}

#button-submit:hover {
background: url('images/button-submit-down.jpg') no-repeat;
}

.sidecontent {
margin: 0 0 0 30px;
width:210px;
}

.poll-radio {
margin-top:20px;
}

.poll-label {
font-weight:bold;
color:#666666;
}


/* Registration Form Styles */

#side-blue-top {
width:255px;
height:18px;
background:url('images/side-blue-top.gif') no-repeat;
}

.signupError {
float:left;height:20px;width:20px;margin:2px 0 0 0;
}

.signupError-message {
float:left;height:20px;width:438px;margin:0 0 0 0;color:#F16616;font-weight:bold;
}

.signupError-font {
color:#FFCC00;font-weight:bold;
}

.signupField {
float:left;width:190px;height:30px;text-align:left;
}

.signupField-wide {
float:left;width:280px;height:30px;text-align:left;
}

.signupLabel {
width:150px;float:left;height:30px;text-align:left;
}
.signupLabel-req {
width:150px;float:left;height:30px;text-align:left;font-weight:bold;
}

.signupLabel-dob {
width:100px;float:left;height:30px;text-align:left;font-weight:bold;
}

.over18 {
width:30px;float:left;height:24px;
background: url('images/over18.gif') no-repeat left;
}

.join-text {
background: url('images/login-text.gif') no-repeat;height:24px;width:150px;border:0;
font-size:12px;font-weight:bold;color:#666666;margin-bottom:5px;
padding-left:10px;;
}

/* End Registration Form Styles */

/* My Account Styles */

.accountDetailRight {
text-align:left;width:230px;float:left;overflow:hidden;
}

.accountDetailLeft {
width:280px;float:left;overflow:hidden;
}


.myaccountField {
float:left;width:190px;text-align:left;padding:0;margin:0;
}

.myaccountMessage {
float:left;width:420px;text-align:left;padding:0;margin:0;font-weight:bold;color:#F16412;height:15px;
}

.myaccountMessage-font {
font-weight:bold;color:#F16412;
}

.myaccountLabel-req {
width:150px;float:left;text-align:left;font-weight:bold;padding:0;margin:0;
}

.myaccountLabel-narrow {
width:5px;float:left;text-align:left;font-weight:bold;padding:0;margin:0;
}

.myaccountLabel {
width:150px;float:left;text-align:left;padding:0;margin:0;font-weight:normal;
}

.signupLabel {
width:150px;float:left;height:30px;text-align:left;
}
.signupLabel-req {
width:150px;float:left;height:30px;text-align:left;font-weight:bold;
}

/* Audition Styles */

.listenMessages {
width:445px;
height:30px;
float:right;
background: url('images/listenmessages.gif') no-repeat;
}


.auditionFeatures {
width:550px;
margin: 20px 0 30px 0;
}

.auditionTryBuyIcon {
width:110px;
height:91px;
float:left;
background: url('images/auditionBasket.gif') no-repeat;
}

.auditionReviewWinIcon {
width:110px;
height:91px;
float:left;
background: url('images/auditionReview.gif') no-repeat;
}

.auditionPhotoWinIcon {
width:110px;
height:91px;
float:left;
background: url('images/auditionPhoto.gif') no-repeat;
}

.auditionFeature {
width:440px;
float:right;
}

/* End Audition Styles */

/* Begin Preview Styles */

#featuredArtist {
margin-top:20px;
width:524px;
}

#currentSong {
width:498px;
height:72px;
background: url('images/currentsongbg.gif') no-repeat;
padding:15px 15px 25px 25px;
margin-top:40px;
}

.currentdetails {
margin:0 0 8px 0;
height:15px;
padding:0;
float:left;
width:130px;
}

.songdetails {
height:15px;
margin:0;
color: #3C89C8;
font-weight:bold;
padding:0;
float:left;
width:230px;
line-height:15px;
}

#alphabetBoys {
font-weight:bold;
letter-spacing: 4px;
}

#alphabetBoys a:link {
color: #3C89C8;
}

#alphabetGirls {
font-weight:bold;
letter-spacing: 4px;
}

#alphabetGirls a:link {
color: #A64084;
}

#boysTop {
background: url('images/boysnames.gif') no-repeat;
padding-top:30px;
margin: 20px 0 20px 5px;
}

#girlsTop {
background: url('images/girlsnames.gif') no-repeat;
padding-top:30px;
margin: 20px 0 20px 5px;
}

#boysList a:link {
margin:4px;
display:block;
font-weight:bold;
background: url('images/listen.gif') no-repeat;
padding-left:20px;
}

#boysList a:visited {
margin:4px;
display:block;
font-weight:bold;
background: url('images/listen.gif') no-repeat;
padding-left:20px;
}

#girlsList a:link {
margin:4px;
display:block;
font-weight:bold;
background: url('images/listen-girls.gif') no-repeat;
padding-left:20px;
color: #A64084;
}

#girlsList a:visited {
margin:4px;
display:block;
font-weight:bold;
background: url('images/listen-girls.gif') no-repeat;
padding-left:20px;
color: #A64084;
}

#button-buy {
width:118px;
height:32px;
background: url('images/button-buy.gif') no-repeat;
cursor:pointer;
}

#button-buy-place {
width:118px;
height:32px;
}

#button-more {
width:118px;
height:32px;
background: url('images/button-more.gif') no-repeat;
cursor:pointer;
}


#button-next {
width:118px;
height:32px;
background: url('images/button-next.gif') no-repeat;
}

#button-moresongs {
width:118px;
height:32px;
background: url('images/button-moresongs.gif') no-repeat;
margin-top:10px;
}

#artist-img {
width:82px;
height:82px;
float:left;
border:1px #CCCCCC solid;
padding:2px;
}

#artist-details {
width:422px;
float:right;
}

.artist-name {
line-height:14px;
height:20px;
padding-bottom:2px;
width:355px;
float:right;
font-weight:bold;
color:#3C89C8;
font-size:14px;
}

.messages-leftcol {
width:280px;
float:left;
margin-left:30px;
}

.messages-rightcol {
width:260px;
float:left;
margin-left:50px;
}

.message-artists {
color:#3C89C8;
margin:0;
padding:0;
}

.message-name {
width:220px;
height:20px;
cursor:pointer;
float:left;
}

.message-left {
float:left;
width:33px;
height:20px;
background: url('images/messages-icon.gif') no-repeat;
}


#white_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    z-index:1001;
   -moz-opacity: 0.8;
    opacity:.30;
    filter: alpha(opacity=30);

}

#checkout {
    display: none;
    position: absolute;
    top: 25%;
    left: 35%;
    width: 350px;
    height: 480px;
   padding: 16px;
    border: 16px solid #3C89C8;
    background-color: #FFFFFF;
    z-index:1002;
    overflow: auto;
}


/* End Preview Styles */

#pageLocked {
width:400px;
height:190px;
border:4px #3C89C8 solid;
display:none;
position:absolute;
left:35%;
background-color: #FFFFFF;
padding:15px;
z-index:1002;
}

#pageLocked p {
padding:0;
margin-top:0;
}	

.lockedClose {
height:20px;
line-height:20px;
float:left;
display:block;
margin:4px 0 0 10px;
color: #3C89C8;
text-decoration:none;
font-weight:bold;
cursor:pointer;
}