body {
  font-family:verdana; 
  font-size:10px; 
  color:#3e3e3e; 
  overflow:hidden; 
  margin:0px; 
  width:100%;
  height:100%; 
  background:#4197ee;
  background-image: -moz-linear-gradient(top, #4197ee, #358ae1);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4197ee), color-stop(1, #358ae1));  
  
}
div {-moz-box-sizing: border-box;box-sizing:border-box;-moz-outline:none;outline:none;-webkit-box-sizing:border-box;-webkit-outline:none;}
input {
  -moz-box-sizing: border-box;box-sizing:border-box;
  -moz-outline:none;-webkit-box-sizing:border-box;-webkit-outline:none;
  font:inherit; color:#3e3e3e; 
}

.s2_splash { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.s2_splash .splashbox { 
  position:absolute; top:50%; left:50%; width:550px; height:400px; margin-left:-275px; margin-top:-200px; 
  cursor:default; padding:60px 10px 60px 10px; color:#ffffff;
  -moz-box-shadow: 0 0 4px 4px rgba(0, 0, 0, .1); 
  -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, .1); 
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, .1); 
}

.workarea {position:relative; top:0px; left:0px; width:100%; height:100%; overflow:hidden; padding:5px 20px 0px 20px; text-align:left;}
.workarea .header {
  min-height:60px; font-size:14px; font-weight:bold; text-align:center; margin-bottom:10px;
  text-shadow:1px 1px 0px #000000;
}
.workarea .header_err .hdr_txt { 
  border:1px solid #ff0000; 
  font-size:12px;
  background:#ff9999; 
  background-image: -moz-linear-gradient(top, #ff9999, #f28a8a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff9999), color-stop(1, #f28a8a));  
  
  padding:8px; color:#290707;
  text-shadow:1px 1px 0px rgba(255, 255, 255, .3);
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.noscripterror { color:#ff0000; text-shadow:none;}

.inputrow {margin-top:4px; font-size:12px; }
.inputrow label { display:block; }
.inputrow label div { width:110px; float:left; font-weight:bold; text-shadow:1px 1px 0px #000000; padding-top:4px; margin-left:70px;}
.inputrow label input.textinput {
  width:261px; 
  border:1px solid #777777;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  padding:4px;
  -webkit-transition: background .25s ease-in-out, border .25s ease-in-out;
  -moz-transition: background .25s ease-in-out, border .25s ease-in-out;
  -o-transition: background .25s ease-in-out, border .25s ease-in-out;
  -ms-transition: background .25s ease-in-out, border .25s ease-in-out;  
  transition: background .25s ease-in-out, border .25s ease-in-out;
}
.inputrow label input.textinput:focus {
  background:#f4f1bc; border:1px solid #bc8d0f;
}

.bottom { position:relative; top:0px; left:0px; width:100%; height:90px; overflow:hidden; }
.submitrow { text-align:center; margin-top:15px; }
.submit { 
  padding: 6px 60px 6px 60px; 
  color:#ffffff;
  font-size:12px; cursor:pointer;
  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;  
  border:1px solid #13559a;
  text-shadow:1px 1px 0px rgba(0, 0, 0, .7);
  background:#5b98d7;
  background-image: -moz-linear-gradient(top, #8cb8e4, #5b98d7 60%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8cb8e4), color-stop(.6, #5b98d7));  
}
.submit:hover {
  background:#6fabea;
  background-image: -moz-linear-gradient(top, #add4fc, #6fabea 60%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #add4fc), color-stop(.6, #6fabea));  
}
.submit:hover:active {
  background:#528ecc;
  background-image: -moz-linear-gradient(top, #4481bf, #528ecc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4481bf), color-stop(#528ecc));  
}


