Index: trunk/webapps/GTEC/css/styles.css
===================================================================
--- trunk/webapps/GTEC/css/styles.css	(revision 556)
+++ trunk/webapps/GTEC/css/styles.css	(revision 569)
@@ -14,4 +14,37 @@
         padding: 0;
       }
+      button {
+          display: inline-block;
+          border: 2px solid black;
+          border-radius: 8px;
+          padding: 1rem 2rem;
+          margin: 0;
+          text-decoration: none;
+          background: gray; 
+          color: #ffffff;
+          font-family: sans-serif;
+          font-size: 1rem;
+          cursor: pointer;
+          text-align: center;
+          transition: background 250ms ease-in-out, 
+                      transform 150ms ease;
+          -webkit-appearance: none;
+          -moz-appearance: none;
+      }
+
+      button:hover,
+      button:focus {
+          background: #0053ba;
+      }
+
+      button:focus {
+          outline: 1px solid #fff;
+          outline-offset: -4px;
+      }
+
+      button:active {
+          transform: scale(0.99);
+      }
+
         .test {
           width:200px;
@@ -21,39 +54,4 @@
           margin:0px auto;
           border:1px red solid;
-        }
-        /* 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;
-        }
-        #har-msg-display {
-          margin-right: 50%; /*  100px; */
-          margin-left: 25%;  /*  100px; */
-        }
-        #har-msgcontent1 {
-          margin-bottom: 10px;
-        }
-        #har-msg {
-          margin-top: 300px;
-          margin-bottom: 300px;
         }
       #time {
@@ -66,19 +64,4 @@
       }
     
-      #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;
@@ -87,55 +70,4 @@
         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-message-display {
-        margin-top: 50px;
-        margin-bottom: 50px;
-      }
-      #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;
@@ -143,17 +75,3 @@
         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;
-        }
-
+      }