body {
  background-color: #fff;
  background: url(img100.jpg) no-repeat left top;
  background-position: center top; 
  color: #111;
  margin: 100px 0px 0px 0px;
  padding: 0 10px 0 70px;
  font: 0.75em/1.3 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
}
b {
	margin: 0px 0px 0px 570px;
}

.wrapper {
  width: 70%;
  margin: 20px auto 40px auto;
}

form {
	align: center;
  background-color: rgb(244,252,232);
  background-position: center top;
  width: 800px;
  padding: 1em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
}

fieldset {
  background-color: rgba(126,208,214,0.3);
  border: 3px solid rgb(255,255,255);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  margin: 0 0 1em 0;
}

fieldset:hover {
  background-color: rgba(126,208,214,0.5);
}

legend {
  font-size: 133%;
  color: #00487d;
  font-weight:bold;
}

form div {
  float: left;
  width: 90%;
  padding: 0 0 0.50em 0;
  position: relative;
}

form p.help {
  font-style: italic;
  padding: 0 1em 1em 1em;
}

form p.help em {
  color: red;
}

form fieldset div:first-of-type {
  padding-top: 1em;
}

form label {
  float: left;
  width: 35%;
  font-size: 100%;
}

form div label em {
  position: absolute;
  color: red;
  right: 0;
}

form input {
  width: 60%;
  font-size: 100%;
  border: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  padding: 0.2em;
}
form select {
  width: 60%;
  font-size: 100%;
  border: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  padding: 0.2em;
}

div.submit {
  float: none;
  background-color: rgba(126,208,214,0.3);
  border: 3px solid rgb(255,255,255);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  margin: 0 0 1em 0;
  padding: 0.5em 0 0.5em 0;
  text-align: center;
}

form input[type="submit"] {
 float: center;
  width: auto;
  border: 3px solid rgb(126,208,214);
  background-color: rgba(78,150,137,0.5);
  color: rgb(0,0,0);
  font-weight: bold;
  
}

form input[type="submit"]:hover {
  background-color: rgb(78,150,137);
}
form input[type="hidden"] {
 float: center;
  width: auto;
  border: 3px solid rgb(126,208,214);
  background-color: rgba(78,150,137,0.5);
  color: rgb(0,0,0);
  font-weight: bold;
  
}
form input[type="hidden"]:hover {
  background-color: rgb(78,150,137);
}
.frm {
 background-color: rgba(126,208,214,0.3);
  width: auto;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; 
}
.datatable {
  border: 1px solid #000000;
  border-collapse: collapse;
  width: 100%;
}

.datatable td {
  border:1px solid #000;
  font-size: 80%;
  padding: 0.3em;
}

.datatable th {
  border:1px solid #000;
  background-color: #bdbdbd;
  color: #000;
  font-weight: bold;
  text-align: left;
  font-size: 80%;
  padding: 0.2em;
}

.datatable colgroup:nth-child(odd) {
  background-color: #80c9ff;
  color: #000;
}

.datatable colgroup:nth-child(even) {
  background-color: #bfe4ff;
  color: #000;
}

.datatable  input {
  width: 100%;
  font-size: 100%;
  border: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  padding: 0.2em;
}
h1 {
  font-size: 180%;
  color: #256579;
  text-shadow: 3px 3px 3px #999;
  text-align:left;
  margin: 0px 0px 0px 40px;
}
.TFtable{
		width:100%; 
		border-collapse:collapse; 
	}
	.TFtable td{ 
		padding:3px; border:#4e95f4 1px solid;
	}
	.TFtable th{ 
		padding:3px; border:#4e95f4 1px solid;
		background: #ff7f00; font-size: 100%;
	}
	
	.TFtable tr{
		background: #b8d1f3;
	}
	
	.TFtable tr:nth-child(odd){ 
		background: #ffeeaa;
	}
	
	.TFtable tr:nth-child(even){
		background: #ffffff;
	}