font-size: 11px;\r
}\r
\r
-#left_menu {\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
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: 10px;\r
- position:relative; bottom:36px; left: 470px;\r
+ font-size: 9px;\r
+ position:absolute; top:20px; left: 250px;\r
color: gray;\r
}\r
\r
#postcode-helper{\r
- font-size: 10px;\r
- position:relative; bottom:16px; left: 180px;\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
input {\r
- border: 1px solid black;\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