/*************************************************************************************************
'Module:    style.css
'Desc:      All CSS use for the page
'Author:    Jocris G. Ramis
'Note:      For authors who will be updating this after the version 1.0, please write the updates 
'           at the Revision Section and put the comment in the affected code just like below: */
/*           '/*start: 1.1 Nov 27, 2012 jgramis            */
/*'           .. actual code                             */
/*'           '/*end: 1.1 Nov 27, 2009 jgramis          */
/*'            The version 1.0 comments should be the only visible comments throughout the code 
'           (since it is the official and initial release, and to standardized the succeeding updates)
'
'Release Date: Nov 27, 2012
'Revisions: (# date / author : remarks [reason of update / enhancement])
'(1.0) Nov 27, 2012 - Initial Draft*/

/* Basic CSS */

.versioning {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 10.5px;
    font-style: italic;
    color: #5c61c8;
}

#content {
    /*margin-left: auto;*/ /*border-style: solid;     border-color: rgb(0, 102, 153);     padding-left: 10px;     border-width: 4px; /*~webkit-border-radius:5px;     ~khtml-border-radius:5px;     border-radius:5px;*/ /*height: 650px; /*height:100%;*/ /*overflow: auto;*/
    min-height: 650px;
}

#sidemenu {
    /*border-style: solid;*/
    border-color: rgb(0, 102, 153);
    padding-left: 10px;
    border-width: 4px; /*height: 650px;*/
    height: 100%;
    width: 180px;
    overflow: auto; /*background-color: #e4e4e4;*/
}



.fldLabel {
    /*color: #5c61c8; /*padding-top: 0px;     padding-right: 3px;     padding-bottom: 2px;     padding-left: 5px;*/
    color: rgb(4,54,115);
    font-size: 10pt;
    font-weight: bold;
    /*font-variant: small-caps;*/
    font-family: Tahoma, Arial, Sans-Serif;
    display: inline-block; /*width: 125px;*/
    width: auto;
    vertical-align: top;
    text-align: left;
    top: 0px;
    left: 0px;
}

.Mode1 .fldLabel {
    color: #5c61c8; /*padding-top: 0px;     padding-right: 3px;     padding-bottom: 2px;     padding-left: 5px;*/
    font-size: 10pt;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Tahoma, Arial, Sans-Serif;
    display: inline-block; /*width: 125px;*/
    width: auto;
    vertical-align: top;
    text-align: left;
    top: 0px;
    left: 0px;
}

.Mode2 .fldLabel {
    color: Green; /*padding-top: 0px;     padding-right: 3px;     padding-bottom: 2px;     padding-left: 5px;*/
    font-size: 10pt;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Tahoma, Arial, Sans-Serif;
    display: inline-block; /*width: 125px;*/
    width: auto;
    vertical-align: top;
    text-align: left;
    top: 0px;
    left: 0px;
}

.Mode3 .fldLabel {
    color: Maroon; /*padding-top: 0px;     padding-right: 3px;     padding-bottom: 2px;     padding-left: 5px;*/
    font-size: 10pt;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Tahoma, Arial, Sans-Serif;
    display: inline-block; /*width: 125px;*/
    width: auto;
    vertical-align: top;
    text-align: left;
    top: 0px;
    left: 0px;
}


.btn {
    border-color: #219DB1;
    background-color: #195fa4;
    color: White;
    padding: 1px;
    font-weight: bolder;
    margin-right: 5px;
    font-variant: small-caps;
    height: 25px;
    font-family: Tahoma, Arial, Sans-Serif;
    ~webkit-border-radius:5px;
    ~khtml-border-radius:5px;
    border-radius: 3px;
    overflow: auto;
    width: 70px;
}

.Mode1 .btn {
    border-color: #219DB1;
    background-color: #195fa4;
    color: White;
    padding: 1px;
    font-weight: bolder;
    margin-right: 5px;
    font-variant: small-caps;
    height: 25px;
    font-family: Tahoma, Arial, Sans-Serif;
    ~webkit-border-radius:5px;
    ~khtml-border-radius:5px;
    border-radius: 3px;
    overflow: auto;
    width: 70px;
}

.Mode2 .btn {
    border-color: #219DB1;
    background-color: Green;
    color: White;
    padding: 1px;
    font-weight: bolder;
    margin-right: 5px;
    font-variant: small-caps;
    height: 25px;
    font-family: Tahoma, Arial, Sans-Serif;
    ~webkit-border-radius:5px;
    ~khtml-border-radius:5px;
    border-radius: 3px;
    overflow: auto;
    width: 70px;
}

