/* for reg form validation css */


.errorBox {
	border-width:		1px;
	border-color:		#000;
	border-style:		solid;
	color:			    #000;
	font-size:		    12px;
	font-weight:		bold;
	padding:            3px;
	text-align:         left;
	background-color:   #fffacd;
	/*margin:30px 0 10px 0;*/
	/*z-index:99;
	position:fixed;
	box-shadow: 10px 10px 5px #000;*/
}  
#ctl00_ContentPlaceHolder1_ValidationSummary1 {
    max-height: inherit;
}





/* error validation */
.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td, .validationSummary,
#ctl00_ContentPlaceHolder1_ValidationSummary1,
#divValSummaryHeader { 
    background-color: #fffacd;  
    color: #000;
}
input[type=text].errorHighlight, input[type=select].errorHighlight, input[type=password].errorHighlight, .errorHighlight, input.errorHighlight { 
    border:solid 1px #abadb3;
    border-left:solid 1px #e6e6e6;
    border-right:solid 1px #e6e6e6;
    /*padding:1px 0 1px 0;*/
    background-color: #fffacd; 
}
.lnkValSummaryExpand, .lnkValSummaryCollapse {
    width:20px;
    height:20px;
    margin-left:10px;
    padding-left:20px;
}
.lnkValSummaryExpand {
    background:transparent url(navsprite.png) left repeat-y;
    background-position:0px -240px; 
}
.lnkValSummaryCollapse {
    background:transparent url(navsprite.png) left repeat-y;
    background-position:0px -264px; 
}



/*  reg form styles */

.frmfld { position:relative; padding-top:5px; }
.frmfld br { display: none; }
/*.frmfld label { 
    position:absolute; 
    cursor:text;
    color:#777 !important;
    top:4px !important;
    left:9px !important;
}*/



.frmfld label {
    position:absolute;
    padding-top:15px;
    left:9px;
    cursor:text;
    color:#444;
    display:inline-block !important;
    opacity:1 !important;
}

.frmfld label.labelFocused {
    opacity:.7 !important;
    padding-top:5px;
    left:5px;
    font-size:smaller;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    letter-spacing:0px;
}




.frmfld input[type=text], .frmfld input[type=password], .frmfld input[type=number] {
    padding-left:3px;
    padding-top:10px;
}

.formFieldWatermark {
    color:          #868686;
    font-size:		9pt;
}
input.formFieldOnFocus, input[type=text].formFieldOnFocus {
    z-index:12;
}
select, input, .textwatermarkPassword
{
	font-size:		13px;
}
input[type=text], input[type=select], input[type=password], select {
    width:210px;
    height:40px;
}
.fieldSpacer {
    width:210px;
    height:40px;
    border:1px solid rgba(0,0,0,0);
    border-bottom:2px solid rgba(0,0,0,0);
}

input[type=text], select, input[type=select], input[type=password], #ctl00_ContentPlaceHolder1_FormView1_State, #ctl00_ContentPlaceHolder1_FormView1_StateIntl {
    margin:2px 0px 0px 0px;
    border:1px solid rgba(0,0,0,0.15);
    border-bottom:2px solid rgba(0,0,0,0.15);
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-sizing:border-box;
}
.dobmm, .dobdd, .dobyy, #ctl00_ContentPlaceHolder1_FormView1_State, #ctl00_ContentPlaceHolder1_FormView1_StateIntl {
    width:210px;
    height:40px;
    background-color:#fefefe;
    /*border-style:inherit;*/
}

.genderFloat {
    height: 29px;
    padding-top: 5px;
    padding-right: 22px;
    float: none;
    text-align: right;
}
.genderFloatInner {
    display: inline-block;
}
.emptyColRight { 
    padding:2px;
    width:200px;
    height:30px;
}
.dob br {
    display:none;
}
.dob label, .dobmm, .dobdd, .dobyy {
    font-size:8pt;
    padding:1px 0px 1px 0px !important;
    line-height: 18px;
    /*margin:2px 0;*/
    /*margin:0px 0px 3px 1px;*/
}
select, input[type=select], #ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, .dobmm, .dobdd, .dobyy {
    /*line-height:18px;*/
}
.dobmm, .dobdd, .dobyy {
    margin-left:2px;
}
.dobmm {
    width:52px;
}
.dobdd {
    width:43px;
}
.dobyy {
    width:56px;
}

