/****************************************
***********THE STASHª 2014 **************
****************************************/

/*
Styles for the index page with the login box
*/
body{ color:#fff;}
body, html{height:100% !important;}

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.padded{padding:10px;}

a:link {text-decoration:none; font-size:10px;color:#7faec5;}
a:visited {text-decoration:none;color:#7faec5;}
a:hover {text-decoration:none;color:#7faec5;}
a:active {text-decoration:none;color:#7faec5;}
/*
Styles for the left logo holder and logo
*/
#page-wrapper{width:100%;height:100%;}

#forgotpass{position:fixed;height:100%;background-color:#000;z-index:999;display:none;right:0px;width:100%;-moz-opacity: 0.70;-khtml-opacity: 0.70;opacity: 0.70;z-index:999}
#forgotpass1{position:relative;z-index:9999;}
#login-updater{text-align:center;width: 260px;position: relative;top: 100px;margin:auto;padding:20px;display:none;color:#fff;font-size:14px;letter-spacing: 1.5;-moz-opacity: 0.70;-khtml-opacity: 0.70;opacity: 0.70;}
#password-updater{position: relative;width:300px;margin:auto;top:50px;padding:20px;display:none;color:#fff;font-size:10px;letter-spacing: 1.5;}

/*
Styles for the login form
*/
.logo{display:block;margin:auto;position:relative;top:20px;margin-bottom:0px;right:80px;}
.login-holder{width: 369px;position: absolute;top: 150px;left: 50%;margin-left: -190px;border: 0px solid #e2e2e2;}
form#login{position: relative;top: 20px;margin-bottom: 20px;}

form#login label{font-size:12px;font-weight:100;}
form#login input[type=text] { width: 369px;height: 45px;position: relative;border: 0px solid #DADADA;border-radius:2px;line-height: 45px;outline:none;font-size:15px;line-height:15px;padding:5px 10px 5px 50px;color: #8B8B8B;-webkit-transition: background 0.3s linear;}
form#login input[type=text]:focus { outline: 0;background-color: #dbebf2;}
.login-user-logo {background: url('../images/index/user.png') no-repeat 15px 12px #f2f2f4;}

form#login input[type=password] { width: 369px;height: 45px;position: relative;border: 0px solid #DADADA;border-radius:2px;line-height: 45px;outline:none;font-size:15px;line-height:15px;padding:5px 10px 5px 50px;color: #8B8B8B; margin-top:5px;-webkit-transition: background 0.3s linear;}
form#login input[type=password]:focus { outline: 0;background-color: #dbebf2;}
.login-password-logo{background: url('../images/index/password.png') no-repeat 15px 12px #f2f2f4;}

.chk-options{text-align: center;margin-bottom: 20px;position:relative;margin-top:20px;float:left;}
input[type=checkbox].login-checkbox {display:none;}
input[type=checkbox].login-checkbox + label.login-label {padding-left:30px;height:20px; display:inline-block;line-height:20px;background-repeat:no-repeat;background-position: 0 0;font-size:15px;vertical-align:middle;cursor:pointer;color:#575c6c;}
input[type=checkbox].login-checkbox:checked + label.login-label {background-position: 0 -20px;}

.login-label{ background-image:url('../images/index/login-checkbox.png');}
.login-footer{width:100%;height:60px;position: relative;background-color: #ffffff;color: #8B8B8B;text-align: center;line-height: 60px;}

form#login .submit{float:right;width:90px;padding:12px 15px;background:#fff;border:solid 1px #999999;margin-top:10px;right:-59px;position:relative;font-weight:400;}	
form#login .submit:hover{background-color:#2d333c;color:#fff;border:solid 1px #26466f;-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;}


.submit2{margin-top:10px;width: 262px;height: 55px;left:20px;position: relative;border: 0px;border-radius:2px;background-color: #3072A8;line-height: 55px;color: #FFF;-webkit-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;-ms-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;transition: all 200ms ease-in;text-transform: uppercase;}
.submit2:hover {background-color: #26466f;-webkit-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;-ms-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;transition: all 200ms ease-in;}

form#login input[type=text].error{background: #e68373; color: #fff; }
form#login input[type=password].error{ background: #e68373; color: #fff; }


#forgot-pass{width: 700px;position: absolute;top: 150px;left:0;right:0; margin:auto;background-color: #efefef;border: 1px solid #e2e2e2;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);}


#pass label{font-size:14px;padding:9px 55px 7px 10px;color:#666;font-weight:400;background-color:#d7d7d7;}

form#pass input[type=text] { width: 240px;height: 45px;left:20px;position: relative;margin-top:20px;border: 1px solid #DADADA;border-radius:2px;line-height: 45px;outline:none;font-size:15px;line-height:15px;padding-left: 10px;padding-right: 10px;color: #8B8B8B;-webkit-transition: background 0.3s linear;}
form#pass input[type=text]:focus { outline: 0;background-color: #dbebf2;}
form#pass input[type=text].error{background: #e68373; color: #fff; }

form#getusername label{font-size:14px;padding:9px 55px 7px 10px;color:#666;font-weight:400;background-color:#d7d7d7;}
form#getusername input[type=text] { width: 240px;height: 45px;left:20px;position: relative;margin-top:20px;border: 1px solid #DADADA;border-radius:2px;line-height: 45px;outline:none;font-size:15px;line-height:15px;padding-left: 10px;padding-right: 10px;color: #8B8B8B;-webkit-transition: background 0.3s linear;}
form#getusername input[type=text]:focus { outline: 0;background-color: #dbebf2;}
form#getusername input[type=text].error{background: #e68373; color: #fff; }

form#newpassword{width: 300px;position: absolute;top: 150px;left: 50%;margin-left: -150px;background:#efefef;}
form#newpassword label{ position:relative;width: 200px;font-size:16px;padding:5px 10px;text-align:center;color:#666;font-weight:400;}
form#newpassword input[type=password] {width: 240px;height: 45px;left:20px;position: relative;margin-top:10px;border: 1px solid #DADADA;border-radius:2px;line-height: 45px;outline:none;font-size:15px;line-height:15px;padding-left: 10px;padding-right: 10px;color: #8B8B8B;-webkit-transition: background 0.3s linear; }
form#newpassword input[type=password]:focus { outline: 0;background-color: #dbebf2;}
form#newpassword input[type=password].error{background: #e68373; color: #fff; }

#username-display{padding:20px; width: 222px; left:20px; color:#fff; position: relative;display:none;font-size:12px;font-weight:400;}
#password-display{padding:20px; width: 222px; left:20px; color:#fff; position: relative;display:none;font-size:12px;font-weight:400;}

@media screen and (max-width:600px) {

body{ background-image:none;
	background-size: none;
    background-position: none;
    background-repeat:none;
    background-attachment:none;
    background-color:#efefef;
}
.login-holder{width: 300px;position: absolute;top: 0px;left: 50%;margin-left: -150px;background-color: #efefef;border: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none;}

#forgotpass{position:absolute;height:auto;background-color:#efefef;z-index:999;display:none;right:0px;width:100%;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;z-index:999}

#forgot-pass{width: 700px;position: absolute;top: 0px;left: 0;right:0; margin:auto; background-color: #efefef;border: none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

#login-updater{top:0px;}
form#newpassword{top: 50px; }
#password-updater{top:0px;}
}