/* EXTERNAL STYLE SHEET (stylesheet.css) */

/***---ANIRUT---***/
/***--- w = Web Form Component,h = HTML Component ---***/

/*---:For set html component input button.---*/
.hInputButton {
    width: 80px;
    border-right: #6699cc 1px solid;
    border-top: #6699cc 1px solid;
    border-left: #6699cc 1px solid;
    border-bottom: #6699cc 1px solid;
    font-size: 8pt;
    font-family: Verdana;
    background-color: #e7effa;
}
/*---:For set web component head name.---*/
.wHeadName {
    color: #0066cc;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 15pt;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}
/*---:For set web component section name.---*/
.wSectionNameSpecial {
    color: Fuchsia;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 15pt;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}
/*---:For set web component section name.---*/
.wSectionName {
    color: Navy;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}
/*---:For set web component label.---*/
.wLabel {
    color: Navy;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

    .wLabel[disabled] {
        color: gray;
        background-color: white;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: .8em;
        font-weight: normal;
        letter-spacing: normal;
        text-transform: none;
        word-spacing: normal;
    }
/*---:For set web component Textbox.---*/
.wTextBox {
    color: Black;
    background-color: white;
    border-color: lightgray;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

    .wTextBox[disabled] {
        color: gray;
        background-color: white;
        border-color: lightgray;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: .8em;
        font-weight: normal;
        letter-spacing: normal;
        text-transform: none;
        word-spacing: normal;
    }

.wTextBoxError {
    color: Black;
    background-color: #FFAAAA;
    border-color: lightgray;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

.wTextBoxAlignRight {
    color: Black;
    background-color: white;
    border-color: lightgray;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    text-align: right;
}

.wTextBoxAlignRightError {
    color: Black;
    background-color: #FFAAAA;
    border-color: lightgray;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    text-align: right;
}

/*---:For set web component Textbox Read Only.---*/
.wReadOnlyTextBox {
    color: Gray;
    background-color: white;
    border-color: lightgray;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    display: marker;
}

.wReadOnlyTextBoxError {
    color: Gray;
    background-color: #FFAAAA;
    border-color: lightgray;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

.wReadOnlyTextBoxAlignRight {
    color: Gray;
    background-color: white;
    border-color: lightgray;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    text-align: right;
}

.wReadOnlyTextBoxAlignRightError {
    color: Gray;
    background-color: #FFAAAA;
    border-color: lightgray;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    text-align: right;
}

/*---:For set web component Doc Status checkbox.---*/
.wDocStatusCheckbox {
    color: Red;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

/***--- w = Web Form Component,h = HTML Component ---***/
/*---:For set web component Detail Name.---*/
.wDetailName {
    color: #0066cc;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 15pt;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}
/***---CHALERMCHAI---***/
.wProgramName {
    color: #0066cc;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

.wUserName {
    color: #0066cc;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

    .wUserName[disabled] {
        color: gray;
        background-color: white;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        letter-spacing: normal;
        text-transform: none;
        word-spacing: normal;
    }

.wDialogTitle {
    color: Navy; /* BACKGROUND-COLOR: Lavender; */
    background-color: #e6e6fa;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}
/***---Foating Toolbar ---***/
.toBeFixed {
    /* position: absolute; */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
}
/* For Form report */
.wLabelReportDataTitle {
    color: Blue;
    background-color: white;
    font-family: Microsoft Sans Serif;
    font-size: x-small;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

.wLabelReportData {
    color: Black;
    background-color: white;
    font-family: Microsoft Sans Serif;
    font-size: x-small;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

/*small size for special form such as EXSDCSTM010_03.aspx by Chalermchai on 06/07/2006 (request by Wanwilai) */
.wTextBoxSmall {
    font-weight: normal;
    font-size: .7em;
    word-spacing: normal;
    text-transform: none;
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    letter-spacing: normal;
    height: 18px;
    background-color: white;
}

.wReadOnlyTextBoxSmall {
    color: Gray;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .7em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    height: 18px;
}

.wLabelSmall {
    color: Navy;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .7em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

/* Toolbar Button */
.buttonSearch {
    background: url('/isolutions/images/ToolBar/XPSEARCH.GIF') no-repeat left;
    border: outset 1px Transparent;
    color: Navy;
    cursor: pointer;
    padding-left: 14px;
    font: small Verdana;
}

    .buttonSearch:hover {
        border: outset 1px Transparent;
        background-color: Menu;
    }

    .buttonSearch[disabled] {
        background: url('/isolutions/images/ToolBar/XPSEARCH_GRAY.GIF') no-repeat left;
        cursor: default;
        color: lightgray;
    }

.buttonNew {
    background: url('/isolutions/images/ToolBar/XPNEW.GIF') no-repeat left;
    border: outset 1px Transparent;
    color: Navy;
    cursor: pointer;
    padding-left: 14px;
    font: small Verdana;
}

    .buttonNew:hover {
        border: outset 1px Transparent;
        background-color: Menu;
    }

    .buttonNew[disabled] {
        background: url('/isolutions/images/ToolBar/XPNEW_GRAY.GIF') no-repeat left;
        cursor: default;
        color: lightgray;
    }

.buttonEdit {
    background: url('/isolutions/images/ToolBar/XPEDIT.GIF') no-repeat left;
    border: outset 1px Transparent;
    color: Navy;
    cursor: pointer;
    padding-left: 14px;
    font: small Verdana;
}

    .buttonEdit:hover {
        border: outset 1px Transparent;
        background-color: Menu;
    }

    .buttonEdit[disabled] {
        background: url('/isolutions/images/ToolBar/XPEDIT_GRAY.GIF') no-repeat left;
        cursor: default;
        color: lightgray;
    }

.buttonSubmit {
    background: url('/isolutions/images/ToolBar/XPSUBMIT.GIF') no-repeat left;
    border: outset 1px Transparent;
    color: Navy;
    cursor: pointer;
    padding-left: 14px;
    font: small Verdana;
}

    .buttonSubmit:hover {
        border: outset 1px Transparent;
        background-color: Menu;
    }

    .buttonSubmit[disabled] {
        background: url('/isolutions/images/ToolBar/XPSUBMIT_GRAY.GIF') no-repeat left;
        cursor: default;
        color: lightgray;
    }

.buttonDelete {
    background: url('/isolutions/images/ToolBar/XPDELETE.GIF') no-repeat left;
    border: outset 1px Transparent;
    color: Navy;
    cursor: pointer;
    padding-left: 14px;
    font: small Verdana;
}

    .buttonDelete:hover {
        border: outset 1px Transparent;
        background-color: Menu;
    }

    .buttonDelete[disabled] {
        background: url('/isolutions/images/ToolBar/XPDELETE_GRAY.GIF') no-repeat left;
        cursor: default;
        color: lightgray;
    }

.buttonView {
    background: url('/isolutions/images/ToolBar/XPVIEW.GIF') no-repeat left;
    border: outset 1px Transparent;
    color: Navy;
    cursor: pointer;
    padding-left: 14px;
    font: small Verdana;
}

    .buttonView:hover {
        border: outset 1px Transparent;
        background-color: Menu;
    }

    .buttonView[disabled] {
        background: url('/isolutions/images/ToolBar/XPVIEW_GRAY.GIF') no-repeat left;
        cursor: default;
        color: lightgray;
    }

.buttonDocStatus {
    background: url('/isolutions/images/ToolBar/XPDOCSTATUS.GIF') no-repeat left;
    border: outset 1px Transparent;
    color: Navy;
    cursor: pointer;
    padding-left: 14px;
    font: small Verdana;
}

    .buttonDocStatus:hover {
        border: outset 1px Transparent;
        background-color: Menu;
    }

    .buttonDocStatus[disabled] {
        background: url('/isolutions/images/ToolBar/XPDOCSTATUS_GRAY.GIF') no-repeat left;
        cursor: default;
        color: lightgray;
    }

.buttonShowHistory {
    background: url('/isolutions/images/ToolBar/XPHISTORY.GIF') no-repeat left;
    border: outset 1px Transparent;
    color: Navy;
    cursor: pointer;
    padding-left: 14px;
    font: small Verdana;
}

    .buttonShowHistory:hover {
        border: outset 1px Transparent;
        background-color: Menu;
    }

    .buttonShowHistory[disabled] {
        background: url('/isolutions/images/ToolBar/XPHISTORY_GRAY.GIF') no-repeat left;
        cursor: default;
        color: lightgray;
    }

.buttonExit {
    background: url('/isolutions/images/ToolBar/XPEXIT.GIF') no-repeat left;
    border: outset 1px Transparent;
    color: Navy;
    cursor: pointer;
    padding-left: 14px;
    font: small Verdana;
}

    .buttonExit:hover {
        border: outset 1px Transparent;
        background-color: Menu;
    }

    .buttonExit[disabled] {
        background: url('/isolutions/images/ToolBar/XPEXIT_GRAY.GIF') no-repeat left;
        cursor: default;
        color: lightgray;
    }

/* Workflow Toolbar Button */
.buttonLwfOpenDocument {
    background: url('/isolutions/images/ToolBar/actn024.gif') no-repeat left 50%;
    border: outset 1px Menu;
    color: Navy;
    cursor: pointer;
    padding-left: 16px;
    font: small Verdana;
}

    .buttonLwfOpenDocument:hover {
        border: outset 1px Menu;
        background-color: Menu;
    }

.buttonLwfSend {
    background: url('/isolutions/images/ToolBar/actn092.gif') no-repeat left 50%;
    border: outset 1px Menu;
    color: Navy;
    cursor: pointer;
    padding-left: 16px;
    font: small Verdana;
}

    .buttonLwfSend:hover {
        border: outset 1px Menu;
        background-color: Menu;
    }

.buttonLwfResend {
    background: url('/isolutions/images/ToolBar/actn092.gif') no-repeat left 50%;
    border: outset 1px Menu;
    color: Navy;
    cursor: pointer;
    padding-left: 16px;
    font: small Verdana;
}

    .buttonLwfResend:hover {
        border: outset 1px Menu;
        background-color: Menu;
    }

.buttonLwfCancel {
    background: url('/isolutions/images/ToolBar/actn004.gif') no-repeat left 50%;
    border: outset 1px Menu;
    color: Navy;
    cursor: pointer;
    padding-left: 16px;
    font: small Verdana;
}

.buttonLwfDeny {
    background: url('/isolutions/images/ToolBar/LwfDeny.gif') no-repeat left 50%;
    border: outset 1px Menu;
    color: Navy;
    cursor: pointer;
    padding-left: 16px;
    font: small Verdana;
}

.buttonLwfCancel:hover {
    border: outset 1px Menu;
    background-color: Menu;
}

.buttonLwfViewJobDiagram {
    background: url('/isolutions/images/ToolBar/actn109.gif') no-repeat left 50%;
    border: outset 1px Menu;
    color: Navy;
    cursor: pointer;
    padding-left: 16px;
    font: small Verdana;
}

    .buttonLwfViewJobDiagram:hover {
        border: outset 1px Menu;
        background-color: Menu;
    }

.buttonLwfShowDetails {
    background: url('/isolutions/images/ToolBar/actn006.gif') no-repeat left 50%;
    border: outset 1px Menu;
    color: Navy;
    cursor: pointer;
    padding-left: 16px;
    font: small Verdana;
}

    .buttonLwfShowDetails:hover {
        border: outset 1px Menu;
        background-color: Menu;
    }

.buttonLwfOpenDocument {
    background: url('/isolutions/images/ToolBar/actn024.gif') no-repeat left 50%;
    border: outset 1px Menu;
    color: Navy;
    cursor: pointer;
    padding-left: 16px;
    font: small Verdana;
}

    .buttonLwfOpenDocument:hover {
        border: outset 1px Menu;
        background-color: Menu;
    }

.imageButtonGRAY {
    filter: alpha(opacity=30);
}

.wButton {
    color: black;
    background-color: #E7EFFA;
    border-color: #6699CC;
}

    .wButton[disabled] {
        color: gray;
        background-color: #E7EFFA;
        border-color: #6699CC;
    }

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}