/* CSS Reset */
*{padding:0;margin:0;}
a, a:hover, a:visited, a:focus{text-decoration:none;transition:all 0.3s ease-in-out 0.1s;}
ul, li, ul li{padding:0;margin:0;list-style:none;}
h1, h2, h3, h4, h5, h6, p{margin:0;padding:0;}

body{padding:0;margin:0;font-family:Arial;font-size:12px;background:#39a0e1;}

/*Border Sizing Fix*/
*, *:before, *:after {box-sizing:border-box;}

/*Container Fix*/
.container:before, .container:after{content:" ";display:table;}

/* Helper classes */
.container{width:960px;margin:0 auto;clear:both;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.error{color:#e74e4e;font-weight:bold;}


#LoginBox{padding:30px 15px 15px 15px;border-radius:5px;box-shadow:0px 0px 3px #000;background:#FFF;width:360px;margin:0 auto;margin-top:100px;}

.form{margin:0 auto;padding:20px 0;width:270px;}
.form .form-row{margin:10px 0;}
.form .form-row .form-element{padding:10px 15px;border-radius:5px;background:#e5e5e5;box-shadow: inset 1px 1px 2px 0px #AAA; }
.form .form-row .form-element span{display:inline-block;width:25px;height:21px;vertical-align:middle;background:url(/images/hdfc/icons.png) no-repeat center center;}
.form .form-row .form-element span.user{background-position:0px 0px;}
.form .form-row .form-element span.alias{background-position:0px -20px;}
.form .form-row .form-element span.password{background-position:0px -43px;}
.form .form-row .form-element input{background:#e5e5e5;border:none;font-size:15px;padding:10px;}
.form .form-row .forgot-password{color:#002275;font-weight:bold;}
.form .form-row button{background:#39a0e1;border:none;border-radius:5px;outline:none;cursor:pointer;padding:15px 0;color:#FFF;font-weight:bold;width:100%;}
.form .form-row button:hover{background:#2287c6;}
.form .form-row .form-element.err{background:#ffd4d4;color:#e74e4e;box-shadow:inset 1px 1px 2px 0px #fd9a9a;}
.form .form-row .form-element.err input{color:#e74e4e;background:#ffd4d4;}