@import url(../../css/fixed-3col.css);

body {margin: 0px;}
#header {height: auto;}
#container { width: 580px; margin: 0px auto; padding: 0px; }
#sidebar1 {display: none;}
#sidebar2 {display:none;}
#content {margin-left: 0; margin-right: 0px; width: 580px;}
#columns {width: 580px; margin: 0px; }

#container { background: white; }

body, input, textarea, table, select 
  { font-family: verdana, arial, sans-serif; font-size: 14px; color: #666; background: white;}
body { background: #ccc;}

a { color: #666; }
input.help { color: #ccc; }
input {padding: 5px; border: 1px solid #ccc;}
select {border: 1px solid #ccc; padding: 4px; padding-bottom: 3px; margin-bottom: 1px;}
h1 {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; text-align: center; border-bottom: 0px solid #ccc;}
hr {background: #ccc; color: #ccc; margin-bottom: 15px; height: 1px; border-width: 0px;}
.error {color: #c00;}
.exception {width: 530px; height: 600px; font-size: 0.8em; overflow: scroll; word-wrap:normal;}

#header .border { padding: 20px 20px 0px 20px; }
#footer {padding-top: 0px; margin-left: 20px; margin-right: 20px;}
#footer .border { padding: 00px 0px 20px 0px;  border-top: 1px solid #ccc; text-align: center; }
#footer p {margin-top: 20px; font-size: .85em; }
#content .border { padding: 0px 20px 0px 20px; }

.context-image { float: right; margin-bottom: 26px; width: 150px; height: 70px;}
.context-details { margin-bottom: 26px; color: #666;}
.context-details div { font-size: 0.9em; font-weight: bold;}
.context-details .name { font-size: 1.1em;}
.officename { position: relative; top: 80px; left: -390px; width: 540px; text-align:right;}
.officename .phone { font-size: 0.9em;}

.header-links {padding: 0px 0px 15px 0px; margin: 0px;}
.header-links li {display: inline; padding-left: 20px; background: white url(../../images/icon-divider.png) left no-repeat; }
.header-links li.home {background: white url(../../images/icon-home.png) left no-repeat; }
.header-links li.contact-me {xbackground: white; xfloat:right; }

.back-link { padding-left: 20px; background: white url(../../images/icon-left.png) left no-repeat; text-decoration:none;}
.back-link:hover {text-decoration:underline;}
.page-head {font-weight: bold; margin-bottom: 20px; font-size: 0.9em;}
.page-head-left { float: left; width: 150px; }
.page-head-right { float: right; text-align: right; width: 150px;}
.page-head-center { float:center;  text-align: center;}

.sort {font-size: 0.8em; border-top: 1px solid #ccc; text-align:right;}
.sort img {margin:0px; vertical-align: -3px; border-width: 0px;}
.sort ul {xfloat:right; margin: 0px; padding: 0px 0px 2px 0px; background: #eee;}
.sort li {xfloat:left; display: inline; padding-left: 10px; border-left: 1px solid #ccc; }
.sort .title { border-left-width: 0px;}
.sort .selected { font-weight: bold;}

.basic-search label { }
.basic-search {margin-bottom: 10px;}
.basic-search .first-row td { padding-bottom: 10px;}
.basic-search .first-row-and-a-bit td { vertical-align: top; padding-bottom: 10px;}
.basic-search .first-row-and-a-bit .popup-list { width: 288px; margin-top: 3px; }
.basic-search .first-row label { font-weight: bold;}
.basic-search #xProp { width: 490px; }

.advanced-search { margin: 20px 3px 20px 3px; border: 1px solid white;}
.advanced-search h2 { background: #ccc; text-decoration:none; height: 25px; margin: 0px; }
.advanced-search a { text-decoration:none; font-size: 14px; line-height: 25px; padding-left: 20px; margin-left: 10px; background: #ccc url(../../images/icon-right.png) left top no-repeat;}
.advanced-search a.visible { background-image: url(../../images/icon-down.png);}
.advanced-search .table-border {padding: 0px; border-color: #ccc; border-width: 0px 20px 20px 20px; border-style: solid;}
.advanced-search table { background: #f0f0f0; width: 100%; border-spacing: 0px; border-collapse: collapse; border-right: 1px solid #ccc;}
.advanced-search td { padding: 5px 10px; border-right: 1px solid #ccc; width: 50%; vertical-align:top;}
.advanced-search .criteria td { border-right-width: 0px; }
.advanced-search .criteria label { font-size: 0.8em; }
.advanced-search .criteria span { font-size: 0.8em; }
.advanced-search .lookup-autocomplete { width: 212px; margin-bottom: 10px;}
.advanced-search .section-title { font-weight: bold;  }
.advanced-search .section-title td { padding-top: 10px; border-top: 1px solid #ccc;}
.advanced-search .lookup-vals { display: none;}
.advanced-search select { width: 220px;}

.slider { width:310px; margin:10px 0px 0px 0px; background-color:#ccc; height:18px; position: relative; -webkit-user-select: text;}
.slider .handle { width:19px; height:26px; background-image: url(../../images/slider-handle.png); cursor:move; position: absolute; margin-top: -8px; -webkit-user-select: text;}
.slider .handle.left { background-image: url(../../images/slider-handle-left.png); }
.slider .handle.right { background-image: url(../../images/slider-handle-right.png); }
.slider .handle.overlap { background-image: url(../../images/slider-handle-overlap.png); }
.slider-val {display: none;}

#listprice-min.slider-val {display: inline; width: 75px; margin-right: 130px; margin-bottom: 10px;}
#listprice-max.slider-val {display: inline; width: 75px; margin-bottom: 10px;}

.narrow-form-item {float: left; padding-right: 15px;}
.narrow-form-item .slider { width:147px;}
.criteria .slider{ width: 100%; }
.autocomplete-list ul { list-style-type:none; margin:0; padding:0;  background-color: white; border: 1px solid #ccc; border-bottom-width: 0px;}
.autocomplete-list ul li.selected { background-color: #ccc; }
.autocomplete-list ul li { font-size: 0.8em; list-style-type:none; display:block; margin:0; padding:4px; cursor:pointer; border-bottom: 1px solid #ccc;}

.popup-list { background: #ccc url(../../images/icon-combo.png) center right no-repeat; padding: 5px 10px;}
.popup-list-display { height: 4em; overflow: auto; font-size: 0.8em;}
.popup-list-dialog {position: absolute; z-index: 20000;}
.popup-list-dialog ul { list-style-type:none; margin:0; padding:0;  background-color: white; border: 1px solid #ccc; border-top-width: 0px; overflow: auto; height: 10em; }
.popup-list-dialog ul li.selected { background-color: #ccc; }
.popup-list-dialog ul li { font-size: 0.8em; list-style-type:none; display:block; margin:0; padding:4px; cursor:pointer; border-top: 1px solid #ccc;}
.popup-list-dialog input { border-width: 0px; background-color: transparent;}

.search-cell {text-align: center;}
.reset-search-link { background: white url(../../images/icon-reset.png) left no-repeat; padding-left: 20px; }
.search-button { width:142px; height:54px; background: white url(../../images/search-normal.png) 0px 0px no-repeat; border-width: 0px; margin-bottom: 5px; margin-top: 10px;}
.search-button:hover { background-position: 0px -54px; }
.search-button:active { background-position: 0px -108px; }
.advanced-search .search-cell {text-align: right; padding-right: 10px; padding-top: 10px;}

.property { clear: both; padding-bottom: 15px; font-size: 0.85em; }
.property label { font-weight: bold;}
.property .summary { margin-bottom: 20px; padding-top: 18px; height: 1em; border-top: 1px #ccc solid; }
.property .summary div { float: left; text-align: left; width: 126px; }
.property .summary .first {padding-top: 7px;}
.property .summary .last {text-align: right; margin-right: 30px; padding-top: 7px;}
.property .summary .icons {width: 256px; }
.property.first .summary { border-top-width: 0px; }

.property .icons {width: 456px; padding: 0px; padding-bottom: 0px; background: url(../../images/logo-fmls-idx-tiny.gif) right bottom no-repeat; }
.property .icons div {float: left; line-height: 25px; font-weight: bold; font-size: 1.1em; width: auto; color: #0c9245;}
.property .icons img { vertical-align: -5px; padding: 0px 3px 0px 5px; }

.property .photo { float: right; padding-bottom: 5px; margin-bottom: 5px;}
.property .photo .photo-frame { width: 256px; height: 192px; border: 1px solid #666; overflow: hidden; vertical-align: center; text-align:center; cursor:pointer;}
.property .more-photos {  display: block;  padding-bottom: 30px; background: white url(../../images/link-more-photos.png) bottom no-repeat;}
.property .view-details { display: block; padding-bottom: 30px; margin-bottom: 10px; background: white url(../../images/link-view-details.png) bottom no-repeat;}

.property .details div { padding-bottom: 8px; padding-right: 8px; overflow: hidden; clear:left;}
.property .details label { display: block;}

.property .link { float:left;}
.property .link a { display: block; width: 125px; height: 35px; background: white url(https://fmlsweb.retsiq.com/images/details-normal.png) no-repeat; text-decoration: none;}
.property .link a:hover { background-image: url(https://fmlsweb.retsiq.com/images/details-hover.png);}
.property .link a:active { background-image: url(https://fmlsweb.retsiq.com/images/details-press.png);}

.property-section h2 { font-size: 14px; background: #ccc; padding: 8px; margin: 20px 0;}
.property-section p {margin: 0px 20px 10px 20px; font-size: 0.85em;}

.listing-broker {padding-top: 20px; text-align: center; font-size: 0.85em; padding-bottom: 20px;}
.no-results {font-size: 1.2em; text-align: center; border-top: 1px solid #ccc; padding-top: 20px;}

/*
.page-nav {text-align: center;  margin-top: 20px; margin-bottom: 10px; }
*/
.page-nav {text-align: center;  margin-bottom: 20px; margin-top: 30px; font-size: 14px;}
.page-nav a { border: 1px solid #666; padding: 5px 8px; text-decoration:none;}
.page-nav .current { border: 1px solid #666; padding: 5px 8px; text-decoration:none; background: #ccc;}
.page-nav a:hover { background: #ccc;}