@charset "UTF-8";
/*Login window */

body { margin: 0; }

.sx2-login-window {
}

.sx2-login-window-contents {
  width: 750px;
  height: 422px;
  background-color: #ffffff;
  border: 5px solid #ff6633;

  -moz-border-radius: 12px;
  border-radius: 12px; 
  -webkit-border-radius: 12px;
 /*For IE: http://gist.github.com/77516 */
}

.sx2-login-window-logo {
  position: absolute;
  left: 23px;
  top: 12px;
  width: 150px;
  height: 35px;
  background-image: url(/st/js/css/img/login/stix-logo-150x35.png);
}

.sx2-login-window-heading { 
  margin-top: 64px;
  text-align: center;
  font-family: Verdana;
  font-size: 72px;
  font-weight: bold;
  color: #ff6633;
}

.sx2-login-form { 
  margin: auto;
  width: 430px;
  height: 286px;
  position: relative;
}

.sx2-login-form-font { 
  font-family: Verdana;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
}

.sx2-login-form a { 
  position: absolute;
  right: 0;
  text-decoration: none;
}
.sx2-login-form a, #sx2-login-forgot-pwd { 
  color: #7f7f7f;
  cursor: pointer;
}

.sx2-login-username-row { 
  margin-bottom: 40px;
}

.sx2-login-window-name-pwd { 
  padding-top: 34px;
}
.sx2-login-form label { 
  float: right;
  width: 160px;
  text-align: right;
  color: #ff6633;
}

.sx2-login-input-line { 
  margin-left: 10px;
  float: right;
  width: 230px; /*Bug in Firefox 3.0  230- 2*border - padding = 218px. Works in FF 3.5 */
  height: 22px; /*Bug in Firefox 3.0: 22 - 2*border - padding = 18 px. Works in FF 3.5 */
  padding: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  border: 1px solid #707070;
  
  -moz-border-radius: 8px;
  border-radius: 8px; 
  -webkit-border-radius: 8px;
 /*For IE: http://gist.github.com/77516 */
}
.sx2-login-input-line:focus { 
  border-color: #1a1a1a;
}

#sx2-login-forgot-pwd, #sx2-login-email-button, #sx2-login-cancel-login-buttons {  
  float: right;
  clear: right;
  margin-top: 10px;
}
#sx2-cancel-logout-buttons { 
  text-align: center;
}

#sx2-login-cancel-login-buttons .sx2-login-button { 
  display: inline;
}

.sx2-login-button { 
  width: 70px;
  height: 33px;
  border:0;
  border-top: 5px;
  padding: 0;
  margin: 0;
  background-color: white;
}
.sx2-login-button::-moz-focus-inner { border: 0; } /*remove grey border*/

.sx2-logout-username { 
  color: #7F7F7F;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
  font-size: 21px;
}
#sx2-logout-submit { 
  width: 80px;
  cursor: pointer;
}

#sx2-login-cancel {
  margin-right: 20px;
  width: 80px;
  cursor: pointer;
  background-image: url(/st/js/gui/css/img/login/buttons/cancel-standard-80x33.png);
}
#sx2-login-cancel:hover { 
  background-image: url(/st/js/gui/css/img/login/buttons/cancel-mouseover-80x33.png);
}

#sx2-login-cancel:active { 
  background-image: url(/st/js/gui/css/img/login/buttons/cancel-onclick-80x33.png);
}

#sx2-login-submit { 
  background-image: url(/st/js/gui/css/img/login/buttons/login-inactive-70x33.png);
}

#sx2-login-submit.sx2-btn-activated { 
  background-image: url(/st/js/gui/css/img/login/buttons/login-standard-70x33.png);
}

#sx2-login-submit.sx2-btn-activated:hover { 
  background-image: url(/st/js/gui/css/img/login/buttons/login-mouseover-70x33.png);
}

body #sx2-login-submit.sx2-btn-clicked { 
  background-image: url(/st/js/gui/css/img/login/buttons/login-onclick-70x33.png);
}

#sx2-logout-submit { 
  background-image: url(/st/js/gui/css/img/login/buttons/logout-inactive-80x33.png);
}

#sx2-logout-submit.sx2-btn-activated { 
  background-image: url(/st/js/gui/css/img/login/buttons/logout-standard-80x33.png);
}

#sx2-logout-submit.sx2-btn-activated:hover { 
  background-image: url(/st/js/gui/css/img/login/buttons/logout-mouseover-80x33.png);
}

body #sx2-logout-submit.sx2-btn-clicked { 
  background-image: url(/st/js/gui/css/img/login/buttons/logout-onclick-80x33.png);
}


#sx2-login-email-button { 
  background-image: url(/st/js/gui/css/img/login/buttons/send-inactive-70x33.png);
}

#sx2-login-email-button.sx2-btn-activated { 
  background-image: url(/st/js/gui/css/img/login/buttons/send-standard-70x33.png);
}

#sx2-login-email-button.sx2-btn-activated:hover { 
  background-image: url(/st/js/gui/css/img/login/buttons/send-mouseover-70x33.png);
}

body #sx2-login-email-button.sx2-btn-clicked { 
  background-image: url(/st/js/gui/css/img/login/buttons/send-onclick-70x33.png);
}

#sx2-login-pwd-remind { 
  background-image: url(/st/js/gui/css/img/login/notifications/forgot-password-alt2-388x87.png);
  width: 388px;
  height: 87px;
  margin-bottom: 5px;
  position: relative;
  float: left;
}

 #sx2-login-forgot-email { 
  position: absolute;
  left: -1px;
  top: 5px;
  position:absolute;
  top:57px;
  width:354px;
  border: 1px solid #fff;
}

.sx2-login-pwd-row { 
  position: relative;
}

#sx2-login-oops { 
  background-image: url(/st/js/gui/css/img/login/notifications/wrong-password-328x45.png);
  width: 328px;
  height: 45px;
  float: left;
  margin-left: 75px;
}

#sx2-login-email-sent { 
  background-image: url(/st/js/gui/css/img/login/notifications/email-sent-120x45.png);
  width: 120px;
  height: 45px;
  float: right;
  clear: right;
}

#sx2-login-error-message {
  float: left;
}