﻿/* we have to specify font size to overide the td fiont size in webstyle.aspx (css) */
.pd_content_container
{
    width: 100%;
    float: left;
    font-size: 11px;
    clear:right;
}
.pd_tools_container
{
    margin-top: 12px;
    clear: both;
}
.pd_tools_container a, .pd_tools_container a, .pd_tools_container * input, .pd_tools_container * select
{
    font-size: 11px !important;
}

.pd_widget * .pd_icon
{
    background-image: url("/common/jquery/css/images/ui-icons_222222_256x240.png");
    background-position: -32px -16px;
}

.pd_icon
{
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url("/common/jquery/css/images/ui-icons_222222_256x240.png");
    vertical-align: top;
}
.pd_icon_up
{
    background-image: url("/common/jquery/css/images/ui-icons_222222_256x240.png");
    background-position: 0 -16px;
}
.pd_icon_down
{
    background-image: url("/common/jquery/css/images/ui-icons_222222_256x240.png");
    background-position: -64px -16px;
}

.pd_odd_row
{
    background-color: #f0f0f0;
    border: solid 1px #e0e0e0;
}

.pd_widget_bg
{
    background-image: url("/common/jquery/css/images/ui-bg_glass_75_e6e6e6_1x400.png");
    background-repeat: repeat-x;
}
.pd_widget_border, .pd_widget_bg
{
    padding: 6px;
    border: solid 1px #c0c0c0;
    margin-bottom: 6px;
}
.pd_heading
{
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.4em;
}
.pd_field_label
{
    font-size: 1em;
    font-weight: 700;
}

.pd_strong
{
    font-weight: bold;
}

.pd_tools a
{
    padding-left: 0px;
    background-repeat: no-repeat;
    display: block;
}

.pd_tools_button
{
    font-size: smaller;
    margin-top: 6px;
}

/*
.pd_tools_print
{
    background-image: url("/Common/Images/icon_print.gif");
}
.pd_tools_email
{
    background-image: url("/Common/Images/icon_pd_email_friend.gif");
}
.pd_tools_save_listing
{
    background-image: url("/Common/Images/icon_pd_save.gif");
}
.pd_tools_remove_listing
{
    background-image: url("/Common/Images/icon_pd_remove.gif");
}
.pd_tools_virtual_tour
{
    background-image: url("/Common/Images/icon_tour.gif");
}
*/
.pd_tools_print, .pd_tools_email, .pd_tools_save_listing, .pd_tools_remove_listing, .pd_tools_virtual_tour
{
    background-image: none;
    display: block;
}
.pd_tools_print .pd_icon, .pd_tools_email .pd_icon, .pd_tools_save_listing .pd_icon, .pd_tools_remove_listing .pd_icon, .pd_tools_virtual_tour .pd_icon
{
    background-image: url("/common/jquery/css/images/ui-icons_222222_256x240.png");
    background-position: -32px -16px;
}

.pd_property_info_block
{
    clear: left;
    width: 50%;
    float: left;
    margin-top: 12px;
}

.pd_title_block
{
    margin-bottom: 12px;
    padding-bottom: 12px;
    background-color: #f0f0f0;
    float: left;
    width: 100%;
}
.pd_title_block_price
{
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.5em;
    float: right;
    padding-right: 6px;
    width: 23%;
    text-align: right;
}

.pd_title_block_price_change_up
{
    float: right;
    padding-right: 6px;
    clear: right;
    color: Red;
    width: 23%;
    text-align: right;
}
.pd_title_block_price_change_down
{
    float: right;
    padding-right: 6px;
    clear: right;
    color: Green;
    width: 23%;
    text-align: right;
}

.pd_title_block_price_change_down span
{
     background-image: url(/common/images/icon_price_decrease.gif) ;
     background-repeat: no-repeat;
     width: 15px;
     height: 14px;
     display:inline-block;
     padding-right:4px;
}
.pd_title_block_price_change_up span
{
     width: 15px;
     height: 14px;
     background-repeat: no-repeat;
     padding-right:4px;
     background-image: url(/common/images/icon_price_increase.gif) ;
     display:inline-block;

}
.pd_title_block_address
{
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.5em;
    float: left;
    padding-left: 6px;
    width: 73%;
}
.pd_title_block_subheader
{
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-left: 8px;
    white-space: nowrap;
    clear: left;
    float: left;
    width: 73%;
}
.pd_title_block_subheader li
{
    display: inline;
    list-style-type: none;
    border-right: solid 1px black;
    padding-right: 3px;
    padding-left: 6px;
    margin: 0px;
}

.pd_title_block_calculator
{
    clear: right;
    float: right;
    margin-right: 6px;
    text-align: right;
    font-size: .8em;
    width: 23%;
}

.pd_media_block
{
    clear: both;
    max-width:700px;
    margin-bottom: 12px;
}
.pd_media_block ul
{
    padding-top: 0em;
}
.pd_media_block ul li a
{
    padding-top: .2em !important;
    padding-bottom: .2em !important;
}

