
/* FORMS ========================================================================*/

#formsContainer{
	margin:10px 0 10px 0;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
fieldset{
	border:0!important;
	margin-bottom:15px;
	padding:10px;
	
}
#formsContainer fieldset.primarylist{
	border:none;
	border-bottom:1px dotted #bdc7cf;
	margin:10px 0px;
	padding:10px;
}
 fieldset ul li{
	list-style:none;
}
fieldset p{
	padding:10px 0 14px 0;
}

legend{
	background:#fdfdfd;
	color:#3b5366;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	border:none;
	padding:8px;
}
#formsContainer legend{
	padding:8px 0;
	margin:0;
	*margin:-15px 0px 0 -5px;
}
.inputs,.radioButs{
	clear:both;
}
div.reviews .AlbumReviewInputs label, div.reviews .ShowReviewInputs label{
	width: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
div.reviews .ShowReviewInputs label{
float: none;
}
div.reviews .AlbumReviewInputs textarea, div.reviews .ShowReviewInputs textarea{
	width: 342px;
	height: 140px;
}
div.reviews .ShowReviewInputs textarea{
	width: 566px;
}
div.reviews input.submitButton{
	margin: 0;
	padding: 0;
}
.inputs label,.inputsBD label,.inputs span.label,.inputs span.regionLabel,.radioButs label{
	width:134px;
	float:left;
	text-align:right;
	display:block;
	padding:2px 6px;
	margin:0 0 6px 0;
	font-size:14px;
}
#businessForm .inputs label{
	font-size:12px;
	width:150px;
}
#businessForm input.loginSubmit{
	background:transparent url(/images/template/buttons/br_submit.jpg) no-repeat 0 0;
}


 div.inputs input{
	font-size:11px;
	padding:4px 4px 6px 4px;
	margin:0 6px 6px 0;
	border:1px solid #ddd;
	width:190px;
	float:left;
	background-color: #efefef;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


 span.ruFileWrap input{}

.inputs select{
	width:200px!important;
	float:left;
	height:26px;
	
	padding:3px;
	border:1px solid #ddd;
	margin:0 10px 6px 0;
	*margin:3px 10px 6px 0;
	overflow:hidden;
	background-color: #efefef;
}
.inputs  option{
	padding:4px;
	font-size:10px;
	
	}
.inputs textarea{
	margin:0 6px 10px 0;
	width:300px;
	font-size:11px;
	padding:2px;
	float:left;
	border:1px solid #ddd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #efefef;
}

.inputsBD {
	clear:both;
	text-align:top;
	margin-bottom:8px;
	display:none;
}
.inputsBD select{
	padding:2px 0 2px 0;
	border:1px solid #ddd;
	margin:0;
	background-color: #efefef;

}
span.optionalLabel {
	display:inline;
	padding:2px 0 0 5px;
	position:absolute;
}
/*.inputsFix{
	margin-top:10px;
}
.inputsFix fieldset{
	border:0;
}

.inputsFix fieldset fieldset{
	border:1px dotted #bdc7cf;
	margin:15px 5px;
	padding:10px;
}*/

.inputs{
	margin-top:0px;
	padding:5px 0 0 0;
	margin-bottom:0px;
	min-height:41px;

}
.inputs fieldset{
	border:0;
}

.inputs fieldset fieldset{
	border:1px dotted #bdc7cf ;
	margin:15px 5px ;
	padding:10px ;
}

.inputs fieldset  ul li {
	clear:both;
}

.inputs fieldset ul li input {
	width:20px;
	background:none;
	border:none;
	float:none!important;
	display:inline;
	margin:0;
}

.inputs fieldset ul li label {
	width:auto;
	margin:0px;
	padding:0px;
	font-size:12px;
	text-align:left;
	display:inline;
	float:none!important;
}

.inputs fieldset  ul li.radioButs label  {
	width:70px;
	font-size:11px;
	float:left;
	*margin-top:0px;
}


.checkbox{
	margin:20px 0 0 150px;
}
.checkbox input{
	font-size:110%;
	margin-top:2px;
}
.checkbox label{
	margin-top:-2px;
	padding:0 4px;
}
p.forgotPw {
	margin-left:155px;
	clear:both;
}
p.forgotPw a {
	display:block;
	margin-bottom:10px;
	padding:2px 0;
}

#formsContainer div.inputs fieldset fieldset li input{
	width:20px;
	display:block;
	float:left;
	
}
 #formsContainer div.inputs fieldset fieldset li label{
	display:inline;
	float:none;
}

