/*
#D8E8FF blue
#F8FBFF light blue
#B3B3B3 light grey
*/

html { margin: 0; padding: 0; height: 101%;  }
body { background: #F7FAFF url("../_images/background.png") repeat; margin: 0; padding: 0; text-align: center; font-family: Georgia,Helvetica,Tahoma,Arial,Sans-Serif; font-size: 85%; line-height: 1.5em; }
h1  { font-size: 1.6em; font-weight: bold; margin: 0.5em 0; }
h2 { font-size: 1.2em; margin: 0.25em 0 1em 0; }
h4 { padding: 1em 0 1em 0; }
p { padding: 0 0 0.5em 0; }
a,a:link,a:focus,a:active { color: #000; }
a:visited,a:hover { color: #333; }
label  { width: 150px; float: left; font-size: 0.85em; margin-bottom: 0.85em; text-align: right; vertical-align: top; padding-right: 10px; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ul { list-style-type: none; }
ul li { padding: 0.25em 0 0.25em 0; }

#page_container { clear: both; margin: 1em auto 1em auto; width: 800px; text-align: left; }

header { height: 45px; }
header h1 { margin: -45px 0 0 25px; color: #FFF; }
section { padding: 20px 0 0.5em 0; background-color: #D8E8FF; width: 798px; }
article{ padding: 0.5em 1em; }
label.error { float: none; color: #B0171F; padding-left: .5em; vertical-align: top; }
#error_msg { padding: 0 0.5em 20px 20px; color: #B0171F; }
#confirmation_msg { padding: 0 0.5em 20px 20px; color: #0000FF;  }
.form_input { width: 100%; clear: both; margin: 0.5em 0 0.5em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 0.5em 0; }
#lastname { visibility: hidden; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#admin_toolbar { float: right; margin: 1em 3em 0 0; }
#admin_toolbar a{ padding: 0 0.5em 0 0.5em; }
#clear { clear: both; }
.list_date { width: 200px; padding: 0.5em 1em; }
.list_address { width: 300px; padding: 0.5em 1em; }
#map { width: 700px; height: 600px; margin: 1em auto; background-color: #EEE; }
#no_results { padding: 1em 2em; background-color: #F8FBFF; }
#listing_form { padding: 0.5em; }
button, .submit_btn, #print_button  { clear: both; font-size: 1.3em; background-color: #FFFF00; margin-top: 0.5em; }
#print_disclaimer { visibility: hidden; }

#garage_sales { list-style-type: none; margin: 0; padding: 3px 0; background-color: #F8FBFF; }
.garage_sale_head { clear: both; text-align: right; margin: 0; padding: 2px 20px; cursor: pointer; position: relative; background-color: #B3B3B3; }
.hidden_summary { visibility: hidden; padding: 0 20px; }
.garage_sale_toggle { text-align: right; font-size: 1.2em; font-weight: bold; margin: 0; cursor: pointer; position: relative; background-color: #B3B3B3; }
.garage_sale_body { 	padding: 0 1em; height: 50px; }
.garage_sale_count { float: left; width: 20px; font-weight: bold; border: 1px solid #F8FBFF; }
.start_date { float: left; width: 60px; border: 1px solid #F8FBFF; }
.end_date { float: left; width: 80px; border: 1px solid #F8FBFF; }
.extended_address { float: left; width: 20px; border: 1px solid #F8FBFF; font-weight: bold; }
.street_address { float: left; width: 300px; border: 1px solid #F8FBFF; font-weight: bold; }
.start_time { float: left; width: 100px; border: 1px solid #F8FBFF; }
.end_time { float: left; width: 100px; border: 1px solid #F8FBFF; }
.description { clear: left; float: left; width: 600px; border: 1px solid #F8FBFF; }


footer { color: #FFF; clear: both; font-size: 0.85em; text-align: center; height: 19px; padding: 25px 0 10px 0; background: url("../_images/footer.png") } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited, footer a:hover  { color: #FFF; }

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../_images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}