body { overflow: hidden; }

.fast-tabs { font-size: 13px; text-align: left; list-style-type: none; padding: 0; margin: 0.25em 0 0; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; text-transform: uppercase; }
.fast-tabs li { display: inline; float: left; }
.fast-tabs li a { display: inline-block; padding: 7px 10px 3px; border-top: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; background: #f5f5f5; color: #959595; }
.fast-tabs li:first-child a { border-left: 1px solid #E4E4E4; }
.fast-tabs li.active a { background: #fff; color: #000; border-bottom: 1px solid #fff; margin-top: -2px; padding: 9px 10px 3px; }

#fast-tab-current.active a { background-color: #3C91C2; color: white; }
#fast-tab-nextyear.active a { background-color: #77C052; color: white; }

#addressSuggestions {
    display: none;
    position: absolute;
    background: white;
    margin: 0;
    padding: 0 1em 0 1em;
    list-style: none;
    border: 1px solid #E4E4E4;
}

#addressSuggestions li ~ li.suggestion {
    border-top: 1px solid #E4E4E4;
}

#map-canvas img, #streetview img { max-width: none; }

#map-canvas { z-index: 0; }
#map-controls { position: absolute; width: 100%; z-index: 10; }

.row.layout-row-content-column-two { width: 100%; margin-top: 1em; }
#map { height: 100%; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; position: relative; }


#list-button { left: 0px; }
#filter-button { right: 0px; text-align: right; }
.map-control {  position: absolute; top: 0px; }
.map-control .control-button { cursor: pointer; font-family: Arial,sans-serif; font-size: 13px; background: #fff url("/media/epsb/findaschool/img/filter-expand.png") 5px 5px no-repeat; padding: 1px 6px 1px 20px; border: 1px solid #717B87; display: inline-block; position: relative; z-index: 10; margin: 10px 10px 0 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
.map-control .control-content { display: none; text-align: left; background: #fff; padding: 1px 6px; border: 1px solid #717B87; margin: -1px 10px 10px 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); overflow: auto; -webkit-overflow-scrolling: touch; }

.map-control.active { border-bottom: 0; width: 100%; }
.map-control.active .control-button-wrapper { overflow: hidden; position: relative; }
.map-control.active .control-button { border-bottom: none; padding-bottom: 10px; background-image: url("/media/epsb/findaschool/img/filter-collapse.png"); }
.map-control.active .control-content { display: block; position: relative; }

.control-content h4 { margin-bottom: 0; }
.control-content select { width: 100%; }

.help { float: right; }
#infobox { float:left; width: 220px; background: #FAF8F8; border: 1px solid #D6D4D4; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); z-index: 999999; position: relative; top: -900px; left: 212px; display: none; font-weight: 700; text-align: center; padding: 10px 30px; }
#infobox img { margin: -5px -25px 2px 2px; position: relative;  cursor: pointer; }
#infobox-overlay { height: 100%; background: #fff; z-index: 999998; position: relative; top: -570px; opacity: 0.9; display: none; }


#schoolResults { list-style-type: none; margin: 0; padding: 0 10px; }
#schoolResults li.school-result.disabled { display: none; }
.distance { float: right; font-size: .75em; font-weight: 400; line-height: 2.5em; }


#schoolDesignatedResultsContainer { display: none; margin: 10px; background-color: #F5F5F5; border: 1px solid #E3E3E3; border-radius: 0 0 4px 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; border-top: 0; padding: 10px 20px; }
#schoolDesignatedResults { list-style-type: none; margin: 0; padding: 0; }


#list-button p { margin: 0; }
#resultsSentence { padding: 10px 10px 0 10px; }

.clear-filterAddress, .clear-filterProgram, .clear-filterKeyword { display: none; }
.filter-accordion.filter-openhouse { display: none; }
    
div.infobox-content { background: none repeat scroll 0 0 #FAF8F8; border: 1px solid #D6D4D4; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15) }
div.infobox-content-holder p { margin: 8px; }
div.infobox-arrow { background: url("/media/epsb/findaschool/img/interface-icon-map-arrow.png") no-repeat scroll center 0 transparent; bottom: 1px; height: 11px;  overflow: hidden;  position: relative; }


body.chrome input, body.chrome select, body.chrome select:focus {
  font-size: 16px;
}




/* =media-queries
   ==retina
--------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.map-control .control-button { background-image: url("/media/epsb/findaschool/img/filter-expand@2x.png"); background-size: 11px 11px; }
	.map-control.active .control-button { background-image: url("/media/epsb/findaschool/img/filter-collapse@2x.png"); background-size: 11px 11px; }
    div.infobox-arrow  { background-image: url('/media/epsb/findaschool/img/interface-icon-map-arrow@2x.png'); background-size: 19px 11px; }
}