.submitButton input,input.submitButton{
	display:block;
	clear:both;
	margin: 20px 0 10px 215px;
	cursor: pointer;
	color:#fff;
	width:91px;
	height:24px;
	background:url(/images/template/buttons/br_inputButton.jpg) no-repeat;
	background-position:0 0;
	padding:0px 0 2px 0;
	border:none;
}

#FormFixed .submitButton input {
	display:block;
	clear:both;
	margin: 20px 0 10px 215px;
	cursor: pointer;
	color:#fff;
	width:91px;
	height:24px;
	background:url(/images/template/buttons/br_submit.jpg) no-repeat;
	background-position:0 0;
	padding:0px 0 2px 0;
	border:none;
}

div#miniLogin .submitButton input{
	margin: 20px 0 10px 155px;
}

.joinButton input{
	margin: 00px 0 10px 155px;
}

  li.radioButs input{
	width:20px;
	float:left;
	background:none;
	border:none;
}
 li.radioButs label{
	width:120px;
}
 li.radioButs span label{
	width:auto;
	padding:2px 0; 
	text-align:left;
}

table.RadUploadTable{
	background:#999;
	width:270px;
	padding:4px;
}
table.RadUploadTable {border:1px solid #c00;}

#formsContainer fieldset ul{
	list-style:none;
	margin:0;
	padding:0;
}
span.name {
	display:block;
	float:left;
	margin:1px 2px;
	padding:2px;
}
/* vam errors====== */
div.formErrors{
	padding:0 0px;	
	
}
.vamErrors{
	
}
span.DESVALRequiredFieldsDescription{
	display:block;
	padding:5px 0;
	color:#333;
	font-style:italic;
	margin-bottom:10px;

}
div.inputs span.DESVALErrorText{border:none;}
span.DESVALErrorText{
	font-weight:bold;
	font-size:100%;
	color:#a53a2c!important;
	padding:3px 0;
	line-height:24px;
	float:left;
	margin:0;
	
}
span.DESVALErrorText img{display:block; width:14px; margin-left:0px; margin-top:3px;}
span.DESVALErrorText ul{
	font-weight:normal;
	list-style:square;
	color:#333;
	line-height:18px;
	padding:0px 10px 25px 10px;
	margin-bottom:10px;
	
}
.DESVALSummary{
	border:1px dotted #a53a2c;
	margin-bottom:10px;
}
span.DESVALSummaryHeader{
	font-weight:bold;
	font-size:11px;
	color:#a53a2c;
	padding:3px 10px;
	line-height:24px;
}
ul.DESVALSummaryErrors{
	font-weight:normal;
	list-style:square!important;
	color:#333;
	line-height:18px;
	padding:0px 10px;
	padding:0px 10px 10px 10px;
	
}

/*business enquiries*/
div.Attachment {
	float:left;
	width:340px;

	overflow:hidden;
	padding:0;
	margin:-4px 0 0 0;

}
.Attachment input {
	font-size:11px!important;
	padding:3px 4px!important;
	*padding:2px 4px!important;
	margin:0 10px 6px 0!important;
	border:1px solid #ddd!important;
	width:200px!important;
	float:left!important;
	background-color: #efefef!important;
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
}
.Attachment li{
	list-style:none;
}

