-\r
a {\r
color: #0000ff;\r
text-decoration: none;\r
font-size: 11px;\r
}\r
\r
-#left_menu {\r
+#alert {\r
+ width: 150px;\r
+ margin: 10px;\r
+ padding: 10px;\r
+ border: 1px solid #ccc;\r
+ background: #d00;\r
+ line-height: 1.2em;\r
+ text-align: left;\r
+ font-size: 14px;\r
+}\r
+\r
+.left_menu {\r
width: 150px;\r
min-width: 150px;\r
margin: 10px;\r
font-size: 14px;\r
font-weight: bold;\r
}\r
-#left_menu td {\r
+\r
+.left_menu td {\r
font-size: 12px;\r
padding-right: 4px;\r
}\r
-#left_menu h1 {\r
+\r
+.left_menu h1 {\r
font-style: normal;\r
font-size: 15px;\r
padding: 0 0 0 1em;\r
text-align: left;\r
}\r
\r
-#left_menu ul {\r
+.left_menu ul {\r
/*list-style: none;*/\r
padding-left: 10px;\r
margin: 0;\r
}\r
\r
-#left_menu li {\r
+.left_menu li {\r
margin:0;\r
padding:0;\r
}\r
\r
-#left_menu img {\r
+.left_menu img {\r
margin: 2px 8px 0 0;\r
}\r
\r
-#left_menu a {\r
+.left_menu a {\r
color: #000000;\r
text-decoration: none;\r
}\r
\r
-#left_menu a:visited {\r
+.left_menu a:visited {\r
color: #000000;\r
text-decoration: none;\r
}\r
\r
-#left_menu a:active {\r
+.left_menu a:active {\r
color: #000000;\r
text-decoration: none;\r
}\r
\r
-#left_menu a:link {\r
+.left_menu a:link {\r
color: #000000;\r
text-decoration: none;\r
}\r
\r
-#left_menu a:hover {\r
+.left_menu a:hover {\r
color: #000000;\r
text-decoration: underline;\r
}\r
\r
+#messages {\r
+ border: 1px solid #ccc;\r
+}\r
+\r
\r
#content {\r
- width: 700px;\r
+ /* width: 700px; */\r
padding: 0;\r
/*padding-left: 1em;*/\r
margin: 0;\r
- position: absolute;\r
+ position: absolute; \r
left: 192px;\r
top: 35px;\r
background: none;\r
text-align: center;\r
}\r
\r
-\r
#mapImage {\r
position: absolute;\r
left: 0px;\r
top: 0px;\r
left: 14px;\r
}\r
+\r
#mapEpilog {\r
font-size: x-small;\r
-\r
}\r
\r
#keyvalue {\r
font-size: 12px;\r
padding-top: 5px;\r
padding-left: 14px;\r
+ padding-bottom: 15px;\r
+ width: 700px;\r
+}\r
+\r
+#placename-helper{\r
+ font-size: 9px;\r
+ position:absolute; top:20px; left: 250px;\r
+ color: gray;\r
+}\r
+\r
+#postcode-helper{\r
+ font-size: 9px;\r
+ position:absolute; top:20px; left: 20px;\r
+ color: gray;\r
+}\r
+\r
+#geocoder-attribution{\r
+ font-size: 9px;\r
+ position:absolute; top:26px; left: 450px;\r
+ line-height: 8px;\r
+ color: gray;\r
}\r
\r
+\r
+\r
.gpxsummary {\r
font-size: 12px;\r
color: gray;\r
}\r
\r
#notice {\r
- width: 400px;\r
- border: 2px solid green;\r
+ border: 1px solid green;\r
padding: 7px;\r
- padding-bottom: 12px;\r
+ background-color: #f0fff0;\r
margin-bottom: 20px;\r
- background-color: #f0f0f0;\r
}\r
\r
#errorExplanation {\r
list-style: square;\r
}\r
\r
+input {\r
+ border: 1px solid black;\r
+}\r
+\r
+.nohome .location {\r
+ display: none;\r
+}\r
+\r
+#homerow .message {\r
+ display: none;\r
+}\r
+\r
+.nohome .message {\r
+ display: inline !important;\r
+}\r
+\r
+.editDescription {\r
+ height : 10ex;\r
+ width : 30em;\r
+}\r
+\r
+.nowrap {\r
+ white-space: nowrap;\r
+}\r
+\r
+/**\r
+ * This now just used to detect the width/height required for the popup.\r
+ */\r
+#map p#highlightinfo {\r
+ visibility : hidden;\r
+ position : absolute;\r
+ z-index : 10000;\r
+ background : white;\r
+ border : 1px solid black;\r
+ left : 50px;\r
+ top : 5px;\r
+ margin : 0px;\r
+ padding : 2px;\r
+}\r
+\r
+#map p#highlightinfo p, #popup p {\r
+ margin : 0;\r
+ padding : 2px;\r
+ }\r
+\r
+\r
+/**State of the Map */\r
+ \r
+#sotminfo {\r
+ background: #9999FF;\r
+ font-size: 11px;\r
+ margin: 0px;\r
+ padding: 0px;\r
+ border: 1px solid #ccc;\r
+ left: 0px;\r
+ line-height: 1.2em;\r
+ text-align: Left;\r
+ font-weight: normal;\r
+}\r