.pd_media_tab
{
    padding: .2em !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pd_photos_tab
{
    width: 100%;
    text-align:center;
}
.pd_photos_tab_main
{
    width: 67%;
    float: left;
}
.pd_photos_tab_main img
{
    max-width: 600px;
    max-height:400px;
    margin:auto;
}
.pd_photos_tab_selector
{
    width:200px;
    float: right;
    overflow: auto;
    text-align:left;
}
.pd_photos_tab_photos
{
    margin: 0px auto;
    display: none;
}
.pd_photos_tab_photos img
{
    height:45px;
    width: 60px;
    margin: 0px;
    border: solid 2px white;
    margin:-1px;
    
}
.pd_photos_tab_photos_selected
{
    border: solid 2px gray !important;
    
}
.pd_photos_tab_photos_current
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;    
    border-width:2px !important;  
}
.pd_photos_control
{
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7; 
    padding:2px;
 }
 
 .pd_photos_control_link
 {
     float:left;
     display:inline-block;
     padding-left:10px;
     padding-right:10px;
     border-left:solid 1px white;
     font-size:.8em;
 }
 .pd_photos_control_link a
 {
     cursor: pointer;
     text-decoration:none;
 }

.pd_map_block
{
    float: left;
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    background:none;
}

.pd_virtual_tour_block
{
    width: 100%;
    height: 600px;
}
.pd_virtual_tour_tab_content
{
    margin:auto;
    display:inline-block;
}
.pd_virtual_tour_container
{
    padding:25px;
    text-align:center;
}
.pd_calls_to_action
{
    margin-bottom: 12px;
    margin-left:12px;
    width: 48%;
    float:left;
}
.pd_calls_to_action .pd_heading
{
    text-align: left;
}
.pd_calls_to_action * .pd_icon
{
    display: none;
}
.pd_calls_to_action_links
{
    display: inline-block;
    width: 320px;
}

.pd_calls_to_action .pd_button
{
    float: left;
    margin: 5px;
    width: 130px;
}

.pd_addthis_button
{
margin:6px;
}
.pd_button
{
    border: outset 1px gray;
    padding: 5px 8px 5px 8px;
    background-color: #e0e0e0;
   /* color: #000000; Let Themeroller decide */
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
}
.pd_button a
{
    text-decoration: none;
}

.pd_button:hover
{
    border: inset 1px gray;
    background-color: #eeeeee;
}

/* site navigation formatted as two columns of two links */
.pd_site_navigation
{
   
}
.pd_nav_backto
{
    float:left;
    text-align:left;
}
.pd_nav_back_to_results, .pd_nav_back_to_search
{    
}
.pd_nav_prevlisting, .pd_nav_nextlisting
{
    
}

.pd_site_navigation * a:hover{
    color:gray;
}

.pd_nav_prevnext
{
    float: right;
    text-align:right;
}
.pd_prevnext_spacer
{
    padding: 0px 10px 0px 10px;
}

.pd_nav_prevlisting .pd_icon
{
    background-image: url("/common/jquery/css/images/ui-icons_222222_256x240.png");
    background-position: -96px -16px;
}
.pd_nav_nextlisting .pd_icon
{
    background-image: url("/common/jquery/css/images/ui-icons_222222_256x240.png");
    background-position: -32px -16px;
}

.pd_nav_back_to_results .pd_icon, .pd_nav_back_to_search .pd_icon
{
    background-image: url("/common/jquery/css/images/ui-icons_222222_256x240.png");
    background-position: -64px -64px;
}

.pd_info_request
{
    clear: both;
    margin-top: 12px;
}
.pd_notes
{
}
.pd_contact_photo
{
    float: left;
    width: 67px;
    height: 77px;
}

.pd_contact_container
{
    clear: both;
    float: left;
    margin-bottom: 6px;
    width: 50%;
}
.pd_contact
{
    margin-bottom:0px;
}

.pd_contact_info_container
{
    float: left;
    margin-left: 6px;
    margin-right: 6px;
}
.pd_contact_info_name
{
    font-weight: 700;
    padding-bottom: 4px;
}
.pd_contact_company_name
{
}
.pd_contact_phone
{
}
.pd_contact_email
{
}

.pd_contact_request_info
{
    float:left;
    margin:6px;
    margin-left:0px;
    margin-right:40px;
}
.pd_contact_request_info a
{   float:left;
}
.pd_remarks
{
    margin-top: 6px;
    font-style: italic;
}
.pd_fields
{
    margin-top: 12px;
    margin-left: 12px;
    width: 45%;
    float: left;
    padding: 6px;
}
.pd_fields .pd_heading
{
    padding-left: 4px;
}

.pd_fields_field
{
    width: 100%;
    clear: both;
    display: inline-block;
}
/* label text for property fields */

