body { margin: 0; padding: 0; } #map { position: absolute; width: auto; top: 10px; bottom: 5px; left: 4px; right: 30px; border: 1px solid #bbb; border-radius: 5px; box-shadow: 0 0 6px #bbb; } .top #map { top: 47px; bottom: 0; left: 0; right: 0; border: 0; border-radius: 0; } .v6 { background-color: #121212; } .v6 #map { top: 0; bottom: 0; left: 0; right: 0; border: 0; border-radius: 0; box-shadow: 0; background-color: #121212; } .map-overlay { position:absolute; top:20px; right:40px; padding: 7px 10px; background: rgba(240,240,240,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6f0f0f0,endColorstr=#e6f0f0f0); border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 0.5em #bbb; font-size: 10px; font-family: Geneva,verdana,sans-serif; } .v6 .map-overlay { background-color: #9e9e9e; border-color: #9e9e9e; } .map-overlay input { display: block; font-size:11px; width: 100%; margin: 4px 0 0 -4px; } .map-overlay span { font-size: 28px; line-height: 5px; margin: 2px 5px 0 0; float: left; } #header { display: none; width: 100%; background-color: #000000; border-bottom: 2px solid #999999; font-family: Geneva,verdana,sans-serif; font-size: 23px; font-weight: bold; line-height: 45px; } #header span { padding: 10px 0 0 5px; } #header img { float: right; padding: 5px 5px 0 0; } #header a { color: #eee; text-decoration: none; font-size: 35px; font-weight: normal; } .top #header { display: block; }