* {
    font-family: Verdana, Arial, Sans-Serif;
    color: #333333;
    font-style: normal;
    font-size: 11px;
}

body {
    margin: 0px;
    text-align: left;
    background: #fff;
}

td {
    vertical-align: top;
}

h1 {
    font-size: 16px;
    padding: 5px;
    margin: 1px 0px 5px 1px;
    background: #D6E8FF url(../../Images/Common/h1-background.jpg) repeat-x;
    border-bottom: 1px solid #6F9DD9;
    height: 39px;
    color: #000;
}

img.h1 {
    position: absolute;
    margin: 3px;
    width: 48px;
    height: 48px;
}

img.middle {
    vertical-align: middle;
}

h2 {
    font-size: 160%;
    padding: 5px 0px 5px 0px;
    margin: 5px 0px 5px 0px;
    background: #ffc;
}

h3 {
    font-size: 140%;
    padding: 5px;
    margin: 15px 30px 5px 0px;
    background: #B6D8FD url(../../Images/Common/h3-background.jpg) repeat-y;
    border-bottom: 1px solid #6F9DD9;
}

h4 {
    font-size: 120%;
    padding: 5px 0px 5px 0px;
    margin: 5px 0px 5px 0px;
}

h5 {
    margin: 0px;
    font-weight: bold;
    font-size: 10pt;
}

input {
    font-family: Courier New;
    font-size: 12px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #aaa;
    padding: 2px;
    height: 17px;
}

select {
    font-family: Courier New;
    font-size: 12px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #aaa;
    padding: 2px;
}

.chosen-like {
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    color: #444;
}

/* Top Menu */
.TopMenu {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 1px;
    width: 100%;
}

ul.TopMenu {
    border-bottom: 4px solid #bde;
}

