/* ---------------------------------------------------------
BASIC TEXT, LINKS
--------------------------------------------------------- */

BODY#main
{
	text-align: center;
	margin: 10px 0px; 
}

/*The abbr tag is not supported in IE 6 (it is in IE 7)
  Therefore, we're using acronym instead */
abbr, acronym 
{
	cursor: help;
	border-bottom: 1px dotted #000;
}


#sitewrapper
{
	text-align: left;
	width: 760px;
	margin: 0px 20px; 
}

#contentwrapper
{
	clear:both;
	margin:0;
	padding-top: 2px;
}

#popupwrapper
{
	text-align: left;
	margin: 0px 18px; 
}

BODY,
TD
{
 	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

P
{
	margin-top: 18px;
}

INPUT,
SELECT,
TEXTAREA
{
	color: #000000;
 	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

A
{
	color: #3440AD;
    text-decoration: underline;
}

A:hover
{
    color: #385DE0;
}

A:visited 
{ 
	color: #551A8B;
}

A:active 
{ 
	color: #385DE0;
}

A:disabled 
{ 
	font-weight: bold;
	color: gray;
	text-decoration: none;
}



/* ---------------------------------------------------------
Header Classes
--------------------------------------------------------- */

h1
{
	font-size: 21px;
	font-weight: normal;
	margin: 0px;
}

h2
{
	font-size: 16px;
	font-weight: bolder;
	color: #3C488F;
	margin: 0px;
}

h3
{
	font-size: 14px;
	font-weight: bolder;
	color: #23237A;
	margin: 0px;
}

h4
{
	font-size: 13px;
	font-weight: bolder;
	color: #666666;
	margin: 0px;
}

h5
{
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
	margin: 0px;
}

h6
{
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
	margin: 0px;
}

UL
{
	margin-top: 4px;
	margin-bottom: 4px;
}

UL LI
{
    list-style-type: square;
}

UL LI.small
{
	margin: 0px 8px;
    list-style-type: square;
}

UL.small
{
	margin-top: 4px;
	margin-bottom: 4px;
}

UL.small LI
{
	margin-left: -24px;
}

.processTitle
{
	color: #3458B0;
	font-size: 14px;
	font-weight: bold;
    text-decoration: none;
}

/* ---------------------------------------------------------
Body Classes
--------------------------------------------------------- */

.small
{
    font-size: 11px;
}

.large
{
    font-size: 16px;
}

.huge
{
    font-size: 28px;
}

.highlightBox
{
	background-color:#ff9;
	padding:6px;
	margin-top:10px;
	margin-bottom:10px;
}

hr
{
	color: #666666;
	height: 1px;
}

.indent_left_20
{
	padding-left:20px !important;
}

.indent_left_40
{
	padding-left:40px !important;
}

.indent_right_20
{
	padding-right:20px !important;
}

.indent_right_40
{
	padding-right:40px !important;
}


/* ---------------------------------------------------------
TABLE CLASSES
--------------------------------------------------------- */


/* ------ table head ----------------------------------------------- */


.table_head
{
	background: #E3E1CA url('http://www.weblancing.com/images/table_head_fade.gif') no-repeat left top;
	border-top: 1px solid #8A7765;
	border-left: 1px solid #8A7765;
	border-right: 1px solid #8A7765;
	height: 26px
}

.table_head_title
{
	color: #635648;
	font-size: 13px;
	font-weight: bolder;
	padding: 4px;
	vertical-align: bottom;
}

.table_head_links,
.table_head_text
{
	color: #635648;
	padding: 4px;
	vertical-align: bottom;
}





/* ------ table tools ----------------------------------------------- */

.table_tools
{
	background-color: #F4F4E8;
	border-top: 1px solid #8A7765;
	border-left: 1px solid #8A7765;
	border-right: 1px solid #8A7765;
}

.table_tools_foot
{
	background-color: #F4F4E8;
	border-bottom: 1px solid #8A7765;
	border-left: 1px solid #8A7765;
	border-right: 1px solid #8A7765;
}

.table_tools_field
{
	padding: 4px; 
}

.table_tools_button
{
	background-color: #EDEBD5;
	font-size: 11px;
	font-weight: bold;
}

.table_tools_input
{
	font-size: 11px;
	height: 20px;
	padding: 1px;
}



/* ------ table body -----------------------------------------------*/

.table_body_action
{
	background-color: #E5ECF3;
	border: 1px solid #cccccc;
}

.table_body_marketing
{
	background-color: #E5ECF3;
}

.table_body
{
	border: 1px solid #8A7765;
}

.table_body_no_top_border
{
	border: 1px solid #8A7765;
	border-top: none;
}

.table_body_action
{
	background-color: #F4F4E8;
	border: 1px solid #8A7765;
}


/* ------ table grid ----------------------------------------------- */

.table_sort
{
	border-bottom: #8A7765 1px solid;
	color: #666666;
	font-weight: bolder;
	padding: 4px; 
	vertical-align: bottom;
	border-right: 0px;
	border-left: 0px;
    font-size: 11px;
}

.table_group
{
	background: #E3E1CA;
	border-bottom: #8A7765 1px solid;
	border-top: #8A7765 1px solid;
	color: #333333;
	font-weight: bolder;
	padding: 4px; 
	vertical-align: bottom;
	border-right: 0px;
	border-left: 0px;
}

.table_sort_checkbox,
.table_group_checkbox
{
	border-bottom: #cccccc 1px solid;
	padding: 2px; 
	vertical-align: bottom;
    font-size: 11px;
}

.table_sort_separator,
.table_group_separator
{
	border-bottom: #8A7765 1px solid;
	border-right: #8A7765 1px solid;
	color: #666666;
	font-weight: bolder;
	padding: 4px; 
	vertical-align: bottom;
    font-size: 11px;
}


.table_data
{
	background-color: #F4F4E8;
	padding: 4px; 
	vertical-align: top;
}

.table_data_odd
{
	padding: 4px; 
	vertical-align: top;
}

.checkbox
{
	padding: 2px; 
	border: 0px;
}

.separator_right
{
	border-right: #8A7765 1px solid !important;
}

.separator_left
{
	border-left: #8A7765 1px solid !important;
}

.separator_bottom
{
	border-bottom: #8A7765 1px solid !important;
}

.separator_top
{
	border-top: #8A7765 1px solid !important;
}

.table_data_checkbox
{
	background-color: #F4F4E8;
	padding: 2px; 
	vertical-align: top;
	border: 0px;
}

.table_data_checkbox_odd
{
	padding: 2px; 
	vertical-align: top;
}

.table_data_separator
{
	background-color: #F4F4E8;
	border-right: #8A7765 1px solid;
	padding: 4px; 
	vertical-align: top;
}

.table_data_odd_separator
{
	border-right: #8A7765 1px solid;
	padding: 4px; 
	vertical-align: top;
}


.table_info
{
	padding: 8px;
	vertical-align: top;
}


.table_cell
{
	border: 0px;
	padding: 4px; 
	vertical-align: top;
}

.table_cell_separator
{
	border: 0px;
	border-right: #8A7765 1px solid;
	padding: 4px; 
	vertical-align: top;
}

.table_cell_checkbox
{
	border: 0px;
	padding: 2px; 
	vertical-align: top;
}


/* ------ list body ----------------------------------------------- */

.list_body_label
{
	color: #333333;
	font-weight: bolder;
	padding: 4px;
	vertical-align: top;
}

.list_body_field
{
	padding: 4px; 
	vertical-align: top;
}

.list_body_help
{
	color: #333333;
	font-size: 11px;
	padding: 4px;
	vertical-align: top;
}


/* ------ form body ----------------------------------------------- */

.form_body_label
{
	color: #333333;
	font-weight: bolder;
	padding: 8px 4px;
	vertical-align: top;
}

.form_body_label_error
{
	background-color: #FEFADB;
	color: #333333;
	font-weight: bolder;
	padding: 8px 4px;
	vertical-align: top;
}

.form_body_field
{
	padding: 4px; 
	vertical-align: top;
}

.form_body_field_error
{
	background-color: #FEFADB;
	padding: 4px; 
	vertical-align: top;
}

.form_body_text
{
	padding: 8px 4px;
	vertical-align: top;
}

.form_body_text_error
{
	background-color: #FEFADB;
	padding: 8px 4px;
	vertical-align: top;
}

.form_body_help
{
	color: #333333;
	font-size: 11px;
	padding: 4px;
	vertical-align: top;
}

.form_body_fixedRateComparisonImg
{
	height: 135px;
	padding-left: 40px;
	width: 235px;
	vertical-align: top;
	font-size: 11px;
	color: #CC0000;
}


.hiddenRateComparisonImage
{
	display: none;
}

.displayRateComparisonImage
{
	height: 130px;
	width: 228px;
	padding: 4px;
	margin: 0px;
}

.form_body_separator
{
	border-bottom: #8A7765 1px solid;
}


/* ------ table foot ----------------------------------------------- */

.table_foot
{
	padding: 2px; 
}

.table_foot_tools
{
	padding: 4px; 
}



/* ---------------------------------------------------------
Navigation Classes
--------------------------------------------------------- */

#sitenav {
	float:left;
	clear:both;
	background:url('http://www.weblancing.com/images/tab_border.gif') repeat-x bottom;
	display: block
}

#sitenav > ul a {width:auto;}

#sitenav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#sitenav li {
	float:left;
	margin-right:12px;
	background:#7B94CE url('http://www.weblancing.com/images/tab_left_on.gif') no-repeat left top;
	list-style-type: none;
	border-bottom:1px solid #1F3A89;
	margin-left:0; margin-top:0; margin-bottom:0; padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0; background-color:#7B94CE
}

