/* Style rules to make data tables look better */

.list-header {
  background-color: #eeeeee;
  font-size: larger;
  font-weight: bold;
}

.list-paging-header {
  background-color: white;
}

.list-paging-footer {
  background-color: white;
}

.list-row-even { 
}

.list-row-odd {  
  background-color: #eeeeee;
}

/* Style rules for message severity levels */

.infoMessage {
  color: black;
}

.warnMessage {
  color: orange;
  font-weight: bold;
}

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

.fatalMessage {
  color: red;
  font-style: italic;
  font-weight: bold;
}

/* Align three column table */
.tableColumn1 {
  text-align: left;
  width: 50%;  
}

.tableColumn2 {
  text-align: center;
  width: 1000px;
}

.tableColumn3 {
  text-align: right;
  width: 50%;
}

/* Align three column table */
.myAccColumn1 {
  text-align: left;
  width: 50%;  
}

.myAccColumn2 {
  text-align: center;
  width: 650px;
}

.myAccColumn3 {
  text-align: right;
  width: 50%;
}

/* Align three column table */
.accColumn1 {
  text-align: left;
  width: 50%;  
}

.accColumn2 {
  text-align: center;
  width: 450px;
}

.accColumn3 {
  text-align: right;
  width: 50%;
}

/* Align three column table */
.accWColumn1 {
  text-align: left;
  width: 50%;
}

.accWColumn2 {
  text-align: center;
  width: 500px;
}

.accWColumn3 {
  text-align: right;
  width: 50%;
}

/* Align three column table */
.acc2Column1 {
  text-align: left;
  width: 50%;  
}

.acc2Column2 {
  text-align: center;
  width: 250px;
}

.acc2Column3 {
  text-align: right;
  width: 50%;
}

/* Align footer */
.footerColumn1 {
  
  width: 200px;
}

.footerColumn2 {
  
  width: 550px;
}

.footerColumn3 {
  
  width: 250px;
}

/* Align three column in table all 33% */
.table3Col1 {
    width: 33%;
}

.table3Col2 {
    width: 33%;
}

.table3Col3 {
    width: 33%;
}

/* Header Background */
.headerBackground {
    background-image: url('PageBanner.jpg');
    background-repeat: no-repeat;
}

/* Align header columns */
.pageHeaderColumn1 {
    width: 320px;
    height: 120px;
}

.pageHeaderColumn2 {
    width: 680px;
    text-align: right;
    height: 120px;
}

/* Align page body */
.pageBodyColumn1 {
    width: 750px;
}

.pageBodyColumn2 {
    width: 250px;
}

/* Align table columns 500:250 */
.tableColumn500 {
    width: 500px; 
}

.tableColumn250 {
    width: 250px;
}

/* Align table columns 50%:50$% */
.table1Column50 {
    width: 50%; 
}

.table2Column50 {
    width: 50%;
}

/* Axis cameras header */
.axisHeadSide {
    width: 25px;
    height: 130px;
}

.axisHeadSpace {
    width: 8px;
    height: 130px;
}

.axisHeadImage {
    width: 110px;
    height: 130px;
    text-align: center;
}
/* Vertical align top in multicolumn table */
.tableRow {
  vertical-align: top;
}


/* Align Header Table */
.headerLeft {
   text-align: center;
   vertical-align: top;
   width: 30%;
}

.headerRight {
   text-align: center;
   vertical-align: middle;
   width: 70%;
}

/* Align Menu Table */
.menuItemLeft {
   text-align: center;
   width: 10px;
   height: 25px;
}

.menuItem1 {
   text-align: center;
   width: 120px;
   height: 25px;
}

.menuItem2 {
   text-align: center;
   width: 3px;
   height: 25px
}

.menuItem3 {
   text-align: center;
   width: 120px;
   height: 25px;
}

.menuItem4 {
   text-align: center;
   width: 3px;
   height: 25px;
}

.menuItem5 {
   text-align: center;
   width: 120px;
   height: 25px;
}

.menuItem6 {
   text-align: center;
   width: 3px;
   height: 25px;
}

.menuItem7 {
   text-align: center;
   width: 120px;
   height: 25px;
}

.menuItem8 {
   text-align: center;
   width: 3px;
   height: 25px;
}

.menuItem9 {
   text-align: center;
   width: 120px;
   height: 25px;
}

.menuItemRight {
   text-align: center;
   width: 10px;
   height: 25px;
}

/* Menu hover */
.menu {
   background-image: url('menu.jpg');
   background-repeat: no-repeat;
   width: 120px;
   height: 25px;
   text-decoration: none;
   color: white;
   font-weight: bold;
}
.menu:link {
}
.menu:hover {
   background-image: url('menuHover.jpg');
   background-repeat: no-repeat;
   width: 120px;
   height: 25px;
   text-decoration: none;
   color: blue;
   font-weight: bold;
}
.menu:active {
   background-image: url('menuHover.jpg');
   background-repeat: no-repeat;
   width: 120px;
   height: 25px;
   text-decoration: none;
   color: blue;
   font-weight: bold;
}


.table90x10left {
    width: 90%;
}
  
.table90x10right {
    width: 10%;
}

.table20x80left {
    width: 20%;
}
  
.table20x80right {
    width: 80%;
}

.table5x95left2 {
    width: 5%;
}
  
.table5x95right2 {
    width: 95%;
}

.table5x95left {
  width: 8%;
  text-align: left;
  vertical-align: middle
}

.table5x95right {
    width: 92%;
    text-align: justify;
    vertical-align: middle
}