body {
	font-family: sans-serif;
	background-color: #f5f5dc;
}

#header {
	padding: 20px;
	background-color: #ffffff;
        color:            darkgreen;
}	

IMG.logo {
    display: block;
    margin-left: auto;
    margin-right: auto
}

h1{
	padding-left: 20px;
}

h2 {
	text-align: center;
	font-size: 1.1em;
}

table {
	width: 100%;
	border:          thin solid black;
	padding:         10px;
	padding-right: 2px;
	border-collapse: collapse;
	background-color: #f5f5f5;
	margin-right:  auto;
	margin-left:   auto;
}




th {
	width: 33%;
	text-align:  right;
	vertical-align:  top;
	padding-right:   10px;
	padding-top:     2px;

}

td, th {
	width: 33%;
	border:          thin dotted gray;
	vertical-align:  top;
	padding:         10px;
	padding-right:   30px;
}

input[type=text] { padding:3px; border-color:#cccccc; border-style:solid; font-size:21px; border-width:2px; border-radius:0px; box-shadow: 0px 0px 12px 0px rgba(42,42,42,.19);  } 
		 .css-input:focus { outline:none; } 

input[type=submit] {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9ac485), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #9ac485 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #9ac485 5%, #72b352 100%);
	background:-o-linear-gradient(top, #9ac485 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #9ac485 5%, #72b352 100%);
	background:linear-gradient(to bottom, #9ac485 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ac485', endColorstr='#72b352',GradientType=0);
	background-color:#9ac485;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:5px 15px;
	text-decoration:none;
}
input[type=submit]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #9ac485));
	background:-moz-linear-gradient(top, #72b352 5%, #9ac485 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #9ac485 100%);
	background:-o-linear-gradient(top, #72b352 5%, #9ac485 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #9ac485 100%);
	background:linear-gradient(to bottom, #72b352 5%, #9ac485 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#9ac485',GradientType=0);
	background-color:#72b352;
}
input[type=submit]:active {
	position:relative;
	top:1px;
}



.button {
  -moz-border-radius: 12px;
  -moz-box-shadow: #6E7849 0px 0px 10px;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-border-radius: 12px;
  -webkit-box-shadow: #6E7849 0 0 10px;
  -webkit-transition: all 0.25s ease;
  background-color: #80972b;
  background-image: -moz-linear-gradient(180deg, #b2c035, #80972b);
  background-image: -ms-linear-gradient(180deg, #b2c035, #80972b);
  background-image: -o-linear-gradient(180deg, #b2c035, #80972b);
  background-image: -webkit-linear-gradient(180deg, #b2c035, #80972b);
  background-image: linear-gradient(180deg, #b2c035, #80972b);
  border-radius: 12px;
  border: 2px solid #4a5032;
  box-shadow: #6E7849 0px 0px 10px;
  color: #ffffff;
  display: inline-block;
  font-size: 2em;
  margin: auto;
  padding: 10px;
  text-decoration: none;
  text-shadow: #000000 5px 5px 15px;
  transition: all 0.25s ease;
}
.button:hover {
  background-color: #5d6737;
  color: #304b30;
  padding: 10px;
  text-shadow: #c2ebad 5px 5px 15px;
}

.button2 {
  -moz-border-radius: 10px;
  -moz-box-shadow: #6E7849 0px 0px 10px;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-border-radius: 10px;
  -webkit-box-shadow: #6E7849 0 0 10px;
  -webkit-transition: all 0.25s ease;
  background-color: #80972b;
  background-image: -moz-linear-gradient(180deg, #b2c035, #80972b);
  background-image: -ms-linear-gradient(180deg, #b2c035, #80972b);
  background-image: -o-linear-gradient(180deg, #b2c035, #80972b);
  background-image: -webkit-linear-gradient(180deg, #b2c035, #80972b);
  background-image: linear-gradient(180deg, #b2c035, #80972b);
  border-radius: 10px;
  border: 2px solid #4a5032;
  box-shadow: #6E7849 0px 0px 10px;
  color: #ffffff;
  display: inline-block;
  font-size: 1.5em;
  margin: auto;
  padding: 5px;
  text-decoration: none;
  text-shadow: #000000 5px 5px 15px;
  transition: all 0.25s ease;
}
.button2:hover {
  background-color: #5d6737;
  color: #304b30;
  padding: 5px;
  text-shadow: #c2ebad 5px 5px 15px;
}


#tbox {
	width: 150%:
}

#results {
	text-align: left;
	border: thin solid black;
	background-color: #f5f5f5;
	padding: 10px;
	font-size: 1.1em;
	
}