* html body{ /*IE6 hack*/ padding: 120px 0 0 200px; font-family: Roboto;}
* html #maincontent{ /*IE6 hack*/ height: 100%; width: 100%; }

.clear {
	clear: both;	
}
#map_canvas {
top: 0px;
left: 0px;
height:100%;
}

#template-district-boundaries h1 {
margin:10px 0 0 25px;
font-size: 20px;
font-weight: 300;
text-transform:uppercase;
}

#template-district-boundaries h2 {
font-size: 15px;
font-weight: 300;
margin: 13px 0 0 30px;
}

#template-district-boundaries h3 {
font-size: 16px;
font-weight: 400;
}

#template-district-boundaries h4 {
margin: 0px 0px -13px 0px;
font-size: 11px;
letter-spacing:1px;
font-weight: heavy;
}


#map-options {
position:fixed;
top:84px;
height:50px;
width:100%;
background:#5B5B5B;
color:#98cbf4;
z-index:20;
}
.admin-bar #map-options {
	top: 116px;	
}

#sidebar {
position: fixed;
top: 134px; 
left: 0; 
width: 270px;
overflow: scroll;
background-color: #F0F0F0;
color: #6C6C6C;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
z-index:10;
bottom: 56px;
}
.admin-bar #sidebar {
	top: 166px;	
}

#sidebar-toggle {
position:absolute;
top:68px;
left:270px;
width:33px;
height:33px;
z-index:20;
background: #ffffff url('../images/sidebar-off.png');
outline:none;
cursor:pointer;
}
.admin-bar #sidebar-toggle {
	top: 98px;
}

#legend-div {
height:50px;
background-color:#F0F0F0;
overflow:hidden;
}

.toggle-wrapper{
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

.toggle-text{
font-size:18px;
float:left;
margin:13px 0 0 10px;
cursor:pointer;
}

.toggle-menu{
height:50px;
width:17px;
background:#E0E0E0;
color:transparent;
border:none;
padding:0px 10px 0 13px;
font-size:20px;
cursor:pointer;
overflow:hidden;
outline:none;
z-index:20;
outline:none;
display: inline-block;
text-shadow: 0 0 0 #696969;
float: right;
}

.legend-label {
line-height:40px;
padding-left:20px;
font-weight:400;
cursor:pointer;
}


#finder-div {
height:474px;
overflow:hidden;
border-top:1px solid #bcbcbc;
}

.finder-toggle {
height:50px;
width:100%;
background:#E0E0E0;
color:#FFFFFF;
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
cursor:pointer;
overflow:hidden;
outline:none;
z-index:20;
}

#address-div {
height:70px;
margin:30px 0 0 30px;
padding:0 0 30px 0;
overflow:hidden;
}

.select-wrapper {
width: 210px;
height: 34px;
overflow: hidden;
background: url(../images/arrow.jpg) repeat-y right #fff;
border: 1px solid #bcbcbc;
margin-bottom:20px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
}

.select-wrapper select {
background: transparent;
width: 230px;
padding: 5px;
border: 0;
border-radius: 0;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
text-overflow: ellipsis;
line-height: 1;
height: 34px;
-webkit-appearance: none;
color:#696969;
outline:none;
}

.search-wrapper {
width:210px;
height:40px;
background:#FFFFFF;
border:1px solid;
border-color:#bcbcbc;
margin-bottom:20px;
overflow:hidden;
}

.searchbox {
float:left;
padding-left:8px;
width:170px;
height:35px;
color:#696969;
border:0px none;
background-position: 182px 7px;
background-repeat: no-repeat;
border: 0px transparent;
margin-bottom:25px;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
text-overflow: ellipsis;
outline:none;
}

.searchbutton {
float:right;
width:20px;
padding:8px 6px 8px 0px;
border: 0px transparent;
background: #FFFFFF;
outline:none;
}

.add-clear {
float:left;
outline:none;
}

.add-label {
float:right;
font-size: 12px;
font-weight: 200;
text-align:left;
width:192px;
height:40px;
padding:0 20px 35px 0;
}


#attend-div {
padding:27px 0 0 0;
height:235px;
margin:30px 0 0 0;
background-color:#ffffff;
border-color:#bcbcbc;
color:#FFFFFF;
}

img {
padding:0 0 7px 0;
margin:-30px 0 0 0;
outline:none;
}
#header img {
	padding: 0;
	margin: 0;	
}
.attend-title {
color:#3096E8;
margin-left:25px;
line-height:1.5em;
font-size: 17px;
font-weight: 400;
}

.attend-label {
margin-left:25px;
line-height:1.5em;
font-style:bold;
color:#595959;
}

.attend-phone {
margin-left:25px;
line-height:3.0em;
font-style:bold;
color:#595959;
}

.attend-url {
text-decoration: none;
margin-left:12px;
padding-top: 10px;
font-style:bold;
color:#3096E8;
}

#info-bar {
padding:20px 20px 0 20px;
border-top:1px solid #bcbcbc;
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F0F0F0));
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%);
-webkit-box-shadow: -1px -5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -1px -5px 5px 0px rgba(0,0,0,0.1);
box-shadow: -1px -5px 5px 0px rgba(0,0,0,0.1);
}

.info-label {
color:#696969;
margin: 0px 0px 20px 0px;
font-size: 11px;
font-weight: 300;
font-style:italic;
display: block;
}
#info-bar, .info-label {
line-height: 16px;	
}

#maincontent{
position: fixed; 
top: 84px;
right: 0;
bottom: 0;
background: #fff;
width:100%;
}
.admin-bar #maincontent {
	top: 120px;	
}

.buttonSchool {
border:0px transparent;
width:40px;
height:40px;
background:transparent;
float:right;
outline:none;
cursor:pointer;
}


#backgroundPopup { 
position: fixed;
top:0px;  
left:0px;
display:none;
height:100%;
width:100%;
background:#000000;
z-index:60;
}

#toPopup {
background: none repeat scroll 0 0 #FFFFFF;
border: 10px solid #ccc;
color: #333333;
display: none;
font-size: 14px;
left: 45%;
height:auto;
position: fixed;
top: 20%;
width: 400px;
z-index: 80;
}

div.close {
background: url("../images/closebox.png") no-repeat scroll 0 0 transparent;
bottom: 24px;
cursor: pointer;
float: right;
height: 30px;
left: 27px;
position: relative;
width: 30px;
}

div#popup_content {
margin: 4px 10px;
}