.loginBox
{
	/*background-image:url(../images/backgrounds/bg.png);
	height:100%;
	width:100%;
	padding:0px;
	opacity: 0.1;*/
}

body
{
	/*background-image:url(../images/backgrounds/bg.png);*/
}

.indexLogoContainer
{
 	/*box-sizing means the size of an element will stay the same no matter how much padding you add to it. */
	box-sizing:border-box;
    height: 40%;
    padding-top: 100px;
}

.indexLoginFields
{
	/*box-sizing means the size of an element will stay the same no matter how much padding you add to it. */
	box-sizing:border-box;
    height: 30%;
    padding-top: 0px;
}

.indexCopyright
{
	font-family:Calibri,Arial, Helvetica, sans-serif;
	text-align:center;
    font-style:bold;        
	font-size:12px;
    color: black;
}

.forgotPassword
{
	font-family:Calibri,Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0000FF;
}

.forgotPassword:hover
{
	font-family:Calibri,Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#0000FF;
}

.selectDealershipAccount
{
	/*box-sizing means the size of an element will stay the same no matter how much padding you add to it. */
	box-sizing:border-box;
    height: 20%;
    padding-top: 0px;
}

.loginErrorMessage
{
	font-family:Calibri,Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	color:#FF0000;
}

input.loginInputBox
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:center;
}

input[type="text"] 
{
    width: 200px;
	height: 40px;
}
input[type="password"] 
{
    width: 200px;
	height: 40px;
}
input[type="submit"] 
{
    width: 200px;
	height: 40px;
	text-align:center;
    font-style:bold;        
	font-size:18px;
    color: black;
}

input.selectAccountGoButton
{
	width: 50px;
	height: 30px;
	text-align:center;
    font-style:bold;        
	font-size:18px;
    color: black;
}

input.calcFinanceButton
{
	width: 200px;
	height: 30px;
	text-align:center;
    font-style:bold;        
	font-size:18px;
    color: black;
}


select.selectAccount
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
    width: 300px;
	height: 30px;
}
/* placeholder styling */   
input:-ms-input-placeholder 
{
	text-align:center;
    font-style:bold;        
	font-size:18px;
    color: black;
}

/*RESET PASSWORD LIGHTBOX CSS */

.black_overlay
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content 
{
	display: none;
	position: absolute;
	top: 10%;
	width: 400px;
	height: 350px;
	padding: 16px;
	box-shadow:inset 0 0 4px 4px #999;
	background-color: white;
	z-index:1002;
	overflow: auto;
	border-radius:10px;
	margin-left:32%;
}

.blackOverlayQuickQuote
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.whiteContentQuickQuote 
{
	display: none;
	position: absolute;
	top: 10%;
	width: 450px;
	height: 500px;
	padding: 16px;
	box-shadow:inset 0 0 4px 4px #999;
	background-color: white;
	z-index:1002;
	overflow: auto;
	border-radius:10px;
	margin-left:32%;
	
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;


}

.resetPasswordText
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.searchDateFunctionText
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
}

input.searchDateFunction
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	width: 142px;
	height: 30px;
	text-align:left;
    font-style:bold;        
	font-size:18px;
    color: black;
	
}

input.emailAddressPwdReset
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	width: 400px;
	height: 40px;
	text-align:center;
    font-style:bold;        
	font-size:18px;
    color: black;
	
}

input.resetPwdButton
{
	width: 200px;
	height: 40px;
	text-align:center;
	font-family: Calibri,Arial, Helvetica, sans-serif;
    font-style:bold;        
	font-size:18px;
    color: black;
}

input.financialDetailsErrorWarnings 
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-weight:bold; 
	font-size:18px;  
	color:#FF0000;
	background-color: transparent; 
	border: 0px #000000 solid; 
	text-align: left 
}

a.closeLightboxLink
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:bold;
	color:#FF0000;
}
a.closeLightboxLink:hover
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style:bold;
	color:#FF0000;
}
/*RESET PASSWORD LIGHTBOX CSS */

.resultsScreenHeaderStyle
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 1024px;
	height: 70px;
	border-style: solid;
	border-color: #007d92;
	box-shadow: 4px 4px 4px #888888;
	border-radius: 7px;
	background-color:#FFFFFF;
}
td.resultsScreenBodyHeaders
{
	text-align:center;
}

.resultsScreenBodyStyleHeader
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 1024px;
	height: 40px;
	border-style: solid;
	border-color: #007d92;
	box-shadow: 4px 4px 4px #888888;
	border-radius: 7px;
}

.resultsScreenBodyStylePageFooter
{
	width: 1024px;
	/*height: 60px;*/
	border-style: solid;
	border-color: #007d92;
	box-shadow: 4px 4px 4px #888888;
	border-radius: 7px;
	background-color:#FFFFFF;
}

.bodySpacer
{
	/*background-color:#eaf5ed;
	background-image:url(../images/backgrounds/bg.png);*/
}

a.resultsScreenBodyStylePageFooterText
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#007AFF;
	text-decoration: none;
}
a.resultsScreenBodyStylePageFooterText:visited
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#007AFF;
	text-decoration: none;
}

a.resultsScreenBodyStylePageFooterText:hover
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#007AFF;
	text-decoration: none;
}



