.form {
  line-height: 2.0em;
}
.rowSelected {
background-color:#6a727a;
}
.rowEditing {
background-color:#889098;
}
.hideElement {
/*  display:none*/
visibility:hidden;
}
.disableElement {
 background-color:#5a626a;
}
.disable {
  background-color:#4a525a;
  color:#6a727a;

  pointer-events: none;
  cursor: default;
}
.selected {
  background-color:#6a727a;
  pointer-events: none;
  cursor: default;
}
.box {
/*  width:600px;*/
  background-color:#6a727a;
  border:solid 1px;
  border-color:#7a828a;
}
.badResults {
  color:#c01103;
  background-color:#ddd;
  padding:10px;
}
.block {
/*  display: table-row;
  display: block;*/
}
.scroll {
  overflow:auto;
  height:370px;
}
.alignLeft {
  text-align:left;
}
.alignRight {
  text-align:right;
}
.alignCenter {
  text-align:center;
}
.fireballed {
  font-family: Verdana, "Bitstream Vera Sans", sans-serif;
  background-color: #4a525a; /* dark blue slate thing */
  color: #eee;
  /* thank you John Gruber */
  /*font-size: small; this actually makes the form elements bigger*/
  border-top-color:#777;
  border-left-color:#777;
  border-bottom-color:#888;
  border-right-color:#888;
}
.transparent {
  background-color:#6a727a;
  border-color:#6a727a;
  
}
h4 {
  margin:0em;
  padding-bottom: 0.2em;
  color: #AAA;
  }
span.fireballed {
  padding-top:2px;
  padding-bottom:3px;
  border-right:solid 1px;
  border-bottom:solid 1px;
/*  border-color:#2a323a;*/
}
.outputHeader {
  text-align:right;
}
.output {
  background-color: #4a525a; /* dark blue slate thing */
  color: #fff;
  width:600px;
}
.titleReallySmall {
  font-size: x-small;
  font-weight: normal;
  line-height: 0.6em;
}
.formOutput {
  font-size: x-small;
  font-weight: normal;
  line-height: 0.6em;
  background-color: #4a525a; /* dark blue slate thing */
  background-color: #5a626a; /* default background */
  background-color: #6a727a; /* elementBox color */
  border-width:0px;
  color: #fff;
}
.formOutputBig {
  font-size: small;
  font-weight: normal;
  line-height: 0.6em;
  background-color: #4a525a; /* dark blue slate thing */
  background-color: #5a626a; /* default background */
  border-width:0px;
  color: #fff;
}
.button {
  margin: 1em 0.6em 1em 0.6em;
 /* font-size: smaller;*/
}
.titleSmall {
  font-size: small;
  font-weight: normal;
  line-height: 1.4em;
}
.titleNormal {
  font-weight: normal;
}
#status {
  min-height:18px;
/*  width:40em;/* 600 - 40 */
  margin-left:0em;
  margin-right: 1em;
  font-size:smaller;
  line-height: 1.4em;
  padding:0.5em;
  clear: left;
}
.empty {
  border:solid 1px;
/*  border-color:#5a626a;*/
  border-color:black;
}
.box {
  background-color:#6a727a;
  border:solid 1px;
  border-color:#7a828a;
}
.badResults {
  color:#c01103;
  background-color:#ddd;
  padding:10px;
  border-color:#7a828a;
}
/*#signon {
  border: solid 1px;
}*/
.signon {
/*  float:right;*/
  text-align:right;
  font-size:smaller;
/*  background-image:url("transparentBackgroundBurst.png");
  background-color:transparent;*/
}
  body{
  font-family: Verdana, "Bitstream Vera Sans", sans-serif;
/*  line-height: 1.8em;*/
  background-color: #4a525a;/*#5a626a;*/ 
  color: #ccc;
 /* font-size: medium; this actually makes the form elements bigger*/
  }
input {
  margin: .3em;
  font-size: larger;
}
.input {
  margin: .3em;
  font-size: larger;
}
input.indentList {
  margin: 0em 0em 1em 1em;
}
input.indentListx2 {
  margin: 0em 0em 1em 3em;
}
.link {
  float: left;
/*  margin-left: auto;
  margin-right: auto;*/
  margin: 0.0em;
  padding: 0.5em;
  text-align: center;
  font-size: smaller;
  /*  padding: 0.5em 0em 0em 0em;*/
}
  a { text-decoration: none;
/*    font-weight: bolder;*/
    }

  a.disable:link { color: #6a727a;
    }

a.selected:visited {
  color:#eee;
  background-color:#6a727a;
}
  a:link { color: #ccc;
    }

  a:visited { color: #ccc;
    }

  a:hover, a:active { color: #eee;
/*  background-color:#6a727a;*/
    }
    
#homeImg {
  background: url('home.png');
}
#homeImg:hover {
  background: url('homeSelected.png');
}
#vehicleImg {
  background: url('vehicle.png');
}
#vehicleImg:hover {
  background: url('vehicleSelected.png');
}
#mileageImg {
  background: url('mileage.png');
}
#mileageImg:hover {
  background: url('mileageSelected.png');
}
#gasReceiptsImg {
  background: url('gasReceipts.png');
}
#gasReceiptsImg:hover {
  background: url('gasReceiptsSelected.png');
}
/*#homeLink.span {
  background-image: url('home.png');
}
#homeLink:hover {
  
  background-image: url('homeSelected.png');
}
#vehicleLink.a {
  background-image: url('vehicle.png');
}
#vehicleLink:hover {
  
  background-image: url('vehicleSelected.png');
}*/
table {
  border-collapse: collapse;
/*  background-color:#5a626a;*/
}
table.timeSheet {
  
  /*line-height: 1.8em;*/
}
table.test {
  border:solid white 1px;
}
.test {
  border:solid white 1px;
}
/*tr, form {
  vertical-align:text-top;
  margin: 1em;
}*/
/*.tableRow {
  margin-bottom: 3em;
}*/
th {
/*  text-align:center;*/
  padding:0.2em;
  padding-bottom:0.6em;
  background-color: #4a525a;/*#5a626a;*/ 
}
td.list {
/*  padding: 4px;*/
  border-style: solid;
  border-width: 0em .4em .6em 0em;
  border-color:#4a525a;/*#5a626a;*/
}
.data {
  text-align: center;
}
.elementBox {
  margin: 0.5em 0em 0.5em 0em;
  padding: 0.5em 0.7em 0.7em 1em;
  background-color:#6a727a;
  border:solid 1px;
  border-color:#6a727a;/*#7a828a;*/
  clear: left;
}

#twoColumn {
  -moz-column-count:2; /* Firefox */
  -webkit-column-count:2; /* Safari and Chrome */
  column-count:2;
  -moz-column-gap:40px; /* Firefox */
  -webkit-column-gap:40px; /* Safari and Chrome */
  column-gap:40px;
  -moz-column-rule:3px outset #ff00ff; /* Firefox */
  -webkit-column-rule:3px outset #ff00ff; /* Safari and Chrome */
  column-rule:3px outset #ff00ff;
}