.Mode3 .btn {
    border-color: #219DB1;
    background-color: Maroon;
    color: White;
    padding: 1px;
    font-weight: bolder;
    margin-right: 5px;
    font-variant: small-caps;
    height: 25px;
    font-family: Tahoma, Arial, Sans-Serif;
    ~webkit-border-radius:5px;
    ~khtml-border-radius:5px;
    border-radius: 3px;
    overflow: auto;
    width: 70px;
}




.Initial {
    display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    background: url("../images/initial_1.png") no-repeat right top;
    color: white;
    width: 120px;
    height: 30px;
}

    .Initial:hover {
        color: #284775;
        display: block;
        vertical-align: middle;
        text-align: center;
        float: left;
        background: url("../images/hover_1.png") no-repeat right top;
        width: 120px;
        height: 30px;
    }

.Clicked {
    display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    background: url("../images/selectedbutton_1.png") no-repeat right top;
    color: white;
    font-weight: bold;
    width: 120px;
    height: 30px;
}



.hidesidenu:hover {
    background: url("../Images/HideShow.png");
}

.Mode1 .hidesidenu:hover {
    background: url("../Images/HideShow.png");
}

.hidesidenu {
    background: url("../Images/Icontrans.png");
}

.Mode1 .hidesidenu {
    background: url("../images/Icontrans.png") no-repeat right top;
}



.Mode1 .Initial {
    display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    background: url("../images/initial_1.png") no-repeat right top;
    color: white;
    width: 120px;
    height: 30px;
}

    .Mode1 .Initial:hover {
        color: #284775;
        display: block;
        vertical-align: middle;
        text-align: center;
        float: left;
        background: url("../images/hover_1.png") no-repeat right top;
        width: 120px;
        height: 30px;
    }

.Mode1 .Clicked {
    display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    background: url("../images/selectedbutton_1.png") no-repeat right top;
    color: white;
    font-weight: bold;
    width: 120px;
    height: 30px;
}

.Mode2 .Initial {
    display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    background: url("../images/initial_2.png") no-repeat right top;
    color: white;
    width: 120px;
    height: 30px;
}

    .Mode2 .Initial:hover {
        color: #284775;
        display: block;
        vertical-align: middle;
        text-align: center;
        float: left;
        background: url("../images/hover_2.png") no-repeat right top;
        width: 120px;
        height: 30px;
    }

.Mode2 .Clicked {
    display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    background: url("../images/selectedbutton_2.png") no-repeat right top;
    color: white;
    font-weight: bold;
    width: 120px;
    height: 30px;
}


.Mode3 .Initial {
    display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    background: url("../images/initial_3.png") no-repeat right top;
    color: white;
    width: 120px;
    height: 30px;
}

    .Mode3 .Initial:hover {
        color: #284775;
        display: block;
        vertical-align: middle;
        text-align: center;
        float: left;
        background: url("../images/hover_3.png") no-repeat right top;
        width: 120px;
        height: 30px;
    }

.Mode3 .Clicked {
    display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    background: url("../images/selectedbutton_3.png") no-repeat right top;
    color: white;
    font-weight: bold;
    width: 120px;
    height: 30px;
}





.Mode1 .Initial1 {
    display: block;
    float: left;
    background: url("../images/menu_1.jpg") repeat left top;
    color: white;
}

    .Mode1 .Initial1:hover {
        color: #284775;
        background: url("../images/menu_3.jpg") repeat left top;
    }

.Mode2 .Initial1 {
    display: block;
    float: left;
    background: url("../images/menu1_2.jpg") repeat left top;
    color: white;
}

    .Mode2 .Initial1:hover {
        color: #284775;
        background: url("../images/menu3_3.jpg") repeat left top;
    }


.Mode3 .Initial1 {
    display: block;
    float: left;
    background: url("../images/menu1_3.jpg") repeat left top;
    color: white;
}

    .Mode3 .Initial1:hover {
        color: #284775;
        background: url("../images/menu3_3.jpg") repeat left top;
    }


.Clicked1 {
    float: left;
    display: block;
    background: url("../images/menu_2.jpg") repeat left top;
    color: #284775;
}





.breadcrumb {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 14px;
    color: #5c61c8;
}

.Mode1 .breadcrumb {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 14px;
    color: #5c61c8;
}

.Mode2 .breadcrumb {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 14px;
    color: Green;
}

.Mode3 .breadcrumb {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 14px;
    color: Maroon;
}



