Index: trunk/webapps/css/styles.css
===================================================================
--- trunk/webapps/css/styles.css	(revision 336)
+++ trunk/webapps/css/styles.css	(revision 336)
@@ -0,0 +1,127 @@
+        @font-face {
+          font-family: Scoreboard;
+          src: url('../js/scoreboard.ttf');
+        }
+      /* Set the size of the div element that contains the map */
+      #mapdiv {
+        height: 100%;
+        width: 100%;  
+       }
+        /* Makes the page fill the window. */
+      html, body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+        /* A line of the CMS message display */
+        .cms_sign {
+           height: 37px;
+           width: 272px;
+           resize: none;
+           font-family: Scoreboard;
+           font-size: xx-large;
+           background-color: #2F4F4F;
+           color: yellow;
+        }
+        /* Field for entering CMS Message line */
+       .cms-input {
+           border: thin solid #333;
+           padding: 2px;
+           font-family: "Lucida Console", Monaco, monospace;
+           font-size: medium;
+           width: 163px;
+        }
+        /* Field for entering HAR Message line */
+       .har-input {
+           border: thin solid #333;
+           padding: 2px;
+           font-size: medium;
+        }
+      #search-input {
+        background-color: #17263c;  /* #CD853F;  /*#E6E6FA; /* lavender */
+        color: #E6E6FA;  /* #FFEFD5; */
+        font-family: Roboto;
+        font-size: 18px;
+        font-weight: 400;
+        margin-left: 12px;
+        padding: 0 11px 0 13px;
+        text-overflow: ellipsis;
+        border-color: #746855;   /* #4d90fe; */
+        width: 400px;
+      }
+      #search-input:focus {
+        border-color: #E6E6FA; 
+      }
+      #ctrButton {
+        cursor: pointer;
+        background-color: #fff;
+        margin-right: 7px;
+        border: thick solid white;
+      }
+      #cms-info-label {
+           height: 20px;
+           width: 590px;
+           overflow: hidden;
+           background-color: #A8C5FF;  /*#ECECFB; */
+           border: thin solid #BDBDBD;
+           padding: 5px;
+       }
+      #cms-message-display {
+           height: 390px;
+           width: 300px;
+           overflow: hidden;
+           float: left;
+       }
+      #har-msgdisplay1 {
+            background-color: darkgray;
+      }
+      #message-input {
+           height: 122px;
+           width: 170px;
+           background-color: #729FFF;
+           float: left;
+       }
+        /* CMS Dialog button panel */
+       #buttonPanel {
+           height: 122px;
+           width: 125px;
+           background-color: #729FFF;
+           float: left;
+           padding: 20px;
+        }
+       .wrapper {
+           position: relative;\
+        }
+        /* CMS Edit Message Dialog */
+       .dialog {
+          position: absolute;
+          top: 10%;
+          left: 25%;
+          background-color: #729FFF; /* #ECECFB; */
+          margin: auto;
+          padding: 20px;
+          border: 1px solid #888;
+          width: 680px;
+          height: 390px;
+          display: none;           
+        }
+      .unstyled-button {
+        border: 0 none;
+        padding: 0;
+        background: none;
+        cursor: pointer;
+      }    
+        /* The Close Button in the CMS Dialog */
+        .close {
+          color: #2E2E2E;
+          float: right;
+          font-size: 30px;
+          font-weight: bold;
+        }
+        .close:hover,
+        .close:focus {
+          color: black;
+          text-decoration: none;
+          cursor: pointer;
+        }
+