Moving inbox styling definitions into the stylesheet.
authorDan Karran <dan@karran.net>
Sat, 18 Aug 2007 12:22:04 +0000 (12:22 +0000)
committerDan Karran <dan@karran.net>
Sat, 18 Aug 2007 12:22:04 +0000 (12:22 +0000)
app/views/message/_message_summary.rhtml
public/stylesheets/site.css

index 1aca68014b14b5f030e05b1fca0eeb6fff637cbe..56f6bb1327f73ea30433a48d7d637a6c9813dacd 100644 (file)
@@ -1,9 +1,7 @@
-<tr>
-  <td><%= link_to message_summary.sender.display_name , :controller => 'user', :action => message_summary.sender.display_name %></td>
-  <td><%= "<b>" if not message_summary.message_read? %>
-      <%= link_to  message_summary.title , :controller => 'message', :action => 'read', :message_id => message_summary.id  %>
-      <%= "</b>" if not message_summary.message_read? %></td>
-  <td><%= message_summary.sent_on %></td>
+<tr class="inbox-row<%= "-unread" if not message_summary.message_read? %>">
+  <td class="inbox-sender"><%= link_to message_summary.sender.display_name , :controller => 'user', :action => message_summary.sender.display_name %></td>
+  <td class="inbox-subject"><%= link_to  message_summary.title , :controller => 'message', :action => 'read', :message_id => message_summary.id  %></td>
+  <td class="inbox-sent"><%= message_summary.sent_on %></td>
   <% if message_summary.message_read? %>
     <td><%= button_to 'Mark as unread', :controller => 'message', :action => 'mark', :message_id => message_summary.id, :mark => 'unread' %></td>
   <% else %>
