#greeting {\r
float: right;\r
padding-right: 10px;\r
- padding-top: 5px;\r
- padding-bottom: 7px;\r
+ padding-top: 2px;\r
+ padding-bottom: 3px;\r
font-size: 13px;\r
background: url('/images/tab_bottom.gif') repeat-x bottom;\r
}\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
-#messages {\r
- border: 1px solid #ccc;\r
-}\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
padding: 0;\r
- /*padding-left: 1em;*/\r
margin: 0;\r
position: absolute; \r
left: 192px;\r
+ right: 10px;\r
top: 35px;\r
- background: none;\r
+ bottom: 10px;\r
line-height: 1.2em;\r
text-align: left;\r
}\r
font-size: 10px;\r
}\r
\r
-#geocoder {\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
}\r
\r
.oboxheader {\r
- font-size: 18px;\r
+ font-size: 14px;\r
+ font-weight: bold;\r
+ line-height: 1.4em;\r
+ text-align: top;\r
+}\r
+\r
+.optionalbox form {\r
+ margin: 0px;\r
+ padding: 0px;\r
+}\r
+\r
+.optionalbox input {\r
+ width: 100%;\r
}\r
\r
.rsssmall {\r
cursor: pointer;\r
}\r
\r
+#map {\r
+ position: absolute;\r
+ border: 1px solid black;\r
+ margin: 0px; \r
+ padding: 0px;\r
+ left: 0px;\r
+ right: 2px;\r
+ top: 0px;\r
+ bottom: 0px;\r
+}\r
+\r
+#search_results {\r
+ display: none;\r
+ position: absolute;\r
+ border: 1px solid black;\r
+ margin: 0px;\r
+ padding: 0px;\r
+ width: 30%;\r
+ left: 0px;\r
+ top: 0px;\r
+ bottom: 0px;\r
+}\r
+\r
+#search_results_content {\r
+ overflow: auto;\r
+ position: absolute;\r
+ font-size: 13px;\r
+ line-height: 14px;\r
+ top: 29px;\r
+ bottom: 0px;\r
+ left: 0px;\r
+ right: 0px;\r
+}\r
+\r
+.search_results_title {\r
+ margin: 0px;\r
+ padding: 3px 6px 3px 6px;\r
+ height: 29px;\r
+ font-size: 14px;\r
+ line-height: 15px;\r
+ border-bottom: 1px solid black;\r
+ background: #bbb;\r
+}\r
+\r
+.search_results_heading {\r
+ margin: 0px;\r
+ padding: 3px 6px 3px 6px;\r
+ border: 1px solid #ccc;\r
+ background: #ddd;\r
+}\r
+\r
+.search_results_entry {\r
+ margin: 0px;\r
+ padding: 2px 6px 2px 6px;\r
+}\r
+\r
+.search_results_error {\r
+ margin: 0px;\r
+ padding: 2px 6px 0px 6px;\r
+ color: #f00;\r
+}\r
+\r
+.search_help {\r
+ font-size: 10px;\r
+ line-height: 1em;\r
+ margin-top: 3px;\r
+ margin-bottom: 0px;\r
+}\r
\r
/* rails error field stuff */\r
\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
padding : 2px;\r
}\r
\r
-#popup * {\r
- background-color : #E3FFC5 !important;\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