#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999;
  /* makes sure it stays on top */
}

/* logo loading   */
#status {
  width: 100%;
  height: 100%;
  position: absolute;
  display: table;
  left: 0;
  /* centers the loading animation horizontally one the screen */
  top: 0;
  /* centers the loading animation vertically one the screen */
  background-repeat: no-repeat;
  background-position: center;
}
#status .loading-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#status .loading-wrapper img {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 1s, -webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 1s, -moz-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 1s, -o-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 1s,-webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1),-moz-transform 3s cubic-bezier(0.19, 1, 0.22, 1),-o-transform 3s cubic-bezier(0.19, 1, 0.22, 1),transform 3s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate(0, 30px);
  -moz-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate(0, 30px);
}
#status .loading-wrapper img.ready {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#status-loaded {
  -webkit-transition: width 0.7s;
  -moz-transition: width 0.7s;
  -o-transition: width 0.7s;
  transition: width 0.7s;
  width: 0;
  height: 80px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-repeat: no-repeat;
  background-position: center;
  margin: -16px 0 0 -64px;
  /* is width and height divided by two */
}

.form TH {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 80%; PADDING-BOTTOM: 0px; COLOR: #352d14; PADDING-TOP: 0px; BACKGROUND-COLOR: #e1d5b0; TEXT-ALIGN: left
}
.form TD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 75%; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; PADDING-TOP: 3px
}
.form TD.inst {
	FONT-SIZE: 70%; COLOR: #666
}
.qsinst {
	FONT-SIZE: 70%; COLOR: #666
}
.form TD.inst2 {
	FONT-SIZE: 80%; COLOR: #000
}
.qsinst {
	PADDING-LEFT: 5px
}