#sitenav a {
	float:left;
	display:block;
	background:url('http://www.weblancing.com/images/tab_right_on.gif') no-repeat right top;
	font-size:120%;
    font-weight:bold;
    color:#FEFEFF;
    text-decoration: none;
	width:.1em;
	white-space: nowrap; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#sitenav a {float:none;}
/* End IE5-Mac hack */

#sitenav #current {
	background-image:url('http://www.weblancing.com/images/tab_left_on.gif');
	border-width:0;
	background-color:#3156A8
}

#sitenav #current a {
	background-image:url('http://www.weblancing.com/images/tab_right_on.gif');
	padding-bottom:5px
}

/* ---------------------------------------------------------*/

#sitesubnavback {
	background: url('http://www.weblancing.com/images/subnav_background.gif') repeat-x;
	float:left;
	width:100%;
	margin-top: -1px; /* to overlap with the tabs */
	padding-top: 1px
}

#sitesubnav {
	float:left;
	width:100%;
	margin-top: 4px;
}

#sitesubnav > ul a {width:auto;}

#sitesubnav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#sitesubnav li {
	float:left;
	margin-right:6px;
	background:url('http://www.weblancing.com/images/pixel.gif') no-repeat left top;
	list-style-type: none;
	cursor: pointer; margin-left:0; margin-top:0; margin-bottom:0; padding-left:7px; padding-right:0; padding-top:0; padding-bottom:0
}

