Update WebContent/cah.css

-Adding gradients to bottom of cards and game lobbies
-Styling Join button

WebContent/cah.css

@@ -26,9 +26,11 @@ body {
   min-height: 640px;
   background:#eee;
   color:#000;
-  
+  font-size:12px;
+}
+.card, #game_list{
+  font-family: "helvetica neue", helvetica, Arial, sans-serif;
 }
-
 /*
 #browser {
   background: rgba(0, 0, 0, .5);
@@ -104,22 +106,22 @@ body {
 
 .gamelist_lobby {
   background:#fff;
+  border-radius:.25em;
   width: 500px;
   height: 150px;
   float: left;
-  border: 1px solid black;
+  border: 1px solid #ccc;
   margin: 4px;
 }
 
 .gamelist_lobby_left {
   width: 72%;
   height: 100%;
-  padding:.25em 1%;
+  padding:.5em 1.5%;
   float: left;
 }
 
 .gamelist_lobby_right {
-  border-left: 1px solid black;
   width: 25%;
   height: 100%;
   float: right;
@@ -128,6 +130,9 @@ body {
 .gamelist_lobby_join {
   width: 100%;
   height: 100%;
+  border:1px solid #aaa;
+  background:linear-gradient(#fff, #ddd) #ddd;
+  border-radius:.25em;
   text-transform:uppercase;
   font-weight:700;
 }
@@ -234,9 +239,8 @@ span.debug, span.admin {
   position: relative;
   width: 200px;
   height: 200px;
-  border: 1px solid gray;
-  padding: 15px;
-  font-family: Arial, sans-serif;
+  border: 1px solid #999;
+  padding: 15px;  
   font-size: 15pt;
   float: left;
   border-radius:.25em;
@@ -251,13 +255,16 @@ span.debug, span.admin {
 .blackcard {
   background: #231f20;
   color: white;
+  background-image:linear-gradient(#231f20,#231f20 75%, #333)
 }
 
 .whitecard {
   background: white;
   color: #231f20;
 }
-
+.whitecard, .gamelist_lobby{
+  background-image:linear-gradient(#fff,#fff 75%,#f8f8f8);
+}
 .cah {
   position: absolute;
   bottom: 0px;
@@ -298,11 +305,12 @@ span.debug, span.admin {
 }
 
 .game_hand_filter_text {
-  height: 100%;
   position: absolute;
   top: 50%;
   font-size: 300%;
   margin-top: -30px;
+  background:#eee;
+  padding:.25em;
 }
 
 .game_hand_cards {
@@ -376,10 +384,11 @@ span.debug, span.admin {
 }
 
 .game_white_cards_binder {
-  border: 5px solid silver;
+  border: 3px solid silver;
   display: inline-block;
   margin-right: 4px;
   margin-bottom: 4px;
+  border-radius: .25em;
 }
 
 .card_holder {
@@ -422,8 +431,8 @@ span.debug, span.admin {
 }
 
 .selected {
-  border: 2px solid #336699;
-  background:#f1f6ff;
+  border: 1px solid #fafcff;
+  background:#3c7fb1;
 }
 
 .logo {