/*
ICE blue: #daecf6
ICE dark blue: #267aa6

Extra Light blue: #e5e5e5
Light blue: #d5dde8
Medium blue: #9dadc6
Dark blue: #68798a

Extra light brown: #f0e7d7
Light brown: #e4d8c2
Medium brown: #cbac72
Dark brown: #776655

Bright red: #f12323
Red action: #c44828
Green action: #448f2a
Gray action: #878787
*/

#Footer H2 {
    padding: 5px;
    line-height: normal;
    font-weight: normal;
    font-size: 7pt;
}
#Footer A {
    font-size: 9px;
}

/*
 * inset box, overrides List
 */
.infoBox .List {
    border: none;
}

H2 {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1em;
}
H2 INPUT {
    font-weight: normal;
}

.Header H2,
    #PIM #Sidebar H2 {
    margin: 0;
    padding: 5px;
    background-color: #68798a;
    border: 1px #68798a solid;
    color: white;
}
#Main #Panel .Header H2 {
    border: none;
}

#Panel .Body H3 {
    border: 1px #776655 solid;
    color: #776655;
    background-color: #e4d8c2;
    font-size: 0.9em;
    margin: 0;
    padding: 0 0 0 5px;
}
#Panel .Body H4 {
    background-color: white;
    padding: 0 0 0 3px;
    color: #776655;
    font-size: 0.9em;
    margin: 0;
}

#Actions {
    margin: 0;
    list-style: outside;
    list-style-type: none;
}
#Actions LI {
    font-family: Verdana, Helvetica, sans-serif;
    list-style-image: url("/assets/images/action-mini.gif");
    padding: 0 0 3px 0;
}
#Actions LI A:hover {
    background-color: white;
}
/*
Wizard
List
View
Modify
Delete
Scrub
Create
System
*/
#Actions #Wizard {
    list-style-image: url("/assets/images/action-Wizard.gif");
}
#Actions #List {
    list-style-image: url("/assets/images/action-List.gif");
}
#Actions #View {
    list-style-image: url("/assets/images/action-View.gif");
}
#Actions #Modify {
    list-style-image: url("/assets/images/action-Modify.gif");
}
#Actions #Delete {
    list-style-image: url("/assets/images/action-Delete.gif");
}
#Actions #Download {
    list-style-image: url("/assets/images/action-Download.gif");
}
#Actions #Scrub {
    list-style-image: url("/assets/images/action-Scrub.gif");
}
#Actions #Create {
    list-style-image: url("/assets/images/action-Create.gif");
}
#Panel .Body UL {
    margin: 0 0 0 10px;
}
#Panel .Body LI {
    margin: 0 0 0 -15px;
    padding: 0;
}
#Notes {
    list-style-image: url("/assets/images/notes-mini.gif");
}
#Contact {
    list-style-image: url("/assets/images/contacts-mini.gif");
}
#Task {
    list-style-image: url("/assets/images/tasks-mini.gif");
}

.actionHREF A {
    display: block;
    padding: 5px;
    background-color: #e4d8c2;
    margin: 1px 0 1px 0;
}


#Main .infoBox {
    margin: 15px 0 0 0;
    padding: 0;
}
#Panel .List .Titles {
    background-color: #d5dde8;
}
#Panel .List TD {
    border: 1px white solid;
    border-width: 0 0 3px 1px;
    border-left-color: white;
}

.System {
    /* background: url("/assets/images/footer-bg.gif") repeat-x top; */
    padding: 5px;
    margin: 0 5px 5px 5px;
    background-color: #daecf6;
    border: 1px #267aa6 dashed;
    /* display: table; */
}
#Wizard .System {
    border-color: red;
    border-width: 2px;
}
.System IMG {
    vertical-align: text-bottom;
}
.System H2 {
    margin: 0;
}
.System P {
    margin: 0;
    border: 2px white solid;
    border-width: 2px 0 0 0;
}

#Main .infoBox .Header {
    background: #68798a;
}

#Main #Panel .infoBox {
    border: 1px #68798a solid;
    width: 100%;
}
#Main #Panel .infoBox .Header H2 {
    background: none;
    margin: 0;
    padding: 5px;
    background-color: #d5dde8;
    color: #68798a;
}
#Main #Panel .Body {
    background: none;
    margin: 0;
    padding: 3px;
}

/*
 * Filter formatting
 */
#Filter FORM {
    display: table;
    margin: 0;
    padding: 0;
}
#Filter #Label {
    margin: 0;
    color: #cbac72;
    font-weight: bold;
}
#Filter .Body {
    padding: 5px;
}
#Filter SPAN {
    float: left;
    margin-right: 20px;
}
#Filter UL {
    margin: 0;
    list-style: outside;
    list-style-type: none;
}
#Filter UL LI {
    padding: 0;
    float: left;
    margin-right: 15px;
}
/* mozilla */
#ListFilter>FORM UL {
    margin-left: -35px;
}

/*
 * List formatting
 */
