div.form .qbFName{ width: 104px; float: left; margin-right: 3px; height: 20px; font-size: 16px; border: 1px solid black; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 3px; color:gray }
div.form .qbLName{ width: 104px; height: 20px; font-size: 16px; -webkit-border-radius:5px; border: 1px solid black; -moz-border-radius:5px; float: right; padding: 3px; color:gray}
div.form .qbAddress{ width: 220px; float: left; clear: both; height: 20px; font-size: 16px;margin-top: 3px;  border: 1px solid black; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 3px; color:gray}

.results .list_style{padding: 0px}

.near_geo {-webkit-border-radius:5px;padding:.25em 1.5em .25em 1.5em;background-color:#aaaaaa;text-align:center;-moz-border-radius:5px; }

.qbResultsPane{}
.qbRecordDiv{height: 35px; border-bottom: 1px solid gray; padding-top: 5px; display: block;text-decoration: none; color: black}
.qbRecordName{font-weight: bold; display: block}
.qbRecordAddress{display: block; font-size: 12px; color: gray}
.qbResultsStyle{ -webkit-border-radius:8px; -moz-border-radius:8px; padding-bottom: 5px !important; padding-bottom: 5px !important }
#qbSortButton{padding: 5px 0px 5px 0px; color: white; background-color:black; -webkit-border-radius:5px; -moz-border-radius:5px;text-decoration: none; margin: 0px; width: 40px}
#qbNumResults{margin: 7px 5px 9px 0px; display:block; padding: 0px; font-size: 14px; font-weight:bold}
.quickbeamsearch ul{margin: 0px; padding: 0px; list-style-type:none;}
.quickbeamsearch li{font-size: 15px; display: block; float: left; width: 70px; text-align: center; border: 1px solid black; -webkit-border-radius:5px; -moz-border-radius:5px; margin: 2px 10px 0px 0px; color: white; background-color:black; font-weight: bold; padding:5px}
.quickbeamsearch .currentSort{color: black !important; background-color:white !important;}

.container{margin-top: 0 !important}

#bbackBar {display: none; background-color: rgba(0,0,0,.5); height: 44px; width: 100%;  }
#bbackBar a{text-transform: capitalize ; display: block; text-align: center; font-family: arial; font-weight: bold; padding-top: 5px; float: left; position: relative; top: 2px; padding-left: 5px; }

.quickbeamsearch{margin-top: 0 !important}

.qbSearch_fields{float: left; width:227px;}
.qbSearch_sort{float: left; text-align: center; margin-left: 5px; width: 50px}

.survey_header{font-size: 25px; font-weight: bold}
.survey_subheader{float: left; clear: left;}
.survey_container{margin-top: 20px}
.survey_label{display: block; width: 200px; float:left; line-height:1em; font-size: 16px}

.question_text{margin-top: 3px; width: 97%; float: left; clear: both;}
.visited_flag{font-style:italic}

#retrieveDataDiv{border: 3px solid rgba(255,255,255,.7); -webkit-border-radius:8px; -moz-border-radius:8px; width: 200px; background-color: rgba(255,255,255,.5); font-size: 20px; font-weight: bold; text-align: center; font-style: italic; margin: 0 50px 0 50px; margin-top: 50px}

#refresh_lists{font-size: 12px; font-variant:small-caps; float: right; margin-right: 10px; position: relative; top: -10px; text-align: center}
#refresh_lists img{display: block; margin-left: auto; margin-right: auto;}

.walkinglist_options_button{float: right; position: relative;}
.walkinglist_options_style{background-color: white; padding: 10px; -webkit-border-radius:8px; -moz-border-radius:8px; border: 2px black solid;}
.walkinglist_options{position: absolute; top:-50px; left: 0px; padding: 10px; padding-top: 80px}
#walkinglist_options_closer{display: block; text-align: center; line-height: 13px; font-weight: bold; float: right; font-size: 20px; border: 1px solid; padding-bottom: 3px; width: 15px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.walkinglist_options div div{margin: 10px}

.voter_info{float: left; clear: left; font-size: 12px; margin-left: 20px}

.fullvisited{background-color: #777 !important}
.partvisited{background-color: #ccc !important}
.walkinglist_options_button{}
.walkinglist_options{}

#geolocationreadout{
	position: absolute;
	width: 120px;
	background-color: white;
	top: 10px;
	right: 10px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	text-align: center;
	display: none;
}

#geolocationreadout span{display: block; font-size: 10px}
.walkinglist a{
        text-decoration: none;
        color: black;
	margin:0 .5em 0 .5em;
	width:auto;
	font-family: Helvetica;
	font-size:17px;padding:10px;
	padding:0 10 0 10px;
	border-bottom:1px solid #D9D9D9;
	border-top:0px;
	background-color:#FFFFFF;
	background-image: url(http://cdn1.moonshadow.mobi/images/smallRightArrow.png); 
	display: block; 
	background-repeat: no-repeat; 
	background-position: 99% 50%
}

.walkinglist .super{font-weight: bold}
.walkinglist .sub{font-size: 12px}

.walkinglist a:first-child {
	margin-top:.5em;
	border-bottom:1px solid #D9D9D9;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.walkinglist a:last-child {
	border-bottom:0;
	margin-bottom:51px;	
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
} 

.singlerow{	
	border-bottom:0;
	margin-bottom:51px;	
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	margin-top:.5em;
	border-bottom:1px solid #D9D9D9;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.results_header { -moz-border-radius:8px;-webkit-border-radius:8px;}
.results_header .results{float:left;margin:0;padding:0px;font-size:12pt;line-height:21px;}
.results_header .button{float: right; border: 1px solid darkgreen; padding: 5px; font-size: 12px; color: white; background-color:green; font-weight: bold}
.results_header p { text-align:center;font-weight:bold;font-size:12pt;padding:0;margin:0;}

div.subcon div.results_header { margin:0 .5em .5em .5em; }

/*
.row .details_header_button{-webkit-border-radius:8px;-moz-border-radius:8px;}
.row .details_header_button p{text-align:center;font-weight:bold;font-size:12pt;padding:0;margin:0;}
*/

div.row {
	margin:0 10px 0 10px;
	width:auto;
	font-family: Helvetica;
	font-size:17px;
	padding:10px;
	padding:0 10 0 10px;
	border-bottom:1px solid #D9D9D9;
	border-top:0px;
	background-color:#FFFFFF;
}

div.row:first-child {
	margin-top:.5em;
	border-bottom:1px solid #D9D9D9;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

div.row:last-child {
	border-bottom:0;
	margin-bottom:51px;	
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
} 


div.form div.label {
	font-weight:bold;
	float:left;
	width:90px;
	line-height:1em;
}

h2.results {
	font-family: Helvetica;
	font-size:22px;
	font-weight:bold;
	margin:.5em .5em 0 .5em;
}

div div.event_details div.custom_data { padding:.5em; }

div.form span {line-height:1em;}
div.form input,select { width:180px;  }

div.event_details div.row { padding:0; }
 
div.row:first-child div.image { -webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px; } 
div.row:last-child div.image { -webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomleft:8px; }
  
div.results_arrow { margin:0;padding:0;height:50px;padding-top:50px;width:20px;overflow:hidden;}

.event div.image { height:100px;width:100px;float:left;margin-right:.5em;border:0;}

.event {padding:0;margin-bottom:0px;}
.event p { margin:0;text-overflow:elipsis;text-overflow:ellipsis;overflow:hidden;width:150px;float:left;line-hight:12px;font-size:9pt; }
.event p.name { margin:.5em 0 0 0;height:30px;font-weight:bold;font-size:10pt; }
.event p.date { margin:.5em 0 0 0;font-style:italic; }
.event p.price { margin:.5em 0 0 0; }
.event p.age { margin:0 ;}
.event p.distance { margin:0;font-style:italic; }
.event p.where { margin:.5em 0 0 0;white-space:nowrap; }
.event p.description { margin:0;padding:0;font-size:9pt;float:none;width:auto; }
.event p.street { margin:0 ; }
.event p.city { margin:0 ;}
.event p.info_url { float:none;width:auto;margin:0;text-align:center; }
.event p.voters { margin:0 0 .5em 0; }
.event p.voter { margin:0; clear: left}
.event p.phone { margin:0; }
.event h3{clear: both}
.event_link {text-decoration:none;border:0;margin:0;padding:0;color:#000000;}

.event_details{vertical-align: top}

.event #venue { padding:0 0 0 .5em; }

#venue_description {font-size:9pt;}
#venue_description p {float:none;width:auto;display:inline;}
div.custom_data p {float:none;width:auto;}

/* Floating stuff */
/* Set our fixed elements above everything else */
#details_header {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 44px;
	background: url("<?= $cdn ?>/images/bg.png") repeat-x center top;
	z-index: 200;
}

/* Header */
#details_header h1 {
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
	font-size: 20px;
	text-align: center;
	line-height: 44px;
	margin:0;
}

div.row .button_left { float:left;width:134px;text-align:center;font-weight:bold;border-right:1px solid #D9D9D9;}
div.row .button_right { float:right;width:134px;text-align:center;font-weight:bold;}