/****************************************************************
// MR SCRIBBLER TEMPLATE
// CSS FORM STYLES
// V 0.1
/****************************************************************
/*------------------------------------*\
    FORM STYLES
\*------------------------------------*/
form { border: none; width: 331px; padding:0 0 20px 0px; text-align: left; color: #6E6E6E; }
fieldset { border: none; padding: 0 0 5px 0; }
form .form-status {margin:0 0 15px 0px;}

form .form-status h4 { font-size:18px; color:#2c8ad2; text-transform:uppercase; }
form .form-status p { color:#2c8ad2; }
form .form-status.error h4,
form .form-status.error p { color:#c52e2e; }

form fieldset > div { margin:0px 0px 0px 0px;}
form small {display:block; margin:0 0 0px 0px;}

form .input {float:left; line-height: 28px; }

form .input + label { margin:0 0 0px 0px; display:block; }
form > fieldset > label { width:100%; display:inline-block; vertical-align:top; text-align:left; }
select {
	display:inline-block;
	margin-bottom:0px;
	width: 100%;
}
input[type=checkbox],input[type=radio]{cursor:pointer;}
label { line-height: 1.2em; padding: 0 0 0 0; margin: 0 0 0 0; }
input[type="checkbox"], input[type="radio"] {margin-right:3px; vertical-align:top;}
input[type="text"], input[type="email"], input[type="tel"], textarea {
	width: 100%;
	display:inline-block;
	background:#fff;
	border:1px solid #cccccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:29px;
	padding: 2px 0px 0px 9px;
    margin: 0px 0px 10px 0px;
    color: #6E6E6E;

}
textarea {
    width: 100%;
    padding: 5px 0px 0px 9px;
    height: 230px!important;
    resize:vertical;
    font-family: arial;
    margin: 0px 0px 10px 0px;
}
textarea[name="street"] { min-height: 30px; max-height: 80px }

input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover {
	background:#fafafa;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
	background-color:#f5f5f5;
	border:1px solid #cccccc;
	outline:none;
}

input[type="text"].x-invalid, input[type="email"].x-invalid, textarea.x-invalid {
	border:1px solid #c52e2e;
	background: #fffafa url(../img/input-error.png) no-repeat 97% 8px;
}
label.x-invalid {color:#c52e2e;}
label.x-invalid:before {content: '* ';}

.btn {float: right; margin: 11px 0px 0px 0px;}

.btn button {
     width: auto;
     height: 27px;
     font-size: 13px;
     background: #bebebe url(../img/btn-bg.jpg) 0px 0px repeat-x;
     border: 1px solid #7f7f7f;
     color: #000;
     text-shadow: #e7e7e7 0 1px 1px;
     padding: 4px 10px 5px 11px;
     display:inline-block;
     cursor:pointer;
     font-family: 'TeXGyreAdventorBold';
     font-weight: normal;
    -webkit-box-shadow: 0px 1px 1px #cacaca;
    -moz-box-shadow: 0px 1px 1px #cacaca;
    box-shadow: 0px 1px 1px #666666;
 }
.btn button:hover {
    text-decoration: none;
}
.btn button:active {
    position: relative;
    top: 1px;
    background: #bebebe url(../img/btn-bg.jpg) 0px -1px repeat-x;
    box-shadow:inset 0 0 10px #454545;
    box-shadow: 0px 1px 1px #cccccc;
}


::-webkit-input-placeholder {color: #6E6E6E;}
:-moz-placeholder {color: #6E6E6E;}

/* Easy Select Box */
.easy-select-box .easy-select-box-disp,
.easy-select-box .easy-select-box-disp:visited {
    display:block;
    width:280px;
    padding:6px 9px 5px;
    border-right:1px solid #cccccc;
    text-decoration:none;
    position:relative;
    padding: 6px 9px 5px 10px!important;
    margin: 0px 0px 0px 0px!important;
    color: #6E6E6E;
}
.easy-select-box {
	position:relative;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	width:331px;
	border:1px solid #cccccc;
	background: #FFF url(../img/select-bg.png) no-repeat 100% 0;
    padding: 0px 0px 0px 0px!important; margin: 0px 0px 8px 0px!important;
}
.easy-select-box ul {
    padding: 5px 0px 5px 0px!important;
    margin: 0px 0px 0px 81px!important;
    width: 250px!important;
    width:100%;
    position:absolute;
    top:100%;
    left:-1px;
    right:0;
    display:none;
    margin:0;
    z-index:99;
}
.easy-select-box:hover { border-color:#d9d9d9; background: #f5f5f5 url(../img/select-bg.png) no-repeat 100% 0;}
.easy-select-box ul li { display:block; padding: 0px 0px 0px 0px!important; margin: 0px 0px 0px 0px!important; background: none!important; border:0px solid #404040!important; text-decoration:none; }
.easy-select-box ul li a { text-decoration: none!important; padding: 2px 0px 2px 10px!important; text-decoration:none; color: #ce0000;  }
.easy-select-box ul li:last-child {border:none;}
.easy-select-box ul li:hover a { background: #ce0000!important; text-decoration:none; color: #FFF!important; }
.easy-select-box ul li a,
.easy-select-box ul li a:visited {
    height:21px;
    padding: 0px 10px 0px 0px;
    line-height:21px!important;
    display:block;
    cursor:pointer;
    text-shadow:none;
    text-decoration:none;
    font-size: 11px;
}

/* Form Errors */
.easy-select-box ul li { background: #343; }
.easy-select-box ul li a:hover {color:#3C3C3C;}

.inputError { border: 1px solid red!important; background: #fff7f7!important; }
.form-sent { color: #000000; padding: 10px 0px 0px 0px; }
.form-errors { color: #ee0606; }

/* contact form */
.contact-main form { width: 100%; }
.contact-main .easy-select-box { width: 584px; }
.contact-main .easy-select-box ul { margin: 0px 0px 0px 332px!important; }

.contact-main  .easy-select-box .easy-select-box-disp,
.contact-main  .easy-select-box .easy-select-box-disp:visited { width: 531px; }

/* aside style */

aside form { width: 269px; }
aside form .form-status { margin-left:0; }
aside form small {margin-left:0;}
aside form .input {margin-left:0;}
aside textarea { height: 140px!important; }
aside input[type="text"], aside input[type="email"], aside input[type="tel"],
aside textarea, aside select, aside .easy-select-box { width: 269px; }
aside .easy-select-box .easy-select-box-disp { width: 217px; }
aside .easy-select-box ul { margin: 0px 0px 0px 18px!important; }

/* small col */
.home-2-col-4 .col form, .footerWrap form, .services-2 .col-1 form { width: 195px; }
.home-2-col-4 .col .easy-select-box .easy-select-box-disp, .footerWrap .easy-select-box .easy-select-box-disp, .services-2 .col-1 .easy-select-box .easy-select-box-disp { width: 144px; }
.home-2-col-4 .col .easy-select-box, .footerWrap .easy-select-box, .services-2 .col-1 .easy-select-box { width: 195px; }
.home-2-col-4 .col .easy-select-box ul, .footerWrap .easy-select-box ul, .services-2 .col-1 .easy-select-box ul { margin: 0px 0px 0px -55px!important; }


/*CUSTOM CHECKBOX*/
.hide-elem { opacity: 0; filter:alpha(opacity=0); }
.input { margin: 0px 0px 10px 0px; line-height: 1.0em !important; }
.input + label { line-height: 1.3em !important; }
.input input[type="radio"] { margin: 0px 5px 0px 0px; cursor: pointer; }
.input input[type="checkbox"] { float: left; margin: 0 5px 0 0; cursor: pointer; }
.input input[type="radio"]:focus { outline: none; border: none; }
.input input[type="checkbox"]:focus { outline: none; border: none; }
/*CHECKBOX*/
.subscribe-click { float: left; width: 15px; height: 14px; margin: 0 10px 0px 0px; background: transparent url(../img/subscribe-checkbox.png) 0px -14px no-repeat;
    cursor: pointer; line-height: 0px; }
.subscribe-click.checked { background-position: 0px 0px; }
.subscribe-click.x-invalid { background-position: 0 -28px; }
/*RADIO*/
.radio-click { display: inline-block; width: 15px; height: 14px; margin: 0px 9px 0px 9px; background: transparent url(../img/subscribe-checkbox.png) 0px -58px no-repeat; }
.radio-click:first-child { margin: 0px 9px 0px 0px !important; }
.radio-click.radio-clicked { background: transparent url(../img/subscribe-checkbox.png) 0px -43px no-repeat; }
.radio-click.x-invalid { background-position: 0 -73px; }
/* END CUSTOM CHECKBOX */
/*FORM ERRORS */
input[type="text"].x-invalid, input[type="email"].x-invalid, textarea.x-invalid {
    border:1px solid #c52e2e;
    background:#fffafa url(../img/input-error.png) no-repeat 97% 9px;
}
label.x-invalid {color:#c52e2e;}
label.x-invalid:before {content: '* ';}
.inputError { border: 1px solid red!important; background: #fff7f7!important; }
.form-sent { color: #505050; padding: 10px 0px 10px 0px; }
.form-errors {
    display: block; width: 100%; color: #ee0606; margin: 5px 0 0 0;
p {  display: block; width: 100%;  }
    }
.form-status.error { margin: 15px 0px 0px 0px; }
.x-required small { display: none; }
.group-label { display: block; padding:  0 0 5px 0; }
.group-label label { width: 100%; }

.captcha-bg {max-width:260px;float:left;padding-bottom:8px; margin: 4px 0 0 0;}
.captcha-bg p {margin-left:2px;font-family:Arial, Helvetica, sans-serif;font-size:11px;margin-bottom: 8px;margin-top: 7px;line-height:11px;float:left;}
.captcha-content {max-width: 120px;float:left;padding:5px;background:#e7e7e7;}
.captcha-image {line-height:0;width:120px;padding:5px;float:left;background:#e7e7e7;}
.captcha-image img{float:left;}
.captcha-bg input[type="text"] {width:120px;margin-bottom:0;margin-left:0;float:left;height:27px; line-height: 1em; }

.ie7 .captcha-bg input[type="text"] {display:inline-block; height:19px!important;padding:6px 0px 0 0;text-indent: 7px;width:115px;}

/*END FORM ERRORS*/

/*CUSTOM FORM ELEM HACKS*/
.ie7 .radio-click { display: inline; zoom: 1; margin: 0 9px 0px 9px;}
.ie7 form .input input[type="radio"] { margin: -4px 0px 0px -4px; }
.ie7 form .input input[type="checkbox"] { margin: -4px 0px 0px -4px !important; }

/*
  IE 7 Fixes
*/
.ie7 form { float: left; }
.ie7 input[type="text"], .ie7 input[type="email"], .ie7 input[type="tel"], .ie7 textarea {
    height:21px;
    padding: 6px 0px 0px 0px;
}
.ie7 aside .easy-select-box .easy-select-box-disp { width: 221px; }
.ie7 form .input input[type="radio"] { margin: 0px 0px 0px 0px; }
.ie8 input[type="text"], .ie8 input[type="email"], .ie8 input[type="tel"], .ie8 textarea {
    padding: 6px 0px 0px 6px;
}

/* CSS 3 styles */
.easy-select-box ul {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 4px #000000;
    -moz-box-shadow: 0px 0px 4px #000000;
    box-shadow: 0px 0px 16px #666666;
    background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 1.0);
    behavior: url(js/PIE.htc);
}

/*------------------------------------*\
	DATE PICKER
\*------------------------------------*/
.ui-datepicker table td a:hover {color: #ce0000 !important;background: #bebebe !important;}
.ui-datepicker-next, .ui-datepicker-prev {color: #ce0000 !important;background: #bebebe !important;}
.ui-datepicker {border:1px solid white!important;}
input.datepicker {background: #FFF url(../img/calendar-icon.png) no-repeat 99% 50% !important;}
input.datepicker:hover {background: #FFF url(../img/calendar-icon.png) no-repeat 99% 50% !important;}
input.datepicker:focus {background: #FFF url(../img/calendar-icon.png) no-repeat 99% 50% !important;}