body { background: url('../gif/EAURMC-SITE.jpg') no-repeat fixed center center;background-size: cover;font-family: Arial;}
.logo { width: 213px;height: 36px;background: url('../gif/BlocLogo.png') no-repeat;margin: 80px auto; }
.welcome-block { width: 420px;padding: 20px;background: #fff;border-radius: 5px;border-top: 5px solid #217bc0;margin: 0 auto; }
.welcome-block h1 { text-align: center;color: #000;font-size: 18px;text-transform: uppercase;margin-top: 0;margin-bottom: 20px; }
.container { margin:0 auto;width: 640px; }
.login { position: relative; margin: 0 auto;padding: 20px 20px 20px;width: 290px;background: white;background: white;border-radius: 3px;-webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);}
.login:before {content: '';position: absolute;top: -8px;right: -8px;bottom: -8px;left: -8px;z-index: -1;background: rgba(0, 0, 0, 0.08);border-radius: 4px;}
.login h1 {margin: -20px -20px 21px;line-height: 40px;font-size: 15px;font-weight: bold;color : white;text-align: center;background: #217bc0;border-bottom: 1px solid #cfcfcf;border-radius: 3px 3px 0 0;}
.login p { margin: 10px 0 0;padding: 0 auto; }
.login p:first-child { margin-top: 0; }
.login input[type=text], .login input[type=password] { width: 285px; }
.login p.submit { text-align:center; }
input { font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;font-size: 12px;}
input[type=text], input[type=password] {width: 100%;height: 40px;margin: 0 auto;box-sizing: border-box;border-radius: 5px;border: 1px solid #ccc;margin-bottom: 10px;font-family: Arial;font-size: 12px;padding: 0 20px 0 50px;outline: none;}

input[type=text]:focus, input[type=password]:focus { border-color: #7dc9e2;outline-color: #dceefc;outline-offset: 0;}
input#user { background: #fff url('../gif/LoginNoFocus.png') 5px center no-repeat; }
input#user:focus { background: #fff url('../gif/LoginFocus.png') 5px center no-repeat; }
input#password { background: #fff url('../gif/PwdNoFocus.png') 5px center no-repeat; }
input#password:focus { background: #fff url('../gif/PwdFocus.png') 5px center no-repeat; }

.login button { padding: 0 10px;height: 30px;background: #217bc0;box-sizing: border-box;border-radius: 5px;border: 1px solid #79b7e7;color: #fff;font-weight: bold;text-transform: uppercase;font-size: 11px;font-family: Arial;outline: none;cursor: pointer;}
.login button:hover { background: #92c3e7; }
.error_form { font-size:10px;font-family: Arial; color:red;display:none;}
#ResultLogin { font-size: 9px;font-family: Arial;padding-top:10px;}
.error { border: 1px solid;padding:3px 3px 3px 3px;background-repeat: no-repeat;background-position: 10px center;color: #D8000C;background-color:#FFBABA;}
.success { border: 1px solid;margin: 15px 0px;padding:5px 10px 5px 20px;background-repeat: no-repeat;background-position: 10px center;color: #4F8A10;background-color:#DBFAD5;}
.lt-ie9 input[type=text], .lt-ie9 input[type=password] { line-height: 40px; }
.lt-ie8 .login { width:360px;}