/*
$Date: 2009-10-06 15:49:32 -0400 (Tue, 06 Oct 2009) $
$Rev: 3497 $
$Id: hasp.css 3497 2009-10-06 19:49:32Z matthew $
Author - Matthew Holmes
---------------------------------------------------------------*/




/* 
===============================================================
ORIGINAL CORE CSS FROM 2009-03-10
===============================================================
*/

/* 
---------------------------------------------------------------
RESET CSS FROM 2009-03-10
---------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0; outline:0; font-size:1.0em; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

a:focus {outline:0;}

button::-moz-focus-inner {border-color:transparent;}

ins {text-decoration:none;}
del {text-decoration:line-through;}

/***** TABLES STILL NEED 'cellspacing="0"' IN THE HTML MARKUP */
table {border-collapse:collapse; border-spacing:0;}


/* 
---------------------------------------------------------------
GRID CSS FROM 2009-05-15
---------------------------------------------------------------
*/

html {height:100%; margin-bottom:1px;}

.page_setup {min-height:100%; padding-top:10px; text-align:center;}
.page_layout {margin:0 auto 10px auto; min-height:100%; width:950px;}

.popup_setup {width:600px;}
.popup_setup .page_layout {width:100%;}

/* SETS THE GRID SIZE AND TELLS IT TO BE CENTERED ON THE PAGE*/
.grid {width:100%; text-align:left;}
.min_height {min-height:550px; height:auto !important; height:550px;}

/* SETS UP BASIC GRID FLOATING AND MARGINS */
div.col_1, div.col_2, div.col_3, div.col_4, div.col_5, div.col_6, div.col_7, div.col_8, div.col_9, div.col_10, div.col_11, div.col_12, div.col_13, 
div.col_14, div.col_15, div.col_16, div.col_17, div.col_18, div.col_19, div.col_20, div.col_21, div.col_22, div.col_23, div.col_24
{float:left; margin-right:1.053%; position:relative; min-height:20px;}

.compact_format, .compact_format p, .compact_format ul, .compact_format li, .compact_format ol {line-height:1.4em;}

/* THE FIRST COLUMN MARGIN LEFT IF NEEDED */
.first, div.first {margin-left:10px;}

/* THE LAST COLUMN IN A ROW NEEDS TO HAVE THIS CLASS TO REMOVE THE EXTRA MARGIN CALL */
.last, div.last {margin-right:0;}

.col_1 {width:3.158%;}
.col_2 {width:7.368%;}
.col_3 {width:11.579%;}
.col_4 {width:15.789%;}
.col_5 {width:20.000%;}
.col_6 {width:24.211%;}
.col_7 {width:28.421%;}
.col_8 {width:32.632%;}
.col_9 {width:36.842%;}
.col_10 {width:41.053%;}
.col_11 {width:45.263%;}
.col_12 {width:49.474%;}
.col_13 {width:53.684%;}
.col_14 {width:57.895%;}
.col_15 {width:62.105%;}
.col_16 {width:66.316%;}
.col_17 {width:70.526%;}
.col_18 {width:74.737%;}
.col_19 {width:78.947%;}
.col_20 {width:83.158%;}
.col_21 {width:87.368%;}
.col_22 {width:91.579%;}
.col_23 {width:95.789%;}
.col_24, div.col_24 {width:100%; margin:0;}

/* THE FOLLOWING STYLES ARE USED IF YOU NEED TO PAD ANY COLUMNS */
.pad_left_1 {padding-left:10px; width:2.105%;}
.pad_left_2 {padding-left:10px; width:6.316%;}
.pad_left_3 {padding-left:10px; width:10.526%;}
.pad_left_4 {padding-left:10px; width:14.737%;}
.pad_left_5 {padding-left:10px; width:18.947%;}
.pad_left_6 {padding-left:10px; width:23.158%;}
.pad_left_7 {padding-left:10px; width:27.368%;}
.pad_left_8 {padding-left:10px; width:31.579%;}
.pad_left_9 {padding-left:10px; width:35.789%;}
.pad_left_10 {padding-left:10px; width:40.000%;}
.pad_left_11 {padding-left:10px; width:44.211%;}
.pad_left_12 {padding-left:10px; width:48.421%;}
.pad_left_13 {padding-left:10px; width:52.632%;}
.pad_left_14 {padding-left:10px; width:56.842%;}
.pad_left_15 {padding-left:10px; width:61.053%;}
.pad_left_16 {padding-left:10px; width:65.263%;}
.pad_left_17 {padding-left:10px; width:69.474%;}
.pad_left_18 {padding-left:10px; width:73.684%;}
.pad_left_19 {padding-left:10px; width:77.895%;}
.pad_left_20 {padding-left:10px; width:82.105%;}
.pad_left_21 {padding-left:10px; width:86.316%;}
.pad_left_22 {padding-left:10px; width:90.526%;}
.pad_left_23 {padding-left:10px; width:94.737%;}

.pad_right_1 {padding-right:10px; width:2.105%;}
.pad_right_2 {padding-right:10px; width:6.316%;}
.pad_right_3 {padding-right:10px; width:10.526%;}
.pad_right_4 {padding-right:10px; width:14.737%;}
.pad_right_5 {padding-right:10px; width:18.947%;}
.pad_right_6 {padding-right:10px; width:23.158%;}
.pad_right_7 {padding-right:10px; width:27.368%;}
.pad_right_8 {padding-right:10px; width:31.579%;}
.pad_right_9 {padding-right:10px; width:35.789%;}
.pad_right_10 {padding-right:10px; width:40.000%;}
.pad_right_11 {padding-right:10px; width:44.211%;}
.pad_right_12 {padding-right:10px; width:48.421%;}
.pad_right_13 {padding-right:10px; width:52.632%;}
.pad_right_14 {padding-right:10px; width:56.842%;}
.pad_right_15 {padding-right:10px; width:61.053%;}
.pad_right_16 {padding-right:10px; width:65.263%;}
.pad_right_17 {padding-right:10px; width:69.474%;}
.pad_right_18 {padding-right:10px; width:73.684%;}
.pad_right_19 {padding-right:10px; width:77.895%;}
.pad_right_20 {padding-right:10px; width:82.105%;}
.pad_right_21 {padding-right:10px; width:86.316%;}
.pad_right_22 {padding-right:10px; width:90.526%;}
.pad_right_23 {padding-right:10px; width:94.737%;}


/* CLEARING FLOATS WITHOUT EXTRA MARKUP */
.clearfix:after, .grid:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.clearfix, .grid {display:block;}

/* THIS IS USED FOR REGULAR CLEARING APPLY TO COLUMN THAT SHOULD DROP DOWN BELOW PREVIOUS ONES */
.clear {clear:both;}


/* 
---------------------------------------------------------------
HEADER FOOTER CSS FROM 2009-03-23
---------------------------------------------------------------
*/

.footer {clear:both; margin:10px auto 10px auto; width:950px;}


/* 
---------------------------------------------------------------
NAV CSS FROM 2009-06-12
---------------------------------------------------------------
*/

.logo_tagline {}

