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

/* Initial layout */
#form { width: 100%; height:auto; padding:0; margin:5px 0 0 0; }
#fstep_1, #fstep_2, #fstep_3, #fstep_4, #fstep_5 { height:125px; }
#fstep_1 p, #fstep_2 p, #fstep_3 p, #fstep_4 p, #fstep_5 p { text-align: center; margin-bottom: 25px; font-weight:normal; }

.steps { width:98%; height: auto; margin:0; position: relative; top:20px; left:5px; }
.step_bar { width: 30px; height: 30px; display: inline-block; margin: 0 5px; font-size: 15px; font-weight: bold; color: #ffffff; background: url(../_img/steps.png) no-repeat; cursor: pointer; text-align: center; line-height: 28px; font-family:'Lato-Regular'; }
.step_highlight { width: 30px; height: 30px; background: url(../_img/step-highlight.png) no-repeat; ; color: #333; }

input, select, textarea { outline: none; }
input[type=text], input[type=password] { width: 95%; height: 50px; display: block; margin: auto; border:1px #ccc solid; border-radius:5px; font-size: 14px; line-height: 27px; text-align: center; color:#333; background-image:url(../images/textboxbg.png)  }
.drop_down_container { width: 95%; margin: 0 0 0 15px; position: relative;  }
select { width:112px; height: 35px; float: left; margin: 0 10px 0 0; padding: 5px; font-size: 14px; color: #333; border: none; border-radius:5px; line-height: 20px; background-color:#FFFFFF; }

/* Select elements */
select:hover { cursor: pointer; }
select#dating-gender.required { width: 98%; height:50px; margin: 0 0 0 0;   }
select#dobday.required { width: 25%; height:50px; }
select#dobmonth.required { width: 35%; height:50px; }
select#dobyear.required { width: 25%; height:50px; }

/* 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 { width: 215px; font-size: 11px; text-align: left; color:#000; font-family:'Lato-Regular'; }

#fstep_1 label.error { position: absolute; top: 75px; left: 120px; }
#fstep_2 label.error { position: absolute; top: 35px; left: 0; }
#fstep_3 label.error { position: relative; top: -32px; left: 0px; }
#fstep_4 label.error { position: relative; top: -32px; left: 0px; }
#fstep_5 label.error { position: relative; top: -32px; left: 0px; }

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 { width: 50%; height: 46px; font-size: 18px; font-weight: bold; text-transform: uppercase; display: inline-block; margin:0 auto; text-decoration: none; line-height: 43px;  text-align: center; color: white; background: url(../_img/bg-button-red.png); cursor: pointer; font-family:'Lato-Regular'; border-radius:4px; }
.myButton:active { position: relative; top: 1px; cursor: pointer; }
span.fprev.myButton { display: none !important; }