body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

img {
  border: 0;
}

div.app_center {
  margin-left: -550px;
  width: 1100px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
}

.textError {
  color: #A00000;
  font-weight: bold;
  text-align: center;
  font-size: 10pt;
  margin: 4px auto;
}

.textOk {
  color: #40c060;
  font-weight: bold;
  text-align: center;
  font-size: 10pt;
  margin: 4px auto;
}

input {
  font-size: 10pt;
}

select {
  font-size: 10pt;
}

input.mandatory {
  background-color: #ffb0b0;
}

textarea.mandatory {
  background-color: #ffb0b0;
}

table {
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  border-left-style: none;
  border-right-style: none;
}

table tr td {
  border-width: 0px;
  border-color: #dedede;
  border-style: solid;
}

table tr {
  border-width: 0px;
  border-color: #dedede;
}

table.rowcol tr td {
  text-align: center;
}

th {
  background-color: #000000;
  margin: 4px auto;
  font-weight: bold;
  border-style: solid;
  color: #e0e0a0;
}

td {
  margin: 2px auto;
  border-style: none;
}

div.app_box {
  position: absolute;
  left: 0;
  top: 125px;
  height: 25px;
  width: 1100px;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
}

div.app_top {
  left: 0px;
  top: 0px;
  background-color: #ffffff;
  height: 130px;
}

div.app_inner {
  position: absolute;
  top: 0px;
  left: 905px;
  height: 140px;
  width: 190px;
  color: #000000;
  background-color: #ffffff;
}

div.app_inner_tab {
  display: inline-block;
  margin: 5px;
}

div.app_inner_tab a {
  color: #000000;
  font-weight: bold;
}
div.app_inner_tab a:hover {
  color: #e0b090;
}

div.app_main {
  position: absolute;
  top: 150px;
  padding: 5px 15px 5px 15px;
  background-color: #ffffff;
  width: 1070px;
  min-height: 500px;
}
div.app_mini {
  position: absolute;
  top: 100px;
  padding: 5px 15px 5px 15px;
  background-color: #ffffff;
  width: 1070px;
  text-align: center;
}

div.hotlink {
  font-size: 9pt;
  overflow: hidden;
  width: 140px;
}

a {
  color: #972020;
}

a:visited {
  color: #972020;
}

a:hover {
  background-color: #972020;
  color: #e0e0a0;
}

a.button {
  color: #972020;
}

a.button:visited {
  color: #972020;
}

a.white {
  color: #ffffff;
  padding: 2px 5px 2px 5px;
}

a.white:visited {
  color: #ffffff;
}

a.white:hover {
  color: #ffffff;
  background-color: #000000;
}

a.th {
  font-size: 8pt;
  color: #101010;
  background-color: #972020;
  font-weight: normal;
  text-decoration: none;
}

span.th {
  font-size: 8pt;
  color: #c0c0c0;
  background-color: #205287;
  font-weight: normal;
}

span.must_fill {
  border-left: 3px solid #e00000;
  padding-left: 6px;
  width: 100%;
}

.hidden {
 visibility: hidden;
 font-size: 1pt;
}

