/*FONT************************************************************************/
@font-face {
    font-family: "museo500";
    src: url("../Fonts/museo_500-webfont.ttf");
}

@font-face {
    font-family: "WiseFontReg";
    src: url("../Fonts/TitilliumWeb-Regular.ttf");
    /* src: url('../fonts/Coda-Regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    /* url('../fonts/Coda-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
    font-family: "WiseFontBold";
    src: url("../Fonts/TitilliumWeb-SemiBold.ttf");
    /* src: url('../fonts/Coda-ExtraBold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    /* url('../fonts/Coda-ExtraBold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

/*GENERIC************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    background: #f9f9f9;
    color: #333;
    font-family: WiseFontReg, Verdana, Arial, Tahoma, Segoe UI, Sans-Serif;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

form {
    margin: 0;
    padding: 0;
}

ul, ol, dl {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
}

p {
    margin-bottom: 15px;
}

a img {
    border: none;
}

a, a:link, a:visited {
    color: #3e698c;
    text-decoration: none;
}

    a:hover, a:active, a:focus {
        text-decoration: underline;
    }

input, select, textarea {
    background-color: #e2eefe;
    border: solid 1px #BFDBFF;
    /*font-family: WiseFontReg, Verdana, Arial, Tahoma, Segoe UI, Sans-Serif;*/
    font-family: WiseFontReg, Verdana, Arial, Tahoma, Segoe UI, Sans-Serif !important;
    font-size: 10px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    /*text-transform: uppercase;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 15px;
}

    input.button {
        /*text-transform: uppercase;*/
        height: 15px;
        padding: 0 10px 0 10px;
    }

    input.inputError {
        background-color: #ffbfbf;
        border: solid 1px #BFDBFF;
        /*text-transform: uppercase;*/
    }

    select option {
        font-size: 10px;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

.wiseUpper {
    text-transform: uppercase;
    font-family: WiseFontReg, Verdana, Arial, Tahoma, Segoe UI, Sans-Serif;
}

.gridInput {
    height: 20px;
    text-wrap: avoid;
    white-space: nowrap;
    vertical-align: top;
}

.gridInputError {
    background-color: #ffbfbf;
    color: #000;
    height: 20px;
    text-wrap: avoid;
    white-space: nowrap;
    vertical-align: top;
}

.gridDelete {
    height: 20px;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    width: 20px;
}

.btnLocate, .LocateBtn {
    height: 19px;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    width: 19px;
}

.nowrap {
    white-space: nowrap;
}
/*MASTER************************************************************************/

div#wiseWrap {
    text-align: center;
}

div#wiseHeader {
    background-color: #fff;
    background-image: url('../Images/headerbg.png');
    background-position-y: bottom;
    background-repeat: repeat-x;
    clear: both;
    color: #000;
    height: 100px;
    padding-top: 10px;
    text-align: left;
    vertical-align: bottom;
    width: 100%;
}

div#wiseBanner {
    clear: both;
    height: 100px;
    text-align: left;
}

div#wiseLogo {
    float: left;
    left: 10px;
    padding-left: 5px;
    position: absolute;
    text-align: left;
    vertical-align: bottom;
}

div#wiseAppHeader {
    float: right;
    font-family: WiseFontBold, museo500, Verdana, Arial, Tahoma, Segoe UI, Sans-Serif;
    font-size: 40px;
    font-weight: bold;
    padding-right: 5px;
    position: absolute;
    right: 10px;
    text-align: right;
    vertical-align: bottom;
}

div#wiseNavigation {
    background-color: #CEDCED;
    clear: both;
    height: 30px;
    text-align: left;
}

div#wiseMenu {
    float: left;
    padding-left: 5px;
    text-align: left;
    vertical-align: bottom;
}

div#wiseWarehouse {
    color: #000;
    float: right;
    font-family: WiseFontReg, Verdana, Arial, Tahoma, Segoe UI, Sans-Serif;
    padding-right: 5px;
    padding-top: 3px;
    text-align: right;
    vertical-align: bottom;
}

div#wiseBody {
    clear: both;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-top: 40px;
    text-align: left;
}

div#wisePopBody {
    clear: both;
    margin: 10px;
    text-align: left;
}

div#wiseContent {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

div#wiseFooter {
    background-color: #BFDBFF;
    bottom: 0;
    clear: both;
    color: #000;
    font-size: 11px;
    margin-top: 20px;
    padding: 3px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9998;
}

    div#wiseFooter a, div#wiseFooter a:link, div#wiseFooter a:visited {
        color: #000;
        text-decoration: none;
    }

        div#wiseFooter a:hover, div#wiseFooter a:active, div#wiseFooter a:focus {
            text-decoration: underline;
        }

/***********************************************************************************************************************************************************************************************************/
fieldset {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 98%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #fefefe;
}

    fieldset legend {
        color: #013586;
        font-size: 12px;
        /*padding: 0px 15px;*/
        /*border: 1px solid #86B6FF;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;*/
    }

    fieldset.ExportBox {
        border-color: #86B6FF;
        border-style: solid;
        border-width: 1px;
        padding: 5px;
        width: 322px;
    }
/***********************************************************************************************************************************************************************************************************/
.StockMovement {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 98%;
}

    .StockMovement legend {
        color: #5c759a;
        font-size: 14px;
    }


