/*
 *  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.
 */


/****************************************
 * LISTING LIST PAGE
 ****************************************/

div.notice  { padding: 15px; margin: 10px; text-align: center; color: red; background-color: #ffffee; border: 1px solid #cccccc; }

div.listings { xborder: 1px solid red; width: 750px; }

div.listings td.listings_col_1 { width:  20px; }
div.listings td.listings_col_2 { width: 500px; }
div.listings td.listings_col_3 { width:  10px; }
div.listings td.listings_col_4 { width: 200px; }
div.listings td.listings_col_5 { width:  20px; }

div.listings a:link,
div.listings a:visited,
div.listings a:active       { color: black; text-decoration: none; }
div.listings a:hover        { color: red; text-decoration: underline; }

div.listings div.page       { font: normal 11px Verdana; text-align: right; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color: #ffffee; padding: 3px 0px 3px 0px; margin-bottom: 5px; }
div.listings div.sold       { position: absolute; z-index: 10; visibility: visible; margin: 0px 0px 0px 350px; }

div.listings table.listing_box_1             { width: 500px; }
div.listings table.listing_box_1 td.open     { height: 10px; background-image: url( ../../template/common/ps/images/listing_box_1_open.gif ); }
div.listings table.listing_box_1 td.body     { background-image: url( ../../template/common/ps/images/listing_box_1_body.gif ); }
div.listings table.listing_box_1 td.close    { height: 10px; background-image: url( ../../template/common/ps/images/listing_box_1_close.gif ); }
div.listings table.listing_box_1 td.open     { }
div.listings table.listing_box_1 td.body     { padding: 0px 10px 0px 10px; }
div.listings table.listing_box_1 td.close    { }

div.listings table.listing_box_2             { width: 500px; }
div.listings table.listing_box_2 td.open     { height: 10px; background-image: url( ../../template/common/ps/images/listing_box_2_open.gif ); }
div.listings table.listing_box_2 td.body     { background-image: url( ../../template/common/ps/images/listing_box_2_body.gif ); }
div.listings table.listing_box_2 td.close    { height: 10px; background-image: url( ../../template/common/ps/images/listing_box_2_close.gif ); }
div.listings table.listing_box_2 td.open     { }
div.listings table.listing_box_2 td.body     { padding: 0px 10px 0px 10px; }
div.listings table.listing_box_2 td.close    { }

div.listings table.listing_body             { }
div.listings td.listing_body_left           { width: 110px; }
div.listings td.listing_body_center         { width: 270px; }
div.listings td.listing_body_right          { }

div.listings span.Sale { background-color: orange; color: white; font: bold 12px Verdana; }
div.listings span.Rent { background-color: blue; color: white; font: bold 12px Verdana; }

div.listings table.l_member                  { width: 200px; }
div.listings table.l_member td.open          { height: 30px; background-image: url( ../../template/common/ps/images/l_member_open.gif ); }
div.listings table.l_member td.body          { background-image: url( ../../template/common/ps/images/l_member_body.gif ); }
div.listings table.l_member td.close         { height: 10px; background-image: url( ../../template/common/ps/images/l_member_close.gif ); }
div.listings table.l_member td.open          { }
div.listings table.l_member td.body          { padding: 10px 10px 10px 10px; }
div.listings table.l_member td.close         { }

div.listings table.l_member_contact          { width: 200px; }
div.listings table.l_member_contact td.open  { height: 30px; background-image: url( ../../template/common/ps/images/l_member_contact_open.gif ); }
div.listings table.l_member_contact td.body  { background-image: url( ../../template/common/ps/images/l_member_contact_body.gif ); }
div.listings table.l_member_contact td.close { height: 10px; background-image: url( ../../template/common/ps/images/l_member_contact_close.gif ); }
div.listings table.l_member_contact td.open  { }
div.listings table.l_member_contact td.body  { padding: 10px 10px 10px 10px; }
div.listings table.l_member_contact td.close { }

div.listings table.l_member_intro             { width: 200px; }
div.listings table.l_member_intro td.open     { height: 30px; background-image: url( ../../template/common/ps/images/l_member_intro_open.gif ); }
div.listings table.l_member_intro td.body     { background-image: url( ../../template/common/ps/images/l_member_intro_body.gif ); }
div.listings table.l_member_intro td.close    { height: 10px; background-image: url( ../../template/common/ps/images/l_member_intro_close.gif ); }
div.listings table.l_member_intro td.open     { }
div.listings table.l_member_intro td.body     { padding: 10px 10px 10px 10px; }
div.listings table.l_member_intro td.close    { }


/* google map */
div.map_container   { }
div.map_area        { border: 1px solid #cccccc; width: 500px; height: 300px; overflow: auto; }
div.map_attribution { text-align: right; color: #444444; font-size: 9px; }
div.map_title       { color: black; background-color: yellow; font-weight: bold; padding: 3px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; width: 80%; border: 1px solid #cccccc; }
div.map_close       { position: absolute; z-index: 255; margin: 5px 0px 0px 50px; }

div.map_info        { }
div.map_info table.table { width: 250px; }
div.map_info table.table td.image { width: 70px; vertical-align: middle; }
div.map_info table.table td.image img { width: 60px; height: 45px; padding: 3px; border: 1px solid #f5f5f5; }
div.map_info span.price          { font-weight: bold; color: red; }
div.map_info span.address        { }
div.map_info span.catch_phrase   { color: #0000ff; }
div.map_info span.open_house     { font-weight: bold; font-size: 13px; }
div.map_info span.link           { color: green; font-size: 11px; }
div.map_info a:link,
div.map_info a:active,
div.map_info a:visited  { text-decoration: underline; color: #008000; }
div.map_info a:hover    { text-decoration: underline; color: #ff0000; }


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