﻿@charset "utf-8";
body {	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background:#e4e4e4; margin:0; padding:0 }
img { border:none;}
a {color: #005011; text-decoration: underline; outline:none;}
a:hover {text-decoration:none;}
table {border-collapse:collapse; border:1px solid #b5b5b5; }
th { border:1px solid #b5b5b5; font-weight:bold; text-align:center; font-size:13px; background:#adc3e0; }
td { border:1px solid #b5b5b5; text-align:center; font-size:13px; background:#ffffff; }
th a { color:#000;}
td a { color:#333333;}
td, th {padding:5px; padding-right:10px;}
tr.odd  td { background-color:#e3e8f0; }
table.noborder { border:none;}
table.noborder h2 { font-weight:bold;}
table.noborder .form_row strong {margin-left:20px; font-weight:normal;}
table.noborder  td { border:none; background:none;}
table.noborder th { border:none;}

h1 { font-size:17px; font-weight:normal; color:#005011; margin:0; padding:0; padding-bottom:10px; }
h2 { font-size:16px; font-weight:normal; color:#005011; margin:0; padding:0; }
legend { font-size:20px; font-weight:normal; padding:0 15px; color:#005011; }
legend strong {color:#e52324; font-weight:normal;}
legend a { font-size:13px; }
fieldset { margin:0; padding:0; padding:0 10px; padding-bottom:10px; margin-bottom:10px; border:1px solid #a0a0a0;}
form { display: inline;} 
.mandatory { color:#F00; font-size:12px; font-weight:bold;}
.mandatoryselfserve { color:#F00; font-size:12px; font-weight:bold;display:none;}

.wraper { width:1004px; margin:0 auto;}
.main { width:1000px; padding:2px; background:#fff; float:left;}
.header { width:1000px; padding:10px 0; padding-bottom:0;  float:left; background:#EFEFEF ;}
.header .logo { float:left; padding-left:25px; padding-bottom:10px; }
.header .tagline { float:left; padding-left:25px; padding-top:30px; padding-bottom:10px; color:#106025; font-size:26px; font-weight:bold; }
.header .userinfo { padding-top:30px; float:right; padding-right:25px; padding-left:20px;  }
.header .navigation { background:#010101 url(../images/nav_bg_defult.jpg) repeat-x; clear:both; border-bottom:1px solid #fff; float:left; width:100%; height:38px; }

/* menu styles */
#jsddm { margin: 0;	padding:0; /*width:1000px;*/}
#jsddm li {	float: left; list-style: none;}
#jsddm li a	{ display: block; color: #fff; padding: 10px 12px; text-decoration: none;border-right: 1px solid #9e9e9e; white-space: nowrap; height:18px;}
#jsddm li a:hover,#jsddm li a.active  {	background:#f3d541 url(../images/nav_bg_over_default.jpg) repeat-x; color:#333333;}
#jsddm li.search_link { float:right;}	
#jsddm li.search_link	a {border-left: 1px solid #9e9e9e; border-right:none;}
#jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border: 1px solid #a0a0a0; z-index:999999999; }	
#jsddm li ul li { float: none; display: inline}			
#jsddm li ul li a {	width: auto; background: #e5bc2a; color: #24313C; border-right:0px; padding: 6px 12px; border-bottom:1px dotted #b89209;  }		
#jsddm li ul li a:hover	{ background: #191919; color: #fff;}
.clear { clear: both;overflow: hidden;height: 0}
/* menu styles end */	
	
.content { clear:both; float:left; margin:0 auto; padding:0 10px; padding-top:30px;  width:980px; /* position:relative; */}
.container { float:left; width:98%; padding:10px 1%; }

.textfield {background:#ffffff; border:1px solid #a0a0a0; color:#211E18; font-size:13px; height:18px; padding:3px 5px ; margin-right:10px;}
.textarea{background:#ffffff; border:1px solid #a0a0a0; color:#211E18; font-size:13px;  padding:5px 5px ; margin-right:10px; overflow:auto; font-family:Trebuchet MS,Helvetica,Arial; }
.filefield {background:#ffffff; border:1px solid #a0a0a0; color:#211E18; font-size:13px; height:18px; padding:3px 5px ; margin-right:10px; height:25px;}

.selectfield {width:250px;  background:#ffffff; color:#211E18; font-size:13px; outline:none; border:1px solid #a0a0a0;   }
.button { background:#eeeeea url(../images/nav_bg_over_default.jpg) repeat-x; border:1px solid #a0a0a0; color:#333333; font-size:13px; height:30px; padding:0 20px; margin-right:10px; font-weight:bold; cursor:pointer; outline:none;  }
.form_row { clear:both; float:left; width:100%; padding:5px 0; text-align:left;}
.form_row .left_col { float:left; width:250px; text-align:right; padding-right:20px; padding-top:3px; font-weight:bold; font-size:13px;}
.form_row .right_col { float:left; width:70%; text-align:left;}
.error_msg { background:#f6bebe; width:96%; padding:10px 2%; margin-bottom:20px; border:1px solid #ff7171; clear:both; float:left; color:#900;}
.success_msg { width:96%; padding:10px 2%; margin-bottom:20px; border:1px solid #339900; color:#339900; background-color:#E4FADA;}
.error_msg_inline {color:#f00;}

.search_form { width:400px; float:left; padding:10px; z-index:999999; }
.search_form .form_row { padding:3px 0;}
.search_form .form_row .left_col { width:150px; padding-right:10px; }
.search_form .form_row .right_col { width:60%; }
.title { font-size:18px; font-weight:normal; color:#005011; border-bottom:1px dotted #b89209;  }
.search_form .title { font-size:18px; font-weight:normal; color:#005011; border-bottom:1px dotted #A0A0A0; margin-bottom:10px;  }

.search_form  .selectfield { width:220px;}
/*.search_form  .button { background:#eeeeea url(../images/button_bg.gif) repeat-x;}*/
#jsddm li  a.normallink { background:none; border:none; color: #204c89; text-decoration: underline; display:inline;}
#jsddm li a.normallink:hover  {text-decoration:none;}
#searchResults { clear:both;}

.tab_panel { width:980px; clear:both; float:left; margin-bottom:30px;}
.tab_panel ul { margin:0; padding:0; float:left; list-style-type:none; width:980px; z-index:1000; border-bottom: 1px solid #b5b5b5; }
.tab_panel ul li { display: inline; float:left; margin-bottom:-2px;}
.tab_panel ul li a { display: block;  background:#dcdcdc;color: #333; padding: 6px 12px;text-decoration: none; border: 1px solid #a0a0a0; white-space: nowrap; margin-right:5px; margin-top:1px; }
.tab_panel ul li a:hover {	background:#f3f3f3; color:#333333; }
.tab_panel ul li.active {}	
.tab_panel ul li.active a { color:#333; background: #f3f3f3;  font-weight:bold; border: 1px solid #a0a0a0; border-top:3px solid #f3d541; border-bottom:1px solid #f3f3f3; margin-top:0px;   }
.tab_panel .tabs_content { float:left;border: 1px solid #b5b5b5; padding:10px; width:958px; background:#f5f5f5; z-index:-1; border-top:none; }

.chart_info { width:300px; padding-right:20px; float:left;}
.chart_info .report_link { background:#eeeeea url(../images/button_bg.gif) repeat-x; border:1px solid #a0a0a0;  padding:8px; text-align:center; display:block; width:200px; margin:0 auto;  font-weight:bold; font-size:13px;}
.chart_info .report_link:hover { background:#e7e7e7;}
.chart_info .recalculate_link { background:#fff; padding:8px; text-align:center; border:1px solid #a0a0a0; display:block; margin:0 auto;}
.chart_info .recalculate_link:hover { background:#e7e7e7;}
.chart_info .graph_legends { width:80px; height:30px;}
.chart_info .textfield { font-size:12px;}
.chart_info table, .chart_info td { border:none; background:none; text-align:left; padding:3px;}

.chart_area { width:600px;float:left;}

/* 
.report_tabs ul li a {border: 1px solid #a0a0a0; border-bottom:none;}
.report_tabs ul li a:hover { background:#cad6e6;}
.report_tabs ul li.active a { background:#cad6e6;}
.report_tabs .tabs_content {background:#cad6e6;} */

.pagination {font-size:12px; padding:15px 0 10px 0; text-align:right; width:100%; }
.pagination h1 { float:left; margin-top:-8px;}

.pagination  a {
	/* [disabled]border:1px solid #b5b5b5; */
	margin:0 0px;
	padding:0 3px;
	font-weight:bold;
	text-decoration:underline;
	/* [disabled]background:#fff; */
}
.pagination  a:hover {
	/* [disabled]background:#e5bc2a; */
	/* [disabled]border:1px solid #a0a0a0; */
	/* [disabled]color:#333333; */
	margin:0 0px;
	/* [disabled]padding:0 5px; */
	text-decoration:none;
}
.pagination  a.active {
	/* [disabled]background:#e5bc2a; */
	/* [disabled]border:1px solid #a0a0a0; */
	color:#333333;
	/* [disabled]margin:0 0px; */
	/* [disabled]padding:0 5px; */
	text-decoration:none;
}

.no_top_padding { padding-top:0;}
.report_area { clear:both; float: left; padding-top:10px; width:100%; border-top:1px solid #b5b5b5; max-width: 960px; overflow: auto; }
td.greentitle { font-size:12px; font-weight:bold; color:#005011; }
.bluetext { color:#4875b2;}
.select_table { border:none; background:none;}
.select_table td { background:none;  border:none; }
.heading_outer { clear:both; float:left; width:100%; background:url(../images/heading_bg.gif) repeat-x 0 6px; }
.heading_outer h1 {width:auto; float:left; padding-right:10px; padding-top:10px; background:#fff;}
.application_tabs .tabs_content .heading_outer h1 { background:#f5f5f5;}
.noborder .form_row .left_col { width:150px;}

.view_details .form_row .right_col { padding-top:3px; height:22px;}

.questions { clear:both; float:left; width:100%;}
.questions ul, .questions ol { margin:20px; padding:0;}
.questions li { margin:0; padding:0; padding-bottom:5px;}
.questions a { font-weight:bold;  }
.answers { clear:both; float:left; width:100%; margin:0 0 15px 0;}
.answers p { margin:0; padding:0;}

.content fieldset .tab_panel { width:940px;}
.content fieldset .tab_panel ul { width:957px;}
.content fieldset .tabs_content { width:935px;}

.footer { clear:both; float:left; width:95%;  margin:20px; border-top:1px dotted #a0a0a0; padding-top:20px; font-size:12px;}
.footer p { width: 96%; }
.form_row .left_col_pvl { float:left; width:225px; text-align:left; padding-right:20px; padding-top:3px; font-weight:bold; font-size:13px;}
.form_row .left_col_pvl1 { float:left; width:100px; text-align:right; padding-right:20px; padding-top:3px; font-weight:bold; font-size:13px;}
.form_row .left_col_pvl2 { float:left; width:250px; text-align:right; padding-right:20px; padding-top:3px; font-weight:bold; font-size:13px;}

.login_container { width:280px; float:left; padding-top:10px;}

.login_container .form_row .left_col { text-align:left; padding-bottom:5px;}
.splash_image { width:600px; float:left;  margin-right:50px; padding-top:10px;}

/* new classes for applications tabs */
.content fieldset .application_tabs ul { width:957px;}

.application_tabs { width:960px; clear:both; float:left; margin-bottom:0px;}
.application_tabs ul { margin:0; padding:0; float:left; list-style-type:none; width:960px; z-index:1000;border-bottom: 1px solid #b5b5b5; }
.application_tabs ul li { display: block;  background:#dcdcdc;color: #333; padding: 6px 12px;text-decoration: none; border: 1px solid #a0a0a0; white-space: nowrap; margin-right:5px; margin-top:1px; float:left; margin-bottom:-2px; }

.application_tabs ul li.active{ color:#333; background: #f3f3f3;  font-weight:bold; border: 1px solid #a0a0a0; border-top:3px solid #f3d541; border-bottom:1px solid #f3f3f3; margin-top:0px;   }
.application_tabs .tabs_content { float:left;border: 1px solid #b5b5b5; padding:10px; width:938px; background:#f5f5f5; z-index:-1; border-top:none; }

.application_button { background:#eeeeea url(../images/nav_bg_over_default.jpg) repeat-x; border:1px solid #a0a0a0; color:#333333; font-size:13px; height:28px; padding:0; font-weight:bold; width:auto; float:left;  }
.application_button a{ width:auto; height:23px; float:left; color:#333333; text-decoration:none; padding:5px 40px 0;}
.application_button a#MapLoanApplicationToStore {padding:5px 20px 0;}

.inactive { background:none; background-color:#efefef; color:#cccccc; border-color:#cccccc;}
.inactive span{ width:auto; height:23px; float:left; text-decoration:none; padding:5px 40px 0;}

.terms_container { width:580px; padding:25px; position:absolute; left:185px; top:160px; font-size:13px; font-family: "Trebuchet MS"; color:#000000; border:2px solid #666666; background:#eaeef6; display:none;}
.terms_container_bottom { width:580px; padding:25px; position: fixed; left:185px; bottom: 200px; font-size:13px; font-family: Trebuchet MS; color:#000000; border:2px solid #666666; background:#eaeef6; display:none;}
.content .cancel_confirmation { width:auto; text-align:center; left:35%; padding:50px;}
.content .cancel_confirmation .application_button { width:60px; float:none; margin:auto; text-align:center; }

.terms_container h2 { font-size:18px; font-weight:bold; text-align:center; width:100%; color:#000000; margin:0; padding:0;}
.terms_container .btn_close { width:24px; height:24px; position:absolute; right:5px; top:5px; cursor:pointer;}
.terms_container_bottom h2 { font-size:18px; font-weight:bold; text-align:center; width:100%; color:#000000; margin:0; padding:0;}
.terms_container_bottom .btn_close { width:24px; height:24px; position:absolute; right:5px; top:5px; cursor:pointer;}
.application_btn .button { margin-right:0;}
.application_btn table { border:none;}
.application_btn table  td { border:none; background:none; padding:5px; padding-top:10px; padding-bottom:0;}
.application_btn table th { border:none;}

.field-validation-error
{
    color: #ff0000;
}
.button_graph  { background:#eeeeea url(../images/nav_bg_over_default.jpg) repeat-x; border:1px solid #a0a0a0; color:#333333; font-size:13px; height:30px; padding:0 20px; margin-right:10px; font-weight:bold; width:13em !important; outline:none;  }

.textfield-validation-error
{
    color: #ff0000; float:left; padding-left:1px;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.field-validation-valid
{
    display: none;
}
/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important; 
}
#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-top:25px; }
        #cboxTitle{position:absolute; top:0px; left:0; text-align:left; width:100%; color:#005011; font-size:20px; font-weight:bold;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; top:0; right:0; display:block; color:#444;}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/

.cboxIE #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) 0 0 no-repeat;}
.cboxIE #cboxTopCenter{height:25px; background:url(../images/border1.png) 0 -50px repeat-x;}
.cboxIE #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) -25px 0 no-repeat;}
.cboxIE #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) 0 -25px no-repeat;}
.cboxIE #cboxBottomCenter{height:25px; background:url(../images/border1.png) 0 -75px repeat-x;}
.cboxIE #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) -25px -25px no-repeat;}
.cboxIE #cboxMiddleLeft{width:25px; background:url(../images/border2.png) 0 0 repeat-y;}
.cboxIE #cboxMiddleRight{width:25px; background:url(../images/border2.png) -25px 0 repeat-y;}
.validation-summary-valid
{
    display: none;
}
/* recalculate button class */
.recalculate_button { background:#eeeeea url(../images/nav_bg_over_default.jpg) repeat-x; border:1px solid #a0a0a0; color:#333333; font-size:13px; height:30px; font-weight:bold; width:115px; font-family:"Trebuchet MS";  }
.datefield { width:90px; background:#ffffff; border:1px solid #a0a0a0; color:#211E18; font-size:13px; height:18px; padding:3px 5px ; margin-right:10px;}

/*red color text */
.redtext {color:Red;font-weight:bold;}legend { font-size:20px; font-weight:normal; padding:0 15px; color:#005011; }
legend strong {color:#e52324; font-weight:normal;}
legend a { font-size:13px; }

.form_row fieldset { width:70%;  margin:0 0 0 83px; font-size:13px;}
.form_row legend { font-size:13px; font-weight:bold;color:#333333; }
.form_row fieldset .right_col { width:95%; margin: 10px 0 0 15px;}
.form_row fieldset span { margin:0 10px;}
.form_row fieldset .right_col .licensefield { width:100px; background:#ffffff; border:1px solid #a0a0a0; color:#211E18; font-size:13px; height:18px; padding:3px 5px ; margin-right:10px;}
.form_row fieldset .right_col .button { float:right;}

/*Map Users*/
.left_panel .mapUser { width:283px; height:400px; float:left; border:1px solid #b5b5b5; position:relative; background:#f5f5f5; overflow-x:hidden; overflow-y:auto; }
.left_panel .mapUser table { border:none;}
.left_panel .mapUser #representativeList { font-size: 14px; list-style: none outside none; margin: 15px 10px 0; padding: 0; border:none; background:#f5f5f5; }
.left_panel .mapUser #representativeList td { padding:5px 15px 5px 16px; border-bottom:1px solid #b5b5b5; background:#f5f5f5; border-right:none; border-left:none; border-top:none;}
.left_panel .mapUser #representativeList td:hover { background:#cccccc;}
.left_panel .mapUser #representativeList .selected { background:#cccccc; font-weight:bold;}
.left_panel .mapUser #representativeList .user_icon { width:16px; height:16px; float:left; margin:0 10px 0 0; background:url(../images/user.png);}
.left_panel .mapUser table th { display:none;}

/* manage user classes */
.left_panel { width:285px; float:left; margin:15px 0; }
.left_panel .listing { width:283px; height:400px; float:left; border:1px solid #b5b5b5; position:relative; background:#f5f5f5; overflow-x:auto; overflow-y:auto; }
.left_panel table { margin:15px 0 0 0; float:left;}
.left_panel table td{ text-align:left;}
.left_panel table td a { float:right; font-weight:bold;}
.left_panel .button { float:right; margin:10px 0 0 0;}

.right_panel { width:650px; float:left; margin:15px 0 0 15px;}
.right_panel .pagination { background:#ffffff;}
.right_panel .bottom_actions { float:right; margin:10px 0 0 0;}
.right_panel .bottom_actions .button { margin:0 0 0 15px;}

.content .newuser_tabs { margin-top:25px;}
.fileField { background:#ffffff; border:1px solid #a0a0a0; color:#211E18; font-size:13px; height:25px; padding:3px 5px ; margin-right:10px;} 
.loginfield {background:#ffffff; border:1px solid #a0a0a0; color:#211E18; font-size:13px; width:260px; height:18px; padding:3px 5px ; margin-right:10px;}
.left_panel .listing table { border:none;}
.left_panel .listing table td { border:none; background:#f5f5f5; cursor:pointer}
/*.left_panel .listing table td.ui-widget-content .ui-icon-carat-1-sw { display:none;} */
table.employment_info { border:none;}
table.employment_info td {border:none; font-size:14px;}
table.employment_info .form_row .left_col { width:245px;}
table.employment_info .form_row .right_col { width:40%;}
.left_panel .listing table th { display:none;}
.left_panel .add_button { float:right; margin:10px 0 0 0; background:#eeeeea url(../images/nav_bg_over_default.jpg) repeat-x; border:1px solid #a0a0a0; color:#333333; font-size:13px; height:28px; font-weight:bold;}
.left_panel .add_button a{ width:auto; height:23px; float:left; color:#333333; text-decoration:none; padding:5px 40px 0;}

/* main error message*/
.ErrorModal
{
    position: absolute;
    z-index: 9002;    
    background-color:#fff;
    padding: 15px; 
    width:350px;
    height:100px;
    left:40%;
    top:35%;   
}

#blanket {
background-color:#000;
opacity: 0.35;
filter:alpha(opacity=35);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
height:100%;
}

.customConfirm {
    display:none;   
}

.important_notice 
{ background:#f6bebe; padding: 10px; border:1px solid #ff7171; color:#900; opacity:0.8; filter:alpha(opacity=80);}

.notice {border:1px solid #a0a0a0; color:#ff0000; padding: 10px; margin-bottom:10px; background-color:#fff; font-weight:bold;}
.addMoreDocs
{
    display: none;
}
    
.overlay
{
   background-color: #000;
   opacity: .5;
   filter: alpha(opacity=70);
   position: fixed; top: 0; left: 0;
   width: 100%; height: 100%; 
   z-index: 10;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
    float: right;
    margin: auto;
    text-align: center;
    width: auto;
}


.no-close .ui-dialog-titlebar-close {
    visibility: hidden 
}
.clickableTab { cursor:pointer; }
.clickableTab:hover { border-top: 1px solid #f3d541;}
.offerError
{width: 450px;  margin-left: 200px; font-family:sans-serif;

}
.bg-danger
{
 padding: 10px;
font-weight: bold;
background-color: lightgrey;
font-family: sans-serif;
font-size:15px;
}

.LoanNumber {
    font-size: 22px;
    font-weight: bold;
    color: #5E5E5E;
    text-align: center;
}

.callError
{
    float: left;
   padding-left: 45px;
   margin-top:12px;
}
.ErrorText {
    float: left;width: 80%;margin: 2px 0 10px 10px;font-size:15px;
}

.error-Body {
    margin: 0 10px; padding-bottom: 5px;
}

.error-Title {
    color: #006400;
    font-size:30px;
}

.offer-Success-Title
{
    background-color: #90c94d; color: #ffffff; font-size: 28px; margin: 0 0 0 10px; padding: 10px 15px;float: left;border: solid 1px #90c94d;font-family:sans-serif;
}
.row { position: initial;}
.pre-approve {margin: 0; padding: 10px 15px;float: left;border: solid 1px #90c94d;width:220px;font-family:sans-serif;}
.success-hr {border:solid 1px lightgray;margin-left: -5px;}
#loan-amount-container { clear: both;}
.slider-circle {width:25px;  height:24px; float: left; cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-widget-content {
    border: 1px solid #dddddd;
}
.left_panel .listing table .ui-widget-content{border: none}
.slider-circle-minus { background-image: url("../images/slider-minus.png");}
.slider-circle-plus { background-image: url("../images/slider-plus.png");}
.slider { float: left;width: 50%;margin: 5px 12px;}
.slider-amount {float: left; border: solid 1px #999;color:black;margin-left:20px;padding: 3px 10px 3px 30px; width:80px;font-weight:bold;color: black;}
#loan-amount-container .ui-widget-header {border: 1px solid #0f5232;background: #0f5232 url("../Images/slider-bg.png") 50% 50% repeat-x;color: #fff;}
#loan-amount-container .ui-state-default, #loan-amount-container .ui-state-hover #loan-amount-container .ui-state-focus {background: url(../images/sliderHandle.png) no-repeat 0 0;font-weight: bold;font-size: 20px;border-radius: 50px;}
.congratulation-step4 { background-color: #90c94d; color: #ffffff; font-size: 28px; margin: 30px 20px 0 10px; padding: 10px 15px;float: left;border: solid 1px #90c94d; }
.term-radios { width: 520px;}
.term-radios .term-template {border: solid 1px  #0f5232; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; float: left; text-align: center;padding: 15px 10px; width: 115px; font-size: 12px;margin: 0 20px 0 0; cursor: pointer;}
.term-radios .monthly-payment { font-weight: bold;font-size: 18px;color: inherit;letter-spacing: 1px;}
.hr-term { color: #999999;margin: 15px 0; border-color: #999 -moz-use-text-color -moz-use-text-color;border-top-color: #999;}
.term-radios .term { color: inherit;}
.term-result { font-size: 20px;font-weight: bold;margin: 20px 0;}
.term-result .amount{ color: #0f5232;}
.term-radios .radio{
    background-color:#c5e043;
    display:inline-block;
    width:520px;
    height:10px;
    font-family: sans-serif;
}

.term-radios input[type=radio]{
    width:0;
}

.term-radios input[type=radio]:checked + .term-template{
    background-color:#0f5232;
    color:#e4e4e4;
}
.selected-radio
{
     background-color:#0f5232;
    color:#e4e4e4;
}
.step2-hr {border:solid 1px lightgray;margin-left: 10px;margin-top:20px; margin-right:328px;}
.label-hint {color: #8a8a8a;font-size: 12px;font-family: 'Open Sans', sans-serif;line-height: 15px;display: block;margin-bottom: 0;margin-top: 5px;}
.label-hint img { margin-bottom: 2px;}
.term-disclosure { font-size: 10px;}
ul.checkmark li:before {
    content:"\2713\0020";
    display:inline;
}



ul.checkmark{ 
  list-style-type: none;
}
ul.checkmark li
{
    font-family:'MS Reference Sans Serif';
    font-size:12px;
}

ul.checkmark li + li {
border-top: 1px solid lightgray;
margin-right: 153px;
margin-left: 65px;
margin-bottom: 10px;
border-right: 1px solid lightgray;
border-left: 1px solid lightgray;
line-height: 20px;
}

ul.checkmark li:first-child
{
margin-right: 153px;
margin-left: 65px;
border-right: 1px solid lightgray;
border-left: 1px solid lightgray;
margin-top:10px;
line-height: 20px;
}

ul.checkmark li:last-child
{
margin-right: 153px;
margin-left: 65px;
margin-bottom: 10px;
border-bottom: 1px solid lightgray;
border-right: 1px solid lightgray;
border-left: 1px solid lightgray;
line-height:30px;
}

@media print {
    @page {
        margin-top: 0;
        margin-bottom: 0;
    }

    body {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .noprint {
        display: none !important;
    }
    .bg-danger {
        background-color: lightgrey;
        -webkit-print-color-adjust: exact;
    }
}     