.dg {
    color: white;
    border: 1px solid #ddd;
    padding: 10px 10px 10px 10px;
}

.dgfooter {
    background-color: #FDB913;
    font-weight: bold;
    color: White;
}

.dgAlternatingstyle {
    padding: 8px;
    background: White;
    color: #284775;
    border: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 8pt;
}

.dgItemStyle {
    padding: 8px;
    background: #F7F6F3;
    color: #333333;
    border: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 8pt;
}

.dgPagerStyle {
    padding: 8px;
    background: #FDB913;
    font-weight: bold;
    color: #043673;
    border: 1px solid #ddd;
    font-size: 8pt;
    height: 5px;
}

.dgPagerStyle1 {
    padding: 8px;
    background: #043673;
    font-weight: bold;
    color: white;
    border: 1px solid #ddd;
    font-size: 8pt;
    height: 5px;
}

.dgHeaderStyle {
    padding: 8px;
    text-align: center;
    background: #FDB913;
    font-weight: bold;
    color: #043673;
    border: 1px solid #ddd;
    font-size: 8pt;
}



.Mode1 .dg {
    color: #333333;
}

.Mode1 .dgfooter {
    background: #5D7B9D;
    color: White;
}

.Mode1 .dgAlternatingstyle {
    background: White;
    color: #284775;
}

.Mode1 .dgItemStyle {
    background: #F7F6F3;
    color: #333333;
}

.Mode1 .dgPagerStyle {
    background: #3980c6;
    font-weight: bold;
    color: White;
}

.Mode1 .dgHeaderStyle {
    background: #24418f;
    font-weight: bold;
    color: White;
}

.Mode2 .dg {
    color: #333333;
}

.Mode2 .dgfooter {
    background: #227b28;
    color: White;
}

.Mode2 .dgAlternatingstyle {
    background: White;
    color: #284775;
}

.Mode2 .dgItemStyle {
    background: #F7F6F3;
    color: #333333;
}

.Mode2 .dgPagerStyle {
    background: #5ed966;
    font-weight: bold;
    color: White;
}

.Mode2 .dgHeaderStyle {
    background: #227b28;
    font-weight: bold;
    color: White;
}


.Mode3 .dg {
    color: White;
}

.Mode3 .dgfooter {
    background: #a9090d;
    color: White;
}

.Mode3 .dgAlternatingstyle {
    background: White;
    color: #284775;
}

.Mode3 .dgItemStyle {
    background: #F7F6F3;
    color: #333333;
}

.Mode3 .dgPagerStyle {
    background: #ee484c;
    font-weight: bold;
    color: White;
}

.Mode3 .dgHeaderStyle {
    background: #a9090d;
    font-weight: bold;
    color: White;
}

.tblrecordperpage {
    background-color: #3980c6;
    color: #FFFFFF;
}


.Mode1 .tblrecordperpage {
    background-color: #3980c6;
    color: #FFFFFF;
}

.Mode2 .tblrecordperpage {
    background-color: #5ed966;
    color: #FFFFFF;
}


.Mode3 .tblrecordperpage {
    background-color: #ee484c;
    color: #FFFFFF;
}

hr {
    border: 0;
    border-top: 4px solid #B4CBDF;
    background: #B4CBDF;
    height: 0;
}

.Mode1 hr {
    border: 0;
    border-top: 4px solid #B4CBDF;
    background: #B4CBDF;
    height: 0;
}

z .Mode2 hr {
    border: 0;
    border-top: 4px solid Green;
    background: Green;
    height: 0;
}

.Mode3 hr {
    border: 0;
    border-top: 4px solid Maroon;
    background: Maroon;
    height: 0;
}


.ProjMenu {
    background: #f9fccd;
    font-weight: bold;
    font-family: Verdana;
    font-size: 8px;
    color: #284775;
}

.Mode1 .ProjMenu {
    background: #f9fccd;
    font-weight: bold;
    font-family: Verdana;
    font-size: 8px;
    color: #284775;
}

.Mode2 .ProjMenu {
    background: #f9fccd;
    font-weight: bold;
    font-family: Verdana;
    font-size: 8px;
    color: Green;
}

.Mode3 .ProjMenu {
    background: #f9fccd;
    font-weight: bold;
    font-family: Verdana;
    font-size: 8;
    color: Maroon;
}

.PMstaticSelected {
    /*ForeColor="#000001"*/
    color: #000001;
}

