/* Default CSS Stylesheet for a new Web Application project */

.normalText {
    font-family: Tahoma,Arial,Verdana;
    font-weight: normal;
}

.boldText {
    font-family: Arial,Verdana;
    font-weight: bold;
}
.BborderGrid {
    border-left: solid;
    border-right: solid;
    border-bottom: solid;
    border-color: Gray;
    border-width: 1pt;
    background-color:#f9f9f9;
}
.header-fixed {
    position: relative;
    font-family: tahoma;
    font-size: 9pt;
    height: 22px;
    Color: #686868;
    border-bottom-style: none;
    border-right-style: none;
    /*border-left-style:solid;*/
    border-width: 1pt;
    visibility: visible;
    padding: 0;
    table-layout: fixed;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: hidden;
}

.DataGrid1 {
    font-size: 9pt;
    font-family: tahoma;
    Color: #505050;
    background-color: #f9f9f9;
    border-color: #686868;
    Height: 100%;
    white-space: nowrap;
    border-width: 1pt;
}
.DataGrid2 {
    font-size: 9pt;
    font-family: tahoma;
    Color: #505050;
    background-color: #f9f9f9;
    border-color: #686868;
    white-space: nowrap;
    border-width: 1pt;
}
.NoBackColorColor
{
    background-color: transparent;
}
.table {
    border-collapse: collapse !important;
    border-color: gray !important;
    color: black;
    FONT-SIZE: 14px;
    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
}

    .table th {
        background-color: #EBEBE6 !important;
    }

.table-bordered th,
.table-bordered td {
    border: 1px solid #808080 !important;
}
.tableFooter
{
    background-color: #EBEBE6 !important;
}
 
  
.trWhite {
    background-color: #ffffff;
}

    .trWhite:hover {
        background-color: #C9DBFF;
    }

.trGray {
    background-color: #f9f9f9;
}

    .trGray:hover {
        background-color: #C9DBFF;
    }

.WorkerHeader {
    font-family: Arial,Verdana;
    font-weight: bold;
    color: white;
    background-color: #0072cf;
    font-size: 16px;
    height:22px;
    margin-left:auto;margin-right:auto;
    width: 100%;
    text-align: center;
}
.WorkerHeaderFont {
    font-family: Arial,Verdana;
    font-weight: bold;
    color: white;
     text-align: right;
     height:22px;
}
.GridFooter
{
  background-color: #0072cf;
  height:20px;
}
.WorkerTextBox {
    font-family: Arial,Verdana;
    font-weight: bold;
    color: white;
    border-style:none;
     font-size: 16px;
     background-color: #0072cf;
     text-align: right;
     height:22px;
}
.Tdmenu {
    height: 24px;
    text-align: right;
}

.ArialText {
    font-weight: normal;
    font-family: Arial,Verdana;
}

.Cursorauto {
    cursor: auto;
}

.unv {
    visibility: hidden;
    width: 1px;
    position: absolute;
    height: 1px;
}

.PageIcon {
    background-image: url(images/Synerion.ico);
}

.day {
}

.TIME {
    background-color: #FFFFFF;
    border: none;
    text-align: right;
    font-family: Arial,Verdana;
}

.TIMEY {
    background-color: #ffffcc;
    border: none;
    text-align: right;
    font-family: Arial,Verdana;
}

.TIMEP {
    width: 38px;
    background-color: #ddffff;
    text-align: right;
    border: none;
    font-family: Arial,Verdana;
}

.TIMER {
    width: 38px;
    background-color: #EEEEEE;
    text-align: right;
    border: none;
    font-family: Arial,Verdana;
}

.TIMET {
    width: 38px;
}

