/*
STYLES
search page and results page
(c) 2005 Denis Portnov
denis at voronezh.net 
*/

.clear {
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}    

/* splash screen */
#splash_list {
list-style-image: url(../images/search/pin.gif);
list-style-position: outside; 
vertical-align: middle; 
margin: 0 0 0 10px; 
padding: 0 0 0 10px; 
}

#splash_list li { 
margin: 0 0 1px 0; 
padding: 0 0 0 5px; 
}

ul.sublist { 
list-style-type: none;
list-style-image: none;
font-size: 85%;
margin: 5px 0 5px 0; 
padding: 0 0 0 5px; 
}

ul.sublist ul {
margin: 0 0 0 5px; 
padding: 0; 
}

ul.sublist li {
list-style-type: none; 
margin: 0; 
padding: 0; 
}

#splash_list a {
color: #082839;
}

/* city list*/

.citylist {
font-size: 85%;
}

#legend {
font-size: 85%;
}

.cityhead {
display: block;
border-top: 1px dashed #cfcfcf; 
border-bottom: 1px dashed #cfcfcf; 
padding: 5px; 
margin: 5px 0 5px 0;
height: 22px;
background: #f5f5f5; 
}

.cityhead h3 {
display: inline;
width:240px;
font-size: 110%;
font-weight: bold;
margin: 0 10% 0 0;
}

.cityhead input {
margin: 0;
}

.cityhead img {
margin: 0 0 -2px 0;
}

.cityhead .cominfo {
float: right;
margin: -18px 5px 0;
}

h2 {
margin: 10px 0 5px 0;
padding-bottom: 3px;
border-bottom: 1px solid #05679D;
clear: both;
}

h3 a, h3 a:hover, h3 a:visited  {
text-decoration: none;
color: #05679D;
}

.citytable td {
width: 170px;
padding: 0;
}

.subform td {
padding: 2px 0 2px 0;
}

.subform input {
margin: 0;
}

.subform td.label {
width: 170px;
}

/* map search*/
.mapbox {
padding: 5px;
background: #e0e0e0;
}

.mapbox img {
border: 1px solid #e0e0e0;
}

/* search results */

#results-join {
    clear: both;
    margin: 10px 0;
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 10px;
}

#results-join a {
    display: block;
    float: left;
    width: 140px;
    height: 35px;
    background: url('/images/buttons/join.gif') 0 0 no-repeat;
    margin: 0 30px 0 0;
}

#results-join a span {
    display: none;
}

#results-join ul {
    margin: 0;
    padding: 0 0 0 30px;
    font-size: 110%;
    font-weight: bold;
    color: #2d5081;
}

.pager {
    border-collapse: collapse;
    font-size: 85%;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 10px 0;
    margin-bottom: 10px;
}

.listing-icons {
    border-collapse: collapse;
}

.listing-icons td {
    padding: 2px;
}

.pager select {
font-size: 85%;
}

.listings2 {
    color: #050505;
}

.listings2 th {
    background: #FF8700;
    padding: 2px;
    font-weight: bold;
    font-size: 85%;
    color: #FFCC66;
    text-align: center;
}

.listings2 extra td {
    border: 1px dotted;
    padding: 2px;
}

.det-link{
    color: #D65516;
    text-decoration: underline;
}

.lhead {
font-weight: bold;
text-align: center;
height: 20px;
}

.lbar {
margin: 2px 0 0 0;
width: 100%;
height: 8px;
}

/* green */
.head-green{
background: #339966;
color: #fff;
}

.bar-green{
border-top: 2px solid #339966;
}

.head-green .det-link{
color: #E6FB24;
}

/* orange */
.head-orange{
background: #ff9900;
color: #fff;
}

.bar-orange{
border-top: 2px solid #ff9900;
}

.head-orange .det-link{
color: Yellow;
}

/* yellow */
.head-yellow{
background: #FFCC66;
color: #0f0f0f;
}
.bar-yellow{
border-top: 2px solid #FFCC66;
}

/* blue */
.head-blue {
background: #006699;
color: #fff;
}
.bar-blue{
border-top: 2px solid #006699;
}
.head-blue .det-link{
color: #00BFFF;
}

.text{
padding: 5px 0 5px 0;
line-height : 120%;
}

.listings2 .panel {
display: block;
background: #ccc url(../images/icons/search/summary_bg1.gif) repeat-x;
height: 28px;
border-top: 1px solid #cccccc;
}

.listings2 .address {
float: left;
margin: 0 10px 0 0;
padding: 5px 0 0 5px;
font-weight: bold;
}

.listings2 .icons {
float: left;
width: 50%;
text-align: center;
margin: 0 10px 0 0;
}

