.page-H { border: 2px solid #28282859; border-radius: 15px; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaecee), color-stop(1.0, #eaecee));
    padding: 4px 30px; display: block;width: 50%;}
        
    
.page-H-Full { border: 2px solid #282828; border-radius: 6px; background: #afafaf;padding: 4px 0px;width: auto;display: block; width: auto;}


 .page_P {
    width: 26cm;
    min-height: 21cm;
   padding: 0.5cm;
    margin: 0.5cm auto;
    border: 1px #979e9d solid;
    border-radius: 1px;
    background: rgba(255, 255, 255, 0.507);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    page-break-after: always;
    
}

.page_L {
width: 35cm;
min-height: 21cm;
padding: 0.5cm;
margin: 0;
border: 1px #3af1ca solid;
border-radius: 1px;
background: rgba(255, 255, 255, 0.507);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
page-break-after: always;
}



.tddL
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaecee), color-stop(1.0, #eaecee));
    
}


.subHeader{

    color: black;
     font-weight: bolder;
}
.tdd
{
    background-color: #ffffff;
    color: black;
        font-size: 11px;
}
.DFldHead{

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaecee), color-stop(1.0, #eaecee));
}

tr .DFldHead td
{
    top: expression(this.offsetParent.scrollTop);
    position: sticky;
    top: 0;
    cursor: hand;

     color: #333333;
    height: 25px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaecee), color-stop(1.0, #eaecee));
}




.tdgry
{
    background-color: #95a5a6;
    color: White;
}

.DGridTable
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: hand;
    background-color: #95a5a6;
    color: #333333;
    font-family: Calibri;
}


.InsideTable
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: hand;
    color: #FFFFFF;

     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f2f4f4), color-stop(1.0, #f2f4f4));
    font-family: Calibri;
}


.DContentText
{
    border-style: none;
    background-color: #EBEBEB;
    font-size: 10px;
    width: 100%;
    height: 100%;
    color: #333333;
}


tr.DContent td
{
    background-color: #F7F7F7;
    color: #333333;
    font-size: 11px;

}

