/* Login */
html{height:99%;font-size:100%;overflow:auto}
body{margin:0;min-height:100%;position:relative;color:#333;font:12px/20px "Segoe UI",arial,sans-serif;background:#326fa5}
ul{font-size:11px;margin:15px;padding:0}
input[type="text"],input[type="password"]{border:1px solid #ccc;border-left:solid 2px #35aa47;width:100%;font-size:12px;color:#4c4c4c;height:30px;padding:4px 6px 4px 35px;margin:0;line-height:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#glow{z-index:-1;width:100%;height:500px;position:absolute;top:-87px;background:url(../img/login/glow.png) no-repeat top center}
#login{position:absolute;left:50%;margin-left:-180px;top:50%;margin-top:-270px}
#logo{width:360px;height:110px;margin-bottom:10px;background:url(../img/login/logo.png) no-repeat}
#container{height:360px;width:300px;background:#fff;padding:30px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;box-shadow:0 0 10px #444;position:relative}
#loginContainer,#resetContainer,#changeContainer{position:absolute;top:30px;left:30px;width:300px;margin-right:30px}
#resetContainer,#changeContainer{display:none}
.page-header h1 small{font-size:11px;font-weight:400;color:#666;display:block;line-height:20px}
.row-form{height:40px;line-height:40px;vertical-align:middle;position:relative}
.page-header{padding:0 0 10px;margin:0 0 20px;border-bottom:1px solid #e0e0e0;width:100%}
.page-header h1{background:url(../img/login/login-title.png) no-repeat;font-size:32px;color:#4c4c4c;font-weight:400;display:block;line-height:35px;padding-left:55px;margin:0}
.page-header h2{font-size:24px;color:#4c4c4c;font-weight:400;display:block;line-height:35px;margin:0}
.company[disabled],.username[disabled],.password[disabled]{color:#ccc}
.company{background:url(../img/login/login-company.png) no-repeat #fff}
.username{background:url(../img/login/login-username.png) no-repeat #fff}
.password{background:url(../img/login/login-password.png) no-repeat #fff}
.confirm-password{background:url(../img/login/login-confirm-password.png) no-repeat #fff}
.btn{font-size:12px;moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border:0;background:url(../img/login/login-submit.png) no-repeat 52px 3px #009ad7;color:#f9f9f9;text-shadow:none;margin-bottom:3px;padding:2px 35px 2px 10px;height:30px;position:relative;display:block;float:left}
.btn:hover{background:url(../img/login/login-submit.png) no-repeat 52px 3px #008dc4;color:#fff;cursor:pointer}
.btn[disabled],.btn.disabled{background:url(../img/login/login-submit.png) no-repeat 52px 3px #ccc;cursor:default}
.reset-button-container{margin-top:5px}
.reset{background:url(../img/login/login-submit.png) no-repeat 47px 3px #009ad7}
.reset:hover{background:url(../img/login/login-submit.png) no-repeat 47px 3px #008dc4}
.reset[disabled],.reset.disabled{background:url(../img/login/login-submit.png) no-repeat 47px 3px #ccc}
.page-footer{margin-top:15px;border-top:solid 1px #e0e0e0}
.page-footer h4{color:#555;font-weight:300;font-size:17.5px;margin:10px 0}
.wait,.access{background:url(../img/login/loader.gif) no-repeat;height:30px;display:block;float:left;margin-left:10px;display:none;line-height:30px;padding-left:35px;color:#008dc4;font-size:11px;font-weight:700}
.clear{overflow:auto;width:100%}
.login,.sign-in,.reset-password{margin:inherit}

/* Validation */
.formError{z-index:990;position:absolute;top:300px;left:300px;display:block;cursor:pointer}
.formError .formErrorContent{z-index:991;width:100%;background:#ee0101;position:relative;color:#fff;width:150px;border:2px solid #ddd;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;padding:4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font:12px/20px "segoe ui",arial,sans-serif}
.formError .formErrorArrow{z-index:996;width:15px;margin:-2px 0 0 13px;position:relative}
.formErrorInsideDialog.formError{z-index:5000}
.formErrorInsideDialog.formError .formErrorContent{z-index:5001}
.formErrorInsideDialog.formError .formErrorArrow{z-index:5006}
.inputContainer{position:relative;float:left}
.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}
.greenPopup .formErrorContent{background:#33be40}
.blackPopup .formErrorContent{background:#393939;color:#FFF}
body[dir="rtl"] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0}
.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0 0 0 12px;top:2px}
.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;font-size:0;height:1px;background:#ee0101;margin:0 auto;line-height:0;font-size:0;display:block}
.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
.greenPopup .formErrorArrow div{background:#33be40}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF}
.formError .formErrorArrow .line10{width:15px;border:none}
.formError .formErrorArrow .line9{width:13px;border:none}
.formError .formErrorArrow .line8{width:11px}
.formError .formErrorArrow .line7{width:9px}
.formError .formErrorArrow .line6{width:7px}
.formError .formErrorArrow .line5{width:5px}
.formError .formErrorArrow .line4{width:3px}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd}

/* Pop-Up Message */
#gritter-notice-wrapper{position:fixed;top:120px;left:50%;margin-left:-150px;width:301px;z-index:9999}
#gritter-notice-wrapper.top-left{left:20px;right:auto}
#gritter-notice-wrapper.bottom-right{top:auto;left:auto;bottom:20px;right:20px}
#gritter-notice-wrapper.bottom-left{top:auto;right:auto;bottom:20px;left:20px}
.gritter-item-wrapper{position:relative;margin:0 0 10px;background:url(../img/general/ie-spacer.gif)}
.gritter-top{background:url(../img/general/gritter.png) no-repeat left -30px;height:10px}
.gritter-bottom{background:url(../img/general/gritter.png) no-repeat left bottom;height:8px;margin:0}
.gritter-item{display:block;background:url(../img/general/gritter.png) no-repeat left -40px;color:#eee;padding:2px 11px 8px;font:10px verdana}
.gritter-item p{padding:0;margin:0;word-wrap:break-word}
.gritter-close{display:none}
.gritter-title{font-size:12px;font-weight:700;padding:0 0 7px;display:block;text-shadow:1px 1px 0 #000}
.gritter-image{width:32px;height:32px;float:left}
.gritter-with-image,.gritter-without-image{padding:0}
.gritter-with-image{width:236px;float:right}
.gritter-light .gritter-item,.gritter-light .gritter-bottom,.gritter-light .gritter-top,.gritter-light .gritter-close{color:#222;background:url(../img/general/gritter-light.png)}
.gritter-light .gritter-title{text-shadow:none}