.List {
    width: 100%;
}
.List TD {
    padding: 2px 2px 2px 5px;
    font-family: Arial;
}
.List THEAD {
    color: #776655;
    background-color: #e4d8c2;
}
.List THEAD TD {
    border: 1px #68798a solid;
    border-width: 0 0 0 1px;
    border-bottom-color: #68798a;
    border-bottom-width: 3px;
    vertical-align: bottom;
    font-weight: bold;
}
.List THEAD #Index {
    color: #776655;
    background-color: #e4d8c2;
}
.List TR TD:first-child {
    border-left-width: 0;
}
.List THEAD A:link,
    .List THEAD A:visited {
    color: blue;
    text-decoration: none;
}
.List THEAD A:hover,
    .List THEAD A:active {
    text-decoration: underline;
}
.List THEAD IMG {
    vertical-align: 10%;
}
.List THEAD #ActiveSort {
    background-color: #cbac72;
    white-space: nowrap;
}
.List THEAD #ActiveSort A:link,
    .List THEAD #ActiveSort A:visited {
    color: white;
}
.List TD {
    border: 1px #eaecee solid;
    border-width: 0 0 3px 1px;
    border-left-color: #DCDFE2;
    vertical-align: top;
}
.List TD P {
    margin: 0;
}
.List .List THEAD TD {
    padding: 0 2px;
    margin: 0;
    background-color: #d5dde8;
    line-height: 1.5em;
}
.List #Index {
    background-color: #f6f6f6;
    color: #68798a;
    font-weight: bold;
    text-align: right;
    width: 10px;
    border-left-width: 0;
}
.List #Numeric,
    .List #Date {
    text-align: right;
}
.List #Label {
    color: #776655;
    font-weight: bold;
    text-align: right;
}
.List #Delete INPUT {
    border: 2px red solid ! important;
}
.dataEntryBox .List #Label {
    width: auto;
}
/***** inventory *****/
.Sold,
    #Sold #Input {
    background-color: #cccccc;
}
.Available,
    #Available #Input {
    background-color: white;
}
.InPlay,
    #InPlay #Input {
    background-color: cyan;
}
.Incoming,
    #Incoming #Input {
    background-color: #dff8de;
}
.Selected {
    background-color: #d5dde8;
}
.Mark {
    background-color: #f4f4e2;
}
.Mark #Index {
    background-color: #e8e8c2;
}
/***** bulk import *****/
.Wanted,
    #Wanted #Input {
    background-color: white;
}
.Rejected,
    #Rejected #Input {
    background-color: #d9d9d9;
}
/***** deals *****/
.PendingApproval,
    #PendingApproval #Input {
    background-color: cyan;
}
.Finalized,
    #Finalized #Input {
    background-color: #f4d8ad;
}
.Closed,
    #Closed #Input {
    background-color: silver;
}
.Archived,
    #Archived #Input {
    background-color: #cccccc;
}
/***** shipping *****/
.ShippingSubmitted,
    #ShippingSubmitted #Input {
    background-color: #f4d8ad;
}
.ApprovedforShipment,
    #ApprovedforShipment #Input {
    background-color: #fff9de;
}
.PendingConfirmation,
    #PendingConfirmation #Input {
    background-color: #fff9de;
}
.Landed,
    #Landed #Input {
    background-color: #cccccc;
}
/***** payments *****/
.Paid,
    #Paid #Input {
    background-color: #cccccc;
}
.Disbursed,
    #Disbursed #Input {
    background-color: #cccccc;
}

.PagingBar {
    background-color: #d5dde8;
    padding: 3px;
    border: 3px #68798a solid;
    border-width: 0 0 3px 0;
}

/*
 * overall class styles
 */
.Warning {
    color: #c44828;
    font-weight: bold;
    padding: 10px;
    background-color: #ededed;
    margin: 5px 0 5px 0;
    border: 1px #c44828 solid;
    border-width: 0 0 0 5px;
}
.Warning A,
    .Warning A:visited {
    color: #f12323;
    font-weight: bold;
}
.Warning UL {
    margin-top: 0;
    margin-bottom: 0;
}
.Warning UL LI {
    list-style: url("/assets/images/error-icon.gif");
}
.Warning UL UL LI {
    list-style: disc;
    list-style-image: none;
}
.Overdue {
    font-weight: bold;
    color: #f12323;
}
.Overdue A:link,
    .Overdue A:visited {
    color: #f12323;
}
.Note {
    background-color: #f9f0a6;
    font-size: 8pt;
    font-style: italic;
    font-weight: normal;
    padding: 2px;
    border: 1px #bcb789 solid;
    margin: 5px;
    /*
    display: table;
    width: 100%;
    */
}

/*
 * Page sections
 */
.PageSection {
    margin-bottom: 15px;
    display: table;
    width: 100%;
}
.PageSection:hover {
    border-color: blue;
}
.PageSection H2 {
    margin: 0;
    padding: 5px;
    background-color: #68798a;
    border: 1px #68798a solid;
    color: white;
}
.PageSection H2 IMG {
    margin-right: 5px;
    padding: 0;
}
.PageSection H2 H3 {
    padding: 5px;
    margin: 0;
}
.PageSection H2 A {
    font-size: 1.2em;
    font-weight: normal;
    color: white;
    text-decoration: underline;
    border: 1px #d5dde8 solid;
    padding: 2px;
}
.PageSection H2 A:hover {
    border: 1px white solid
}

.SubSection {
    display: table;
    width: 100%;
}
.SubSection H3 {
    margin: 0;
    padding: 5px;
    background-color: #d5dde8;
    border: 1px #68798a solid;
    color: #68798a;
}
.SubSection #Action {
    text-align: center;
}