.resultsScreenBodyStyle
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 1024px;
	height: 525px;
	border-style: solid;
	border-color: #007d92;
	box-shadow: 4px 4px 4px #888888;
	border-radius: 7px;
	background-color:#FFFFFF;
}

.resultsScreenBodyHeaders
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	background-color:#007d92;
	height:40px;
	
}

.resultsScreenBody
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#000;
}

td.resultsScreenBody
{
	text-align:center;
}

.dealStackerMainBody
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 1024px;
	/*height: 525px;*/
	border-style: solid;
	border-color: #007d92;
	box-shadow: 4px 4px 4px #888888;
	border-radius: 7px;
	background-color:#FFFFFF;
}


.dealStackerTitle
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color:#000000;
}


input.dealerStackInputFields
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:center;
	height: 30px;
}

input.dealerStackFinancialField
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	height: 30px;
}

<!-- Application Form -->

.mainAppForm
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 980px;
	height: 1024px;
	border-color: #eaf5ed ; 
	border-style: solid;
	background-color: #eaf5ed ;
	
}

.mainApplicationHeader
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 902px;
	height: 60px;
	margin-top: 10px;
	background-color: #eaf5ed;
	/*opacity: 0.8;
	box-shadow: 3px 3px 3px #888888;
    padding: 3px 0px 3px 2px;*/
    border-radius: 5px;
}

.mainPersonalDetails
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 900px;
	height: 250px;
	margin-top: 10px;
	/*border: 3px solid #007aff ;*/
	background-color: #eaf5ed  ; 
	/*box-shadow: 3px 3px 3px #888888;*/
	border-radius: 5px;
   
}

.jointPersonalDetails
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 900px;
	height: 200px;
	margin-top: 10px;
	/*border: 3px solid #007aff ;*/
	background-color: #eaf5ed ; 
	/*box-shadow: 3px 3px 3px #888888;*/
	border-radius: 5px;
   
}

.mainAddressDetails
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 900px;
	height: auto;
	margin-top: 10px;
	/*border: 3px solid #007aff ;*/
	background-color: #eaf5ed ; 
	/*box-shadow: 3px 3px 3px #888888;*/
	border-radius: 5px;
	padding-bottom: 20px;
	
   
}

.jointAddressDetails
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 900px;
	height: auto;
	margin-top: 10px;
	/*border: 3px solid #007aff ;*/
	background-color: #eaf5ed ; 
	/*box-shadow: 3px 3px 3px #888888;*/
	border-radius: 5px;
	padding-bottom: 20px;
	
   
}

.jointEmploymentDetails
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 900px;
	height: auto;
	margin-top: 10px;
	/*border: 3px solid #007aff ;*/
	background-color: #eaf5ed  ; 
	/*box-shadow: 3px 3px 3px #888888;*/
	border-radius: 5px;
   
}

.jointIncomeDetails
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 900px;
	height: 230px;
	margin-top: 10px;
	/*border: 3px solid #007aff ;*/
	background-color: #eaf5ed  ; 
	/*box-shadow: 3px 3px 3px #888888;*/
	border-radius: 5px;
   
}

.jointBankDetails
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 900px;
	height: auto;
	margin-top: 10px;
	/*border: 3px solid #007aff ;*/
	background-color: #eaf5ed ; 
	/*box-shadow: 3px 3px 3px #888888;*/
	border-radius: 5px;
	padding-bottom: 20px;
	
   
}

.footer
{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 900px;
	height: 75px;
	margin-top: 10px;
	background-color: #eaf5ed  ;
	border-radius: 5px; 
	
   
}

.mainPersonalDetails h2 
{
     color: #595959   ;
}

.mainAddressDetails h2 
{
     color: #595959   ;
}

.jointPersonalDetails h2
{
     color: #595959   ;
}

.jointAddressDetails h2
{
     color: #595959   ;
}

.jointEmploymentDetails h2
{
     color: #595959   ;
}

.jointIncomeDetails h2
{
     color: #595959   ;
}

.jointBankDetails h2
{
     color: #595959   ;
}

input[type="placeholderText"] 
{
	padding:5px;
	border:1px solid #606060;
	border-radius: 4px;
    width: 200px;
	height: 25px;
	text-align:left;
    font-style:bold;        
	font-size:12px;
    font-color: #606060;
}

input[type="textbox"] 
{
	padding:5px;
	border:1px solid #606060;
	border-raduis: 4px; 
    width: 30px;
	height: 25px;
	text-align:left;
    font-style:bold;        
	font-size:12px;
    font-color: #606060;
}

.basic-grey 
{
    margin-left:auto;
    margin-right:auto;
    padding: 1px 10px 1px 1px;
    font-family: Calibri,Arial, Helvetica, sans-serif;
    font-size: 14px;
    cursor: pointer;

}

.basic-grey select 
{
    
    appearance:none;
     -webkit-appearance:none; 
    -moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: '';
     line-height: 25px;
}

.button {
     background: #007aff;
     border: none;
     padding: 10px 25px 10px 25px;
     color: #000000;
     box-shadow: 1px 1px 5px #B6B6B6;
     border-radius: 3px;
     cursor: pointer;
}

.button:hover {
     background: #34aadc;
}