html { 
  width: 100%;
  height: 100%;
}

body {
  background-image:url('../../images/header/background.png');
  background-position:0px 0px;
  background-repeat:repeat;
  position: relative;
  width: 100%;
  height: 100%;
}

.account-type-container {
	text-align: center;
}

.account-type-container h1 {
	font: 600 50px 'Open Sans';
	color: #86ae12;
	margin-bottom: 50px;
}

.signup-container {
  width: 800px;           /* Set this to your convenience */
  height: 230px;          /* Set this to your convenience */
  position: absolute;
  top: 40%;
  left: 50%;
  margin-top: -180px; 
  margin-left: -400px;     /* Half of width */
}

.account-type-container .account-type {
	display: inline-block;
	border-radius: 200px;
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.5);
	width: 250px;
	height: 250px;
}

.account-type-container .account-type.property-owner {
	background: url('../../../public/images/signup/site.png');
	background-repeat: no-repeat;
	background-position: 30px 15px;
}

.account-type-container .account-type.broker {
	background: url('../../../public/images/signup/broker.png');
	background-repeat: no-repeat;
	background-position: 35px 15px;
}

.account-type-wrapper {
	width: 250px;
	font: 600 30px/50px 'Open Sans';
	margin: auto 50px;
	display: inline-block;
	color: #848484;
	cursor: pointer;
}

.account-type-wrapper:hover {
	color: #085394;
}

.account-type-wrapper:hover .account-type {
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
    box-shadow: 1px 1px 10px 1px #085394;
}

.account-activated-container {
	width: 480px;           /* Set this to your convenience */
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -180px; 
	margin-left: -240px;     /* Half of width */
	font: 300 18px/30px 'Open Sans';
	background-color: #085394;
	padding: 20px 40px;
	border-radius: 10px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
	color: #fff;
}

.account-activated-container h2 {
	font: 600 40px/50px 'Open Sans'  !important;
	margin: 0px;
	text-align: center;
}

.account-activated-container h2 img {
	width: 30px;
}

.account-activated-container a {
	color: #fff;
	text-decoration: underline;
}

.trial-over-wrapper {
	width: 600px;           /* Set this to your convenience */
	position: absolute;
	top: 30%;
	left: 50%;
	margin-top: -180px; 
	margin-left: -300px;     /* Half of width */
	text-align: center;
}

.trial-over-container {
	font: 300 18px/30px 'Open Sans';
	background-color: #085394;
	padding: 20px 40px;
	border-radius: 10px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
	color: #fff;
}

.trial-over-container h2 {
	font: 600 20px/50px 'Open Sans'  !important;
	margin: 0px;
	text-align: center;
}

.trial-over-header {
	font: 600 40px/50px 'Open Sans'  !important;
	color: #c1c1c1;
	margin-bottom: 20px;
}

.trial-over-container a {
	color: #fff;
	text-decoration: underline;
}

.property-owner-container {
	display: none;
	width: 480px;           /* Set this to your convenience */
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -180px; 
	margin-left: -280px;     /* Half of width */
	font: 300 18px/30px 'Open Sans';
	background-color: #085394;
	padding: 20px 40px;
	border-radius: 10px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
	color: #fff;
}

.property-owner-container h2 {
	font: 600 22px/30px 'Open Sans'  !important;
	margin: 0px;
}

.property-owner-container a {
	color: #fff;
	text-decoration: underline;
}

.contact-info {
	margin-top: 20px;
}

.contact-info div {
	display: inline-block;
}

.contact-info div.contact-phone {
	float: left;
	vertical-align: top;
}

.contact-info div.contact-phone:before {
	background: url('../../images/icons/phone.png');
	background-size: 20px 15px;
	background-repeat: no-repeat;
	background-position: 2px 0px;
	width: 25px;
	height: 15px;
	content: " ";
	display: inline-block;
	margin-right: 5px;
}

.contact-info div.email {
	float: right;
	vertical-align: top;
}

.contact-info div.email a {
	vertical-align: top;
}

.contact-info div.email:before {
	background: url('../../images/icons/email.jpg');
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	content: " ";
	display: inline-block;
	margin: 3px 10px 0px 0px;
}

.return-to-login {
	margin-top: 15px;
	clear: both;
	text-align: center;
}

.return-to-login a {
	color: #fff;
	text-decoration: underline;
}

.broker-container {
	display: none;
	width: 600px;           /* Set this to your convenience */
	position: absolute;
	top: 30%;
	left: 50%;
	margin-top: -180px; 
	margin-left: -340px;     /* Half of width */
	font: 300 18px/30px 'Open Sans';
	padding: 20px 40px;
	color: #fff;
	background-color: #085394;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
}

.broker-container h1 {
	font: 600 22px/30px 'Open Sans'  !important;
}

.broker-container .logo {
	float: right;
	margin-bottom: 20px;
}

.broker-container .broker-signup {
	clear: both;
}

.broker-signup .form-field {
	margin-bottom: 5px;
}

.broker-signup label {
	display: inline-block;
	width: 150px;	
}

.broker-signup input {
	display: inline-block;
	height: 30px;
	width: 400px;
	font: 300 18px/30px 'Open Sans';
	padding: 5px;
	border: 0px;
}

.broker-signup input.hqZip {
	width: 181px;
}

.broker-signup select {
	height: 40px;
	font: 300 18px/30px 'Open Sans';
	min-width: 60px;
}

.broker-signup select option {
	padding: 5px;
}

.broker-signup .error-message-container {
	display: none;
	float: left;
	margin-top: 23px;
}

.broker-signup .error-icon.error {
	background: url('../../images/icons/x.png');
	background-size: 30px 30px;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	content: " ";
	display: inline-block;
}

.broker-signup .error-icon.success {
	background: url('../../images/icons/check.png');
	background-size: 30px 30px;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	content: " ";
	display: inline-block;
}

.broker-signup .error-message {
	display: inline-block;
	vertical-align: top;
	font-style: italic;
	margin-left: 5px;
	font-weight: 600;
}

.broker-signup .error-message a {
	color: #fff;
	text-decoration: underline;
}

.broker-signup .save-button {
	float: right;
	margin-top: 20px;
}

.broker-signup .save-button input {
	width: 100px;
	height: 40px;
}