tr { background-color: #cecece; }
 .initial { background-color: #cecece; color: #000000; }
 .normal { background-color: #cecece; }
 .highlight { background-color: #a9a9a9; }

table.minirota {
  font-size: 8pt;
  color: #ffffff;
  border-style: none;
}

td.underl {
  border-bottom: 1px solid black;
  font-weight: bold;
}

a.nondecor {
  color: #ffffff;
  text-decoration: none;
}

ul.app_box_fx, ul.app_box_fx ul {
  z-index: 1;
  width: 1000px;
  background-color: #001018;
  padding-left: 40px;
  cursor: default;
  margin: 0px;
}
ul.app_box_fx ul {
  padding-left: 0px;
}
ul.app_box_fx li {
  list-style-type: none;
  border: 1px solid #ffffff;
  padding: 3px 6px 3px 6px;
  position: relative;
  color: #ffffff;
  display: inline-block;
  width: 180px;
  height: 17px;
  background-color: #001018;
}
ul.app_box_fx li > ul {
  display: none;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 140px;
}

ul.app_box_fx li:hover > ul {
  display: block;
}
ul.app_box_fx li a {
  color: #e0e0e0;
  width: 172px;
  padding: 3px 6px 3px 6px;
  text-decoration: none;
  background-color: #001018;
  display: block;
  height: 13px;
}
ul.app_box_fx li:hover > a {
  color: #000;
  background-color: #a0b0c0;
  width: 172px;
  height: 11px;
}

div.f_app {
  position: absolute;
  text-align: center;
  z-index: 1;
  left: 360px;
  top: 300px;
  border: 2px solid #4040e0;
  background-color: #ffffff;
  visibility: hidden;
}

div.f_app_row {
  padding: 2px 4px 2px 4px;
  width: 350px;
}

.spanText {
  white-space: pre-wrap;
}

.IBLK {
  display: inline-block;
}
.CENTER {
  text-align: center;
}
.divJ100 {
  width: 98%;
  margin: 0 1%;
  font-size: 11pt;
}
.divJ50 {
  width: 48%;
  margin: 0 1%;
  font-size: 11pt;
}

.thVertical {
  white-space: nowrap;
  transform: rotate(270deg);
  color: #000000;
  font-weight: bold;
  border: 0;
  background-color: transparent;
}

.thVertical span {
  display: inline-block;
  width: 30px;
}

.inputMini {
  font-size: 8pt;
}

.app_inner_test {
  color: red;
  font-weight: bold;
}

.divGreen {
  display: inline-block;
  margin: 0 5px;
  padding: 0 3px;
  background-color: green;
  color: white;
}

.divBlue {
  display: inline-block;
  margin: 0 5px;
  padding: 0 3px;
  background-color: blue;
  color: white;
}

.divRed {
  display: inline-block;
  margin: 0 5px;
  padding: 0 3px;
  background-color: red;
  color: white;
}

.divWhite {
  display: inline-block;
  margin: 0 5px;
  padding: 0 3px;
  background-color: white;
  color: black;
}

.divWM {
  position: absolute;
  width: 600px;
}
.divJ20 {
  display: inline-block;
  margin: 1%;
  width: 18%;
}
.divJ80 {
  display: inline-block;
  vertical-align: top;
  margin: 1%;
  width: 78%;
}
.divMenu0 {
  text-align: center;
  text-decoration: bold;
  border: 1px solid black;
  color: #000000;
  padding: 1%;
  margin: 3% 0;
}
.divMenu1 {
  background-color: #303030;
  color: #ffffff;
}
.divJ80 img {
  border: 1px solid black;
}
.divBORDER {
  border: 1px solid black;
  margin: 1%;
  padding: 1%;
}
.divL10 {
  display: inline-block;
  width: 9%;
  margin-right: 1%;
}
.divL30 {
  display: inline-block;
  width: 29%;
  margin-right: 1%;
}
.divL80 {
  display: inline-block;
  width: 79%;
  margin-right: 1%;
}
.divL90 {
  display: inline-block;
  width: 89%;
  margin-right: 1%;
}
.divR10 {
  display: inline-block;
  width: 9%;
  margin-left: 1%;
  text-align: right;
}
.divR25 {
  display: inline-block;
  width: 24%;
  margin-left: 1%;
  text-align: right;
}
.divR70 {
  display: inline-block;
  width: 69%;
  margin-left: 1%;
  text-align: right;
}
.spanOk {
  background-color: #50d050;
  padding: 12pt 20pt;
  font-weight: bold;
  margin: 0 5pt;
  font-size: 16pt;
}
.spanWarn {
  background-color: #d0d020;
  padding: 12pt 20pt;
  font-weight: bold;
  color: #202020;
  margin: 0 5pt;
  font-size: 16pt;
}
.spanErr {
  background-color: #ff8080;
  padding: 12pt 20pt;
  font-weight: bold;
  margin: 0 5pt;
  font-size: 16pt;
}
.spanDis {
  background-color: #8080d0;
  padding: 12pt 20pt;
  font-weight: bold;
  margin: 0 5pt;
  font-size: 16pt;
}
.spanGreen {
  background-color: #c0ffc0;
  padding: 0.5% 1%;
}
.spanRed {
  background-color: #ffc0c0;
  padding: 0.5% 1%;
}

.divScreen {
  position: relative;
  width: 700px;
  height: 120px;
  background-image: url("/tmpls/images/screen-background_700x60.png");
  background-repeat: no-repeat;
}
.divScreen0 {
  position: relative;
  width: 700px;
  height: 120px;
  background-image: url("/tmpls/images/screen-background0_700x60.png");
  background-repeat: no-repeat;
}
.divScreen1 {
  color: #f2f270;
  font-weight: bold;
  padding: 5px 20px 0 20px;
  font-size: 24px;
}
.divScreen2 {
  color: #e9e9e9;
  padding: 2px 20px;
  font-size: 20px;
}
.miniGrey {
  color: #858595;
  font-size: 9pt;
}

.divI0 {
  background-color: #141414;
  margin: 42pt 0 42pt 0;
}
.divI1 {
  padding: 35pt 25pt 12pt 25pt;
  color: #d0d0d0;
  font-size: 52pt;
}
.divI2 {
  padding: 12pt 25pt;
  color: #ffffff;
  font-size: 72pt;
  font-weight: bold;
}
.divI3 {
  padding: 12pt 25pt 35pt 25pt;
  color: #ffffe0;
  font-size: 64pt;
}
.spanInv {
  background-color: #000000;
  color: #ffffff;
  padding: 0 4px;
}