.TopMenu li {
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .TopMenu li a {
        background: #eee;
        display: block;
        float: left;
        margin: 0px 5px 0px 0px;
        padding: 2px 10px 2px 10px;
        color: #000;
        text-decoration: none;
        font-size: 10pt;
    }

    .TopMenu li a span {      
        color: #000;       
        font-size: 10pt;
    }

.TopMenu a.selected {
    color: #000;
    background: #bde;
    text-decoration: none;
}

.TopMenu a:hover {
    color: #000;
    background: #bde;
    text-decoration: none;
}

a.FavPages {
    background: #eee;
    display: block;
    float: right;
    margin: 0 3px 0 0;
    padding: 2px 5px 2px 5px;
    color: #000;
    text-decoration: none;
    font-size: 9pt;
}

/* Left menu */
table.LeftMenu {
    width: 150px;
    border-right: 4px solid #bde;
    padding-bottom: 1px;
}

    table.LeftMenu tr td {
        display: block;
        font-size: 10pt;
        border: 0px;
        margin: 0px;
    }

span.MenuHead {
    display: block;
    background: #fff;
    padding: 10px 8px 2px 2px;
    font-weight: bold;
    font-size: 10pt;
    text-align: right;
    border-bottom: 1px solid #bde;
    color: #058;
}

a.MenuItem, a.MenuItemSelected {
    display: block;
    background: #eee;
    color: #000;
    text-decoration: none;
    padding: 2px 8px 2px 20px;
    text-align: left;
    font-size: 10pt;
    border-top: 1px solid #fff;
}

    a.MenuItemSelected, a.MenuItemSelected:hover, a.MenuItem:hover {
        background: #bde;
        text-decoration: none;
        color: #000;
    }

        a.MenuItemSelected span, a.MenuItemSelected:hover span, a.MenuItem:hover span, a.MenuItem span {
            color: #999;
            font-size: 10pt;
        }

span.LeftMenuItemPrefix {
    margin-left: -13px;
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

/* ---------------------------------------------------------------------------------------- */



/*td.Banner				{width:700px; background-color:#ffffff; text-align:left; vertical-align:top;}*/
/*td.Banner				{width:700px; height:40px; background-color:#A2914F; text-align:center; vertical-align:middle; font-size:18px; font-weight:bold; }*/
td.Banner {
    height: 37px;
}

.TopMenuBack {
    background: #ccc;
}

.pagehead {
    position: relative;
}

.btn-small {
    text-align: center;
    height: 20px;
    width: 40px !important;
    vertical-align: middle;
}

.loginStatus {
    font-size: 12px;
    color: #000;
    margin-right: 10px;
}

a.logoff {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

a:hover.logoff {
    color: #5af;
    text-decoration: none;
    font-weight: bold;
}

a {
    color: #1D516F;
    text-decoration: underline;
}

    a:hover {
        color: #6D753A;
        text-decoration: underline;
    }

    a.LinkButton {
        color: #1D516F;
        font-size: 13px;
        text-decoration: none;
    }

        a.LinkButton:hover {
            color: #6D753A;
            font-size: 13px;
            text-decoration: none;
        }

    a.ImgButton {
        color: #1D516F;
        font-size: 13px;
        text-decoration: none;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 3px;
        padding-top: 3px;
        border: solid 1px black;
        background: url(../../Images/Common/ButtonBgr.jpg)
    }

        a.ImgButton:hover {
            color: #6D753A;
            font-size: 13px;
            text-decoration: underline;
        }

td.Content {
    background: #fff;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.InnerContent {
}

div.PageHeader {
    width: 100%;
    text-align: center;
    font-size: 1em;
    color: #222222;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px;
}

div.Copy {
    width: 995px;
    margin: 5px;
    color: #999999;
    border-top: 1px solid #ccc;
    text-align: center;
}

a.footLinkH:hover, a.footLinkH:visited, a.footLinkH:active, a.footLinkH:link {
    color: #fff;
    text-decoration: none;
}

ul.err li, div.err ul li {
    color: Red;
}

ul.frm {
    margin: 0px;
    padding-left: 15px;
    list-style-position: outside;
    text-indent: 0px;
}

a.EditLink {
    font-weight: bold;
}

table.pnlForm tr td {
    padding: 0px;
    margin: 0px;
}

table.Form {
    padding: 0px;
    margin: 0px 0px 5px 0px;
    width: 550px;
    background-color: #e9f4fe;
    border: 1px solid #9bd;
}

    table.Form tr td {
    }

        table.Form tr td.SectionHead {
            padding-left: 25px;
            padding-right: 25px;
            font-size: 14px;
            font-weight: bold;
        }

        table.Form tr td.frmhead {
            font-weight: bold;
            font-size: 18px;
            padding-bottom: 15px;
        }

        table.Form tr td.lbl {
            padding: 8px 4px 4px 4px;
            text-align: right;
        }

        table.Form tr td.mid {
            vertical-align: middle;
        }

        table.Form tr td.lblLeft {
            width: 180px;
            padding: 8px 4px 4px 4px;
            text-align: left;
        }

        table.Form tr td.ctr {
            width: 370px;
            padding: 8px 4px 4px 4px;
        }

            table.Form tr td.ctr select {
                width: 350px;
            }

                table.Form tr td.ctr select.mini {
                    width: 45px;
                }

        table.Form tr td.btn {
            text-align: right;
            height: 30px;
            vertical-align: middle;
            padding-right: 10px;
            padding-left: 10px;
        }

        table.Form tr td.btnBtm {
            text-align: right;
            height: 30px;
            vertical-align: bottom;
            padding-right: 10px;
            padding-left: 10px;
        }

    table.Form tr.btn {
        text-align: right;
        height: 30px;
        vertical-align: middle;
    }

    table.Form tr td.incentive {
        height: 30px;
        vertical-align: middle;
    }

    table.Form tr td.heading {
        padding: 5px 2px 2px 2px;
        border-bottom: 1px solid #7ad;
        font-weight: bold;
        background: #d6e8ff;
    }

    table.Form tr td.OrderFinalize {
        padding: 5px 0 5px 0;
    }

    table.Form tr td.OrderFinalizeQty {
        padding: 5px 0 5px 0;
        width: 110px;
        text-align: right;
    }

    table.Form tr td table {
        border: none;
    }

        table.Form tr td table tr td {
        }

        table.Form tr td table td.lbl {
            padding: 8px 4px 4px 4px;
            text-align: right;
        }

        table.Form tr td table td.ctr {
            width: 370px;
            padding: 4px;
        }

        table.Form tr td table td.ctr2 {
            width: 370px;
            padding: 4px;
            vertical-align: bottom;
        }

table.SearchForm {
    margin: 0px;
    width: 450px;
    margin-top: 0px;
    background-color: #eeeeee;
    border-width: 1px;
    border-color: #999999;
    border-style: solid;
}

    table.SearchForm tr td.lbl {
        width: 150px;
        padding: 1px;
    }

    table.SearchForm tr td.ctr {
        width: 300px;
        padding: 1px;
    }

        table.SearchForm tr td.ctr select {
            width: 290px;
        }

table.NewForm {
    margin: 0px;
    width: 550px;
    margin-top: 0px;
    background-color: #eeeeee;
    border-width: 1px;
    border-color: #999999;
    border-style: solid;
}

    table.NewForm tr td.lbl {
        padding: 6px 1px 1px 1px;
        white-space: nowrap;
    }

    table.NewForm tr td.ctr {
        min-width: 400px;
        padding: 1px;
    }

        table.NewForm tr td.ctr select {
            width: 290px;
        }

table.Wide {
    width: 820px;
}

select.Wide {
    width: 350px;
    font-family: Courier New;
    font-size: 11px;
}

    select.Wide option {
        font-family: Courier New;
    }

select.DateDropDown {
    width: 100px;
}

select option.Sat {
    color: Blue;
}

select option.Sun {
    color: Red;
}

div.ContextMenu {
    text-align: left; /* margin:2px; padding:10px;width:801px; border-width:2px; border-style:outset; border-color:#eeeeee; background-color:#FFFFEE; this is for testing only */
}

div.Hermann {
    width: 818px;
    text-align: right;
    color: #493B02;
    margin: 2px 5px 2px 0px;
}

div.HermannLeftAlign {
    width: 818px;
    text-align: left;
    color: #493B02;
    margin: 2px 5px 2px 0px;
}

table.Grid {
    margin: 0px;
    width: 823px;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
}

    table.Grid tr.GridAlt {
        background-color: #F4FAFE;
    }

table.Hov tr:hover {
    background-color: #d9e3ed;
}

table.Hov tr.GridAlt:hover {
    background-color: #d9e3ed;
}

table.GridWidth350 {
    width: 350px !important;
}

table.Grid tr.GridHeader {
    height: 20px;
}

    table.Grid tr.GridHeader td {
        background: #D7EEFF;
        border-bottom: 1px solid #7ad;
        font-weight: bold;
    }

table.Grid th {
    background: #D7EEFF;
    border-bottom: 1px solid #7ad;
    font-weight: bold;
    text-align: left;
}

    table.Grid th.Sep {
        background: #D7EEFF;
        border-bottom: 1px solid #7ad;
        border-right: solid 1px #ccc;
        font-weight: bold;
        text-align: left;
    }

    table.Grid th.ThEnd {
        border-right: solid 1px #ccc;
    }

table.Grid tr td.groupheaderDark {
    background: #0C238A;
    color: White;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

table.Grid tr td.groupheaderLight {
    background: #0033CC;
    color: White;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

table.Grid td.GridGroup {
    background: #ffd;
}

table.Grid tr td.groupWastageDark {
    background: #630A12;
    color: White;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

table.Grid tr td.groupWastageLight {
    background: #E06E0B;
    color: White;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}


table.Grid tr.GridHighlight {
    background-color: #ffd;
}

table.Grid tr.GridBlueMainRow {
    background-color: #B8D9FD;
}

table.Grid tr.GridPriceHighlight {
    background-color: #D4FFC9;
}

table.Grid tr.GridInactive {
    background-color: #ddd;
}

table.Grid tr.GridEdit {
    background-color: #ffd;
}

table.Grid tr.GridSelected {
    background-color: #FF9A8E;
    font-weight: bold;
}

table.Grid tr td {
    padding: 4px;
    vertical-align: middle;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    max-width: 500px;
    word-wrap: break-word;
}

    table.Grid tr td.Top {
        vertical-align: top;
    }

table.Grid tr.Group {
    background-color: #B9D7FD;
}
    /*table.Grid tr.Group td	{border-top: solid 20px white;}*/
    table.Grid tr.Group td {
        height: 20px;
    }

table.Grid tr.OrderGridHeader {
    background-color: #FFFFFF;
}

    table.Grid tr.OrderGridHeader th {
        border: none 0px #FFFFFF;
    }

/*
*/
table.Grid tr.Header {
    background-color: #D6E8FF;
}

table.Grid tr.Line {
    background-color: #FFFFEE;
}

table.Grid tr td.Binder {
    background-color: #B9D7FD;
    width: 0px;
    padding: 0px;
    border-right: solid 1px #B9D7FD;
    border-top-color: White;
}

table.Grid tr th.BinderHeader {
    background-color: #D7EEFF;
    border-right: solid 1px #D7EEFF;
}

table.Grid tr td.NoBottomBorder {
    border-bottom: none;
    padding-bottom: 0px;
}

/* Pager */
table.Grid tr.GridPager td {
    border: none;
}

table.Grid tr.GridInner td {
    border: none;
}

/* Truncate long lines */
table.Grid tr td div.Trunc300 {
    overflow: hidden;
    white-space: nowrap;
    width: 300px;
    text-overflow: ellipsis;
}

table.Grid tr td div.Trunc250, table.Grid tr td a.Trunc250 {
    overflow: hidden;
    white-space: nowrap;
    width: 250px;
    text-overflow: ellipsis;
}

table.Grid tr td div.Trunc150 {
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
    text-overflow: ellipsis;
}

/* Link */
/* Just adding this because 1000 link uses this class. */
.GridLink {
    font-weight: normal;
}

/* InnerGrid */
table.InnerGrid {
    margin: 0px;
    width: 603px;
    border-collapse: collapse;
    border: none;
}

    table.InnerGrid tr.InnerGridAlt {
        background-color: #f4fafe;
    }

    table.InnerGrid tr.InnerGridHeader {
        height: 20px;
    }

        table.InnerGrid tr.InnerGridHeader td {
            background: #d7eeff;
            border: none;
            font-weight: bold;
        }

    table.InnerGrid th {
        background: #d7eeff;
        border: none;
        font-weight: bold;
        text-align: left;
    }

    table.InnerGrid td.InnerGridGroup {
        background: #ffd;
    }

    table.InnerGrid tr.InnerGridHighlight {
        background-color: #ffd;
    }

    table.InnerGrid tr.InnerGridPriceHighlight {
        background-color: #d4ffc9;
    }

    table.InnerGrid tr.InnerGridEdit {
        background-color: #ffd;
    }

    table.InnerGrid tr.InnerGridSelected {
        background-color: #ff9a8e;
        font-weight: bold;
    }

    table.InnerGrid tr td {
        padding: 2px;
        vertical-align: middle;
        border: none;
    }

    table.InnerGrid tr.Group {
        background-color: #b9d7fd;
    }

        table.InnerGrid tr.Group td {
            border: none;
        }

    table.InnerGrid tr.OrderGridHeader {
        background-color: #fff;
    }

        table.InnerGrid tr.OrderGridHeader th {
            border: none 0px #fff;
        }

    table.InnerGrid tr.Header {
        background-color: #D6E8FF;
    }

    table.InnerGrid tr.Line {
        background-color: #FFFFEE;
    }

    table.InnerGrid tr td.Binder {
        background-color: #B9D7FD;
        width: 0px;
        padding: 0px;
        border: none;
    }

    table.InnerGrid tr th.BinderHeader {
        background-color: #D7EEFF;
        border: none;
    }


/* Grid Big */

table.GridBig {
    margin: 0px;
    width: 980px;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background-color: #fff;
}
/*
table.Grid tr.GridAlt	{background-color:#F4FAFE;}
table.Grid tr.GridHeader {height:16px; }
table.Grid tr.GridHeader td	{background: #D7EEFF; border-right:1px solid #fff; border-bottom:1px solid #7ad; font-weight:bold;  }
table.Grid th			{background: #D7EEFF; border-right:1px solid #fff; border-bottom:1px solid #7ad; font-weight:bold; text-align:left;}
table.Grid th.ThEnd     {border-right: solid 1px #ccc;}
table.Grid tr td.groupheaderDark {background: #0C238A; color: White; border-bottom: 1px solid #ccc; padding: 4px; margin-top: 10px; margin-bottom: 5px; font-weight: bold;}    
table.Grid tr td.groupheaderLight {background: #0033CC; color: White; border-bottom: 1px solid #ccc; padding: 4px; margin-top: 10px; margin-bottom: 5px; font-weight: bold;}    
table.Grid td.GridGroup { 	background: #ffd; }
table.Grid tr td.groupWastageDark {background: #630A12; color: White; border-bottom: 1px solid #ccc; padding: 4px; margin-top: 10px; margin-bottom: 5px; font-weight: bold;}    
table.Grid tr td.groupWastageLight {background: #E06E0B; color: White; border-bottom: 1px solid #ccc; padding: 4px; margin-top: 10px; margin-bottom: 5px; font-weight: bold;}   


table.Grid tr.GridHighlight {background-color:#ffd;}
table.Grid tr.GridPriceHighlight {background-color:#D4FFC9;}
table.Grid tr.GridEdit	{background-color:#ffd;}
table.Grid tr.GridSelected	{background-color:#FF9A8E; font-weight:bold;}
table.Grid tr td		{padding:4px; vertical-align:middle; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc;}
table.Grid tr.Group		{background-color:#B9D7FD;}
table.Grid tr.Group td	{border-top: solid 20px white;}

table.Grid tr.OrderGridHeader {background-color:#FFFFFF;}
table.Grid tr.OrderGridHeader th {border:none 0px #FFFFFF;}

table.Grid tr.Header	{background-color:#D6E8FF;}
table.Grid tr.Line		{background-color:#FFFFEE;}
table.Grid tr td.Binder	{background-color:#B9D7FD; width:0px; padding:0px; border-right: solid 1px #B9D7FD; border-top-color:White;}
table.Grid tr th.BinderHeader	{background-color:#D7EEFF; border-right: solid 1px #D7EEFF;}
*/
/* Pager */
/*
table.Grid tr.GridPager td { border: none; }
table.Grid tr.GridInner td { border: none; }
*/

/*Used when a grid is placed on a form*/
.FormGrid {
    width: 515px !important;
    margin-left: 15px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    border: 1px solid #ccc !important;
}

/* Form sub tables */
table.UserModules {
    padding: 0;
    border-spacing: 0;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
}

    table.UserModules td {
        padding: 3px;
        border-top: solid 1px #000;
        border-left: solid 1px #000;
    }

/* Top part, where the filter/search form is on the left, the context links are on the right. */
table.Wrap {
    border: 0;
    width: 825px;
    margin-top: 0;
    padding: 0;
    border-spacing: 0;
}

    table.Wrap tr td.frm {
        width: 558px;
        padding: 0px 0px 0px 0px;
        margin: 0px;
    }

    table.Wrap tr td.frmsm {
        width: 470px;
        padding: 0px 0px 0px 0px;
        margin: 0px;
    }

    table.Wrap tr td.ctxmnu {
        width: 267px;
        padding: 0px 0px 0px 0px;
        margin: 0px;
        text-align: right;
        position: relative;
    }


table.Filter {
    width: 100%;
    border: 0px;
    background-color: #e0f0ff;
    margin: 2px 0px 5px 0px;
    border: 1px solid #8af;
}


img.Icon {
    padding: 0px 10px 0px 2px;
}

div.ToDoBox {
    padding: 0px;
    width: 800px;
    border: 2px solid;
    border-style: solid;
    margin: 5px;
}

    div.ToDoBox div {
        padding: 5px;
    }

    div.ToDoBox h5 {
        padding: 5px;
        margin: 0px;
        border-bottom: solid 1px white;
    }

div.ToDoBox1 {
    background-color: #FFF2F2;
    border-color: #FFB2B2;
}

    div.ToDoBox1 h5 {
        background-color: #FFD8D8;
    }

div.ToDoBox2 {
    background-color: #FFF8F2;
    border-color: #FFD8B2;
}

    div.ToDoBox2 h5 {
        background-color: #FFEBD8;
    }

div.ToDoBox3 {
    background-color: #FFFFF2;
    border-color: #FFFFB2;
}

    div.ToDoBox3 h5 {
        background-color: #FFFFD8;
    }


div.ToDoBox4 {
    background-color: #F8FFF2;
    border-color: #D8FFB2;
}

    div.ToDoBox4 h5 {
        background-color: #EBFFD8;
    }

div.ToDoBox5 {
    background-color: #F2FFF2;
    border-color: #B2FFB2;
}

    div.ToDoBox5 h5 {
        background-color: #D8FFD8;
    }

div.ToDoBox6 {
    background-color: #F2FFF8;
    border-color: #B2FFD8;
}

    div.ToDoBox6 h5 {
        background-color: #D8FFEB;
    }


div.ToDoBox7 {
    background-color: #F2FFFF;
    border-color: #B2FFFF;
}

    div.ToDoBox7 h5 {
        background-color: #D8FFFF;
    }

div.ToDoBox8 {
    background-color: #F2F8FF;
    border-color: #B2D8FF;
}

    div.ToDoBox8 h5 {
        background-color: #D8EBFF;
    }

div.ToDoBox9 {
    background-color: #F2F2FF;
    border-color: #B2B2FF;
}

    div.ToDoBox9 h5 {
        background-color: #D8D8FF;
    }


div.ToDoBox10 {
    background-color: #F8F2FF;
    border-color: #D8B2FF;
}

    div.ToDoBox10 h5 {
        background-color: #D7B2FF;
    }

div.ToDoBox11 {
    background-color: #FFF2FF;
    border-color: #FFB2FF;
}

    div.ToDoBox11 h5 {
        background-color: #FFD8FF;
    }

div.ToDoBox12 {
    background-color: #FFF2F8;
    border-color: #FF7FBF;
}

    div.ToDoBox12 h5 {
        background-color: #FFD8EA;
    }


table.TODO {
}

tr.TODOHead {
    font-weight: bold;
}

    tr.TODOHead td.col1 {
        width: 150px;
    }

    tr.TODOHead td.col2 {
        width: 300px;
    }

    tr.TODOHead td.col3 {
        width: 100px;
    }

    tr.TODOHead td.col4 {
        width: 100px;
    }

    tr.TODOHead td.col5 {
        width: 100px;
    }

    tr.TODOHead td.col6 {
        width: 150px;
    }

    tr.TODOHead td.col7 {
        width: 50px;
    }

    tr.TODOHead td.col8 {
        width: 25px;
    }

    tr.TODOHead td.col9 {
        width: 182px;
    }

table.WMSTODO {
}

tr.WMSTODOHead {
    font-weight: bold;
}

    tr.WMSTODOHead td.WMScol1 {
        width: 250px;
    }

    tr.WMSTODOHead td.WMScol2 {
        width: 100px;
    }

    tr.WMSTODOHead td.WMScol3 {
        width: 200px;
    }

    tr.WMSTODOHead td.WMScol4 {
        width: 100px;
    }

table.Overview {
    width: 780px;
    margin: 10px 0px 10px 0px;
}

    table.Overview tr.OverviewHead {
        background-color: #E9F4FE;
        font-weight: bold;
    }

    table.Overview tr.Alt {
        background-color: #F4FAFE;
    }
    /* table.Overview tr			{background-repeat:no-repeat; background-image:url(../../Images/Rainbow/bg8.gif);}
table.Overview tr td		{background-color:Transparent;}*/
    table.Overview tr td.col1 {
        width: 120px;
    }

    table.Overview tr td.col2 {
        width: 90px;
    }

    table.Overview tr td.col3 {
        width: 90px;
    }

    table.Overview tr td.col4 {
        width: 90px;
    }

    table.Overview tr td.col5 {
        width: 240px;
    }

    table.Overview tr td.col6 {
        width: 150px;
        vertical-align: middle;
    }

    table.Overview tr td.col7 {
        width: 30px;
    }

    table.Overview tr.Alt td.col6 {
        background-color: White;
    }

div.ColumnRightAllign {
    text-align: right;
}
/*

0	30	100		FFB2B2			90	30	100		D8FFB2
0	15	100		FFD8D8			90	15	100		EBFFD8
0	5	100		FFF2F2			90	5	100		F8FFF2

30	30	100		FFD8B2			120	30	100		B2FFB2
30	15	100		FFEBD8			120	15	100		D8FFD8
30	5	100		FFF8F2			120	5	100		F2FFF2

60	30	100		FFFFB2			150	30	100		B2FFD8
60	15	100		FFFFD8			150	15	100		D8FFEB
60	5	100		FFFFF2			150	5	100		F2FFF8


180	30	100		B2FFFF			270	30	100		D7B2FF
180	15	100		D8FFFF			270	15	100		EBD8FF
180	5	100		F2FFFF			270	5	100		F8F2FF

210	30	100		B2D8FF			300	30	100		FFB2FF
210	15	100		D8EBFF			300	15	100		FFD8FF
210	5	100		F2F8FF			300	5	100		FFF2FF

240	30	100		B2B2FF			330	30	100		FF7FBF
240	15	100		D8D8FF			330	15	100		FFD8EA
240	5	100		F2F2FF			330	5	100		FFF2F8

*/

/*
div.ToDoBox4			{background-color:#FFF2D8; border-color: #FF9E30; }
div.ToDoBox4 h5			{background-color:#FFDD96; }

div.ToDoBox5			{background-color:#FFFFE0; border-color: #FFFF00; }
div.ToDoBox5 h5			{background-color:#FFFF89; }

div.ToDoBox6			{background-color:#FFF2FB; border-color: #FF3FC5; }
div.ToDoBox6 h5			{background-color:#FFE0F6; }

div.ToDoBox1			{background-color:#FFF2F2; border-color: #FFB2B2; }
div.ToDoBox1 h5			{background-color:#FFD8D8; }
*/




tr.hidden {
    display: none;
}

input.btn {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    background-color: #d6d6d6;
    height: 20px;
    width: 100px;
    color: #473B0B;
    /*border:		1px solid #473B0B;*/
    border: 1px solid #aaa;
    height: 24px;
    background: url(../../Images/Common/ButtonBgr.jpg);
    /* text-transform:uppercase; */
}

    input.btn:active {
        box-shadow: 1px -1px #999;
        transform: translate(-1px, 3px);
    }


input.btn-wide {
    width: 150px;
}

input.btnDisabled {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    background-color: #d6d6d6;
    height: 20px;
    width: 100px;
    color: #898997;
    /*border:		1px solid #473B0B;*/
    border: 1px solid #aaa;
    height: 24px;
    background: url(../../Images/Common/ButtonBgr.jpg);
    /* text-transform:uppercase; */
}

input.btnDel {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    background-color: #d6d6d6;
    height: 20px;
    width: 100px;
    color: #473B0B;
    border: 1px solid #aaa;
    height: 24px;
    background: url(../../Images/Common/ButtonBgrRed.jpg);
}

input.btnSmall {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    background-color: #d6d6d6;
    height: 20px;
    width: 30px;
    color: #473B0B;
    /*border:		1px solid #473B0B;*/
    border: 1px solid #aaa;
    height: 24px;
    background: url(../../Images/Common/ButtonBgr.jpg);
    /* text-transform:uppercase; */
}



button.btn {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    background-color: #d6d6d6;
    height: 20px;
    width: 100px;
    color: #473B0B;
    border: 1px solid #aaa;
    height: 24px;
    background: url(../../Images/Common/ButtonBgr.jpg);    
}

    button.btn:disabled {
        color: #898997;        
    }

    button.btn:active {
        box-shadow: 1px -1px #999;
        transform: translate(-1px, 3px);
    }

a.btn {
    display: block;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    background-color: #d6d6d6;
    height: 20px;
    width: 100px;
    color: #473B0B;
    /*border:		1px solid #473B0B;*/
    border: 1px solid #aaa;
    height: 21px;
    background: url(../../Images/Common/ButtonBgr.jpg);
    text-decoration: none;
    padding-top: 7px;
    text-align: center;
    /* text-transform:uppercase; */
}

input.mini {
    width: 25px;
}

.MaxOt {
    max-width: 500px;
    overflow: hidden;
}

/*
input.btnDel	{
	font-size:12px;
	font-weight:bold;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:5px;
	background-color:#F40;
	height:20px;
	width:100px;
	color:#473B0B;
	border-top:		1px solid #473B0B;
	border-left:	1px solid #473B0B;
	border-right:	1px solid #473B0B;
	border-bottom:	1px solid #473B0B;
	text-transform:uppercase;
}*/
div.collapseContainer {
    background: #eef;
    padding: 1px;
}

div.collapseBox {
    background: #fff;
    border: 1px solid #ccc;
    margin-top: 1px;
}

div.collapseMessage {
    background: #fafaf0;
    border: 1px solid #999;
    margin: 5px 0px 10px 0px;
    float: left;
    padding: 0px;
}

    div.collapseMessage p {
        padding: 10px;
        margin: 0px;
    }

span.collapseMessageButton {
    float: right;
    display: block;
    background: #cfc;
    padding: 10px 20px 10px 20px;
    border: 0;
}

    span.collapseMessageButton:hover {
        background: #ffc;
        color: black;
    }

span.warning {
    color: Red;
}

span.success {
    color: #008000;
}

span.message {
    color: #008000;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
}

.note {
    color: #009900;
}

img.help {
    margin: 1px;
    margin-top: 5px;
    background-color: #E1F7FF;
    border-width: 2px;
    border-color: #E1F7FF;
    border-style: outset;
}


div.tooltipText {
    background: #eee;
    padding: 2px;
    border: 1px dashed #ccc;
}

div.tooltipPopup {
    background: #ffc;
    padding: 2px;
    border: 1px solid #666;
}

span.tooltipText {
    background: #eee;
    padding: 2px;
    border: 1px dashed #ccc;
}

span.tooltipPopup {
    background: #ffc;
    padding: 2px;
    border: 1px solid #666;
}

.subtitle {
    background: #ddf;
    padding: 4px;
}

.required {
    border: 1px solid #f66;
}

.textbox {
    border: 1px solid #666;
}

.ROtextbox {
    border: 1px solid #ccc;
    background: #f0f0f0;
}

.textboxInCell {
    border: 0;
    margin: 0;
    background: #eee;
    width: 100%;
}

.noyet {
    margin-top: 100px;
    color: #933;
    font-size: 9pt;
}


.AirportList {
    padding: 1px;
}


    .AirportList A, .AirportList A:visited {
        text-decoration: none;
        color: #000;
        background: #cef;
        padding: 2px 5px 2px 5px;
        font-size: 11pt;
    }

        .AirportList A:hover, .AirportList A.selected {
            color: #fff;
            background: #59e;
        }

.warning {
    color: #f42;
}

.infomessage {
    color: #666;
}


.gridReplaceMessage {
    display: block;
    background: #eee;
    border: 1px solid #ddd;
    padding: 5px 10px 5px 10px;
    margin-bottom: 5px;
}

.gridHead {
    background: #ffc;
    font-weight: bold;
}


.gridGroupAlt {
    background: #F4FAFE;
}


.gridHead TD {
    border-bottom: 1px solid #000;
    padding-top: 7px;
    color: #431;
}

.gridClass {
    border: 1px solid #ccc;
}

    .gridClass TD {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

.tempStyle TD {
    background: #ffd;
    font-weight: bold;
    padding-top: 4px;
    border-bottom: 1px solid #420;
}

.sales, .sales table {
    font-size: 9pt;
}

.label {
    background: #ffc;
}

.errLbl {
    color: red;
}

.successLbl {
    color: green;
}



.collapseContainer {
    background: #eef;
    padding: 1px;
}

.collapseBox {
    background: #fff;
    border: 1px solid #ccc;
    margin-top: 1px;
}

.spanButton:hover {
    background: #00f;
    color: #fff;
}

.spanButton {
    display: inline;
    background: #cef;
    color: #000;
    cursor: pointer;
    padding: 3px 8px 3px 8px;
    margin: 0px 3px 0px 3px;
}

.spanButtonSelected {
    display: inline;
    background: #59e;
    color: #fff;
    cursor: pointer;
    padding: 3px 8px 3px 8px;
    margin: 0px 3px 0px 3px;
}

.collapseMessage {
    background: #fafaf0;
    border: 1px solid #999;
    margin: 5px 0px 10px 0px;
    float: left;
    padding: 0px;
}

    .collapseMessage p {
        padding: 10px;
        margin: 0px;
    }

.collapseMessageButton {
    float: right;
    display: block;
    background: #efa;
    padding: 10px 20px 10px 20px;
    border: 1px solid #fff;
}

    .collapseMessageButton:hover {
        background: #af5;
    }

.greyedText {
    color: #999;
}

.normalText {
    color: #000;
}

.noteText {
    color: #999;
    font-style: italic;
}

.MenuTitle {
    font-size: 14pt;
}

.statusActive {
    display: inline;
    color: #359C35;
}

.statusInactive {
    display: inline;
    color: #F7A01B;
}

.textinput {
    border: 1px solid #000;
}

/* see App/CatAdmin/Catalog breadcrumb */
.horizontalTextList {
    font-weight: bold;
    font-size: larger;
}

.InsetTab {
    margin: 0 0 0 10px;
}

.nicetxtbox {
    border: 1px solid #ccc;
    padding: 3px 5px 3px 5px;
    width: 300px;
}

.LinksList {
    list-style-type: circle;
}


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

.colorCheck li {
    float: left;
    width: 255px;
    line-height: 18px;
    padding: 0;
    margin: 0 5px 5px 0;
    border: 1px solid #ccc;
    height: 28px;
    overflow: hidden;
    background: #fff;
}

    .colorCheck li.selected {
        background: #00AEEF;
        color: #fff;
    }

/*
h2.Bar			{height:20px; text-indent:10px; cursor: pointer; padding-top:3px; padding-bottom:10px; font-size:14px; }
h2.Collapsed	{background: url(../../../Images/Common/MenuIcons/tableheader_arrowdown.gif) right top; }
h2.Expanded		{background: url(../../../Images/Common/MenuIcons/tableheader_arrowup.gif) right top; }
*/

h2.Bar {
    font-size: 140%;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    background-color: #B6D8FD;
    width: 825px;
    border-bottom: 1px solid #6F9DD9;
    text-indent: 10px;
    cursor: pointer;
    padding-bottom: 4px;
}

h2.Bar2 {
    font-size: 140%;
    padding: 0px;
    margin: 5px 0px 0px 0px;
    background-color: #B6D8FD;
    width: 100%;
    border-bottom: 1px solid #6F9DD9;
    text-indent: 10px;
    cursor: pointer;
    padding-bottom: 4px;
}

h2.Bar img.H2 {
    position: relative;
    top: 4px;
    padding-top: 0px;
    padding-bottom: 0px
}

h2.Collapsed {
    background: url(../../Images/Common/TableHeader_ArrowDown.gif) right top;
}

h2.Expanded {
    background: url(../../Images/Common/TableHeader_ArrowUp.gif) right top;
}

div.Container {
    border: solid 1px #6F9DD9;
    border-top-width: 1px;
    width: 823px;
}
/*the box beneath the collapsible h2 bar. We could define borders, bgcolor, etc*/

h2.Head {
    font-size: 140%;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    background-color: #B6D8FD;
    width: 825px;
    border-bottom: 1px solid #6F9DD9;
    text-indent: 10px;
    padding-bottom: 4px;
}

    h2.Head img.H2 {
        position: relative;
        top: 4px;
        padding-top: 0px;
        padding-bottom: 0px
    }


/*
table.CtxMenu					{border:solid 1px #B6D8FD; }
table.CtxMenu tr				{cursor: pointer;}
table.CtxMenu tr td.Icon		{background-image:url(../../Images/Common/Menu/CtxMnuLeftBg.gif); background-repeat:repeat-y; height:30px; width:40px; vertical-align:middle; text-align:center;}
table.CtxMenu tr td.Text		{height:30px; width:100%; vertical-align:middle; text-align:left; text-indent:10px; background-color:#F9F8F7; font-size:14px;}
table.CtxMenu tr td.IconSep		{background-image:url(../../Images/Common/Menu/CtxMnuLeftBg.gif); background-repeat:repeat-y; height:4px; width:40px; vertical-align:middle; text-align:center;}
table.CtxMenu tr td.TextSep		{height:4px; width:100%; vertical-align:middle; text-align:left; text-indent:20px; background-color:#F9F8F7; background-image:url(../../Images/Common/Menu/CtxMnuRightSeparatorBg.gif); background-position:left;}
table.CtxMenu tr.Hover			{background-color:#B8D9FD;}
table.CtxMenu tr.Hover td.Icon	{background-color:#B8D9FD;  background-image:url(../../Images/Common/Menu/CtxMnuHoverLeftBg.gif);}
table.CtxMenu tr.Hover td.Text	{background-color:#B8D9FD;  background-image:url(../../Images/Common/Menu/CtxMnuHoverBg.gif);}
table.CtxMenu tr.Disabled td	{color:#cccccc;}

div.CtxMenu							{border:solid 1px #B6D8FD; }
div.CtxMenu div						{border:none 0px #B6D8FD; cursor: pointer; margin:0px;}
div.CtxMenu div span.Icon			{background-image:url(../../Images/Common/Menu/CtxMnuLeftBg.gif); background-repeat:repeat-y; height:30px; width:40px; vertical-align:middle; text-align:center; }
div.CtxMenu div span.Text			{height:30px; width:100%; vertical-align:middle; text-align:left; text-indent:10px; background-color:#F9F8F7; font-size:14px;}
div.CtxMenu div span.IconSep		{background-image:url(../../Images/Common/Menu/CtxMnuLeftBg.gif); background-repeat:repeat-y; height:4px; width:40px; vertical-align:middle; text-align:center;}
div.CtxMenu div span.TextSep		{height:4px; width:100%; vertical-align:middle; text-align:left; text-indent:20px; background-color:#F9F8F7; background-image:url(../../Images/Common/Menu/CtxMnuRightSeparatorBg.gif); background-position:left;}
div.CtxMenu div.Hover				{background-color:#B8D9FD;}
div.CtxMenu div.Hover span.Icon		{background-color:#B8D9FD;  background-image:url(../../Images/Common/Menu/CtxMnuHoverLeftBg.gif);}
div.CtxMenu div.Hover span.Text		{background-color:#B8D9FD;  background-image:url(../../Images/Common/Menu/CtxMnuHoverBg.gif);}
div.CtxMenu div.Disabled span		{color:#cccccc;}
*/

div.CtxMenu {
    border: solid 1px #B6D8FD;
    width: 265px;
    display: block;
    padding: 0px;
    margin: 0px;
}

    div.CtxMenu a {
        padding: 0px;
        margin: 0px;
    }

span.CtxMenuItem {
    background-image: url(../../Images/Common/Menu/CtxMnuBg.gif);
    background-repeat: no-repeat;
    height: 30px;
    width: 235px;
    vertical-align: middle;
    text-align: left;
    padding: 0px 0px 0px 30px;
    display: block;
    margin: 0px;
    cursor: pointer;
    text-decoration: none;
}
/*TODO*/
span.Hover {
    background-image: url(../../Images/Common/Menu/CtxMnuBgHover.gif);
}
/*
*/
span.Disabled {
    color: #cccccc;
    cursor: default;
}

span.CtxMenuItem img.MenuIcon {
    position: relative;
    left: -22px;
    top: 5px;
    border: none 0px white;
}
/* not clickable :( */
span.CtxMenuSeparator {
    background-image: url(../../Images/Common/Menu/CtxMnuSeparator.gif);
    background-repeat: no-repeat;
    height: 4px;
    width: 265px;
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

div.NextStatusButton {
    border: solid 1px #B6D8FD;
    padding: 2px;
    width: 120px;
    cursor: pointer;
}

    div.NextStatusButton img {
        padding-right: 5px;
    }

a.NextStatusButton {
    text-decoration: none;
    background-color: #eeeeee;
}
    /* firefox doesn't like it... */
    a.NextStatusButton:hover {
        text-decoration: none;
        background-color: #e0e0e0;
    }
    /* firefox doesn't like it... */
    a.NextStatusButton span.NextStatusLabel {
        padding: 3px 2px 3px 0px;
        position: absolute;
    }
/* link becomes funny */


.ToggleGridItemEnabled {
    text-decoration: none;
    color: #0f0;
}

.ToggleGridItemDisabled {
    text-decoration: none;
    color: #f00;
}

div.HintBox {
    color: #444;
    border: solid 1px #999;
    background-color: #f9f8f7;
    width: 255px;
    display: block;
    padding: 0;
    margin: 8px 0 0 0;
    text-align: left;
    position: absolute;
    bottom: 0;
}

    div.HintBox div.HintBody {
        padding: 5px;
        display: none;
    }

    div.HintBox div.HintCorner {
        padding: 0;
        text-align: right;
    }

        div.HintBox div.HintCorner strong {
            display: block;
            text-align: center;
            background-color: #999;
            color: #eee;
        }

/*Notes Module begin*/

.commentNormal {
    background-color: #ececec;
    width: 700px;
    padding: 10px;
}

.commentImportant {
    background-color: #FFC0CB;
    width: 700px;
    padding: 10px;
}

.commentSolution {
    background-color: #bdef79;
    width: 700px;
    padding: 10px;
}

.commentFooterNormal {
    background: url(../../Images/Issues/arrow_normal.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
    padding-left: 58px;
    width: 700px;
    padding-top: 1px;
    margin-bottom: 2em;
    font-size: 90%;
    color: #4A4A4A;
}

.commentFooterImportant {
    background: url(../../Images/Issues/arrow_important.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
    padding-left: 58px;
    width: 700px;
    padding-top: 1px;
    margin-bottom: 2em;
    font-size: 90%;
    color: #4A4A4A;
}

.commentFooterSolution {
    background: url(../../Images/Issues/arrow_solution.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
    padding-left: 58px;
    width: 700px;
    padding-top: 1px;
    margin-bottom: 2em;
    font-size: 90%;
    color: #4A4A4A;
}

.commentAdd {
    border: 1px solid #ccc;
}

div.NoteBoxtab {
    background: url(../../Images/Note/tab.gif) no-repeat;
    width: 80px;
    margin-top: 10px;
}

table.NoteBoxStyle {
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 3px;
}

    table.NoteBoxStyle tr td {
    }

        table.NoteBoxStyle tr td.title {
            border-bottom: 1px solid #ccc;
            background: #f7f7f7;
        }

        table.NoteBoxStyle tr td.titleHighlighted {
            border-bottom: 1px solid #ccc;
            background: #FFFFDD;
        }

        table.NoteBoxStyle tr td.header {
            border-bottom: 0px solid #ccc;
            background: #f7f7f7;
            width: 80px;
        }

        table.NoteBoxStyle tr td.btn {
            border-bottom: 0px solid #ccc;
            background: #D7EEFF;
            width: 120px;
        }

        table.NoteBoxStyle tr td.btnHighlighted {
            border-bottom: 0px solid #ccc;
            background: #FFFFDD;
            width: 120px;
        }

        table.NoteBoxStyle tr td.control {
            border-bottom: 0px solid #ccc;
            width: 250px;
        }

table.NoteBoxAlternateStyle {
    background-color: #F4FAFE;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 3px;
}

    table.NoteBoxAlternateStyle tr td {
    }

        table.NoteBoxAlternateStyle tr td.title {
            border-bottom: 1px solid #ccc;
            background: #D7EEFF;
        }

        table.NoteBoxAlternateStyle tr td.header {
            border-bottom: 0px solid #ccc;
            background: #D7EEFF;
            width: 80px;
        }

        table.NoteBoxAlternateStyle tr td.btn {
            border-bottom: 0px solid #ccc;
            background: #D7EEFF;
            width: 100px;
        }

        table.NoteBoxAlternateStyle tr td.control {
            border-bottom: 0px solid #ccc;
            width: 250px;
        }


/*Notes Module end*/



table.EposSettingboxStyle {
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 3px;
}

    table.EposSettingboxStyle tr td {
        height: 16px;
    }

    table.EposSettingboxStyle tr.RowHighlighted {
        font-weight: bold;
    }

    table.EposSettingboxStyle tr td.title {
        border-bottom: 1px solid #ccc;
        background: #f7f7f7;
    }

    table.EposSettingboxStyle tr td.subtitle {
        border-bottom: 1px solid #CCCCCC;
        background: #FFFFFF
    }

    table.EposSettingboxStyle tr td.titleHighlighted {
        border-bottom: 1px solid #ccc;
        background: #FFFFDD;
    }

    table.EposSettingboxStyle tr td.header {
        border-bottom: 1px solid #ccc;
        background: #D7EEFF;
        font-weight: bold;
    }

    table.EposSettingboxStyle tr td.btn {
        border-bottom: 1px solid #ccc;
        background: #D7EEFF;
    }

    table.EposSettingboxStyle tr td.btnHighlighted {
        border-bottom: 1px solid #ccc;
        background: #FFFFDD;
    }

    table.EposSettingboxStyle tr td.control {
        border-bottom: 0px solid #ccc;
    }

    table.EposSettingboxStyle tr td.groupheader {
        background: steelblue;
        color: White;
        border-bottom: 1px solid #ccc;
        padding: 4px;
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    table.EposSettingboxStyle tr.header td {
        border-bottom: 1px solid #ccc;
        background: #D7EEFF;
        font-weight: bold;
    }

    table.EposSettingboxStyle tr.groupheader td {
        background: steelblue;
        color: White;
        border-bottom: 1px solid #ccc;
        padding: 4px;
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: bold;
    }



table.EposLodgementStyle {
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 3px;
    width: 240px;
}

    table.EposLodgementStyle tr td {
    }

        table.EposLodgementStyle tr td.title {
            border-bottom: 1px solid #ccc;
            background: #f7f7f7;
        }

        table.EposLodgementStyle tr td.titleHighlighted {
            border-bottom: 1px solid #ccc;
            background: #FFFFDD;
        }

        table.EposLodgementStyle tr td.header {
            border-bottom: 0px solid #ccc;
            background: #D7EEFF;
        }

        table.EposLodgementStyle tr td.btn {
            border-bottom: 0px solid #ccc;
            background: #D7EEFF;
        }

        table.EposLodgementStyle tr td.btnHighlighted {
            border-bottom: 0px solid #ccc;
            background: #FFFFDD;
        }

        table.EposLodgementStyle tr td.control {
            border-bottom: 0px solid #ccc;
        }

.ticketLbl {
    background: #ddd;
    width: 300px;
}

.ticketVal {
    border-bottom: 1px solid #ccc;
    width: 300px;
}

.ticketHead {
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
}

.ticketHeaderTitle {
    padding: 5px 2px 2px 2px;
    border-bottom: 1px solid #7ad;
    background: #ddd;
}


input.btnEdit {
    font-family: Arial;
    font-weight: bold;
    float: right;
    display: inline-table;
    height: 20px;
    background-color: #BBDDEE;
    /*border:		1px solid #473B0B;*/
    border: 1px solid #000;
    /* text-transform:uppercase; */
}

input.txtDate {
    width: 115px;
}

.WastageCell {
    text-align: right;
    vertical-align: bottom;
    background-color: #FFFFFF;
    width: 80px;
    height: 50px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: x-small;
    border-top: 2px solid #ECE9D8;
    border-right: 2px solid #ECE9D8;
    padding: 4px 3px 2px 0px;
}

.WastageCellAlternate {
    text-align: right;
    vertical-align: bottom;
    background-color: #F4FAFE;
    width: 80px;
    height: 50px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: x-small;
    border-top: 2px solid #ECE9D8;
    border-right: 2px solid #ECE9D8;
    padding: 4px 3px 2px 0px;
}

.WastageProductCell {
    text-align: left;
    background-color: #FFFFFF;
    width: 200px;
    height: 50px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: x-small;
    border-top: 2px solid #ECE9D8;
    border-right: 2px solid #ECE9D8;
    padding: 4px 3px 2px 0px;
}

.WastageProductCellAlternate {
    text-align: left;
    background-color: #F4FAFE;
    width: 200px;
    height: 50px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: x-small;
    border-top: 2px solid #ECE9D8;
    border-right: 2px solid #ECE9D8;
    padding: 4px 3px 2px 0px;
}

.WastageColumnHeader {
    position: absolute;
    text-align: center;
    vertical-align: bottom;
    background-color: #D7EEFF;
    width: 83px;
    height: 25px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: x-small;
    font-weight: bold;
    border-right: 2px solid #ECE9D8;
}

.WastageError {
    background-color: #FF6F60;
}

.WastageCorrect {
    background-color: White;
}

.WastageDisabled {
    background-color: Silver;
}


/* used in product names stored in the database. If modified, modify it in the email template as well!! (BLL.vOMS.EmailRender...) */
span.ProdEmp {
    color: #CC1111;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
}

span.ProdEmp2 {
    color: #11CC11;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
}

#dek {
    POSITION: absolute;
    VISIBILITY: hidden;
    Z-INDEX: 200;
}


select.category {
    font-family: Courier New;
    font-size: 14px;
}

    select.category option.lev0 {
        background-color: #FFFF49;
        color: Black;
    }

    select.category option.lev1 {
        background-color: #FFE149;
        color: Black;
    }

    select.category option.lev2 {
        background-color: #FFC349;
        color: Black;
    }

    select.category option.lev3 {
        background-color: #FFA549;
        color: Black;
    }

    select.category option.lev4 {
        background-color: #FF8749;
        color: Black;
    }

    select.category option.lev5 {
        background-color: #FF6949;
        color: Black;
    }

    select.category option.lev6 {
        background-color: #FF4B49;
        color: Black;
    }


/************************************************************************************************************/
/* Start of PPC Styles																						*/

/* used to format the images */
table.ppcImage tr td a img {
    border: none 0px White;
}

table.ppcImage tr td {
    background-color: Transparent;
    text-align: center;
    vertical-align: middle;
}

.ppcLrgImg {
    border: solid 1px #3399ff;
    height: 500px;
    width: 500px;
}

.ppcMidImg {
    border: solid 1px #3399ff;
    height: 200px;
    width: 200px;
}

.ppcSmlImg {
    border: solid 1px #3399ff;
    height: 80px;
    width: 80px;
}

/* End of PPC Styles																						*/
/************************************************************************************************************/

.theirsdiv.LessonMenu {
    font-size: 18px;
    border: solid 1px #B6D8FD;
    width: 810px;
    display: block;
    padding: 4px;
    margin: 4px;
}

div.LessonMenu a {
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    width: 810px;
    display: block;
}

    div.LessonMenu a:hover {
        font-size: 18px;
        text-decoration: none;
        padding: 0px;
        margin: 0px;
        width: 810px;
        display: block;
    }

/************************************************************************************************************/
/* Start of Packing Plan Styles																				*/

.PackingRepeaterBox {
    width: 508px;
    height: 50px;
    border: solid 1px #9bd;
    margin-top: 7px;
    padding: 5px;
    background-color: #e9f4fe;
}

    .PackingRepeaterBox div {
        float: left;
        width: 35px;
        height: 50px;
        /*border: solid 1px;*/
    }

        .PackingRepeaterBox div#PackingRepeaterDetails {
            width: 250px;
        }

        .PackingRepeaterBox div#PackingRepeaterItems {
            padding-top: 6px;
            width: 170px;
            height: 40px;
        }

        .PackingRepeaterBox div#PackingRepeaterQuantity {
            text-align: right;
        }

.PackingRepeaterTitle {
    font-size: 12pt;
    color: #3399ff;
}

.PackingRepeaterTextRed {
    color: Red;
}

.PackingRepeaterName {
    font-size: 10pt;
    font-weight: bold;
}

.PackingRepeaterQuantityText {
    font-size: 26pt;
    color: #3399ff;
}

/* End of Packing Plan Styles																				*/
/************************************************************************************************************/


/************************************************************************************************************/
/* Start of Packing Plan Styles																				*/
div.sealBlue {
    float: left;
    text-align: right;
    font-weight: bold;
    color: #00f;
}

div.sealYellow {
    float: left;
    text-align: right;
    font-weight: bold;
    color: Orange;
}

div.sealGreen {
    float: left;
    text-align: right;
    font-weight: bold;
    color: Teal;
}

div.sealRed {
    float: left;
    text-align: right;
    font-weight: bold;
    color: #f00;
}

div.sealWhite {
    float: left;
    text-align: right;
    font-weight: bold;
    color: #bbb;
}
/* End of PCK Styles																				*/
/************************************************************************************************************/

/************************************************************************************************************/
/* Start of Epos Device Log Viewer Styles */

span.FatalFlag {
    background-color: #FF0080;
    font-weight: bold;
}

span.ErrorFlag {
    color: #FF0000;
    font-weight: bold;
}

span.WarningFlag {
    color: #FF6600;
    font-weight: bold;
}

span.InfoFlag {
    color: #333399;
}

span.LogStrong {
    color: Olive;
    font-weight: bold;
}

p.logBodyText {
    padding-left: 5px;
}

div.logHeading {
    background-color: #CCCCCC;
    padding: 5px 2px 2px 2px;
    border-bottom: 1px solid #000;
    font-weight: bold;
}

div.logBody {
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
}



table.LogHead {
    padding: 0px;
    margin: 0px 0px 5px 0px;
    width: 100%;
    background-color: #e9f4fe;
    border: 1px solid #9bd;
}

    table.LogHead tr td {
    }

        table.LogHead tr td.SectionHead {
            padding-left: 25px;
            padding-right: 25px;
            font-size: 14px;
            font-weight: bold;
        }

        table.LogHead tr td.frmhead {
            font-weight: bold;
            font-size: 18px;
            padding-bottom: 15px;
        }

        table.LogHead tr td.lbl {
            padding: 4px;
            text-align: right;
        }

        table.LogHead tr td.lblLeft {
            width: 180px;
            padding: 4px;
            text-align: left;
        }

        table.LogHead tr td.ctr {
            width: 370px;
            padding: 4px;
        }

            table.LogHead tr td.ctr select {
                width: 350px;
            }

        table.LogHead tr td.btn {
            text-align: right;
            height: 30px;
            vertical-align: middle;
            padding-right: 10px;
            padding-left: 10px;
        }

    table.LogHead tr.btn {
        text-align: right;
        height: 30px;
        vertical-align: middle;
    }

    table.LogHead tr td.incentive {
        height: 30px;
        vertical-align: middle;
    }

    table.LogHead tr td.heading {
        padding: 5px 2px 2px 2px;
        border-bottom: 1px solid #7ad;
        font-weight: bold;
        background: #d6e8ff;
    }


/* End of Epos Device Log Viewer Styles																		*/
/************************************************************************************************************/

/* Start Epos Filters Table style                                                                                 */
/******************************************************************************************************************/

table.EposFilter {
    background-color: #F0F8FF;
    width: 100%;
    border: 1px solid #BCDEF9;
}

table.EposFilterCashBook {
    background-color: #F0F8FF;
    width: 1550px;
    border: 1px solid #BCDEF9;
}


/******************************************************************************************************************/
/* End Epos Filters Table style                                                                                   */

/* Start vPreo Filters Table style                                                                                 */
/******************************************************************************************************************/

table.vPreoFilter {
    background-color: #F0F8FF;
    width: 100%;
    border: 1px solid #BCDEF9;
}

table.vPreoFilterCashBook {
    background-color: #F0F8FF;
    width: 1550px;
    border: 1px solid #BCDEF9;
}


/******************************************************************************************************************/
/* End vPreo Filters Table style                                                                                   */


/* AJAX Auto Complete Extender */

.CompletionList {
    visibility: hidden;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px;
    background-color: inherit;
    color: windowtext;
    border: 1px solid #7ad;
    cursor: default;
    overflow: auto;
    text-align: left;
    list-style-type: none;
}

.Wide {
    min-width: 300px;
}

.CompletionListItem {
    font-weight: normal;
    background-color: #fafafa;
    padding: 0px 2px 4px 2px;
}

.CompletionListtHighlitedItems {
    font-weight: normal; /* bold; */
    background-color: #ededed;
    padding: 0px 2px 4px 2px;
}



table.GridSmall {
    margin: 0px;
    width: 545px;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
}

    table.GridSmall tr.GridAlt {
        background-color: #F4FAFE;
    }

    table.GridSmall tr.GridHeader {
        height: 20px;
    }

        table.GridSmall tr.GridHeader td {
            background: #D7EEFF;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #7ad;
            font-weight: bold;
            padding-bottom: 10px;
        }

    table.GridSmall th {
        background: #D7EEFF;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #7ad;
        font-weight: bold;
        text-align: left;
    }


div.ajax__calendar_days table tr td {
    border: none;
    padding: 0;
    margin: 0;
}

/* Sitemap */
.mapSection {
    color: #aaa;
}

.mapInactive {
    color: #c00;
}


table.Container {
    margin: 0px 10px 20px 0px;
    width: 350px;
    border-collapse: collapse;
    padding: 50px;
}

    table.Container td#Standard {
        vertical-align: middle;
        width: 30px;
        text-align: center;
    }

    table.Container td#SubContainer {
        vertical-align: middle;
        width: 230px;
        height: 50px;
        background-color: #ccc;
        border: 1px solid;
        padding: 10px;
    }

/* Enhanced List View */
li.ListViewListElement {
    list-style-type: none;
    margin: 0px;
}

div.ListViewListItem, div.ListViewListItemC {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 20px;
    padding: 3px;
}

div.ListViewListAlternateItem {
    background-color: #f4fafe;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 20px;
    padding: 3px;
}

div.ListViewListHead {
    background-color: #d7eeff;
    height: 20px;
    padding: 3px;
    color: #000;
    border-top: solid 1px #000;
    border-bottom: solid 1px #7ad;
    font-weight: bold;
}

div.ListViewListPre {
    float: left;
    width: 1px;
    height: 26px;
    background-color: #ccc;
}

div.ListViewListHeadPre {
    float: left;
    width: 1px;
    height: 26px;
    background-color: #000;
}

div.InstrTabHead {
    background-color: #eee;
    border: solid 1px #999;
    width: 390px;
    height: 20px;
    padding: 2px 10px 0px 10px;
    margin: 6px 4px 0px 4px;
}

div.InstrTab {
    border-right: dotted 1px #666;
    border-bottom: dotted 1px #666;
    border-left: dotted 1px #666;
    background-color: #fafafa;
    width: 390px;
    padding: 10px;
    margin: 0px 4px 0px 4px;
}

/* Context Menu */
div.ContextMenuHover {
    background-color: #fff;
    width: 150px;
    min-height: 60px;
    border: solid 1px #333;
    font-size: 1.2em;
}

    div.ContextMenuHover a:link, div.ContextMenuHover a:active, div.ContextMenuHover a:visited {
        display: block;
        width: 138px;
        height: 16px;
        overflow: hidden;
        font-size: 0.8em;
        color: #000;
        text-decoration: none;
        background-color: #fff;
        padding: 1px 5px 1px 7px;
    }

    div.ContextMenuHover a:hover {
        display: block;
        width: 138px;
        height: 16px;
        font-size: 0.8em;
        color: #000;
        text-decoration: none;
        background-color: #d7eeff;
        padding: 1px 5px 1px 7px;
    }

div.ContextMenuHover2 {
    background-color: #fff;
    width: 162px;
    min-height: 60px;
    border: solid 1px #333;
    font-size: 1.2em;
}

    div.ContextMenuHover2 a:link, div.ContextMenuHover a:active, div.ContextMenuHover a:visited {
        display: block;
        width: 150px;
        height: 16px;
        overflow: hidden;
        font-size: 0.8em;
        color: #000;
        text-decoration: none;
        background-color: #fff;
        padding: 1px 5px 1px 7px;
    }

    div.ContextMenuHover2 a:hover {
        display: block;
        width: 150px;
        height: 16px;
        font-size: 0.8em;
        color: #000;
        text-decoration: none;
        background-color: #d7eeff;
        padding: 1px 5px 1px 7px;
    }

div.ContextMenuHover a.disabled {
    display: block;
    width: 138px;
    height: 16px;
    font-size: 0.8em;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    padding: 1px 5px 1px 7px;
}

div.ContextText {
    float: left;
}

div.ContextTextWithSeparator {
    float: left;
    border-left: solid 1px #999;
    padding-left: 5px;
}

div.ContextTextWith {
    float: left;
    padding-left: 6px;
}

div.Test {
    background-color: Lime;
}

div.ContextLink, span.ContextLink {
    background-color: #d7eeff;
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    text-align: center;
    margin-right: 3px;
}

.block {
    display: block;
}

.pointer {
    cursor: pointer;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.clear {
    clear: both;
}

table.TcHeader {
    border: solid 1px #9bd;
    padding: 0;
    width: 800px;
    background-color: #e9f4fe;
}

table.TcOne {
    border: none;
    width: 365px;
}

    table.TcOne td {
        border: none;
    }

        table.TcOne td.lbl {
            text-align: right;
            margin-right: 5px;
        }

        table.TcOne td.ctr {
            text-align: left;
            margin-left: 5px;
        }

    table.TcOne th {
        font-weight: bold;
        border: none;
    }

/* Modal window skins */

div.ModalWindow {
    min-width: 450px;
    min-height: 500px;
    border: solid 2px #00f;
}

.ModalWindowBG {
    background-color: #808080;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

div.ModalWindowHeader {
    background-color: #fff;
}

.ModalButton {
    display: block;
    border: solid 1px #333;
    background-color: #bbb;
    height: 14px;
    padding: 2px 6px 1px 6px;
}

.CalendarWidth {
    width: 135px;
}

.BreakWord {
    word-wrap: break-word;
}

table.ModalForm {
    padding: 0px;
    margin: 0px 0px 5px 0px;
    width: 550px;
    background-color: #e9f4fe;
    border: 1px solid #9bd;
}

    table.ModalForm tr td {
    }

        table.ModalForm tr td.SectionHead {
            padding-left: 25px;
            padding-right: 25px;
            font-size: 14px;
            font-weight: bold;
        }

        table.ModalForm tr td.frmhead {
            font-weight: bold;
            font-size: 18px;
            padding-bottom: 15px;
        }

        table.ModalForm tr td.lbl {
            padding: 6px 4px 4px 4px;
            text-align: right;
        }

        table.ModalForm tr td.mid {
            vertical-align: middle;
        }

        table.ModalForm tr td.lblLeft {
            width: 180px;
            padding: 8px 4px 4px 4px;
            text-align: left;
        }

        table.ModalForm tr td.lblValue {
            padding: 6px 4px 4px 4px;
            margin: 4px;
            text-align: left;
            border: none;
            min-width: 300px;
        }

        table.ModalForm tr td.ctr {
            width: 370px;
            padding: 4px;
        }

            table.ModalForm tr td.ctr select {
                width: 350px;
            }

                table.ModalForm tr td.ctr select.mini {
                    width: 45px;
                }

        table.ModalForm tr td.btn {
            text-align: right;
            height: 30px;
            vertical-align: middle;
            padding-right: 10px;
            padding-left: 10px;
        }

        table.ModalForm tr td.btnBtm {
            text-align: right;
            height: 30px;
            vertical-align: bottom;
            padding-right: 10px;
            padding-left: 10px;
        }

    table.ModalForm tr.btn {
        text-align: right;
        height: 30px;
        vertical-align: middle;
    }

    table.ModalForm tr td.incentive {
        height: 30px;
        vertical-align: middle;
    }

    table.ModalForm tr td.heading {
        padding: 5px 2px 2px 2px;
        border-bottom: 1px solid #7ad;
        font-weight: bold;
        background: #d6e8ff;
    }

    table.ModalForm tr td table {
        border: none;
    }

        table.ModalForm tr td table tr td {
        }

        table.ModalForm tr td table td.lbl {
            padding: 8px 4px 4px 4px;
            text-align: right;
        }

        table.ModalForm tr td table td.ctr {
            width: 370px;
            padding: 4px;
        }

    table.ModalForm tr td input[type="text"]:disabled {
        background: #dadada;
    }

table.SectorList {
    background-color: #eee;
    border: solid 1px #333;
}

    table.SectorList tr {
        background-color: #eee;
        border: solid 1px #333;
    }

        table.SectorList tr td {
            background-color: #eee;
            border: solid 1px #333;
        }

        table.SectorList tr th {
            background-color: #aaa;
            border: solid 1px #333;
        }

div.FlashingMessage {
    width: 300px;
    height: 17px;
    background-color: #ffc272;
    border: 1px solid #9bd;
    margin: 10px;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    z-index: 10;
    display: none;
}

/* Start Special Offers Table style                                                                               */
/******************************************************************************************************************/

table.outerTable {
    border-collapse: collapse;
}

    table.outerTable tr.tableRow {
        text-align: center
    }

    table.outerTable tr td.tableChkStyle {
        vertical-align: middle;
        text-align: center;
    }

    table.outerTable tr th.tableHdStyle {
        border-style: solid;
        border-width: thin;
        border-color: #969696;
    }

    table.outerTable tr td.tableDataStyle {
        vertical-align: middle;
        border-style: solid;
        border-width: thin;
        border-color: #969696;
    }

    table.outerTable tr td.tableInCellStyle {
        padding: 0px;
        border-style: solid;
        border-width: thin;
        border-color: #969696;
    }

    table.outerTable tr td table.innerTable {
        border-collapse: collapse;
        border-style: hidden;
    }

        table.outerTable tr td table.innerTable tr.innerTableRow {
            border-style: solid;
            border-width: thin;
            border-color: #969696;
        }

        table.outerTable tr td table.innerTable tr td.innerTableDataStyle {
            border-style: solid;
            border-width: thin;
            border-color: #969696;
        }

/******************************************************************************************************************/
/* End Special Offers Table style                                                                                 */

/* Start Vertical text */
.verticalHolder {
    background-color: Teal;
    width: 20px;
    height: 10px;
    text-align: left;
    padding-top: 140px;
    margin-bottom: 10px;
}

.verticalCell {
    width: 29px;
    height: 105px;
    vertical-align: bottom;
    text-align: center;
}

.verticalTitle {
    white-space: nowrap;
    border: 0px solid red; /* Red for test cases. For testing set the width to 1px.*/
    width: 16px;
    height: 16px;
    padding: 9px;
    overflow: visible;
    text-align: left;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -sand-transform: rotate(270deg);
}

tr.Table120 {
    height: 120px;
}

/*tr.gridVerticalHeader {
}*/

th.gridHorizontalHeader {
    padding: 2px;
    vertical-align: bottom !important;
}

th.gridVerticalHeader {
    max-width: 20px;
    padding: 2px;
    padding-left: 15px;
    vertical-align: bottom !important;
}

    th.gridVerticalHeader > a {
        display: block;
        transform: rotate(270deg);
        transform-origin: left;
        text-align: left !important;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -sand-transform: rotate(270deg);
    }

.ie8 .verticalTitle {
    color: Red;
    background-color: Red;
}

.verticalTitleA {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(270deg);
    white-space: nowrap;
    display: block;
    writing-mode: tb-lr;
    text-orientation: rotate-left;
    background-color: #fff;
    border: 0px solid red;
    width: 16px;
    height: 16px;
    height: 165px\9; /* IE 8 only */
    padding: 2px;
    overflow: visible;
    text-align: left;
}
/* End Vertical text */

/* Start Print version */
/* VECTOR-209: hide context menu and let the content take more space with bigger fotn size. */
@media print {
    div.CtxMenu, div.CtxMenu * {
        display: none !important;
    }

    div.HintBox, div.HintBox * {
        display: none !important;
    }

    table.Form {
        padding: 0;
        margin: 0 0 5px 0;
        width: 850px;
        background-color: #e9f4fe;
        border: 1px solid #9bd;
    }

        table.Form tr td.SectionHead {
            padding-left: 25px;
            padding-right: 25px;
            font-size: 20px;
            font-weight: bold;
        }

        table.Form tr td.frmhead {
            font-weight: bold;
            font-size: 22px;
            padding-bottom: 15px;
        }

        table.Form tr td.lbl {
            padding: 8px 4px 4px 4px;
            font-size: 20px;
            text-align: right;
        }

        table.Form tr td.ctr {
            width: 570px;
            padding: 4px;
            font-size: 20px;
        }

            table.Form tr td.ctr strong {
                font-size: 20px;
            }

        table.Form tr td.OrderFinalize {
            padding: 5px 0 5px 0;
            font-size: 20px;
        }

        table.Form tr td.OrderFinalizeQty {
            padding: 5px 0 5px 0;
            width: 110px;
            text-align: right;
            font-size: 20px;
        }
}
/* End Print version */

.imgArrowEmpty {
    float: left;
    width: 25px;
    height: 18px;
    cursor: text;
}

.imgArrowDown {
    float: left;
    width: 25px;
    height: 18px;
    background: url(../../Images/Common/ArrowDown.gif) no-repeat;
    cursor: pointer;
}

.imgArrowUp {
    float: left;
    width: 25px;
    height: 18px;
    background: url(../../Images/Common/ArrowUp.gif) no-repeat;
    cursor: pointer;
}

.ui-date-picker {
    width: 80px;
}

table.Waves {
    margin: 0px;
    width: 823px;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
}

.WaveColour_ {
    background: #fff;
}

.WaveColour_1 {
    background: #fff;
}

.WaveColour_2 {
    background: #e5e5e5;
}

.WaveColour_3 {
    background: #ccc;
}

.WaveColour_4 {
    background: #b5b5b5;
}

.WaveColour_5 {
    background: #fff;
}

.WaveColour_6 {
    background: #e5e5e5;
}

.WaveColour_7 {
    background: #ccc;
}

.WaveColour_8 {
    background: #b5b5b5;
}

.WaveColour_9 {
    background: #fff;
}

.WaveColour_10 {
    background: #e5e5e5;
}

.WaveColour_11 {
    background: #ccc;
}

.WaveColour_12 {
    background: #b5b5b5;
}

.NumericPagerField {
    font-size: 8pt;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 4px;
    margin: 1px;
    box-shadow: 1px 1px 1px #CCC;
}

.wordwrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}


/*.wmsLeftDashboard CSS class fits dashboard contents to fit to the left hand side of the WMS screen*/
.wmsLeftDashboard .ToDoBox {
    Width: 534px !important;
}

.wmsLeftDashboard .Container {
    Width: 548px !important;
}

.wmsLeftDashboard .Bar {
    Width: 550px !important;
}

.blankLink a:link, .blankLink a:visited, .blankLink a:hover, .blankLink a:active {
    text-decoration: none;
}

.watermark {
    font-family: Tahoma, Arial, sans-serif;
    color: gray;
}

.ddEnableDisable[disabled] {
    background-color: #E2E2E2;
}

.inline {
    display: inline;
}

.v-align-middle {
    vertical-align: middle;
}

.highlightRed {
    color: Red;
}

.VAlignTop {
    vertical-align: top;
}

.rightAlign {
    text-align: right;
}

.disableClearXBttnForTextBoxIE::-ms-clear {
    display: none;
}

.disableClearXBttnForTextBoxChrome::-webkit-search-decoration,
.disableClearXBttnForTextBoxChrome::-webkit-search-cancel-button,
.disableClearXBttnForTextBoxChrome::-webkit-search-results-button,
.disableClearXBttnForTextBoxChrome::-webkit-search-results-decoration {
    display: none;
}

.fixedTableLayout {
    table-layout: fixed
}

.boldText {
    font-weight: bold;
}

.hideControl {
    display: none;
}

.pullRight {
    float: right;
}

.marginRight30px {
    margin-right: 30px;
}

.comments-dialog {
    background-color: #ffff66;
}

    .comments-dialog.ui-widget-content {
        background: #ffff66;
        z-index: 1005;
    }

    .comments-dialog > .ui-widget-header {
        background: #ebeb00;
    }

span.red {
    color: #A70000;
}

/* vPOS Screensaver */
img.ScreenSaverToCrop {
    max-height: 710px !important;
    max-width: 400px !important;
}

div.ScreenSaverPrev {
    background: #fff url("../../Images/Epos/device_frame.png") no-repeat;
    padding: 0;
    width: 310px;
    height: 591px;
}

    div.ScreenSaverPrev img {
        margin: 48px 0px 0px 21px;
    }

span.ScreenSaverDescription {
    max-height: 50px;
    text-overflow: ellipsis;
}

/* Load Planner Details */
td.LpOpenCloseDetails {
    vertical-align: middle;
    width: 322px;
}

div.LpDetailsClick {
    text-decoration: underline;
    padding-top: 12px;
}

div.LpDetailHolder {
    width: 860px;
    background-color: #fff;
}

    div.LpDetailHolder table {
        margin-bottom: 15px;
        width: 860px;
        border: 1px solid #ddd;
        border-spacing: 0;
    }

        div.LpDetailHolder table tr th {
            font-weight: bolder;
            background: #d7eeff;
            border-right: 1px solid #ddd;
            padding: 4px;
            margin: 0;
        }

        div.LpDetailHolder table tr td {
            font-weight: normal;
            background: #f4fafe;
            padding: 4px;
            margin: 0;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
        }

        div.LpDetailHolder table tr th.numcen {
            text-align: center;
        }

        div.LpDetailHolder table tr td.numcen {
            text-align: center;
        }

td.LpDetailsSectorLoadingsHead {
    width: 29px;
    height: 190px;
    vertical-align: bottom;
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #77aadd;
    background-color: #d7eeff;
    font-weight: bold;
}

div.LpDetailsFlightLine {
    padding-top: 2px;
    padding-left: 5px;
}

td.lpDetailCrew {
    min-width: 150px;
}

tr.LpOpened {
    min-width: 800px;
    width: 862px;
    height: auto;
    background-color: #eee;
}

    tr.LpOpened.stickytop {
        position: fixed;
        top: 200px;
    }

.floatFooter {
    border-collapse: collapse;
    border-width: 1px 1px 0px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    display: table;
    width: 821px;
    margin: 0px;
    table-layout: fixed;
    overflow: hidden;
    position: fixed;
    margin-top: 0px;
    bottom: 0px;
    z-index: 1001;
}


.spanBreakWord {
    display: block;
    word-wrap: break-word;
    width: 140px;
    white-space: normal
}

.btn-link {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 0.95em;
    padding: 1px 5px;
    line-height: 1.5;
    border-radius: 5px;
    border-color: #ccc;
    background-color: #d7eeff;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    -webkit-appearance: button;
    text-transform: none;
    text-decoration: none;
    overflow: visible;
}

.error-list ul li {
    color: red;
}

.disabledButtonText {
    color: #919599;
}

.tr-label-left-normal {
    text-align: left !important;
}

.tr-label-left-bold {
    text-align: left !important;
    font-weight: bold;
}

.multiple-cashouts-warning {
    color: darkorange;
}

/*------- Galley Planner Drawings --------*/
.galley-container {
    height: 700px;
    width: 815px;
    padding: 5px;
    border: solid 1px;
    position: relative;
}

.galley-container-editing:after {
    position: absolute;
    background-color: lightgray;
    opacity: 0.4;
    top: 0;
    left: 0;
    content: ' ';
    width: 100%;
    height: 100%;
}

.galley-toolbar2 {
    width: 540px;
}

.galley-toolbar {
    width: 815px;
}

.galley-toolbar3 {
    width: 811px;
}

.galley-toolbar2,
.galley-toolbar {
    padding: 5px 5px 10px 5px;
    margin: 10px 0 10px 0;
    background-color: #e9f4fe;
    border: 1px solid #9bd;
}

.galley-toolbar-row {
    margin-top: 10px;
}

.galley-label {
    /*width:80px !important;*/
    display: inline-block;
    text-align: right;
}

.galley-toolbar input {
    margin: 0 20px 0 0;
}

.galley-toolbar .galley-input {
    width: 80px !important;
}

.galley-toolbar .chosen-container {
    width: 100px !important;
    margin: 0 20px 0 0;
}

.galley-toolbar2 .chosen-container {
    width: 300px !important;
}

.galley-unit-name {
    position: absolute;
    text-align: center;
    vertical-align: middle;
    margin: -20px 0 0 0;
    left: 50%;
    top: 50%;
}

.galley-container-name {
    position: absolute;
    float: left;
    left: 20%;
    top: 50%;
}

.galley-unit-edit,
.galley-unit-del {
    padding-left: 3px;
    float: right;
}

.galley-unit-code {
    float: left;
}

.galley-unit-size-maxweight {
    bottom: 14px;
    position: absolute;
    font-size: 0.8em;
}

    .galley-unit-size-maxweight span {
        font-size: 1em;
    }

.galley-unit-size {
    bottom: 0;
    position: absolute;
    font-size: 0.8em;
}

.galley-active-unit {
    border: double !important;
}

.draggable {
    cursor: move;
}

.ui-galley-unit {
    position: absolute !important;
}

.ui-galley-unit-assigned,
.packing-plan-container-assigned {
    background: #DCF0DB !important;
}

.hidden {
    display: none;
}

.galley-aircraft-container {
    width: 800px;
    height: 250px;
    position: relative;
    opacity: 0.9;
}

.galley-aircraft-body-box {
    margin-left: 150px;
    top: 50px;
    padding: 2px;
    width: 496px;
    height: 144px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    position: absolute !important;
}

.galley-aircraft-front-box {
    position: absolute;
    left: 478px;
    top: 50px;
    z-index: -1 !important;
}

.galley-aircraft-back-box {
    float: left;
    margin-top: 50px;
    width: 150px;
    height: 150px;
    z-index: -1 !important;
}

.galley-aircraft-top-wing {
    width: 825px;
    position: absolute;
    padding-left: 300px;
}

.galley-aircraft-bottom-wing {
    width: 825px;
    top: 200px;
    position: absolute;
    padding-left: 300px;
}

.ui-galley-aircraft {
    text-align: center;
}

.galley-box {
    border: 1px solid;
    width: 50px;
    height: 50px;
    position: absolute !important;
}

.galley-box-unit-name {
    position: relative;
    margin: 2px;
    top: 10%;
}

@media print {
    .no-print {
        display: none !important;
    }

    .galley-container {
        border: none;
    }
}
/*End Galley Planner Drawings */

/*Wms Delivery Windows*/
.ui-corners {
    overflow: hidden;
    border-radius: 25px;
    border: 1px solid;
    padding: 20px;
    width: 345px;
    height: 200px;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 20px;
}

.ui-timeslot {
    display: block;
    margin-bottom: 5px;
}

.ui-timepicker-input {
    width: 60px;
}

.ui-description-input {
    width: 130px;
    margin-right: 20px;
}

.hidden {
    display: none;
}
/*End Wms Delivery Windows*/

/*grid items reorder*/
.drag-cursor {
    cursor: url(../../Images/Common/Cursors/openhand.cur), move !important;
}

.dragging-cursor {
    cursor: url(../../Images/Common/Cursors/closedhand.cur), move !important;
}

.Hermann .gv-ajax-message {
    font-weight: bold;
    margin-left: 50px;
    float: left;
}
/*end grid items reorder*/

.login-with-office-365 {
    background: url('../../Images/Common/BtnOffice365Logo_350x42.png ') no-repeat !important;
    width: 350px;
    height: 42px !important;
}

.horizontalcheckboxlist input {
    height: auto !important;
    margin-right: 15px;
    margin-left: 5px;
}

.no-resize {
    resize: none;
}


/* Rules */

.rules .download-xml {
    cursor: pointer;
}

/* Two Factor Auth - UserEdit.aspx */
.manualKey {
    font-size: 12px;
    font-weight: bold;
}

.qrCode {
    margin-top: 10px;
}

/*Bordered Table - Adhoc flight Commission Adjustment - CommissionAdjustmentAdhocFlightAdd.aspx*/
.table {
    border: none;
    border-collapse: collapse;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px 3px 3px 3px;
    width: 100%;
}

    .table td {
        border: solid 1px #CCCCCC;
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        white-space: normal;
        padding: 3px 3px 3px 3px;
    }

    .table th {
        font-weight: bold;
        text-align: left;
        padding: 3px 3px 3px 3px;
        border: solid 1px #CCCCCC;
        white-space: normal;
    }

#cookie_notice {
    background: rgb(0, 158, 224);
    background: transparent\9;
    background: rgba(0, 158, 224, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5009EE0,endColorstr=#E5009EE0);
    zoom: 1;
    height: 150px;
    width: 100%;
    position: fixed;
    text-align: center;
    bottom: 0.5px;
}

    #cookie_notice p {
        color: white;
        font-size: 13px;
        display: block;
        height: 100px;
        top: 50%;
        position: relative;
        margin-top: -50px;
        padding: 0;
        margin-bottom: 0px;
        line-height: 25px;
    }

        #cookie_notice p a {
            font-size: 13px;
        }

    #cookie_notice button {
        margin-top: 10px;
        border-radius: 5px;
    }

.ListGrid tbody {
    border: 0px none transparent;
}

.ListGrid tr td {
    padding: 5px !important;
}

.ListItemRed {
    color: red;
}

.ListItemGreen {
    color: green;
}