﻿/************ COMMON FORM ELEMENT STYLES *************/
.head_label { display:block; font-family:Georgia, Times New Roman, Sans-Serif; color:#fff4ba; padding:0; margin:0 }

/* Search Box */
.searchbox { height:33px; float:left; white-space:nowrap; padding:0; margin:0 }
.searchbox input { width:250px; color:#666; font-size:14pt; border:none; font-family:verdana, arial; background:transparent; padding:0; margin:4px 0 0 0 }

.searchbox_left { width:10px; height:33px; float:left; background:url(../images/textbox_left_end.gif) top left no-repeat; padding:0; margin:0 }
.searchbox_right { width:10px; height:33px; float:left; background:url(../images/textbox_right_end.gif) top right; padding:0; margin:0 }

.text_rounded_lg { height:33px; float:left; background:url(../images/textbox_bg_right_ext.gif) top left }




.select { font-size:9pt; padding:0; margin:0 }

.error_message { float:left; color:#f00; text-align:left; padding:5px 5px 5px 5px }
.error_message.bluebox { display:block; float:none!important; color:#ff9b2f; font-weight:bold; clear:both; padding:0 0 10px 0; margin:-10px 10px 5px 10px }
.error_message.mapbox { display:block; float:none!important; color:#ff9b2f; font-weight:bold; clear:both!important; padding:7px 0 10px 0; margin:0 }




/************ HEADER HPC CONTROL STYLES *************/
.head_search_form { background:#3a6d9b; width:480px; height:58px; display:block; float:right; position:relative; top:7px; left:0; z-index:25; padding:5px 0 0 0 }
.head_search_form .squeeze { display:inline-block; height:27px; position:relative; top:-20px; padding:0 0 0 7px }

.head_search_form .hpc_description { display:none }

.head_search_form .head_label { padding:0 0 1px 3px; font-size:11pt }
.head_search_form .address_text,
.head_search_form .city_text
{ float:left; margin:0 0 0 0; }

.head_search_form .text_rounded_sm input {background:url(../images/textbox_bg_sm.gif) no-repeat; height:26px; width:200px; color:#afafaf; font-size:12pt; border:none; line-height:15pt; padding:3px 0 0 5px }

/* Sprite Corner Styles */
.searchCornerTL, .searchCornerTR, .searchCornerBL, .searchCornerBR 
{ width:10px; height:11px; position:relative; padding:0; margin:0; z-index:10 }

.searchCornerTL { background-position:-78px 0; top:-5px; left:0 }
.searchCornerTR { background-position:-88px 0px; top:-16px; left:470px }
.searchCornerBL { background-position:-78px -9px; bottom:2px; left:0 }
.searchCornerBR { background-position:-88px -9px; bottom:13px; left:470px }





/************ COMMON LIGHT BLUE BODY FORMS STYLES *************/
.container_blue .address_text,
.container_blue .city_text,
.container_blue .email_text,
.container_blue .password_text
{ float:left; margin:0 0 0 0; }

.container_blue .squeeze { margin:0 15px; display:inline-block; }

/* HPC Page Form Specific Styles */
.main_hpc .main_div { height:40px; }
.main_hpc .head_label { color:#fff; padding:0 0 10px 0; font-size:14pt }

.main_hpc .text_rounded_lg { width:230px; }
.main_hpc .address_text { display:block; margin-right:10px; }
.main_hpc .city_text { position:relative; left:5px; }
.main_hpc .hpc_submit_button { margin:0 0 0 20px; }





/************ COMMON BLUE BODY FORMS STYLES *************/
.container_domania .address_text,
.container_domania .city_text,
.container_domania .email_text,
.container_domania .password_text
{ float:left; margin:0 0 0 0; }


/* Default HPC Form Specific Styles */
.default_hpc .main_div { height:90px }
.default_hpc .head_label { padding:0 0 10px 0; font-size:14pt }

.default_hpc .text_rounded_lg input { width:210px; }
.default_hpc .address_text { margin:0; }
.default_hpc .city_text { margin:0 0 0 15px; }
.default_hpc .hpc_submit_button { margin:0 0 0 10px; }


/* Main Login Form Specific Styles */
.blue_login .main_div { height:90px; padding:10px 0 0 0 }
.blue_login .text_rounded_lg { width:230px }

.blue_login .email_label, .blue_login .password_label { font-size:9pt; font-weight:bold; padding:0 }

.blue_login .email_section,
.blue_login .password_section
{ float:left; width:240px; display:inline-block; padding:0; margin:0 0 0 0  }

.blue_login .login_submit_button { display:inline-block; position:relative; top:14px; left:0; }


/* Recent Sales Specific Styles */
.recent_sales_body { margin-bottom:15px }
.recent_sales_body .row1 { padding:10px 0 0 0 }
.recent_sales_body .row2 { text-align:right; padding:10px 0 0 0 }
.recent_sales_body .row3 { text-align:right; padding:15px 0 0 0 }

.recent_sales_body .text_rounded_lg input { width:250px }
.recent_sales_body .address_text { margin:0 0 0 0; }
.recent_sales_body .city_text { margin:0 0 0 15px }

.recent_sales_body .squeeze { padding:0 0 15px 0; margin:0 20px }

.recent_sales_body .distance_ddl select, 
.recent_sales_body .value_ddl select 
{ width:150px; margin:10px 0 0 0 }

.recent_sales_body .distance_ddl select { margin-right:35px }


/* Homes for Sale Search Form Specific Styles */
.homes_search_form { margin:15px 0 15px 15px }

.homes_search_form .main_div { width:570px; padding:15px 0 20px 0; margin:0 5px 10px 12px}

.homes_search_form .squeeze { display:block; clear:both; padding:0; margin:0  }

.homes_search_form .left_column, .homes_search_form .right_column { display:block }
.homes_search_form .left_column { width:300px; height:120px; float:left; padding:0 0 0 30px }
.homes_search_form .right_column {width:200px; float:right; /*position:relative; top:-89px; left:335px;*/ vertical-align:top; padding:0 0 0 35px }

.homes_search_form .text_rounded_lg input{ width:275px }
.homes_search_form .field_label {}
.homes_search_form .text_footnote { color:#cfe2f5; font-size:7pt; display:block; padding:0 }

.homes_search_form .price_div { text-align:left; display:block; position:relative; top:10px; padding:0 0 3px 0 }

.homes_search_form .min_text, .homes_search_form .max_text { padding:0; margin:10px 0 0 0}
.homes_search_form .min_text { width:120px;}
.homes_search_form .max_text {text-align:right; position:relative; top:0; left:23px;}

.homes_search_form .min_text input, .homes_search_form .max_text input { width:50px; }

.homes_search_form .beds_div, .homes_search_form .baths_div { position:relative; top:15px; padding:0; margin:0 }
.homes_search_form .beds_div { left:7px }
.homes_search_form .baths_div { left:30px }

.homes_search_form .beds_div select, .homes_search_form .baths_div select { width:55px }

.homes_search_form .radio_btn_header { font-weight:bold; display:block; padding:0 0 0 0}
.homes_search_form .radio_btn_row { display:block; padding:0 0 0 0 }

.homes_search_form .submit_div { text-align:left; display:block; margin:15px 0 0 0 }





/************ COMMON BLUE MAP FORMS STYLES *************/
.blue_map_body_form .address_text,
.blue_map_body_form .city_text,
.blue_map_body_form .email_text,
.blue_map_body_form .password_text
{ float:left; margin:0 0 0 0; }


/* MLS Form Specific Styles */
.mls_form .squeeze { display:block; height:230px; padding:0; margin:0 }
.mls_form .map_form { vertical-align:top; float:left; width:255px; *width:258px; display:block;}
.mls_form .flashmap { display:block; float:left; text-align:right; width:325px; height:230px; margin:0 0 0 3px }

.mls_form .main_div { display:block; width:235px; padding:15px 0 10px 0; margin:0 5px 0 12px}
.mls_form .text_rounded_lg input { width:215px }

.mls_form .price_div { position:relative; top:10px; display:block; padding:0 0 0 0 }

.mls_form .min_text, .mls_form .max_text { padding:0; margin:10px 0 0 0}
.mls_form .min_text { width:90px;}
.mls_form .max_text { position:relative; left:10px; text-align:right; width:103px;}

.mls_form .min_text input, .mls_form .max_text input { width:50px; }

.mls_form .beds_div, .mls_form .baths_div { position:relative; top:20px; padding:0; margin:0 }
.mls_form .beds_div { left:7px;  }
.mls_form .baths_div { left:17px; }

.mls_form .beds_div select, .mls_form .baths_div select { width:55px }

.mls_form .submit_div { text-align:right; display:block; clear:both; position:relative; top:40px; padding:0; margin:0 }


/* Foreclosure Form Specific Styles */
.foreclosure_form .squeeze { display:block; height:230px; padding:0; margin:0 }
.foreclosure_form .map_form { vertical-align:top; float:left; width:255px; *width:258px; display:block;}
.foreclosure_form .flashmap { display:block; float:left; text-align:right; width:325px; height:230px; margin:0 0 0 3px }

.foreclosure_form .main_div { display:block; width:235px; padding:15px 0 10px 0; margin:0 5px 0 12px}
.foreclosure_form .text_rounded_lg input { width:215px }

.foreclosure_form .price_div { position:relative; top:10px; display:block; padding:0 0 0 0 }

.foreclosure_form .min_text, .foreclosure_form .max_text { padding:0; margin:10px 0 0 0}
.foreclosure_form .min_text { width:90px;}
.foreclosure_form .max_text { position:relative; left:10px; text-align:right; width:103px;}

.foreclosure_form .min_text input, .foreclosure_form .max_text input { width:50px; }

.foreclosure_form .beds_div, .foreclosure_form .baths_div { position:relative; top:20px; padding:0; margin:0 }
.foreclosure_form .beds_div { left:7px;  }
.foreclosure_form .baths_div { left:17px; }

.foreclosure_form .beds_div select, .foreclosure_form .baths_div select { width:55px }

.foreclosure_form .submit_div { text-align:right; display:block; position:relative; top:40px; padding:0; margin:0 }


/* New Homes Form Specific Styles */
.newhomes_form .squeeze { display:block; height:230px; padding:0; margin:0 }
.newhomes_form .map_form { vertical-align:top; float:left; width:255px; *width:258px; display:block;}
.newhomes_form .flashmap { display:block; float:left; text-align:right; width:325px; height:230px; margin:0 0 0 3px }

.newhomes_form .main_div { display:block; width:235px; padding:15px 0 10px 0; margin:0 5px 0 12px}
.newhomes_form .text_rounded_lg input { width:215px }

.newhomes_form .price_div { position:relative; top:10px; display:block; padding:0 0 0 0 }

.newhomes_form .min_text, .newhomes_form .max_text { padding:0; margin:10px 0 0 0}
.newhomes_form .min_text { width:90px;}
.newhomes_form .max_text { position:relative; left:10px; text-align:right; width:103px;}

.newhomes_form .min_text input, .newhomes_form .max_text input { width:50px; }

.newhomes_form .beds_div, .newhomes_form .baths_div { position:relative; top:20px; padding:0; margin:0 }
.newhomes_form .beds_div { left:7px;  }
.newhomes_form .baths_div { left:17px; }

.newhomes_form .beds_div select, .newhomes_form .baths_div select { width:55px }

.newhomes_form .submit_div { text-align:right; display:block; position:relative; top:40px; padding:0; margin:0 }


/* iNest Form Specific Styles */
.inest_form { margin-top:20px }
.inest_form .squeeze { display:block; height:230px; padding:0; margin:0 }
.inest_form .map_form { vertical-align:top; float:left; width:255px; *width:258px; display:block;}
.inest_form .flashmap { display:block; float:left; text-align:right; width:325px; height:230px; margin:0 0 0 3px }






/************ MAIN BODY FORM STYLES *************/
/* Common Body Form Styles
.body_form { background:#f3f3f3; width:590px; display:block; padding:10px 0 10px 0; margin:0 17px 0 17px; float:left; clear:both; }
.body_form h1 { border:none; color:#026696; font-size:14pt; padding:0 0 0 0; margin:0 }
 */
/* Sprite Style 
.formCornerTL { width:11px; height:11px; background-position:-34px -25px; position:relative; top:-10px; left:0; padding:0; margin:0 }
.formCornerTR { width:11px; height:11px; background-position:-45px -25px; float:right; position:relative; top:-21px; left:0; padding:0; margin:0 }
.formCornerBL { width:11px; height:11px; background-position:-34px -36px; position:relative; top:10px; left:0; padding:0; margin:0 }
.formCornerBR { width:11px; height:11px; background-position:-45px -36px; float:right; position:relative; top:10px; left:0; padding:0; margin:0 }
*/

/* Registration Form Specifics */
.register_form .main_div { font-size:8.5pt; color:#1880ce; display:block; padding:0 0 0 30px; margin:0 }
.register_form  h1 { padding:0 0 10px 30px; }

.register_form .text_footnote { font-size:7.5pt; display:block }

.register_form .fname_section,
.register_form .lname_section,
.register_form .address_section,
.register_form .city_section,
.register_form .zip_section,
.register_form .email_section,
.register_form .phone_section,
.register_form .password_section,
.register_form .confirm_section
{ display:block; float:left; vertical-align:top; width:200px; margin:0 15px 0 0  }

.register_form .email_option_section {float:left; width:600px; display:block; }

.register_form .zip_section { width:75px }
.register_form .email_section { width:250px }
.register_form .phone_section { width:150px }
.register_form .password_section, .register_form .confirm_section { width:200px  }
.register_form .submit_section { display:block; float:right; text-align:right; padding:10px 30px 10px 10px; margin:0 }
.register_form .email_option_section p { padding:0; margin:10px 60px 10px 0 }

.register_form .fname_label,
.register_form .lname_label,
.register_form .address_label,
.register_form .city_label,
.register_form .zip_label,
.register_form .email_label,
.register_form .phone_label,
.register_form .password_label,
.register_form .confirm_label
{ display:block; padding:0 0 1px 1px }

.register_form .text_footnote { color:#999999; padding:0 0 0 2px }

.register_form .fname_text,
.register_form .lname_text,
.register_form .address_text,
.register_form .city_text,
.register_form .zip_text,
.register_form .email_text,
.register_form .phone_text,
.register_form .password_text,
.register_form .confirm_text
{ display:block; padding:0 0 10px 0 }

.register_form .fname_text input,
.register_form .lname_text input,
.register_form .address_text input,
.register_form .city_text input,
.register_form .zip_text input,
.register_form .email_text input,
.register_form .phone_text input,
.register_form .password_text input,
.register_form .confirm_text input
{ width:100%; height:23px; font-size:9pt; line-height:17pt; color:#666666; background:#fff!important; border:#21689e solid 1px; padding:0 0 0 3px; }





/************ CALCULATOR FORM STYLES *************/
.calculator .squeeze { width:380px; display:block; padding:0 5px 0 5px; margin;0 }

.container_calculator .section_title { color:#910018; font-size:8pt; font-weight:bold; padding-top:7px }

.calculator_asterisk { color:#910018 }

.calculator_row { width:100%; display:block; float:left; border-bottom:dotted #666666 1px; padding:4px 0 4px 0; margin:0 }

.section_title { font-weight:bold; padding:12px 0 5px 0}

.calculator_help { float:left; width:27px; vertical-align:top; padding:0 }
.calculator_help a { width:21px; height:21px; display:block; background:url(/images/calculator_help_icon.gif) no-repeat; padding:0; margin:0 }

.calculator_label { width:230px; float:left; vertical-align:top; color:#1880ce; font-size:8.5pt; padding:3px 0 0 0; margin:0 }

.calculator_textbox { width:100px; float:left; vertical-align:top; color:#1880ce; font-size:8.5pt; padding:0 0 0 10px; margin:0 }
.calculator_textbox input{ width:100%; height:18px; background:#fff!important; border:1px solid #666666; padding:0; margin:0 }

.calculator_textbox.percent input { width:70px!important; margin-right:3px }

.calculator_submit { width:376px; display:block; float:left; text-align:right; padding:0; padding:10px 2px 0 0 }





/************ CMA FORM STYLES *************/
.cma_form .text_box { width:225px; display:block; float:left; padding:0 5px 0 0; margin:7px 10px 0 0 }
.cma_form .text_box input { width:100%; height:22px; font-size:9pt; line-height:17pt; color:#666666; background:#fff!important; border:#21689e solid 1px; padding:0 0 0 3px; }

.cma_form .drop_down { width:150px; display:block; float:left; padding:0 0 0 0; margin:7px 10px 0 0 }
.cma_form .drop_down select { width:100%; height:20px }

.cma_form .cma_address { display:block; width:465px }
.cma_form .cma_zip { width:65px }
.cma_form .cma_email { width:255px }
.cma_form .cma_phone { width:125px }
.cma_form .cma_ext { width:55px }

.cma_form .form_question { display:block; float:left; width:500px; margin:10px 0 0 0 }

.cma_form .cma_time select,
.cma_form .cma_selling select,
.cma_form .cma_price select
{ width:150px; }

.cma_submit { display:block; clear:both; text-align:right; padding:20px 0 0 0; margin:0 70px 15px 0 }






















.bodyForm .field { display:block; position:relative;padding:0; margin:0 12px 0 0 }
.bodyForm .field p { color:#026696; line-height:normal; padding:12px 0 2px 0; margin:0 }
.bodyForm .field input {width:100%;height:17px; border:1px solid #21689e; background:#fff!important }
.bodyForm .field select { width:100%; padding:0; margin:0 0 0 0 }

.bodyForm .CMA-fname { float:left; width:225px; }
.bodyForm .CMA-lname { float:left; width:225px; }
.bodyForm .CMA-address { width:400px; clear:left; }
.bodyForm .CMA-city { float:left; width:225px; }
.bodyForm .CMA-state { float:left; width:150px; }
.bodyForm .CMA-zip { float:left; width:75px; }
.bodyForm .CMA-email { float:left; width:225px }
.bodyForm .CMA-phone { float:left; width:150px; }
.bodyForm .CMA-ext { float:left; width:75px }

.bodyForm .CMA-Time { width:300px; clear:left; margin-top:0}
.bodyForm .CMA-Time select { width:150px; margin-top:3px}

.bodyForm .CMA-Date { width:300px; clear:left; margin-top:0}
.bodyForm .CMA-Date select { width:150px; margin-top:3px }

.bodyForm .CMA-Price { width:300px; clear:left; margin-top:0}
.bodyForm .CMA-Price select { width:150px; margin-top:3px }

.bodyForm .CMA-Contract { width:500px; clear:both; margin-top:0 }
.bodyForm .CMA-Contract input {width:auto; height:auto; border:none; background:#f3f3f3!important }

.bodyForm .CMA-submit { text-align:right; width:auto; margin:20px 30px 20px 0 }






/************ SIDE COLUMN FORM STYLES *************/
/* Side Column Login Form Specific Changes */
.sideContainer .main_div { text-align:right; padding:0 25px 0 0; margin:-5px 0 0 0 }

.sideContainer .email_label, 
.sideContainer .password_label 
{ display:inline-block; text-align:right; width:65px; line-height:18pt; padding:0 5px 2px 2px }

.sideContainer .email_section,
.sideContainer .password_section
{ display:block; width:100%; text-align:right; padding:0; margin:0 0 3px 0  }

.sideContainer .email_section input,
.sideContainer .password_section input
{ width:185px; height:23px; color:#666666; font-size:9pt; line-height:17pt; background:#fff!important; border:#21689e solid 1px; padding:0 0 0 3px; margin:0  }

.sideContainer .login_submit_button { width:100%; display:block; text-align:right; padding:5px 0 10px 0; margin:0 }

