/* login.css */

@charset "UTF-8";

#login {
  background-color: #ffffff;
  padding: 0;
}

#login h1 {
  font-size: 200%;
  font-weight: bold;
  color: #494949;
  margin: 0;
  padding-top: 5px;
  text-align: center;
}

#login-header {
  background-color: #4A4849;
  height: 35px;
  text-align: left;
  padding-left: 10px;
  margin: 0;
}

#login-form-section {
  float: left;
  width: 375px;
  margin-top: 10px;
}

#login h1 {
  font-size: 175%;
  font-weight: bold;
  color: #494949;
  margin: 0;
  padding-top: 5px;
  text-align: center;
}

#login h2 {
  font-size: 100%;
  font-weight: bold;
  color: #494949;
  text-align: center;
  margin: 0;
}

#login-form {
  padding: 20px 10px 10px 10px;
}

#keepme-label {
  margin-top: 25px;
  width: 350px;
  border: 1px dashed purple;
  display: inline-block;
}

#submit-login {
  float: right;
  margin-right: 20px;
  display: inline-block;
  background-color: #e21d02;
  color: #ffffff;
  font-weight: bold;
  font-size: 110%;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
  border-radius: 5px;
}

#forgot-password {
  float: left;
  margin-left: 185px;
  margin-top: 15px;
}

#forgot-password a {
  color: #1344F8;
  text-decoration: none;
}

#forgot-password a:hover {
  text-decoration: underline;
}

#keepme-div {
  margin-top: 15px;
  width: 300px;
}

#signup-modal-section {
  float: right;
  width: 360px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 4px solid #494949;
  font-size: 100%;
  font-weight: bold;
  color: #494949;
  text-align: left;
}

#signup-modal-section h1 {
  font-size: 175%;
  font-weight: bold;
  color: #494949;
  margin: 0;
  padding-top: 5px;
  text-align: center;
}

#signup-modal-button {
  margin: auto;
  display: inline-block;
}

#signup-modal-button  a {
  background-color: #e21d02;
  color: #ffffff;
  font-weight: bold;
  font-size: 110%;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  margin-left: 130px;
}

/*
#signup-modal-section p {
  font-size: 100%;
  font-weight: bold;
  color: #494949;
  text-align: left;
  border: 1px solid blue;
}
*/
#simplemodal-overlay {
  background-color: #000000;
}

#simplemodal-container {
  background-color: #4A4849;
  /*border: 4px solid #4A4849;*/
}

/*
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}
*/
#simplemodal-container a.modalCloseImg {
	background:url(/images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

.login-label {
  width: 110px;
  display: inline-block;
}

.ui-dialog {
  margin: 0;
  padding: 0;
}

.ui-widget-content {
  margin: 0px;
  padding: 0;
  border: 4px solid #4A4849;
  background-color: #ffffff
}

.ui-widget-header {
  background-color: #4A4849;
  /*background-color: #ffffff;*/
  /*border-radius: 0;*/
  background-image: none;
  border: #4A4849;
}

.ui-titlebar {
  margin: 0;
  padding: 0;
  /*background-color: #4A4849;*/
}

.ui-dialog .ui-dialog-content {
  /*border: 4px solid #4D4849;*/
  margin: 0;
  padding: 0;
  background-color: #ffffff
}

.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_ffffff_256x240.png); }
/*.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-icons_ffffff_256x240.png) 50% top repeat-x; color: #333333; }*/
