body
{
	background:#fffff;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 3em;
	margin:4px;
	text-align:center;
}


@media (orientation: landscape) {
body
{
	width:800px;
	margin: 0 auto;
}
}

@media (orientation: portrait) {
body
{
	width:100%;
}
}

#form_container
{
	margin:0 auto;
	text-align:left;
	width:100%;
}

textarea#log {
    color: inherit;
    background: #222222;
}

/**** Logo Section  *****/


.mainheader
{
    background-image: linear-gradient(to bottom right, #343434 , #565656);
    color: #EFEFEF;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}

div div span{
    font-size:180%;
    color: #222222;
    vertical-align: middle;
}

div img {
    display: inline-block;
    vertical-align: middle;
    border:none;
}

.table
{
  border: none;
  font-size:100% !important;
}
/**** Form Section ****/

td
{
    border:0px;
    text-align: center;
}

.td_left
{
    border:0px;
    text-align: left;
}

.copperround
{
    border-width: 2px;
    border-radius: 10px;
	border-bottom:3px solid #222222;
	border-left:3px solid #EFDFDF;
	border-right:3px solid #111111;
	border-top:3px solid #DFCFCF;
    background-image: linear-gradient(to bottom right, #332822 , #8F857F);
}

fieldset
{
    background-image: linear-gradient(to bottom right, #222222, #555555);

    padding-block-start: 0.15em;
    padding-inline-start: 0.15em;
    padding-inline-end: 0.15em;
    padding-block-end: 0.15em;
    height: 100%;
    padding: 0px;
    border-width: 2px;
    border-radius: 10px;
    border-top:3px solid #DFDFDF;
    border-left:3px solid #EFEFEF;
    border-right:3px solid #111111;
    border-bottom:3px solid #222222;

}

.spantime
{
	float:left;
	margin:0 1% 0 0;
	padding:0 0 0px;
	width:39%;
	height: 100%;
}

.spanvalve
{
	float:left;
	margin:0 1% 0 0;
	padding:0 0 0px;
	width:24%;
	height: 100%;
}

.spanenabled
{
	float:left;
	margin:0 1% 0 0;
	padding:0 0 0px;
	width:9%;
	height: 100%;
}

.form_description
{
	clear:both;
	display:inline-block;
	margin:5 0 1em;
}

.form_description label
{
	font-size:50%;
	line-height:130%;
	margin:0px 10px 2px;
	padding: 2px 0px 0px
}

/**** Buttons ****/
input.button_text
{
    color: inherit;
    border-radius: 5px;
	border-bottom:2px solid #222222;
	border-left:2px solid #DFDFDF;
	border-right:2px solid #222222;
	border-top:2px solid #DFDFDF;
    background-image: linear-gradient(to bottom right, #333333 , #7F7F7F);

	overflow:visible;
	padding:0 7px;
	font-size: 30px;
	height: 50px;
	width: 250px;
}

input.button_text:disabled, input.button_text[disabled]
{
    color: #555555;
    text-shadow: 1px 1px 2px black;

    border-radius: 5px;
	border-bottom:1px solid #555555;
	border-left:1px solid #7F7F7F;
	border-right:1px solid #555555;
	border-top:1px solid #7F7F7F;
    background-image: linear-gradient(to bottom right, #666666 , #1F1F1F);

	overflow:visible;
	padding:0 7px;
	font-size: 30px;
	height: 50px;
	width: 250px;
}


.buttons input
{
	font-size:120%;
	margin-right:5px;
}

/**** Inputs and Labels ****/
label.description
{
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:100%;
	padding:0 0 1px;
}

input[type=radio] {
    transform: scale(1.5);
}

label.header
{
	border:none;
	font-size: 200%;
	font-weight:500;
	line-height:100%;
	padding:0 0 1px;
	color: #9f9f9f
}

label.programheader
{
	border:none;
	display:block;
	font-size:2.5vw;
	font-weight:500;
	line-height:100%;
	/**padding:0.2em 0 0.2em;**/
}


legend.fieldsetheader
{
	border:none;
	display:block;
	font-size:2.5vw;
	font-weight:700;
	line-height:100%;
	padding:0 0 1px;
}

.timeclass
{
    color: inherit;
    text-shadow: 1px 1px 2px black;
	font-size:4vh;
	width: 100%;
	height: 6vh;
	margin-left:4px;
    margin-top:2px;
	padding: 0.2em;
}

input.number
{
    color: inherit;
    text-shadow: 1px 1px 2px black;
	font-size:4vh;
	width: 100%;
	height: 6vh;
	margin-top:2px;
    padding: 10px;
}

textarea.textarea
{
	background:#fff url(../../../static/img/shadow.gif) repeat-x top;
	border-bottom:2px solid #222222;
	border-left:2px solid #DFDFDF;
	border-right:2px solid #222222;
	border-top:2px solid #DFDFDF;
	color:#333;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}

.checkstyle
{
    width: 50%;
	height: 50%;
}
