﻿/* SERVICES_SEARCH_PROPERTYDETAILS */

#property_details { padding: 5px; margin: 0 0 10px 0; width: 100%; }
#property_details h1 { font: 18px/20px "Myriad" , "Arial Black" , arial, sans-serif; color: #ff8500; border-bottom: 1px dotted #006699; margin-bottom: 7px; padding-bottom: 5px; }
.pdPrice { position: relative; margin-left: 10px; padding: 0; font: 16px/20px arial, verdana, san-serif; font-weight: bold; color: #006699; text-align: right; }
#pdLft { float: left; display: inline; width: 340px; margin: 0 8px 0 0; background: transparent; }
#pdRgt { float: left; display: inline; width: 320px; background: transparent; z-index: 1; }

.nextstep{ border-bottom-color: #006699; font-family: Arial, Sans-Serif;  margin: 0; padding: 0; font-size: 13px; font-weight: bold; color: #ff8500;  font-size: 17px; margin: 0px 0px 7px; line-height: 20px; display: block; border-bottom-style: dotted; border-bottom-width: 1px; }



/* Property Details Photo Viewer
----------------------------------------------- */
#pdPhotoViewSm { width: 340px; background-image: url(http://www.relogic.com/App_Themes/Default/Images/bluebg.jpg); float: right; text-align: center; margin-bottom: 20px; margin-top: 10px; padding-bottom: 10px;}

/* Property Details Top Nav
----------------------------------------------- */
ul#pdTopNav {  padding: 5px 0 0 0; margin: 5px 0 0 0; width:0; display: inline;}
ul#pdTopNav li { list-style-type:none; margin: 0 5px 0 5px; display: inline; }
ul#pdTopNav a, ul#pdTopNav a:visited { font: 12px/20px "myriad" , arial, verdana, sans-serif; color: #0099ff; background: #fff; border: 1px solid #0099ff;display:inline; text-align:center; text-decoration:none; padding: 2px 5px;}
ul#pdTopNav a:hover { color: #fff; background: #0099ff; border: 1px solid #0099ff; }

/*
 * ORIGINAL IMPLEMENTATION BY DYLANS MOM THAT DIDN'T WORK VERY WELL
 *
ul#pdTopNav { clear: right; font: 12px/20px "myriad" , arial, verdana, sans-serif; height: 20px; margin: 5px 0 3px 0; }
ul#pdTopNav li { float: left; height: 20px; }
ul#pdTopNav li a:link, ul#pdTopNav li a:visited { height: 20px; margin-right: 1px; padding: 0px 5px 0px 5px; color: #0099ff; background: #fff; border: 1px solid #0099ff; }
ul#pdTopNav li a:hover, ul#pdTopNav li a:active { height: 20px; text-decoration: none; margin-right: 1px; padding: 0px 5px 0px 5px; color: #fff; background: #0099ff; border: 1px solid #0099ff; }
*/

/* Property Details Next Steps
----------------------------------------------- */
#pdNextSteps { padding: 5px; margin: 0px 0 10px 20px; background: #fff; border: 1px solid #ff8500; }
#pdNextSteps ul { list-style: disc inside;color: #0099ff;  }
#pdNextSteps ul li a {font-size: 14px;color: #0099ff;border-bottom: 1px dotted #fff;}
#pdNextSteps ul li a:hover {text-decoration: none;font-size: 14px;color: #ff8500;border-bottom: 1px dotted #99d20c;}

/* Property Details Info (Table styles)
----------------------------------------------- */
table.pd_details { border-collapse: collapse; width: 100%; margin: 0 0 0 20px; }
table.pd_details caption { font: 16px/18px arial, verdana, san-serif; font-weight: bold; color: #006699; padding: 0 0 3px 13px; text-align: left; }
table.pd_details th { font-size: 12px; color: #fff; padding: 2px; background: #0082b4; font-weight: bolder; text-indent: 5px; text-align: left; }
table.pd_details td { font-family: verdana; border: 1px solid #ddd; padding: 3px; margin: 0; vertical-align: middle; }
table.pd_details tr.odd { background-color:#edf5ff; }

/* Property Details Advance Info (Table styles)
----------------------------------------------- */
table.pd_adv_details { border-collapse: collapse; width: 100%; }
table.pd_adv_details caption { font: 16px/18px arial, verdana, san-serif; font-weight: bold; color: #006699; padding: 0 0 3px 13px; text-align: left; }
table.pd_adv_details th { font-size: 12px; color: #fff; padding: 2px; background: #006699; font-weight: bolder; text-indent: 5px; text-align: left; }
table.pd_adv_details td { font-family: verdana; border: 1px solid #ddd; padding: 3px; margin: 0; vertical-align: middle; }
table.pd_adv_details tr.odd { background-color:#edf5ff; }

/* Property Details Next Steps
----------------------------------------------- */
#pdZillow { padding: 5px; margin: 15px 0 10px 0px; background: #fff; border: 1px solid #8DBD47; width: 685px; height: 400px;}
#pdZillowChart { margin: 5px 0px 5px 5px; height:300px; overflow:hidden; }
