/* ------------------------------------- TOP BANNER -------------------------------------- */
/* logo */
.cla-logo{
	width:100%;
	height:auto;
}
/* Top Banner */
.cla-top-banner{
	height: 88px;
	background: #fff;
    color: #031c3f;	
    font-family: arial, helvetica, sans-serif;
}

/* Banner links (Espanol) link */
.cla-global-nav-link{
	color: #003162;
}

/* ------------------------------------- TOP MENU BAR -------------------------------------- */

/* Top menu bar */
.cla-menu-container{
	background-color: #008752;
	box-shadow: 1px 1px 2px 1px #999;	
}

/* ?? */
.cla-menu-container ul li:hover{
	background-color: #008752;
}

/* Menu font color */
.cla-menu a:link, .cla-menu a:visited{
	color: #008752;
}

/* Menu hover color */
.cla-menu a:hover, .cla-menu a:active, 
 .cla-menu .active a:link, .cla-menu .active a:visited {
	background-color: #008752;
}

/* ------------------------------------- NAVIGATION BAR AREA -------------------------------------- */

/* Main Navigation Bar Area */
.cla-step-progress-container {
	border:1px solid #008752;
	background: #FFF none repeat scroll 0 0;	
}

/* Unvisited Navigation Bubbles */
#cla-step-progress li.cla-step-active:before,  #cla-step-progress li.cla-step-active:after{
	background: #008752;
}

/* Visited Navigation Bubble */
#cla-step-progress li.cla-step-completed:before,  #cla-step-progress li.cla-step-completed:after{
	background: #008752;
}

/* -------------------------------------  HAMBURGER BAR (only on smaller resolutions) -------------------------------------- */
@media only screen and (min-width: 301px) and (max-width: 800px)
{
	/* Background for menu options */
	.cla-menu-container ul li{
		background:#008752;
	}
	
	/* Hover the hamburger color */
	.cla-navbar-toggle:hover{
		background:#008752;
	}
	
	/* Border around the hamburger icon */
	.cla-navbar-toggle{
		border: 1px solid #031c3f;
		background: inherit;
	}
	
	/* 3 lines in the hamburger menu icon*/
	.icon-bar {
		background-color: #fff;
	}
}

/* ------------------------------------- MEATY MIDDLE -------------------------------------- */

/* Main background */
.cla-body{
	background: #fff;
}
@media only screen and (min-width: 801px) 
{
	.cla-body{
		###background: #fff url("../cla_img/10052/bg-10052.png") center top;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #fff
	}
}

/* Border around body of application */
.topcontent{
	border:1px solid #008752;
}

/* BEGIN YOUR LOAN APPLICATION title (page titles) */
.cla-form-hrader{
	color: #008752;
}

/* GENERAL DISCLOSURE title */
.cla-collapsable {
	color: #008752;
}

/* Box for the GENERAL DISCLOSURE */
.cla-disclouser-container{
	background: #FFF;
	border: 1px solid #aaa;
}

/* Text field border */
.cla-input {
	border: 1px solid #008752;
}

/* Drop down select box border */
.cla-select  {
	border: 1px solid #008752;
	height: 30px;
}

/* Next Button */
.btn-primary {
    background-color: #008752;
    border-color: #008752;
    color: #fff;
}

/* NEW Hover over buttons */
.btn:hover {
	background-color: #008752;
	border-color: #008752;
	color: #fff;	
}

/* NEW button PRESSED over buttons */
.btn:active:focus {
	background-color: #008752;
	border-color: #008752;
	color: #fff;	
}

/* NEW Apply now button */
.btn-success {
    color: #fff;
    background-color: #008752;
    border-color: #008752;
}

/* ------------------------------------- FOOTER -------------------------------------- */

/* Footer Bar*/
.cla-footer{
	background-color: #008752;
}

/* Hover over Privacy and Security color */
.cla-footer-links span:hover{
	background:#008752;
}

/* ------------------------------------- modal overrides -------------------------------------- */
/* --- modal header background color ------------------------------*/
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #008752;
	background-color: #008752;
}
/* --- modal title text color ------------------------------*/
.modal-title {
    margin: 0;
    line-height: 1.42857143;
	color : #fff !important;
}