.Mode1 .PMstaticSelected {
    /*ForeColor="#000001"*/
    color: #000001;
}

.Mode2 .PMstaticSelected {
    /*ForeColor="#000001"*/
    color: Green;
}

.Mode3 .PMstaticSelected {
    /*ForeColor="#000001"*/
    color: Maroon;
}

.PMstaticMenu {
    /*BackColor="#f9fccd" BorderColor="#003399" BorderStyle="Solid""*/ /* Font-Bold="true" Font-Names="verdana" Font-Size="8" ForeColor="#284775"*/
    background: #f9fccd;
    border-color: #003399;
    border-style: solid;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    color: #284775;
}

.Mode1 .PMstaticMenu {
    /*BackColor="#f9fccd" BorderColor="#003399" BorderStyle="Solid""*/
    background: #f9fccd;
    border-color: #003399;
    border-style: solid;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    color: #284775;
}

.Mode2 .PMstaticMenu {
    /*BackColor="#f9fccd" BorderColor="#003399" BorderStyle="Solid""*/
    background: #f9fccd;
    border-color: #053608;
    border-style: solid;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    color: Green;
}

.Mode3 .PMstaticMenu {
    /*BackColor="#f9fccd" BorderColor="#003399" BorderStyle="Solid""*/
    background: #f9fccd;
    border-color: #800516;
    border-style: solid;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    color: Maroon;
}


.PMstaticHover {
    /*BackColor="#24418f" ForeColor="white" Width="142px"*/
    background: #24418f;
    color: White;
}

.Mode1 .PMstaticHover {
    /*BackColor="#24418f" ForeColor="white" Width="142px"*/
    background: #24418f;
    color: White;
}


.Mode2 .PMstaticHover {
    /*BackColor="#24418f" ForeColor="white" Width="142px"*/
    background: #053608;
    color: White;
}

.Mode3 .PMstaticHover {
    /*BackColor="#24418f" ForeColor="white" Width="142px"*/
    background: #800516;
    color: White;
}


.headercmd {
    background: url("../images/HeaderTop.jpg") left top no-repeat;
    background-attachment: inherit;
}


.Mode1 .headercmd {
    background: url("../images/HeaderTop.jpg") left top no-repeat;
    background-attachment: inherit;
}

.Mode2 .headercmd {
    background: url("../images/HeaderTop2.jpg") left top no-repeat;
    background-attachment: inherit;
}

.Mode3 .headercmd {
    background: url("../images/HeaderTop3.jpg") left top no-repeat;
    background-attachment: inherit;
}

.headercmd1 {
    background: url("../images/headertopside.jpg") left top repeat;
    background-attachment: inherit;
}

.Mode1 .headercmd1 {
    background: url("../images/headertopside.jpg") left top repeat;
    background-attachment: inherit;
}

.Mode2 .headercmd1 {
    background: url("../images/headertopside2.jpg") left top repeat;
    background-attachment: inherit;
}


.Mode3 .headercmd1 {
    background: url("../images/headertopside3.jpg") left top repeat;
    background-attachment: inherit;
}

.headerbg {
    background-color: #24418f;
}



.Mode1 .headerbg {
    background-color: #24418f;
}

.Mode2 .headerbg {
    background-color: #248f2b;
}

.Mode3 .headerbg {
    background-color: #8f242d;
}


.sidemenuborder {
    border-style: solid;
    border-color: rgb(0, 102, 153);
    border-width: 3px;
    width: 145px;
    background-color: #e4e4e4;
    padding: 0;
    min-height: 650px;
}

.Mode1 .sidemenuborder {
    border-style: solid;
    border-color: rgb(0, 102, 153);
    border-width: 3px;
    width: 145px;
    background-color: #e4e4e4;
    padding: 0;
    min-height: 650px;
}

.Mode2 .sidemenuborder {
    border-style: solid;
    border-color: #248f2b;
    border-width: 3px;
    width: 145px;
    background-color: #e4e4e4;
    padding: 0;
    min-height: 650px;
}


.Mode3 .sidemenuborder {
    border-style: solid;
    border-color: #8f242d;
    border-width: 3px;
    width: 145px;
    background-color: #e4e4e4;
    padding: 0;
    min-height: 650px;
}

.contentborder {
    border-style: solid;
    border-color: rgb(0, 102, 153);
    border-width: 3px;
    width: 100%;
    padding: 0;
    min-height: 650px;
    min-width: 700px;
}