.ReceiptList {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 98%;
}

    .ReceiptList legend {
        color: #5c759a;
        font-size: 14px;
    }

.DespatchList {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 98%;
}

    .DespatchList legend {
        color: #5c759a;
        font-size: 14px;
    }

.CustomerList {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 98%;
}

    .CustomerList legend {
        color: #5c759a;
        font-size: 14px;
    }

.ProductList {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 98%;
}

    .ProductList legend {
        color: #5c759a;
        font-size: 14px;
    }

.UserList {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 800px;
}

    .UserList legend {
        color: #5c759a;
        font-size: 14px;
    }

.ExportWindow {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 270px;
}

    .ExportWindow legend {
        color: #5c759a;
        font-size: 14px;
    }

.InventoryList {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 1400px;
}

    .InventoryList legend {
        color: #5c759a;
        font-size: 14px;
    }

.DespatchDetail {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 1220px;
}

    .DespatchDetail legend {
        color: #5c759a;
        font-size: 14px;
    }

.DespatchAddress {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 600px;
}

.StockDetail {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 600px;
}

    .StockDetail legend {
        color: #5c759a;
        font-size: 14px;
    }


.OrderEntrySetting {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 600px;
}

    .OrderEntrySetting legend {
        color: #5c759a;
        font-size: 14px;
    }

.ItemDetail {
    border-color: #86B6FF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 98%;
}

    .ItemDetail legend {
        color: #5c759a;
        font-size: 14px;
    }
/***********************************************************************************************************************************************************************************************************/

.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableHead {
    display: table-cell;
    padding: 3px 10px;
    text-align: left;
    vertical-align: top;
}

.divTableCell, .divTableHead {
    display: table-cell;
    padding: 0 10px;
    text-align: left;
    vertical-align: top;
}

.divTableCellNoPad {
    display: table-cell;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

.divTableCellNoPadTop {
    display: table-cell;
    padding: 0;
    text-align: left;
    vertical-align: top;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

.divOrderEditTitle {
    width: 80px;
}

.divTableCellTitle {
    display: table-cell;
    padding: 3px 10px;
    text-align: left;
    vertical-align: top;
    width: 80px;
}

.divOrderEntryTitle {
    width: 140px;
}

.divExportTitle {
    width: 50px;
}

.divFilterTitle {
    width: 80px;
}

.divFormGroup {
    float: left
}

.divFormGroupEnd {
    clear: right;
}

/***********************************************************************************************************************************************************************************************************/

ul.ul-form {
    background-color: #F5F9FC;
    border: 1px solid #BFDBFF;
    display: inline-block !important;
    list-style-type: none;
    padding: 0;
}

ul.ul-formtab {
    display: inline-block !important;
    list-style-type: none;
    padding: 0;
}

    ul.ul-formtab input {
        margin-right: 10px;
    }

ul.ul-detail {
    display: inline-block !important;
    list-style-type: none;
    padding: 0;
    padding: 10px;
}

ul.ul-col {
    background-color: #fff;
    border: 0;
    display: inline-block !important;
    list-style-type: none;
    padding: 0;
}

ul.ul-form li {
    display: block !important;
    font-size: 11px;
    list-style-type: none;
    padding: 1px 5px 1px 5px;
    text-align: left;
    vertical-align: top;
}

    ul.ul-form li.header {
        background-color: #BFDBFF;
        color: #000;
        display: block !important;
        font-family: Museo500, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 13px;
        padding: 5px 10px 5px 10px;
        text-align: left;
    }

    ul.ul-form li.formfield {
        padding-bottom: 3px;
        padding-top: 3px;
    }

    ul.ul-form li.message {
        display: block !important;
        padding: 0 5px 0 5px;
        text-align: left;
    }

    ul.ul-form li.errormessage {
        color: red;
        display: block !important;
        padding: 0 5px 0 5px;
        text-align: center;
    }

    ul.ul-form li.grid {
        display: block !important;
        padding: 0;
        text-align: left;
    }

.wiseErrorMsg {
    color: #f00;
    font-size: 11pt;
}

.wiseSaveMsg {
    color: #000;
    font-size: 14pt;
}

/***********************************************************************************************************************************************************************************************************/
table.filterTB {
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    empty-cells: hide;
}

    table.filterTB td {
        padding: 1px 3px 1px 3px;
        text-wrap: none;
        white-space: nowrap;
    }

td.padTDField {
    width: 5px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    empty-cells: show;
}

.fieldLabel {
    padding-left: 10px;
}

.fieldLabelEnd {
    width: 10px;
    empty-cells: show;
}

/*******************************************************************************************************************************************************************************************/

Label.formLabel, Span.formLabel {
    vertical-align: text-top;
    text-align: left;
    color: #333;
    font-size: 11px;
}
/*******************************************************************************************************************************************************************************************/
table.formTable {
    border: none;
}

td, th {
    font-family: WiseFontReg, Verdana, Arial, Tahoma, Segoe UI, Sans-Serif !important;
}

td.formLabel {
    padding-right: 5px;
    vertical-align: middle;
    text-align: left;
    color: #333;
}

td.formControl {
    padding-right: 20px;
    vertical-align: middle;
    text-align: left;
}

.inlineFormError {
    color: #f00;
}

/*******************************************************************************************************************************************************************************************/
table.igte_Office2010BlueEditWithButtons td {
    padding: 0;
}