/*newly added*/
body {
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    border: none; /*text-align: center;*/ /*font: normal 13px Georgia, "Times New Roman", Times, serif;*/
    color: #222;
}

/*Error Message in application*/
.ErrMsg {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ED7476;
    margin-left: 5px;
    display: inline;
}
/* Label In Normal */
.LabelNormal {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-size: 14px;
    cursor: pointer;
}
/* Label In bold */
.LabelBold {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: black;
}
/*Message for the "No records to be displayed" for a datagrid or gridview*/
.InfoMsg {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    border: 1px solid #8e8e8e;
    color: #0e0e0e;
    Width: 300px;
    font-weight: bold;
    text-align:center;
}
/*Message for the "To show messge on successful action taken place" on any control*/
.SuccMsg {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    padding: 2px 4px;
    margin: 0px;
    border: solid 1px #C0F0B9;
    background: #D5FFC6;
    color: #2a7a13;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
/*Grid Container with White Background*/
.GrdCont {
    border: 1px solid #747474;
    width: 100%;
    display: table;
}
/*Grid Header with grey Background with fontsize,fonttype*/
.GrdHeader {
    /*font: White;
    background-color: #7f8185;
    Font-Size: 14px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    border-style: solid;
    border: 1px solid #79916f;
    font-weight: bold;
    Height: 20px;
    text-align: center;*/
    /*background-color: #7f8185;*/
    border: 1px solid #747474;
    text-align: center;
    font-size: 14px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    height: 25px;
    /*font: #FFFFFF;*/
    background-color: #006699;
}

    .GrdHeader.Warp {
        word-wrap: break-word;
    }
/*Grid Row with grey Background with fontsize,fonttype*/
.GrdRow {
    /*color: black;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    background-color: #fff;
    height: 25px;
    vertical-align: middle;
    text-align: center;*/
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    border: 1px solid #747474;
    background-color: #fff;
    text-align: Center;
    color: black;
}
.GrdRow1 {
    /*color: black;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    background-color: #fff;
    height: 25px;
    vertical-align: middle;
    text-align: center;*/
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    border: 1px solid #747474;
    background-color: #fff;
    text-align:left;
    color: black;
}
/*Grid AltRow with grey Background with fontsize,fonttype*/
.GrdAltRow {
    color: black;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    background-color: #efebef;
    text-align: center;
}
/*Grid DataDisplayed row count fontsize,fonttype*/
.GrdRecCount {
    Font-Size: 11px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    text-align: left;
}
/*Grid DataDisplayed page count fontsize,fonttype*/
.GrdPageCount {
    Font-Size: 11px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    text-align: right;
}
/*Button CSS for Back action in our application.*/
.btn_Back {
    width: 50px;
    Font-Size: 11px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    border: 1px solid #336699;
    background-color: #ffffff;
    padding: 2px;
    background-position: center;
    background-repeat: no-repeat;
    height: 26px;
    cursor: pointer;
}
/*Button CSS for any action in our application.*/
.Button {
    width: 50px;
    Font-Size: 11px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    border: 1px solid #336699;
    background-color: #ffffff;
    padding: 2px;
    background-position: center;
    background-repeat: no-repeat;
    height: 26px;
    cursor: pointer;
}
/*Login page text.*/
.LoginText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
    color: #698f44;
    text-align: right;
    vertical-align: middle;
}
/*Copyrights class which will be displayed at bottom page text.*/
.CopyRights {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: center;
    color: #FFF;
}
/*Button CSS for Go action in our application.*/
.btn_Go {
    width: 50px;
    Font-Size: 11px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    border: 1px solid #336699;
    background-color: #ffffff;
    padding: 2px;
    background-position: center;
    background-repeat: no-repeat;
    height: 26px;
    cursor: pointer;
}
/*Page Title CSS for in our application.*/
.PageTitle {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #304d58;
    font-size: 20px;
    line-height: 25px;
    /*padding-left: 10px;*/
    text-align: Left;
    vertical-align: middle;
}
/*Text box css code for our application*/
.Textbox {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    font-size: 13px;
    background-color: #ffffff;
    /*border: 1px solid #cdd7bc;*/
    border: 1px solid #a7a6aa;
    width: 120px;
    /*color: #666666;   
    background-color: #e1e1e1;
    padding-left: 3px;
    vertical-align: top;*/
}
/*Hyper Link css code for our application*/
.HyperLnk {
    /*font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    font-size: 13px;
    color: blue;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: underline;
    padding-left: 10px;*/
    padding-right: 3px;
    text-decoration: underline;
    color: blue;
}

