a.button, button.button { 
  background: #555; 
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.4)), to(rgba(77,77,77,0.4)));  
  background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(77,77,77,0.4)); 
  float: left; 
  padding: 4px; 
  text-decoration: none; 
  outline: 0; 
  border-width: 1px; 
  border-style: solid;
  width: auto;
  overflow: visible;
  border-color: transparent transparent #666 transparent; 
  border-color: transparent transparent rgba(202,202,202,0.27) transparent;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  -webkit-background-clip: padding-box;
}
a.button span, button.button span { 
  display: block; 
  float: left;
  letter-spacing: -1px; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #ccc #444 #111 #444; 
  border-color: rgba(255,255,255,0.7) rgba(0,0,0,0.5) rgba(0,0,0,0.7) rgba(0,0,0,0.5); 
  font: bold 21px/1em Arial;
  color: white; 
  padding: 7px 14px 7px 14px; 
  cursor: pointer; 
  text-shadow: rgba(0,0,0,0.45) 0 -1px 0; 
  -webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(255,255,255,0.01)), to(transparent)); 
  background: transparent -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.01) 50%, transparent);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#80FFFFFF', EndColorstr='#00FFFFFF'); 
  -webkit-background-clip: padding-box;
}
a.button span:active, button.button span:active { 
  border-top-color: rgba(255,255,255,0.2); 
  border-left-color: rgba(0,0,0,0.4); 
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#80969696', EndColorStr='#59000000'); 
  -webkit-background-clip: padding-box;
}
td.radio { 
  font-weight:bold;
  background-color: #e2e2e2; 
  border:solid 1px #999999;
  /* Safari 4+, Chrome 1-9 */   
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#aaaaaa));
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */   
  background-image: -webkit-linear-gradient(top, #ffffff, #aaaaaa);    
  /* Opera 11.10+ */   
  background-image: -o-linear-gradient(top, #ffffff, #aaaaaa);
}
td.radiosel { 
  font-weight:bold;
  background-color: #e2e2e2; 
  border:solid 1px #999999;
  color:white;
  /* Safari 4+, Chrome 1-9 */   
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaaaaa), to(#333333));
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */   
  background-image: -webkit-linear-gradient(top, #aaaaaa, #333333);    
  /* Opera 11.10+ */   
  background-image: -o-linear-gradient(top, #aaaaaa, #333333);
}
td.kb {
  background-color: #dddddd; /* fallback color if gradients are not supported */  
  text-align:center;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#999999)); 
  border-radius: 10px;   
  font-size: 20px;
  font-family: arial, helvetica;
  font-weight:bold;
  border:solid 2px #666666;
}
td.nb {
  background-color: #ffffcc; /* fallback color if gradients are not supported */  
  text-align:center;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffcc), to(#999977)); 
  border-radius: 10px;   
  font-size: 20px;
  font-family: arial, helvetica;
  font-weight:bold;
  border:solid 2px #666666;
}
td.beker {
  font: bold 16px/1em Arial;
  color: white;
  width:60%;
  padding: 7px 14px 7px 14px; 
  background-color: #377AD0; 
  border-top:solid 1px #4081AF;
  border-left:solid 1px #4081AF;
  border-right:solid 1px #4081AF;
  border-bottom:solid 1px #20559A;
  color:white;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52A8E8), to(#377AD0));
  border-radius: 15px;
}

button.blue {
  font: bold 16px/1em Arial;
  color: white; 
  padding: 7px 14px 7px 14px; 
  background-color: #377AD0; 
  border-top:solid 1px #4081AF;
  border-left:solid 1px #4081AF;
  border-right:solid 1px #4081AF;
  border-bottom:solid 1px #20559A;
  color:white;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52A8E8), to(#377AD0));
  border-radius: 15px;
}
.floater {
    position:absolute;
    width:160px;
}
.fnt2 { font-size:2px; }
.fnt11 { font-size:11px; }
.fnt12 { font-size:12px; }
.fnt14 { font-size:14px; }
.fnt15 { font-size:15px; }
.fnt16 { font-size:16px; }
.fnt17 { font-size:17px; }
.fnt20 { font-size:20px; }
.fnt30 { font-size:30px; }
.fnt50 { font-size:50px; }

button { border: none; display: block; }
a { text-decoration: none; display: block; }