html {
height: 100%;
}

#map-container, #side-container, #side-container li {
float: left;
}


#side-container {
border: 1px solid #bbb;
margin-right: 5px;
padding: 2px 4px;
text-align: right;
width: 260px;
}

#side-container ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#side-container li input {
font-size: 0.85em;
width: 210px;
}

#side-container .dir-label {
font-weight: bold;
padding-right: 3px;
text-align: right;
width: 40px;
}



.btn {
border-style: outset;
background-color: white;
/*width: 20px;*/
font-weight: bold;
text-align: center;
}


/* Page layout */
#main { height:80%; }
#sign-up { height:20%; }


/* Forecast left-hand sidebar */
#forecast { background:#94d8ea url('img/left-panel-background.png') bottom center no-repeat; background-size:contain; overflow:auto; }
#forecast .forecast { margin:40px 0; }
#forecast h2,
#forecast .text { padding:12px; margin:0; }
#forecast h2 { font-size:18px; background:#ccc; color:#fff; font-weight:normal; position:relative; border-bottom:8px solid #fff; }
#forecast .text { background:#fff; margin-top:-8px; }
#forecast .small-print { font-size:11px; }

.control { position:absolute; top:0; right:0; font-size:32px; padding:1px 10px 0 0; }
.control.minus { display:none; }
#forecast .forecast.show .control.minus { display:inline; }
#forecast .forecast.show .control.plus { display:none; }

/* show/hide correct wording and colours */
#forecast span.low,
#forecast span.moderate,
#forecast span.high,
#forecast span.very-high { display:none; }
#forecast div.low span.low,
#forecast div.moderate span.moderate,
#forecast div.high span.high,
#forecast div.very-high span.very-high { display:inline; }
#forecast div.low
#forecast div.moderate
#forecast div.high
#forecast div.very-high { display:inline; }
#forecast div.low h2 { background:#390; }
#forecast div.moderate h2 { background:#f60; }
#forecast div.high h2 { background:#900; }
#forecast div.very-high h2 { background:#000; }



/* Map */
#map-container { width:100%; height:100%; }
#from-to { position:absolute; left:50%; margin-left:-178px; top:5px; padding:8px; /*border-radius:2px;*/ border:1px solid #ccc; z-index:2; background:#fff; }
.pac-container { width:294px!important; }
@media (min-width:768px) { .pac-container:nth-child(odd) { margin-left:-150px; } }

/* Opacity slider */
#opContainer { position:absolute; margin-left:-200px; margin-top:0!important; top:auto!important; bottom:40px; }
#opContainer #less { left:0px;  background-color: white; cursor: pointer; text-align: center; }
#opContainer #more { left:184px; overflow: hidden; background-color: white; cursor: pointer; text-align: center; }
#opContainer .increment { padding:3px; margin:0px; position:absolute; top:0px; width:20px; height:20px; border-radius:100px; }
/* fade in (notworking) */
/*#opContainer { opacity:0; transition:all 5s; }
html.js #opContainer { opacity:1; }*/

/* Show/hide the sidebar */
/*#map { transition:3s; }
#directions { right:0; top:0; transition:3s; }
body.hide-sidebar #map { width:75%; margin-right:-25%; }
body.hide-sidebar #directions { right:-45%; }*/



/* Directions */
#dir-container { height:100%; overflow:auto; padding:9px 10px 12px 10px; }



/* Signup area */
#sign-up { background:#1b4483; }
#sign-up h1 { padding-top:8px; padding-bottom:10px; font-size:25px; color:#fff;
	background:#94d8ea; margin-top:0;
letter-spacing: 0.02em;
}
#sign-up .row { background:#1b4483; }
.row.inset { margin:0; padding:0 20px 20px; }
#sign-up h2 { font-size:18px; color:#fff; margin:0 0 5px; }

#sign-up img { display:block; width:40%; margin:8px auto; }
#sign-up p { border-radius:10px; color:#777; background-color:#fff; padding:10px 10px 11px 12px; font-size:12px; line-height:16px; position:relative; }
#sign-up p:before { content:' '; display:block; position:absolute; top:-20px; left:0; width:40px; height:20px; background:url(/assets/img/speech-bubble.png) no-repeat -105px 0; }
#sign-up .advice { position:relative; }
#sign-up .subscribe-button-inner { display:block!important; margin-left:-2px!important; }

#sign-up h2 { text-align:center; }
#sign-up .subscribe-button-inner { left:50%!important; position:relative; margin-left:-48px!important; }

/*
#sign-up h1 { padding-bottom:35px; text-shadow:0 1px 1px #1085da;}
#sign-up h2 { margin:0 0 -10px; }
#sign-up .subscribe-button-inner { top:-45px!important; }
*/
 

/* Bootstrap overrides */
.form-horizontal .form-group { margin-left:0px; margin-right:0px; }
html, body { height:100%; }
.container-fluid { padding-left:0; padding-right:0; }
.row.page-stucture,
.row.page-stucture > .page-stucture { height:100%; }