input.ruButton {
	background:#3B5366 none repeat scroll 0 0 !important;
	height:26px !important;
	color:#fff!important;
	line-height:12px !important;
	font-size:12px!important;
	width:60px !important;
	padding:0!important;
	margin:0!important;
}
p.formText {
clear:both;
}
.optinContent{padding-bottom:16px;}
.primarylist{padding:0px 0;}
fieldset ul li label{margin-left:8px;}


/*new form styles for 4.4 - to give name check and strength password and login in tooltip */
/*created a new div around the create account form to give more control.*/

#contentForms{
	width:866px;
	margin:0 auto 0px auto; 
	height:auto;
	border:1px solid #fff;
	min-width:1px;
	height:300px;
	height:auto;
	min-height:300px!important;
	padding-bottom:20px;
	}
#createAccount div.inputs{
	clear:both;
	min-height:41px;	
	_height:41px;
	}
#createAccount  div.inputs label{
 	width:200px;
 	font-size:14px;
	margin:1px 0 6px 0;
	float:left;
 }
#createAccount  div.inputs input{
	padding:6px 4px;
	width:200px;
	float:left;	
}
#createAccount  div.inputs select{
	width:210px!important;	
}
#createAccount .firstCol{width:100%;}
#createAccount .secondCol{width:100%; margin-top:25px;}

#createAccount div.reviewArea div.inputs p{
	color:#272727;
	font-size:12px;
	text-transform:none;
	font-weight:normal;
	margin:0;
	padding:5px;
	}

.primarylist ul{ margin-bottom:0!important;}
.primarylist ul li, #createAccount ul li{list-style:none;}
.primarylist ul li label{margin-left:8px;}
 
.memberCheckButton{
	width:77px; 
	float:left;
	margin-left:5px; 
	margin-top:2px;
	}

#createAccount .inputs .memberCheckButton input{
	background:url("/images/template/checkNameBut.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	height:24px;
	margin:0 0 5px 0;
	padding:0 0 2px 0;
	width:70px;
}
.memberNamePopup{
	display:none;
	padding:5px 20px 2px 10px;
	font-size:11px;
	width:258px;
	*width:263px;
	clear:both;
	background:#fff;
	margin-top:0px;
	margin-left:-220px;
	margin-bottom:10px;
	top:5px;
	position:relative;
	color:#333;
	font-style:italic;
	border:1px dotted #999;
	}
span.memberNameTaken{
	display:block;
	background:url(/images/template/membertaken.gif) no-repeat;
	background-position:0px 8px;
	padding:0 0 0 29px;
	width:200px;
	}
span.memberNameAvailable{
	display:block;
	margin:5px 0 0 5px;
	height:24px;
	background:url(/images/template/memberfree.gif) no-repeat;
	background-position:0px 0px;
	padding:5px 0 0 29px;
}
#createAccount .inputsHolder{
	width:auto;
	clear:both;
	float:left;
	border:none;
	}
 
.inputs input.focusField, .inputs input:focus{
	background:#f7f7f7;
              color:#000;
}
.checkName{
	border:1px solid #000;
}
#createAccount .hintPopup{
	visibility:hidden; 
	padding:4px 2px 2px 20px;
	font-size:11px;
	line-height:16px;
	width:280px;
	background:#fff;
	min-height:36px;
	float:left;
	position:inherit;
	margin:-6px auto 0 auto;
	background:url(/images/template/helparrow.png) no-repeat 0 0;
}

#createAccount .hintPopup span ,.hintPopup span{display:block; line-height:30px;}

