*{
  box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}


body{
  background-color: #DEF0FA;
  background-image: url(/template/images/pageBG.png);
  background-repeat: repeat-x;
  margin:0px;
  padding:0px;
  font-family: tahoma;
  font-size:12px;

scrollbar-base-color: #0099CC;
scrollbar-arrow-color: #006384;
scrollbar-3dlight-color: #006384;
scrollbar-darkshadow-color: #006384;
scrollbar-highlight-color: #0099CC;
scrollbar-shadow-color: #0099CC;
scrollbar-track-color: #C2E3F5;
}

form{
 margin:0px;
  padding:0px;
}


a{
  color:#0099CC;
  text-decoration:none;
}

a:hover{
  color:#00BFFF;
  text-decoration:underline;
}

h1{
  font-size: 16px;
  color:#009BCC;
  font-weight:bold;
}
h2{
  font-size: 14px;
  color:#009BCC;
  font-weight:bold;
}

li{
  margin-bottom:5px;
}

fieldset{
  border:1px solid #EEEEEE;
}

fieldset legend{
  color:#007CA6;
  font-size:12px;
  font-family: Verdana;
  font-weight:bold;
}


.hr{
  width:100%;
  height:1px;
  line-height: 1px;
  border-bottom:1px dashed #0099CC;
  margin: 3px;
}


.maintable{
   width:900px;
}


.mainfield{
  position:relative;
  background-color:white;
  border:1px solid #0099CC;
  border-top:none;
  border-bottom:none;
}

.top{
  height:80px;
  position:relative;
}

.logo{
  padding:5px;
  padding-left:25px;
  width:400px;
  position:relative;
  cursor:pointer;
}

.logo #title{
 position:absolute;
 top:10px;
 left:90px;

 font-family: Arial;
 color:#0099CC;
 font-size: 30px;
 font-weight:bold;
}

.logo #slogan{
 position:absolute;
 top:45px;
 left:90px;

 font-family: Arial;
 color:#000000;
 font-size: 12px;
}


.logo img{
  border:none;
}


.login{
  position:absolute;
  top:55px;
  right:5px;
  color:#7F7F7F;
  font-size:10px;
}


.menu{
  height:30px;
  background-color:#0099CC;
  background-image: url(/template/images/menuBG.png);
  text-align:right;
  padding-top:1px;
}

.menu li{
    display:inline;
    margin:0px;
}

.menu li a{

    line-height: 28px;
    padding:7px;
        border-left:1px solid #007CA6;

      color:white;
    font-family: Verdana;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
}

.menu li a.current{
 background-color:#0086B3;
 color:#007CA6;
 background-image: url(/template/images/menucurrentBG.png);
}

.menu li a:hover{
 color:white;
 background-color:#EC5F00;
 background-image: url(/template/images/menuoverBG.png);
 text-decoration:none;
}

.expressTrack{
  position:absolute;
  top:83px;
  left:5px;
  font-size:12px;
  color:white;
}

.bugtracer
{
  position:absolute;
  top:10px;
  right:10px;
  border-right:1px solid silver;
}

.header{
  color:#007CA6;
  font-size:14px;
  font-weight:bold;
  font-family: Verdana;
  text-align:center;
  padding:5px;
  background-color:#DEF0FA;
  border-bottom:1px solid #0099CC;
}

.headerSH{
 line-height: 1px;
 height:5px;
 background-image: url(/template/images/menuSH.png);
 position:absolute;
 width:898px;
}


.tabbody{
  display:none;
  width:500px;
  margin-left:200px;
  border:1px solid #D46C00;
  border-top:none;
  background-color: #FFF5F0;
  background-image: url(/template/images/orbg.png);
  background-position: bottom;
  background-repeat: repeat-x;
  color: #7A7A7A;
}

.tabbody table{
  font-size:12px;
  color: #7A7A7A;
}


.tablabel{
  position:absolute;
  height:25px;
  background-image: url(/template/images/tabm.png);
  font-size:10px;
  color:#803300;
  font-family:Verdana;
  line-height:25px;
  cursor:pointer;
  width:120px;
  margin-left:10px;
}

.tablabel .tabl{
  position:absolute;
  top:0px;
  left:-10px;
}

.tablabel .tabr{
  position:absolute;
  top:0px;
  right:-10px;
}



.content{
  color:#494949;
  font-size:12px;
  font-family: Verdana;
  padding:10px;
  padding-top:30px;
}

.content table{
  color:#494949;
  font-size:12px;
  font-family: Verdana;
}


.bottom #row1{
  line-height: 1px;
  font-size:1px;
  height:2px;
  width:898px;
  margin-left:1px;
  background-color:white;
  border-left:1px solid #0099CC;
  border-right:1px solid #0099CC;
}

.bottom #row2{
  line-height: 1px;
  font-size:1px;
  height:1px;
  width:896px;
  margin-left:2px;
  background-color:white;
  border-left:1px solid #0099CC;
  border-right:1px solid #0099CC;
}