.DContent
{
     background-color: #F7F7F7;
    color: #333333;
    font-size: 11px;
    
}
.DTotal
{
    background-color: #E6E6E6;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}




.page {
    width: 29.7cm;
    min-height: 21cm;
    padding: 0.5cm;
    margin: 1cm auto;
    border: 1px #979e9d solid;
    border-radius: 1px;
    background: rgba(162, 216, 209, 0.226);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  
  }

  .RViewer{
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;

        z-index: 5;
         position: absolute;
         left:10%;width:70%;height:98%; 
        top:1%; border: 0px solid #666666;
        background-color:rgb(82, 100, 94);

  }


  
input[type=text]
{
    border: 1px solid #606060;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 25px;
    background-color: #D2D2D2;
    color: #666666;
    font-size: 11px;
}

input[type=button]
{
    border: 1px solid #606060;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 25px;
    background-color: #71B8FF;
    background: -moz-linear-gradient(top, #71B8FF, #3399FF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #71B8FF), color-stop(1.0, #3399FF));
    cursor: pointer;
    color: #666666;
    font-size: 11px;
}


Select
{
    border: 1px solid #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 25px;
    background-color: #D2D2D2;
    color: #666666;
    font-size: 10px;
   
}

.RefNo{

    font-size: 12px;
    font-weight: bold;
    
}

.Dates{
    font-size: 12px;
    font-weight: bold;

}
.tFlters
{
     color: #666666;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 90%;
}

tr.RowSel td
{
	background-color:#d8d5d8;
}

   
   
td
{
    _border-style: none none solid solid;
    border-width: 1pt;
    border-color: #5A5A5A;
    font-size: 12px;
    color: #26282be6;
    font-family: verdana;
}



.GridBack
{
    margin: 0px;
    color: #333333;
    cursor: hand;
    font-size: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #DBDBDB;
    border: 0px solid #5E7836;
    padding: 4px 4px;
    text-align: center;
    vertical-align: middle;
}




.TabLog
{
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #787878;
    font-size: 10px;
    height: 20px;
    width: 100px;
    color: #EFEFEF;
    font-style: italic;
}

.gHeader
{
    border-style: none;
    color: #808080;
    font-size: 22px;
}    


.PageCombo
{
    border-style: none;
    background-color: #DBDBDB;
    width: 40px;
    font-size: 8px;
}





.RBox
{
    border: 0px solid #818181;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #D4D4D4;
    background: -moz-linear-gradient(left, #EEEEEE, #D4D4D4);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #EEEEEE), color-stop(1.0, #D4D4D4));
    color: #808080;
}
.RBlack
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #E2E2E2;
    background: -moz-linear-gradient(left, #E2E2E2, #E2E2E2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #E2E2E2), color-stop(1.0, #E2E2E2));
    color: #F5F5F5;
}

.RWhite
{
    border: 2px solid #616161;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #CECECE;
    background: -moz-linear-gradient(left, #CECECE, #B1B1B1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #CECECE), color-stop(1.0, #B1B1B1));
    color: #333333;
    height: 300px;
    width: 300px;
}

.ROrange
{
    border: 2px solid #FF9900;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #FFCE84;
    background: -moz-linear-gradient(left, #FFCE84, #FFBD5B);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFCE84), color-stop(1.0, #FFBD5B));
    color: #333333;
    height: 300px;
    width: 300px;
}

.RBlue
{
    border: 2px solid #3399FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #6CB6FF;
    background: -moz-linear-gradient(left, #91C8FF, #6CB6FF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #91C8FF), color-stop(1.0, #6CB6FF));
    color: #333333;
    height: 300px;
    width: 300px;
}

.RRed
{
    border: 2px solid #FF3300;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #FFAF9B;
    background: -moz-linear-gradient(left, #FFAF9B, #FF8A6C);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFAF9B), color-stop(1.0, #FF8A6C));
    color: #333333;
    height: 300px;
    width: 300px;
}


.RGreen
{
    border: 2px solid #33CC33;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #9FE89F;
    background: -moz-linear-gradient(left, #9FE89F, #75DD75);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #9FE89F), color-stop(1.0, #75DD75));
    color: #333333;
    height: 300px;
    width: 300px;
}





.Q1
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #F2F2F2;
    background: -moz-linear-gradient(left, #F2F2F2, #EFEFEF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #F2F2F2), color-stop(1.0, #EFEFEF));
    color: #333333;
}

.A1
{
    border: 1px solid #616161;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #CECECE;
    background: -moz-linear-gradient(left, #CECECE, #F2F2F2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #CECECE), color-stop(1.0, #F2F2F2));
    color: #333333;
    height: 50px;
}


.BContent
{
    color: #333333;
    height: 25px;
    font-size: 14px;
}


.BContentHead
{
    color: #333333;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}
.BoxHeading
{
  color: #F5F5F5;
}



.MSG
{
    color: #333333;
    font-size: 12px;
    font-weight: bold;
}


.tdback
{
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: hand;
    background-color: #D7D7D7;
    color: #333333;
    font-family: Calibri;
}
.ExcelCont
{
    top: expression(this.offsetParent.scrollTop);
    position: sticky;
    top: 0;
    cursor: hand;

     color: #333333;
    height: 25px;
    background-color: #C5C5C5;
}


.tdBold
{
      top: expression(this.offsetParent.scrollTop);
    position: sticky;
    top: 0;
    cursor: hand;

     color: #333333;
    height: 25px;
    background-color: #C5C5C5;
}

.tdWhite
{
      background-color: #F7F7F7;
    color: #333333;
}


    
.tr
{
      background-color: #BEBEBE;
    color: #333333;
}
tr.DSelect td
{
    background-color: #3399FF;
    color: #333333;
}   

.DSelect
{
    background-color: #3399FF;
    color: #333333;
}

.iSelect
{
    background-color: #FFB693;
    color: #333333;
}

.Tabselect
{
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #787878;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #AAAAAA;
    background: -moz-linear-gradient(top, #AAAAAA, #AAAAAA);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #AAAAAA), color-stop(1.0, #AAAAAA));
    font-size: 12px;
    height: 20px;
    color: #333333;
    cursor:pointer;
}

.Tabselect:hover
{
    height: 20px;
   
    color: #000000;
    cursor: pointer;
       font-size: 14px;
}
          

  

.TabActive
{
    border-style: solid;
    border-width: 2px 2px 0px 2px;
    border-color: #787878;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #808080;
    background-color: #F5F5F5;
    background: -moz-linear-gradient(top, #F5F5F5, #F5F5F5);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #F5F5F5), color-stop(1.0, #F5F5F5));
  
     font-size: 12px; cursor:pointer;
}

.RCal
{
    border: 1px solid #818181;
    height: 98%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EFEFEF;
    background: -moz-linear-gradient(left, #EFEFEF, #EFEFEF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #EFEFEF), color-stop(1.0, #EFEFEF));
}


.RBord
{
    border: 1px solid #7E7E7E;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}



.RBack
{
   
    background-color: #F7F7F7;
}


.RCont
{
    border: 1px solid #818181;
    background-color: #6699FF;
}



tr.RCont
{
    background-color: #9BBCFF;
    background: -moz-linear-gradient(left, #9BBCFF, #6699FF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #9BBCFF), color-stop(1.0, #6699FF));
}


.DragDiv
{
    border: 1px solid #818181;
    position: absolute;
    background-color: #ABF1BD;
    font-size: 12px;
}

.tdPaste
{
  

}



.Table
{
   width:90%;
}

.dEditor
{
        overflow:auto;height:800px;width:1400px; font-size:14px;background-color:#F7F7F7;padding:5mm;line-height: 1.3;white-space: pre;
    
}
.SQLEditor
{
    overflow: auto;
    height: 500px;
    width: 600px;
    font-size: 12px;
    background-color: #F7F7F7;
    padding: 2mm;
    line-height: 1.3;
    white-space: pre;
}

.Editor
{
    margin: 2px;
    border: 1px solid #808080;
    line-height: 1.3;
    font-size: 12px;
    text-align: left;
    background-color: #CCCCCC;
}

.dSQL
{
        overflow:auto;height:50px;width:1400px; font-size:14px;background-color:#F7F7F7;padding:5mm;line-height: 1.3;white-space: pre;text-align:left;
    
}




.tArea
{
    border: 1px solid #606060;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #f7f8ef00;
    color: #392f2f;
    font-size: 11px;
    padding: 3px 3px;
}

.txtsNew
{
    height:25px;
}
.CE
{
 contentEditable:true;   
}




.Tabs
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 5px;
    color: #DF8600;
    font-size: 12px;
    padding: 5px 5px;
    font-weight: bold;
    text-decoration: underline;
  
}

 

.txtMain { width: 90%;  font-weight:bold;   }
.txtD { width: 75%; }
.txtDrop {  width: 90%; }
.txts { width: 90%; }
.txtSize
{
    color: #FFFFFF;
}
.tAuto {    width: 90%; text-align: center; font-weight: bold;  }
.tAutoSize {    padding: 3px 3px;       text-align: center;   width:40%;    }





.btnApply
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background-color: #FF9999;
    background: -moz-linear-gradient(top, #FFBB55, #FF9900);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFBB55), color-stop(1.0, #FFBB55));
    border: 1px solid #000000;
    color: #000000;
    font-size: 9px;
    padding: 3px 3px;
    height: 25px;
}


.btnApprove
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background-color: #99FF33;
    background: -moz-linear-gradient(top, #FF7553, #FF4415);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FF7553), color-stop(1.0, #FF4415));
    border: 1px solid #000000;
    color: #000000;
    font-size: 9px;
    padding: 3px 3px;
    height: 25px;
}



.btnCancel
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background-color: #FF71FF;
    background: -moz-linear-gradient(top, #FF71FF, #FF00FF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FF71FF), color-stop(1.0, #FF00FF));
    border: 1px solid #000000;
    color: #000000;
    font-size: 9px;
    padding: 3px 3px;
    height: 25px;
}


.btnForward
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background-color: #FFC66F;
    background: -moz-linear-gradient(top, #CC99FF, #CC99FF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #CC99FF), color-stop(1.0, #CC99FF));
    border: 1px solid #000000;
    color: #000000;
    font-size: 9px;
    padding: 3px 3px;
    height: 25px;
}



.btnReject
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background-color: #FF6600;
    background: -moz-linear-gradient(top, #8BE28B, #33CC33);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #8BE28B), color-stop(1.0, #33CC33));
    border: 1px solid #000000;
    color: #000000;
    font-size: 9px;
    padding: 3px 3px;
    height: 25px;
}




.btnReload
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background-color: #B0B0B0;
    background: -moz-linear-gradient(top, #B0B0B0, #666666);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #B0B0B0), color-stop(1.0, #666666));
    border: 1px solid #000000;
    color: #000000;
    font-size: 9px;
    padding: 3px 3px;
    height: 25px;
}


.RLog
{
    border: 1px solid #818181;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #60AFFF;
    background: -moz-linear-gradient(left, #99CCFF, #60AFFF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #99CCFF), color-stop(1.0, #60AFFF));
    transition: 1s;
    color: Black;
}   




.val
{
    border: 0px solid #FDFDFD;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    padding: 5px;
    color: #333333;
}


.Levels
{
     padding:10px; color:Black;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


.Current
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #D78100;
    padding: 6px;
    color: #333333;
}



.divLevels
{
    width: 80px;
    height: 100px;
    color: #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 10px;
    padding-left: 4px;
}


.divCompleted
{
    background-color: #37DD00;
    color: #333333;
}

.divCurrent
{
    background-color: #D78100;
    color: #333333;
    height: 100px;
}

.divInitiated
{
    background-color: #FF99FF;
    color: #333333;
    height: 100px;
}

.divForward
{
    background-color: #00BF00;
    color: #333333;
    height: 100px;
}

.divRejected
{
    background-color: #FF6600;
    color: #333333;
    height: 100px;
}

.divCancelled
{
    background-color: #CC9900;
    color: #333333;
    height: 100px;
}

.divApproved
{
    background-color: #3399FF;
    color: #333333;
    height: 100px;
}


.divApplied
{
    background-color: #CACA00;
    color: #333333;
    height: 100px;
}

.Pending
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #66CCFF;
    padding: 10px 15px 10px 10px;
    color: #333333;
}


.Completed
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #6CDB6C;
   padding: 10px 15px 10px 10px;
    color: #333333;
}

.Waiting
{
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #D78100;
     padding: 10px 15px 10px 10px;
    color: #333333;
}


.User
{
    border-color: #FFCC00;
    font-size: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


.L1
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #5F5F5F;
    background: -moz-linear-gradient(top, #7E7E7E, #5F5F5F);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7E7E7E), color-stop(1.0, #5F5F5F));
}
.L2
{
    background-color: #929292;
}
.L3
{
    background-color: #929292;
}
.L4
{
    background-color: #929292;
}
.L5
{
    background-color: #929292;
}
.L6
{
    background-color: #929292;
}

.float
{
    color: Red;
    text-align: right;
}
.integer
{
    color:blue;  text-align: right;
}

.HeadCont
{
    background-color: #EBEBEB;
    background: -moz-linear-gradient(top, #EBEBEB, #E1E1E1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #EBEBEB), color-stop(1.0, #E1E1E1));
    color: #333333;
}

.Temp
{
    background-color: #FFCC66;
}


.Import
{
    
}

.subHeader
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    
    font-size: 12px;
    font-style: italic;
    text-decoration: underline;
}
.RunningNo
{
     -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    padding: 5px;
    background-color: #66CCFF;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

.HelpHeader
{
      -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    padding: 5px;
    height:40px;
    width:300px;
    background: -moz-linear-gradient(top, #FFB76F, #FFB76F);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFB76F), color-stop(1.0, #FFB76F));
    background-color: #FFB76F;
}

.Header{
    cursor: hand;
     color: #E6E6E6;
       -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 25px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7f9acf), color-stop(1.0, #295596ad));
}

.HeaderAll
{
    cursor: hand;
    color: #E6E6E6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 25px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #295596ad), color-stop(1.0, #295596ad));
}

.BoxHead
{
    cursor: hand;
    color: #E6E6E6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 25px;
    background-color: #A9BADE;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7f9acf), color-stop(1.0, #295596ad));
}

.FormHeading
{
     cursor: hand;
    color: #E6E6E6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 25px;
    background-color: #A9BADE;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7f9acf), color-stop(1.0, #295596ad));
}



::-webkit-scrollbar {   width: 5px;    }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey;   border-radius: 10px;    }
::-webkit-scrollbar-thumb { background: #7F7F7F; border-radius: 10px;   }


.Sample
{
    background-color: #6666FF;
    
}



.ODS
{
    background-color: #CCFF33;
    color: #333333;
        padding:3px;  
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
          FONT-SIZE: 10px;
}

.PMS
{
    background-color: #FF6699;
    color: #333333;
    padding:3px;    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
      FONT-SIZE: 10px;
}

.OTS
{
    background-color: #9999FF;
    color: #333333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
      FONT-SIZE: 10px;
        padding:3px;    
}

.LTS
{
    background-color: #FF9933;
    color: #333333;
    padding:3px;  
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
      FONT-SIZE: 10px;
}

.ELS
{
    background-color: #00FF99;
    color: #333333;padding:3px;  
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
      FONT-SIZE: 10px;
}

.WHS
{
    color: #009900;
    padding: 3px;
    font-size: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.SN
{
       padding:5px;  
      FONT-SIZE: 10px;
         -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.WO{ background-color:#FF33FF;  }
.WP{  border-style: none;background-color:#a7c4f9;padding:4px;color:Black;  }

.X {   background-color:#a7c4f9; color:Black; }
.OD{  background-color:#eed0e9;  color:Black;}
.OF{  background-color:#000099; color:Black; }
.OS{  background-color:#996666; color:Black; }

.AA{  background-color:#FF3300;color:Black;  }
.AF{  background-color:#FFFF00; color:Black; }
.AS{  background-color:#CC66FF; color:Black; }

.CO{  background-color:#3344FF; color:Black; }
.CA{  background-color:#ffcccc;color:Black;  }
.CB{  background-color:#66ffcc; color:Black; }


.C{  background-color:#996600; color:Black; }
.CL{  background-color:#996600;color:Black;  }
.CF{  background-color:#336633;color:Black;  }
.CS{  background-color:#00cccc; color:Black; }


.L{  background-color:#66FF00; color:Black; }
.LL{  background-color:#66FF00; color:Black; }
.LF{  background-color:#CCCCCC; color:Black; }
.LS{  background-color:#99CC00; color:Black; }


.E{  background-color:#006633; color:Black;}
.EL{  background-color:#006633;  color:Black; }
.EF{  background-color:#993366; color:Black; }
.ES{  background-color:#003366;color:Black;  }

.O{  background-color:#eed0e9; color:Black;}

.PL{  background-color:#a8a800; color:Black;}

.ML{  background-color:#990000;}
.MF{  background-color:#cc6633;}
.MS{  background-color:#cc9900;}




.OT{  background-color:#bfc7bf;}
.PM{  background-color:#CC0033;}
.RL{  background-color:Khaki;}


.S {  background-color:#e9e7a6;color:#FFFFFF;}
.T {  background-color:#bff877;}
.I {  background-color:#ced1f9;}

.B {  background-color:#ffffff;color:White ; }
.G {  background-color:#009966;color:White ;}




.SourceHead
{
    border: 1px solid #808080;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -moz-linear-gradient(top, #E6E6E6, #C1C1C1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #E6E6E6), color-stop(1.0, #C1C1C1));
    color: #333333;
    height: 20px;
    font-weight: bold;
    background-color: #C1C1C1;
}


.SourceHeadOrange
{
    background-color: #FFCC00;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -moz-linear-gradient(top, #92FF24, #FFCC00);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #92FF24), color-stop(1.0, #FFCC00));
    color: #333333;
    height: 20px;
}


.DColumnSelect
{
    border-style: none dotted none dotted;
    border-width: thin;
    border-color: #FF9900;
}


.
{
    font-family: 'Arial Black';
    font-size: 10px;
    font-weight: Bold;
    font-style: italic;
    font-variant: small-caps;
    color: #00FF00;
    background-color: #9966FF;
    vertical-align: bottom;
    text-align: center;
}




.DropBox
{
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #272727;
    background: -moz-linear-gradient(top, #272727, #272727);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #272727), color-stop(1.0, #272727));
    border: 1px solid #787878;
    cursor: pointer;
    overflow: auto;
    position: absolute;
    color: #C1D6A0;
  
}




.ContextBox
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #939393;
    background: -moz-linear-gradient(top, #939393, #939393);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #939393), color-stop(1.0, #939393));
    border: 1px solid #787878;
    cursor: pointer;
    overflow: auto;
    position: absolute;
    color: #FFFFFF;

}

.G
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #FFFFFF;
}


.H
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #3399FF;
}

.UnHide
{
    background-color: #99CCFF;
}


.G
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #FFFFFF;
}

.Entry
{
    background-color: #B9EEB9;
}
.st
{
    background-color: #99E699;
}

.Types
{
   border: 1px solid #CECECE;  -moz-border-radius: 5px;-webkit-border-radius: 5px; height:50px;width:200px;  padding: 10px 20px 10px 20px;
}
.Numbers
{
   border: 1px solid #CECECE;  -moz-border-radius: 5px;-webkit-border-radius: 5px; height:50px;width:25px;  padding: 10px 15px 10px 15px;
}


.Leave
{
    background: -moz-linear-gradient(top, #939393, #939393);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #939393), color-stop(1.0, #939393));
    border: 1px solid #787878;  
}


.LoginPanel
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

.LoginPanel1
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #D6D6D6), color-stop(1.0, #CCCCCC));
    background-color: #D6D6D6;
}

.LoginPanel .closeLogin {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.MainPanel
{
     height: 500px; 
     width:98%;
     z-index: -2;
       top: 8px;  
    left: 8px; 
}


.RightPanel
{
     height: 750px;      
     z-index: -2;        
    background-color: #2C2C2C;
    background: -moz-linear-gradient(top, #2C2C2C, #2C2C2C);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #2C2C2C), color-stop(1.0, #2C2C2C));
}

.Product
{
    top: 14px;
    color: #E1ECD2;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 0px solid #C1D6A0;
    background-color: #444444;
    background: -moz-linear-gradient(left, #9DBDFF, #414141);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7f9acf), color-stop(1.0, #264e8aad));
    font-size: 14px;
}

.Remainder
{
    border: 0px solid #4DA6FF;
    height: 98%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 30px;
    right: 0px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #646464;
    background: -moz-linear-gradient(left, #444444, #646464);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #444444), color-stop(1.0, #646464));
   
}



.Login
{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    color: #FCFCFC;
    border: 0px solid #C1D6A0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7f9acf), color-stop(1.0, #295596ad));
}


.LoginButton
{
  background-color: #04AA6D;
  color: white;
  padding: 10px 10px;
  
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  cursor:pointer;
}

 .LoginConditions
{
    background-color: #FF9933;
    color: white;
    padding: 10px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    cursor: pointer;
}


 .LoginProcess
{
    background-color: #FF9900;
    color: white;
    padding: 10px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    cursor: pointer;
}



.HRS
{
     border: 1px solid #295596ad;
     height: 98%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 30px;
    right: 0px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #E4E4E4;
    background: -moz-linear-gradient(top, #BBBBBB, #E4E4E4);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #BBBBBB), color-stop(1.0, #E4E4E4));
   
    color: #FCFCFC;
  
}



.DBlue
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: Black;
    background-color: #9797FF;
    background: -moz-linear-gradient(top, #4FA7FF, #3399FF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #4FA7FF), color-stop(1.0, #3399FF));
    
}


.tdUser
{
    color: #333300;
    cursor: hand;
    font-size: 10px;    
    font-style:italic;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #FFBE5E;
    background: -moz-linear-gradient(top, #FFBE5E, #FF9900);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFBE5E), color-stop(1.0, #FF9900));
    border: 1px solid #666666;
   
}


    
.dropbtn
{
    background-color: #BBBBBB;
    background: -moz-linear-gradient(top, #BBBBBB, #E4E4E4);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #BBBBBB), color-stop(1.0, #E4E4E4));
    padding: 6px 6px;
    color: #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 10px;
    border: none;
    vertical-align: top;
    cursor: pointer;
}



.dropdown {     position: relative;     display: inline-block;  }

.dropdown-content {
    display: none;    
    position: absolute; 
    color: #666666; 
    min-width: 200px;    
    -moz-border-radius: 5px;   
    -webkit-border-radius: 5px; background-color: #BBBBBB;
    background: -moz-linear-gradient(top, #BBBBBB, #E4E4E4);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #BBBBBB), color-stop(1.0, #E4E4E4));
     border: 1px solid #666666; z-index: 1;
}

.dropdown-content td
{
    color: #373737;
    text-align: left;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
}




 .dropdown-content td:hover  
{
    background-color: #FF9966; color:Black; background: -moz-linear-gradient(top, #FFBE9F, #FF9966);    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFBE9F), color-stop(1.0, #FF9966));  
}


 .dropdown-content label:hover
{
    background-color: #37B7C3; color:Black;  
}




.dropdown:hover .dropdown-content {display: block; }

.dropdown:hover .dropbtn { BACKGROUND-IMAGE: url('tabs/BlueDark.png');     color:white; background-repeat: repeat;     cursor:pointer; }




.dropdown-content a:hover  
{
     background-color: #FF9966; color:Black;
    background: -moz-linear-gradient(top, #FFBE9F, #FF9966);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFBE9F), color-stop(1.0, #FF9966));}


.dropdown-content a {
  color: #C1D6A0;
  text-align:left;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


.PM
{
    background-color: #FF9999;
}

.OnDuty
{
    background-color: #0099FF;
}

.Manual
{
    background-color: #6666FF;
}

.Profile
{
    background-color: #33CC33;
}



.page-H { border: 2px solid #282828; border-radius: 15px; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaecee), color-stop(1.0, #eaecee));
    padding: 4px 30px; display: block;width: 50%;}
.page-H-Full { border: 2px solid #282828; border-radius: 15px; background: #afafaf;padding: 4px 0px;width: auto;display: block; width: auto;}
.logo { width: 17%;background: url(./Logo/victus-icon.png) no-repeat;background-size: cover;background-position: center;text-align: center; }
#p3Principles td p { line-height:1.3;}
#p1TrainingRecords p,#p1TrainingRecords ul { line-height:1; margin:0px; }
#p2TrainingRecords td {height: 45px; }
#Undertaking td, #DeclarationForm td { line-height:1.5; }
#Declaration li { line-height:1; }
#Header td { height:10px; }
#EmpPersonalData td { line-height: 1.2; }

.tdd
{
    background-color: #ffffff;
    color: black;
}

.tdgry
{
    background-color: #95a5a6;
    color: White;
}




.Notes
{
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #F4C96F;
    background: -moz-linear-gradient(top, #F4C96F, #F2BE53);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #F2BE53), color-stop(1.0, #F2BE53));
    border: 2px solid #C0C0C0;
    cursor: pointer;
    overflow: auto;
    position: absolute;
    color: #FFFFFF;
}




.EditorHTML
{
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #C0C0C0;
    cursor: pointer;
    overflow: auto;
    position: absolute;
    color: #333333;
    background-color: #E1E1E1;
}

.HELP
{
    padding: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 2px solid #C0C0C0;
    cursor: pointer;
    overflow: auto;
    position: absolute;
    color: #333333;
    background-color: #E1E1E1;
}



.StickyHead
{
    color: #333333;
    font-size: 12px;
    font-weight: bold;
}

.StickyNotes
{
     color: #333333;
     padding:5mm;
     line-height: 1.3;
     white-space: pre;   
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}