.strengthGaugeContainer{
    	width:80px;
    	height:34px;
    	padding:0px;
	float:left;
	margin-left:8px; 
}
.strengthGauge{
   	 float:left;
	font-size:9px;
}
.noPassword{
    	background:url(/images/template/noPassword.gif) no-repeat 0 0;
    	margin:0;
	padding:18px 0 0 2px;
	width:70px;
}
.weakPassword{
    	background:url(/images/template/weakPassword.gif) no-repeat 0 0;
    	margin:0;
	padding:18px 0 0 2px;
	width:70px;
}
.mediumPassword{
    	background:url(/images/template/mediumPassword.gif) no-repeat 0 0;
    	margin:0;
	padding:18px 0 0 2px;
	width:70px;
}
.strongPassword{
	background:url(/images/template/strongPassword.gif) no-repeat 0 0;
    	margin:0;
	padding:18px 0 0 2px;
	width:70px;
}
.primarylist ul li, #ctl00_ContentBody_CreateAccount1_MailingListOptInControl ul li{list-style:none;}
.primarylist ul li label, #ctl00_ContentBody_CreateAccount1_MailingListOptInControl ul li label,#createAccount ul li label{margin-left:8px;}
.reviewArea{
	margin:30px 0;
	clear:both;
}
.reviewArea a{}

#createAccount div.reviewArea div.inputs p {
	font-size:100%;
	text-transform:none;
	font-weight:normal;
	border:none;
}
h3.accountTitles, .reviewArea p {
	font-size:16px;
	letter-spacing:0.3px;
	padding:10px 0 16px;
	text-transform:uppercase;
	border-top:1px dotted #BDC7CF;
	margin:0;
}
/*captcha*/
#recaptcha_widget{
	clear:both; 
	overflow:hidden; 
	background:#efefef;
	padding:3px 3px 6px 3px;
	width:620px;
	margin:0px 0px 20px 30px;
	color:#000;
	float:left;
	}
#recaptcha_widget div{
	float:left; margin:3px;
	}
input#recaptcha_response_field{
	padding:6px 4px;
	width:200px;
	margin-left:4px;
	display:block;
	margin:5px 0;
	display:block;
	background-color:#FFFFFF;
	border:1px solid #B9B9B9;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
}
#recaptcha_widget div#recaptcha_image{
/*position:static;width:300px; border:1px solid #D3D1D2;margin-bottom:5px;*/
	float:left;
	margin-right:15px;
	border:1px solid #D3D1D2;
}
span.recaptcha_only_if_image{display:block;}

/** Captcha Icons ***********/
.recaptcha_reload a{
	background:url(/images/template/buttons/WAT_Capcha_Reload.gif);
	width:24px;
	height:20px;
	display:block;
	text-indent:-1000000px;
	margin-top:5px;
	}

.recaptcha_only_if_image a{
	background:url(/images/template/buttons/WAT_Capcha_Sound.gif);
	width:24px;
	height:20px;
	display:block;
	text-indent:-1000000px;
	margin-top:5px;
	}

.recaptcha_help a{
	background:url(/images/template/buttons/WAT_Capcha_Help.gif);
	width:24px;
	height:20px;
	display:block;
	text-indent:-1000000px;
	margin-top:5px;
	}
.recaptcha_only_if_audio a{
	background:url(/images/template/buttons/WAT_Capcha_Text.gif);
	width:24px;
	height:20px;
	display:block;
	text-indent:-1000000px;
	margin-top:5px;
	}
.CaptchaInput span.VAMErrorText {
	float:left;
	margin:20px 0 0 15px;
}


/*FACE BOX STUFF ########################################################*/

/*this is a body style for the pop up iframes - see the miniLogin page*/
#loginBox{
	margin:0 0 10px 0;
	padding:0;
	background:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 12px;
	color: #3b3b3b;
	line-height: 18px;
	margin:0;
}
 /*see the miniLogin page*/
#miniLogin{
	width:90%; 
	margin:0 0px 0 20px; 
	overflow:hidden;
}
#ctl00_ContentBody_SubscribeForm1_MailingListOptInControl ul li{clear:both;list-style:none;}
#ctl00_ContentBody_SubscribeForm1_MailingListOptInControl ul li input{width:auto; *margin:3px 5px; margin:5px;}
#ctl00_ContentBody_SubscribeForm1_MailingListOptInControl ul li label{width:400px;text-align:left;}
#ctl00_ContentBody_SubscribeForm1_MailingListOptInControl ul{clear:both; margin:0 0 40px 0;}

ul.accounts{margin:0 15px 10px 15px;}
ul.accounts li{list-style:none;}
