/* CSS Document*/
A.tooltip:link {
    /* Link style in the head*/
    color: black;
    text-decoration: none;
}

A.tooltip:visited {
    /* Page for the body of the head part of the script style*/
    color: black;
    text-decoration: none;
}

A.tooltip {
    /* Page for the body of the head part of the script style*/
    color: black;
    text-decoration: none;
}

.frmfullsize {
    width: 100vw;
    height: 100vh;
    background: url("../brand/background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
    position: absolute;
    z-index: 1;
}

DIV#tipDiv {
    /*Div part of the body of the page style*/
    border-right: #336 1px solid;
    padding-right: 4px;
    border-top: #336 1px solid;
    padding-left: 4px;
    font-size: 11px;
    z-index: 10000;
    left: 0px;
    visibility: hidden;
    padding-bottom: 4px;
    border-left: #336 1px solid;
    width: 250px;
    color: #000;
    line-height: 1.2;
    padding-top: 4px;
    border-bottom: #336 1px solid;
    position: absolute;
    top: 0px;
    background-color: #dee7f7;
}



.general {
    /* GridView for the style and DataList*/
    background-color: #FFFFFF;
    vertical-align: top;
}

.header {
    /* Page for the body of the head part of the script style*/
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 5px;
    color: white;
    padding-top: 5px;
    background-color: #3388CC;
}

.subHeader {
    /* GridView for the style and DataList*/
    background-color: #BCD1F1;
    font-size: 10pt;
    text-align: center;
    font-weight: bold;
    height: 23px;
}

.tblHeader {
    /* GridView for the style and DataList*/
    font-weight: bold;
    font-size: 11pt;
    color: white;
    background-color: #4488CC;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.tblHeaderOrder {
    border: 1px solid black;
    position: relative;
    display: block;
    vertical-align: middle;
    text-align: center;
    height: 25px;
    padding: 3px 3px;
    /*background-color: #3388CC;*/
    background-color: #3a4e7d;
    /* text styles */
    text-decoration: none;
    color: white;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: 100;
    box-shadow: 2px 2px 3px gray;
    top: 0px;
    left: 0px;
}

