input, select, textarea { color: #000; border: 2px solid #D7DBE3; margin-top: 1px; font: normal 9pt Arial, sans-serif; padding: 3px; background-color: #fff; } input[type="submit"]{ background-color: #eee; } .standard-form label { width: 25%; float: left; padding: 5px 10px 0 0; text-align: right; font-weight: bold; color: #144E91; } .standard-form fieldset { border: 0; padding: 0; } .standard-form input[type=number], .standard-form input[type=text], .standard-form input[type=email], .standard-form input[type=url], .standard-form input[type=password], .standard-form textarea, .standard-form select { color: #000; /* background-color: #F2F6FF; */ border: 2px solid #D7DBE3; /* width: 15em; */ margin-top: 1px; font: normal 9pt Arial, sans-serif; padding: 3px; } .standard-form input[type=number], .standard-form input[type=text], .standard-form input[type=email], .standard-form input[type=url], .standard-form input[type=password], .standard-form textarea, .standard-form select { width: 200px; } .standard-form input.date { margin: 0 !important; } .standard-form textarea { width: 70%; height: 80px; } .standard-form input[type=number]:focus, .standard-form input[type=text]:focus, .standard-form input[type=email]:focus, .standard-form input[type=url]:focus, .standard-form input[type=password]:focus, .standard-form textarea:focus, .standard-form select:focus{ outline: 0; border-color: #4697e4; } .standard-form input[type=submit]{ width: 150px; height: 30px; background-color: #82909D; border: none; color: #fff; font-size: 18px; } .standard-form label.error { float: right; color: red; background: transparent url('../images/error.png') no-repeat left center; margin-left: 10px; padding-left: 18px; text-align: left; font-size: 12px; } .standard-form small { font-size: 11px; margin-left: 25%; display: block; line-height: 1.5em; clear: left; } .standard-form .row { padding:5px; margin: 0; } .standard-form .section-header { width: 100%; padding:10px; background-color: #F4FCF3; } #get_verification_pin { margin:10px 0 10px 25%; display: inline-block; clear: both; padding:4px 10px; background-color: tomato; font-size: 14px; font-weight: bold;color: #FFF; } @media (max-width: 600px) { .standard-form > div { margin: 0 0 5px 0; } .standard-form label, .standard-form legend { width: 100%; float: none; margin: 0 0 5px 0; } .standard-form input[type=text], .standard-form input[type=email], .standard-form input[type=url], .standard-form input[type=password], .standard-form textarea, .standard-form select { width: 95%; } .standard-form small { margin-left: 5px; } #get_verification_pin { margin:20px 0 10px 0; display: block; } } .form_error{ background-image:url('../images/form_error.gif'); background-color:#FFF6F6; border:thin solid red;} .form_ok{ background-image:url('../images/form_ok.gif'); border-top:0px solid green; border:thin solid green;background-color:#F4FBF3;} .form_error, .form_ok { padding:25px 5px 5px 5px; background-repeat:no-repeat; } .book_mover_button, .reserve-storage-button { margin-top:9px; border:0px solid #82878F; font-size: 18px !important; font-weight: normal !important; background-image: none !important; padding: 7px 5px !important; background-color: tomato !important; color:#fff !important; text-decoration: underline !important; display: block; width: 100%; } .reserve-storage-button { margin-top:9px; padding: 5px 5px !important; }