@CHARSET "UTF-8"; body{ font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif; background:#f4f4f4 url(images/corendon8.jpg) no-repeat; } h1{ margin-left:auto; margin-right:auto; width:800px; margin-bottom:0; font-size:56px; color:#CC0000; font-family: "Arial Black", Gadget, sans-serif; } h1 span{ font-size:15px; color:#FF9900; } h2{ margin-left:auto; margin-right:auto; width:800px; font-size:20px; padding:0px 0px 40px 0px; color:#aaa; margin-top:0; } h2 span{ color:#aaa; } .error{ display:block; width: 76%; margin:5px 30px 0px 30px; color:#CC0000; font-size:12px; } /* Form Style */ .form_wrapper{ background:#fff; border:1px solid #CC0000; margin:auto; width:350px; font-size:16px; -moz-box-shadow:0px 0px 25px 0px #CC0000; -webkit-box-shadow:0px 0px 25px 0px #CC0000; box-shadow: 0px 0px 25x 0px #CC0000; } .form_wrapper h3{ padding:20px; background-color:#CC0000; color:#fff; font-size:25px; border-bottom:1px solid #ddd; margin-top:0; } form.login{ width:350px; margin-bottom:0; } .form_wrapper label{ display:block; padding:10px 30px 0px 30px; margin:10px 0px 0px 0px; } .form_wrapper input[type="text"], .form_wrapper input[type="password"]{ border: solid 1px #E5E5E5; background: #FFFFFF; margin: 5px 30px 0px 30px; padding: 9px; display:block; font-size:16px; width:76%; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0px 0px 8px #f0f0f0; } .form_wrapper input[type="text"]:focus, .form_wrapper input[type="password"]:focus{ background:#feffef; } .form_wrapper .bottom{ background-color:#CC0000; border-top:1px solid #ddd; margin-top:20px; font-size:12px; clear:both; color:#fff; text-shadow:1px 1px 1px #000; } .form_wrapper .bottom label{ background-color:#CC0000; border-bottom:5px solid #CC0000; font-size:12px; clear:both; color:#fff; text-shadow:1px 1px 1px #000; } .form_wrapper div.remember{ float:left; width:140px; margin:20px 0px 20px 30px; font-size:11px; } .form_wrapper span.error{ visibility:hidden; color:red; font-size:11px; font-style:italic; display:block; margin:4px 30px; } .form_wrapper input[type="submit"] { background: #e3e3e3; border: 1px solid #ccc; color: #333; font-family: "Trebuchet MS", "Myriad Pro", sans-serif; font-size: 14px; font-weight: bold; padding: 8px 0 9px; text-align: center; width: 150px; cursor:pointer; float:right; margin:15px 20px 10px 10px; text-shadow: 0px 1px 0px #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 2px #fff inset; -webkit-box-shadow: 0px 0px 2px #fff inset; box-shadow: 0px 0px 2px #fff inset; } .form_wrapper input[type="submit"]:hover { background: #d9d9d9; -moz-box-shadow: 0px 0px 2px #eaeaea inset; -webkit-box-shadow: 0px 0px 2px #eaeaea inset; box-shadow: 0px 0px 2px #eaeaea inset; color: #222; }