@charset "utf-8";

body	{ font-family: Helvetica, Arial, sans-serif; width:1200px; margin:10px auto; }
p, h1, h2, h3 { margin:0px; padding:0px; color:#333333;}


/* Header */
.headerBg {
    width:1200px;
    height: 117px;
    margin-top: 30px;
    padding: 20px;
    padding-bottom: 25px;
    border-top: 2px #000000 solid;
    border-left: 2px #000000 solid;
    border-right: 2px #000000 solid;
}

/* Header Image */

.leftpic {
width:125px;
height:125px;
}

.rightpic {
 width:150px;
 height:80px;
}

.centerpic {
 width:420px;
 height:100px;
 margin-top: 0px;
}


/* Navigation Bar */

.navigationBg	{
  width: 1240px;
  background-color: #14549F;
  height: 54px;
  border-left: 2px #000000 solid;
  border-right: 2px #000000 solid;
  position: relative;
}

ul#navigation	{
  width: 1200px;
  margin: 0 auto;
}

ul#navigation li	{
  height: 50px;
  float: left;
  margin-right: 25px;
  line-height: 30px;
  list-style-type: none;
}

ul#navigation li a	{
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;

}

ul#navigation li a:hover	{
  color: #ffffff;
  text-decoration: none;
  text-shadow: 2px 3px 0px #000000;
  filter: dropshadow(color=#000000, offx=1, offy=1); }

.menu {
  text-decoration:none; color:white; font-weight:bold; line-height:30px; padding-left:20px;  padding-right:5px;
}


h2 {font-size:16px; text-transform:uppercase;}


/* Contents */

.content {
    width:1200px;
    text-align:left;
    height:auto;
    padding: 20px;
    border-left: 2px #000000 solid;
    border-right: 2px #000000 solid;
}


/* submenu */

.submenulist {text-decoration:underline;color:#333333;padding-right:10px;}
.submenulist2 {text-decoration:none;color:#333333;padding-right:20px;}
.submenulist1 {text-decoration:none;color:#666666;padding-right:20px;}
.submenulist :hover {color:#333333}

#submenu {
  width:95%;
  background-color:#d0d8e8;
  margin: 0 auto;
  padding: 5px 5px 5px 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  height:20px;

}

#subwrapper{margin:0 auto;}
#submenu ul
{margin:0px; color:#333333; padding:0px 5px 0px 5px; }
#submenu ul li
{
  display:block;
  height:20px;
  float:left;
  list-style:none;
  margin-left:10px;
  position:relative;
  font-size: 13px;
}

#submenu  ul li ul li{margin:0px; padding:5px 10px 5px 10px;}

#submenu li a
{color:#333333; text-decoration:none;}
#submenu li a:hover
{color:#333333; text-decoration:underline;}
#submenu li ul
{
  margin:0px;
  padding:0px;
  display:none;
  position:absolute;
  left:0px;
  top:20px;
  background-color:#d0d8e8;

}
#submenu li:hover ul
{
  display:block;
  float:left;
  padding: 5px 10px 5px 10px;
  width:130px;


}
#submenu li li
{
  list-style:none;
  display:list-item;
}

#submenu li li:hover
{
  background-color: #4f81bd;
  padding: 5px 10px 5px 10px;
  width:110px;
}

#submenu li li a
{color:#333333; text-decoration:none;}
#submenu li li a:hover
{color:#333333; text-decoration:none;}


/* submenu for reports */

.submenulistrep {text-decoration:underline;color:#333333;padding-right:10px;}
.submenulist2 {text-decoration:none;color:#333333;padding-right:20px;}
.submenulist1 {text-decoration:none;color:#666666;padding-right:20px;}
.submenulistrep :hover {color:#333333}

#submenurep {
  width:95%;
  background-color:#d0d8e8;
  margin: 0 auto;
  padding: 5px 5px 5px 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  height:35px;

}

#subwrapper{margin:0 auto;}
#submenurep ul
{margin:0px; color:#333333; padding:0px 5px 0px 5px; }
#submenurep ul li
{
  display:block;
  height:20px;
  float:left;
  list-style:none;
  margin-left:8px;
  position:relative;
  font-size: 13px;
}

#submenurep  ul li ul li{margin:0px; padding:5px 10px 5px 10px;}

#submenurep li a
{color:#333333; text-decoration:none;}
#submenurep li a:hover
{color:#333333; text-decoration:underline;}
#submenurep li ul
{
  margin:0px;
  padding:0px;
  display:none;
  position:absolute;
  left:0px;
  top:20px;
  background-color:#d0d8e8;

}
#submenurep li:hover ul
{
  display:block;
  float:left;
  padding: 5px 10px 5px 10px;
  width:130px;


}
#submenurep li li
{
  list-style:none;
  display:list-item;
}

#submenurep li li:hover
{
  background-color: #4f81bd;
  padding: 5px 10px 5px 10px;
  width:110px;
}

#submenurep li li a
{color:#333333; text-decoration:none;}
#submenurep li li a:hover
{color:#333333; text-decoration:none;}


/*submenu for ppa*/

.submenulistprep {text-decoration:underline;color:#333333;padding-right:10px;}
.submenulist2 {text-decoration:none;color:#333333;padding-right:20px;}
.submenulist1 {text-decoration:none;color:#666666;padding-right:20px;}
.submenulistprep :hover {color:#333333}

#submenuprep {
  width:95%;
  background-color:#d0d8e8;
  margin: 0 auto;
  padding: 5px 5px 5px 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  height:20px;

}

#subwrapper{margin:0 auto;}
#submenuprep ul
{margin:0px; color:#333333; padding:0px 5px 0px 5px; }
#submenuprep ul li
{
  display:block;
  height:20px;
  float:left;
  list-style:none;
  margin-left:8px;
  position:relative;
  font-size: 13px;
}

#submenuprep  ul li ul li{margin:0px; padding:5px 10px 5px 10px;}

#submenuprep li a
{color:#333333; text-decoration:none;}
#submenuprep li a:hover
{color:#333333; text-decoration:underline;}
#submenuprep li ul
{
  margin:0px;
  padding:0px;
  display:none;
  position:absolute;
  left:0px;
  top:20px;
  background-color:#d0d8e8;

}
#submenuprep li:hover ul
{
  display:block;
  float:left;
  padding: 5px 10px 5px 10px;
  width:220px;


}
#submenuprep li li
{
  list-style:none;
  display:list-item;
}

#submenuprep li li:hover
{
  background-color: #4f81bd;
  padding: 5px 10px 5px 10px;
  width:200px;
}

#submenuprep li li a
{color:#333333; text-decoration:none;}
#submenuprep li li a:hover
{color:#333333; text-decoration:none;}



/* footer */

.footer {
    width:1200px;
    height: 100px;
    color:#fff;
    text-align: left;
    font-size: 11.5px;
    padding: 20px;
    border-bottom: 2px #000000 solid;
    border-left: 2px #000000 solid;
    border-right: 2px #000000 solid;
}

    .footer a{
        color:#000000;
        font-weight: bold;
    }

    .footer a:hover{
        color:#805281;
        font-weight: bold;
    }

.button {
  width:150px;
  color:black;
  font-size: 12pt;
}

.error {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight: bold;
  color: #D8000C;
}

.info {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight: bold;
  color: #5a168e;
}

/* text */
.textlabel {
  font-family:Verdana;
  font-size:13px;
  color: #320032;
  font-weight:bold;
  width:200px;

}

.textstyle {
  font-family:Verdana;
  font-size:14px;
  color: #320032;
  text-transform:none;
  width:200px;
}

/* div buttons */

#actioncontainer {
  width:1100px;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  border-top: 1px solid #989898;
  border-bottom: 1px solid #d0d0d0;
  z-index:1;
  height:20px;
}

#actioncontainer ul {
  list-style:none;

}

#actioncontainer ul li {
  float:left;
  padding-left:20px;
  margin: 0 auto;
}

/* Buttons */
.buttons2{
  border: 1px solid #CF5900;
  padding:5px 10px;
  color:#ffffff;
  border-color:#4f81bd;
  background:#4f81bd;
  background:-moz-linear-gradient(top, #5992d6, #4f81bd);
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#1f8fff), to(#0d6298));
  font-family: Verdana;
  font-size: 14px;
  font-weight:bold;
  text-decoration:none;
  margin-bottom: 10px;
  margin-right: 10px;
  width:auto;
}

.buttons2:hover{
  color:#333333;
  border-color:#666666;
  background:#d0d8e8;
  cursor: pointer;
  width:auto;
}

.buttons2-disabled{
  border: 0px;
  padding:9px 15px 7px 15px;
  /*color: #E3E3E3;
  background-color: #C8D1DE;*/
  color: #bbb !important;
  background-color:#ffc;
  font-family: Verdana;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
}
.buttons2-disabled:hover{
  color:#933;
  background-color:#ffc;
  font-weight:bolder;
}

.buttons3{
  padding:5px 7px 5px 7px;
  color:#ffffff;
  border-color:#4f81bd;
  background:#4f81bd;
  font-family: Verdana;
  font-size: 11px;
  font-weight:bold;
  text-decoration:none;

}
.buttons3:hover{
  color:#333333;
  border-color:#666666;
  background:#d0d8e8;
  font-weight:bolder;
}

/* Button Next */
.buttonsNxt{
  border: 0px;
  padding:9px 15px 7px 15px;
  color: #E3E3E3;
  background-color: #CF5900;
  font-family: Verdana;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;

}
.buttonsNxt:hover{
  color: #320032;
  background-color:#F27901;
  font-weight:bolder;
}

/*table style*/

.tableheader0 {
  font-size:13px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 5%;
}

.tableheader1 {
  font-size:13px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 29%;
}

.tableheader2 {
  font-size:13px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 42%;
}

.tableheader3 {
  font-size:13px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 18%;
}

.tableheader4 {
  font-size:13px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 15.5%;
}
.tableheader7 {
  font-size:10px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  width: 42%;
}

/* LOE Manager */

.tableheader8 {
  font-size:12px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100px;
}

.tableheader9 {
  font-size:12px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 200px;
}

.tableheader10 {
  font-size:13px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 60px;
}

.tableheader11 {
  font-size:12px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 85px;
}

.tableheader12 {
  font-size:10px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 65px;
}

.tableheader13 {
  font-size:10px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 55px;
}


.colstyle1 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    text-transform: uppercase;
    width: 200px;
}

.colstyle2 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    text-transform: uppercase;
    width: 300px;
}

.colstyle3 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    text-transform: uppercase;
    width: 100px;
}
.colstyle31 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    width: 100px;
}
.colstyle4 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 8px;
    width: 42%;
}
.colstyle4-a {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    width: 42%;
    background-color:white;
}
.colstyle5 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 8px;
    width: 42%;
}
.colstyle5-a {
/*    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    width: 42%;*/
    color: red;
/*    border-color: black;
    font-weight: bold;
    background-color:white;*/
}
.colstyle6-a{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: red;
    font-weight: bold;
    
}
/* Daily Trans Rep */
.tableheader5 {
  font-size:10px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 20%;
}

.tableheader6 {
  font-size:9px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#4f81bd;
  font-weight: bold;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 15%;
}


/* LOE */
.linkstyle{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#3b0253;
  text-decoration: underline;
  font-weight: bolder;
}
.linkstyle:hover{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#f07500;
  text-decoration: none;
  font-weight: bolder;
}

/* Report for Inspection */
.alertBg{
      font-family: Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#E42217;
      background-color:#f5d675;
      text-decoration: none;
      font-weight: bolder;
}

/* Report for Inspection Sub */
.alertBgSub{
      font-family: Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-style: italic;
      padding-left : 20px;
      color:#E42217;
      background-color:#f5d675;
      text-decoration: none;
      font-weight: bolder;
}

.alertNormal{
        font-family: Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#3b0253;
      text-decoration: none;
      font-weight: bolder;
}

.alertNormalSub{
        font-family: Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-style: italic;
      padding-left : 20px;
      color:#060008;
      text-decoration: none;
}

.rowstyle-1 {
    font-weight: bold;
    color:#800000;
}
.rowstyle-2 {
    color:#000000;

}

/* for compatibility */

.mozTINTxt {
    border:1px solid #9F6000;
    width: 130px;
}

.mozCurrTxt {
    border:1px solid #9F6000;
    text-transform:uppercase;
    width: 65px;
}

.mozCvalTxt {
    border:1px solid #9F6000;
    width: 100px;
}

.mozErateTxt {
    border:1px solid #9F6000;
    width: 90px;
}

.mozIdescTxt {
    position: absolute;
    margin-left:142px;
    width: 28%
}

.mozIdescTxt2 {
    width: 375px;
    table-layout: fixed;
    overflow: hidden;
    word-wrap: break-word;
    color:#000000;
    background-color:#ffffff;
}

.mozAinfoTxt {
    border:1px solid #9F6000;
    width:65px;
}
.colstyle111 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    width: 200px;
}

/*for fixed table header*/

.fixtabheader{
    overflow: hidden;
}

.fixtabbody{
    height:400px;
    overflow: scroll;
}