#sitesubnav a {
	float:left;
	display:block;
	background:url('http://www.weblancing.com/images/subtab_right.gif') no-repeat right top;
	font-size:90%;
    color:#FEFEFF;
    text-decoration: none;
	width:.1em;
	white-space: nowrap; padding-left:0px; padding-right:14px; padding-top:3px; padding-bottom:3px
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#sitesubnav a {float:none;}
/* End IE5-Mac hack */
  
#sitesubnav #current {
	background-image:url('http://www.weblancing.com/images/subtab_left_on.gif');
	background-color:#ffffff
}

#sitesubnav #current a {
	background-image:url('http://www.weblancing.com/images/subtab_right_on.gif');
    color:#333399;
	padding-left:4px; padding-right:10px; padding-top:3px; padding-bottom:3px
}

#sitesubnav #beforecurrent a {
	background-image:url('http://www.weblancing.com/images/pixel.gif');
	padding-left:0px; padding-right:4px; padding-top:3px; padding-bottom:3px
}

#sitesubnav #last a {
	background-image:url('http://www.weblancing.com/images/pixel.gif');
	padding-left:0px; padding-right:4px; padding-top:3px; padding-bottom:3px
}

/* ---------------------------------------------------------*/

#intranav {
	float:left;
	background:url('http://www.weblancing.com/images/intratab_border.gif') repeat-x bottom;
	width:100%
}

#intranav > ul a {width:auto;}

#intranav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#intranav li {
	float:left;
	margin-right:8px;
	background:url('http://www.weblancing.com/images/intratab_left_on.gif') no-repeat left top;
	list-style-type: none;
	border-bottom:1px solid #B6ACA3; margin-left:0; margin-top:0; margin-bottom:0; padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0
}

#intranav a {
	float:left;
	display:block;
	background:url('http://www.weblancing.com/images/intratab_right.gif') no-repeat right top;
	color:#635648;
    text-decoration: none;
	width:.1em;
	white-space: nowrap;
    font-weight:bold; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#intranav a {float:none;}
/* End IE5-Mac hack */

#intranav #current {
	background-image:url('http://www.weblancing.com/images/intratab_left_on.gif');
	border-width:0
}

/*copy of previous div, except accesible by class, not just id*/
#intranav .current {
	background-image:url('http://www.weblancing.com/images/intratab_left_on.gif');
	border-width:0
}

#intranav #current a {
	background-image:url('http://www.weblancing.com/images/intratab_right_on.gif');
	padding-bottom:5px
}

