body {
    background-color: #FFF;
    color: #333;
    font-family: Helvetica;
    font-size: 16px;
    margin: 0;
    padding: 0;    
}

p.message
{
    text-align:center;
    margin:2em 2em 0;
    padding:1em;
    border:1px solid #8CA593;
    background: #B3DBBE;
}

p.error
{
    text-align:center;
    margin:2em 2em 0;
    padding:1em;
    border:1px solid #ff88bb;
    background: #ffbbbb;
}

table {
	width: 100%;
	color: #333;
}
table tr:nth-child(odd) {
	background: #eae7e7;
}
table th {
	text-align: left;
	padding: 5px;
	/*border-bottom: 1px solid #cccccc;*/
	background: #eae7e7;
	color: #333;
	font-weight: bold;
}
table td {
	text-align: left;
	padding: 5px;
	vertical-align: top;
	font-size: 24px;
}

td.status
{
    width:0em;
    text-align:center;
}

tr.MachineReadyMode td.status
{
    border:1px solid #008000;
    background: #B3DBBE;
}

tr.MachineRunMode td.status,
tr.MachineAdditionalVendMode td.status
{
    border:1px solid #ff0000;
    background: #ffbbbb;
}

tr.MachineStartMode td.status,
tr.MachinePartialVendMode td.status
{
    border:1px solid #ffa500;
    background: #FFCC80;
}

tr.MachineRunModeAlmostDone td.status
{
    border:1px solid #FFFF00;
    background: #FFFFCC;
}

tr.MachineEndOfCycleMode td.status
{
    border:1px solid #9ACD32;
    background:#B8DC70;	
}

tr.MachineDropOffMode td.status,
tr.MachineLockoutMode td.status
{
    border:1px solid #0000ff;
    background:#3399FF; 
}
tr.MachineUnableToConnectToMachine td.status
{
    border:1px solid #B4D2F5;
    background:#C3DBF7;
}
tr.MachineLuckyCycle td.status
{
    border:1px solid #800080;
    background:#9966CC;
}
tr.MachineErrorModeFatal td.status,
tr.MachineUnknown td.status,
tr.MachineLowPowerMode td.status,
tr.MachineShutDownMode td.status,
tr.MachinePowerUpMode td.status
{
    border:1px solid #808080;
    background:#C0C0C0;
}


td.time div.progressbar
{
    height:1em;
    background-color:white;
    border:1px solid black;
    padding:1px;
    text-align:left;
    margin:0 0 3px;
}

td.time div.progressbar div
{
    height:100%;
    background-color:#ace;
}

select {display:block;}

#container {
	
	padding-left:1em;
}
	
	#terms {margin-top:2em;}



#dropdown {
font-size: 24px;
}

/* Button style */
.homeButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color: #3d94f6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #337fed;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #1570cd;
	width: 25%;
	text-align: center;
}
.homeButton:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color: #1e62d0;
}
.homeButton:active {
	position: relative;
	top: 1px;
}

#login {
	
	width:85%;
	margin:0 auto 0 auto;

}
#login input{
	height: 30px;
	width:75%;
	border:1px solid #ffcc00;
	display:block;
}

#login p {font-size:.75em; color:#666; }

#login label{
	display:block; padding-top:.5em; text-shadow: 3px 2px 3px #fff; color:#666;
}

.loginerror {
	color: #FF0000;
}

#login a {font-weight:lighter; font-size:.75em; margin:2em 2em 0 0; color:#06a; text-transform:uppercase;}
li br {display:none;} 

#login input[type="submit"] {

margin-top:1em; margin-bottom:1em; height:40px; display:block; color:#c90; text-shadow: 0px 2px 3px #fcf4d6; text-transform:capitalize; font-size:1.5em; 

background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */ 

} 

#footer input[type="submit"]

{
	
	margin-top:1em; margin-bottom:2em; height:30px;  color:#c90; text-shadow: 0px 2px 3px #fcf4d6; text-transform:capitalize; font-size:1em; 
	
	background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */ 

	
	}





