@charset "UTF-8";
/* CSS Document */

#banner {background: url(../images/banner_background.png)no-repeat;
	background-color: #03345d;
	background-position: top, center;
	height: auto;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	text-align:left;
	z-index:1000000;
	padding-bottom: 0px;

}

#banner-login {background: url(https://app.contractorcrm.us/images/background.jpg)no-repeat;
	background-color: #03345d;
	background-position: top, center;
	height: 550px;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	text-align:left;
	z-index:1000000;
	padding-top: 150px;
	vertical-align: middle;
	color: rgb(41,116,237);
	text-transform: uppercase;

}

#topbar {background-color: #CCEFEA;
	height: 50px;


}


#main {
	background-color: #fff;
	height: auto;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	text-align:center;
	z-index:1000000;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #03345d;

}


#footer {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	color: #fff;
	/* background-color: #00B098; */
	font-size:0.8em;
	
	
}

#messages {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #fff;
	background-color: #00B098;
	font-size:0.8em;
	
	
}

#terms {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #fff;
		-webkit-font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	font-feature-settings: "lnum"; 
		
	
}

#terms-header {
	background: url(Custom/Aspire/images/banner_background.png)no-repeat;
	background-color: #03345d;
	background-position: top, center;
	padding-top: 20px;
	padding-bottom: 20px;

	
	
}

.img {
	width:100%;
	max-height:auto;
	max-width:auto;
}

.img_welcome {
	width:100%;
	max-height:auto;
	max-width:auto;
	padding-bottom: 50px;
	
}



.img-buttons {
	width:100%;
	max-height:auto;
	max-width:auto;
	padding-bottom: 5px;
	
}

.logo {
	width:100%;
	max-height:auto;
	max-width:auto;
	padding-top: 20px;
	padding-bottom: 20px;
	
}
.extra-padding {padding: 10px 20px 10px 20px;}

.banner-text {
	font-family: "roboto", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #fff;
	font-size: 18pt;
	font-weight: 100;
	line-height: 20pt;
	padding-top: 80px;
	padding-bottom: 0;
	text-align: right;

	
}

.bold {
	color: #fff;
	font-size: 18pt;
	font-weight: 600;	
	
}

.colour {
	color: #66D0C1;
	font-size: 18pt;
	font-weight: 600;	
	
}


.a-menu-text {
  color: #fff;
  text-decoration:none;
  font-weight:200; }
  
.a-menu-text:hover {
  color: #fff;
  text-decoration:none; }


a.headlink {
	font-weight:600;
	text-decoration:none;
	color:#66D0C1;
	padding:0px 5px 0px 5px;
	
	
}

a.headlink:hover {
	color:#CCEFEA;
	text-decoration:none;
}

a.headlink:active {
	color:#CCEFEA;
	text-decoration:none;
}


a.mainlink {
	font-weight:900;
	text-decoration:none;
	color:#f66202;
	padding:0px 5px 0px 5px;
	
	
}

a.mainlink:hover {
	color:#03345d;
	text-decoration:none;
}

a.mainlink:active {
	color:#CCEFEA;
	text-decoration:none;
}

a.baselink {
	font-weight:600;
	text-decoration:none;
	color:#fff;
	padding:0px 5px 0px 5px;
	
}

a.baselink:hover {
	color:#03345d;
	text-decoration:none;
}

a.baselink:active {
	color:#CCEFEA;
	text-decoration:none;
}


.button2,
button2,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: auto;
  padding-bottom: 10px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  background-color: #03345d;
  cursor: pointer;
  box-sizing: border-box; 
text-transform: uppercase;}
.button2:hover,
button2:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button2:focus,
button2:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #fff;
  outline: 0; 
  background-color: #03345d}
.button2.button-primary,
button2.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button2.button-primary:hover,
button2.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button2.button-primary:focus,
button2.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #03345d;
  border-color: #03345d; }