@charset "utf-8";

input,textarea,select,button {
	color:#484848;
	font-size:1rem;
	font-family: Helvetica,Arial,sans-serif;
}

.customfields input.borderboxer,
.customfields textarea.borderboxer {
	
	padding:0;
	border-width:0px;
	
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;	
	display:inline-block;
	
	*display:inline;
	
	letter-spacing:normal;
	word-spacing:normal;
	vertical-align:top;
	text-rendering:auto;	
}
.customfields input.borderboxer-indent,
.customfields textarea.borderboxer-indent {

	padding:1px 0 0 10px;
	/*border-width:0px;*/
	
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;	
	display:inline-block;	
	
	*display:inline;
	zoom:1;
	letter-spacing:normal;
	word-spacing:normal;
	vertical-align:top;
	text-rendering:auto;
}
.customfields textarea.borderboxer-indent {
	padding-top:10px;	
}
.customfields input.borderboxer-indent.turnoff,
.customfields input.borderboxer.turnoff {
	display:none;	
}

.customfields input.roundedframe {	
	-webkit-border-radius: 8px;
	 -moz-border-radius: 8px;
	border-radius: 8px;
}

.customfields input.colorDisabled.required {
    /*color: #820101;*/	
}
/*placeholder, make same size as hintFontSize*/
::-webkit-input-placeholder { font-size: 0.9333333333333333rem; }
::-moz-placeholder { font-size: 0.9333333333333333rem; } /* firefox 19+ */
:-ms-input-placeholder { font-size: 0.9333333333333333rem; } /* ie */
input:-moz-placeholder { font-size: 0.9333333333333333rem; }

/*input.required::-webkit-input-placeholder {
   color: #820101;
}*/
/* Firefox 18- */
/*input.required:-moz-placeholder { 
   color: #820101;  
}*/
/* Firefox 19+ */
/*input.required::-moz-placeholder {  
   color: #820101;  
}
input.required:-ms-input-placeholder {  
   color: #820101;  
}*/

.customfields input,
.customfields.form-container input[type="text"],
.customfields.form-container input[type="password"],  
.customfields.form-container textarea {
	/*background:url(../graphics/input-field-long.png) no-repeat;*/
	margin:0 0 14px;
	width:383px;
	height:36px;
	
	border-radius: 9px;
    padding: 0px 0px 0px 10px;
    border-style: solid;
    background-color: #fff; /*rgb(238, 233, 219);*/
    border-color: #999; /*rgb(217, 211, 191);*/
    border-width: 1px;
    background-image: none;
    
	/*box-shadow: 0px 24px 8px -23px rgba(0, 0, 0, 0.30) inset;*/

}

.customfields input[type="text"]:focus,
.customfields input[type="password"]:focus {
	outline: none;
    /*border-color: #f4f4f4; 
	background:url(../graphics/input-field-long.png) no-repeat;*/
}

.customfields input[type="text"].roundedframe:focus,
.customfields input[type="password"].roundedframe:focus {
	outline: none;
    border-color: #f4f4f4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	border-width:0px;  
}

.customfields input.short,
.customfields.form-container input.short[type="text"],
.customfields.form-container input.short[type="password"] {
	/*background:url(../graphics/input-field-short.png) no-repeat;*/
	margin:0 0 14px;
	width:183px;
	height:36px;
	
	border-radius: 9px;
    padding: 0px 0px 0px 10px;
    border-style: solid;
    background-color: rgb(238, 233, 219);
    border-color: rgb(217, 211, 191);
    border-width: 0px;
    background-image: none;
    
	box-shadow: 0px 24px 8px -23px rgba(0, 0, 0, 0.30) inset;
	
}
.customfields input.short + input.short{
	margin-right:0px;
}
.customfields input.short + input.short.absoluteright{
	margin-right:0px;
	position:absolute;
	right:0;
}
.customfields input.short[type="text"]:focus,
.customfields input.short[type="password"]:focus {
	outline: none;
    /*border-color: #f4f4f4; 
	background:url(../graphics/input-field-short.png) no-repeat;*/
}

.customfields input.short[type="text"].roundedframe:focus,
.customfields input.short[type="password"].roundedframe:focus {
	outline: none;
    border-color: #f4f4f4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	border-width:0px;  
}

.customfields .input-container.short.checkbox {
	display: inline-block;
}
.customfields .input-container.short.checkbox + .input-container.short.checkbox.absoluteright {
	position:absolute;
	
	right:0;
}


.customfields input[type=checkbox] {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
.customfields input[type=checkbox] + label.checkbox-label {
	margin:5px 0 10px 13px;
	padding-left:27px;
	height:20px; 
	display:inline-block;
	line-height:27px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;						
}

.customfields input[type=checkbox]:checked + label.checkbox-label {
	background-position: 0 -20px; /*size of image*/
	
	
}
.customfields label.checkbox-label {
	background-image:url(../png/eblast-checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.form-container.customfields .btn-container {
	position: relative;
	text-align: center;
	margin-top: 35px;
}

.absbusybkg {
	position:absolute;
	width:100%;
	background:url(../gif/busy-loader-360-mini-light-x25.gif) no-repeat center center;
	z-index:100;	
	top:0;
	left:0;
}

/*added demo checkbox classes*/
.form-container input[type="checkbox"].cstm {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.form-container input[type="checkbox"].cstm + label {
    margin: 5px 0 10px 1px;
    padding-left: 20px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;

    background-image: url(../png/lite-green-check.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-container input[type="checkbox"].cstm:checked + label {
    background-position: 0 -15px;
}
.form-container label + .btn-container {
    margin-top: 15px;
}