.tblHeaderTop {
    /* GridView for the style and DataList*/
    font-weight: bold;
    font-size: 11pt;
    color: white;
    background-color: #4488CC;
    border-top: black 2px solid;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.tblSubHeader {
    /* GridView for DataList and the style in which a show or his style*/
    border-top: black 1px solid;
    font-size: 8pt;
    color: black;
    border-bottom: black 1px solid;
    background-color: #FFFFBB;
    text-align: center;
    padding: 0px 0px 0px 0px;
    height: 25px;
}



.tblSubHeaderBlue {
    /* GridView for DataList and the style in which a show or his style*/
    border-top: black 1px solid;
    font-size: 8pt;
    color: white;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    background-color: #4488CC;
    text-align: center;
    height: 20px;
}

.tblSubHeaderDataList {
    /* GridView for DataList and the style in which a show or his style*/
    border-left: black 1px solid;
    border-right: black 1px solid;
    border-top: 0;
    border-bottom: 0;
    font-weight: bold;
    font-size: 9pt;
    color: black;
    background-color: #FFFFBB;
    text-align: center;
}

.vLineDataList {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: #cccccc 1px solid;
    border-top: #dddddd 1px solid;
    font-weight: bold;
    font-size: 9pt;
    color: black;
    background-color: #FFFFBB;
    text-align: center;
}


.tblSubHeader0 {
    /* GridView for DataList and the style in which a show or his style*/
    border-top: black 1px solid;
    border-right: black 1px;
    border-left: black 1px solid;
    font-weight: bold;
    font-size: 9pt;
    color: black;
    border-bottom: black 1px solid;
    background-color: #FFFFBB;
    text-align: center;
}

.tblBg {
    /*Part of the body of the wrong page of the log style*/
    background: "dddddd";
}

.footer {
    /* GridView for DataList and the style in its table of the script style*/
    color: white;
    background-color: Black;
    text-align: center;
    height: 20px;
    vertical-align: top;
}


.tblAltRow1 {
    /*GridView and the Bank of China DataList style*/
    background: "efefef";
}

.tblAltRow2 {
    /*GridView and the Bank of China DataList style*/
    background: "white";
}

.vLineOrder {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: 1px solid black;
    border-bottom: #dddddd 1px solid;
    text-align: left;
    color: Black;
    background-color: #ff9000;
}

.vLine {
    /* GridView for DataList and the style in which a show or his style*/
    border-left: #cccccc 1px solid;
    border-bottom: #dddddd 1px solid;
    text-align: left;
    color: Black;
}



.vLineCenter {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: #cccccc 1px solid;
    border-bottom: #dddddd 1px solid;
    text-align: center;
    color: Black;
}

.vLineLeftNB {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: #cccccc 1px solid;
    border-bottom: #dddddd 1px solid;
    text-align: left;
    color: Black;
}

.vLineRightNB {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: #cccccc 1px solid;
    border-bottom: #dddddd 1px solid;
    text-align: right;
    padding-right:1px;
    color: Black;
}


.vLineRight {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: 1px solid black;
    border-bottom: #dddddd 1px solid;
    text-align: right;
    color: Black;
}


.VectorLine {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: #000000 1px solid;
    border-left: #000000 1px solid;
}

.tblGeneral {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: black 1px solid;
    border-top: black 1px solid;
    font-size: 9pt;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: #FFFFFF;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
}

.tblGeneralBorderNo {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: 0;
    border-top: 0;
    font-size: 9pt;
    border-left: 0;
    border-bottom: 0;
    background-color: #FFFFFF;
}

.tblGeneralDropDown {
    /* GridView for DataList and the style in which a show or his style*/
    border: 1px solid black;
    font-size: 9pt;
    background-color: #FFFFFF;
    text-align: center;
    z-index: -1;
    margin-left: 0px;
}

.txtHighlight {
    /* GridView for the style and DataList*/
    color: red;
}

.tblNavheader {
    /* GridView for DataList and the style in which a show or his style*/
    font-weight: bold;
    color: black;
    border-bottom: black 1px solid;
    border-top: black 1px solid;
    background-color: #cccccc;
}

.tblNavheaderBottomLine {
    /* GridView for DataList and the style in which a show or his style*/
    font-weight: bold;
    color: black;
    height: 1px;
    border-bottom: black 1px solid;
    border-top: black 1px solid;
    background-color: #efefef;
}

.tblNavheaderBottomLineRight {
    /* GridView for DataList and the style in which a show or his style*/
    font-weight: bold;
    color: black;
    border-bottom: black 1px solid;
    border-top: black 1px solid;
    border-right: black 1px solid;
}

.tblNavheaderBorderRight {
    /* GridView for DataList and the style in which a show or his style*/
    font-weight: bold;
    color: black;
    border-right: black 1px solid;
}

.sideMargin {
    /* GridView for DataList and the style for style's border*/
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #4083c4;
}
/* GridView for DataList and the style for style's border*/
.tblcolour {
    background-color: #EDF5FC;
}
/* GridView for DataList and the style for style's head*/
.dmHeader {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12pt;
    padding-bottom: 5px;
    color: white;
    padding-top: 5px;
    border-bottom: #000000 1px solid;
    background-color: #4083c4;
    text-align: left;
}

.dmContent {
    /* GridView for DataList and the style for style's part of the body*/
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

BODY {
    /* For the text content of the page style*/
    margin: 0px;
    font-size: 9pt;
}

TD {
    /* For the table out of style*/
    font-size: 9pt;
}

TH {
    /* For part of the body of the page table style*/
    font-family: Arial, Helvetica, sans-serif;
}

P {
    /* Page for the body parts of the field in the table style*/
    font-family: Arial, Helvetica, sans-serif;
}

DIV {
    /* Part of the body of the page for the style div*/
    font-family: Arial, Helvetica, sans-serif;
}

FORM {
    /* Used to form part of the body of the page style*/
    font-family: Arial, Helvetica, sans-serif;
}

H2 {
    /* For parts of the body of the page style*/
    font-family: Arial, Helvetica, sans-serif;
}

H3 {
    /* For part of the body of the page table style*/
    font-family: Arial, Helvetica, sans-serif;
}

BLOCKQUOTE {
    /* The body of the page for some of the background color of style*/
    font-family: Arial, Helvetica, sans-serif;
}

UL {
    /* There are parts of the body of the page for links to the color display of style*/
    font-family: Arial, Helvetica, sans-serif;
}

OL {
    /* There are parts of the body of the page for links to the color display of style*/
    font-family: Arial, Helvetica, sans-serif;
}

A {
    /* Page for the body parts of the field in the table style*/
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

INPUT {
    /* Used to form part of the body of the page style*/
    font-size: 9pt;
}

LEGEND {
    /* Used to form part of the body of the page style*/
    font-weight: bold;
    font-size: 10pt;
    color: blue;
}

.field-required {
    /* Used to form part of the body of the page style*/
    font-weight: bold;
    font-size: 16px;
    color: #ff3333;
}

.branch {
    /*Part of the body of the page style*/
    cursor: pointer;
    cursor: hand;
    display: block;
}

.leaf {
    /*Part of the body of the page table of the border style*/
    display: none;
    margin-left: 16px;
}

.tblClass {
    /*GriView the style and form DataList*/
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    background-color: #FFFFFF;
}

.title {
    /*Part of the body of the title page of the Style*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.Menu {
    /*Part of the body of the page menu style*/
    position: relative;
    width: 180px;
    z-index: 6;
    background: #FFFFFF;
    margin-top: -2px;
    display: none;
}

.Menu2 {
    /*Part of the body of the page menu style*/
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #FFFFFF;
    z-index: 1;
    height: 120px;
    overflow: auto;
    text-align: left;
    border: 1px solid #AAAAAA;
}

    .Menu2 ul {
        /*Part of the body of the page menu style*/
        margin: 0;
        padding: 0;
    }

        .Menu2 ul li {
            /*Part of the body of the page menu style*/
            width: 100%;
            height: 25px;
            line-height: 25px;
            text-indent: 15px;
            border-bottom: 1px dashed #ccc;
            color: #666;
            cursor: pointer;
        }

.subRow {
    /*GriView Bank of China and DataList forms of style*/
    background-color: #EEEEEE;
    height: 23px;
    text-align: left;
}

.btn-active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    color: #FFFFFF;
    background-color: #00CC00;
    border-radius: 5px;
}

.btn-inactive {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    color: #FFFFFF;
    background-color: #669999;
    border-radius: 6px;
}

.TextCssNo {
    /*Part of the body of the text content of the page style*/
    background-color: #EFEFEF;
    border-bottom: 1px solid #666666;
    font-size: 9pt;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    text-align: right;
    vertical-align: middle;
}

.TextCssNot {
    /*Part of the body of the text content of the page style*/
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
    font-size: 9pt;
}

.TextCssNot {
    /*Part of the body of the text content of the page style*/
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
    font-size: 9pt;
    text-align: right;
}

.TextCss {
    /*Part of the body of the text content of the page style*/
    background-color: #FFFFFF;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    font-size: 9pt;
    text-align: left;
    vertical-align: middle;
}

.TextCssRight {
    /*Part of the body of the text content of the page style*/
    background-color: #FFFFFF;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    font-size: 9pt;
    text-align: right;
}

.TextCssCenter {
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
}

.TextCssCenterTotal {
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

.clearbox {
    /*GreiView and the DataList checkbox in the style*/
    border-top: 1px solid transparent !important;
    margin-top: -1px !important;
    border-top: 0;
    margin-top: 0;
    clear: both;
    visibility: hidden;
}

.Red {
    /*GreiView part of the body of the page, as well as the style and color DataList*/
    color: #AA0000;
    text-align: left;
}

.Green {
    /*GreiView part of the body of the page, as well as the style and color DataList*/
    color: #00AA00;
}

.Blank {
    /*GreiView part of the body of the page, as well as the style and color DataList*/
    color: #666666;
    text-align: left;
}

.Black {
    /*GreiView part of the body of the page, as well as the style and color DataList*/
    color: #000000;
}

.RedInvoice {
    /*GreiView part of the body of the page, as well as the style and color DataList*/
    color: #FF0000;
}

.Defrent {
    /*GreiView part of the body of the page and the default color and style DataList*/
    background-color: #C2E7E8;
}

.DefrentRed {
    /*GreiView part of the body of the page and the default color and style DataList*/
    background-color: #FFA266;
}

.tblThreeHeader {
    /*GreiView and DataList table or a line of style*/
    background-color: #E0E0E0;
    border-bottom: 1px solid black;
    height: 23px;
}

.tblThreeHeader1 {
    /*GreiView and DataList table or a line of style*/
    background-color: #E0E0E0;
    border-bottom: 0px;
    height: 23px;
}

.TextA {
    /*Part of the body of the text content of the page style*/
    border-top: 0px;
    border-bottom: 1px solid black;
    border-left: 0px;
    border-right: 0px;
}

.Description {
    /*GreiView, as well as parts of the body of the page and DataList table details the style*/
    border: 1px solid black;
    font-size: 10pt;
}

.Budget {
    /*GreiView, as well as parts of the body of the page and style of the Budget in DataList*/
    font-size: 10pt;
    color: #AA0000;
    font-weight: bold;
}

.Alert {
    /*GreiView, as well as parts of the body of the page and style of the Alert in DataList*/
    background-color: #FF0000;
    font-size: 10pt;
    text-align: center;
    text-wrap: normal;
    color: #FFFFFF;
    height: 50px;
    vertical-align: middle;
}

.AlertSuccessful {
    /*GreiView, as well as parts of the body of the page and style of the AlertSuccessful in DataList*/
    background-color: #00AA00;
    font-size: 10pt;
    text-align: center;
    text-wrap: normal;
    color: #FFFFFF;
    height: 50px;
    vertical-align: middle;
}

.Warning {
    /*GreiView, as well as parts of the body of the page and style of the Warning in DataList*/
    background-color: orange;
    font-size: 10pt;
    text-align: center;
    height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: middle;
    border-bottom: solid 1px #000000;
}

.LableCss {
    font-size: 9px;
    border-bottom: solid 1px purple;
    color: Purple;
    text-align: center;
}

.tblNavheaderBorder {
    /* GridView for DataList and the style in which a show or his style*/
    font-weight: bold;
    color: black;
    border-bottom: black 1px solid;
    border-top: solid 1px black;
    background-color: #cccccc;
}

.SPCCss {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: #cccccc 1px solid;
    border-bottom: #dddddd 1px solid;
    background-color: #439FFD;
    color: #FFFFFF;
}

.PCCss {
    /* GridView for DataList and the style in which a show or his style*/
    border-right: #cccccc 1px solid;
    border-bottom: #dddddd 1px solid;
    background-color: #439FFD;
    color: #FFFFFF;
}


.gridviewBorder {
    /* GridView for DataList and the style in which a show or his style*/
    border: 1;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-right: black 1px solid;
    border-bottom: black 1px solid;
}

.gridviewBorderNo {
    /* GridView for DataList and the style in which a show or his style*/
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.tv {
    vertical-align: top;
    padding: 0;
}

.scroll_Div {
    width: 100%;
    height: 10px;
    overflow: auto;
    text-align: left;
    vertical-align: middle;
    border: 0;
}

.scroll_Div_UnderLine {
    width: 100%;
    height: 10px;
    overflow: auto;
    text-align: left;
    vertical-align: middle;
    border-bottom: #ff9000 2px solid;
}



.scroll_Product_Div {
    width: 100%;
    overflow: auto;
    text-align: left;
}

.scroll_Entity_Right {
    width: 95%;
    overflow: auto;
    padding-left: 20px;
    border-color: Black;
    text-align: left;
}

.scroll_Index {
    width: 800px;
    height: 70px;
    overflow: auto;
    text-align: left;
    border-bottom: #ff9000 3px solid;
}

.scroll_Product_Div1 {
    width: 100%;
    height: 30px;
    overflow: auto;
    text-align: left;
    border-bottom: #ff9000 3px solid;
}

.scroll_Product_Div2 {
    width: 100%;
    height: 50px;
    overflow: auto;
    text-align: left;
    border-bottom: #ff9000 3px solid;
}

.scrollDiv {
    width: 100%;
    height: 300px;
    overflow: auto;
    text-align: left;
    background-color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
}

#scrollarea {
    height: 120px;
}

.scroll_Div_Profile {
    height: 630px;
    background-color: White;
}

.AspNet-TreeView ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.AspNet-TreeView-Root {
    border-bottom: solid 1px #DDD;
    position: relative;
    width: 200px;
}

.scroll_Div_Category {
    width: auto;
    height: 600px;
    overflow: auto;
    text-align: left;
    vertical-align: middle;
}

.scroll_MasterPage {
    width: 100%;
    height: 660px;
    overflow: auto;
    text-align: left;
}

.vLineTitle {
    height: 30px;
    background-color: White;
    border: 0;
    font-size: medium;
    font-family: Times New Roman;
    width: auto;
    padding-right: 5px;
}

.calendar1 {
    background: url('../images/Calendar.bmp') no-repeat 0 0;
    border: 0;
    height: 24px;
    width: 24px;
}

.ButtonCssFlagProduct {
    width: 60px;
}

.tblNavheader1 {
    font-weight: bold;
    height: 22px;
    color: Black;
    border-top: solid 1px black !important;
    border-bottom: solid 1px black;
    background-color: #CCCCCC;
}

.invbohdr {
    background: rgba(252, 252, 252, 1) !important;
    background-color: #ff9000;
    color: green;
    font-weight: 300;
    height: auto;
    display: block;
    padding-top: 5px;
    box-shadow: 2px 2px 3px gray;
    top: 0px;
    left: 0px;
}

.invbobdy {
    background: rgba(252, 252, 252, 1) !important;
    background-color: #ff9000;
    color: black;
    font-weight: 300;
    height: auto;
    display: block;
    padding-top: 5px;
    box-shadow: 2px 2px 3px gray;
    top: 0px;
    left: 0px;
}

.scroll_Product_Div_GW {
    width: 100%;
    height: 400px;
    overflow: auto;
    text-align: left;
}

.scroll_Product_Div_GW_Permission {
    width: 100%;
    height: 460px;
    overflow: auto;
    text-align: left;
}

.scroll_Div_Message {
    width: 100%;
    overflow: auto;
    text-align: left;
    vertical-align: middle;
    border: 0;
}

.gv_ServiceOrder {
    /* GridView for DataList and the style in which a show or his style*/
    border: #EFEFEF;
    border-left: 1px solid Black;
    border-right: 1px solid black;
}

.goodbutton {
    /*adjust the roundness*/
    border-radius: 4px;
    moz-border-radius: 4px;
    webkit-border-radius: 4px;
    /*adjust height and width*/
    height: 20px;
    /*change border colour*/
    border: 1px #999999 solid;
}

.chkboxlist label {
    display: inline-block;
    cursor: pointer;
    border: 0;
    padding: 2px;
    float: inherit;
    text-align: left;
    padding-right: 10px;
    white-space: nowrap;
    position: relative;
    font-size: 12px;
}

    .chkboxlist label span {
        vertical-align: middle;
    }

.checkbox label {
    display: block;
    float: right;
    padding-right: 10px;
    white-space: nowrap;
}