.Plus {
    background-image: url(images/plus.png);
    width: 20px;
    height: 20px;
    cursor: auto;
    display: inline-block;
    border: none;
    background-repeat: no-repeat;
}
.PlusG {
    background-image: url(images/plusG.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: auto;
    order: none;
 background-repeat: no-repeat;
}

.Txt {
    background-color: #FFFFFF;
    border-bottom-style: groove;
    font-weight: bolder;
    font-family: Arial,Verdana;
    text-align: right;
}
.Txt1 {
    background-color: transparent;
    border-bottom-style: groove;
    font-weight: bolder;
    font-family: Arial,Verdana;
    text-align: right;
}
.TxtRead {
    background-color: #FFFFFF;
    font-weight: bolder;
    font-family: Arial,Verdana;
    text-align: right;
}

.TxtN {
    background-color: #FFFFFF;
    border-bottom-style: groove;
    font-weight: bolder;
    font-family: Arial,Verdana;
    text-align: right;
}

.paddingR {
    padding-right: 10px;
}

.TxtP {
    background-color: #FFFFFF;
    border-bottom-style: groove;
    font-weight: bolder;
    font-family: Arial,Verdana;
    text-align: right;
}

.RightBold {
    font-weight: bolder;
    text-align: right;
}

.lblTot {
    text-align: right;
    color: Blue;
}

.ABS {
    background-color: #FFFFFF;
    border: none;
    text-align: right;
    font-family: Arial,Verdana;
}

.ABSY {
    color: #000090;
    border: none;
    background-color: #ffffcc;
    text-align: right;
    font-family: Arial,Verdana;
}

.ABSP {
    width: 55px;
    color: #000090;
    border: none;
    background-color: #ddffff;
    text-align: center;
    font-family: Arial,Verdana;
}

.ABS2 {
    width: 45px;
    height: 100%;
    color: #000090;
    border: none;
    background-color: #FFFFFF;
    text-align: center;
    font-family: Arial,Verdana;
    cursor: auto;
}
.Nborder {
    border-style: none;
    border-color: #f6f6f6;

    
}
.leftG {
    background-image: url(images/left_green.png);
    border-style: none;
    background-repeat: no-repeat;
    cursor: auto;
}
.leftGOver {
    background-image: url(images/left_green_Over.png);
    border-style: none;
    background-repeat: no-repeat;
    cursor: auto;
}

.rightG {
    background-image: url(images/right_green.png);
    border-style: none;
    background-repeat: no-repeat;
    cursor: auto;
}

.rightGOver {
    background-image: url(images/Right_green_Over.png);
    border-style: none;
    background-repeat: no-repeat;
    cursor: auto;
}
.leftGr {
    background-image: url(images/left_gray.png);
    border-style: none;
    background-repeat: no-repeat;
}

.rightGr {
    background-image: url(images/Right_gray.png);
    border-style: none;
    background-repeat: no-repeat;
}

.rightA {
    background-image: url(images/RightA.png);
    border-style: none;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
    cursor: auto;
}

.leftA {
    background-image: url(images/leftA.png);
    border-style: none;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
    cursor: auto;
}

.rightO {
    background-image: url(images/RightO.png);
    border-style: none;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
    cursor: auto;
}

.leftO {
    background-image: url(images/LeftO.png);
    border-style: none;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
    cursor: auto;
}

.ABSR2 {
    width: 45px;
    color: Blue;
    border: none;
    background-color: #EEEEEE;
    text-align: center;
    font-weight: bolder;
    font-family: Arial,Verdana;
    cursor: auto;
}

.ABSY2 {
    width: 45px;
    color: Blue;
    border: none;
    background-color: #ffffcc;
    text-align: center;
    font-weight: bolder;
    font-family: Arial,Verdana;
}

.BKYL {
    background-color: #ffffcc;
}

.FrRed {
    color: #FF2020;
    height: 100%;
    font-family: Arial,Verdana;
}

.cAbs {
    background-image: url(images/Cabs.png);
    width: 20px;
    height: 22px;
    cursor: auto;
    border: none;
    background-repeat: no-repeat;
}

.Cab {
    background-image: url(images/Cabs.png);
    width: 100%;
    height: 100%;
    cursor: auto;
    background-repeat: no-repeat;
}

.CabB {
    background-image: url(images/CabsB.png);
    vertical-align: middle;
    height: 100%;
    border-style: none;
    cursor: auto;
    background-repeat: no-repeat;
}

.hLeft {
    border-left-style: solid;
    border-left-width: 1pt;
    border-left-color: #000099;
}

.bLeft {
    border-left-style: solid;
    border-left-width: 1pt;
    border-left-color: #000099;
}

.cLeft {
    border-left-width: 1pt;
    border-left-color: #505050;
}

.CEmpty {
    width: 20px;
    border: none;
    background-color: transparent;
}
.cC {
    text-align: center;
    padding-top: auto;
    padding-bottom: auto;
    vertical-align: middle; 
}
.CABSL {
    background-image: url(images/cabsl.gif);
    width: 40px;
    cursor: auto;
    border: none;
    background-repeat: no-repeat;
}

.List {
    background-image: url(images/arrowDown.png);
    width: 15px;
    height: 15px;
    cursor: auto;
    border: none;
    background-repeat: no-repeat;
}

.ListOver {
    background-image: url(images/arrowOn.png);
    width: 15px;
    cursor: auto;
    border: none;
    background-repeat: no-repeat;
}

.ListOff {
    background-image: url(images/arrowOff.png);
    width: 15px;
    height: 15px;
    cursor: auto;
    border: none;
    background-repeat: no-repeat;
}

.Btn {
    background-color: #4F7388;
    color: #ffff33;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-family: "tahoma";
}

.tableAcc {
    width: 110px;
    height: 80px;
    font-family: Arial,Verdana;
    Font-Size: 10pt;
}
.tableAccL {
    width: 300px;
    height: 80px;
    font-family: Arial,Verdana;
    Font-Size: 10pt;
}
.tableJob {
    width: 350px;
    height: 80px;
    font-family: Arial,Verdana;
    Font-Size: 10pt;
}
.theadAcc {
    width: 110px;
    height: 20px;
    background-color: #E0E0E0;
}

.tbodyAcc {
    width: 110px;
}

.theadGrid {
    display: inline-block;
    padding: 0;
    overflow-y: hidden;
    height: 20px;
}

.gird {
    display: block;
}

.tbodygrid {
    display: inline-block;
    height: 290px;
    padding: 0;
    overflow-y: auto;
    overflow-x: auto;
}

.tfoot {
    display: block;
    width: 90px;
    height: 50px;
}

.Upbody {
    height: 100%;
    background-color:#f6f6f6;
     
}

.UpFrame {
    height: 90px;
    background-color: #eae6d1;
}
.UpFrameS {
    height: 30px;
    /*background-image: url(images/UpFrameS.png);*/
    background-color:#eae6d1;
}

.UpFrameM {
    height: 65px;
    background-color: #eae6d1;
    width: 100%;
}

.KeysDisable {
    border: 1pt solid #6DB1C8;
}

.bl {
    color: #0000FF;
}

.Blog {
    cursor: auto;
    background-image: url(images/Audit.png);
    border: none;
    width: 16PX;
    display: inline-block;
    height: 22PX;
    text-align: center;
    background-repeat: no-repeat;
}

.Clog {
    cursor: auto;
    background: url(images/AuditC.png);
    border: none;
    width: 16px;
    display: inline-block;
    height: 22px;
    text-align: center;
    background-repeat: no-repeat;
}

.Msg {
    background-image: url(images/memoO.png);
    width: 18px;
    height: 14px;
    cursor: auto;
    border: none;
    background-repeat: no-repeat;
}

.MsgB {
    background-image: url(images/memoO.png);
    width: 18px;
    height: 14px;
    border: none;
    cursor: auto;
    background-repeat: no-repeat;
}

.MsgIn {
    background-image: url(images/memoin.png);
    width: 18px;
    height: 14px;
    border: none;
    cursor: auto;
    background-repeat: no-repeat;
}

.MsgInR {
    background: url(images/MEMOread.png);
    width: 18px;
    height: 14px;
    border: none;
    cursor: auto;
    background-repeat: no-repeat;
}
.Menubackground
{
    width: 100%;
   background:#f5f5f5;
}
.MenubgGr
{
    width: 100%;
   background:gray;
}
.Menu {
    font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    color: Black;
    border: none;
    font-family: Arial,Verdana;
    background: url(images/MenuButton.PNG);
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px;
    text-align: center;
    vertical-align: middle;
}

.MenuMaster
{
     font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    color: Black;
    border: none;
    font-family: Arial,Verdana;
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px;
    text-align: center;
    vertical-align: middle;
}
.MenuMasterOver
{
    color:  #0072cf;
    FONT-WEIGHT: bold;
    font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    border: none;
    font-family: Arial,Verdana;
    background-repeat: no-repeat;
    height: 28px;
    text-align: center;
    vertical-align: middle;   
}
.MenuAttendanceOver {
    background: url(images/MenuAttendanceOn.png);
     background-repeat: no-repeat;
 }
.MenuAttendance {
    background: url(images/MenuAttendance.png);
     background-repeat: no-repeat;
 }
.MenuSaveOver {
    background: url(images/MenuSaveOver.png);
     background-repeat: no-repeat;
 }
.MenuSave {
    background: url(images/MenuSaveOff.png);
     background-repeat: no-repeat;
 }
.MenuExit {
    background: url(images/MenuExit.png);
     background-repeat: no-repeat;
 }
.MenuExitOver {
    background: url(images/MenuExitOver.png);
     background-repeat: no-repeat;
 }
.MenuOK {
    background: url(images/MenuOk.png);
    background-repeat: no-repeat;
    text-align: left;
 }
.MenuOKOver {
    background: url(images/MenuOkOver.png);
    background-repeat: no-repeat;
    text-align: left;
 }
.MenuCancel {
    background: url(images/Cancel.png);
    text-align: left;
 }
.MenuCancelOver {
    background: url(images/CancelOver.png);
     text-align: left;
 }
.MenuSearch {
    background: url(images/BtnSearch.png );
 }
.MenuSearchOver{
    background: url(images/BtnSearchOver.png );
 }
.MenuRefresh {
    background: url(images/MenuRefresh.png );
 }
.MenuRefreshOver{
    background: url(images/MenuRefreshOn.png);
 }

.MenuEmplyees {
    background: url(images/BtnEmplyees.png );
 }
.MenuEmplyeeshOver{
    background: url(images/BtnEmplyeesOver.png);
 }
.MenuApprove {
    background: url(images/BtnApprove.png );
 }
.MenuApproveOver{
    background: url(images/MenuApproveOver.png);
 }
.MenuMap {
    background: url(images/MenuMap.png );
 }
.MenuMapOver{
    background: url(images/MenuMapOver.png);
 }
.MenuReports {
    background: url(images/MenuReports.png );
 }
.MenuReportsOver{
    background: url(images/MenuReportsOver.png);
    
 }
.MenuHelp {
    background: url(images/MenuHelp.png);
    background-repeat: no-repeat; cursor: help;

    }
.MenuHelpOver{
    background: url(images/MenuHelpOver.png);
     cursor: help;
 }

.MenuOptions {
    background: url(images/MenuOptions.png );
     background-repeat: no-repeat;
    }
.MenuOptionsOver{
    background: url(images/MenuOptionsOver.png);
    background-repeat: no-repeat;
    
 }
.MenuConfig {
    background: url(images/MenuConfig.png );
    }
.MenuConfigOver{
    background: url(images/MenuConfigOver.png);
      
 }
 .MenuGray {
    font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    color: #aca899;
    border: none;
    font-family: Arial,Verdana;
    background: url(images/MenuButton.PNG);
    background-repeat: no-repeat;
    height: 28px;
    text-align: center;
    vertical-align: middle;
}

.MenuS {
    font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    color: Black;
    border: none;
    font-family: Arial,Verdana;
    background: url(images/MenuButton.PNG);
    background-repeat: no-repeat;
    height: 28px;
    text-align: center;
    vertical-align: middle;
}

.MenuG {
    font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    color: #0072cf;
    FONT-WEIGHT: bold;
    border: none;
    font-family: Arial,Verdana;
    background: url(images/MenuSaveG.png);
    background-repeat: no-repeat;
    height: 28px;
    text-align: center;
    vertical-align: middle;
}
.MenuGOver{
    background: url(images/MenuSaveOver.png);
 }
.MenuA {
    font-size: 14px;
    font-style: normal;
    color: #0072cf;
    width: 99px;
    cursor: auto;
    color: Black;
    border: none;
    font-family: Arial,Verdana;
    background: url(images/MenuOver.PNG);
    background-repeat: no-repeat;
    height: 28px;
    text-align: center;
    vertical-align: middle;
}

.MenuL {
    font-size: 20px;
    FONT-FAMILY: Arial,Verdana;
    font-style: normal;
    width: 150px;
    cursor: auto;
    color: Black;
    background-color:#ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

.MenuW {
    font-size: 14px;
    FONT-FAMILY: Arial,Verdana;
    font-style: normal;
    height: 28px;
    width: 200px;
    cursor: auto;
    color: Black;
    border: none;
    background-image: url(images/MenuW.PNG);
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
}

.BtnMsg {
    font-size: 14px;
    font-style: normal;
    width: 85px;
    cursor: auto;
    color: blue;
    border: none;
    font-family: tahoma;
    background-image: url(images/BtnMsg.PNG);
    background-repeat: no-repeat;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}
 
 
.OverMenu {
    color:  #0072cf;
    FONT-WEIGHT: bold;
    font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    border: none;
    font-family: Arial,Verdana;
    background: url(images/MenuOver.PNG);
    background-repeat: no-repeat;
    height: 28px;
    text-align: center;
    vertical-align: middle;
}
.OverMenuSave {
    color:  #0072cf;
    FONT-WEIGHT: bold;
    font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    border: none;
    font-family: Arial,Verdana;
    background: url(images/MenuSaveOver.png);
    background-repeat: no-repeat;
    height: 28px;
    text-align:center;
    vertical-align: middle;
}
.OverMenuG {
    font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    color: #f4961c;
    border: none;
    font-family: Arial,Verdana;
    background: url(images/MenuSave.PNG);
    background-repeat: no-repeat;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    font-weight: bolder;
}

.OverMenuS {
    color:  #0072cf;
    FONT-WEIGHT: bold;
    font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    border: none;
    font-family: Arial,Verdana;
    background: url(images/MenuOver.PNG);
    background-repeat: no-repeat;
    height: 28px;
    border-bottom-style: none;
    text-align: center;
    vertical-align: middle;
}

.OverMenuA {
      background: url(images/MenuOver.png);
   
}

.OverMenuW {
    color:  #0072cf;
    FONT-WEIGHT: bold;
    font-size: 14px;
    font-style: normal;
    width: 200px;
    cursor: auto;
    border: none;
    font-family: Arial,Verdana;
    background: url(images/MenuWOver.png);
    background-repeat: no-repeat;
    height: 28px;
    text-align: center;
    vertical-align: middle;
}

.OverMenuL {
    color: #0072cf;
    FONT-WEIGHT: bold;
    font-size: 20px;
    font-style: normal;
    width: 150px;
    cursor: auto;
    background-color:#f5f5f5;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-family: Arial,Verdana;
    background-repeat: no-repeat;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

.BtnMsgOver {
    color: #000090;
    FONT-WEIGHT: bold;
    font-size: 14px;
    font-style: normal;
    width: 99px;
    cursor: auto;
    border: none;
    font-family: Arial,Verdana;
    background-image: url(images/BtnMsgOver.PNG);
    background-repeat: no-repeat;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

.HtrIN {
    border-style: solid;
    border-color: #ff3333;
}

.Htrout {
    border-color: #ff3333;
}

.lblexp {
    width: 100%;
    color: #700000;
}

.lblexpS {
    width: 10px;
    height: 100%;
    color: #CC0000;
    font-size: 10px;
    font-weight: bold;
    font-family: Arial,Verdana;
    text-align: center;
}

.lblexpM {
    width: 8px;
    background-color: Yellow;
    font-size: 10px;
    font-family: Arial,Verdana;
    FONT-WEIGHT: bold;
}

.lblexpR {
    width: 10px;
    background-color: #339933;
    font-size: 10px;
    font-family: Arial,Verdana;
    FONT-WEIGHT: bold;
}

.lblexpRed {
    width: 10px;
    color: #FF2020;
    display: inline-block;
    font-size: 10px;
    font-family: Arial,Verdana;
    FONT-WEIGHT: bold;
}

.flbl {
    font-family: Arial,Verdana;
    font-size: 14px;
    color: #700000;
    text-align: right;
}

.ftxt {
    font-family: Arial,Verdana;
    font-size: 14px;
    color: #000090;
    text-align: right;
}

.ftxtO {
    font-family: tahoma;
    font-size: 14px;
    color: #000090;
    text-align: right;
}

.ftxtL {
    font-family: tahoma;
    font-size: 14px;
    color: #000090;
    text-align: right;
    border-color: #aca899;
    background-color: #f9f9f9;
    Height: 24px;
    border-style: Solid;
    border-width: 1pt;
    cursor: auto;
}

.ftb {
    font-family: Arial,Verdana;
    font-size: 13px;
    color: #000090;
    text-align: right;
    padding-right: 5px;
}

.fx {
    color: #000090;
    text-align: right;
}

.f2b {
    color: #000090;
    font-weight: bold;
    font-size: 18px;
    font-family: Arial,Verdana;
    text-align: right;
}

.f2c {
    font-weight: bold;
    font-size: 18px;
    font-family: Arial,Verdana;
    text-align: right;
    color: #960000;
}

.f2d {
    font-weight: bold;
    font-size: 15px;
    font-family: Arial,Verdana;
    text-align: right;
    color: #960000;
}

.f2 {
    font-family: Arial,Verdana;
    font-size: 16px;
    font-style: normal;
    vertical-align: bottom;
}

.fk {
    width: 60px;
    cursor: auto;
    font-family: Arial;
    font-size: 14px;
    color: #000090;
}

.fd_h {
    font-family: Arial,Verdana;
    font-size: 14px;
    cursor: auto;
    width: 100px;
    color: #000090;
}

.f3 {
    font-family: Arial,Verdana;
    font-size: 14px;
    cursor: auto;
    width: 297px;
    color: #000090;
}

.fL3 {
    font-family: tahoma;
    font-size: 14px;
    cursor: auto;
    width: 797px;
    color: #000090;
}

.f4 {
    font-family: Arial;
    font-size: 14px;
    cursor: auto;
    width: 100px;
    color: #000090;
}

.f4l {
    font-family: Arial;
    font-size: 14px;
    cursor: auto;
    width: 200px;
    color: #000090;
}

.f5 {
    font-family: tahoma;
    font-size: 14px;
    cursor: auto;
    color: #000090;
    border-right: white 1px solid;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-bottom: white 1px solid;
    background-color: #f9f9f9;
}

.f6 {
    font-family: Arial;
    font-size: 14px;
    cursor: auto;
    width: 225px;
    direction: rtl;
    color: #000090;
   
}

.f7 {
    font-family: Arial,Verdana;
    border: none;
    direction: rtl;
    background-color: #FFFFFF;
   
}

.CodeL {
    font-family: Arial,Verdana;
    font-size: 14px;
    cursor: auto;
    width: 80px;
    direction: rtl;
    color: #000090;
}

.CodeS {
    font-family: tahoma;
    font-size: 14px;
    cursor: auto;
    width: 30px;
    direction: rtl;
    color: #000090;
}

.TLBL {
    height: 17px;
    color: #000090;
    font-size: 12pt;
    font-family: Arial,Verdana;
    text-align: right;
}

.cimage {
    width: 50px;
    cursor: auto;
    border: none;
    vertical-align: middle;
}

.inMenu {
    background-color: #4F7388;
    font-family: Arial,Verdana;
    font-size: 16px;
    color: #A2AB00;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: none;
    width: 95px;
    height: 30px;
    cursor: auto;
}

.inMenuout {
    background-color: #6699cc;
    font-family: Arial,Verdana;
    font-size: 16px;
    width: 94px;
    height: 30px;
    cursor: auto;
    color: #f4961c;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-color: #f4961c;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
}
.close {
    background-color: #c65139;
    font-size: 12px;
    font-weight:bolder;
    color: #ffffff;
    border-radius: 2px;
    -moz-border-radius:2px;
   -webkit-border-radius: 2px;
    border: none;
    cursor: auto;
}
H2 {
    font-size: 22px;
    word-spacing: normal;
    text-transform: none;
    color: #003399;
    font-style: normal;
    font-family: Arial,Verdana;
    letter-spacing: normal;
    text-decoration: none;
    font-weight: bolder;
}

H3 {
    color: red;
}

.tos {
    cursor: auto;
    border: none;
    background-image: url(images/CarOn.png);
    width: 18PX;
    height: 14px;
    background-repeat: no-repeat;
}

.tosB {
    cursor: auto;
    border: none;
    background-image: url(images/CarOnB.png);
    width: 18PX;
    height: 14px;
    background-repeat: no-repeat;
}

.tosin {
    cursor: auto;
    border: none;
    background-image: url(images/CarDone.png);
    width: 18PX;
    height: 14px;
    background-repeat: no-repeat;
}

.tosr {
    cursor: auto;
    border: none;
    background-image: url(images/CarOff.png);
    width: 18PX;
    height: 14px;
    background-repeat: no-repeat;
}

.kav {
    background-image: url(images/kav.bmp);
}

.kav2 {
    background-image: url(images/kav2.bmp);
    background-repeat: no-repeat;
    text-align: right;
}

.kav3 {
    background-image: url(images/kav.bmp);
    background-repeat: no-repeat;
    text-align: right;
}

.red {
    color: red;
    font-family: Arial,Verdana;
    font-weight: bolder;
}

.GREEN {
    color: Green;
    font-family: Arial,Verdana;
    font-weight: bolder;
}

.pink {
    color: #ff33cc;
    font-family: Arial,Verdana;
    font-weight: bolder;
}

.orange {
    color: #ff9933;
    font-family: Arial,Verdana;
    font-weight: bolder;
}

.purple {
    color: #cc0099;
    font-family: Arial,Verdana;
    font-weight: bolder;
}

.Blue {
    color: blue;
    font-family: Arial,Verdana;
    font-weight: bolder;
}

.GR {
    color: #66cc00;
}

.stripBlue {
     font-family: Arial,Verdana;
    font-weight: bold;
     background-color: #0072cf;
     font-size: 16px;
    color: white;
     text-align: right;
     height:22px;
}

.stripWhite {
    background-image: url(images/stripWhite.jpg);
}

.stripgrey {
    background-image: url(images/stripgrey.jpg);
    text-align: center;
}

.stripgreyB {
    background-image: url(images/stripgrey.jpg);
    text-align: center;
}

.stripgreyC {
    background-color: #EBEBE6 !important;
    border-style: none;
    color: #960000;
    font-weight: bolder;
    text-align: right;
}

.print {
    display: none;
}
/* Specifies how tags With these classes are printed */
@media print {
    /* All the form elements under the class bellow will Not be printed */
    .noprint {
        display: none;
    }
}

.Find {
    border-style: None;
    cursor: auto;
    width: 20px;
    height: 22px;
    background: url(images/Cabs.png);
    background-repeat: no-repeat;
}

.Fnd {
    border-style: none;
    background-image: url(images/CabsB.png);
    background-position: center center;
    width: 20px;
    height: 22px;
    cursor: auto;
    background-repeat: no-repeat;
}

.Findp {
    border-style: None;
    background-position: center center;
    background: url(images/Find.png);
    width: 20px;
    height: 22px;
    background-repeat: no-repeat;
}

.DrPd {
    height: 22px;
    direction: rtl;
    color: #0000ff;
    font-size: 14px;
    border-style: none;
    font-family: Arial,Verdana;
    width: 180px;
}

.DrDl {
    direction: rtl;
    color: #0000ff;
    font-size: 14px;
    font-family: Arial,Verdana;
}

.Del {
    border: none;
    background-image: url(images/Del.gif);
    width: 15px;
    cursor: auto;
    height: 15px;
    background-repeat: no-repeat;
}

.add {
    text-align: center;
    border-left-style: solid;
    border-color: White;
    background-image: url(images/Add.jpg);
    width: 15px;
    cursor: auto;
    height: 21px;
    background-repeat: no-repeat;
}

.Esh {
    color: blue;
    background-color: White;
    text-align: right;
    font-family: Arial,Verdana;
    border: none;
}

.EshR {
    color: blue;
    background-color: White;
    text-align: right;
    font-family: Arial,Verdana;
    border: none;
}

.List_brd {
    border: #7F9DB9 1px solid;
}

.HEADER {
    background-image: url(images/Header.jpg);
    width: 100%;
    height: 100%;
}

.HEADER2 {
    background-image: url(images/Header2.jpg);
    width: 100%;
    height: 100%;
}

.HEADERL {
    background-color: #6DB1C8;
    width: 100%;
}

.HG {
    background-color: #0072cf;
    color: white;
    font-family: Arial,Verdana;
    font-size: 14px;
    border-style: none;
    border-color: #f6f6f6;
    height: 22px;
    font-weight: bold;
    direction: rtl;
}
.Hg2 {
    background-color: #0072cf;
}
.kot {
    text-align: center;
    border-left-style: solid;
    border-color: White;
    background-image: url(images/kot.jpg);
    width: 100%;
    height: 100%;
}

.Tauto {
    cursor: auto;
}

.Cal {
    border-style: None;
    cursor: auto;
    background-position: center center;
    background: url(images/Calendar.png);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
}
.CalOver {
    border-style: None;
    cursor: auto;
    background-position: center center;
    background: url(images/CalendarOver.png);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
}
.Code {
    font-family: Arial;
    width: 80px;
    cursor: auto;
    font-size: 14px;
    color: #000090;
    text-align: right;
    border-style: None;
}

.help {
    cursor: help;
    background: url(images/help.jpg);
    width: 20px;
    height: 24px;
    border-style: none;
    background-repeat: no-repeat;
    background-position: center center;
}

.job {
    cursor: auto;
    border: none;
    background: url(images/JobOff.png);
    width: 21PX;
    height: 15px;
    background-repeat: no-repeat;
}

.jobB {
    cursor: auto;
    border: none;
    background: url(images/JobOffB.png);
    width: 21PX;
    height: 15px;
    background-repeat: no-repeat;
}

.jobP {
    cursor: auto;
    border: none;
    background: url(images/JobP.png);
    width: 48PX;
    height: 26px;
    background-repeat: no-repeat;
}

.jobIn {
    cursor: auto;
    border: none;
    background: url(images/JobOn.png);
    width: 21PX;
    height: 15px;
    background-repeat: no-repeat;
}

.tblGray {
    border-style: solid;
    border-width: 1px;
    text-align: right;
    border-color: gray;
}

.rightClick {
    Visibility: hidden;
    font-size: 14px;
    font-style: normal;
    Margin: 5px;
    Position: absolute;
    cursor: auto;
    color: white;
    border: none;
    font-family: Arial,Verdana;
    background-color: #6DB1C8;
    FONT-WEIGHT: bold;
}

.EmpB {
    color: Green;
    font-family: Arial,Verdana;
    font-weight: bolder;
}

.DataGridFixedHeader {
    background-image: url(images/stripWhite.jpg);
    color: #000090;
    position: relative;
    top: expression(this.offsetParent.scrollTop);
}

#UpdatePanel1, #UpdatePanel2, #UpdateProgress1 {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

#UpdatePanel1, #UpdatePanel2 {
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}

#UpdateProgress1 {
    font-size: 8px;
    width: 100%;
    height: 100%;
    border: none;
    top: 450px;
    left: 0px;
    position: absolute;
}

.GVFixedHeader {
    background-image: url(images/stripWhite.jpg);
    text-align: center;
    height: 20px;
    color: #000090;
    position: relative;
    border-color: black;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}

.GridHeader {
    background-color:#EBEBE6;
    text-align: center;
    font-family: Arial,Verdana;
    height: 20px;
    font-weight: bold;
    color: black;
    position: relative;
    border-color: gray;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}
.GVFixedFooter {
    background-image: url(images/stripWhite.jpg);
    position: relative;
    bottom: expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode));
}

