/*
Welcome to Custom CSS!
CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.
By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
.searchheadline {
font-size: 225%;
font-weight: bold;
padding-bottom: 20px;
text-align: center;
text-transform: uppercase;
}
.home-searchform {
background: none;
color: #000000;
padding: 6px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* future proofing */
-khtml-border-radius: 5px;
/* for old Konqueror browsers */
height: 110px;
font-size: 1em;
font-weight: 200;
line-height: 110%;
}
.home-searchform select {
color: #000000;
font-size: 1em;
line-height: 110%;
}
#PerformSearch {
background: #f0ad00;
/* Old browsers */
background: -moz-linear-gradient(top,#f0ad00 0%,#efcc73 0%,#f0ad00 100%);
/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0ad00),color-stop(0%,#efcc73),color-stop(100%,#f0ad00));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#f0ad00 0%,#efcc73 0%,#f0ad00 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#f0ad00 0%,#efcc73 0%,#f0ad00 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top,#f0ad00 0%,#efcc73 0%,#f0ad00 100%);
/* IE10+ */
background: linear-gradient(to bottom,#f0ad00 0%,#efcc73 0%,#f0ad00 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ad00',endColorstr='#f0ad00',GradientType=0);
/* IE6-9 */
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* future proofing */
-khtml-border-radius: 5px;
/* for old Konqueror browsers */
color: #FFFFFF;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
margin: 10px 0 0;
padding: 8px 10px;
text-transform: uppercase;
}
#Cities {
width: 16.5em;
text-overflow: ellipsis;
}
#MinPrice {
width: 7em;
text-overflow: ellipsis;
}
#MaxPrice {
width: 7em;
text-overflow: ellipsis;
}
#MinBeds {
width: 3.5em;
text-overflow: ellipsis;
}
#MinBaths {
width: 3.5em;
text-overflow: ellipsis;
}
/* Content Boxes
------------------------------------------------------------ */
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow,
.content-box-white {
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
}
.content-box-blue {
background-color: #d8ecf7;
border: 1px solid #afcde3;
}
.content-box-gray {
background-color: #e2e2e2;
background-color: rgba(20,20,20,0.5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.content-box-green {
background-color: #d9edc2;
border: 1px solid #b2ce96;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.content-box-purple {
background-color: #e2e2f9;
border: 1px solid #bebde9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.content-box-red {
background-color: #f9dbdb;
border: 1px solid #e9b3b3;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.content-box-yellow {
background-color: #fef5c4;
border: 1px solid #fadf98;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.content-box-white {
background-color: #e2e2e2;
background-color: rgba(20,20,20,0);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Color Buttons
------------------------------------------------------------ */
.button-blue:hover,
.button-gray:hover,
.button-green:hover,
.button-purple:hover,
.button-red:hover,
.button-yellow:hover {
text-decoration: none;
}
.button-blue {
background-color: #afcde3;
border: 1px solid #afcde3;
}
.button-blue:hover {
background-color: #83a2be;
border: 1px solid #83a2be;
}
.button-gray {
background-color: #bdbdbd;
border: 1px solid #bdbdbd;
}
.button-gray:hover {
background-color: #919191;
border: 1px solid #919191;
}
.button-green {
width: auto;
float: center;
border: 1px solid #467c00;
background: #447c00;
background: -webkit-gradient(linear,left top,left bottom,from(#84bf36),to(#447c00));
background: -webkit-linear-gradient(top,#84bf36,#447c00);
background: -moz-linear-gradient(top,#84bf36,#447c00);
background: -ms-linear-gradient(top,#84bf36,#447c00);
background: -o-linear-gradient(top,#84bf36,#447c00);
padding: 9.5px 19px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: rgba(0,0,0,0) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,0) 0 1px 0;
box-shadow: rgba(0,0,0,0) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #ffffff !important;
font-size: 14px;
font-family: Georgia, Serif;
text-decoration: none;
vertical-align: middle;
text-align: middle;
}
.button-green:hover {
border: #84bf36;
color: #757575;
}
.button-purple {
background-color: #bebde9;
border: 1px solid #bebde9;
}
.button-purple:hover {
background-color: #9291c7;
border: 1px solid #9291c7;
}
.button-red {
background-color: #e9b3b3;
border: 1px solid #e9b3b3;
}
.button-red:hover {
background-color: #c78787;
border: 1px solid #c78787;
}
.button-yellow {
background-color: #ffcc00;
border: 1px solid #fadf98;
}
.button-yellow:hover {
background-color: #000000;
border: 1px solid #ecb870;
}
/* Gradient color1 - color2 - color1 */
hr.style-one {
border: 0;
height: 1px;
background: #333;
background-image: -webkit-linear-gradient(left,#ccc,#333,#ccc);
background-image: -moz-linear-gradient(left,#ccc,#333,#ccc);
background-image: -ms-linear-gradient(left,#ccc,#333,#ccc);
background-image: -o-linear-gradient(left,#ccc,#333,#ccc);
}
body .gform_wrapper {
padding: 6px 10px;
background-color: #e2e2e2;
background-color: rgba(20,20,20,0.2);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.quicksearch_table {
}
#quicksearch_beds_list {
}
#search-locations {
height: 23px;
margin-right: 10px;
padding: 5px;
}
.search-locations {
height: 23px;
margin-right: 10px;
padding: 5px;
}
#QuickSearch_divLocal12400__QuickSearch {
background-color: rgba(255,255,255,0) !important;
}
#quicksearch_button {
width: 200px !important;
float: left !important;
border: 1px solid #467c00 !important;
background: #447c00;
background: -webkit-gradient(linear,left top,left bottom,from(#84bf36),to(#447c00));
background: -webkit-linear-gradient(top,#84bf36,#447c00);
background: -moz-linear-gradient(top,#84bf36,#447c00);
background: -ms-linear-gradient(top,#84bf36,#447c00);
background: -o-linear-gradient(top,#84bf36,#447c00);
padding: 9.5px 19px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: rgba(0,0,0,0) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,0) 0 1px 0;
box-shadow: rgba(0,0,0,0) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #ffffff;
font-size: 14px;
font-family: Georgia, Serif;
text-decoration: none;
vertical-align: middle;
text-align: middle;
}
#quicksearch_button:hover {
border: #84bf36;
background: #84bf36 !important;
color: #757575 !important;
}
#quicksearch_button:active {
border: #518010;
background: #518010;
}
#text-29 {
}
.quicksearch_label {
font-size: 18px;
}
.submit {
width: auto !important;
float: left !important;
border: 1px solid #467c00 !important;
background: #447c00 !important;
background: -webkit-gradient(linear,left top,left bottom,from(#84bf36),to(#447c00)) !important;
background: -webkit-linear-gradient(top,#84bf36,#447c00) !important;
background: -moz-linear-gradient(top,#84bf36,#447c00) !important;
background: -ms-linear-gradient(top,#84bf36,#447c00) !important;
background: -o-linear-gradient(top,#84bf36,#447c00) !important;
padding: 9.5px 19px !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: rgba(0,0,0,0) 0 1px 0 !important;
-moz-box-shadow: rgba(0,0,0,0) 0 1px 0 !important;
box-shadow: rgba(0,0,0,0) 0 1px 0 !important;
text-shadow: rgba(0,0,0,.4) 0 1px 0 !important;
color: #ffffff;
font-size: 14px;
font-family: Georgia, Serif;
text-decoration: none;
vertical-align: middle;
text-align: middle;
}
.submit:hover {
border: #84bf36;
color: #757575 !important;
}