/*#login ul li {margin-left:0px;}
#login li a {display:inline;}*/



#terms select{

	height: 32px;
	width: 200px;
	font-size: 18px;
	margin-bottom:1em;
}

#header {
	background: #fff;
	margin-left: -15px;
	padding-left: 15px;
	border-bottom: 10px solid #000;

	
}

#header a {
    text-decoration: none;
    color: #fff;
}

.leftButton a{
	
	color:white;
	position: absolute;
	top: 7px;
	left: 15px;
	max-width: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration:none;
}

.rightButton a{
	color:white;
	position: absolute;
	top: 0px;
	right: 6px;
	max-width: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration:none;
	background:#ffcc00;
	border-top:0px;
	border-left:1px solid #003366;
	border-right:1px solid #003366;
	border-bottom:1px solid #003366;
	padding:3px;


}



#header h1 {
	color: #000;
	width: 80%;
	margin: 0px;
	font-size: 28px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
	top: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	display: block;
}
	
	
#header h1 strong {color:#f4d57c; font-weight:lighter; font-size:14px; display:block;}

h1 {font-size:24px; font-weight:normal; color:#003366; margin-bottom:-.5em;}	

h3 {
	color: #222;
	display: block;
	font-size: 16px;
	font-weight: lighter;
	text-decoration: none;
/*	text-shadow: 2px 1px 0px #ddd;
*/
}

ul {
    list-style: none;
  /*  margin: 10px;*/
    padding: 0; margin:0;
	line-height:1.5em;
}

ul li a {
	color: #000;
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 2px 0px;
	text-shadow: 2px 1px 0px #fff;
	margin-right: 15px;
}


li {margin-top:8px;}
#menu {
    color: #222;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: -1px;
}

#menu a {
    text-decoration: none;
}

#menu li, form li {margin-top:0px;}




dt {font-weight:bold; margin-top:1.5em; text-align:left;}
/*dd em {font-style:normal; color:#999; text-align:right; margin-right:5px;}*/
dd {margin-left:50px; margin-top:.5em;}
.show-labels dd {margin-left:0px;}

.show-labels em, .show-labels dt em  {font-style:normal; font-weight:normal; color:#999; display:block;}
.show-labels dt{font-weight:normal;}

#footer ul {border-top:1px solid #666;}
#footer form {border-top:1px solid #ffcc00; border-bottom:1px solid #999; margin:1em 0 0 -1em; padding-bottom:1.5em;padding-left:1em;


background:#e1e1e1;


}

/*collapse and hide break tags*/

#footer br {height:-1px; display:none;}
#footer li { float:left;
padding:0px 15px 0px 0px; margin:0px; line-height:.5em; }
dl dd em {display:none;}



#footer textarea {display:block; padding-top:2px;}

#footer label{padding-top:1em;}
#footer h4 {color:#003366; }

#copyright {
	color: #003366;
	font-size: 0.7em;
	height: 20px;
	display: block;
	border-top: 1px solid #e1e1e1;
	margin: 1.5em 0em 1em -1em;
	padding: 2em 0em 2em 1em;
	background: #ffe806;

}

#footer { border-top:1px solid #e1e1e1;
margin-left:-1em; padding:1em 0em 1em 1em; background-image: url(); background-repeat:no-repeat;background-position: 1em 6em; height:30em;}
input[type=radio] {margin:5px 0 15px 0;}


textarea {width:70%;}

/*input[name=submit]{ margin-top:25px; width:70%; height:44px;}
*/

a {color:#0066aa;}

#footer a{padding-right:1em; color:#003366;}


dl.show-labels a[target=_blank]{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat; padding:0 1em 0 0;
	
	}
a[target=_blank]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat; padding-right:1em;
}

div#login a[target=_blank]{padding-left:0; display:block; width:120px; }
#copyright a.copyright {padding-right:2em;}
.login #footer{border-top:0px;}
