/* twitter bootstrap mods */
.form-group {
border:0px solid; /* Debug */
max-width:100%;
}
.form-group input,
.form-group textarea {
max-width:100%;
}
.container {
border:5px solid #2F4B73;
}
#menu_bot {
/*background:#6A7FAA; */ /* needed to add for some reason */
}
/* For jqmphp */
.ui-content {
background: #6A7FAA;
}
/* Use the same font in the jquery ui widgets as on the page */
.ui-widget, .ui-widget button {
font: normal 14px Arial,sans-serif;
}
/* http://locusoptimus.com/css-trickery/ie7-position-relative-bug.php In short, the bug causes the borderwidth of a relatively positioned ancestor to be added to the positive or negative value of a relatively positioned child element. It only occurs if an ancestor (even multiple 'generations' back) has position:relative [1] as well as a border.
[1] only position:relative has effect; position:fixed, absolute, and floating have no influence.
Adding a border-less relatively positioned wrapper between the #outer and #inner div solves it.
*/
/* To hide/show a table row in a way that works in IE, you can create a class "hide" and give it the rule "display:none". To hide a table row, assign the class to the row element, to show the row element just remove the class - don't try to assign "display:table-row", it won't work. */
.hide {
display:none;
}
/* Page styles */
body {
/**************
font-size:14px;
font-family:Arial,sans-serif;
font-style:normal;
******************/
font: normal 14px Arial,sans-serif;
margin:0 auto;
color:#fff;
background:#ffffff;
}
img {
border:0;
}
input, textarea {
background:#B5BFD2;
border-style:outset;
/*border:1px solid #000;*/
border:1px solid #fff;
}
input:hover,textarea:hover {
border-color: #009;
border-style:inset;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.175);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.175);
}
select {
background:#B5BFD2;
max-width:100% !important;
text-align-last: center; /* center the text showing in the select pulldown */
}
hr {
background:#fff;
}
li {
text-align:left;
}
form {
margin-bottom:0; /* to override bootstrap from creating too much space */
}
input[type="radio"] {
width:1.5em;
height:1.5em;
vertical-align:bottom;
}
input[type="checkbox"] {
width:1.25em;
height:1.25em;
vertical-align:sub;
}
input[type="button"],
input[type="submit"] {
border-style:outset;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-top-right-radius:8px;
border-top-left-radius:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius:8px;
border-top-left-radius:8px;
}
input[type="button"]:hover, input[type="submit"]:hover {
/*border-style:inset;*/ /* not sure why, but it appears this adds width to border which changes layout on hover*/
/*background-color: #B5BFD2;*/
}
table {
margin:0;
padding:0;
border:0;
}
/* login box */
#login_box {
float:right;
margin-right:20px;
font-size:larger;
}
#login_box1,
#signup_box1 {
position:absolute;
display:none;
z-index: 1;
right:0;
top:-35px;
}
#login_box1 iframe,
#signup_box1 iframe {
height:400px;
border:0;
}
.close_button {
position:absolute;
right:15px;
top:10px;
font-weight:bold;
color:red;
border:2px outset #f00;
padding:1px 2px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-right-radius:4px;
border-top-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-right-radius:4px;
border-top-left-radius:4px;
}
.close_button:hover {
text-decoration:underline;
cursor:hand;
cursor:pointer;
border:2px inset #f66;
}
.close_button_div a[href="#"] img {
vertical-align:middle;
width:4em;
}
/* sa_main defined in menu.php and is the toplevel
*/
#sa_main {
position:relative;
margin:0 auto;
text-align:center;
max-width:980px !important;
max-width:980px;
border:5px solid #2F4B73;
background:#6A7FAA;
}
#sa_main ul {
text-align:left;
}
/* content defined on each page */
#content {
color:#fff;
background:#6A7FAA;
padding:0px; /* This overrides bootstrap rows which have padding left/right:15px */
margin:0px auto;
position:relative; /* Added 5/17/2013 since now slidehshow is at top of page */
background-size:contain;
}
#content p, h1, h2, h3, h4, h5 {
text-align:justify;
margin-left:10px;
margin-right:10px;
}
.slideshow_content {
background-size:cover;
}
/* Change opacity on hover */
.c-opacity a:hover {
opacity:0.5
}
/********** START styles for header *******************/
#bgheader_image {
margin-left:0;
margin-right:0;
background: url(https://jovanrealty.com/uploads/files/PUBLISH/COMMON/background_image_header.gif);
background-repeat:no-repeat;
min-height:116px;
}
#head_csitename {
border:0px solid #fff;
text-align:left;
}
#head_csitename div {
vertical-align:middle;
}
#head_csitename a {
color:#eee;
font:normal bold 32px arial,serif;
text-decoration:none;;
}
#head_csitename a:hover {
opacity:0.5
}
#logo {
border:0px solid #fff;
padding-top:10px;
text-align:left; padding-left:35px;
}
#logo a:hover {
opacity:0.5
}
#logo img {
width:100%;
}
#no_logo img:hover {
opacity:0.8
}
#sitename {
border:0px solid #fff;
padding-top:78px;
padding-left:190px;
}
#head_ctext {
border:0px solid #fff;
text-align:right;
overflow-x:hidden;
padding:5px 10px 10px 0;
}
#head_ctext a {
text-decoration:none;
font-weight:bold;
color:#ccc;
font:normal 14px Arial,sans-serif;
}
#head_ctext a:hover {
opacity:0.5
}
/********** END styles for header *******************/
/* to deal with an emtpy table column if menu_left not present */
#menu_left {
width:100%;
}
#menu_left table {
border-collapse:collapse;
}
/* Allow nested tables to have separate borders */
#menu_left table table {
vertical-align:middle;
border-collapse:separate;
border:0px solid red;
}
#menu_home {
/* for some reason $MENU is coming up as an undefined var in error log */
display:none;
}
/* to deal with tables in *-text.html user files */
#content table p {
margin-left:0;
margin-right:0;
}
/* To deal with labels that bootrap has declared block and to add space*/
#contact_content td {
border-bottom:1px solid #fff;
padding:10px 0;
}
#contact_content label {
display:inline-block;
}
/* define a content class so can use it multiple times in a page */
.content {
color:#fff;
background:#6A7FAA;
max-width:980px;
}
/* For the search.php page */
#content_fullwidth {
color:#fff;
background:#6A7FAA;
/*max-width:980px;*/
width:100%;
}
/* define a content class so can use it multiple times in a page */
.content_fullwidth {
color:#fff;
background:#6A7FAA;
/*max-width:980px;*/
width:100%;
}
#saved_searches_wrapper {
float:right;
margin-right:200px; /* match width below! */
}
#saved_searches {
position:fixed; /* positioned relative to viewport! */
width:200px; /* match margin-right above! */
/*right:120px;*/
display:block;
/*font-size:18px;*/
color:#000;
/*padding:20px 10px;*/
/*border:2px outset #B5BFD2;*/
background-color: #B5BFD2;
background:#eee;
opacity:1.0;
z-index:1;
}
#search_count {
position:fixed;
top:20%; /* maybe remove since moves box up too high and may obscure the 'View other sites' pulldown in submenu. But then obscures top of search page on mobile. Maybe best to not use fixed headers on search page? */
font-size:18px;
color:#000;
padding:20px 10px;
border:2px outset #B5BFD2;
background:#eee;
opacity:0.8;
z-index:1; /* maybe set to 2 since top menu fixed scroll has z-index:1 Maybe best to not use fixed headers on search page? */
}
/*****
@media (max-width:767px) {
#search_count,
#saved_searches {
top:100px;
}
}
****/
#saved_searches a {
color:#00f;
}
/* Remove space around each saved search/listing */
.accordion ui-accordion {
}
.ajax_saved_searches.ui-accordion .ui-accordion-content {
padding:0;
}
/* float any icons to the left of the accordion header */
.ui-accordion-header-icon {
float:left;
}
/*
#ajax_saved_searches.accordion .ui-accordion-content-active {
width:200%;
left:-100%;
-webkit-transition:width .5s,left 1s;
transition:width .5s,left 1s;
}
*/
/* jquery icons - doesn't work since sprite image */
span.ui-accordion-header-icon.ui-icon.ui-icon-carat-1-2 {
max-width:24px;
max-height:24px;
}
#saved_searches h4,
#more_search h4 {
background-color:#fafafa;
background-image:-moz-linear-gradient(top, #B5BFD2, #6A7FAA);
background-image:-webkit-gradient(linear, 0 0, 0 100%, to(#B5BFD2), from(#6A7FAA));
background-image:-webkit-linear-gradient(top, #B5BFD2, #6A7FAA);
background-image:-o-linear-gradient(top, #B5BFD2, #6A7FAA);
background-image:linear-gradient(to bottom, #B5BFD2, #6A7FAA);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(endColorstr='#fff2f2f2', startColorstr='#ffffffff', GradientType=0);
}
#saved_searches h4:hover,
#more_search h4 {
opacity:0.8;
border-style:inset;
}
#displayResponse {
background-color:#fafafa;
background-image:-moz-linear-gradient(top, #6A7FAA, #B5BFD2);
background-image:-webkit-gradient(linear, 0 0, 0 100%, to(#6A7FAA), from(#B5BFD2));
background-image:-webkit-linear-gradient(top, #6A7FAA, #B5BFD2);
background-image:-o-linear-gradient(top, #6A7FAA, #B5BFD2);
background-image:linear-gradient(to bottom, #6A7FAA, #B5BFD2);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(endColorstr='#fff2f2f2', startColorstr='#ffffffff', GradientType=0);
}
/* Top Menu style */
/*** remove since overriding bootstrap
div.menu div {
display:inline-block;
border:0px solid;
}
.menu div a {
padding:0 5px;
color:#009;
}
.menu a, #menu_left a, #menu_bot a {
font-weight:normal;
}
***/
#banner {
background:url('https://jovanrealty.com/uploads/files/PUBLISH/COMMON/background_image_header.gif');
border-bottom:0px solid #B5BFD2;
background-repeat:no-repeat;
background-position:center;
width:100%;
height:116px;
border:none;
}
.menu li {
font:12px Arial,serif;
}
/* Increase menu font-size for mobile */
@media (max-width:767px) {
.menu li {
font-size:24px;
}
}
.menu_sub li {
font:14px Arial,serif;
}
.menu_bot li {
font:12px Arial,serif;
}
.menu td {
font:12px Arial,serif;
padding-top:0px;
padding-bottom:3px;
background:url('https://jovanrealty.com/uploads/files/PUBLISH/COMMON/menu.jpg');
font-weight:bold;
text-align:center;
border-bottom:1px solid #000;
}
.menu td:hover {
background:#B5BFD2;
}
.menu td a {
text-decoration:none;
color:#000;
}
.menu td a:hover {
text-decoration:underline;
color:#009;
}
/* logic in menu.php for index and edit_template.php determines active class */
.menu td.active_left {
background:#bbb;
border-top:1px solid #000;
border-right:2px solid #000;
border-bottom:0;
}
.menu td.active_right {
background:#bbb;
border-top:1px solid #000;
border-left:2px solid #000;
border-bottom:0;
}
.menu td.active {
background:#bbb;
border-top:1px solid #000;
border-right:2px solid #000;
border-left:2px solid #000;
border-bottom:0;
}
/* Cannot group the below like .menu td.active, td.active_left, td.active_right a {} */
.menu td.active a {
color:#000;
}
.menu td.active_left a {
color:#000;
}
.menu td.active_right a {
color:#000;
}
.menu td.active a:hover {
color:#000;
text-decoration:none;
/*cursor:default;*/ /*ie7 doesnt like */
}
.menu td.active_left a:hover {
color:#000;
text-decoration:none;
/*cursor:default;*/ /*ie7 doesnt like */
}
.menu td.active_right a:hover {
color:#000;
text-decoration:none;
/*cursor:default;*/ /*ie7 doesnt like */
}
/* Left Menu style */
.menu_left {
float:left;
background:url('https://jovanrealty.com/uploads/files/PUBLISH/COMMON/menu.jpg');
width:150px;
color:#000;
border:0px solid #000;
text-align:left;
padding-top:50px;
margin-right:0px;
}
.menu_left td {
background:#eee;
font:14px Arial, sans-serif;
padding-top:3px;
padding-bottom:3px;
background:#eee;
font-weight:bold;
padding-left:10px;
vertical-align:top;
/*border-bottom:1px solid #000;*/
}
.menu_left td:hover {
background:#eee;
}
.menu_left td a {
text-decoration:none;
color:#000;
text-align:left;
}
.menu_left td a:hover {
text-decoration:underline;
color:#009;
}
/* logic in menu.php for index and edit_template.php determines active class */
.menu_left td.active {
background:#6A7FAA;
}
/* Cannot group the below like .menu_left td.active, td.active_left, td.active_right a {} */
.menu_left td.active a {
color:#000;
border:none;
}
.menu_left td.active a:hover {
color:#000;
text-decoration:none;
/*cursor:default;*/ /*ie7 doesnt like */
}
/* Bottom Menu style */
.menu_bot {
display:inline-block;
/*margin:50px auto;/* /* logo is 100px */
text-align:center;
}
.menu_bot td,
.menu_bot div {
font:12px Arial,serif;
padding:1px 20px;
background:url('https://jovanrealty.com/uploads/files/PUBLISH/COMMON/menu_bot.jpg');
font-weight:normal;
text-align:center;
}
.menu_bot td:hover,
.menu_bot div:hover {
background:#999;
}
.menu_bot td a,
.menu_bot div a {
text-decoration:none;
color:#000;
}
.menu_bot td a:hover,
.menu_bot div a:hover {
text-decoration:underline;
color:#ddd;
}
#foot_wrapper {
margin-top:2%;
background-color:#fafafa;
background-image:-moz-linear-gradient(top, #6A7FAA, #B5BFD2);
background-image:-webkit-gradient(linear, 0 0, 0 100%, to(#6A7FAA), from(#B5BFD2));
background-image:-webkit-linear-gradient(top, #6A7FAA, #B5BFD2);
background-image:-o-linear-gradient(top, #6A7FAA, #B5BFD2);
background-image:linear-gradient(to bottom, #6A7FAA, #B5BFD2);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(endColorstr='#fff2f2f2', startColorstr='#ffffffff', GradientType=0);
}
#footer_text {
color: #009;
font: normal 14px Arial,sans-serif;
}
/* Submenu style */
.submenu {
font:14px Arial,serif;
background:#6A7FAA; /* Make BGCONTENTCOLOR so navbar fades into this color nicely */
}
.submenu a {
text-decoration:none;
color:#000;
font-weight:normal;
}
.submenu a:hover {
text-decoration:underline;
color:#009;
}
/* 576px, 768px, 992px, 1200px */
/* when menu bar appears, don't cover credits */
@media (max-width:767px) {
#credits {
margin-bottom:20px;
}
}
.map {background:#B5BFD2}
.topheader {background:#6A7FAA; color: #000000; text-align: center; padding:5px 0;}
.th {
clear:left;
font-weight:bold;
}
.tr div {
float:left;
margin-left:10px;
}
/* Search styles */
.search_area_group_name {
font-style:italic;
text-align:left;
padding:1em 0 0 1em;
}
.res_search_details {
float:left;
border:0px solid;
}
.res_search_details div {
float:left;
text-align:left;
margin-left:10px;
}
.sum_searches div {
clear:left;
float:left;
text-align:left;
}
.courtesy {
margin-top:10px;
font-style:italic;
}
.disclaimer {
clear:both;
margin:10px auto;
width:95%;
text-align:center;
color:#666;
font-size:0.75em;
font-style:italic;
border-bottom: 0px solid #6A7FAA;
}
.search_details {
margin-left:10px;
vertical-align:top;
}
.list_details {
text-align:left;
padding:1px 10px;
margin:1px 0;
}
/* Hide TrackView classes for now and let jquery show them so we can always register a click */
.TrackView {
display:none;
}
/* img.TrackView allows the spinning widgets in search results, and li.TrackView allows the main slideshow image */
img.TrackView, li.TrackView, .customHtml .TrackView {
display:inline-block;
}
#content .longlist.subdivision .toggleset {
width:573px;
}
#content .longlist.subdivision {
border:solid 1px #000;
}
#subdivision {
width:585px;
margin:0px 0px 0px 10px;
}
#content .longlist #subdivisionList li {
width:32% !important;
}
#content .longlist #subdivisionList li label {
width:100% !important;
}
#subdivision_search {
font-size:smaller;
font-style:italic;
}
#subdivision_list {
position:absolute;
background:#6A7FAA;
color:#fff;
width:100%;
max-height:400px;
left:15px;
overflow:auto;
font-size:smaller;
border:2px dotted #2F4B73;
padding-bottom:10px;
}
#subdivision_msg {
text-align:center;
font-size:larger;
font-style:italic;
border:none;
}
/* general styles*/
.smaller {
font-size:smaller;
}
.larger {
font-size:larger;
}
.italic {
font-style:italic;
}
.bold {
font-weight:bold;
}
.nowrap {
white-space:nowrap;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
/* group */
.group:before, .group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.rightheader {background:#6A7FAA; color: #000000; text-align: right}
.subheader {background:#e7e7cc; color: #000000; text-align: center}
.run_search {color:#ff0000;font-weight:bold;border:2px outset}
.run_search:hover {border-style:inset}
.small_check {font-size:12pt}
.edit {
color:#fff;
font-size: 14px;
white-space:nowrap;
font-weight:bold;
background:red;
border:2px outset;
}
.edit_label {
color:red;
font-size: 14px;
white-space:nowrap;
font-weight:bold;
text-align:left;
}
.val_err {
padding-left: 20px;
font-style: italic;
}
.val_err img{
vertical-align:middle
}
/* define a wrapper class for lead buttons */
.lead_button {
background:#B5BFD2;
padding-top:15px;
margin-bottom:10px;
}
/* define a button class for a link so can use it multiple times in a page */
.button {
width:100%;
margin:0 auto 15px auto;
text-align:center;
line-height:25px; /* needed to separate anchors that run accross 2 lines */
}
.button a, div.button {
padding:5px 10px;
margin:5px;
border:2px inset #000;
/*border:2px outset #fff;*/
text-decoration:none;
background:#B5BFD2;
/*background:#B5BFD2;*/
color:#fff;
border:2px solid #B5BFD2;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-top-right-radius:8px;
border-top-left-radius:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
}
.button a:hover, div.button:hover {
border-color:#009;
border-style:outset;
text-decoration:underline;
cursor: hand;
cursor: pointer;
}
/* define a wrapper class for lead links */
.link {
width:100%;
margin:0 auto 5px;
text-align:center;
}
/* define a wrapper class for the tabs in index_multiple.php tabbed slidesho */
.tab {
float:left;
margin:10px 10px 0px 0px;
padding:4px;
font-weight:bold;
font-size:smaller;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius:8px;
border-top-left-radius:8px;
}
.tab a:hover {
text-decoration:underline;
cursor: hand;
cursor: pointer;
}
/* get rid of margin-top for first headings on page */
h1:first-of-type, h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type {
margin-top:0;
}
/* get rid of any margin-top for user text */
div.slideshow_text h1, div.slideshow_text h2, div.slideshow_text h3, div.slideshow_text h4, div.slideshow_text h5, div.slideshow_text p {
text-align:justify;
margin:10px 20px 10px;
}
div.slideshow_text div {
float: left;
margin:10px;
text-align: center;
font-weight: bold;
font-style:italic;
}
/* right hand side (RHS) widgets */
#quickwidgets {
margin-top:10px;
margin-right:-5px; /* Reduce 15px margin from bootstrap*/
margin-left:-5px; /* Reduce 15px margin from bootstrap*/
}
.share-inline-header-twitter iframe {
max-width:100%;
}
.quicksearch, .leadbox, .callouts, .marquee, .social, .quickview {
padding:2px;
margin-bottom:5px;
background:#B5BFD2;
/*background:#B5BFD2; */
border:2px solid #B5BFD2;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-top-right-radius:8px;
border-top-left-radius:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
/*color:#000;*/
color:#fff;
/*max-width:250px;*/
/*float:right;*/
}
.leadbox label {
clear:left;
float:left;
padding-top:4px;
padding-left:10px;
display:inline-block;
/*max-width:70px;*/
text-align:left;
}
.leadbox a {
color:#000;
}
.leadbox a:hover {
color:#009;
}
.callouts li a {
/* color:#000; */
}
.callouts li a:hover {
color:#009;
}
.marquee {
height:150px;
overflow:auto;
text-align:left;
font-style:italic;
font-size:smaller;
}
.marquee p {
padding:0 5px;
}
.leadbox {
text-align:center;
}
.quicksearch {
text-align:center;
position:fixed;
top:25%; /* match top in template_end when switching fixed/absolute */
width:230px;
opacity:0.95;
background:#6A7FAA;
z-index:1; /* So on top of bottom menu and bottom contact form */
/*border:2px solid #B5BFD2;*/
/*background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1));*/ /* For Safari 5.1 to 6.0 */
/*background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1));*/ /* For Opera 11.1 to 12.0 */
/*background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1));*/ /* For Firefox 3.6 to 15 */
/*background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));*/ /* Standard syntax (must be last) */
/*
border-background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1));
border-background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1));
border-background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1));
border-background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
*/
box-shadow: 0px 0px 2px 2px #B5BFD2;
}
.quicksearch h3 {
color:#009;
font-weight:bold;
background-color:#B5BFD2;
background-image:-moz-linear-gradient(top, #B5BFD2, #6A7FAA);
background-image:-webkit-gradient(linear, 0 0, 0 100%, to(#B5BFD2), from(#6A7FAA));
background-image:-webkit-linear-gradient(top, #B5BFD2, #6A7FAA);
background-image:-o-linear-gradient(top, #B5BFD2, #6A7FAA);
background-image:linear-gradient(to bottom, #B5BFD2, #6A7FAA);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(endColorstr='#fff2f2f2', startColorstr='#ffffffff', GradientType=0);
}
.quicksearch .form-group {
margin-bottom:5px;
}
/* Remove space around each saved search/listing */
.ui-accordion .ui-accordion-content {
padding:0;
}
.callouts {
text-align:left;
font-style:italic;
}
.callouts h3 {
margin-left:2px;
}
.callouts ul {
padding-left:15px; /* not needed with bootstrap v2, but needed with 3.2.0 */
margin-top:-5px;
}
.callouts ul select {
margin-left:-10px; /* move slect box back to left to take up some padding-left specified above */
}
.quicksearch hr {
margin:5px auto;
}
.quicksearch select {
font-size:smaller;
/*width:80px;*/
}
/* Media styles for 320x568 (iphone) */
@media (min-width:320px) and (max-width:568px) and (orientation: portrait) {
.quicksearch {
width:300px;
}
}
@media (min-width:320px) and (max-width:568px) and (orientation: landscape) {
.quicksearch {
width:400px;
top:10px;
}
.quicksearch hr {
margin:1px auto;
}
}
/* To make an