body {
    background: transparent url(Images/MainBg.png);
    margin-top: 2;
    margin-left: 1;
    margin-right: 1;
    font-family: Verdana;
    font-size: 10px;
    padding: 0 0 0 0;
}
/*Outer Shell*/
.spiffy {
    display: block;
}

    .spiffy * {
        display: block;
        height: 1px;
        overflow: hidden;
        font-size: .01em;
        background: #FAFAFA;
    }

.spiffy1 {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #7891fa;
    border-right: 1px solid #7891fa;
    background: #c1ccfa;
}

.spiffy2 {
    margin-left: 1px;
    margin-right: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border-left: 1px solid #2c55fa;
    border-right: 1px solid #2c55fa;
    background: #ced7fa;
}

.spiffy3 {
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px solid #ced7fa;
    border-right: 1px solid #ced7fa;
}

.spiffy4 {
    border-left: 1px solid #7891fa;
    border-right: 1px solid #7891fa;
}

.spiffy5 {
    border-left: 1px solid #c1ccfa;
    border-right: 1px solid #c1ccfa;
}

.spiffyfg {
    border: 1px Solid RGB(254,254,254);
    background-color: White;
    text-align: left;
    background-color: #f8f9fa;
}
/* End Of Outer Shell*/
.light {
    font-weight: normal;
    color: #bfc0c2;
}

.Note {
    font-family: Georgia;
    font-size: 12px;
    color: #e30404;
    padding: 10px;
    font-weight: bold;
}

.SecondHeader a {
    text-decoration: none;
    color: #085bf4;
}

    .SecondHeader a:hover {
        border-bottom-color: #085bf4;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
    }

#Header {
    height: 60px;
    padding: 0px;
    margin: 10px 0px 0 0px;
    border: 1px Solid #dddddd;
    text-align: left;
}

#DivLogo {
    width: 50px;
    height: 50px;
}

#Loading {
    display: none;
    background: url('Images/Loading.gif');
    min-height: 62px;
    position: fixed;
    top: 50%;
    left: 50%;
    /*bottom: 142px;*/
    height: 62px;
    width: 108px;
}

.bclass {
    font-family: Tahoma;
    font-size: 88%;
    font-weight: bolder;
    font-style: normal;
    font-variant: normal;
    color: #C75F41;
}

#UserDetails {
    text-align: right;
    height: 35px;
    color: #463636;
}

#HeaderDetails {
    width: 350px;
    margin: 5px 0 0 10px;
    padding: 0;
    height: 64px;
    text-align: left;
}

.LogoHeader {
    font: bold 20px "Times New Roman", "MS Serif", "New York", serif;
    color: #2680ba;
    border-top: solid #2680ba medium;
    border-bottom: dotted #2680ba thin;
    text-align: left;
}

.Address {
    font-family: Calibri;
    font-size: 11px;
    padding: 0;
    color: #2b2b2b;
    width: 400px;
    text-align: left;
    margin: 0 0 0 1px;
}

#DivAdverties {
    padding: 0;
    margin: 0px;
    width: 300px;
    text-align: right;
}

#PDetails {
    border: 1px Solid #dddddd;
    margin: 0;
    padding: 2px 2px 2px 10px;
    text-align: left;
    height: 25px;
}

.SecondHeader {
    font-family: Arial;
    font-size: 12px;
    font-weight: 600;
    color: Maroon;
}

#MainDetails {
    padding-top: 1px;
    padding-left: 1px;
    margin-top: 1px;
    border: 1px Solid #dddddd;
}

.label {
    font-family: Calibri;
    font-size: 13px;
    color: RGB(18,78,127);
    font-weight: bold;
}

input {
    font-family: Calibri;
    font-size: 11px;
}

.search {
    border: 1px solid #488AC7;
    padding: 2px 0 0 0;
    margin: 2px 0 0 0;
}

.PageSecondHearder {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #092441;
    height: 25px;
    text-align: left;
    padding-left: 2px;
}