/*DropDown Control css code for our application*/
/*.DropDown {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    font-size: 13px;
    background-color: #ffffff;
    border: 1px solid #cdd7bc;
    line-height: 150px;
    text-align: left;
    padding-left: 10px;
    width: 130px;
}*/
/*Checkbox Control css code for our application*/
.CheckBox {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    font-size: 13px;
    color: #000000;
}
/*PopUp window Control css code for our application*/
.PopUp {
    width: 434px;
    padding: 22px 30px 25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    background-color: #fff;
    font-size: 0.86em;
    line-height: 1.17em;
    display: none;
}

    .PopUp .close {
        width: 100%;
        overflow: hidden;
        margin: 0 0 0px;
    }
/*Table Control css code for our application*/
/*.Table {
    border-width: 1px;
    border-style: solid;
    border-color: #A3A3A3;
    border-collapse: collapse;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    font-size: 13px;
    
}*/

Table.gridtable {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    font-size: 13px;
    border-width: 1px;
    border-color: #a7abb4;
    border-collapse: collapse;
    padding-left: 10px;
}

    Table.gridtable td {
        font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
        -webkit-font-smoothing: subpixel-antialiased;
        -ms-font-smoothing: subpixel-antialiased;
        -moz-font-smoothing: subpixel-antialiased;
        -o-font-smoothing: subpixel-antialiased;
        font-size: 13px;
        border-width: 1px;
        border-style: solid;
        border-color: #a7abb4;
        background-color: #ffffff;
        padding-left: 10px;
    }
/*Disabled  Control css code for button in our application*/
.Disabled {
    background: none repeat scroll 0 0 burlyWood;
    cursor: default !important;
}
/*Radio Button Control css code for button in our application*/
.Rdbtn {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    font-size: 13px;
    color: #000000;
}
/*Main Css class in our application*/
.main {
    width: 100%;
    background-color: #FFFFFF;
}
/*Browser Padding CSS Class file*/
.html, body {
    padding: 0px;
    margin: 0px;
}
/*Header CSS Class file t*/
.header {
    /*height: 76px;
    width: 100%;
    background-image: url('../images/Top_bg_inner.gif');*/
}
/*Left Menu Td CSS Class file */
.Nav_left_menu_td {
    display:inline-block;
    vertical-align: top;
}
/*Nav_main_menu CSS Class file  top menu list items font size and type cna be adjusted ( Home,About etc )*/
.Nav_main_menu {
    background:  url(../../App_Themes/images2/nav_mid_bg.gif) repeat-x bottom left;
    font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    width: 100%;
    height: 25px;
    font-size: 12px;
    text-align: left;
}
/*Nav_main_display CSS Class file */
.Nav_main_display {
    height: 26px;
    width:auto;
    background-color:#fff;
    background-repeat:repeat-x;
    font-size: 13px;
    /*line-height: 23px;*/
}
/*right_login_role CSS Class file */
.right_login_role {
    width: 100%;
    top: 5px;
    text-align: right;
}
/*header_title ( SLAM Title ) CSS Class file */
.header_title {
    width: 158px;
    font-size: 40px;
    left: 160px;
    top: 5px;
    margin-left: 25px;
}
/*header_title_down ( ELS/LGD) CSS Class file */
.header_title_down {
    font-size: 16px;
    margin-top: -7px;
}
/*left_menu_acc CSS Class file */
.left_menu_acc {
    width: 220px;
    background-color: #a6bcbc;
}


