#container-outer {
  position: relative;
  float: left;
  left: 50%;
  width: 1024px;
  margin-left: -512px;
  margin-bottom: 10px;
  overflow: hidden;
}
#container-outer #container-inner {
  position: relative;
  float: left;
  width: 1024px;
  padding: 20px 0;
  overflow: hidden;
}
#center-panel {
  position: relative;
  float: left;
  width: 800px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5em;
}
#center-panel p.welcome-message {
  margin: 0 0 1em 0;
  line-height: 1.25em;
}
.login-form label,
.login-form input,
.login-form p {
  position: relative;
  float: left;
  margin-top: 10px;
}
.login-form label {
  clear: left;
  text-align: right;
  width: 300px;
  height: 36px;
  line-height: 36px;
}
.login-form input {
  width: 340px;
  margin-left: 20px;
  font-size: 18px;
  padding: 5px;
}
.login-form p {
  width: 340px;
  margin-left: 20px;
  font-size: 18px;
  padding: 5px;
  line-height: 18px;
}
.login-form p.warn {
  color: #f00;
}
.login-form input[type=submit] {
  display: inline-block;
  width: auto;
  height: auto;
  min-height: 34px;
  margin: 0px;
  padding: 3px 30px;
  background-color: #4bb9c2;
  border: 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  width: 352px;
  margin: 10px 0 0 20px;
  padding: 5px;
}
.login-form input[type=submit]:hover {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.login-form input[type=submit]:disabled {
  background-color: #ccc;
  cursor: default;
}
.login-form input[type=submit]:disabled:hover {
  border-color: #ccc;
  background-color: #ccc;
}
.login-form input[type=submit].checked {
  background-image: url("/images/checkmark_white24.png");
  background-repeat: no-repeat;
  background-position: right center;
}
.login-form input[type=submit].selected {
  border-color: #3dacb5;
  background-color: #3dacb5;
  cursor: default;
}
.login-form input[type=submit].processing {
  background-image: url("/images/inline-busy.gif");
  background-repeat: no-repeat;
  background-position: right center;
  border-color: #81ced4;
  background-color: #81ced4;
  color: #fff;
  cursor: default;
}
.login-form input[type=submit].processing:hover {
  border-color: #81ced4;
  background-color: #81ced4;
}
.login-form input[type=submit].groupMgr {
  background-color: #4a0cff;
  border-color: #4a0cff;
}
.login-form input[type=submit].groupMgr:hover {
  border-color: #3d00f0;
  background-color: #3d00f0;
}
.login-form input[type=submit].locationMgr {
  background-color: #7c4fff;
  border-color: #7c4fff;
}
.login-form input[type=submit].locationMgr:hover {
  border-color: #632eff;
  background-color: #632eff;
}
.login-form input[type=submit].frontDesk {
  background-color: #baa2ff;
  border-color: #baa2ff;
}
.login-form input[type=submit].frontDesk:hover {
  border-color: #9b78ff;
  background-color: #9b78ff;
}
.login-form input[type=submit].emptyRole {
  background-color: #c8b5ff;
  border-color: #c8b5ff;
}
.login-form input[type=submit].emptyRole:hover {
  border-color: #a889ff;
  background-color: #a889ff;
}
.login-form input[type=submit].esthetician {
  background-color: #e8cc74;
  border-color: #e8cc74;
}
.login-form input[type=submit].esthetician:hover {
  border-color: #e3c156;
  background-color: #e3c156;
}
.login-form input[type=submit].available {
  background-color: #ccc;
  border-color: #ccc;
}
.login-form input[type=submit].available:hover {
  border-color: #b8b8b8;
  background-color: #b8b8b8;
}
.login-form input[type=submit].unavailable {
  background-color: #999;
  border-color: #999;
}
.login-form input[type=submit].unavailable:hover {
  border-color: #8a8a8a;
  background-color: #8a8a8a;
}
.login-form input[type=submit].time-off-request {
  background-color: #555;
  border-color: #555;
}
.login-form input[type=submit].time-off-request:hover {
  border-color: #4d4d4d;
  background-color: #4d4d4d;
}
.login-form input[type=submit].other {
  background-color: #666;
  border-color: #666;
}
.login-form input[type=submit].other:hover {
  border-color: #5c5c5c;
  background-color: #5c5c5c;
}
.login-form input[type=submit].female {
  background-color: #ffacee;
  border-color: #ffacee;
}
.login-form input[type=submit].female:hover {
  border-color: #ff81e5;
  background-color: #ff81e5;
}
.login-form input[type=submit].male {
  background-color: #c2e5ff;
  border-color: #c2e5ff;
}
.login-form input[type=submit].male:hover {
  border-color: #95d2ff;
  background-color: #95d2ff;
}
.login-form input[type=submit].unspecified {
  background-color: #9e71c7;
  border-color: #9e71c7;
}
.login-form input[type=submit].unspecified:hover {
  border-color: #8f5bbe;
  background-color: #8f5bbe;
}
.login-form input[type=submit].flat {
  -webkit-box-shadow: none;
  box-shadow: none;
}