.Hearder1 {
    background-color: #e5f2ff;
    border: none;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ErrorMessage {
    border: 1px solid #f5e76e;
    background-color: #fff38c;
    color: #c95224;
    padding: 10px;
    margin: 5px;
    font-family: Arial;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    width: 97%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    display: none;
}

.ShowGrid {
    width: 100%;
    text-align: left;
    min-height: 320px;
}

.SubHeader {
    border-bottom: 2px Solid #3B6B9C;
    color: #194E84;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-family: "Franklin Gothic Book";
    font-size: 14px;
    font-weight: bold;
}

.ClientDetails {
    border: 1px solid RGB(225,225,225);
    color: #194E84;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px Solid #a4a6a8;
    box-shadow: 2px 2px 10px #888888;
}

.subHeader2 {
    font-family: Arial;
    font-size: 14px;
    color: Blue;
}



/*Cal*/
.CalBox {
    border-bottom: 1px ridge #b2b2b2;
    border-left: 1px groove #b2b2b2;
    border-top: 1px groove #b2b2b2;
    border-right: 1px ridge #b2b2b2;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: White;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.CalTextBox {
    border-bottom: 1px ridge #b2b2b2;
    border-left: 1px groove #b2b2b2;
    border-top: 1px groove #b2b2b2;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: White;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.CalButton {
    border-bottom: 1px ridge #b2b2b2;
    border-right: 1px ridge #b2b2b2;
    border-top: 1px groove #b2b2b2;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: white;
    cursor: pointer;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/**/

.Green {
    color: #59ff33;
}

.Red {
    color: #ff2626;
}

.x-grid3-row-over .x-grid3-cell-inner {
    font-weight: bold;
    cursor: pointer;
}
/*Popup For HelpPage*/
#backgroundPopup {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 1;
}

#popupContact {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 390px;
    width: 560px;
    background: #FFFFFF;
    border: 2px solid #cecece;
    z-index: 2;
    padding: 5px;
    font-size: 13px;
}
/*End Popup For HelpPage*/
/*Grid Style*/
.resizable {
    overflow: hidden;
    border-left: 1px solid #c6d5e1;
    border-top: 1px solid #c6d5e1;
    border-bottom: none;
    height: 25px;
}

    .resizable thead {
        line-height: 15px;
        text-align: left;
        list-style: none;
        margin: 0px auto 0px auto;
        height: 33px;
        padding: 0px 5px 0px 5px;
    }

    .resizable th {
        border: 1px solid #fff;
        border-right: none;
        padding-left: 2px;
        background: #014464;
        background: -moz-linear-gradient(top, #0272a7, #013953);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
    }

        .resizable th h3 {
            font-family: Calibri;
            font-size: 12px;
            padding: 0;
            padding-left: 5px;
            padding-right: 5px;
            color: #def8fb;
            margin: 5px 0px;
        }

    .resizable .head h3 {
        background: url(images/sort.gif) 7px center no-repeat;
        cursor: pointer;
        padding-left: 18px;
    }

    .resizable .desc, .sortable .asc {
        background: url(images/header-selected-bg.gif);
    }

        .resizable .desc h3 {
            background: url(images/desc.gif) 7px center no-repeat;
            cursor: pointer;
            padding-left: 18px;
        }

    .resizable .asc h3 {
        background: url(images/asc.gif) 7px center no-repeat;
        cursor: pointer;
        padding-left: 18px;
    }

    .resizable .head:hover, .sortable .desc:hover, .sortable .asc:hover {
        color: #fff;
    }

    .resizable .evenrow {
        background-color: #fff;
        height: 23px;
    }

    .resizable .oddrow {
        background-color: #ecf2f6;
        height: 23px;
    }

        .resizable .oddrow td, .resizable .evenrow td {
            padding: 1px 2px 0px 3px;
            border-bottom: 1px solid #c6d5e1;
            border-right: 1px solid #c6d5e1;
            font-family: Calibri;
            font-size: 12px;
        }

    .resizable .evenrow:hover {
        background-color: #badef7;
        color: #104063;
        cursor: pointer;
    }

    .resizable .oddrow:hover {
        background-color: #badef7;
        color: #104063;
        cursor: pointer;
    }

    .resizable .Group0 {
        background: #3b8bcb;
        background: -moz-linear-gradient(top, #3b8bcb, #47a5f1);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b8bcb), to(#47a5f1));
        -moz-border-radius: 0px 5px 5px 5px;
        -webkit-border-radius: 0px 5px 5px 5px;
        border-radius: 0px 5px 5px 5px;
        font-weight: bold;
        height: 20px;
        padding-left: 2px;
        border-bottom: 1px solid #c6d5e1;
        border-right: 1px solid #c6d5e1;
        border-left: 1px solid #c6d5e1;
        color: #ffffff;
        text-shodow: none;
    }

    .resizable .Group1 {
        font-weight: bold;
        height: 20px;
        padding-left: 2px;
        border-bottom: 1px solid #c6d5e1;
        border-right: 1px solid #c6d5e1;
        border-left: 1px solid #c6d5e1;
        color: #464646;
        background: #dcdada;
        background: -moz-linear-gradient(top, #dcdada, #BBBBBB);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dcdada), to(#BBBBBB));
        -moz-border-radius: 0px 5px 5px 5px;
        -webkit-border-radius: 0px 5px 5px 5px;
        border-radius: 0px 5px 5px 5px;
    }

    .resizable .Group2 td {
        background-color: #afd0fd;
        cursor: pointer;
        font-weight: bold;
        height: 20px;
        padding-left: 20px;
        border-bottom: 1px solid #c6d5e1;
        border-right: 1px solid #c6d5e1;
        color: #134b93;
    }

.GroupFooter0 {
    font-weight: bold;
    height: 20px;
    color: black;
    background-color: #d1ffff;
}

.GroupFooter1 {
    font-weight: bold;
    height: 20px;
    color: black;
    background-color: #d1ffff;
}

.FooterGreen {
    height: 20px;
    color: #2b7805;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

.FooterRed {
    font-weight: bold;
    height: 20px;
    color: #ff2626;
    font-family: Calibri;
    font-size: 12px;
}

.GridFooter {
    background: #175099 url(Images/Tb_Footer.png) repeat-x;
    color: #2183bf;
}

.Grid-Footer {
    color: #2183bf;
    border: 1px solid #fff;
    height: 30px;
    font-weight: bold;
    background-color: #d0eafb;
}

.Page-Footer {
    color: #17599c;
    border: 1px solid #fff;
    height: 30px;
    font-weight: bold;
    background-color: #f1f6ff;
}

.GroupFooterHeader {
    color: #134b93;
    font-weight: bold;
}

.GFCGreen {
    color: #2b7805;
    font-family: Calibri;
    font-size: 12px;
    text-decoration: none;
}

.GFCRed {
    color: #9b3030;
    font-family: Calibri;
    font-size: 12px;
    text-decoration: none;
}

.GFCBlue {
    color: #6252ff;
    font-family: Calibri;
    font-size: 12px;
    text-decoration: none;
}

.GFCViolet {
    color: #8467D7;
    font-family: Calibri;
    font-size: 12px;
    text-decoration: none;
}

.GFCDarkBlue {
    color: #0545af;
    font-family: Calibri;
    font-size: 12px;
    text-decoration: none;
}

.whites {
    background-color: RGB(254,254,254);
    border-left: 1px solid #c6d5e1;
}

.SecondUserName {
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
    color: #0b8e58;
}

/*ENd of Grid Style*/