/*footer ( Page Footer_Img gif file ) Class file */
/*
.footer {
    height: 19px;
    width:auto;
    background-image: url('../images/footer_bg.gif');
    
    bottom: 0;
    left: 0;
    background-repeat:repeat-x;
   
}
    */

/*footer_down ( Page Footer_Img gif file 2) Class file */
.footer_down {
    clear: both;
	color: #000;
    text-align: left;
    font-size: 10px;
    width: 100%;
    background-image: url(../../App_Themes/images2/glossyback2.gif);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    /*position:fixed;*/
    bottom: 0;
    left: 0;
}
/*footer_down ( Text FontType and Size) Class file */
.foottext {
    
    text-align: center;
    font-size: 10px;
    background-image: url(../../App_Themes/images2/glossyback2.gif);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

/*Header top -- Links font*/
.tnav {
    text-decoration: none;
    padding: 0px 10px 0px 0px;
    border: 0;
}

    .tnav:hover {
        color: #2e78fe;
        text-decoration: none;
        padding: 0px 10px 0px 0px;
        /*font-weight: bold;*/
    }
/*glossymenu CSS file name*/
.glossymenu {
    margin: 0px 0;
    padding: 0;
    width: 100%;
    float:left;
    border-bottom-width: 0;
}

.fieldset {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
/*Input text area CSS file name*/
input, textarea {
    padding: 3px;
}
/* Table border inside a grid display */
.Table1 {
    border-width: 1px;
    border-style: solid;
    border-color: #d1d1d1;
    background-color: #CCCCCC; /* border-collapse: collapse;*/
}
/*******************************************************************************************************/
/* Need to be conform from the dev team for what these css files are used */
.tdbold1 {
    border-style: solid;
    border-width: 1px;
    border-color: inherit;
    padding-left: 5px;
    white-space: nowrap;
}

.msg {
    font-weight: bold;
    font-size: 0.625em;
    font-family: Tahoma Arial Sans-Serif;
    text-transform: capitalize;
}

.right_person {
    width: 100px;
    height: 35px;
    text-align: center;
    position: absolute;
    top: 35px;
    right: 120px;
}

.right_about {
    width: 35px;
    height: 35px;
    text-align: center;
    position: absolute;
    top: 35px;
    right: 80px;
}

.right_Signoff {
    text-align: center;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 35px;
    right: 20px;
}
/*******************************************************************************************************/
.cellDivHeader {
    border-right: 1px solid #747474;
    background-color: #dddddd;
    display: table-cell;
    width: 12%;
    padding: 1px;
    text-align: center;
}

.rowDivHeader1 {
    /*background-image: url('../images/Top_bg_inner.gif');*/
    background-image: url('../images/form_header.gif');
    /* background-color:#b1e0c8;*/
    /*border: 1px solid #747474;*/
    border-style: groove;
    text-align: left;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
    height: 25px;
}

.rowDiv1 {
    /*background-image: url('../images/Top_bg_inner.gif');*/
    background-image: url('../images/form_header.gif');
    /* border: 1px solid #747474;*/
    background-color: #c0f3d2; /*#9BE8C9*/
    border-style: groove;
}

.dashButton {
    -moz-box-shadow: inset -10px -10px 0px -9px #000000;
    -webkit-box-shadow: inset -10px -10px 0px -9px #000000;
    box-shadow: inset -10px -10px 1px -8px #000000;
    background-color: #53ffc7;
    display: inline-block;
    cursor: pointer;
    padding: 6px 28px;
}

    .dashButton:hover {
        background-color: #3ae5a5;
    }

    .dashButton:active {
        position: relative;
        top: 1px;
    }
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*///////////// Tabs Code ////////////*/
.ntabs {
    font-family: tahoma,verdana,sans-serif;
    clear: both;
    text-align: center;
    float: left;
    background-color: white;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 6px 4px 6px 10px;
    text-decoration: none;
    color: #333;
    font-size: 12px;
}

.tabshover {
    background-color: white;
}

.activecss {
    font-family: tahoma,verdana,sans-serif;
    font-weight: bold;
    clear: both;
    text-align: center;
    float: left;
    font-size: 12px;
    background-color: #9BE8C9;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 6px 4px 6px 10px;
    text-decoration: none;
    color: #333;
}

.popupHeader {
    background-color: #239869;
    color: white;
}
/*For AutoExtender */
.AutoExtender {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 2px;
    background-color: White;
}

.AutoExtenderList {
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
}

.AutoExtenderHighlight {
    color: White;
    background-color: #006699;
    cursor: pointer;
}
/*Table Control css code for our application when we input data (box)*/
.Table {
    border: 1px #bfd7ec solid;
    /*background-image: url(../images2/box.jpg);*/
    /*height:124px;*/
    /*width:930px;*/
    /*background-repeat: repeat-x;*/
    padding: 10px 20px 5px 25px;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 68px;
}
/*Page Back ground */

.pagebackground {
    border:none;
    /* IE10 Consumer Preview */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d0eedb, endColorstr=#FFFFFF);*/
    background-color:#d0eedb;
    background-image: -ms-linear-gradient(bottom, #d0eedb 0%, #d0eedb 60%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #d0eedb 0%, #d0eedb 60%);
    /* Opera */
    background-image: -o-linear-gradient(bottom, #d0eedb 0%, #d0eedb 60%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0eedb), color-stop(1, #d0eedb));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #d0eedb 0%, #d0eedb 60%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #d0eedb 0%, #d0eedb 60%);
    background-repeat:repeat-x;
       
}


    .pagebackground.one {
        border: 1px #c5ceb4 solid;
        /* IE10 Consumer Preview */
        background-image: -ms-linear-gradient(bottom, #c5ddab 0%, #ffffff 60%);
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(bottom, #c5ddab 0%, #ffffff 60%);
        /* Opera */
        background-image: -o-linear-gradient(bottom, #c5ddab 0%, #ffffff 60%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c5ddab), color-stop(1, #ffffff));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(bottom, #c5ddab 0%, #ffffff 60%);
        /* W3C Markup, IE10 Release Preview */
        background-image: linear-gradient(to top, #c5ddab 0%, #ffffff 60%);
        background-repeat: no-repeat;
        padding: 10px 20px 10px 25px;
    }
/* Background for only dash board */
.DasboardBackground {
    /* IE10 Consumer Preview */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5dd3f0, endColorstr=#FFFFFF);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #5dd3f0 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #5dd3f0 100%);
    /* Opera */
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #5dd3f0 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #5dd3f0));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #5dd3f0 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #FFFFFF 0%, #5dd3f0 100%);
    background-repeat: no-repeat;
}
/* Background for TextBox in dash board */
.DasboardBackgroundTextBox {
    /* IE10 Consumer Preview */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3eaf0, endColorstr=#FFFFFF);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #d3eaf0 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #d3eaf0 100%);
    /* Opera */
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #d3eaf0 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #d3eaf0));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #d3eaf0 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #FFFFFF 0%, #d3eaf0 100%);
    background-repeat: no-repeat;
}
/*Error Message in application*/
.ErrMsg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: Red;
}

/*Monthly Schedule planner Css */
        .sample
        {
            height: 100px;
            color: White;
            font-weight: bold;
        }
        /*Dont Change this CSS Class Name */
        .DragableLoco
        {
            height: 18;
            border-bottom-style: ridge;
            border-bottom-width: thick;
        }
        .NormalClass
        {
            border-left: 0 0 0;
            border-right: 0 0 0;
            border-bottom: 1 1 1;
            border-top: 0 0 0;
            border-style: solid;
            text-align: center;
            font-size: x-small;
        }
        .HolidayClass
        {
            color:black;
            font-weight: bold;
            background-color: White;
        }
        
/*Annual Schedule planner Css */
       .divScroll
        {
            overflow: auto;
            height: 300px;
            border-left: 1 1 1;
            border-right: 1 1 1;
            border-bottom: 1 1 1;
            border-top: 1 1 1;
            border-style: solid;
        }

      .divClass
        {
            height: 300px;
            border-left: 1 1 1;
            border-right: 1 1 1;
            border-bottom: 1 1 1;
            border-top: 1 1 1;
            border-style: solid;
        }