.bottom #row3{
  line-height: 1px;
  font-size:1px;
  height:1px;
  width:894px;
  margin-left:3px;
  background-color:white;
  border-left:2px solid #0099CC;
  border-right:2px solid #0099CC;
}
.bottom #row4{
  line-height: 1px;
  font-size:1px;
  height:1px;
  width:890px;
  margin-left:5px;
  background-color:#0099CC;
}


.counters{
  margin:5px;
  text-align: center;
}

.copyright{
  font-size:10px;
  text-align: center;
  color:#0099CC
}

.links{
  font-size:12px;
  text-align: center;
  color:silver;
}



.box{
  padding:10px;
}


.tab{
  position:relative;
  background-color: #DFF4FD;
  background-color: #F3FBFE;
  width:850px;
}

.tab .ulc{
  position:absolute;
  top:0px;
  left:0px;
}
.tab .urc{
  position:absolute;
  top:0px;
  right:0px;
}

.tab .drc{
  position:absolute;
  bottom:0px;
  right:0px;
}
.tab .dlc{
  position:absolute;
  bottom:0px;
  left:0px;
}


.tab .left{
  width: 150px;
  vertical-align: top;
}
.tab .right{
  width: 700px;
  border-left:1px solid #89D7F8;
  vertical-align: top;
}

.tab .tools{
  position:absolute;
  bottom:0px;
  right:0px;
  width:141px;
  height:35px;
  padding:3px;
  text-align:right;
  background-image:url(/template/images/tools.gif);
}

.tab .tools .act{
  margin-right:5px;
}

.tab .tools .dwn{
  margin-right:15px;
}

.tab .tools .up{
  margin-left:15px;
}

.tab .statusline{
  position:absolute;
  bottom:10px;
  left:0px;
  width:141px;
  height:20px;
  text-align:center;
}

.tab .statusline img{
  display:none;
  cursor:pointer;
  margin:3px;
  filter:alpha(opacity=60);
  opacity:0.6;
}

.tab .right .date{
  background-color: #CDEEFC;
  padding:4px;
  font-family: Arial;
  font-size:11px;
  font-weight:bold;
  vertical-align: top;
  width:10px;
  border-bottom:1px solid #89D7F8;
}

.tab .right .status{
  background-color: #C4EAFB;
  background-color: #DFF4FD;
  padding:3px;
  font-family: Courier;
  font-size:14px;
  vertical-align: top;
  border-bottom:1px solid #89D7F8;
}

.tab .right .message{
  font-family: Verdana;
  font-size:10px;
  color:#8BCAE4;
  padding:0px 5px;
}
.tab .right .spacer{
  height:35px;
}

.tab .histbut{
  position:absolute;
  width:17px;
  height:11px;
  top:7px;
  right:5px;
  cursor:pointer;
}

.tab .right .history{
  display:none;
  background-color:white;
  border-bottom:1px solid #89D7F8;
}

.tab .right .history .hHead{
  font-size:10px;
  background-color: #89D7F8;
  color:white;
  width:10px;
}

.hDate{
  font-size:10px;
  background-color: #696969;
  color:white;
  width:10px;
}

.hStatus{
  font-size:10px;
  background-color: #EEEEEE;
  color:black;
}

.hDateLight{
  font-size:10px;
  background-color: #7F7F7F;
  color:white;
  width:10px;
}

.hStatusLight{
  font-size:10px;
  background-color: #F5F5F5;
  color:black;
}

.tab .left .number{
  font-family: Verdana;
  font-weight:bold;
  font-size:12px;
  color:#009BCC;

  padding:5px 5px 0px 5px;
}

.tab .left .comment{
  font-family: Verdana;
  font-size:10px;
  padding:0px 5px;
}

.spanlink{
  cursor:pointer;
  color:#009BCC;
}

.spanlink:hover{
  color:#89D7F8;
}

.tablist{
 position:absolute;
 top:138px;
 left:0px;
 width:900px;
 line-height:25px;
 height: 25px;
}

.tablist .tla{
          color:#803300;
}

.tablist .tlaw{
          color:#007CA6;
}
.tablist a:hover{
          color:#7F7F7F;
          text-decoration: none;
}

.banner{
  display:inline-block;
  padding-top:5px;
  margin:5px;
  text-decoration:none;
  text-align: center;
  vertical-align: middle;
}

.banner:hover{
  text-decoration:none;
}


.statHeader{
  font-size:12px;
  background-color: #7F7F7F;
  color:white;
  text-align:center;
}

.statHeader a{
 color:white;
 text-decoration:none;
}

.statHeader a:hover{
 text-decoration:underline;
}

.statLine{
  font-size:12px;
  background-color: #EEEEEE;
  color:black;
  text-align:center;
}

.statLineLight{
  font-size:12px;
  background-color: #F5F5F5;
  color:black;
  text-align:center;
}