.Mode1 .contentborder {
    border-style: solid;
    border-color: rgb(0, 102, 153);
    border-width: 3px;
    width: 100%;
    padding: 0;
    min-height: 650px;
    min-width: 700px;
}

.Mode2 .contentborder {
    border-style: solid;
    border-color: #248f2b;
    border-width: 3px;
    width: 100%;
    padding: 0;
    min-height: 650px;
    min-width: 700px;
}


.Mode3 .contentborder {
    border-style: solid;
    border-color: #8f242d;
    border-width: 3px;
    width: 100%;
    padding: 0;
    min-height: 650px;
    min-width: 700px;
}



/*
temp comment
.mainheader
{
     background: url("~/images/header.jpg");
 }
*/

.popupControl {
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.modalPopup {
    background-color: #bfbfbf;
    border-width: 3px;
    border-style: solid;
    border-color: #a9a9a9;
    width: 240px;
}

.header_name {
    font-weight: bold;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: small;
    color: Red;
}



.singleline {
    float: left;
    width: 155px;
    height: 50px;
}


.notification {
    color: #5c61c8;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 10pt;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Tahoma, Arial, Sans-Serif;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    top: 0px;
    left: 4px;
}



.ddl {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 10px;
    font-variant: small-caps;
    border: 2;
    ~webkit-border-radius:5px;
    ~khtml-border-radius:5px;
    border-radius: 3px;
    overflow: auto;
}





.headercmd {
    background: url("../images/HeaderTop.jpg") left top no-repeat;
    background-attachment: inherit;
}

.headercmd1 {
    background: url("../images/headertopside.jpg") left top repeat;
    background-attachment: inherit;
}

.yUpdateOut {
    border: solid 3px #a9a9a9;
    background-color: #FFFFFF;
    width: 240px;
    height: 70px;
    vertical-align: top;
    text-align: left;
}

.yUpdateProgress {
    border: solid 1px #808080;
    background-color: #FFFFFF;
    width: 238px;
    height: 68px;
    vertical-align: top;
    text-align: left;
}

    .yUpdateProgress .topTexter {
        width: 238px;
        height: 19px;
        padding-top: 5px;
        font: bold 12px Arial, Verdana, helvetica, sans-serif;
        color: #000000;
        vertical-align: top;
        text-align: center;
        border-bottom: solid 1px #cccccc;
        margin-bottom: 11px;
    }


.popup_Container {
    background-color: aliceblue;
    border: 2px solid #000000;
    padding: 0px 0px 0px 0px;
}

.popupConfirmation {
    width: 340px;
    height: 200px;
}

.popup_Titlebar {
    background: url(../Images/titlebar_bg.jpg);
    height: 29px;
}

.popup_Body {
    /*padding:15px 15px 15px 15px;*/
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    line-height: 15pt;
    clear: both;
    padding: 20px;
}

.TitlebarLeft {
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
}

.TitlebarRight {
    background: url(~/images/cross_icon_normal.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 16px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
}

.TitlebarRight1 {
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 16px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
}

.popup_Buttons {
    margin: 10px;
}


/* Data Entry */

.pnlArea {
    /*width: 100%;     color: Blue;     padding-top: 8px;     padding-right: 0px;     padding-bottom: 0px;     padding-left: 8px;     float: left;     display: inline-block;     vertical-align: top;*/
    float: left;
    padding: 5px;
    text-align: left;
    color: rgb(4,54,115);
    font-family: Arial;
}

.pnlArea2 {
    width: 340px;
    padding-left: 0px;
    padding-top: 8px;
    padding-right: 80px;
    padding-bottom: 0px;
    display: inline-block;
    float: right;
    vertical-align: top;
}


.fldFrame {
    /*background: White;     float: left;     display: block;     vertical-align: top;*/
    font-size: .7em; /*background-color:lightblue;*/
    /*width: 200px;*/
    height: auto;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px; /*border: 1px solid #d8d8d8;*/
}


.fldFrame2 {
    /*background: White;     float: left;     display: block;     vertical-align: top;*/
    font-size: .7em; /*background-color:lightblue;*/
    width: 165px;
    height: auto;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    border: 1px solid #d8d8d8;
}


.fldDate {
    font-size: .7em;
    width: 300px;
    height: auto;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

    .fldDate .frmField {
        background-position: 3px 5px;
        background-repeat: no-repeat;
        border-radius: 5px;
        min-width: 100px;
        max-width: 100px;
        display: inline-block;
        /* background-color: white;*/
    }

.frmField:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.fldLabel1 {
    color: #5c61c8;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 10pt;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Tahoma, Arial, Sans-Serif;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    top: 0px;
    left: 0px;
    height: 16px;
}


.fldchk {
    color: Blue;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 10pt;
    font-variant: small-caps;
    font-weight: bold;
    display: inline-block;
    width: 150px;
    vertical-align: top;
    text-align: left;
    top: 0px;
    left: 0px;
}



input[readonly] {
 background-color: #dddddd;
}

 input[disabled] {
 background-color: #dddddd;
}

 select[readonly] {
 background-color: #dddddd;
}

 select[disabled] {
 background-color: #dddddd;
}

  textarea[readonly] {
 background-color: #dddddd;
}

 textarea[disabled] {
 background-color: #dddddd;
}



.frmField {
    min-width: 300px;
    display: block;
    width: 100%;
    height: 28px;
    padding: 2px 4px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    /*border: 1px solid powderblue;     background-color: white;     top: 0px;     left: 0px;*/
    /*   background-position: 3px 5px;
    background-repeat: no-repeat;
    border-radius: 5px;
    width: 155px;
    background-color: white;*/
}

.frmFieldShorter { 
    display: inline-block;
    width: 300px;
    height: 26px;
    padding: 2px 4px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    /*border: 1px solid powderblue;     background-color: white;     top: 0px;     left: 0px;*/
    /*   background-position: 3px 5px;
    background-repeat: no-repeat;
    border-radius: 5px;
    width: 155px;
    background-color: white;*/
}

.frmField1 {
    display: block;
    width: 100%;
    height: 28px;
    padding: 2px 4px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    /*border: 1px solid powderblue;     background-color: white;     top: 0px;     left: 0px;*/
    /*   background-position: 3px 5px;
    background-repeat: no-repeat;
    border-radius: 5px;
    width: 155px;
    background-color: white;*/
}

.frmFieldWatermark {
    color: gray;
    font-size: 8pt;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Tahoma, Arial, Sans-Serif;
    vertical-align: middle;
    text-align: center;
}




/*---------*/
.body_table {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-image: none;
    background-attachment: scroll;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-color: aliceblue;
    font-family: Tahoma, Arial;
    width: inherit;
}

fieldset {
}

    fieldset ul, fieldset li {
        border: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    fieldset li {
        clear: both;
        list-style: none;
        padding-bottom: 10px;
    }

    fieldset .input {
        float: left;
        width: 175px;
    }


.info {
    text-align: center;
    color: white;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-image: none;
    background-attachment: scroll;
    background-repeat: repeat;
    background-color: rgb(0, 102, 153);
}

table {
    font-size: 10pt;
    color: navy;
    font-family: verdana;
}


/* Tab CSS*/
.Tab .ajax__tab_header {
}

.Tab .ajax__tab_body {
}

.Tab .ajax__tab_tab {
     cursor: default;
    background-color:#FDB913;
    border:1px solid #cccccc;
    border-bottom-color: transparent;
    margin-right: 2px;
    line-height: 1.4285;
    border-radius: 4px 4px 0 0;
    position: relative;
    display: block;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    font-size: 14px !important;
    text-align: right;
    height:30px;
    
    /*display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    font-size: 12px;
    background: url("../images/initial_1.png") no-repeat right top;
    color: white;
    width: 120px;
    height: 30px;
    padding-top: 7px;*/
}

.Tab .ajax__tab_hover .ajax__tab_tab {
    /*display: block;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    float: left;
    background: url("../images/hover_1.png") no-repeat right top;
    color: #284775;
    width: 120px;
    height: 30px;
    padding-top: 7px;*/

    cursor: default;
    border:1px solid #cccccc;
    border-bottom-color: transparent;
    margin-right: 2px;
    line-height: 1.4285;
    border-radius: 4px 4px 0 0;
    position: relative;
    display: block;
     padding: 5px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    font-size: 14px !important;
    text-align: right;
    color:rgb(4, 54, 115);
}

.Tab .ajax__tab_active .ajax__tab_tab {

    cursor: default;
    background-color:#043673;
    border:1px solid #cccccc;
    border-bottom-color: transparent;
    margin-right: 2px;
    line-height: 1.4285;
    border-radius: 4px 4px 0 0;
    position: relative;
    display: block;
     padding: 5px 10px;
    height:30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    font-size: 14px !important;
    text-align: right;
    color:white;
    /*display: block;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    float: left;
    background: url("../images/selectedbutton_1.png") no-repeat right top;
    color: white;
    width: 120px;
    height: 30px;
    padding-top: 7px;*/
}

.tbl {
    border-collapse: collapse;
    border: 1px solid #615c62;
    width: 800px;
}

.row { 
    /*text-align: right;*/
    vertical-align: bottom;
    padding: 5px;
}

.collabel {
    font-family: verdana;
    border: 1px solid #615c62;
    background-color: #d8d8d8;
    color: #615c62;
    font-size: 12px;
    padding: 5px;
}

.colinput {
    font-family: verdana;
    border: 1px solid #615c62;
    background-color: white;
    color: black;
    font-size: 12px;
    padding: 5px;
}

.rowHeader1 {
    font-family: verdana;
    text-align: left;
    font-weight: bold;
    color: #ffffff;
    padding: 3px 3px 3px 3px;
    font-size: 12px;
    vertical-align: top;
    border-top-color: #555555;
    border-right-color: #555555;
    border-left-color: #555555;
    border-bottom-color: #555555;
    background-color: #194e89;
}

.rowHeader2 {
    font-family: verdana;
    text-align: left;
    color: white;
    font-weight: bold;
    padding: 3px 3px 3px 3px;
    font-size: 12px;
    vertical-align: top;
    border-top-color: #555555;
    border-right-color: #555555;
    border-left-color: #555555;
    border-bottom-color: #555555;
    background-color: #615c62;
}

.trinit {
    font-family: verdana;
    border: 1px solid #615c62;
    background-color: #d8d8d8;
    color: #615c62;
    font-size: 12px;
    padding: 5px;
}


.adjustedZIndex {
    z-index: 1;
}


.Mode1 .versioning {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 10.5px;
    font-style: italic;
    color: #5c61c8;
}

.Mode2 .versioning {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 10.5px;
    font-style: italic;
    color: Green;
}

.Mode3 .versioning {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 10.5px;
    font-style: italic;
    color: Maroon;
}

.Mode1 .notification {
    color: #5c61c8;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 10pt;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Tahoma, Arial, Sans-Serif;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    top: 0px;
    left: 4px;
}

.Mode2 .notification {
    color: Green;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 10pt;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Tahoma, Arial, Sans-Serif;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    top: 0px;
    left: 4px;
}

.Mode3 .notification {
    color: Maroon;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 10pt;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Tahoma, Arial, Sans-Serif;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    top: 0px;
    left: 4px;
}

.errorMessage {
    color: red;
    list-style: none;
    margin-bottom: 5px;
    padding-bottom: 0;
    padding-left: 0;
}


.row.content {
    font-family: Arial;
    font-size: 16px;
    color: #043673;
    margin-top: 3px;
}

.well {
    font-weight: bold;
    font-family: Arial;
    text-align: right;
    color: #043673;
    background: #FDB913;
    border: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.well2 {
    font-family: Arial;
    color: #FDB913;
    background: #043673;
    border-radius: 2px;
}



.panel-primary > .panel-heading {
    color: white;
    background-color: #043673;
    border-color: #043673;
}

    .panel-primary > .panel-heading > a:link {
        color: white !important;
    }

    .panel-primary > .panel-heading > a:visited {
        color: white !important;
    }

    .panel-primary > .panel-heading > a:hover {
        color: #FDB913 !important;
    }

.panel-primary {
    border-color: #043673;
}

.btn-primary {
    color: #043673;
    background-color: #FDB913;
    border: #FDB913;
    font-weight: bold;
}

a:active {
    color: #043673 !important;
    text-decoration: none;
    font-weight: bold;
}

a:link, a:visited {
       /*color: #043673 !important;
 text-decoration: underline;*/
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #428bca !important;
    text-decoration: underline;
    font-weight: bold;
}



.menu {
    font-family: Arial;
    color: #043673;
    text-decoration: underline;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

thead th {
    background-color: #FDB913;
    color: #043673;
    text-align: center;
}

.container-fix {
    margin-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
}

.table-responsive {
    padding-bottom: 30px;
}

/* Logo */
img {
    max-height: 100%;
    max-width: 100%;
}

.logo {
    height: 100%;
    width: 100%;
}

/* end Logo */


/* Menu and sub-menu */

.navbar-default {
    border-color: transparent;
}

div > ul {
    font-size: 14px !important;
    font-weight: bold !important;
}


    div > ul > li > ul {
        background-color: #E6E6E6 !important;
        font-size: 13px !important;
        font-weight: bolder !important;
    }

        div > ul > li > ul > li > a:hover {
            background-color: #E6E6E6 !important;
            font-weight: bold !important;
        }

        div > ul > li > ul > li > a {
            background-color: #E6E6E6 !important;
            font-weight: bold !important;
        }

/* end Menu and sub-menu */

/*DateTime Picker */
.bootstrap-datetimepicker-widget td.day {
    width: 200px;
    line-height: 11px;
    font-size: 11px;
}


.bootstrap-datetimepicker-widget table th {
    font-size: 12px;
}


/* bootbox dialog */
.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
}




.ProjMenu1 {
    font-family: Tahoma;
    color: #284775;
    text-decoration: none;
    margin-top: 0px;
    padding-top: 0px;
}

.PMstaticSelected1 {
    /*color: #000001;*/
}




.PMstaticMenu1 {
    display: block;
    width: auto; 
    padding: 2px 4px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    font-weight:bold;


}


.PMstaticMenuItem1 {
    font-family: Tahoma;
    text-align: left;
    font-weight: bold;
    /*  border:1px solid;*/
}

.PMstaticMenu2 {
    border-color: #003399;
    font-weight: bold;
    font-family: Arial;
    color: #284775;
    text-align: left;
    border-color: black;
    background-color: lightgray;
    min-width: 300px;
}

.PMstaticHover1 {
 
}


.PMstaticHover2 {
 
}




.dropbtn {
    cursor: pointer;
    font-weight: bold;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    /*position: relative;
    display: inline-block;*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgb(230,230,230);
    min-width: 160px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
    left: -50px;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: #284775;
        font-family: Tahoma;
        padding: 5px 20px 5px 20px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
}

/*GRIDVIEW*/
.grdTable {
   width:100%;
   background-color:#FDB913;    
}
/*css ID*/
#dgPanel , #dgPanel2{
    background: #043673;
    margin-top: 32px;
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
    padding:10px;
    border-top-right-radius:10px;
}
/*class label records*/
.dgLabel {
color: #043673;
font-size:11pt; 
padding-top:100px;
color:#fff;
}
/*class label result*/
.dgLabel2 {
font-size:11pt;
font-weight:700;
color:#fff;
}
/*yello - #FDB913*/
/*blue - #043673  */



.MenuInitial
{
    font-family: verdana;
    border: 1px solid gray;
   /* background-color: #06308f;*/
    background-color: White;
    color:  #5c61c8;
    font-size: 12px;
    padding: 5px;
}
.MenuInitial:hover
{
    cursor: hand;
    font-family: verdana;
   /* border: 1px solid #615c62;
    background-color: #046aed;*/
    border: None;
    color: #5c61c8;
    font-size: 12px;
    padding: 5px;
      text-decoration: underline;
}
.MenuClicked
{
    font-family: verdana;
    border: None;
    border: 1px solid gray;
   /* border-bottom: None;*/
   color:  #5c61c8;
    font-size: 12px;
    padding: 5px;
      text-decoration: bold;
      font-weight: bold;
      border-style:none;
     
   /* background-color: #00b7e9;*/
}



.MenuInitial1
{
    font-family: verdana;
  
   /* background-color: #06308f;*/
    background-color: White;
    color:  #5c61c8;
    font-size: 12px;
    padding: 5px;
}
.MenuInitial1:hover
{
    cursor: hand;
    font-family: verdana;
   /* border: 1px solid #615c62;
    background-color: #046aed;*/
    border: None;
    color: #5c61c8;
    font-size: 12px;
    padding: 5px;
      text-decoration: underline;
}
.MenuClicked1
{
    font-family: verdana;
    border: None;
    color:  #5c61c8;
    font-size: 12px;
    padding: 5px;
    font-weight: bold;
   
}


.modal-header-form {
  padding: 5px 5px 5px 5px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-color: rgb(4,54,115); color:white;
}


.linkbutton-dashboard{
    color: #042c5e; 
    font-weight: bold; 
    text-decoration: none;
    font-size:small;
}

.linkbutton-dashboard:hover{
    color: rgb(4, 44, 94); 
    font-weight: bold; 
    text-decoration: none;
    font-size: medium;
    color:#428bca;
}


.linkbutton-header-dashboard{
    color: white;  
    text-decoration: none;
    font-size:medium;
}

.linkbutton-header-dashboard:hover{
    color: white; 
    font-weight: bold; 
    text-decoration: none;
    font-size:  large; 
}
.frmFieldwithsearch {
    min-width: 270px;
    display: block;
    width: 106%;
    height: 26px;
    padding: 2px 4px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}