body {
    font-weight: normal;
    font-size: 0.8em;
    word-spacing: normal;
    text-transform: none;
    font-family: Verdana, Helvetica, sans-serif;
    letter-spacing: normal;
    background-color: #ffffff;
    margin-top: 0px;
    margin-left: 2px;
    margin-right: 4px;
    margin-bottom: 2px;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT {
    color: #003366;
}

H1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

H2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.58em;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.33em;
    font-weight: 500;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H5, DT {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

TFOOT, THEAD {
    font-size: 1em;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}

TH {
    vertical-align: baseline;
    font-size: 1em;
    font-weight: bold;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}

A:link {
    text-decoration: none;
    color: #3333cc;
}

A:visited {
    text-decoration: none;
    color: #333399;
}

A:active {
    text-decoration: none;
    color: #333399;
}

A:hover {
    text-decoration: underline;
    color: #3333cc;
}

SMALL {
    font-size: .7em;
}

BIG {
    font-size: 1.17em;
}

BLOCKQUOTE, PRE {
    font-family: Courier New, monospace;
}

UL LI {
    list-style-type: square;
}

    UL LI LI {
        list-style-type: disc;
    }

        UL LI LI LI {
            list-style-type: circle;
        }

OL LI {
    list-style-type: decimal;
}

OL OL LI {
    list-style-type: lower-alpha;
}

OL OL OL LI {
    list-style-type: lower-roman;
}

IMG {
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.banner {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
    color: white;
    padding-top: 10px;
    font-family: 'Bookman Old Style';
    height: 40px;
    background-color: #336600;
}

/**************** table styles *****************/

TD.tdheader1 {
    font-weight: bold;
    font-size: 12px;
    background: #2F4E7C; /**/
    color: #ffffff;
    font-family: Arial;
    height: 16px;
    box-shadow: 1px 1px #C4C4C4;
}

TD.tdheader2 {
    font-weight: bold;
    font-size: 11px;
    background: url(../Images/tdheaderBG.jpg) #1b4b9d;
    color: #000000;
    font-family: Arial;
    height: 16px;
    box-shadow: 1px 1px #C4C4C4;
}

TD.tdheader3 {
    font-weight: bold;
    font-size: 11px;
    background: #99b9ff;
    color: #000000;
    font-family: Arial;
    height: 16px;
    box-shadow: 1px 1px #C4C4C4;
}

TD.tdheader4 {
    font-weight: bold;
    font-size: 11px;
    background: #c9e1ff;
    color: #000000;
    font-family: Arial;
    height: 16px;
    box-shadow: 1px 1px #C4C4C4;
}

TD.tdheader5 {
    font-weight: normal;
    font-size: 11px;
    background: #e1ebff;
    color: #000000;
    font-family: Arial;
    height: 16px;
    vertical-align: top;
    box-shadow: 1px 1px #C4C4C4;
}

TD.tdcontent {
    font-size: 11px;
    background: #fafaff; /*#fafff5;*/ /*250,250,255*/
    color: #000000;
    font-family: Arial;
    height: 16px;
}

TD.tdcontent2 /* New */ {
    font-size: 11px;
    color: #000000;
    font-family: Arial;
    height: 16px;
}

TD.tdbottomline {
    font-weight: bold;
    font-size: 12px;
    vertical-align: sub;
    color: #ffffff;
    font-family: 'Bookman Old Style';
    height: 16px;
    background-color: black;
}

TD.tdinvalidaccess {
    font-size: 16px;
    color: white;
    font-family: Arial;
    background-color: red;
    font-weight: bold;
}

/**************** DataGrid styles *****************/
.header1 {
    font-weight: bold;
    font-size: 11px;
    background: #2F4E7C;
    height: 20px;
    color: #FFFFFF;
    font-family: Arial
}

.header2 {
    font-weight: bold;
    font-size: 11px;
    background: #c9e1ff;
    color: #000000;
    height: 18px;
    font-family: Arial;
    text-shadow: 1px 1px #e8e8e8
}

.content1 {
    font-size: 11px;
    background: #f5ffff;
    color: #000000;
    font-family: Arial;
    height: 16px;
    letter-spacing: 1px;
}

.content2 {
    font-size: 11px;
    background: #dcffff;
    color: #000000;
    font-family: Arial;
    height: 16px;
    letter-spacing: 1px;
}

.selection {
    font-size: 11px;
    background: #aebbc6;
    color: #ffffff;
    font-family: Arial;
    height: 16px;
    letter-spacing: 1px;
}

.footer {
    font-size: 12px;
    font-weight: bold;
    background: #c9e1ff;
    color: black;
    height: 16px;
    font-family: Arial;
}

/**************** GridView Styles ********************/
.gvheader1 {
    font-weight: bold;
    font-size: 11px;
    background: #2F4E7C;
    height: 20px;
    font-family: Arial;
    color: White;
    box-shadow: 1px 1px #C4C4C4;
}

    .gvheader1 A:Link {
        color: White;
    }

    .gvheader1 A:Active {
        color: White
    }

    .gvheader1 A:Hover {
        color: White;
    }

    .gvheader1 th {
        color: White;
    }

.gvheader2 {
    font-weight: bold;
    font-size: 11px;
    background: url(../Images/tdheaderBG.jpg) #1b4b9d;
    color: #000000;
    height: 20px;
    font-family: Arial;
    box-shadow: 1px 1px #C4C4C4;
}

.gvcontent1 {
    font-size: 11px;
    background: #faffff;
    color: #000000;
    font-family: Arial;
    height: 16px;
    letter-spacing: 1px;
    box-shadow: 1px 1px #e0e0e0;
}

.gvcontent2 {
    font-size: 11px;
    background: #dcedff;
    color: #000000;
    font-family: Arial;
    height: 16px;
    letter-spacing: 1px;
    box-shadow: 1px 1px #e0e0e0;
}

.gvselection {
    font-size: 11px;
    background: #999999;
    color: #ffffff;
    font-family: Arial;
    height: 16px;
    letter-spacing: 1px;
    text-shadow: 0.5px 0.5px #ffffff;
}

.gvfooter {
    font-size: 12px;
    font-weight: bold;
    background: #c9e1ff;
    color: #000000;
    height: 16px;
    font-family: Arial;
}

.gvpager {
    font-size: 12px;
    font-weight: bold;
    background: #c9e1ff;
    color: #000000;
    height: 16px;
    font-family: Arial;
}

/**************** Tools styles *****************/
.button {
    font-size: 11px;
    border: 0;
    width: 50px;
    height: 22px;
    color: #0066ff;
    font-family: Arial;
    background-image: url(../Images/button1.jpg);
    font-weight: bold;
    background-color: transparent;
    box-shadow: 1px 1px #C4C4C4;
    border-radius: 2px;
}

.buttonlong {
    font-size: 11px;
    border: 0;
    width: 100px;
    height: 22px;
    color: #0066cc;
    font-family: Arial;
    background-image: url(../Images/button2.jpg);
    font-weight: bold;
    background-color: transparent;
    box-shadow: 1px 1px #C4C4C4;
    border-radius: 2px;
}

.buttonlong2 {
    font-size: 11px;
    border: 0;
    width: 140px;
    height: 22px;
    color: #0066cc;
    font-family: Arial;
    background-image: url(../Images/button3.jpg);
    font-weight: bold;
    background-color: transparent;
    box-shadow: 1px 1px #C4C4C4;
    border-radius: 2px;
}

.buttonalert {
    font-size: 11px;
    border: 0;
    width: 50px;
    height: 22px;
    color: red;
    font-family: Arial;
    /*  border: 1px red solid;*/
    font-weight: bolder;
    background-image: url(../Images/button1.jpg);
    background-color: transparent;
    box-shadow: 1px 1px #C4C4C4;
    border-radius: 2px;
}

.buttonsub {
    font-size: 10px;
    width: 45px;
    height: 18px;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    background-color: transparent;
    background-image: url(../Images/button.jpg);
    border-right: #dcdcdc 1px outset;
    border-top: #dcdcdc 1px outset;
    border-left: #dcdcdc 1px outset;
    border-bottom: #dcdcdc 1px outset;
    box-shadow: 1px 1px #C4C4C4;
    border-radius: 2px;
}

.textbox {
    border: 1px solid #87accc;
    font-size: 11px;
    font-family: arial;
    box-shadow: 1px 1px #C4C4C4;
}

.textboxuppercase {
    border: 1px solid #87accc;
    font-size: 11px;
    font-family: arial;
    text-transform: uppercase;
    box-shadow: 1px 1px #C4C4C4;
}

.textboxreadonly {
    border: 1px solid cornflowerblue;
    font-size: 11px;
    font-family: arial;
    background-color: #ffffcc;
    width: 140px;
    height: 15px;
    margin-right: 0px;
    box-shadow: 1px 1px #C4C4C4;
}

.combobox {
    font-size: 11px;
    width: 145px;
    font-family: arial;
    background-color: rgb(255,255,255);
    border-right: cornflowerblue 1px solid;
    border-top: cornflowerblue 1px solid;
    border-left: cornflowerblue 1px solid;
    border-bottom: cornflowerblue 1px solid;
}

.checkbox {
    font-size: 11px;
    color: black;
    font-family: Tahoma;
    background-color: transparent;
}

.radiobutton {
    font-size: 11px;
    color: black;
    font-family: Tahoma;
    background-color: transparent;
}

.label {
    font-size: 11px;
    color: rgb(0,0,0);
    font-family: arial;
}

.labelstatus {
    font-size: 12px;
    color: red;
    font-family: arial;
    font-weight: bold;
    text-shadow: 1px 1px 1px #dcdcdc;
}

.labelstatusrunning {
    font-size: 12px;
    color: red;
    font-family: arial;
    font-weight: bold;
    /*background-color: yellow;*/
    /*text-shadow: 1px 1px #ffffff;*/
}

.labelmoduletitle {
    text-shadow: 1px 1px 1px #dbdbdb;
    font-weight: bold;
    font-size: 14px;
    color: #65696a; /*#808080*/
    font-family: 'Verdana';
}

.labelcompulsory {
    color: red;
    font-weight: bold;
}

.listbox {
    font-size: 11px;
    box-shadow: 1px 1px #C4C4C4;
}

.linkreport {
    font-weight: bold;
    font-size: 11px;
    color: #000099;
    font-family: 'Arial';
    text-decoration: none;
}

a.linkreport:link {
    font-weight: bold;
    font-size: 11px;
    color: #000099;
    font-family: 'Arial';
    text-decoration: none;
}

a.linkreport:visited, active {
    font-weight: bold;
    font-size: 11px;
    color: #990099;
    font-family: 'Arial';
    text-decoration: none;
}

a.linkreport:hover {
    font-weight: bold;
    font-size: 11px;
    color: #ff3333;
    font-family: 'Arial';
    text-decoration: none;
}

/************* Main Page Style *******************/
TD.tddivision {
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Times New Roman';
}

TD.tdsidemenu {
    font-weight: bold;
    font-size: 17px;
    color: #660000;
    font-family: 'Times New Roman';
}

a.topdiv:visited, active {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    font-family: 'Times New Roman';
    text-decoration: none;
}

a.topdiv:hover {
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Times New Roman';
    text-decoration: none;
}

a.sidediv:link {
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Times New Roman';
    text-decoration: none;
}

a.sidediv:visited, active {
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Times New Roman';
    text-decoration: none;
}

a.sidediv:hover {
    font-weight: bold;
    font-size: 17px;
    color: #660000;
    font-family: 'Times New Roman';
    text-decoration: none;
}

.textsys {
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    font-family: 'Times New Roman';
    text-decoration: none;
}

a.textsys:link {
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    font-family: 'Times New Roman';
    text-decoration: none;
}

a.textsys:visited, active {
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    font-family: 'Times New Roman';
    text-decoration: none;
}

a.textsys:hover {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    font-family: 'Times New Roman';
    text-decoration: none;
}

/***************** Banner & Title Style **********************/
TD.tdbanner {
    font-weight: bold;
    font-size: 19px;
    color: white;
    font-family: 'Square721 BT';
    text-align: center;
    text-shadow: 1px 1px 1px grey;
}

TD.tdlogininfo {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: 'Arial';
    text-align: center;
    text-shadow: 1px 1px 1px #dcdcdc;
}

TD.tdstatusbar {
    font-weight: bold;
    font-size: 12px;
    color: red;
    font-family: Verdana;
}

/***************** Popup Panel Style **********************/

.panelpopup {
    background-color: #ffffdd;
    z-index: 110;
    left: 150px;
    top: 100px;
    position: absolute;
    border-bottom: 2px outset;
    border-right: 2px outset;
    border-top: 2px outset;
    border-left: 2px outset;
}

.divpopuptitle {
    cursor: move;
}

.tablepopuptitle {
    background-color: #ebebeb;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
}

.modalProgressGreyBackground {
    background: #CCCCCC;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalProgressRedBackground {
    background: Red;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    text-align: center;
    padding-top: 30px;
    border-style: solid;
    border-width: 1px;
    background-color: White;
    width: 300px;
    height: 100px;
}

/*AutoComplete flyout */
.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0px;
    background-color: window;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    overflow: visible;
    height: auto;
    cursor: default;
    width: 400px !important;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}