div#content { position:relative; overflow:hidden; }
body.content div#content-main { width:680px; padding:0; background:none; z-index:1; }
body.content div#content-related { position:absolute; right:0; top:16px; }

div#danger-road-map { position:relative; width:680px; height:486px; background:#00baff; }
div#danger-road-map div.background { position:absolute; width:100%; height:100%; background:#5579b9 url(/release/images/country-roads/assets/danger-road-map.jpg) left top no-repeat; }

div#danger-road-map form { width:640px; padding:15px 20px 30px 20px; overflow:hidden; }

div#danger-road-map form label { float:left; margin: 0 9px 0 0; height:21px;}
div#danger-road-map form label.authority { margin:0; float:right; }

div#danger-road-map form label span { float:left; font-size:0.7em; font-weight:bold; margin:0 5px 0 0; line-height:15px; }
div#danger-road-map form label input, div#danger-road-map form label select { float:left; }

div#danger-road-map form label input.go-btn { margin-top: 10px; }

div#danger-road-map form label input.error, 
div#danger-road-map form label select.error { border:solid 2px red; }

div#danger-road-map form label.postcode input#postcode { margin: 10px 10px 0 0; width:93px; }

div#danger-road-map form label.authority span { margin-top: 13px;}

div#danger-road-map form label.authority select { margin: 12px 10px 0 0; width:144px; }

div#danger-road-map div#overlay { position:absolute; left:0; bottom:0; height:420px; width:100%; }

div#danger-road-map div#overlay div.background { position:absolute; background:#000; width:100%; height:420px; }
div#danger-road-map div#overlay div.content { position:absolute; padding:20px; height:380px; }

div#danger-road-map div#overlay h2 { font-size:1.75em; color:#FFF; font-weight:bold; margin-bottom:0.25em; }

div#danger-road-map div#overlay p.subtitle { font-size:1.125em; font-weight:bold; color:#00baff; margin-bottom:1em; }
div#danger-road-map div#overlay p.casualties { position:relative; font-size:1.75em; font-weight:bold; line-height:1.2em; color:#FFF; margin-bottom:1em; z-index:1; }
div#danger-road-map div#overlay p.breakdown { font-size:0.875em; font-weight:bold; color:#FFF; margin-bottom:1em; }

div#danger-road-map div#overlay ul.menu { padding:0; list-style-type:none; }
div#danger-road-map div#overlay ul.menu li { width:365px; overflow:hidden; font-size:1.125em; font-weight:bold; padding:0 0 10px 22px; margin:0; background:url(/release/images/country-roads/icons/arrow-right-white.gif) left 4px no-repeat; }
div#danger-road-map div#overlay ul.menu li.active { background-image:url(/release/images/country-roads/icons/arrow-right-blue.gif); }
div#danger-road-map div#overlay ul.menu li a { color:#FFF; }
div#danger-road-map div#overlay ul.menu li.active a { color:#00baff; }

div#danger-road-map div#overlay a.close { position:absolute; top:20px; right:20px; width:11px; height:11px; background:url(/release/images/country-roads/icons/cross-white.gif) left top no-repeat; }

div#danger-road-map div#overlay div.content_data { position:absolute; left:375px; top:117px; width:580px; height:282px; }

div#danger-road-map div#overlay ul.key { list-style-type:none; position:absolute; right:0px; bottom:0px; padding:0 45px 0 0; }
div#danger-road-map div#overlay ul.key li { line-height:1em; clear:left; margin:1em 0 0 0; }
div#danger-road-map div#overlay ul.key li.last { margin:0; }
div#danger-road-map div#overlay ul.key li span { overflow:hidden; width:10px; height:10px; float:left; margin:2px 10px 0px 0px; }

div#danger-road-map div.background p.scottish-only { left: 19px; position: absolute; top: 137px; width: 190px; }