.listings2 .phone {
float: right;
font-weight: bold;
font-size: 90%;
margin: 0;
padding: 5px 5px 0 0;
}

.listings2 .rem-link {
color: #fff;
}

.listings2 .real {
font-size: 85%;
padding: 2px;
background: #CB002A;
color: #fff;
}

.listings2 .app {
font-size: 85%;
font-weight: bold;
padding: 2px;
background: #f5f5f5;
color: #000080;
}


.listings2 .confirmed {
font-size: 85%;
font-weight: bold;
padding: 2px;
background: #f0f0f0;
color: #03398a;
}

.listings2 .timestamp {
display: inline;
padding: 1px 3px;
line-height: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
text-align: center;
white-space: no-wrap;
color: #03398a;
background: #f5f5f5;
border: 1px solid #dfdfdf;
}

.listings2 .timestamp span {
color: #0153b8;
}

/* refine form */
#refine{
width: 180px;
padding: 5px;
background: #f4f4f4;
border: 1px solid #e0e0e0;
}

#refine input, select{
font-size: 85%;
}

#refine fieldset{
padding: 5px;
margin-bottom: 10px;
font-size: 85%;
border: 1px solid #e0e0e0;
}

ul#refine-icons {
    width: 170px;
    margin: 10px 0;
    padding: 10px;
    list-style: none;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
}

ul#refine-icons li {
    margin: 0 0 2px 0;
    padding: 0;
}

ul#refine-icons a {
    padding-left: 0px;
}

ul#refine-icons a#new-search {
    background: url('/images/icons/search/newsearch.gif') 0 0 no-repeat;
}

ul#refine-icons a#save-search {
    background: url('/images/icons/search/savesearch.gif') 0 0 no-repeat;
}

ul#refine-icons a#view-search {
    background: url('/images/icons/search/savedsearches.gif') 0 0 no-repeat;
}

#refine-join ul {
    width: 165px;
    margin: 0 10px 0 0;
    padding: 10px 5px 10px 20px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    color: #2d5081;
}

#refine-join li {
    margin-bottom: 5px;
}


#refine-join a {
    display: block; 
    width: 181px; 
    height: 57px; 
    background: url('/images/buttons/joincards.png') 0 0 no-repeat; 
    margin: 10px 0;    
}

#refine-join a strong {
    display: none;
}

.hlght {
font-weight: bold;
padding: 2px;
background: #C4FFCA;
}


/* details page */
#block_1_content.details {
margin: 0;
padding: 10px;
border: 1px solid #CCCDCF;
}

#block_3_content.details {
padding-left: 20px;
}

/* member */
#col-center-content.details {
border: 1px solid #CCCDCF;
margin: 0;
padding: 10px;
}

#col-right-content.details {
padding-left: 20px;
}


h2.details {
font-size: 110%;
font-weight: bold;
color: #BE8011;
margin: 8px 0 4px 0;
}


#photo-panel {
float: left;
width: 250px;
border: 1px solid #CCCDCF;
background: #ECF1F7;
padding: 4px;
margin: 0 10px 5px 0;
}

#photo-text {
height: 20px;
}

#photo-text .plink {
float: left;
display: block;
width: 18px;
margin: 0;
}

#photo-text p {
float: left;
display: block;
width: 180px;
margin: 0 10px 0 10px;
text-align: center;
}


#photo-panel .photo-text {
display: block;
height: 25px;
font-size: 85%;
padding: 0;
margin: 0;
border: 1px dotted;
}


#photo-panel .photo-text div {
margin: 4px 5px 0 5px;
text-align: center;
}

#stats {
height: 100%;
font-size: 85%;
}

#stats table {
width: 200px;
border-left:1px solid #CCCDCF;
border-bottom:1px solid #CCCDCF;
}

#stats td {
border-right: 1px solid #CCCDCF;
border-top: 1px solid #CCCDCF;
padding: 3px;
}

p.street {
margin: 0 0 5px 0;
}

p.description {
margin: 0 0 5px 0;
}

.appt {
float: none;
clear: both;
margin: 20px 0 10px 0;
padding: 5px;
background: #f6f6f6;
border: 1px solid #CCCDCF;
}

#details-nav {
clear: both;
margin-bottom: 10px;
}

#details-nav ul {
float: right;
position: relative;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #CCCDCF;
clear: both;
}


#details-nav ul li {
display: block;
float: none;
width: 180px;
height: 28px;
margin: 0;
padding: 4px;
font-weight: bold;
background: #f5f5f5;
border: 1px solid #CCCDCF;
border-right: none;
border-bottom: none;
}