.pd_fields_field span
{
    width: 45%;
    white-space: normal;
    text-indent: 0px;
    padding-left: 4px;
    vertical-align: top;
    display: inline-block;
}
.pd_fields_label
{
    width: 55%;
}
.pd_fields_label_nontabular
{
    font-size:11px;
    font-weight:bold;
}
.pd_fields_field_nontabular
{
    font-size:11px;
}
.pd_points_of_interest
{
}

.pd_open_homes_container
{
}
.pd_open_homes
{
}
.pd_openhome_image
{
    float: left;
    width: 25px;
    height: 25px;
    margin-top:4px;
    margin-right: 8px;
}
.pd_openhome_date
{
    font-weight: 700;
}
.pd_openhome_time
{
}
.pd_disclaimer
{
    clear: both;
    font-size: 8pt;
    padding-top: 10px;
}

.pd_more_info_header
{
}

.pd_more_info_tab_container
{
    clear: both;
}

.pd_more_info_tabs ul
{
    padding-top: 0em;
}
.pd_more_info_tabs ul li a
{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.pd_features
{
}
.pd_request_info
{
    display: none;
    margin-top: 6px;
    margin-bottom: 6px;
    width: 100%;
}
.pd_request_info div
{
    font-weight: 700;
    float: left;
    clear: right;
    width: 90%;
    white-space: normal;
}

.pd_request_info input
{
    float: left;
    width: 95%;
}
.pd_request_info textarea
{
    float: left;
    width: 95%;
    height: 60px;
}

.pd_calculator
{
    margin-top: 2px;
    margin-bottom: 2px;
    float:left;
}

.pd_calculator_field
{
    clear: both;
    display: inline-block;
    font-size: 11px;    
    float:left;
}

.pd_calculator_field span
{ 
    white-space: normal;
    margin-top: 4px;
    display: inline-block;
}
span.pd_calculator_label
{
    vertical-align: top;
    padding-left: 0px;
    width: 100px;
    margin-top: 4px;
    display: inline-block;
    float:left;
}

.pd_calculator_term
{
	float:left;
}


.pd_calculator_button
{
    vertical-align: top;
    padding-left: 6px;
    padding-right:6px;
    margin-top: 0px;
    float:left;
}

.pd_calculator #txtDownPayment, .pd_calculator #txtInterestRate, .pd_calculator #txtTerm
{
    width: 4em;
}
.pd_calculator #txtDownPercent
{
    width: 2em;
}

.pd_map_container
{
    position:relative;
    width:100%;
    overflow:hidden;
    float:left;
    height:100%;
}

.pd_driving_directions
{
    text-align: left;
}

.pd_map_container_directions
{
    width:66%;
}
.pd_directions_print_header
{
    font-size:1.3em;
    line-height:1.6em;
    font-weight:700;
    text-align:center;
}

.pd_drivingdirections_addresses
{
margin-bottom:12px;
line-height:1.1em
}

.pd_directions_hints
{
    color:Green;
}

/* this can be found in /common/commonstyle.css because if needs to be available in an iframe with
only that css references
.pd_directions_print_steps
{
    font-size:12px;    
    font-weight:700;
    padding: 40px;
    margin-left:40px;
}
.pd_directions_print_steps li
{
    margin-bottom:1em;    
}
*/

.pd_map_driving_directions_container
{
    background-color: White;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    width: 30%;
    z-index: 99999;
    font-size: 11px;
    float:left;
}

.pd_map_driving_directions_print_container
{
    width: 50%;
}

.pd_map_driving_directions_to_from
{
    padding: 6px;
    padding-left:20px;
}
.pd_map_driving_directions_steps
{
    margin: 10px 0px 10px 10px;
    padding-left:20px;
}

.pd_map_driving_directions_steps li
{
    margin-bottom:.5em;
}

.pd_directions_print
{
    margin-top:12px;
    font-size:1.2em;
    text-align:left;
    
}
.pd_directions_print * li
{
    margin-bottom:.5em;
}

.pd_last_updated
{
    padding-top: 8px;
    clear: both;
}

.pd_courtesy_of
{
    padding-top: 10px;
    clear: both;
    width: 100%;
}

@media print
{
    .pd_print_button
    {
        display: none;
    }
}

.pd_fields_field_nontabular
{
    width: 100%;
    clear: both;
    display: inline-block;
}
.pd_fields_label_nontabular
{
    font-weight: bold;
}

/* Property Detail Override*/
.pd_title_block { background-color:Transparent;}

.pd_unit_1info
{
    display:block;
    clear: both;
}
.pd_unit_2info
{
    width: 49%;
    float: left;
}
.pd_unit_3info
{
    width: 33%;
    float: left;
}
.pd_unit_4info
{
    width: 24%;
    float: left;
}
.pd_unit_5info
{
    width: 19%;
    float: left;
}
.pd_unit_6info
{
    width: 19%;
    float: left;
}

.pd_features
{
}
.pd_features_col
{
    width: 33%;
    float: left;
}