html {
  height: 100%;
  width: 100;
}

body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  color: #333333;
  background-image: linear-gradient(#39689D, #192a50);
  background-attachment: fixed;
  text-align: center;
}

h1 {
  margin: 6px 0px 1px 0px;
  padding: 4px;
  font: 800 20px verdana, arial, helvetica, sans-serif;
  color: #FFFFFF;
  background-image: linear-gradient(#6F8DAF, #192A50);
  border: 1px solid #42458b;
  border-radius: 6px;
  text-align: center;
}

h2 {
  margin: 2px 0px 1px 0px;
  padding: 4px;
  font: 800 16px verdana, arial, helvetica, sans-serif;
  color: #FFFFFF;
  background-image: linear-gradient(#6F8DAF, #192A50);
  border: 1px solid #42458b;
  border-radius: 6px;
  text-align: center;
  box-shadow: 0 0 2px #192A50;
}

p {
  font: 10px verdana, arial, helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

/* MLG : Added .blue et al*/
a:link.blue,a:visited.blue {
  color: #FFFFFF;
  text-decoration: none;
  font: 800 10px verdana, arial, helvetica, sans-serif;
  background-color: #5F65F9;
  border: 1px solid #42458b;
  border-radius: 6px;
  padding: 1px 4px 1px 4px;
}

a:hover.blue {
  color: #FFFFFF;
  text-decoration: none;
  font: 800 10px verdana, arial, helvetica, sans-serif;
  background-color: #5F65F9;
  border: 1px solid white;
  border-radius: 8px;
  padding: 1px 4px 1px 4px;
  box-shadow: 0 0 4px #F9F9F9;
}

a:link.grey,a:visited.grey {
  color: #282A5D;
  text-decoration: none;
  font: 800 10px verdana, arial, helvetica, sans-serif;
  border: 1px solid black;
  border-radius: 5px;
  padding: 2px 4px 2px 4px;
  box-shadow: 0 0 4px #808080;
  background-image: linear-gradient(#96A5B6, #39689D);
  white-space: nowrap;
}

a:hover.grey {
  color: #F0F0F0;
  text-decoration: none;
  font: 800 10px verdana, arial, helvetica, sans-serif;
  background-color: #282A5D;
  border: 1px solid grey;
  border-radius: 8px;
  padding: 1px 4px 1px 4px;
  box-shadow: 0 0 4px #F9F9F9;
  background-image: linear-gradient(#192A50, #6F8DAF);
  white-space: nowrap;
}

a:link.red,a:visited.red {
  color: #000000;
  text-decoration: none;
  font: 800 10px verdana, arial, helvetica, sans-serif;
  background-color: red;
  border: 1px solid black;
  border-radius: 5px;
  padding: 1px 4px 1px 4px;
}

a:hover.red {
  color: #000000;
  text-decoration: none;
  font: 800 10px verdana, arial, helvetica, sans-serif;
  background-color: yellow;
  border: 1px solid grey;
  border-radius: 8px;
  padding: 1px 4px 1px 4px;
  box-shadow: 0 0 4px #F9F9F9;
}

a:link.yellow,a:visited.yellow {
  color: #000000;
  text-decoration: none;
  font: 800 10px verdana, arial, helvetica, sans-serif;
  background-color: yellow;
  border: 1px solid black;
  border-radius: 6px;
  padding: 1px 4px 1px 4px;
}

a:hover.yellow {
  color: #000000;
  text-decoration: none;
  font: 800 10px verdana, arial, helvetica, sans-serif;
  background-color: red;
  border: 1px solid black;
  border-radius: 8px;
  padding: 1px 4px 1px 4px;
  box-shadow: 0 0 4px #F9F9F9;
}

a:link {
  color: black;
  border-top: 1px dashed #AAAAAA;
  border-bottom: 2px solid #192A50;
}

a:visited {
  color: black;
  border-top: 1px dashed #AAA;
  border-bottom: 1px dashed #AAA;
}

a:hover {
  color: black;
  background-color:#eee;
  border-top: 1px dashed #2d353e;
  border-bottom: 2px solid #2d353e;
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 10px;
  box-shadow: 0 0 4px #F9F9F9;
}

a {
  color: black;
  text-decoration:none;
  font: 600 10px verdana, arial, helvetica, sans-serif;
}

p.alpha {
  padding-bottom: 2em;
}

a.alpha {
  font-size: 110%;
}

.pass {
  text-align: center;
  border: 1px solid #264E1A;
  border-radius: 4px;
  padding: 3px 8px 3px 8px;
  background-color: #78cf5e;
}

.warn {
  text-align: center;
  border: 1px solid #bb6400;
  border-radius: 4px;
  padding: 3px 8px 3px 8px;
  background-color: #FFA500;
}

.fail {
  text-align: center;
  border: 1px solid #FF0000;
  border-radius: 4px;
  padding: 3px 8px 3px 8px;
  background-color: #FF4F4F;
}

table,td,th,tr {
  border: hidden;
  font-size: 10pt;
  text-align: left;
}

tr {
  height: 20px;
}

table.zebra {
  border-radius: 6px;
  border-color: transparent;
}

tr:hover.result {
/*  Using rgba allows for semi-transparent "hover" */
  background-image: linear-gradient(rgba(22, 40, 61, 0.3), rgba(29, 54, 65, 0.3));
  box-shadow: 3px #F9F9F9;
}

tr:nth-child(even).result {
  background-color: #96A5B6;
  border-color: transparent;
  height: 20px;
}

tr:nth-child(odd).result {
  background-color: #6F8DAF;
  border-color: transparent;
  height: 20px;
}

tr:nth-child(even).none, tr:nth-child(odd).none, tr:hover.none {
  background-color: transparent;
  height: 20px;
}

td.check {
  text-align: center;
}

td.button {
  padding-top: 1em;
  text-align: center;
}

td.trash {
  padding-right: 3px;
}

td.padafter {
  padding-bottom:1em;
}

td.padbefore {
  padding-top:1em;
}

tr.disabled a {
  text-decoration: line-through;
  color: #666666;
}

div.row {
  clear: both;
  padding-top: 10px;
}

div.button {
  clear: both;
  padding-top: 10px;
  text-align: center;
}

div.row span.label {
  float: left;
  width: 125px;
  text-align: right;
}

div.row span.formw {
  position: relative;
  width: 300px;
  text-align: left;
}

.backgrey {
  font: normal 10px Verdana, Arial, Courier, Monaco, monospace;
  text-align: center;
  color: white;
  background-image: linear-gradient(#39689D, #192A50);
  border-radius: 8px;
  border: 2px solid #FF0000;
  padding: 5px 3px 5px 3px;
}

.txtblue {
  color: blue;
}

.txtgreen {
  color: green;
}

.txtred {
  color: red;
}

.txtyellow {
  color: yellow;
}

#header {
  font: 800 12px Verdana, Arial, Courier, Monaco, monospace;
  width: 580px;
  height: 28px;
  visibility: visible;
  margin-top: 60px;
  margin-left: 230px;
  padding-top: 0;
  padding-bottom: 8px;
  border: 1px dashed #000000;
  border-radius: 8px;
  background-image: linear-gradient(#6F8DAF, #39689D);
  box-shadow: 3px 3px 3px #192A50;
}

.textfield      {
  border-color: #000000;
  border-width: 1px;
  border-radius: 2px;
  margin: 8px;
 }

#Status {
  position: absolute;
  bottom: 2em;
  font-weight: bold;
  left: 10%;
  text-align: center;
  border: 1px dashed #999;
  padding: .5em 2em 5em 2em;
/* Again, the ugly brilliant hack. */
  voice-family: "\"}\"";
  voice-family:inherit;
  width:500px;
}

/* Again, "be nice to Opera 5". */
body>#Status {width:500px;}

.credit {
  font: normal 10px verdana, arial, helvetica, sans-serif;
  color: #333;
  text-align: center;
  background-color: #7d8a99;
  border-radius: 8px;
  margin: 0px;
  padding: 6px 10px 6px 10px;
/*  text-shadow: 2px 2px #b4b4b4; */
  text-shadow: 4px 4px 4px #AAAAAA;
}

.failed {
  text-align: center;
  font: 800 12px verdana, arial, helvetica, sans-serif;
  color: white;
  padding: 5px;
  background-color: red;
  border: 1px solid black;
  border-radius: 10px;
  width: 95%;
}

.success {
  text-align: center;
  font: 800 12px verdana, arial, helvetica, sans-serif;
  color: white;
  padding: 5px;
  background-image: linear-gradient(#7CFC00, #008000);
  border: 1px solid black;
  border-radius: 10px;
  width: 95%;
}

.warning {
  text-align: center;
  font: 800 12px verdana, arial, helvetica, sans-serif;
  color: white;
  padding: 5px;
  background-image: linear-gradient(#FFA500, #FF0000);
  border: 1px solid black;
  border-radius: 10px;
  width: 95%;
}

input[type=text], input[type=password], select {
  display: inline-block;
  width: 68;
  font-size:12px;
  padding: 6px 10px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-image: linear-gradient(#FEFEFE, #E0E0E0);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: text;
}

input[type=submit] {
  width: 100%;
  font-size:12px;
  font-weight: 700;
  color: white;
  padding: 4px 10px;
  margin: 4px 0;
  border: 1px solid #153E0E;
  border-radius: 4px;
  cursor: pointer;
  background-image: linear-gradient(#4CAF50, #45a049);
  background-color: #4CAF50;
}

input[type=button], input[type=reset] {
  font-size:12px;
  font-weight: 700;
  color: white;
  padding: 4px 10px;
  margin: 4px 0;
  border: 1px solid #153E0E;
  border-radius: 4px;
  background-image: linear-gradient(#4CAF50, #45a049);
  background-color: #4CAF50;
  cursor: pointer;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
  box-shadow: 0 0 4px #808080;
  background-color: #45a049;
  border: 1px dotted #153E0E;
  background: linear-gradient(#45a049, #45a049 25%, #4CAF50);
  box-shadow: 0 0 4px #090909;
}

input[type=radio], input[type=checkbox] {
  cursor:pointer;
  line-height: normal;
}

input {
  box-sizing: border-box;
  background-image: linear-gradient(#fefefe, #e0e0e0);
  background-color: #fefefe;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: text;
}

input:hover {
  box-shadow: 0 0 4px #808080;
  background-color: #E0E0E0;
  background-image: linear-gradient(#E0E0E0, #E0E0E0 25%, #FEFEFE);
  box-shadow: 0 0 5px #282A5D;
}