input.dobTextBox, #ctl00_ContentPlaceHolder1_FormView1_DOB {
    width:0px;
}
#ctl00_ContentPlaceHolder1_FormView1_AlternatePhoneTextBox{

}
.zipCodeTextBox {
    /*width:50px;*/
}
.requiredField {
    color:Red;
}
.question {
    margin:15px 0 5px 0;
}
#ctl00_ContentPlaceHolder1_FormView1_Question1, #ctl00_ContentPlaceHolder1_FormView1_Question4, #ctl00_ContentPlaceHolder1_FormView1_Question7
{width:300px;}
.optinQuestion1, .optinQuestion2, .optinQuestion3, .optinQuestion4, .optinQuestion5, .optinQuestion6, .optinQuestion7, .optinQuestion8, .optinQuestion9, .optinQuestion10, .optinQuestion11, .optinQuestion12, .rulesRead, .subscription1, .subscription2, .optinQuestionGender {
    padding-top:10px;
    font-weight:bold;
    clear:both;
    text-align:left;
}

.optinAnswer1, .optinAnswer2, .optinAnswer3, .optinAnswer4, .optinAnswer5, .optinAnswer6, .optinAnswer7, .optinAnswer8, .optinAnswer9, .optinAnswer10, .optinAnswer11, .optinAnswer12, .optinAnswerGender {
    padding-top:5px;
    font-weight:normal;
    text-align:left;
}


textarea, input[type=select], input[type=text], input[type=select]:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus {
    background-color:#fff;
    box-shadow: 0 0 0px #fff !important;
    -moz-box-shadow: 0 0 0px #fff !important;
    -webkit-box-shadow: 0 0 0px #fff !important;
    outline:0;
}





@media screen and (max-width: 557px) {

.mainContent div.colLeft {
    float:left;
    padding:5px;
}
.mainContent div.colRight {
    padding:5px 5px 5px 0;
    text-align:left;
    float:right;
    clear:both;
}
.regOptions {
    padding:5px 0 0 0;
    margin:0;
}
.regOptions div.colLeft, .regOptions div.colRight, .genderFloat, .genderFloatInner {
    width:100%;
    float:left;
    padding:5px;
    text-align:left;
    clear:both;
}
input[type=text], input[type=password], .dobTextBox, .zipCodeTextBox, .formFieldWatermark, .formFieldOnFocus, .genderFloat, .genderFloatInner {
    width:96%;
    height:50px;
    padding-left:2%;
    font-size:16pt;
}
input[type=select], #ctl00_ContentPlaceHolder1_FormView1_State, #ctl00_ContentPlaceHolder1_FormView1_StateIntl, #ctl00_ContentPlaceHolder1_FormView1_Question1, #ctl00_ContentPlaceHolder1_FormView1_Question4, #ctl00_ContentPlaceHolder1_FormView1_Question7 {
    width:96%;
    height:50px;
    margin-bottom:0;
    font-size:16pt;
}
input[type=checkbox], input[type=radio], .RadioButtonWidth input[type=checkbox], .RadioButtonWidth input[type=radio] {
    -webkit-transform: scale(2);
    transform: scale(2);
    margin-right:10px;
}
.frmfld label {
    font-size:16pt;
}
.dob br {
    display:block;
}
.dob label, .dobmm, .dobdd, .dobyy {
    font-size:inherit;
    height:50px;
    width:83px;
}
.dob label, .dobmm, .dobdd {
    margin:2px 7px 0px 0px;
}
.dobyy {
    margin:2px 0px 0px 0px;
}
.dobmm {clear:both;}
.captcha {
    border:solid 1px #868686;
    background-color:#fff;
    color:#000;
    width:98%;
    height:140px;
    text-align:center;
}
.captcha span {clear:both;}
.captcha input, .captcha input[type=text] {width:60px;}
.formFieldWatermark {
    font-size:		16pt;
}
.optinQuestion1, .optinQuestion2, .optinQuestion3, .optinQuestion4, .optinQuestion5, .optinQuestion6, .optinQuestion7, .optinQuestion8, .optinQuestion9, .optinQuestion10, .optinQuestion11, .optinQuestion12, .rulesRead, .subscription1, .subscription2, .optinQuestionGender, .optinAnswer1, .optinAnswer2, .optinAnswer3, .optinAnswer4, .optinAnswer5, .optinAnswer6, .optinAnswer7, .optinAnswer8, .optinAnswer9, .optinAnswer10, .optinAnswer11, .optinAnswer12, .optinAnswerGender {
    margin-left:3px;
}

}