index 164941b2e7d0d145e6d01355b27ae3c91ac93f76..2579e8a27a40b355e0c4f0db0d8eb7373447a1b4 100644 (file)
-a {\r
-  color: #0000ff;\r
-  text-decoration: none;\r
-}\r
-a:visited {\r
-  color: #0000ff;\r
-  text-decoration: none;\r
-}\r
-a:active {\r
-  color: #0000ff;\r
-  text-decoration: none;\r
-}\r
-a:link {\r
-  color: #0000ff;\r
-  text-decoration: none;\r
-}\r
-a:hover {\r
-  color: #0000ff;\r
-  text-decoration: underline;\r
-}\r
-\r
-#frontpage_main {\r
-  width: 100%;\r
-  text-align: center;\r
-  font-family: sans-serif;\r
-}\r
-\r
-\r
-#frontpage_MAIN h1 {\r
-  font-size: xx-large;\r
-  font-weight: normal;\r
-}\r
-\r
-body {\r
-  font-family: Arial,sans-serif;\r
-  color: Black;\r
-  margin: 0;\r
-  padding: 0;\r
-}\r
-\r
-#left {\r
-  position: absolute;\r
-  top: -8px;\r
-  min-width: 150px;\r
-}\r
-\r
-#logo {\r
-  width: 150px;\r
-  min-width: 150px;\r
-  padding: 10px;\r
-  margin: 10px;\r
-  height: 150px;\r
-  background: #ffffff;\r
-  border: 1px solid #ccccdd;\r
-}\r
-#logo h1 {\r
-  font-size: 14px;\r
-  text-align: center;\r
-  margin: 0;\r
-}\r
-#logo h2 {\r
-  font-size: 10px;\r
-  margin: 0;\r
-}\r
-\r
-#greeting {\r
-  float: right;\r
-  height: 20px;\r
-  margin: 0px;\r
-  padding-right: 10px;\r
-  padding-top: 5px;\r
-  font-size: 13px;\r
-  line-height: 14px;\r
-  background: url('/images/tab_bottom.gif') repeat-x bottom;\r
-}\r
-\r
-#intro {\r
-  width: 150px;\r
-  margin: 10px;\r
-  padding: 10px;\r
-  border: 1px solid #ccc;\r
-  font-size: 11px;\r
-}\r
-\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
-  padding: 10px;\r
-  border: 1px solid #ccc;\r
-  left: 0px;\r
-  background: #ddd;\r
-  line-height: 1.2em;\r
-  text-align: Left;\r
-  font-size: 14px;\r
-  font-weight: bold;\r
-}\r
-\r
-.left_menu td {\r
-  font-size: 12px;\r
-  padding-right: 4px;\r
-}\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
-  /*list-style: none;*/\r
-  padding-left: 10px;\r
-  margin: 0;\r
-}\r
-\r
-.left_menu li {\r
-  margin:0;\r
-  padding:0;\r
-}\r
-\r
-.left_menu img {\r
-  margin: 2px 8px 0 0;\r
-}\r
-\r
-.left_menu a {\r
-  color: #000000;\r
-  text-decoration: none;\r
-}\r
-\r
-.left_menu a:visited {\r
-  color: #000000;\r
-  text-decoration: none;\r
-}\r
-\r
-.left_menu a:active {\r
-  color: #000000;\r
-  text-decoration: none;\r
-}\r
-\r
-.left_menu a:link {\r
-  color: #000000;\r
-  text-decoration: none;\r
-}\r
-\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
-  padding: 0;\r
-  margin: 0;\r
-  position: absolute; \r
-  left: 192px;\r
-  right: 10px;\r
-  top: 35px;\r
-  bottom: 10px;\r
-  line-height: 1.2em;\r
-  text-align: left;\r
-}\r
-\r
-#bottom_bar {\r
-  position: absolute;\r
-  bottom: 0px;\r
-  width: 100%;\r
-  font-size: x-small;\r
-  text-align: center;\r
-}\r
-\r
-#mapImage {\r
-  position: absolute;\r
-  left: 0px;\r
-}\r
-#drag {\r
-  top: 0px;\r
-  left: 14px;\r
-}\r
-\r
-#mapEpilog {\r
-  font-size: x-small;\r
-}\r
-\r
-#keyvalue {\r
-  font-size: small;\r
-  text-align: left;\r
-  border-collapse: collapse;\r
-  border-width: 0;\r
-}\r
-\r
-#keyvalue.th {\r
-  font-weight: bold;\r
-}\r
-\r
-.emphasized {\r
-  background-color: #82bcff;\r
-}\r
-\r
-\r
-#header {\r
-  float:left;\r
-  width:100%;\r
-  background:#DAE0D2 url("bg.gif") repeat-x bottom;\r
-  font-size:93%;\r
-  line-height:normal;\r
-}\r
-#header ul {\r
-  margin:0;\r
-  padding:10px 10px 0px 215px;\r
-  list-style:none;\r
-}\r
-#header li {\r
-  float:left;\r
-  /*background:url("left.gif") no-repeat left top;*/\r
-  margin:0;\r
-  padding:0 0 0 9px;\r
-}\r
-#header li a {\r
-  float:left;\r
-  display:block;\r
-  /*background:url("right.gif") no-repeat right top;*/\r
-  padding:5px 15px 4px 6px;\r
-  text-decoration:none;\r
-  font-weight:bold;\r
-  color:#765;\r
-}\r
-/* Commented Backslash Hack\r
-hides rule from IE5-Mac \*/\r
-#header li a {float:none;}\r
-/* End IE5-Mac hack */\r
-#header li a:hover {\r
-  color:#333;\r
-}\r
-#header #current {\r
-  /* background-image:url("left_on.gif"); */\r
-}\r
-#header #current a {\r
-  background-image:url("right_on.gif");\r
-  color:#333;\r
-  padding-bottom:5px;\r
-}\r
-\r
-#tabnav\r
-{\r
-  height: 20px;\r
-  margin: 0px;\r
-  padding-left: 215px;\r
-  padding-top: 5px;\r
-  background: url('/images/tab_bottom.gif') repeat-x bottom;\r
-}\r
-#tabnav li\r
-{\r
-  margin: 0; \r
-  padding: 0;\r
-  display: inline;\r
-  list-style-type: none;\r
-}\r
-#tabnav a, #tabnav a:link, #tabnav a:visited \r
-{\r
-  float: left;\r
-  background: #f3f3f3;\r
-  font-size: 13px;\r
-  line-height: 14px;\r
-  font-weight: bold;\r
-  padding: 2px 10px 2px 10px;\r
-  margin-right: 4px;\r
-  border: 1px solid #ccc;\r
-  text-decoration: none;\r
-  color: #333;\r
-}\r
-#tabnav a:link.active, #tabnav a:visited.active\r
-{\r
-  border-bottom: 1px solid #fff;\r
-  background: #fff;\r
-  color: #000;\r
-}\r
-#tabnav a:link:hover\r
-{\r
-  background: #fff;\r
-}\r
-\r
-#gads {\r
-  /*  position: absolute; */\r
-  left: 100px;\r
-  width: 700px;\r
-  text-align: center;\r
-  font-size: 10px;\r
-}\r
-\r
-\r
-.gpxsummary {\r
-  font-size: 12px;\r
-  color: gray;\r
-}\r
-\r
-.gpxdesc {\r
-  font-style: italic;\r
-}\r
-\r
-.table0 { \r
-  background: #f6f6f6;\r
-}\r
-\r
-.table1 { \r
-  background: #fff;\r
-}\r
-\r
-\r
-.optionalbox {\r
-  width: 150px;\r
-  min-width: 150px;\r
-  margin: 10px;\r
-  padding: 10px;\r
-  border: 1px solid #ccc;\r
-  left: 0px;\r
-  line-height: 1.2em;\r
-  text-align: Left;\r
-  font-size: 12px;\r
-  background: #eee;\r
-}\r
-\r
-.oboxheader {\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
-  position: relative;\r
-  top: 4px;\r
-}\r
-\r
-#cclogo {\r
-  width: 150px;\r
-  min-width: 150px;\r
-  margin: 10px;\r
-  padding: 10px;\r
-  left: 0px;\r
-  line-height: 1.2em;\r
-  text-align: Left;\r
-  font-size: 14px;\r
-  font-weight: bold;\r
-  background: #fff;\r
-}\r
-\r
-#controls img\r
-{\r
-  z-index: 9999;\r
-}\r
-\r
-#controls\r
-{\r
-  position:absolute;\r
-  top:0px;\r
-  left:0px;\r
-  width:64px;\r
-  height:32px;\r
-  z-index: 9998;\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
-.fieldWithErrors {\r
-  padding: 2px;\r
-  background-color: red;\r
-  display: table;\r
-}\r
-\r
-#notice {\r
-  border: 1px solid green;\r
-  padding: 7px;\r
-  background-color: #f0fff0;\r
-  margin-bottom: 20px;\r
-}\r
-\r
-#errorExplanation {\r
-  width: 400px;\r
-  border: 2px solid red;\r
-  padding: 7px;\r
-  padding-bottom: 12px;\r
-  margin-bottom: 20px;\r
-  background-color: #f0f0f0;\r
-}\r
-\r
-#errorExplanation h2 {\r
-  text-align: left;\r
-  font-weight: bold;\r
-  padding: 5px 5px 5px 15px;\r
-  font-size: 12px;\r
-  margin: -7px;\r
-  background-color: #c00;\r
-  color: #fff;\r
-}\r
-\r
-#errorExplanation p {\r
-  color: #333;\r
-  margin-bottom: 0;\r
-  padding: 5px;\r
-}\r
-\r
-#errorExplanation ul li {\r
-  font-size: 12px;\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
+a {
+  color: #0000ff;
+  text-decoration: none;
+}
+a:visited {
+  color: #0000ff;
+  text-decoration: none;
+}
+a:active {
+  color: #0000ff;
+  text-decoration: none;
+}
+a:link {
+  color: #0000ff;
+  text-decoration: none;
+}
+a:hover {
+  color: #0000ff;
+  text-decoration: underline;
+}
+
+#frontpage_main {
+  width: 100%;
+  text-align: center;
+  font-family: sans-serif;
+}
+
+
+#frontpage_MAIN h1 {
+  font-size: xx-large;
+  font-weight: normal;
+}
+
+body {
+  font-family: Arial,sans-serif;
+  color: Black;
+  margin: 0;
+  padding: 0;
+}
+
+#left {
+  position: absolute;
+  top: -8px;
+  min-width: 150px;
+}
+
+#logo {
+  width: 150px;
+  min-width: 150px;
+  padding: 10px;
+  margin: 10px;
+  height: 150px;
+  background: #ffffff;
+  border: 1px solid #ccccdd;
+}
+#logo h1 {
+  font-size: 14px;
+  text-align: center;
+  margin: 0;
+}
+#logo h2 {
+  font-size: 10px;
+  margin: 0;
+}
+
+#greeting {
+  float: right;
+  height: 20px;
+  margin: 0px;
+  padding-right: 10px;
+  padding-top: 5px;
+  font-size: 13px;
+  line-height: 14px;
+  background: url('/images/tab_bottom.gif') repeat-x bottom;
+}
+
+#intro {
+  width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  font-size: 11px;
+}
+
+#alert {
+  width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  background: #d00;
+  line-height: 1.2em;
+  text-align: left;
+  font-size: 14px;
+}
+
+.left_menu {
+  width: 150px;
+  min-width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  left: 0px;
+  background: #ddd;
+  line-height: 1.2em;
+  text-align: Left;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+.left_menu td {
+  font-size: 12px;
+  padding-right: 4px;
+}
+
+.left_menu h1 {
+  font-style: normal;
+  font-size: 15px;
+  padding: 0 0 0 1em;
+  text-align: left;
+}
+
+.left_menu ul {
+  /*list-style: none;*/
+  padding-left: 10px;
+  margin: 0;
+}
+
+.left_menu li {
+  margin:0;
+  padding:0;
+}
+
+.left_menu img {
+  margin: 2px 8px 0 0;
+}
+
+.left_menu a {
+  color: #000000;
+  text-decoration: none;
+}
+
+.left_menu a:visited {
+  color: #000000;
+  text-decoration: none;
+}
+
+.left_menu a:active {
+  color: #000000;
+  text-decoration: none;
+}
+
+.left_menu a:link {
+  color: #000000;
+  text-decoration: none;
+}
+
+.left_menu a:hover {
+  color: #000000;
+  text-decoration: underline;
+}
+
+#messages {
+  border: 1px solid #ccc;
+}
+
+
+#content {
+  padding: 0;
+  margin: 0;
+  position: absolute; 
+  left: 192px;
+  right: 10px;
+  top: 35px;
+  bottom: 10px;
+  line-height: 1.2em;
+  text-align: left;
+}
+
+#bottom_bar {
+  position: absolute;
+  bottom: 0px;
+  width: 100%;
+  font-size: x-small;
+  text-align: center;
+}
+
+#mapImage {
+  position: absolute;
+  left: 0px;
+}
+#drag {
+  top: 0px;
+  left: 14px;
+}
+
+#mapEpilog {
+  font-size: x-small;
+}
+
+#keyvalue {
+  font-size: small;
+  text-align: left;
+  border-collapse: collapse;
+  border-width: 0;
+}
+
+#keyvalue.th {
+  font-weight: bold;
+}
+
+.emphasized {
+  background-color: #82bcff;
+}
+
+
+#header {
+  float:left;
+  width:100%;
+  background:#DAE0D2 url("bg.gif") repeat-x bottom;
+  font-size:93%;
+  line-height:normal;
+}
+#header ul {
+  margin:0;
+  padding:10px 10px 0px 215px;
+  list-style:none;
+}
+#header li {
+  float:left;
+  /*background:url("left.gif") no-repeat left top;*/
+  margin:0;
+  padding:0 0 0 9px;
+}
+#header li a {
+  float:left;
+  display:block;
+  /*background:url("right.gif") no-repeat right top;*/
+  padding:5px 15px 4px 6px;
+  text-decoration:none;
+  font-weight:bold;
+  color:#765;
+}
+/* Commented Backslash Hack
+hides rule from IE5-Mac \*/
+#header li a {float:none;}
+/* End IE5-Mac hack */
+#header li a:hover {
+  color:#333;
+}
+#header #current {
+  /* background-image:url("left_on.gif"); */
+}
+#header #current a {
+  background-image:url("right_on.gif");
+  color:#333;
+  padding-bottom:5px;
+}
+
+#tabnav
+{
+  height: 20px;
+  margin: 0px;
+  padding-left: 215px;
+  padding-top: 5px;
+  background: url('/images/tab_bottom.gif') repeat-x bottom;
+}
+#tabnav li
+{
+  margin: 0; 
+  padding: 0;
+  display: inline;
+  list-style-type: none;
+}
+#tabnav a, #tabnav a:link, #tabnav a:visited 
+{
+  float: left;
+  background: #f3f3f3;
+  font-size: 13px;
+  line-height: 14px;
+  font-weight: bold;
+  padding: 2px 10px 2px 10px;
+  margin-right: 4px;
+  border: 1px solid #ccc;
+  text-decoration: none;
+  color: #333;
+}
+#tabnav a:link.active, #tabnav a:visited.active
+{
+  border-bottom: 1px solid #fff;
+  background: #fff;
+  color: #000;
+}
+#tabnav a:link:hover
+{
+  background: #fff;
+}
+
+#gads {
+  /*  position: absolute; */
+  left: 100px;
+  width: 700px;
+  text-align: center;
+  font-size: 10px;
+}
+
+
+.gpxsummary {
+  font-size: 12px;
+  color: gray;
+}
+
+.gpxdesc {
+  font-style: italic;
+}
+
+.table0 { 
+  background: #f6f6f6;
+}
+
+.table1 { 
+  background: #fff;
+}
+
+
+.optionalbox {
+  width: 150px;
+  min-width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  left: 0px;
+  line-height: 1.2em;
+  text-align: Left;
+  font-size: 12px;
+  background: #eee;
+}
+
+.oboxheader {
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 1.4em;
+  text-align: top;
+}
+
+.optionalbox form {
+  margin: 0px;
+  padding: 0px;
+}
+
+.optionalbox input {
+  width: 100%;
+}
+
+.rsssmall {
+  position: relative;
+  top: 4px;
+}
+
+#cclogo {
+  width: 150px;
+  min-width: 150px;
+  margin: 10px;
+  padding: 10px;
+  left: 0px;
+  line-height: 1.2em;
+  text-align: Left;
+  font-size: 14px;
+  font-weight: bold;
+  background: #fff;
+}
+
+#controls img
+{
+  z-index: 9999;
+}
+
+#controls
+{
+  position:absolute;
+  top:0px;
+  left:0px;
+  width:64px;
+  height:32px;
+  z-index: 9998;
+  cursor: pointer;
+}
+
+#map {
+  position: absolute;
+  border: 1px solid black;
+  margin: 0px; 
+  padding: 0px;
+  left: 0px;
+  right: 2px;
+  top: 0px;
+  bottom: 0px;
+}
+
+#search_results {
+  display: none;
+  position: absolute;
+  border: 1px solid black;
+  margin: 0px;
+  padding: 0px;
+  width: 30%;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+}
+
+#search_results_content {
+  overflow: auto;
+  position: absolute;
+  font-size: 13px;
+  line-height: 14px;
+  top: 29px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+}
+
+.search_results_title {
+  margin: 0px;
+  padding: 3px 6px 3px 6px;
+  height: 29px;
+  font-size: 14px;
+  line-height: 15px;
+  border-bottom: 1px solid black;
+  background: #bbb;
+}
+
+.search_results_heading {
+  margin: 0px;
+  padding: 3px 6px 3px 6px;
+  border: 1px solid #ccc;
+  background: #ddd;
+}
+
+.search_results_entry {
+  margin: 0px;
+  padding: 2px 6px 2px 6px;
+}
+
+.search_results_error {
+  margin: 0px;
+  padding: 2px 6px 0px 6px;
+  color: #f00;
+}
+
+.search_help {
+  font-size: 10px;
+  line-height: 1em;
+  margin-top: 3px;
+  margin-bottom: 0px;
+}
+
+/* inbox and messaging stuff */
+.inbox-row-unread .inbox-subject {
+       font-weight: bold;
+}
+
+/* rails error field stuff */
+
+.fieldWithErrors {
+  padding: 2px;
+  background-color: red;
+  display: table;
+}
+
+#notice {
+  border: 1px solid green;
+  padding: 7px;
+  background-color: #f0fff0;
+  margin-bottom: 20px;
+}
+
+#errorExplanation {
+  width: 400px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 12px;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+
+#errorExplanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  background-color: #c00;
+  color: #fff;
+}
+
+#errorExplanation p {
+  color: #333;
+  margin-bottom: 0;
+  padding: 5px;
+}
+
+#errorExplanation ul li {
+  font-size: 12px;
+  list-style: square;
+}
+
+input {
+  border: 1px solid black;
+}
+
+.nohome .location {
+  display: none;
+}
+
+#homerow .message {
+  display: none;
+}
+
+.nohome .message {
+  display: inline !important;
+}
+
+.editDescription {
+  height : 10ex;
+  width : 30em;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+/**
+ * This now just used to detect the width/height required for the popup.
+ */
+#map p#highlightinfo {
+    visibility : hidden;
+    position : absolute;
+    z-index : 10000;
+    background : white;
+    border : 1px solid black;
+    left : 50px;
+    top : 5px;
+    margin : 0px;
+    padding : 2px;
+}
+
+#map p#highlightinfo p, #popup p {
+    margin : 0;
+    padding : 2px;
+  }
+
+
+/**State of the Map */
+    
+#sotminfo {
+  background: #9999FF;
+  font-size: 11px;
+  margin: 0px;
+  padding: 0px;
+  border: 1px solid #ccc;
+  left: 0px;
+  line-height: 1.2em;
+  text-align: Left;
+  font-weight: normal;
+}