#details-nav ul li.back {
font-weight: normal;
border: 0;
background: transparent;
}

#details-nav ul li.active {
background: none;
}

#details-nav ul li.disabled {
font-size: 85%;
color: #aaa;
}


#details-nav ul li img {
float: left;
margin: 0 10px 0 0;
}

#details-nav a {
text-decoration: none;
font-size: 85%;
}

#details-nav a:hover {
text-decoration: underline;
}

#details-subnav {
}


/*related listings, details page*/
#related-listings {

}

#related-listings ul {
list-style-type: none;
list-style-position: inside;
padding: 0;
margin: 0;
}

#related-listings ul li {
padding: 5px;
margin: 0 0 5px 0;
border: 1px solid #a6b0ba;
background-image:url(../images/search/related_rentals_bg.gif);
background-repeat:repeat-x;
background-position:top;
}

#related-listings p {
margin: 0;
}

/* serch form, details page*/
#details-search {
padding: 10px;
background: #f5f5f5;
border: 1px solid #CCCDCF;
margin: 10px 0;
}

#details-search form {
margin: 0;
padding: 0;
}

#details-search legend {
font-size: 85%;
}

#details-search fieldset {
border: 1px solid #CCCDCF;
margin: 0 0 10px 0;
padding: 5px;
}


#details-search select {
width: 50%;
}

#details-search h3 {
margin: 10px 0 5px 0;
padding-bottom: 3px;
border-bottom: 1px solid #05679D;
clear: both;
width: 100%;
}

td.req strong {
color: #05679D;
}

table.features {
font-size: 85%;
color: #222;
margin: 0 0 5px 0;
}

table.features td {
padding: 0;
width: 150px;
color: #050505;
}

table.features .disabled{
color: #aaa;
}

/* photo view */
#photos-table td {
text-align: left;
width: 232px;
}

#photos-table img {
width: 220px;
}

#photos-table p {
font-size: 85%;
margin: 0 0 10px 0;
}

#photos-big {
    margin: 0;
    padding: 0;
    list-style: none;
}

#photos-big li { 
    padding: 0;
    margin: 5px 0;
    clear: both;
}

#photos-big img {
    padding: 10px;
    border: 1px solid #ccc;
    background: #F6F6F6;
	width:440px;
}

#photos-big p {  
    font-size: 85%;
}

/* map view*/
#mapbox th {
height: 30px;
font-weight: normal;
font-size: 85%;
}

#schedulebox td {
padding: 2px;
}

/* extra links */
#details-extra {
clear: both;
margin: 30px 0;
}

#details-extra h3 {
margin: 10px 0 5px 0;
padding-bottom: 3px;
border-bottom: 1px solid #05679D;
clear: both;
width: 100%;
}

#details-extra ul {
list-style: none;
padding: 0;
margin: 0;
float: right;
position: relative;
padding: 0;
margin: 0;
border-bottom: 1px solid #CCCDCF;
clear: both;
}

#details-extra ul li {
display: block;
float: none;
width: 184px;
height: 25px;
font-size: 85%;
padding: 2px;
background: #f8f8f8;
border: 1px solid #CCCDCF;
border-right: none;
border-bottom: none;
}

#details-extra li img {
float: left;
margin: 0 10px 0 0;
}


/* graphic map */
#map_block {
	background-image:url(../images/map/map_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	/* border:1px solid #e3e3e3; */
	/*border-bottom:none;*/
	padding:0px;
	margin:0px;
	min-height:567px;
}
#map_pic {
	width:660px;
	float:right;
	/* border:1px dotted red; */
}
#searchPanel {
	/*border:1px dotted red;*/
	width:278px;
	/* height:800px; */
	float:left;
	
	
	margin-left:3px;
	margin-top:3px;
	border:1px solid #CCC;
	padding:3px;
	padding-bottom:10px;
	background-color:#FFF;
	line-height:13px;
	font-size:11px;
	font-family:Arial;
}
#searchPanel h4 {
	margin:5px;
	border-bottom:1px solid #069;
	color:#069;
}
#searchPanel p {
	margin:0px;
	margin-left:10px;
	margin-bottom:10px;
	color:#CC0033;
}
#LoaderDiv {
	position:absolute;
	z-index:100;
	left:50%;
	top:66%;
	width:66px;
	height:66px;
	margin-left: -33px;
	margin-top: -33px;
}

#searchPanel h1 {
	line-height:17px;
	font-size:15px;
	font-weight:bold;
	padding-bottom:3px;
}
#searchPanel div {
	margin-bottom:-3px;
	float:left;
	width:133px;
	/*display:inline;*/
}
#searchPanel div label {
	font-size:10px;
	/* border:1px dotted red; */
}