/*copy of previous div, except accesible by class, not just id*/
#intranav .current a {
	background-image:url('http://www.weblancing.com/images/intratab_right_on.gif');
	padding-bottom:5px
}


/* ---------------------------------------------------------*/

/* TAB 3 - used in "About Us" */

.tab3_head
{
	border-bottom: #666666 2px solid;
	padding: 10px;
	font-weight: bold;
}

.tab3_on
{
	background-color: #dddddd;
	border-bottom: #cccccc 1px solid;
	font-weight: bold;
	padding: 10px;
}

.tab3_off
{
	border-bottom: #cccccc 1px solid;
	padding: 10px;
}


#nexttonav
{
	float:right; 
	padding-top:4px;
	font-size:11px;
	display: block;
}


/* ---------------------------------------------------------
ERROR CLASSES
--------------------------------------------------------- */

.error_body
{
	background-color: #FEFADB;
	border: #cccccc 1px solid;
}

.error_icon
{
	text-align: center;
	vertical-align: top;
	padding: 8px;
}

.error_title
{
	color: #CC0000;
	font-size: 16px;
	font-weight:bold;
	padding: 16px 4px 8px 4px;
}

.error_details
{
	color: #CC0000;
	padding: 8px 4px;
}

/* ---------------------------------------------------------
INFO CLASSES
--------------------------------------------------------- */

.info_body
{
	background-color: #FEFADB;
	border: #cccccc 1px solid;
}

.info_icon
{
	text-align: center;
	vertical-align: top;
	padding: 8px;
}

.info_title
{
	color: #333399;
	font-size: 16px;
	font-weight:bold;
	padding: 16px 4px;
}

.info_details
{
	color: #333399;
	padding: 12px 4px;
	vertical-align: top;
}

/* ---------------------------------------------------------
SPECIAL CLASSES
--------------------------------------------------------- */

.highlight 
{
	background-color: #ff9; 
	padding: 4px;
}

.highlight_blue
{
	background-color: #E5ECF3; 
	padding: 4px;
}

.highlight_brown
{
	background-color: #F4F4E8; 
	padding: 4px;
}

.required
{
	font-weight: bold;
	color: green;
}

.error
{
	font-weight: bold;
	color: red;
}

.disabled
{
	color: gray;
}

.tooltip
{
	border-bottom: 1px #333399 dashed;
	cursor: help;
}

.button
{
	background-color: #E3E3E3;
}

.button_large
{
	background-color: #E3E3E3;
	font-size: 14px;
}

.button_bold
{
	background-color: #E3E3E3;
	font-weight: bold;
}

.dti_green
{
	color: #006600;
}

.dti_yellow
{
	color: #FF9900;
}

.dti_red
{
	color: #CC0000;
}

/* ---------------------------------------------------------
BIDDING PROGRESS BARS
--------------------------------------------------------- */

.loan_progress {
     display: block;
     background: #ccc !important;
     height: 12px;
     overflow: hidden;
     text-indent: -9999px;
     margin-top:2px;
}

.loan_progress .fill {
     display: block;
     background: #999 !important;
     font-size: 12px; 
     font-family: Arial, sans-serif; 
     font-weight: bold;
     color: #fff;
}

.loan_progress .fill_funded {
     display: block;
     background: #558A55 !important;
     font-size: 12px; 
     font-family: Arial, sans-serif; 
     font-weight: bold;
     color: #fff;
}

.loan_progress .fill_placed {
     display: block;
     background: #CC0000 !important;
     font-size: 12px; 
     font-family: Arial, sans-serif; 
     font-weight: bold;
     color: #fff;
}

/* ---------------------------------------------------------
DTI BAR CHARTS
--------------------------------------------------------- */

.barChartContainer {
    background-color: #ffffff;
    padding: 4px;
    border: 1px solid #bbbbbb;
}

.barChartLabel {
    width:26px;
	text-align: right;
	padding: 2px;
    font-size: 11px;
    font-weight: bold;
}

.barChartCell {
    height: 17px;
    text-align: left;
}

.barChartHighlight {
	background-color: #ffc;
}

div.barChartInactive {
    background-color: #ddd;
    height: 15px;
    float:left;
    margin-top:2px;
}

div.barChartActive {
    background-color: #bbb;
    height: 15px;
    float:left;
    margin-top:2px;
}

div.barChartAverage {
    background-color: #000;
    height: 17px;
    float:left;
}

div.barChartText {
    float:left;
    font-size: 11px;
    padding: 0px 4px;
    margin-top:2px;
}