/***** GLOBAL DEFAULT STYLE FOR SELECT NAVIGATION *****/
a.selected, a.selected:link, a.selected:visited, a.selected:active {border:1px dashed #333;}

.horizontal_nav {list-style-type:none; margin:0; position:relative;}
.horizontal_nav dd {display:inline; float:left; margin:0; padding:0;}
.horizontal_nav dd a, .horizontal_nav dl dd a:link, .horizontal_nav dl dd a:visited {text-decoration:none;}
.horizontal_nav dd a:hover {text-decoration:none;}

.vertical_nav dl dd {margin:0;}
.vertical_nav dl dd a, .vertical_nav dl dd a:link, .vertical_nav dl dd a:visited {display:block; text-decoration:none;}
.vertical_nav dl dd a:hover {display:block; text-decoration:none;}

.util_nav {height:12px;}
.util_nav dd {color:#CCC; display:inline; float:left; margin:0; padding:0;}
.util_nav .logged_in_user {color:#333; margin-right:5px;}
.util_nav dd a, .util_nav a:link, .util_nav dd a:visited {margin-right:6px; padding-left:4px; text-decoration:none;}
.util_nav a:hover {text-decoration:underline;}
.util_nav dd a.last {margin-right:0;}

/***** BREADCRUMB NAVIGATION LIST *****/
.breadcrumb dd {display:inline; float:left; margin:0; padding:0 5px 0 0;}
.breadcrumb dd a, .breadcrumb dd a:link, .breadcrumb dd a:visited, .breadcrumb dd a:hover {padding-right:5px; text-transform:capitalize;}
.breadcrumb .last_child {text-transform:capitalize;}

/***** ITEM PAGINATION *****/
.item_pagination dd {color:#999; display:inline; float:left; margin:0;}
.item_pagination .text {color:#333; margin-right:10px;}
.item_pagination .text span {font-weight:bold;} 

.item_pagination dd a, .item_pagination dd a:link, .item_pagination dd a:visited {text-decoration:none;}
.item_pagination dd a:hover {text-decoration:underline;}

.item_pagination .first a, .item_pagination .first a:link, .item_pagination .first a:visited, .item_pagination .first a:hover
{padding-left:3px; margin-right:4px;}

.item_pagination .previous a, .item_pagination .previous a:link, .item_pagination .previous a:visited, .item_pagination .previous a:hover
{margin-left:2px; margin-right:5px;}

.item_pagination .next a, .item_pagination .next a:link, .item_pagination .next a:visited, .item_pagination .next a:hover
{margin-right:2px; margin-left:2px;}

.item_pagination .last a, .item_pagination .last a:link, .item_pagination .last a:visited, .item_pagination .last a:hover
{margin-left:4px; padding-right:3px;}

/***** ITEM PAGINATION *****/
.search_pagination dd {color:#CCC; display:inline; float:left; margin:0;}
.search_pagination dd a, .search_pagination dd a:link, .search_pagination dd a:visited, .search_pagination dd a:hover {padding-right:3px; text-decoration:none;}
.search_pagination .previous {margin-right:5px;}
.search_pagination .previous a, .search_pagination .previous a:link, .search_pagination .previous a:visited, .search_pagination .previous a:hover
{color:#333; font-weight:bold;}
.search_pagination .next {margin-left:5px;}
.search_pagination .next a, .search_pagination .next a:link, .search_pagination .next a:visited, .search_pagination .next a:hover
{color:#333; font-weight:bold;}

/***** PIPE NAVIGATION *****/
.pipe_nav {margin:0 0 15px 0; padding:0;}
.pipe_nav li {display:inline; margin:0; padding-right:3px;}


.pipe_nav li a, .pipe_nav li a:link, .pipe_nav li a:visited {margin-right:6px;}
.pipe_nav li a.selected, .pipe_nav li a.selected:link, .pipe_nav li a.selected:visited {border:0; color:#333; font-weight:bold; text-decoration:none;}


/* 
---------------------------------------------------------------
TYPE CSS FROM 2009-05-28
---------------------------------------------------------------
*/

body {color:#333; font-size:0.72em; line-height:1.5em;}
body, input, select, textarea {font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;}

/*----- HEADINGS ------------------------------------------------------------------------*/
h1, h2, h3 {font-family:"Tahoma",Helvetica,Arial,serif;}
h1 {font-size:2.0em; font-weight:500; padding-bottom:15px;}
h2 {font-size:1.2em; font-weight:600; padding:15px 0 15px 0;}
h3 {font-size:1em; margin-bottom:8px; text-align:left;}
h4 {border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#999999; padding-top:0px;}
h5 {padding-top:0px;}

/*----- TEXT ELEMENTS -------------------------------------------------------------------*/
p {margin:0 0 15px 0;}

.footnote, .footnote p {color:#666; font-family:Arial; font-size:11px; line-height:1.3em;}

a, a:link, a:visited {color:#006699; text-decoration:none;}
a:hover, a:focus, a:active {color:#333; cursor:pointer; text-decoration:underline;}

blockquote {font-size:2.2em; font-family:Georgia, serif; font-style:italic; line-height:1.1em;}

.text_notes {font-size:0.9em;}

/*----- lists ---------------------------------------------------------------------------*/
ul, ol			{margin-bottom:10px; margin-left:10px;}
ul li, ol li	{margin:0 0 0 1.5em;}

ul				{list-style-type:disc;}
ol				{list-style-type:decimal;}

dl				{margin:0 0 1.5em 0;}
dl dt			{font-weight:bold;}
dd				{margin-left:1.5em;}

/*----- HR RULES -------------------------------------------------------------------------*/
hr {background-color:#CCC; border:none; color:#CCC; height:1px; margin:0; padding:0; width:100%;}


/* 
---------------------------------------------------------------
MESSAGES CSS FROM 2009-02-26
---------------------------------------------------------------
*/

.error_text {color:#F00; font-weight:bold; padding-left:5px;}
.error_msg {border:1px solid #CD0A0A; background-color:#FEF8F6; color:#CD0A0A; font-weight:bold; margin-bottom:10px; padding:7px;}

.success_msg {border:1px solid #CCC; background-color:#E5FCE7; font-weight:bold; margin-bottom:10px; padding:7px;}

.notify_msg {border:1px solid #FCEFA1; background-color:#FBFAF3; font-weight:bold; margin-bottom:10px; padding:7px;}

.tip {padding:10px;}


/* 
---------------------------------------------------------------
FORM CSS FROM 2009-07-06
---------------------------------------------------------------
*/

/***** GENERAL FORM STYLES *****/
form {position:relative;}
fieldset {display:block; border:0;}
legend {clear:both; font-weight:bold; padding-bottom:5px;}
input, select, textarea {display:block; color:#333; width:200px;}
select {width:204px;}
label {display:block; clear:both; color:#000;}
input.checkbox {width:20px;}

fieldset ol {margin:0; padding:0; list-style-position:outside;}
fieldset ol li {list-style-type:none; margin:0 0 10px 0; padding:1px 0; line-height:1.1em;}

/*--- HORIZONTAL ---------------------------------*/
.add_input input {display:inline-block; width:100px;}
.add_input select {display:inline-block; padding:1px 0; width:93px;}

/*--- CREATE A VERTICAL LAYOUT WITH FORM ELEMENTS ---------------------------------*/
.vertical_form input {margin-top:3px;}
.vertical_form select {margin-top:3px;}

.vertical_form .checkbox {margin-bottom:3px; *margin-left:-4px; /* IE6+7 ONLY */}
.vertical_form .checkbox input {clear:both; display:inline; margin:0 3px 0 0; *margin:0 0 5px 0; /* IE6+7 ONLY */ vertical-align:-2px; width:auto;}
.vertical_form .checkbox label {display:inline-block; font-weight:normal; padding-left:0;}
.vertical_form .checkbox_label {font-weight:bold; margin:0;}

.vertical_form .radio {margin-bottom:8px;}
.vertical_form .radio input {clear:both; display:inline; margin:2px 0 0 0; vertical-align:-2px; width:auto;}
.vertical_form .radio label {display:inline-block; font-weight:normal; padding:2px 18px 0 2px;}
.vertical_form .radio_label {font-weight:bold; margin:0;}


	/*------ PHONE NUMBER FOR VERTICAL LAYOUT ------*/
	.vertical_form .phone_number label {display:block;}
	.phone_number input {display:inline; margin-right:5px; width:30px;}
	.phone_number input.phone3 {width:40px;}

	/***** EMAIL OPT IN *****/
	.emailopt {margin-bottom:2px;}

	/***** DEFAULT ADDRESS FIELDSET LAYOUT *****/
	.vertical_form .city_zip_lyt {height:37px;}
	.vertical_form .city_zip_lyt label {display:block;}
	.vertical_form .city_zip_lyt input, .vertical_form .city_zip_lyt select {float:left; margin-right:5px;}
	.vertical_form .city_zip_lyt select {height:22px; width:50px;}
	.vertical_form .city_zip_lyt input.city {width:100px; *margin-left:3px;}
	.vertical_form .city_zip_lyt input.state {width:30px;}
	.vertical_form .city_zip_lyt input.zip {width:40px;}

/***** CREATE A MARGIN LAYOUT WITH THE FORM ELEMENTS *****/
.margin_form label {display:inline-block;}
.margin_form input, .margin_form select {display:inline;}

.margin_form .checkbox {display:inline; *margin-left:-4px; /* IE6+7 ONLY */}
.margin_form .checkbox input {clear:both; display:inline; margin:0 3px 10px 0; *margin:0 0 5px 0; /* IE6+7 ONLY */ vertical-align:-2px; width:auto; width:auto;}
.margin_form .checkbox label {font-weight:normal;}
.margin_form .checkbox_label {font-weight:bold; margin:0 0 2px 0;}

.margin_form .radio {display:inline;}
.margin_form .radio input {clear:both; display:inline; margin:0 3px 10px 0; vertical-align:-2px; width:auto; width:auto;}
.margin_form .radio label {font-weight:normal;}
.margin_form .radio_label {display:inline; margin:0 0 2px 0;}

	/*------ CITY STATE ZIP FOR VERTICAL LAYOUT ------*/
	.margin_form .city_zip_lyt input, .margin_form .city_zip_lyt select {float:none}
	.margin_form .city_zip_lyt select {height:22px; width:50px;}
	.margin_form .city_zip_lyt input.city {width:100px;}
	.margin_form .city_zip_lyt input.state {width:30px;}
	.margin_form .city_zip_lyt input.zip {width:40px;}

/***** ALLOWS YOU TO TAKE VERTICAL/HORIZONTAL STYLE AND LAYOUT OUT INLINE *****/
.horizontal_form li {float:left; margin-right:10px;}

/************************************************************************************
NOT SURE IF THESE SHOULD MOVE TO THE VERTICAL SPECIFIC CSS FILE - TBD??
************************************************************************************/
/***** ERROR HANDLING - DEFAULT STATE OFF *****/
.js_form_li .error_box, .js_form_li .tooltip_box, .js_invalid_error{display:none;}

/***** ERROR HANDLING *****/
.fm_field_error .js_error {display:block;}
.fm_field_error .js_invalid_error {display:none;}
.error_invalid .js_error {display:none;}
.error_invalid .js_invalid_error {display:block;}

.fm_field_error input {border:1px solid #d84141; padding:2px 1px 2px 1px;}
.fm_field_error span {color:#F00; font-weight:bold;}
.fm_field_error .error_box {display:block; padding:0 10px; margin-top:13px; position:absolute; right:20px;}
.fm_field_error .error_box p {background-color:#FAE6E6; border:1px solid #D84141; color:#CC0808; padding:5px; position:relative; width:255px;}
.fm_field_error .button {border:0;}

/* TURNS OFF THE CURRENT FOCUSED ERRROR BOX WHEN TOOLTIP IS SHOWING */
.fm_current .error_box {display:none;}

.default_tooltip p, .fm_tooltip .tooltip_box p {color:#666;}

/***** TOOLTIP HANDLING *****/
.fm_tooltip {background-color:#f9f9f9; border:1px solid #e0dedc; height:50px; margin-right:14px;}
.fm_tooltip .tooltip_box {display:block; position:absolute; right:20px; z-index:5; padding:2px 10px;}
.fm_tooltip .tooltip_box p {background-color:#F7F7F7; border:1px solid #E0DEDC; line-height:1.3em; padding:8px 8px 7px 8px; position:relative; width:250px;}

/***** FIELDHINT DISPLAY *****/
.fieldhint {color:#999;}
.fieldnote {font-style:italic;}

/***** SUBMIT THANK YOU MESSAGE *****/
.submit_thanks {width:150px; position:absolute; top:17px; left:107px;}
.submit_thanks p {margin:0; font-weight:900; font-size:90%; color:#5F92AF; white-space:nowrap;}


/* 
---------------------------------------------------------------
BUTTON CSS FROM 2009-02-26
---------------------------------------------------------------
*/

/*--- CORE BUTTON SETUP ----------------------------------*/
.btn span {border-color:#999; display:block; line-height:0; padding:0; margin:0 1px 0 0;}
.btn {background:transparent; border-width:0; cursor:pointer; display:inline-block; line-height:0; margin:0; overflow:visible; padding:1px 0; position:relative; text-decoration:none; text-align:left;}
.btn .top {border-bottom-style:solid; border-bottom-width:1px; color:#999; margin:0 2px 0 1px; font-size:1px;}
.btn .ctn {background:url("/images/default_btn_bck.png") 0 3px repeat-x; border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; color:#666; font:bold 1.0em Arial; line-height:1.0em; padding:3px 5px 3px 5px; _*padding:2px 5px 2px 5px; *padding:2px 5px 2px 5px;}
.btn .ctn b {display:none;}
.btn .btm {border-top-style:solid; border-top-width:1px; color:#FFF; margin:0 2px 0 1px; font-size:1px;}

.btn:hover span {border-color:#878686;}
.btn:hover .ctn {background-position:-1px -17px;}

a.btn, a.btn:link, a.btn:visited, a.btn:hover {text-decoration:none;}

html:not([lang*=""]) button.btn {margin:0 -3px;}


/* 
---------------------------------------------------------------
CONTAINER CSS FROM 2009-06-22
---------------------------------------------------------------
*/

/*--- ROUND BOX CONTAINER BASE SETUP - BEGINS ----------------------------------------------------*/
.box_rd5 {width:auto; margin-bottom:15px;}
.box_rd5 .header {border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; position:relative; height:30px;}
.box_rd5 .header h2 {font-size:110%; font-weight:bold; padding:2px 10px 7px 10px; margin:0;}
.box_rd5 .box_content {border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; padding:0 10px 1px 10px; _width:100%; /* IE6 HACK */}
.box_rd5 .crn_style div {border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; font-size:1px; height:1px; line-height:1.0em;}

.box_rd5 .top_corner .top_border {border-top-width:1px; border-top-style:solid; margin-left:5px; margin-right:5px; font-size:0; height:0;}
.box_rd5 .top_corner .rd_1 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px; color:#FFF;}
.box_rd5 .top_corner .rd_2 {margin-left:2px; margin-right:2px; color:#FFF;}
.box_rd5 .top_corner .rd_3 {margin-left:1px; margin-right:1px; height:2px; color:#FFF;}

.box_rd5 .bottom_corner .bottom_border {border-bottom-width:1px; border-bottom-style:solid; margin-left:5px; margin-right:5px; font-size:1px; height:0;}
.box_rd5 .bottom_corner .rd_1 {margin-left:1px; margin-right:1px; height:2px; color:#FFF;}
.box_rd5 .bottom_corner .rd_2 {margin-left:2px; margin-right:2px; color:#FFF;}
.box_rd5 .bottom_corner .rd_3 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px; color:#FFF;}
/*--- ROUND BOX CONTAINER BASE SETUP - ENDS ----------------------------------------------------*/

/*--- ROUND BOX CONTAINER OVERRIDES - BEGINS ----------------------------------------------------*/
	.green .header h2 {background-color:#8EB342; color:#FFFFFF;}
	.green .top_corner div, .green .top_corner .rd_1, .green .top_corner .rd_2, .green .top_corner .rd_3 {background-color:#8EB342; color:#8EB342;}
	.green .box_content {padding-top:7px;}
	
	.blue h2 {background-color:#dbebf6;}
	.blue .top_corner div, .blue .top_corner .rd_1, .blue .top_corner .rd_2, .blue .top_corner .rd_3 {background-color:#dbebf6; color:#dbebf6;}
	.blue .box_content {padding-top:7px;}
	
	.dkblue h2 {background-color:#63AEE7; color:#FFFFFF;}
	.dkblue .top_corner div, .dkblue .top_corner .rd_1, .dkblue .top_corner .rd_2, .dkblue .top_corner .rd_3 {background-color:#63AEE7; color:#63AEE7;}
	.dkblue .box_content {padding-top:7px;}
	
	.gray h2 {background-color:#EFEFEF;}
	.gray .top_corner div, .gray .top_corner .rd_1, .gray .top_corner .rd_2, .gray .top_corner .rd_3 {background-color:#EFEFEF; color:#EFEFEF;}
	.gray .box_content {padding-top:7px;}
	
	/*--- BORDER COLOR OVERRIDES - BEGINS ----------------------------------------------------*/
	.green_border .header h2, .green_border .box_content {border-color:#8EB342;}
	.green_border .header, .green_border .crn_style div, .green_border .top_corner .top_border, .green_border .bottom_corner .bottom_border {border-color:#8EB342; color:#FFF;}

	.blue_border .header h2, .blue_border .box_content {border-color:#DBEBF6;}
	.blue_border .header, .blue_border .crn_style div, .blue_border .top_corner .top_border, .blue_border .bottom_corner .bottom_border {border-color:#DBEBF6; color:#FFF;}

	.dkblue_border .header h2, .dkblue_border .box_content {border-color:#63AEE7;}
	.dkblue_border .header, .dkblue_border .crn_style div, .dkblue_border .top_corner .top_border, .dkblue_border .bottom_corner .bottom_border {border-color:#63AEE7; color:#FFF;}

	.gray_border .header h2, .gray_border .box_content {border-color:#CCC;}
	.gray_border .header, .gray_border .crn_style div, .gray_border .top_corner .top_border, .gray_border .bottom_corner .bottom_border {border-color:#CCC; color:#FFF;}

	.ededed_border .header h2, .ededed_border .box_content {border-color:#EDEDED;}
	.ededed_border .header, .ededed_border .crn_style div, .ededed_border .top_corner .top_border, .ededed_border .bottom_corner .bottom_border {border-color:#ededed; color:#FFF;}
	/*--- BORDER COLOR OVERRIDES - ENDS ----------------------------------------------------*/

	/*--- TURN CORNERS OFF - BEGINS ----------------------------------------------------*/
		/* TURNS ALL CORNERS OFF */
		.all_corner_off .top_corner .rd_1, .all_corner_off .top_corner .rd_2, .all_corner_off .top_corner .rd_3, .all_corner_off .top_corner .top_border,
		.all_corner_off .bottom_corner .rd_1, .all_corner_off .bottom_corner .rd_2, .all_corner_off .bottom_corner .rd_3, .all_corner_off .bottom_corner .bottom_border
		{border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;}
		
		/* TURNS BOTH TOP CORNERS OFF */
		.top_corner_off .top_corner .rd_1, .top_corner_off .top_corner .rd_2, .top_corner_off .top_corner .rd_3, .top_corner_off .top_corner .top_border
		{border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;}
		
		/* TURNS EITHER LEFT OR RIGHT TOP CORNER OFF */
		.top_left_corner_off .top_corner .rd_1, .top_left_corner_off .top_corner .rd_2, .top_left_corner_off .top_corner .rd_3, .top_left_corner_off .top_corner .top_border
		{margin-left:0; border-left-width:1px;}
		
		.top_right_corner_off .top_corner .rd_1, .top_right_corner_off .top_corner .rd_2, .top_right_corner_off .top_corner .rd_3, .top_right_corner_off .top_corner .top_border
		{margin-right:0; border-right-width:1px;}
		
		/* TURNS BOTH BOTTOM CORNERS OFF */
		.bottom_corner_off .bottom_corner .rd_1, .bottom_corner_off .bottom_corner .rd_2, .bottom_corner_off .bottom_corner .rd_3, .bottom_corner_off .bottom_corner .bottom_border
		{border-left-width:1px; border-right-width:1px; font-size:1px; height:0px; margin-left:0; margin-right:0;}
		
		/* TURNS EITHER LEFT OR RIGHT BOTTOM CORNER OFF */
		.btm_left_corner_off .bottom_corner .rd_1, .btm_left_corner_off .bottom_corner .rd_2, .btm_left_corner_off .bottom_corner .rd_3, .btm_left_corner_off .bottom_corner .bottom_border
		{margin-left:0; border-left-width:1px;}
		
		.btm_right_corner_off .bottom_corner .rd_1, .btm_right_corner_off .bottom_corner .rd_2, .btm_right_corner_off .bottom_corner .rd_3, .btm_right_corner_off .bottom_corner .bottom_border
		{margin-right:0; border-right-width:1px;}
		
		/* TURNS BOTH TOP LEFT AND BOTTOM LEFT CORNERS OFF */
		.left_corner_off .top_corner .rd_1, .left_corner_off .top_corner .rd_2, .left_corner_off .top_corner .rd_3, .left_corner_off .top_corner .top_border,
		.left_corner_off .bottom_corner .rd_1, .left_corner_off .bottom_corner .rd_2, .left_corner_off .bottom_corner .rd_3, .left_corner_off .bottom_corner .bottom_border
		{margin-left:0; border-left-width:1px;}
		
		/* TURNS BOTH TOP RIGHT AND BOTTOM RIGHT CORNERS OFF */
		.right_corner_off .top_corner .rd_1, .right_corner_off .top_corner .rd_2, .right_corner_off .top_corner .rd_3, .right_corner_off .top_corner .top_border,
		.right_corner_off .bottom_corner .rd_1, .right_corner_off .bottom_corner .rd_2, .right_corner_off .bottom_corner .rd_3, .right_corner_off .bottom_corner .bottom_border
		{margin-right:0; border-right-width:1px;}
	/*--- TURN CORNERS OFF - BEGINS ----------------------------------------------------*/
/*--- ROUND BOX CONTAINER OVERRIDES - ENDS ----------------------------------------------------*/


/*--- SHADOW BOX CONTAINER BASE SETUP - BEGINS ----------------------------------------------------*/
.box_r5_shadow {margin-bottom:15px; position:relative; width:100%;}
.box_r5_shadow .header {background-color:#FFF; border-left-style:solid; border-right-style:solid; padding:10px 0;}
.box_r5_shadow .header h2 {color:#666; margin:0; height:15px; padding:8px 0 11px 10px;}
.box_r5_shadow .bx_content {background-color:#FFF; border-left-style:solid; border-right-style:solid; padding:5px 15px 10px 15px; _height:1%; /* IE6 only */}
.box_r5_shadow .corner_style div {background-color:#FFF; border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; font-size:1px; height:1px; line-height:1.0px; _line-height:0;}

.box_r5_shadow .tp_corner .tp_border {border-top-width:1px; border-top-style:solid; height:0; color:#FFF;}
.box_r5_shadow .tp_corner .r_1 {border-left-width:2px; border-right-width:2px; color:#FFF;}
.box_r5_shadow .tp_corner .r_2 {color:#FFF;}
.box_r5_shadow .tp_corner .r_3 {height:2px; color:#FFF;}
/*--- SHADOW BOX CONTAINER BASE SETUP - ENDS ----------------------------------------------------*/

/*--- SHADOW BOX CONTAINER OVERRIDES - BEGINS ----------------------------------------------------*/
	/*--- RIGHT SHADOW SETTINGS ---*/
	.shadow_right .header {border-left-width:1px; border-right-width:5px;}
	.shadow_right .bx_content {border-left-width:1px; border-right-width:5px;}

	.shadow_right .tp_corner .tp_border {margin-left:5px; margin-right:9px;}
	.shadow_right .tp_corner .r_1 {margin-left:3px; margin-right:7px;}
	.shadow_right .tp_corner .r_2 {margin-left:2px; margin-right:6px;}
	.shadow_right .tp_corner .r_3 {margin-left:1px; margin-right:5px;}

	.shadow_right .tp_shadow .tp_border {border-top-width:1px; border-top-style:solid; margin-left:5px; margin-right:5px; font-size:1px; height:0;}
	.shadow_right .tp_shadow .r_1 {border-left-width:1px; border-right-width:2px; margin-left:0; margin-right:3px; color:#FFF;}
	.shadow_right .tp_shadow .r_2 {margin-left:0; margin-right:2px; border-right-width:3px; color:#FFF;}
	.shadow_right .tp_shadow .r_3 {margin-left:0; margin-right:1px; border-right-width:4px; height:2px; color:#FFF;}
	
	.shadow_right .btm_shadow {position:absolute; right:0px; bottom:5px; width:10px;}
	.shadow_right .btm_shadow .btm_border {border-bottom-width:1px; border-bottom-style:solid; font-size:1px; height:0; margin-left:2px; margin-right:0;}
	.shadow_right .btm_shadow .r_1 {border-left-width:0; border-right-width:5px; height:2px; font-size:1px; margin-left:3px; margin-right:0;}
	.shadow_right .btm_shadow .r_2 {border-right-width:5px; border-bottom-width:1px; border-bottom-style:solid; font-size:1px; height:0; margin-left:4px; margin-right:0;}
	.shadow_right .btm_shadow .r_3 {border-left-width:1px; border-bottom-width:1px; border-bottom-style:solid; border-right-width:5px; font-size:1px; height:0; margin-left:3px; margin-right:0;}
	
	.shadow_right .btm_corner .btm_border {border-bottom-width:1px; border-bottom-style:solid; margin-left:10px; margin-right:5px; font-size:1px; height:0;}
	.shadow_right .btm_corner .r_1 {border-bottom-width:1px; border-bottom-style:solid; margin-left:0; margin-right:0; height:0; font-size:1px;}
	.shadow_right .btm_corner .r_2 {border-bottom-width:2px; border-bottom-style:solid; margin-left:10px; margin-right:1px; height:0; font-size:1px;}
	.shadow_right .btm_corner .r_3 {border-bottom-width:1px; border-bottom-style:solid; margin-left:10px; margin-right:2px; height:0; font-size:1px;}
	.shadow_right .btm_corner .r_4 {border-bottom-width:1px; border-bottom-style:solid; margin-left:10px; margin-right:3px; height:0; font-size:1px;}

	/*--- LEFT SHADOW SETTINGS ---*/
	.shadow_left .header {border-left-width:5px; border-right-width:1px;}
	.shadow_left .bx_content {border-left-width:5px; border-right-width:1px;}

	.shadow_left .tp_corner .tp_border {margin-left:9px; margin-right:5px;}
	.shadow_left .tp_corner .r_1 {margin-left:7px; margin-right:3px;}
	.shadow_left .tp_corner .r_2 {margin-left:6px; margin-right:2px;}
	.shadow_left .tp_corner .r_3 {margin-left:5px; margin-right:1px;}

	.shadow_left .tp_shadow .tp_border {border-top-width:1px; border-top-style:solid; margin-left:5px; margin-right:5px; font-size:1px; height:0;}
	.shadow_left .tp_shadow .r_1 {border-left-width:2px; border-right-width:1px; margin-left:3px; margin-right:0; color:#FFF;}
	.shadow_left .tp_shadow .r_2 {margin-left:2px; margin-right:0; border-left-width:3px; color:#FFF;}
	.shadow_left .tp_shadow .r_3 {margin-left:1px; margin-right:0; border-left-width:4px; height:2px; color:#FFF;}
	
	.shadow_left .btm_shadow {position:absolute; left:0px; bottom:5px; width:10px;}
	.shadow_left .btm_shadow .btm_border {border-bottom-width:1px; border-bottom-style:solid; font-size:1px; height:0; margin-left:0; margin-right:2px;}
	.shadow_left .btm_shadow .r_1 {border-left-width:5px; border-right-width:0; height:2px; font-size:1px; margin-left:0; margin-right:3px;}
	.shadow_left .btm_shadow .r_2 {border-left-width:5px; border-bottom-width:1px; border-bottom-style:solid; font-size:1px; height:0; margin-left:0; margin-right:4px;}
	.shadow_left .btm_shadow .r_3 {border-left-width:5px; border-bottom-width:1px; border-bottom-style:solid; border-right-width:1px; font-size:1px; height:0; margin-left:0; margin-right:3px;}
	
	.shadow_left .btm_corner .btm_border {border-bottom-width:1px; border-bottom-style:solid; margin-left:5px; margin-right:10px; font-size:1px; height:0;}
	.shadow_left .btm_corner .r_1 {border-bottom-width:1px; border-bottom-style:solid; margin-left:0; margin-right:0; height:0; font-size:1px;}
	.shadow_left .btm_corner .r_2 {border-bottom-width:2px; border-bottom-style:solid; margin-left:1px; margin-right:10px; height:0; font-size:1px;}
	.shadow_left .btm_corner .r_3 {border-bottom-width:1px; border-bottom-style:solid; margin-left:2px; margin-right:10px; height:0; font-size:1px;}
	.shadow_left .btm_corner .r_4 {border-bottom-width:1px; border-bottom-style:solid; margin-left:3px; margin-right:10px; height:0; font-size:1px;}

	/*--- EXTENDS CORE FILE ---> CONTAINER.CSS ----------------------------------------------------*/
	.green_border .header h2, .green_border .bx_content {border-color:#D2E199;}
	.green_border .header, .green_border .corner_style div, .green_border .tp_corner .tp_border, .green_border .btm_corner .btm_border {border-color:#D2E199; color:#D2E199;}

	.blue_border .header h2, .blue_border .bx_content {border-color:#C9DCE7;}
	.blue_border .header, .blue_border .corner_style div, .blue_border .tp_corner .tp_border, .blue_border .btm_corner .btm_border {border-color:#C9DCE7; color:#C9DCE7;}

	.gray_border .header h2, .gray_border .bx_content {border-color:#E7E7E6;}
	.gray_border .header, .gray_border .corner_style div, .gray_border .tp_corner .tp_border, .gray_border .btm_corner .btm_border {border-color:#E7E7E6; color:#E7E7E6;}

	.dkblue_border .header h2, .dkblue_border .bx_content {border-color:#628da8;}
	.dkblue_border .header, .dkblue_border .corner_style div, .dkblue_border .tp_corner .tp_border, .dkblue_border .btm_corner .btm_border {border-color:#628da8; color:#628da8;}

	/*--- HEADER COLOR AND POSITION OVERRIDE ---*/
	.box_r5_shadow .green_header_left h2 {background-color:#D2E199; border:1px solid #B6C96A; border-left:0; color:#FFF; margin-right:10px; padding-left:20px;}
	.box_r5_shadow .gray_header_left h2 {background-color:#E7E7E6; border:1px solid #dadad7; border-left:0; margin-right:10px;}
	.box_r5_shadow .dkblue_header_left h2 {background-color:#628da8; border-color:#628da8; border-left:0; color:#FFF; margin-right:10px;}
	.box_r5_shadow .blue_header_left h2 {background-color:#c9dce7; border-color:#b6cdda; border-left:0; margin-right:10px;}

	.box_r5_shadow .blue_header_right h2 {background-color:#c9dce7; border-color:#b6cdda; border-right:0; margin-left:10px;}
	.box_r5_shadow .gray_header_right h2 {background-color:#e7e7e6; border-color:#dadad7; border-right:0; margin-left:10px;}
/*--- ROUND BOX CONTAINER OVERRIDES - ENDS ----------------------------------------------------*/

/*--- SQUARE BOX CONTAINER - BEGINS ----------------------------------------------------*/
.sq_box {background-color:#f8f8ff; border:1px dotted #dedede; color:#444444; padding:10px;}
/*--- SQUARE BOX CONTAINER - ENDS ----------------------------------------------------*/


/* 
---------------------------------------------------------------
PAGE CSS FROM 2009-07-06
---------------------------------------------------------------
*/

table {border:1px dotted #CCC; border-collapse:collapse; border-spacing:0; color:#000; font-size:0.95em; margin-bottom:4px;}
table caption {font-weight:bold; padding:1px 0 5px 0; text-align:left;}
table tr th {background-color:#EFEFEF; border-right:1px solid #FFF; padding:5px 4px; text-align:left;}
table tr th.last_child, table tr th:last-child {border-right:0;}
table tr td {border:1px dotted #CCC; padding:3px 4px;}

table .row_hover:hover {background-color:#CCC; cursor:default;}
table .row_hover:hover td.cell_hover:hover {background-color:#EFEFEF; color:#666; font-style:italic; cursor:default;}
table .cell_hover td:hover {background-color:#CCC; cursor:default;}
table tr td.cell_hover:hover {background-color:#CCC; cursor:default;}

table .even {background-color:#FFF;}
table .odd {background-color:#EFEFEF;}

/***** DEFAULT --> SORT FILTER STYLES *****/
.sort_filter label {display:inline; float:left; margin-top:7px; margin-right:4px;}
.sort_filter select {display:inline; float:left; margin-top:2px; margin-right:8px;}
.sort_filter_width select {width:100px;}

/***** DEFAULT TAB STYLES *****/
.tab_container {border-bottom:1px solid #CCC; height:24px; margin:0;}
.tab_container dd {display:inline; float:left; margin:0 5px 0 0; width:100px; /** NEED TO MAKE THIS DYNAMIC **/}

.tab_container dd .corner_style div {border-left:1px solid #CCC; border-right:1px solid #CCC; background:transparent; color:#CCC; font-size:1px; height:1px;}
.tab_container dd .tp_corner div {color:#EFEFEF;}
.tab_container dd .tp_corner .tp_border {border-top:1px solid #CCC; margin-left:5px; margin-right:5px; font-size:0; height:0;}
.tab_container dd .tp_corner .r_1 {border-left:2px solid #CCC; border-right:2px solid #CCC; margin-left:3px; margin-right:3px;}
.tab_container dd .tp_corner .r_2 {margin-left:2px; margin-right:2px;}
.tab_container dd .tp_corner .r_3 {margin-left:1px; margin-right:1px; height:2px;}

.tab_container a, .tab_container a:link, .tab_container a:visited
{border-left:1px solid #CCC; border-right:1px solid #CCC; color:#333; display:block; padding:2px 7px 6px 7px; text-align:center; text-decoration:none;}
.tab_container a:hover {background-color:#EFEFEF; font-weight:bold;}

	/***** TAB ON STATE *****/
	.tab_container .active .corner_style div {background-color:#EFEFEF;}
	.tab_container .active a {background-color:#EFEFEF; font-weight:bold;}
	.tab_container .on .corner_style div {background-color:#EFEFEF;}

	/***** TAB PANELS *****/
	.tab_pnls {border:1px solid #CCC; border-top:0; padding:10px;}
	.tab_pnls .pnl_bx {display:none;}
	.tab_pnls .pnl_one {display:block;}

/* Transparent small arrow image */
.sm_arrow {background:url(/images/icon_sm_arrow.png) 0 0 no-repeat #cc6600; display:inline-block; height:8px; margin-right:5px; overflow:hidden; width:8px;}

/* BACK TO TOP LINK */
.back_top {text-align:right;}


/* 
---------------------------------------------------------------
OVERLAY CSS FROM 2009-03-24
---------------------------------------------------------------
*/

/***** DEFAULT STYLES FOR JS DIALOG DISPLAY *****/
.ui-widget-overlay {background-color:#CCC; position:absolute; top:0; opacity:0.4; filter:alpha(opacity=40);}

.ui-dialog {border:1px dotted #666;}
.ui-dialog-title {font-weight:bold;}
.ui-dialog-titlebar {background-color:#F2F6FF; border-bottom:1px dotted #666; cursor:move; padding:7px 0 7px 10px; position:relative;}
.ui-dialog-titlebar-close {position:absolute; right:10px; text-transform:capitalize;}
.ui-dialog-content {background-color:#FFF; line-height:1.4em; padding:10px;}

.ui-icon-gripsmall-diagonal-se {background:url("/images/icon_grip_resize.png") 99.5% 0 no-repeat #FFF; cursor:nw-resize; display:inline-block; height:11px; padding-bottom:3px; width:100%;}


/* 
---------------------------------------------------------------
RESULTS CSS FROM 2009-06-12
---------------------------------------------------------------
*/

/***** DEFAULT SETUP VALUES, THESE WILL CHANGE THE DL & DD GLOBAL IN THE RESULTS PAGE *****/
.results_row .setup {margin-left:120px;}
.results_row .setup dd {display:inline-block; margin:0 8px 0 0; padding:0; width:60px;}

/***** BASIC SYLING FOR THE HORIZONTAL RESULT ROW *****/
.results_row					{background-color:#EEEEEE; border:1px solid #CCCCCC; padding-bottom:10px; margin-bottom:15px; position:relative;}
.results_row img				{height:45px; left:10px; position:absolute; top:10px; width:100px;}
.results_row p				{padding-top:10px; margin-left:120px;}
.results_row p span			{font-weight:bold;}
.results_row .labels dd	{font-weight:bold;}
.results_row .results_buttons{bottom:10px; height:auto; position:absolute; right:10px;}

/***** BASIC SYLING FOR THE GRID RESULT LAYOUT *****/
.results_grid				{float:left; min-height:220px; height:auto !important; height:auto; margin-right:15px; width:30%;}
.results_grid p				{clear:both; min-height:44px;}
.results_grid .labels		{clear:both; margin-left:12px;}
.results_grid .labels dd	{font-weight:bold;}
.results_grid .values		{margin-left:12px;}


/* 
---------------------------------------------------------------
CONTROLS CSS FROM 2009-07-06
---------------------------------------------------------------
*/

/*--------------------------------
ACCORDIAN STYLES
---------------------------------*/
.accordian {margin:0; padding:0;}
.accordian ul {margin:0 6px 0 1px;}
.accordian li {color:#000; list-style-type:none; margin:0; padding:0; list-style-position:outside;}
.accordian li table {border:0;}
.accordian li table td {border:0; border-bottom:1px dotted #c8cacb;}
.accordian li table .label {border-right:1px dotted #c8cacb; width:130px;}
.accordian li .content li {margin-bottom:15px; margin-left:5px;}

/*--------------------------------
SLIDER STYLES
---------------------------------*/
.ui-slider {position:relative; text-align:left;}
/*--- SLIDER HANDLE ---*/
.ui-slider .ui-slider-handle {position:absolute; top:-.3em; z-index:2; width:1.2em; height:1.2em; margin-left:-.6em; cursor:default;} /* this is the slider handle */
.ui-slider .ui-state-default {border:1px dotted #CCC; background-color:#EFEFEF; font-weight:normal; color:#555555; outline:none;}
.ui-slider .ui-state-hover, ui-slider .ui-state-focus {border:1px dotted #999999; background-color:#CCC;}
.ui-slider .ui-state-active {border: 1px solid #aaaaaa; background:#ffffff; font-weight:normal; color:#212121; outline:none;}
/*--- SLIDER BAR ---*/
.ui-slider-horizontal {height:.8em; background-color:#F2F6FF; border:1px solid #CCC; color:#222222;} /* this is the slider bar */

/*--------------------------------
DATEPICKER
---------------------------------*/
.ui-datepicker {background-color:#FFF;}


/* 
---------------------------------------------------------------
GLOBAL CSS FROM 2009-05-07
---------------------------------------------------------------
*/

/***** DEFAULT FLOATING OF ELEMENTS *****/
.float_left {display:inline-block; float:left;}
.float_right {display:inline-block; float:right;}

/***** DEFAULT POSITIONING OF ELEMENTS *****/
.relative_container {position:relative;}
.position_left {position:absolute; left:0;}
.position_right {position:absolute; right:0;}

/***** DEFAULT ALIGNMENT OF ELEMENTS *****/
.center_text {text-align:center;}
.right_align_text {text-align:right;}

/***** TO HAVE ELEMENT NEVER DISPLAY *****/
.never {display:none;}

/***** DEFAULT TEXT TRANSFORMING OF COPY *****/
.capitalize {text-transform:capitalize;}




/* 
===============================================================
HASP CSS FROM 2009-10-05
===============================================================
*/

body, input, select, textarea		{font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;} /*-- NEED TO MOVE --*/

/***** OVERRIDES FROM CORE FILE ---> GRID.CSS *****/
.page_setup {background-image:url("/images/hasp/main_bck.png"); background-position:0 88px; background-repeat:repeat-x; border-top:2px solid #6B99B6;}
.homepage_bck {background-image:url("/images/hasp/homepage_bck.png"); background-position:0 88px; background-repeat:repeat-x;}

/***** LOGO SPRITE & STYLES FOR THE TRUST CLUSTER *****/
.logo_sprite {background-image:url("/images/logo_sprite.png"); background-repeat:no-repeat; display:block; margin:0; overflow:hidden; padding:0;}
a.bbblogo, a.bbblogo:link, a.bbblogo:visited, a.bbblogo:hover {background-position:0 -8px; height:34px; width:90px; margin-top:10px; margin-left:20px; text-decoration:none;}
a.versignlogo, a.versignlogo:link, a.versignlogo:visited, a.versignlogo:hover {background-position:-112px 0; height:52px; width:93px; margin-left:17px; text-decoration:none;}
.zillow_sm {background-position:-325px 0; height:52px; width:150px;}
.logo {margin-top:3px;}

/***** ICON SPRITE & STYLES *****/
.icon_sprite {background-image:url("/images/hasp/icon_sprite.png"); background-repeat:no-repeat;}

.resource_bullet {margin:0 0 10px 2px; padding:0;}
.resource_bullet li {background:url("/images/hasp/icon_sprite.png") 0 -424px no-repeat; display:block; list-style-position:outside; list-style-type:none; margin:0; padding:0 0 10px 10px;}

.faq ul {margin:0 0 0 2px; padding:0;}
.faq ul li {background:url("/images/hasp/icon_sprite.png") 0 -424px no-repeat; display:block; list-style-position:outside; list-style-type:none; margin:0; padding:0 0 10px 10px;}

.lg_blue_arrow div {background:url("/images/hasp/icon_sprite.png") -44px -623px no-repeat; color:#4F7B96; display:block; font-weight:bold; overflow:hidden; padding-left:24px;}
.lg_blue_arrow ul {margin-top:5px; margin-left:18px; list-style-position:outside;}
.cal_check_content p {margin-left:24px;}

.compact_format, .compact_format p, .compact_format ul, .compact_format li, .compact_format ol {line-height:1.4em;}

/* BACK TO TOP LINK */
.back-top {text-align:right;}

/*--- HEADER ICONS ---*/
	/*--- THIS ICON IS FOR THE GREEN CONTAINER ON THE SEARCH FORM PAGE ---*/
	.box_r5_shadow .header h2.cirlce_arrow {background-position:8px -33px; padding-left:38px;}
	
	/*--- THIS ICON IS FOR THE CONTAINERS ON RIGHT HAND SIDE OF THE SEARCH FORM PAGE ---*/
	.box_r5_shadow .header h2.color_wheel {background-position:4px -465px; padding-left:38px;}
	.box_r5_shadow .header h2.circles {background-position:4px -67px; padding-left:38px;}
	.box_r5_shadow .header h2.info {background-position:4px -102px; padding-left:38px; height:15px;}
	.box_r5_shadow .header h2.news {background-position:4px -868px; padding-left:38px;}

	/*--- THIS ICON IS FOR THE HEADERS IN THE RESULTS SECTION ---*/
	.box_r5_shadow .header h2.num_one {background-position:10px -138px; padding-left:48px;}
	.box_r5_shadow .header h2.num_two {background-position:10px -171px; padding-left:48px;}
	
	/*--- THIS ICON IS FOR HEADER IN RATE ALERT ---*/
	.box_r5_shadow .header h2.ratealert_hdr {background-position:4px -675px; padding-left:38px; height:15px;}

/*--- OVERRIDES FROM CORE FILE ---> BUTTON.CSS -------------*/
	/*--- MARKETING BUTTON ON HOMEPAGE ------*/
	.button {background-image:url("/images/hasp/button_sprite.png"); background-repeat:no-repeat; border:0; cursor:pointer; display:block; margin:0; padding:0; overflow:hidden;}
	input.lets_go {background-position:-1px -1px; height:31px; width:134px; margin:0; padding:0;}
	input.lets_go:hover {background-position:-1px -42px;}

	/*--- DEFAULT BUTTON FOR MORTGAGE REPORT ---*/
	.mr_btn span {border-color:#89AABE;}
	.mr_btn .ctn {background:url("/images/hasp/button_sprite.png") 0 -109px repeat-x; color:#628DA8; font-size:1.35em; padding:6px 10px 5px 22px;}
	.mr_btn .ctn b {background:url("/images/hasp/button_sprite.png") -1px -83px no-repeat; display:inline-block; height:16px; line-height:0; margin:1px 3px 0 -16px; overflow:hidden; position:absolute; width:13px;}
	button.mr_btn .ctn b {*margin-top:5px; /* IE6+7 ONLY */}
	a.mr_btn .ctn b {*margin-top:2px; /* IE6+7 ONLY */}

	.mr_btn:hover span {border-color:#89AABE;}
	.mr_btn:hover .ctn {background-position:0 -141px; color:#628DA8;}
	
	/* OVERRIDES DEFAULT HASP BUTTON ---> SMALL BUTTON FOR MORTGAGE REPORT */
	.mr_btn_sm .ctn {background-position:0 -113px; padding:6px 10px 5px 10px; font-size:1.1em;}
	.mr_btn_sm .ctn b {display:none;}
	.mr_btn_sm:hover .ctn {background-position:0 -142px;}
	
	/* OVERRIDES DEFAULT HASP BUTTON ---> SMALL BUTTON WITH ARROW FOR MORTGAGE REPORT */
	.mr_btn_sm_arrow .ctn {background-position:0 -113px; padding:6px 10px 5px 22px; font-size:1.1em;}
	.mr_btn_sm_arrow b {background:url("/images/hasp/button_sprite.png") -1px -83px no-repeat; display:inline-block; height:16px; line-height:0; margin:-1px 3px 0 -16px !important; overflow:hidden; position:absolute; width:13px; _*margin-top:4px !important; *margin-top:4px !important;}
	.mr_btn_sm_arrow:hover .ctn {background-position:0 -142px;}

	/*--- HREF BUTTON FOR THE NAVBAR SECTION ---*/
	.mr_options_btn span {border-color:#89AABE;}
	.mr_options_btn .ctn {background:url("/images/hasp/button_sprite.png") 0 -115px repeat-x; color:#628DA8; font-size:1.2em; padding:3px 10px 3px 20px;}
	.mr_options_btn .ctn b {background:url("/images/hasp/button_sprite.png") -1px -83px no-repeat; _*background:url("/images/hasp/button_sprite.png") -1px -81px no-repeat; *background:url("/images/hasp/button_sprite.png") -1px -82px no-repeat;
	display:inline-block; height:16px; line-height:0; margin:1px 3px 0 -14px; overflow:hidden; position:absolute; width:13px; margin-top:0;
	}
	.mr_options_btn:hover span {border-color:#89AABE;}
	.mr_options_btn:hover .ctn {background-position:0 -146px; color:#628DA8;}

	/*--- POSITIONS THE BUTTON IN THE NAVBAR -----*/
	.refi_btn {height:24px; text-align:right; padding-top:3px;}
	html>body .refi_btn {padding-top:4px;}

	input.request_quote {background-position:-1px -644px; height:34px; width:146px;}
	input.request_quote:hover {background-position:-1px -688px;}

/*--- OVERRIDES FROM CORE FILE ---> TYPE.CSS --------------------*/
	h1, h2, h3 {font-family:"Tahoma",Helvetica,Arial,serif;}

	h1 {background-position:0 16px; color:#A2B750; font-size:2.0em; font-weight:500; padding-left:36px; padding-top:20px;}
	H2 {font-size:1.2em; font-weight:600;}
	h3 {clear:both; border-bottom:1px dotted #C8CACB; font-size:1em; position:relative;}
	h4 {color:#666;}

/*--- OVERRIDES FROM CORE FILE ---> TYPE.CSS --------------------*/
	ol li {padding-bottom:.5em;}

/*--- OVERRIDES FROM CORE FILE ---> FORM.CSS --------------------*/
	label {font-weight:normal;}
	.vertical_form li.radio_label {font-weight:normal;}

	.hasp_form input, .hasp_form select, .hasp_form textarea {margin-left:5px;}
	.hasp_form label, .hasp_form .radio_label, .hasp_form .hasp_search_form {padding-left:5px;}

	.fm_field_error .error_box p span {background-position:0 -314px; background-repeat:no-repeat; height:16px; position:absolute; top:4px; left:4px; width:16px;}
	.fm_field_error .error_box p {padding-left:28px;}

	.fm_field_error .late_mort {margin-top:-6px;}

/*--- DEFAULT TOOLTIP --------------------------------------------*/
	.default_tooltip {background-color:#f9f9f9; border:1px solid #e0dedc; width:250px; position:absolute; right:25px; z-index:15; padding:15px 15px 0 21px;}
	
	.default_tooltip p {position:relative; padding-left:22px;}
	.default_tooltip p span.tooltip {background-position:0 -377px; background-repeat:no-repeat; height:22px; width:22px; position:absolute; top:-1px; left:-10px; _left:-30px; /* IE6 ONLY */}
	
	.default_privacy_tooltip {top:235px;}
	.default_privacy_tooltip p span.tooltip {background-position:0 -340px; background-repeat:no-repeat; height:27px; width:21px; position:absolute; top:-1px; left:-10px; _left:-30px; /* IE6 ONLY */}

/*--- DEFAULT TOOLTIP FOR THE LI'S ------------------------------*/
	.fm_tooltip .tooltip_box p {border-top:0; min-height:34px; height:auto !important; height:34px; padding-left:30px;}
	.fm_tooltip .tooltip_box p span.tooltip {background-position:0 -588px; background-repeat:no-repeat; border-left:1px solid #f9f9f9; height:22px; width:23px; margin-right:2px; position:absolute; left:-1px; top:0; height:50px;}
	
	.fm_tooltip .tooltip_box p {border-top:0; min-height:34px; height:auto !important; height:34px; padding-left:30px;}
	.fm_tooltip .tooltip_box p span.other_debt_tp {height:57px;}

	.property_tooltip p span.tooltip {background-position:0 -340px; background-repeat:no-repeat; height:27px; width:21px; position:absolute; top:-1px; left:-10px; _left:-30px; /* IE6 ONLY */}

	.fm_tooltip .tooltip_box p span.house_tooltip {background-position:-38px -552px; background-repeat:no-repeat;}

	.back_results {float:right;}

	li.button_error_box .error_box {margin-top:-1px;}

	/*--- EXTRA FORM ELEMENT SYLTES ---*/
	.hr_divider {border-top:1px solid #d2e199; border-bottom:2px solid #d2e199; height:1px; margin:12px 0 24px -10px;}
	.line_divider {border-top:1px solid #d2e199; border-bottom:2px solid #d2e199; font-size:1px; color:#d2e199; line-height:1px; height:1px; margin:23px 0 12px -15px;}

	.fieldnote {display:block; margin-top:2px; margin-left:5px;}
	.fieldnote span {color:#333; font-weight:normal;}

	li.otherdebt {padding-bottom:8px;}

/*--- MASTHEAD STYLES --------------------------------------*/
	.masthead {height:78px;}

/*--- STYLE TO SPACE THE BREADCRUMBS CORRECTLY -------------*/
	.breadcrumb_spacing {padding:40px 0 10px 5px;}

/*--- OVERRIDES FROM CORE FILE ---> NAV.CSS ---------------*/
	.breadcrumb dd {color:#527E9A; font-size:0.92em;}
	.breadcrumb dd.last_child {color:#868686;}

/*--- PRINT LINK ------------------------------------------*/
	.print_link {margin-left: -10px; padding:40px 5px 10px 0;}
	.print_link a.print_icon {font-weight:900; background-position:0 -531px; height:16px; display:block; font-size:.85em; padding-left:22px; text-transform:uppercase;}
	.print_link a.print_label_page {margin-left: 66px; _margin-left: 62px /* IE6 ONLY */; white-space: nowrap;}
	.print_link a.print_label_report {margin-left: 22px; _margin-left: 18px /* IE6 ONLY */; white-space: nowrap;}

/*--- OVERRIDES FROM CORE FILE ---> TYPE.CSS --------------*/
	ul {color:#333;}
	.link_list li {list-style-type:none; list-style-position:outside; padding-left:0; margin-left:0;}
	
/*--- RATE ALERT, CHART, AND LEGEND --------------*/

	/*--- HEADERS ---*/
	.ratelegend_bx h3, .ratealert_bx h3 {margin:0 0 7px 0; padding:0; border:0; font-size:.95em; color:#666; text-transform:uppercase;}
	
	/*--- RATE ALERT ---*/
	.box_r5_shadow .ratealert_bx {padding:0 1px 10px 10px !important;}
	
	.ratealert {background:url("/images/hasp/rate_alert_bck.png") 0 15px repeat-x; border:1px solid #e1e1e1; padding:10px 0 11px 15px; position:relative;}
	.ratealert fieldset {position:relative;}
	.ratealert li {margin:0 0 5px 0;}
	.ratealert label {color:#5f92af; font-size:1.25em;}
	.ratealert .checkbox label {font-size:.95em; color:#666; display:inline-block; vertical-align:10%;}
	.ratealert input, .ratealert select {display:inline; margin:0 2px 0 0; *margin:0 0 0 -3px; width:auto;}
	.ratealert select {margin:0 3px;}
	
		/*--- RATE ALERT SLIDER ---*/	
		.ratealert .ui-slider {margin:15px 0 10px 0; border:0;}
		
			/*--- SLIDER BAR ---*/
			.ratealert .ui-slider-horizontal {background:url("/images/hasp/chart_sprite.png") -3px -330px no-repeat; height:34px; width:229px;} /* this is the slider bar */
			
			/*--- SLIDER HANDLE ---*/
			.ratealert .ui-slider .ui-slider-handle {top:-7px; width:18px; height:27px; margin-left:-11px; z-index:2; cursor:pointer;} /* this is the slider handle */
			.ratealert .ui-slider .ui-state-default {background:transparent url("/images/hasp/chart_sprite.png") -45px -294px no-repeat; border:0; outline:none;} /* this is the slider handle default state */
			.ratealert .ui-slider .ui-state-active {background-position:-72px -294px;} /* this is the slider handle active state */
			
			/*--- SLIDER RATE TRIANGLES ---*/
			.ratealert .slider_rates .green_arrow {background-position:0 -294px; height:9px; width:13px; position:absolute; top:16px; left:40px; z-index:1;}
			.ratealert .slider_rates .blue_arrow {background-position:-23px -294px; height:9px; width:13px; position:absolute; top:16px; left:20px; z-index:1;}
	
	.ratealert .ratealert_rate {font-weight:bold; width:45px; _width:52px; /* IE6 ONLY */ padding:0 2px; margin:0 0 0 3px;}
	.ratealert .ratealert_loan_type {width:auto;}
	.ratealert .emailopt {border-top:1px solid #e7e7e6; padding-top:10px; *padding-top:9px; /* IE6+7 ONLY */ margin-top:9px; margin-right:15px; margin-bottom:2px; white-space:nowrap;}
	.ratealert .emailopt label {display:inline;}
	.ratealert .emailopt input {margin:0; width:177px; *width:174px; /* IE7 ONLY */ _width:180px; /* IE6 ONLY */}
	.ratealert .checkbox {*margin:0 0 0 -1px; /* IE6+7 ONLY */ padding-bottom:5px;}
	.ratealert li.ratealert_submit {border-top:1px solid #e7e7e6; position:relative; margin:0 15px 0 0; *margin:2px 15px 2px 0; /* IE6+7 ONLY */ padding-top:9px; *padding-top:8px; /* IE6+7 ONLY */ padding-bottom:0;}
	
	.ratealert a.ratealert_tooltip_link {position:absolute; right:0; top:-93px; height:16px; display:block; margin-right:3px; _margin-right:13px; /* IE6 ONLY */ font-weight:normal; font-size:.85em; text-decoration:none; white-space:nowrap;}
	html>body .ratealert a.ratealert_tooltip_link {right:0;}
	
	/*--- RATE LEGEND -------------------*/
	.ratelegend_bx {padding:4px 15px 13px /* change to 16px when rate alert is displayed */ 26px !important;}
	.legend span {float:left; font-size:0.9em; color:#548baa; white-space:nowrap;}
	.legend .color_blocks {height:10px; width:10px; background-color:#74CC56; margin-top:3px; margin-right:3px;}
	.legend .blue {background-color:#5DACF8;}
	.legend .yr {margin-right:10px;}

/*------------------------------------------------------------
HOMEPAGE
------------------------------------------------------------*/

	/*---- HOMEPAGE MAIN CONTAINER ----*/
	.hp_main {background:url("/images/hasp/hp_top_bck.jpg") 0 28px no-repeat transparent; height:389px;}
	html>body .hp_main {background-position:0 30px;} /*IE6 Hack */
	.hp_main .col_21 {margin-right:0;}
	
		/*---- HOMEPAGE MESSAGING ----*/
		.hp_primary {position:relative; height:173px; padding:70px 0 32px 60px;}
		.hp_primary h1 {margin-bottom:15px; padding:0; color:#fff; font-size:2.75em; line-height:1.15em;}
		.hp_primary h2 {margin-bottom:25px; padding:0; color:#fff; font-size:1.75em; line-height:1em; font-weight:normal;}
		.hp_primary .hp_button {display:block; width:174px; height:41px; background-position:0 -252px; cursor:pointer;}
		.hp_primary .hp_button:hover {background-position:0 -302px;}
		.hp_primary .thoughts {position:absolute; width:250px; top:68px; _top:66px; /* IE6 ONLY */ left:610px; margin:0; list-style:none; color:#487692;}
		.hp_primary .thoughts span {display:block; position:relative; margin:0; font-size:1.2em; line-height:1;}
		.hp_primary .thoughts .thought1 {left:0; padding-bottom:14px;}
		.hp_primary .thoughts .thought2 {left:119px; padding-bottom:4px;}
		.hp_primary .thoughts .thought3 {left:-112px;}
		
		.hp_secondary {height:54px; padding:19px 0 16px 40px; _padding:55px 0 16px 40px; /* IE6 ONLY */}
		.hp_secondary .point {float:left; padding:0 20px; width:250px;}
		.hp_secondary dl {margin:0; padding-left:53px; *width:196px; /* IE7 ONLY */ _width:250px; /* IE6 ONLY */}
		.hp_secondary .sliders dl {background-position:0 -908px;}
		.hp_secondary .sliders dl dt, .hp_secondary .sliders dl dd {padding-left:4px;}
		.hp_secondary .report dl {background-position:0 -962px;}
		.hp_secondary .chart dl {background-position:0 -1015px;}
		.hp_secondary .chart dl dt, .hp_secondary .chart dl dd {padding-left:12px;}
		.hp_secondary dt {padding-bottom:5px; font-size:1.4em; line-height:1em; font-weight:900; color:#517f9c;}
		.hp_secondary dd {margin:0; font-size:.95em; line-height:1.2em; color:#333;}
	
	/*---- HOMEPAGE LOAN BUCKETS ----*/
	.hp_options {padding:0 75px 20px 74px;}
	.hp_options_intro {padding-bottom:5px;}
	.hp_options_footer p {margin:0 0 0 -25px; _margin-left:125px; /* IE6 ONLY */ font-size:1.5em; font-weight:900; text-align:center;}
	.hp_options h3 {margin-bottom:10px; padding:0; color:#628da8; font-size:1.75em; line-height:1em; font-weight:normal; border-bottom:0;}
	.hp_options h4 {padding:12px 0 48px 0; font-size:1.3em; line-height:1em; color:#255a79; background-position:0 -351px; border-bottom:0; text-align:center; cursor:default;}
	.hp_options h5 {margin-bottom:10px; font-size:1.75em; line-height:1em; color:#93be36;}
	.hp_options .loan_option {float:left; margin-right:20px; width:254px;}
	.hp_options .last {margin-right:0;}
	.hp_options .options_content {padding:0 15px 15px 15px; border-right:1px solid #dbdbdb; background:#fbfcfc url("/images/hasp/hp_bucket_bck.png") bottom left repeat-x; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb;}
	.hp_options ul {list-style:none;}
	.hp_options ul li {margin:0; padding-left:13px; background:transparent url("/images/hasp/icon_sprite.png") -64px -1063px no-repeat; line-height:2em;}
	
	/*--- HOMEPAGE NEED LIST OVERLAY -----*/
	.need_list_details {background-color:#FFF; border:1px solid #B5D36A; padding:15px; position:absolute; top:-25px; right:230px; _right:120px; /* IE6 ONLY */ margin-top:-10px; width:220px; z-index:1;}
	.need_list_details h4 {padding:0 0 15px 0; font-size:1em; line-height:1.3em; color:#333; text-align:left; border:0;}
	.need_list_details .last {margin-bottom:0;}
	.need_list_details .need_list_close {display:block; float:right; font-size:.95em; margin-top:-5px; padding-left:10px;}

/*---- OVERRIDES FROM CORE FILE ---> HEADER_FOOTER.CSS ----*/
.footer {background-color:#d9e3c4; border-bottom:24px solid #6794b0; color:#333; height:147px; margin:0; padding:15px 0; width:100%; text-align:center;}
.center_footer {margin:0 auto 0 auto; width:950px; text-align:left;}

/***** SEO LINKS - COLOR OVERRIDE FROM FILE ---> TYPE.CSS *****/
.footer .seo_links li a, .footer .seo_links li a:link, .footer .seo_links li a:visited {color:#666;}

/*--- INDENTS COPY ON TOP PART OF CONTAINER - TODO ---*/
.indent_30 p, .indent_30 ul {margin-left:38px;}

/*------------------------------------------------------------
STYLES FOR THE RESULTS PAGES
------------------------------------------------------------*/
/*--- ODOMETER STYLES --------------*/
	/*--- MAIN CONTAINER -----*/
	.row_container {background:#FFF; border:1px solid #d2e199; position:relative; margin-bottom:10px;}

	/*--- STYLES FOR THE ROW IN THE OVERLAY -----*/
	.overlay_row {background:url("/images/hasp/result_row_bck.png") 0 35px repeat-x #FFF; border:1px solid #CCC; display:none; height:212px; overflow:hidden; position:absolute; top:-53px; left:2px; width:490px; z-index:2;}
	.overlay_row ul {background:transparent; height:58px; position:relative; margin:0px; padding:0px;}
	.overlay_row li {color:#666; display:inline-block; float:left; list-style-type:none; margin:0; padding:6px 0 5px 0; *padding:7px 0 5px 0; text-align:center;}
	.overlay_row p {color:#628ea9; font-size:1.6em; padding:0 0 6px 0; margin:0 0 6px 0;}
	.overlay_row .points {border:0;}
	.overlay_row .points img {display:none;}
	.overlay_row .apr {width:130px; *width:128px;}
	.overlay_row .hdr {background-color:#aaa;}
	.overlay_row .active_row {background-color:#d9e4af;}

	/*--- ARROW STYLES -----*/
	.up_arrow, .dwn_arrow {background:url("/images/hasp/icon_sprite.png") 0 0 no-repeat; cursor:pointer; height:36px; width:69px; position:absolute; z-index:3; left:218px; overflow:hidden; opacity:0.65; filter:alpha(opacity=65);}
	.up_arrow {background-position:0 -755px; top:55px;}
	.dwn_arrow {background-position:0 -796px; top:152px;}

	/*--- HIGHLIGHT STYLES -----*/
	.od_highlight {cursor:pointer; position:absolute; top:89px; z-index:3; height:66px; width:100%; background:url("/images/hasp/highlight.gif") 0 0 repeat-x;}

	/*--- DEFAULT ROW HEADER STYLES -----*/
	.overlay_row .overlay_hdr {height:32px; background-color:#d9d9d9; border:1px solid #FFF; border-bottom:1px solid #CCC; position:relative; z-index:1;}
	.overlay_row .overlay_hdr li {color:#000; font-weight:bold; padding:8px 0;}

	/*--- STYLES FOR THE DEFAULT RESULT ROW -----*/
	.result_row {height:100px;}

	.result_row .hdr li, .result_row .active_row li, .result_row .active_row li p, .overlay_row ul li {width:120px;}
	.result_row .hdr li, .result_row .active_row li {display:inline-block; float:left; text-align:center;}

	.result_row .hdr {background-color:#d9d9d9; height:36px; margin:1px 1px 0 1px; *margin:1px 3px 0 3px;}
	.result_row .hdr li {color:#000; font-weight:bold; padding:10px 0; margin:0;}

	.result_row .active_row {height:50px;}
	.result_row .active_row li {color:#666; margin:0 0 0 1px; padding:0;}
	.result_row p {border-bottom:1px dotted #CCC; color:#628ea9; display:block; font-size:1.6em; height:27px; *height:35px; padding-top:6px; *padding-top:8px; margin:0 0 3px 0;}
	.result_row .points {cursor:pointer; *padding-top:6px;}

	/*--- ODOMETER DETAILS OVERLAY -----*/
	.od_details {background-color:#FFF; border:1px solid #CCC; padding:10px; position:absolute; right:27px; margin-top:-10px; width:220px; z-index:1;}
	.od_details table, .od_details table td {border:0; text-align:left;}
	.od_details table td.last_child {text-align:right;}
	.od_details table tr.total td {background-color:#CCC; font-weight:bold;}
	.od_details .od_detail_connect {background-color:#FFF; border:1px solid #CCC; border-right:2px solid #FFF; position:absolute; top:-1px; left:-101px; _left:-98px; height:28px; *height:20px; _height:32px; width:98px;}
	.od_details .od_detail_connect a.close {display:block; padding-top:4px;}

	/*--- ODOMETER PROCESSING -----*/
	.od_processing {text-align:center; *padding-bottom:10px; _padding-bottom:10px;}

/*--- RATES COMPARE -----*/
.rate_compare {border:1px solid #d2e199; margin-bottom:25px; width:460px; _width:465px; /* IE6 ONLY */}
.rate_compare ul {height:20px;}
.rate_compare ul li {display:inline-block; float:left; width:100px; text-align:center; white-space:nowrap;}
.rate_compare ul li.first_child {font-weight:bold; width:105px; text-align:left;}

.rate_compare ul.est_mort {border-top:1px dotted #CCC; padding-top:10px;}

.rate_compare li.rate {width:60px;}

.rate_compare .hdr {background-color:#d9d9d9; height:36px; margin:1px 1px 10px 1px; *margin:1px 3px 10px 3px;}
.rate_compare .hdr li {font-weight:bold; padding-top:8px;}

/*--- CHANGE INFO ICON ---*/
.change_info_tp {border-top:1px solid #C9DCE7; font-size:1px; color:#C9DCE7; line-height:1.0em;}
.change_info {background-color:#C9DCE7; padding:7px 0 4px 0; margin-top:-1px; margin-left:10px; text-align:center;}
.change_info a.info_icon, .change_info a.info_icon:link, .change_info a.info_icon:visited, .change_info a.info_icon:hover
{background:url("/images/hasp/icon_sprite.png") 0 -425px no-repeat; padding-left:10px;}

/*--- ACCORDIAN BUTTONS ---*/
a.acc_btn_mort, a.acc_btn_mort:link, a.acc_btn_mort:visited, a.acc_btn_mort:hover
{background-position:0px -183px; height:25px; width:229px; display:block; font-weight:bold; color:#999933; padding:4px 0 3px 10px; margin-bottom:0; text-decoration:none;}

a.acc_btn_address, a.acc_btn_address:link, a.acc_btn_address:visited, a.acc_btn_address:hover
{background-position:0px -183px; height:25px; width:229px; display:block; font-weight:bold; color:#999933; padding:4px 0 3px 10px; margin-top:5px; text-decoration:none;}

/*--- STYLES FOR PAYMENT AND RATE BOXES ---*/
.poss_rate .header, .poss_rate .header h2, .poss_rate .box_content, .poss_rate .crn_style div, .poss_rate .top_corner .top_border, .poss_rate .bottom_corner .bottom_border
{border-color:#dae4c5; background-color:#dae4c5; line-height:1.0em;}

.poss_pymt .header, .poss_pymt .header h2, .poss_pymt .box_content, .poss_pymt .crn_style div, .poss_pymt .top_corner .top_border, .poss_pymt .bottom_corner .bottom_border
{border-color:#FFF; background-color:#FFF;}

.save_rate {clear:both; padding-left:30px; margin-bottom:10px; overflow:auto;}
.save_rate .col1 {float:left; position:relative; margin-right:30px;}
.save_rate .col2 {float:left;}

.poss_rate_bx {position:relative; width:370px;}
.poss_rate_bx .box_content {height:80px; text-align:center;}
.poss_rate_bx .box_content .sec_content_position {color:#628ea9; font-size:1.7em; padding-bottom:10px; position:absolute; left:208px; top:17px; width:160px;}
.poss_rate_bx .box_content .sec_content_position span {color:#666; font-size:.55em; font-weight:bold; line-height:2.5em; white-space:nowrap;}

.poss_rate_bx_mod {width:206px;}

.poss_pymt_bx {position:absolute; top:2px; left:2px; width:200px; text-align:center;}
.poss_pymt_bx .box_content {color:#628ea9; font-size:1.7em; height:64px; padding:10px 0 0 0;}
.poss_pymt_bx .box_content span {color:#666; font-size:.55em; font-weight:bold; line-height:2.0em; white-space:nowrap;}

.poss_rate_arrow {background-position:0 -272px; width:15px; height:9px; position:absolute; bottom:-4px; right:80px;}
html>body .poss_rate_arrow {bottom:0;}
.poss_pymt_arrow {background-position:0 -291px; width:15px; height:9px; position:absolute; bottom:-14px; right:90px;}
html>body .poss_pymt_arrow {bottom:-2px;}

/*--- SAVINGS BLOCK ---*/
.savings_block {color:#628EA9; font-size:1.6em; line-height:1.2em; margin-right:10px; text-align:center; width:140px;}
.savings_block p {font-size:.7em; line-height:1.0em;}

/*--- SANPSHOT BOX ---*/
.snp_layout {width:100%; overflow:auto;}
.snp_layout .data {float:left; padding-top:6px; width:400px; padding-left:1px;}
.snp_layout .graph {min-height:340px; height:auto !important; height:340px; float:left; width:220px;}

.rs_data {border:2px solid #C9DCE7; border-collapse:separate; *border-collapse:collapse; /* IE6+7 ONLY */ margin:0; padding:1px; width:320px;}
.rs_data td {border:0; border-bottom:1px dotted #6b99b4; height:32px; padding:0 10px; vertical-align:middle;}
.rs_data td.value {font-weight:bold; width:90px;}
.rs_data .last td {border-bottom:0;}
.rs_data .odd td {background-color:#F4F7ED;}
.rs_data .cf td {background-color:#f4f7ed; border-bottom:0;}
.rs_data .cf_nocolor td {border-bottom:0;}
.rs_data .cf_copy td {background-color:#f4f7ed; font-size:.9em; padding-bottom:5px;}
.rs_data .cf_copy td.cf_text {color:#9fb6c3; vertical-align:top;}
.rs_data .forbear td {border:0;}
.notes {margin-top:3px; width:320px;}

/*--- CHART FOR RESULTS PAGE ---*/
.chart_sprite, .chart_sprite div {background-image:url("/images/hasp/chart_sprite.png");}

.graph_layout {clear:both; height:157px; position:relative; margin-top:3px; margin-bottom:10px; width:206px;}
.graph_layout h3 {border:0; color:#666; font-size:0.917em; font-weight:bold; padding-top:138px; margin-left:-2px; text-transform:uppercase; text-align:center;}
.graph_layout span {color:#666; display:block; font:bold .9em arial; line-height:.8em; width:54px; text-align:center;}
.graph_layout span.text_color {color:#446e88; font-size:.9em; padding-top:3px;}
.graph_layout span.lft {margin-top:12px; margin-left:-1px;}
.graph_layout span.rgt {margin-top:6px; margin-left:70px;}
.graph_layout .lft_indicator {background-position:0 -171px; height:42px; line-height:.65em; position:absolute; left:15px; width:112px;}
.graph_layout .rgt_indicator {background-position:0 -233px; height:42px; line-height:.65em; position:absolute; right:9px; width:127px;}

.non_partner {border:0; font-size:1.0em; width:95%; margin-top:12px; margin-left:5px;}
.non_partner th {background-color:#EFEFEF; border:1px solid #CCC; padding:7px;}
.non_partner th:last-child {border-right:1px solid #CCC;}
.non_partner td {padding:6px 5px; border:0; border-bottom:1px dotted #CCC;}
.non_partner td.inventory_phone {width:200px; text-align:right;}

p.whats_next span {display:inline-block; font-weight:bold; margin-bottom:3px; *margin-bottom:0;}
a.intro_next_links, a.intro_next_links:link, a.intro_next_links:visited, a.intro_next_links:hover
{background-position:0 -218px; height:24px; font-weight:bold; display:inline; margin-right:12px; padding:4px 30px 6px 10px; text-decoration:none; text-transform:uppercase; width:192px; white-space:nowrap;}

/* THIS IS USED FOR THE PARTNER DISPLAY ROW ON THE TRADITIONAL RESULTS PAGE */
.rs_partner_row {background:url("/images/hasp/rs_partner_container_bck.png") 0 100% repeat-x;}
.rs_partner_row .row_top {margin-bottom:18px; padding-top:10px;}
.rs_partner_row .row_top div {float:left; width:48%;}
html>body .rs_partner_row .row_top div {width:50%;} /* IE6 Hack */
.rs_partner_row .lender_info {font-size:1.1em; line-height:1.2em; text-align:right; width:50%;}
.rs_partner_row h3 {border:0; color:#729cb4; font-size:1.3em; font-weight:bold; margin-bottom:0;}
.rs_partner_row hr {background-color:#ededed; margin:0 0 15px 0; padding:0;}

/*--- NO RESULTS WARNING MESSAGE BOX ------------*/
.no_luck_warning {background-color:#f9f9f9; border:1px solid #e0dedc; margin:0 30px 30px 20px; padding:15px 15px 0 41px; position:relative;}
.no_luck_warning p.intro {color:#000; font-size:1.1em; font-weight:bold;}
.no_luck_warning span.icon{background-position:0 -377px; background-repeat:no-repeat; display:block; height:22px; width:22px; position:absolute; left:10px; _left: -30px; /* IE6 ONLY */ top:14px;}

/*--- AD STYLES ------------*/
.ad {line-height:0; margin-bottom:15px;} /* used for image based ads in sidebar */
.ad_overlay {margin-top:5px;}
.ad_overlay ul li {padding-bottom:10px;}

.footnote, .footnote p {color:#666; font-family:Arial; font-size:11px; line-height:1.3em;}

/*------------------------------------------------------------
STYLES FOR OVERLAYS
------------------------------------------------------------*/
/***** OVERRIDES FROM CORE FILE ---> OVERLAY.CSS *****/
.ui-widget-overlay {left:0;}
.ui-dialog {border:2px solid #cadce8; background:#fff;}
.ui-dialog .ui-widget-content a {color:#069;}
.ui-dialog-title {
background:url("/images/hasp/icon_sprite.png") 4px -66px no-repeat #CADCE8; border:1px solid #BACCD8; cursor:move; display:block; color:#666; font-size:120%; font-weight:bold; height:15px; _height:37px; padding:11px 0 11px 40px; text-align:left;}
#ui-dialog-title-js_debt_calculator {background-position:6px -640px;}
#ui-dialog-title-js_ratealert_info {background-position:4px -709px;}

.ui-dialog-titlebar {background-color:#FFF; border:0; padding:20px 20px 0 20px;}

a.ui-dialog-titlebar-close, a.ui-dialog-titlebar-close:link, a.ui-dialog-titlebar-close:visited {top:30px; right:30px; text-decoration:underline;}
a.ui-dialog-titlebar-close:hover {top:30px; right:30px; text-decoration:none;}
.ui-dialog-content {padding-left:20px; padding-right:20px; text-align:left; width:100%;}
.ui-icon-gripsmall-diagonal-se {background:url("/images/icon_grip_resize.png") 99.5% 0 no-repeat transparent; cursor:nw-resize; display:inline-block; height:11px; padding-bottom:0; *padding-bottom:5px; /* IE6+7 ONLY */ width:100%;}

/*-- ZESTIMATE OVERLAY STYLES --*/
.js_val_div {font-size:.85em;}
.js_val_div form {_margin-top:-13px; /* IE6 ONLY */}
.js_val_div .city_zip_lyt input.city {_margin-left:0; /* IE6 ONLY */}
.js_val_div p.last {margin:15px 10px 0 0; *margin:35px 10px 0 0; /* IE6+7 ONLY */}
.js_val_div .zillow_sm {*margin:20px 0 0 0; /* IE6+7 ONLY */}
.js_val_div .zillow_footer {_width:210px !important; /* IE6 ONLY */}
#js_val_div_failed {*height:215px !important;}

	/*--- ERROR INDICATOR ---*/
	.js_val_div .fm_field_error span {position:relative; display:block;}
	.js_val_div .fm_field_error .error_indicator {position:absolute; z-index:21; top:10px; *top:9px; /* IE6+7 ONLY */ left:197px; *left:200px; /* IE7 ONLY */ _left:0; /* IE6 ONLY */ display:block; width:11px; height:11px; background:url(/images/hasp/icon_sprite.png) 0 -1165px no-repeat;}
	.js_val_div .fm_field_error .val_address_bx .error_indicator {top:6px; *top:7px; /* IE6+7 ONLY */ left:209px; _left:205px; /* IE6 ONLY */}

	/*-- ZILLOW PROCESSING BOX --*/
	#zillow_in_work {display:none;}
	.processing {position:absolute; z-index:21; top:30px; _top:15px; /* IE6 ONLY */ left:15px; _left:30px; /* IE6 ONLY */ background-color:#e7e7e6; border:1px solid #efefef; color:#628da8; padding:0 10px 13px 10px; width:150px; text-align:center; font-weight:900;}
	.ob_value_success {margin-bottom:8px; background-color:#e7e7e6; height:65px; color:#628EA9; font-size:1.5em; line-height:1.4em; padding-top:15px; text-align:center;}
	.ob_value_success span {font-weight:900;}

/*-- DEBT CALCULATIR OVERLAY STYLES --*/
.debt_cal {font-size:.85em;}
.debt_cal label {width:150px;}
.debt_cal .input_symbol {font-weight:900; color:#638ea9;}
.debt_cal input {text-align:right; display:inline; width:130px;}
.debt_cal .update_link {margin:0 0 -10px 0; *margin:0; /* IE6+7 ONLY */}
.debt_cal .note {padding-left:30px; line-height:1.3em; background-position:0 -374px;}
.debt_cal .total_bx {padding:20px; text-align:center; border:1px solid #e8e7e7;}
.debt_cal .total_bx p {margin:0 0 10px 0; font-size:1.5em; line-height:1em; color:#638ea9;}
.debt_cal .total_bx p.total {margin:0 0 20px 0; font-weight:900;}

/*-- DOCUMENT SERVICE AD OVERLAY STYLES --*/
.docservicead {background:url("/images/hasp/docservicead_overlay_bck.png") no-repeat bottom right; padding-bottom:0;}
.docservicead img {margin-top:5px; margin-left:53px;}
.docservicead form {background:url("/images/hasp/docservicead_form_bck.png") no-repeat top left; margin:30px 0 0 0; *margin-bottom:-2px; /* IE6+7 ONLY */ padding:18px 16px 10px 16px; width:229px; _width:300px; /* IE6 ONLY */}
.docservicead form h3 {margin:0 0 11px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.35em; font-weight:normal; color:#32617f; border-bottom:0;}
.docservicead .docservicead_submit {position:relative;}
.docservicead .submit_thanks {top:11px; left:95px;}
.docservicead .nothanks p {background-position:0 -426px; margin:0; padding-left:11px; font-weight:900;}
.docservicead .nothanks p a {color:#6591ac;}
.docservicead .nothanks p a:hover {color:#333;}

/*--- SHADOW BOX CONTAINER BASE SETUP - BEGINS ----------------------------------------------------*/
.box_r5_shadow {margin-bottom:15px; position:relative; width:100%;}
.box_r5_shadow .header {background-color:#FFF; border-left-style:solid; border-right-style:solid; padding:10px 0;}
.box_r5_shadow .header h2 {color:#666; margin:0; height:15px; padding:8px 0 11px 10px;}
.box_r5_shadow .bx_content {background-color:#FFF; border-left-style:solid; border-right-style:solid; padding:5px 15px 10px 15px; _height:1%; /* IE6 only */}
.box_r5_shadow .corner_style div {background-color:#FFF; border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; font-size:1px; height:1px; line-height:1.0px; _line-height:0;}

.box_r5_shadow .tp_corner .tp_border {border-top-width:1px; border-top-style:solid; height:0; color:#FFF;}
.box_r5_shadow .tp_corner .r_1 {border-left-width:2px; border-right-width:2px; color:#FFF;}
.box_r5_shadow .tp_corner .r_2 {color:#FFF;}
.box_r5_shadow .tp_corner .r_3 {height:2px; color:#FFF;}
/*--- SHADOW BOX CONTAINER BASE SETUP - ENDS ----------------------------------------------------*/

/*--- SHADOW BOX CONTAINER OVERRIDES - BEGINS ----------------------------------------------------*/
	/*--- RIGHT SHADOW SETTINGS ---*/
	.shadow_right .header {border-left-width:1px; border-right-width:5px;}
	.shadow_right .bx_content {border-left-width:1px; border-right-width:5px;}

	.shadow_right .tp_corner .tp_border {margin-left:5px; margin-right:9px;}
	.shadow_right .tp_corner .r_1 {margin-left:3px; margin-right:7px;}
	.shadow_right .tp_corner .r_2 {margin-left:2px; margin-right:6px;}
	.shadow_right .tp_corner .r_3 {margin-left:1px; margin-right:5px;}

	.shadow_right .tp_shadow .tp_border {border-top-width:1px; border-top-style:solid; margin-left:5px; margin-right:5px; font-size:1px; height:0;}
	.shadow_right .tp_shadow .r_1 {border-left-width:1px; border-right-width:2px; margin-left:0; margin-right:3px; color:#FFF;}
	.shadow_right .tp_shadow .r_2 {margin-left:0; margin-right:2px; border-right-width:3px; color:#FFF;}
	.shadow_right .tp_shadow .r_3 {margin-left:0; margin-right:1px; border-right-width:4px; height:2px; color:#FFF;}
	
	.shadow_right .btm_shadow {position:absolute; right:0px; bottom:5px; width:10px;}
	.shadow_right .btm_shadow .btm_border {border-bottom-width:1px; border-bottom-style:solid; font-size:1px; height:0; margin-left:2px; margin-right:0;}
	.shadow_right .btm_shadow .r_1 {border-left-width:0; border-right-width:5px; height:2px; font-size:1px; margin-left:3px; margin-right:0;}
	.shadow_right .btm_shadow .r_2 {border-right-width:5px; border-bottom-width:1px; border-bottom-style:solid; font-size:1px; height:0; margin-left:4px; margin-right:0;}
	.shadow_right .btm_shadow .r_3 {border-left-width:1px; border-bottom-width:1px; border-bottom-style:solid; border-right-width:5px; font-size:1px; height:0; margin-left:3px; margin-right:0;}
	
	.shadow_right .btm_corner .btm_border {border-bottom-width:1px; border-bottom-style:solid; margin-left:10px; margin-right:5px; font-size:1px; height:0;}
	.shadow_right .btm_corner .r_1 {border-bottom-width:1px; border-bottom-style:solid; margin-left:0; margin-right:0; height:0; font-size:1px;}
	.shadow_right .btm_corner .r_2 {border-bottom-width:2px; border-bottom-style:solid; margin-left:10px; margin-right:1px; height:0; font-size:1px;}
	.shadow_right .btm_corner .r_3 {border-bottom-width:1px; border-bottom-style:solid; margin-left:10px; margin-right:2px; height:0; font-size:1px;}
	.shadow_right .btm_corner .r_4 {border-bottom-width:1px; border-bottom-style:solid; margin-left:10px; margin-right:3px; height:0; font-size:1px;}

	/*--- LEFT SHADOW SETTINGS ---*/
	.shadow_left .header {border-left-width:5px; border-right-width:1px;}
	.shadow_left .bx_content {border-left-width:5px; border-right-width:1px;}

	.shadow_left .tp_corner .tp_border {margin-left:9px; margin-right:5px;}
	.shadow_left .tp_corner .r_1 {margin-left:7px; margin-right:3px;}
	.shadow_left .tp_corner .r_2 {margin-left:6px; margin-right:2px;}
	.shadow_left .tp_corner .r_3 {margin-left:5px; margin-right:1px;}

	.shadow_left .tp_shadow .tp_border {border-top-width:1px; border-top-style:solid; margin-left:5px; margin-right:5px; font-size:1px; height:0;}
	.shadow_left .tp_shadow .r_1 {border-left-width:2px; border-right-width:1px; margin-left:3px; margin-right:0; color:#FFF;}
	.shadow_left .tp_shadow .r_2 {margin-left:2px; margin-right:0; border-left-width:3px; color:#FFF;}
	.shadow_left .tp_shadow .r_3 {margin-left:1px; margin-right:0; border-left-width:4px; height:2px; color:#FFF;}
	
	.shadow_left .btm_shadow {position:absolute; left:0px; bottom:5px; width:10px;}
	.shadow_left .btm_shadow .btm_border {border-bottom-width:1px; border-bottom-style:solid; font-size:1px; height:0; margin-left:0; margin-right:2px;}
	.shadow_left .btm_shadow .r_1 {border-left-width:5px; border-right-width:0; height:2px; font-size:1px; margin-left:0; margin-right:3px;}
	.shadow_left .btm_shadow .r_2 {border-left-width:5px; border-bottom-width:1px; border-bottom-style:solid; font-size:1px; height:0; margin-left:0; margin-right:4px;}
	.shadow_left .btm_shadow .r_3 {border-left-width:5px; border-bottom-width:1px; border-bottom-style:solid; border-right-width:1px; font-size:1px; height:0; margin-left:0; margin-right:3px;}
	
	.shadow_left .btm_corner .btm_border {border-bottom-width:1px; border-bottom-style:solid; margin-left:5px; margin-right:10px; font-size:1px; height:0;}
	.shadow_left .btm_corner .r_1 {border-bottom-width:1px; border-bottom-style:solid; margin-left:0; margin-right:0; height:0; font-size:1px;}
	.shadow_left .btm_corner .r_2 {border-bottom-width:2px; border-bottom-style:solid; margin-left:1px; margin-right:10px; height:0; font-size:1px;}
	.shadow_left .btm_corner .r_3 {border-bottom-width:1px; border-bottom-style:solid; margin-left:2px; margin-right:10px; height:0; font-size:1px;}
	.shadow_left .btm_corner .r_4 {border-bottom-width:1px; border-bottom-style:solid; margin-left:3px; margin-right:10px; height:0; font-size:1px;}

	/*--- EXTENDS CORE FILE ---> CONTAINER.CSS ----------------------------------------------------*/
	.green_border .header h2, .green_border .bx_content {border-color:#D2E199;}
	.green_border .header, .green_border .corner_style div, .green_border .tp_corner .tp_border, .green_border .btm_corner .btm_border {border-color:#D2E199; color:#D2E199;}

	.blue_border .header h2, .blue_border .bx_content {border-color:#C9DCE7;}
	.blue_border .header, .blue_border .corner_style div, .blue_border .tp_corner .tp_border, .blue_border .btm_corner .btm_border {border-color:#C9DCE7; color:#C9DCE7;}

	.gray_border .header h2, .gray_border .bx_content {border-color:#E7E7E6;}
	.gray_border .header, .gray_border .corner_style div, .gray_border .tp_corner .tp_border, .gray_border .btm_corner .btm_border {border-color:#E7E7E6; color:#E7E7E6;}

	.dkblue_border .header h2, .dkblue_border .bx_content {border-color:#628da8;}
	.dkblue_border .header, .dkblue_border .corner_style div, .dkblue_border .tp_corner .tp_border, .dkblue_border .btm_corner .btm_border {border-color:#628da8; color:#628da8;}

	/*--- HEADER COLOR AND POSITION OVERRIDE ---*/
	.box_r5_shadow .green_header_left h2 {background-color:#D2E199; border:1px solid #B6C96A; border-left:0; color:#FFF; margin-right:10px; padding-left:20px;}
	.box_r5_shadow .gray_header_left h2 {background-color:#E7E7E6; border:1px solid #dadad7; border-left:0; margin-right:10px;}
	.box_r5_shadow .dkblue_header_left h2 {background-color:#628da8; border-color:#628da8; border-left:0; color:#FFF; margin-right:10px;}
	.box_r5_shadow .blue_header_left h2 {background-color:#c9dce7; border-color:#b6cdda; border-left:0; margin-right:10px;}

	.box_r5_shadow .blue_header_right h2 {background-color:#c9dce7; border-color:#b6cdda; border-right:0; margin-left:10px;}
	.box_r5_shadow .gray_header_right h2 {background-color:#e7e7e6; border-color:#dadad7; border-right:0; margin-left:10px;}
/*--- ROUND BOX CONTAINER OVERRIDES - ENDS ----------------------------------------------------*/

/* DAVE RODGER TEST */
.highlight {background-color:#FFC; padding:1px;}