.GVHeader {
    background: #dce8f6;
}

.GVFooter {
    background: #dce8f6;
    position: relative;
    bottom: expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode));
    z-index: 999;
}

.TBL {
    border-collapse: separate;
}

.Scan {
    vertical-align: middle;
    cursor: auto;
    width: auto;
    height: auto;
    border-bottom: medium none;
    background-repeat: no-repeat;
    border-style: none;
}

#darkbg {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 990;
    background: #e4e4e4;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#message_box {
    font-family: tahoma, sans-serif;
    width: 300px;
    height: 250px;
    background-color: #fff;
    border: solid 5px #999;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -150px;
    z-index: 9999999;
}

    #message_box input[type=button] {
        float: inherit;
        margin-right: 5px;
    }

.popup_title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #666;
    background: #CCC url(images/title.gif) top repeat-x;
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#popupinfo {
    background: url(images/info.gif);
    margin: 1em 0em 0em 1em;
    width: 40px;
    height: 30px;
    margin: 0;
    float: left;
    background-repeat: no-repeat;
}

#popupTable {
    text-align: center;
    width: 100%;
    height: 30px;
    vertical-align: bottom;
}

#popupbody {
    height: 80px;
    font-size: 16px;
}

.darkbg {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #e4e4e4;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.messageEls {
    font-size: 12pt;
    color: #000090;
}
.RadBtn {
     height:50px !important;
     width:50px  !important;
     font-size: 30px!important;
     background-repeat: no-repeat;
     outline:none;
}
.RadMsg {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    overflow: auto;
    color: black;
    padding: 0em;
    margin: 0em;
}

.mb1 {
    font-size: 16px;
    width: 800px;
    height: 80px;
}

.lblprint {
    vertical-align: central;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 8pt;
    z-index: 101;
    left: 0px;
    position: absolute;
}

.radalert {
    background: none !important;
}

.rwPopupButton {
    margin-left: 40px !important;
}

.cBox {
}

@media print {
    table, td, tr {
        overflow: visible;
        border: solid;
        border-width: 4px;
    }
}
