body { margin: 0; }
.title {  font-size: 14pt; font-weight: bold; text-align: center; }
.container { margin: 0; background: #E0E0E0;  }
.content { padding: 0px 1%; color: black; font-size: 12pt; font-family: Tahoma, Verdana, Geneva, sans-serif;  }
div.footer { background: #CCC; color: white; text-align: center; margin-top: 50px;  padding: 15px; 
	font-family: Verdana, sans-serif; font-size: 14pt; }
div.dform, div.cards { background: #F4F4F4;  
    padding: 5px 10% 15px 10%; width: 530px; 
    margin: 0 auto; border: 1px solid gray; 
    -webkit-box-shadow: 5px 7px 10px -2px rgba(0,0,0,0.76);
    box-shadow: 5px 7px 10px -2px rgba(0,0,0,0.76); line-height: 1.8;
    }
/* border-radius: 11px; */
div.cards {  padding: 0px 10% 15px 10%; 
     
}

@media only screen and (max-width: 560px) {
    div.cards {  margin: 0px; padding: 0px 4px 4px 4px; 
        -webkit-box-shadow: none;
        box-shadow: none; 
    }
    div.content { width: 100%; margin: 0px; padding: 3px 3px 3px 3px;}
}
form {  font-size: 11pt; font-family: Tahoma, Verdana, sans-serif; line-height: 1.9; }
.rlg { width: 25px; height: 25px; vertical-align: middle;}
input, button {  font-size: 12pt; font-family: Tahoma, Verdana, Geneva, sans-serif; }
button {  border-radius: 7px; padding: 2px 8px; }
.tstatic { font-weight: bold; }
div.msg { width: 600px; margin: 10px auto; line-height: 1.5; font-size: 14pt; }
div.fCol { float: left; display: block; width: 45%;  }
@media only screen and (max-width: 700px) {
    div.fCol { width: 94%; }   
}
table.tsurvey { border-collapse: collapse; }
table.tsurvey td, table.tsurvey th { padding: 4px 12px; }
table.tsurvey tr:nth-child(even) { background: #FFFFFF; }
table.tsurvey tr:nth-child(odd) { background: #ECECEC; }

table.tsurvey2 { border-collapse: collapse; }
table.tsurvey2 td, table.tsurvey2 th { border: 1px solid gray; font-size: 10pt; padding: 1px 5px; }
table.tsurvey2 tr:nth-child(even) { background: #FFFFFF; }
table.tsurvey2 tr:nth-child(odd) { background: #ECECEC; }
table.tsurvey2 th { background: #666; color: white; font-weight: normal; font-style: italic; }

table.game td { line-height: 2.5; }

button, button.lg, button.med {  padding: 4px 12px; border: 1px solid  #BBB; 
    display: block;
    display: inline;  
    -moz-border-radius: 7px;  -webkit-border-radius: 7px;  border-radius: 7px; 
    background:-webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#CCC));
    background:linear-gradient(#FCFCFC, #CCC);color:#666; 
}
button.med { font-size: 11pt; line-height: 1.5 }
button.sm { font-size: 9pt; line-height: 1.1 }
button.lg { font-size: 14pt; line-height: 2 }
button:hover,  button.lg:hover, button.med:hover {
    display: block; 
    display: inline;
    background: gray;
    background:-webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FCFCFC));
    background:linear-gradient(#CCC, #FCFCFC);color:#847d88;
}
button:active,  button.lg:active, button.med:active {
    display: block; 
    display: inline;
    background: gray;
    background:-webkit-gradient(linear, left top, left bottom, from(#BBB), to(#DDD));
    background:linear-gradient(#BBB, #DDD);color:#847d88;
}
.num { width:4em;  }
.snum { width: 3em; }
.bold, .nbold { font-weight: bold; font-size: 13pt; }
.nbold { width:6em }
.red { background: red; color: white;  padding: 4px 5px; }
.black { background: black; color: white;  padding: 4px 6px; }
.green { background: #CFD; padding: 4px 6px; }
.gold { background: #EEC; padding: 4px 6px; }
.inHand { background: #DDD; padding: 4px; }
.pleft { padding-left: 20px; }
.help { font-size: 10pt; color: #3B4; }

div.fCol { float: left; display: block; width: 40%; }