/*
 *  Project:    BL
 *  Author(s):  Frank Oh
 *  Website:    www.it747.com
 *  Copyright:  This is the property of IT747.COM
 *              You are not allowed to change anything in this file
 *              without the permission of the owner.
 */

/* master box */
table.master_top                { width: 750px; }
table.master_top td.open        { }
table.master_top td.body        { }
table.master_top td.close       { }

table.master_top td.master_lefter   { width: 0px; }
table.master_top td.master_righter  { width: 0px; }

table.master_header             { }
table.master_header td.open     { }
table.master_header td.body     { }
table.master_header td.close    { }

/* general */

a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color: #ff0000; }
i       { font-style: normal; color:#DE530A; }
b       { font-weight: bold; }

/* box tables */

table.top td.top_body td.lefter  { border-right: 1px solid #cccccc; }
table.top td.top_body td.center  { }
table.top td.top_body td.righter { }

table.header            { }
table.header .open      { background-image: url( images/spacer.gif ); }
table.header .body      { background-image: url( images/spacer.gif ); }
table.header .close     { background-image: url( images/spacer.gif ); }
table.header .open      { }
table.header .body      { padding: 0px 0px 0px 0px; }

table.title            { width: 750px; }
table.title .open      { height: 30px; background-image: url( images/title_open.gif ); }
table.title .body      { height: 0px; }
table.title .close     { height: 0px; }
table.title .open      { text-align: center; vertical-align: middle; font-weight: bold; font-size: 16px; color: #444444; }
table.title .body      { }

table.lefter_box            { width: 300px; }
table.lefter_box .open      { height: 0px; background-image: url( images/spacer.gif ); }
table.lefter_box .body      { background-image: url( images/spacer.gif ); }
table.lefter_box .close     { height: 0px; background-image: url( images/spacer.gif ); }

table.center_box            { width: 448px; }
table.center_box .open      { height: 0px; background-image: url( images/spacer.gif ); }
table.center_box .body      { background-image: url( images/spacer.gif ); }
table.center_box .close     { height: 0px; background-image: url( images/spacer.gif ); }
table.center_box .open      { text-align: center; vertical-align: middle; font-weight: bold; font-size: 14px; color: blue; }
table.center_box .body      { padding: 0px 0px 0px 0px; }

table.righter_box            { width: 0px; }
table.righter_box .open      { height: 0px; background-image: url( images/spacer.gif ); }
table.righter_box .body      { background-image: url( images/spacer.gif ); }
table.righter_box .close     { height: 0px; background-image: url( images/spacer.gif ); }

table.image            { width: 100%; }
table.image .open      { height: 0px; width: 0px; background-image: url( images/spacer.gif );  }
table.image .body      { height: 0px;  background-image: url( images/spacer.gif ); }
table.image .close     { height: 0px;  background-image: url( images/spacer.gif ); }
table.image .open      { }
table.image .body      { padding: 0px 0px 0px 0px; }

table.tv            { width: 320px; }
table.tv .open      { height: 0px; background-image: url( images/spacer.gif ); }
table.tv .body      { background-image: url( images/spacer.gif ); }
table.tv .close     { height: 0px; background-image: url( images/spacer.gif ); }

table.open_house                  { width: 448px; }
table.open_house .open            { height: 30px; background-image: url( images/open_house_open.gif ); }
table.open_house .body            { background-image: url( images/open_house_body.gif ); }
table.open_house .close           { height: 10px;  background-image: url( images/open_house_close.gif ); }
table.open_house .open            { }
table.open_house .body            { padding: 0px 10px 10px 10px; font-weight: bold; font-size: 14px; text-align: center; }

table.desc          { width: 448px; }
table.desc .open    { height: 30px; background-image: url( images/desc_open.gif ); }
table.desc .body    { height: 5px;  background-image: url( images/desc_body.gif ); }
table.desc .close   { height: 10px; background-image: url( images/desc_close.gif ); }
table.desc .open    { }
table.desc .body    { padding: 10px 10px 10px 10px; }
table.desc .close   { }


table.info_general                  { width: 448px; }
table.info_general .open            { height: 30px; background-image: url( images/info_general_open.gif ); }
table.info_general .body            { background-image: url( images/info_general_body.gif ); }
table.info_general .close           { height: 10px;  background-image: url( images/info_general_close.gif ); }
table.info_general .open            { font-weight: bold; font-size: 14px; }
table.info_general .body            { padding: 0px 10px 10px 10px; }
table.info_general span.title       { font-weight: bold; font-size: 14px; color: white; background-color: #aaaaaa; }
table.info_general td.info_key      { width: 180px; font-weight: bold; }
table.info_general td.info_value    {}


table.info_exterior                 { width: 448px; }
table.info_exterior .open           { height: 30px; background-image: url( images/info_exterior_open.gif ); }
table.info_exterior .body           { background-image: url( images/info_exterior_body.gif ); }
table.info_exterior .close          { height: 10px;  background-image: url( images/info_exterior_close.gif ); }
table.info_exterior .open           { font-weight: bold; font-size: 14px; }
table.info_exterior .body           { padding: 0px 10px 10px 10px; }
table.info_exterior span.title      { font-weight: bold; font-size: 14px; color: white; background-color: #aaaaaa; }
table.info_exterior td.info_key     { width: 180px; font-weight: bold; }
table.info_exterior td.info_value   {}

table.info_interior                 { width: 448px; }
table.info_interior .open           { height: 30px; background-image: url( images/info_interior_open.gif ); }
table.info_interior .body           { background-image: url( images/info_interior_body.gif ); }
table.info_interior .close          { height: 10px;  background-image: url( images/info_interior_close.gif ); }
table.info_interior .open           { font-weight: bold; font-size: 14px; }
table.info_interior .body           { padding: 0px 10px 10px 10px; }
table.info_interior span.title      { font-weight: bold; font-size: 14px; color: white; background-color: #aaaaaa; }
table.info_interior td.info_key     { width: 180px; font-weight: bold; }
table.info_interior td.info_value   {}

table.info_utility                  { width: 448px; }
table.info_utility .open            { height: 30px; background-image: url( images/info_utility_open.gif ); }
table.info_utility .body            { background-image: url( images/info_utility_body.gif ); }
table.info_utility .close           { height: 10px;  background-image: url( images/info_utility_close.gif ); }
table.info_utility .open            { font-weight: bold; font-size: 14px; }
table.info_utility .body            { padding: 0px 10px 10px 10px; }
table.info_utility span.title       { font-weight: bold; font-size: 14px; color: white; background-color: #aaaaaa; }
table.info_utility td.info_key      { width: 180px; font-weight: bold; }
table.info_utility td.info_value    {}

table.info_business                 { width: 448px; }
table.info_business .open           { height: 30px; background-image: url( images/info_business_open.gif ); }
table.info_business .body           { background-image: url( images/info_business_body.gif ); }
table.info_business .close          { height: 10px;  background-image: url( images/info_business_close.gif ); }
table.info_business .open           { font-weight: bold; font-size: 14px; }
table.info_business .body           { padding: 0px 10px 10px 10px; }
table.info_business span.title      { font-weight: bold; font-size: 14px; color: white; background-color: #aaaaaa; }
table.info_business td.info_key     { width: 180px; font-weight: bold; }
table.info_business td.info_value   {}

table.menu            { width: 100%; }
table.menu .open      { height: 0px; background-image: url( images/spacer.gif ); }
table.menu .body      { background-image: url( images/spacer.gif ); }
table.menu .close     { height: 0px;  background-image: url( images/spacer.gif ); }
table.menu .open      { }
table.menu .body      { padding: 0px; }
table.menu .close     { }

table.basic            { width: 300px; }
table.basic .open      { height: 30px; background-image: url( images/basic_open.gif ); }
table.basic .body      { background-image: url( images/basic_body.gif ); }
table.basic .close     { height: 10px;  background-image: url( images/basic_close.gif ); }
table.basic .open      { }
table.basic .body      { padding: 5px 10px 5px 15px; }
table.basic .close     { }
table.basic tr.name_value     { }
table.basic td.name           { width: 90px; font-weight: bold; border-bottom: 1px solid #f5f5f5; }
table.basic td.value          { border-bottom: 1px solid #f5f5f5; }

table.attribute            { width: 300px; }
table.attribute .open      { height: 30px; background-image: url( images/attribute_open.gif ); }
table.attribute .body      { background-image: url( images/attribute_body.gif ); }
table.attribute .close     { height: 10px;  background-image: url( images/attribute_close.gif ); }
table.attribute .open      { }
table.attribute .body      { padding: 5px 10px 5px 15px; }
table.attribute .close     { }
table.attribute tr.name_value { }
table.attribute td.name       { font-weight: bold; border-bottom: 1px solid #f5f5f5; }
table.attribute td.value      { border-bottom: 1px solid #f5f5f5; }

table.tour              { width: 300px; }
table.tour .open        { height: 30px; background-image: url( images/tour_open.gif ); }
table.tour .body        { background-image: url( images/tour_body.gif ); }
table.tour .close       { height: 10px;  background-image: url( images/tour_close.gif ); }
table.tour .open        { }
table.tour .body        { padding: 5px 10px 5px 15px; }
table.tour .close       { }

table.document            { width: 300px; }
table.document .open      { height: 30px; background-image: url( images/document_open.gif ); }
table.document .body      { background-image: url( images/document_body.gif ); }
table.document .close     { height: 10px;  background-image: url( images/document_close.gif ); }
table.document .open      { }
table.document .body      { padding: 5px 10px 5px 15px; }
table.document .close     { }

table.feature            { width: 300px; }
table.feature .open      { height: 30px; background-image: url( images/feature_open.gif ); }
table.feature .body      { background-image: url( images/feature_body.gif ); }
table.feature .close     { height: 10px;  background-image: url( images/feature_close.gif ); }
table.feature .open      { }
table.feature .body      { padding: 5px 10px 5px 15px; }
table.feature .close     { }

table.member            { width: 300px; }
table.member .open      { height: 30px; background-image: url( images/member_open.gif ); }
table.member .body      { background-image: url( images/member_body.gif ); }
table.member .close     { height: 10px;  background-image: url( images/member_close.gif ); }
table.member .open      { }
table.member .body      { padding: 5px 10px 5px 15px; }
table.member .close     { }

table.member_intro            { width: 300px; }
table.member_intro .open      { height: 30px; background-image: url( images/member_intro_open.gif ); }
table.member_intro .body      { background-image: url( images/member_intro_body.gif ); }
table.member_intro .close     { height: 10px;  background-image: url( images/member_intro_close.gif ); }
table.member_intro .open      { }
table.member_intro .body      { padding: 3px 3px 3px 3px; }
table.member_intro .close     { }


table.footer            { width: 750px; }
table.footer .open      { height: 5px; background-image: url( images/footer_open.gif ); }
table.footer .body      { background-image: url( images/footer_body.gif ); }
table.footer .close     { height: 5px;  background-image: url( images/footer_close.gif ); }
table.footer .open      { }
table.footer .body      { vertical-align: middle; font: normal 10px Verdana; color: #888888; }


div.show_position {
    position: absolute; z-index: -1; visibility: hidden;
}

div.sold {
    position: absolute; z-index: 20; visibility: visible;
    margin: 5px 0px 0px 250px;
}

div.price {
    position: absolute; z-index: 20; visibility: visible;
    color: red;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    margin: 5px 0px 0px 10px;
    padding: 1px 5px 1px 5px;
}

input.image_name {
    color: green;
    background-color: #ffffff;
    padding: 0px;   margin: 0px;    border: 0px;
    text-align: center;
}

img.small_image {
    width: 30px;
    padding: 2px;
    border: 1px solid #f5f5f5;
}

img.big_image {
    width: 360px;
    height: 270px;
    padding: 0px;
    margin: 0px;
    border: none;
}


div.hidden {
    visibility: hidden;
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
}

/* Mortgage Calculator */
div.mortgage_calculator { width: 360px; height: 270px; margin: 0px; padding: 0px; }
div.mortgage_calculator { background-image: url( images/menu_bg_1.gif ); background-repeat: repeat-x; }
div.mortgage_calculator td.attr  { width: 50%; text-align: right; padding-right: 10px; vertical-align: middle;  }
div.mortgage_calculator td.value { width: 50%; text-align: left; vertical-align: middle; }
div.mortgage_calculator input { color: blue; background-color: #ffffee; border: none; padding-left: 5px; }
div.mortgage_calculator input.button { color: #005500; background-color: #ffeedd; border: 1px solid #cccccc; font-weight: bold; }
div.mortgage_calculator input.button { font-size: 14px; padding: 2px 5px 2px 5px; margin: 0px; }
div.mortgage_calculator input.button_hover { color: white; background-color: red; }

/* Tell your friend */
div.tell_your_friend { width: 360px; height: 270px; margin: 0px; padding: 0px; }
div.tell_your_friend { background-image: url( images/menu_bg_2.gif ); background-repeat: repeat-x; }
div.tell_your_friend td.attr  { width: 30%; text-align: right; padding-right: 10px; font-weight: bold; }
div.tell_your_friend td.value { width: 70%; text-align: left; }
div.tell_your_friend input,
div.tell_your_friend textarea { color: blue; background-color: #ffffff; border: 1px solid #f5f5f5; padding-left: 5px; }
div.tell_your_friend input.text,
div.tell_your_friend textarea.text { width: 200px; }
div.tell_your_friend input.button { color: #005500; background-color: #ffeedd; border: 1px solid #cccccc; font-weight: bold; }
div.tell_your_friend input.button { font-size: 14px; padding: 2px 5px 2px 5px; margin: 0px; }
div.tell_your_friend input.button_hover { color: white; background-color: red; }

/* Ask the member */
div.ask_member { width: 360px; height: 270px; margin: 0px; padding: 0px; }
div.ask_member { background-image: url( images/menu_bg_3.gif ); background-repeat: repeat-x; }
div.ask_member td.attr  { width: 30%; text-align: right; padding-right: 10px; font-weight: bold; }
div.ask_member td.value { width: 70%; text-align: left; }
div.ask_member input,
div.ask_member textarea { color: blue; background-color: #ffffff; border: 1px solid #f5f5f5; padding-left: 5px; }
div.ask_member input.text,
div.ask_member textarea.text { width: 200px; }
div.ask_member input.button { color: #005500; background-color: #ffeedd; border: 1px solid #cccccc; font-weight: bold; }
div.ask_member input.button { font-size: 14px; padding: 2px 5px 2px 5px; margin: 0px; }
div.ask_member input.button_hover { color: white; background-color: red; }

/* Print Listing */
div.print_listing { width: 360px; height: 270px; margin: 0px; padding: 0px; }
div.print_listing { line-height: 150%; }
div.print_listing { background-image: url( images/menu_bg_4.gif ); background-repeat: repeat-x; }
div.print_listing input { color: blue; background-color: #ffffff; border: 1px solid #f5f5f5; padding-left: 5px; }
div.print_listing input { width: 100%; }
div.print_listing input.button { color: #005500; background-color: #ffeedd; border: 1px solid #cccccc; font-weight: bold; }
div.print_listing input.button { font-size: 14px; padding: 2px 5px 2px 5px; margin: 0px; }
div.print_listing input.button_hover { color: white; background-color: red; }

/* Map */
div.detail_map_container   { }
div.detail_map_area        { width: 300px; height: 270px; overflow: auto; margin-right: 2px; }

/* vim: set expandtab sw=4 ts=4 sts=4: */