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

/* 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;
text-align:left;
padding: 5px;
margin: 5px 0 5px 0;
height: 22px;
background: #f5f5f5;
}

.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;
}

h3 {
display: inline;
width:240px;
font-size: 110%;
font-weight: bold;
margin: 0 10% 0 0;
color: #05679D;
}

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

.citytable td {
width: 170px;
text-align:left;
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 */

.pager {
font-size: 85%;
border-bottom: 1px dashed #cccccc;
border-top: 1px dashed #cccccc;
padding: 4px;
}

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

.listings2 {
width: 100%;
padding: 0;
color: #050505;
}

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

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

.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;
}


/* 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%;
}

.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;
}


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


#photo-panel {
float: left;
width: 240px;
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: 205px;
}

#stats td {
border: 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 ul {
float: right;
position: relative;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #CCCDCF;
}


#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 {
}


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;
}

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

#schedulebox td {
padding: 2px;
}

/* extra links */
ul.details-extra {
list-style: none;
padding: 0;
margin: 0;
}

ul.details-extra li{
height: 28px;
display: block;
float: none;
font-size: 90%;
}

ul.details-extra li a{
font-weight: bold;
}

ul.details-extra li img{
float: left;
margin: 0 8px 0 0;
}