/* FORM //////////////////////////////////////////////////////*/

/* Initial layout */
#form { /*width: 248px; height: 272px; padding: 14px 95px; background: #f4f3ed;*/ margin:20px 0 0 0; }
#fstep_1, #fstep_2, #fstep_3, #fstep_4, #fstep_5 { height: 115px; width:100%; }
#fstep_1 p, #fstep_2 p, #fstep_3 p, #fstep_4 p, #fstep_5 p { /*text-align: center;*/ margin-bottom: 10px; }



.steps { /*width: 248px; height: auto; margin: auto; background: #051369; padding:14px 95px; float: center; margin: 0px 0px 0px 0px;*/ text-align:center; }


.step_bar { width: 43px; height: 43px; display: inline-block;  margin: 0px 0px 0px 5px; font-size: 14px; font-weight: bold; color: #000; background: url(../img/bullet-bg-n.png) no-repeat; cursor: pointer; text-align: center; line-height:43px; }


.step_highlight { width: 43px; height: 43px; background:url(../img/bullet-bg-h.png) no-repeat; line-height:43px; color: #fff; }

input, select, textarea { outline: none; }
input[type=text], input[type=password] {/* width: 215px; height: 26px;  line-height: 27px; */ border: 3px solid #f3367a; border-radius: 5px;  font-size: 16px;  text-align: left; color:#333; height:43px; line-height:43px; width:100%; color:#f3367a; padding:0 5px;  }


.drop_down_container {/* width: 230px;*/ margin: 0 0 20px 15px; position: relative; }
select { width:112px; height: 40px; margin: 0 0px 0 0; padding: 0 5px; font-size: 16px; color: #f3367a; /*line-height: 40px;*/ background: url(../_img/dropdown_icon.png) no-repeat -moz-linear-gradient( 90deg, rgb( 231, 231, 231 ) 0%, rgb( 255, 255, 255 ) 100%); background: url(../_img/dropdown_icon.png) 96% 50% no-repeat, -webkit-linear-gradient( 90deg, rgb( 231, 231, 231 ) 0%, rgb( 255, 255, 255 ) 100%); -webkit-appearance: none; }

/* Select elements */
select:hover { cursor: pointer; }
select#dating-gender.required { background: none repeat scroll 0 0 #fff; border: 3px solid #f3367a; border-radius: 5px; color: #f3367a; width:100%;}

/*@media(min-width:320px) {
select#dating-gender.required {width:290px;}
}
@media(min-width:480px) {
select#dating-gender.required {width:438px;}
}
@media(min-width:360px) {
select#dating-gender.required {width:328px;}
}

@media(min-width:640px) {
select#dating-gender.required {width:582px;}
}

@media(min-width:768px) {
select#dating-gender.required {width:582px;}
}

@media(max-width:1000px) {
select#dating-gender.required {width:100%;}
}*/
select#dobday.required { width: 30%; border: 3px solid #f3367a; border-radius: 5px;    }
select#dobmonth.required { width: 35%; border: 3px solid #f3367a; border-radius: 5px; }
select#dobyear.required { width: 30%; border: 3px solid #f3367a; border-radius: 5px;    }

/* Error styling */
select.error { padding: 5px; color: red; border: 1px solid red; background: url(../_img/dropdown_icon.png) no-repeat -moz-linear-gradient( 90deg, rgb( 231, 231, 231 ) 0%, rgb( 255, 255, 255 ) 100%) !important;background: url(../_img/dropdown_icon.png) 96% 50% no-repeat, -webkit-linear-gradient( 90deg, rgb( 231, 231, 231 ) 0%, rgb( 255, 255, 255 ) 100%) !important; -webkit-appearance: none; }
label.error { font-size: 14px; text-align:; color: yellow; font-weight:normal; font-family:Verdana, Geneva, sans-serif; }

#fstep_1 label.error { position: absolute; top: 75px; left: 18px; }
#fstep_2 label.error { position: absolute; top: 45px; left: 0; }
#fstep_3 label.error { position: relative; top: 10px; left: 59px; }
#fstep_4 label.error { position: relative; top: 10px; left: 59px; }
#fstep_5 label.error { position: relative; top: 10px; left: 59px; }

input[type=text].error, input[type=password].error, textarea.error, select.error { background: #ffe8e8 url(../_img/bg_input_errore.png) top left no-repeat; }
input.error, textarea.error, select.error { background: #ffe8e8 url(../_img/bg_input_errore.png) top left no-repeat; }

/* Button styling */
.myButton { margin:15px auto;
    font-size: 18px;
    color: #ffffff;
	text-align:center;
	height:43px;
	display:block;
	text-transform:uppercase;
	width:25%;
	border-radius:5px;
	line-height:43px;
    background: url(../img/btn-pink-bg.png) repeat-x;
    transition: all .3s ease-in-out; cursor: pointer; }
.myButton:active { position: relative; top: 1px; cursor: pointer; }
span.fprev.myButton { display: none !important; }