.innerAreaCapsule {
    margin: 0;
    padding: 0;
}

.innerArea {
    width: 100%;
}

    .innerArea .innerAreaBorder {
        width: 11px !important;
        background: url(../images/inner-area-border-background.png) 0 0 repeat-y;
    }

    .innerArea .innerAreaBorderGrey {
        width: 11px !important;
        background: url(../images/inner-area-border-background-grey.png) 0 0 repeat-y;
    }

    .innerArea .innerAreaInner {
        padding: 20px;
        background: url(../images/inner-area-background.png) 0 0 repeat;
        /*border: 1px solid #DEE0DE;*/
        color: #004C39;
        font-size: 12px;
    }


.innerAreaError {
    width: 100%;
}

    .innerAreaError .innerAreaErrorBorder {
        width: 11px !important;
        background: url(../images/inner-area-border-background-red.png) 0 0 repeat-y;
    }

    .innerAreaError .innerAreaErrorInner {
        padding: 10px;
        background: url(../images/inner-area-background-red.png) 0 0 repeat;
    }

ul.transactionSteps {
    position: relative;
    width: 100%;
    height: 24px;
    border-bottom: 5px solid White;
}

    ul.transactionSteps li {
        float: left;
        padding: 4px 0 0 0;
        height: 20px;
        color: #919191;
        font-size: 12px;
    }

        ul.transactionSteps li.on {
            border-bottom: 5px solid #F7D953;
            color: #004C39;
        }

        ul.transactionSteps li.seperator {
            margin: 0;
            padding: 1px 35px 0;
            font-size: 15px;
        }

table.navigationNoteArea {
    margin: 20px 0 10px -1px;
    width: 100%;
    height: auto;
}

    table.navigationNoteArea td.navigationNoteAreaButton {
        padding: 9px 0 0;
        width: 62px;
        height: auto;
    }

    table.navigationNoteArea td.navigationNoteAreaNote {
        padding: 9px;
        height: auto;
        text-align: center;
    }

div.noteCapsulePage {
    margin: 0 auto;
    background: url(../images/inner-area-background.png) 0 0 repeat;
    text-align: left;
}

    div.noteCapsulePage p {
        padding: 15px;
        color: #237B52;
        font-size: 13px;
        line-height: 20px;
    }

    div.noteCapsulePage span.important {
        color: #237B52;
        font-weight: bold;
        font-style: italic;
        font-size: 14px;
    }

div.noteCapsuleContainer {
    margin: 0 0 10px 0;
}

div.noteCapsule {
    voice-family: "\"}\"";
    voice-family: inherit;
    position: relative;
    display: inline-block;
    min-height: 51px;
    background: url(../images/inner-area-background.png) 0 0 repeat;
}

    div.noteCapsule p {
        padding: 3px 18px;
        color: #237B52;
        font-size: 13px;
        line-height: 20px;
    }

    div.noteCapsule span.important {
        color: #237B52;
        font-weight: bold;
        font-style: italic;
        font-size: 14px;
    }

table.resultTableArea {
    margin: 20px auto 20px auto;
    width: 100%;
}

    table.resultTableArea td.left {
        width: 50%;
        text-align: left;
    }

    table.resultTableArea td.right {
        width: 50%;
        text-align: right;
    }

h2.infoBulletHeader {
    padding-top: 0 !important;
}

li.infoBullets {
    padding: 3px 0;
    max-width: 95%;
}

table.infoTable {
    margin: 10px 0 10px;
    width: 100%;
}

    table.infoTable tr {
        width: 100%;
    }

    table.infoTable th {
        padding: 4px 5px 1px 5px;
        width: 125px;
        border-right: 1px solid #C6E1B8;
        border-bottom: 3px solid #C6E1B8;
        text-align: left;
    }

    table.infoTable td {
        padding: 5px 2px 2px 10px;
        width: auto;
        background: none repeat scroll 0 0 White;
        color: #666666;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

        table.infoTable td.left {
            text-align: left;
        }

        table.infoTable td.right {
            text-align: right;
        }

        table.infoTable td.important {
            color: red;
            font-weight: bold;
        }

    table.infoTable.shortTable {
        margin: 10px 0 10px 90px;
        width: 100%;
    }

        table.infoTable.shortTable td {
            width: auto;
        }

    table.infoTable tr.seperatorTr {
        height: 10px;
    }

.innerArea table.infoTableVertical {
    width: 100%;
}

table.infoTableVertical tr.bottomInfo {
    font-weight: bold;
}

    table.infoTableVertical tr.bottomInfo td {
        padding-bottom: 12px;
        border-bottom: 3px solid #C6E1B8;
    }

table.infoTableVertical tr.topInfo {
    font-weight: bold;
}

    table.infoTableVertical tr.topInfo td {
        padding-bottom: 12px;
    }

table.infoTableVertical th {
    padding: 4px 5px 1px 5px;
    border-right: 1px solid #C6E1B8;
    border-bottom: 3px solid #C6E1B8;
    text-align: left;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 12px;
}

    table.infoTableVertical th.selection {
        width: 30px;
    }

    table.infoTableVertical th.selection2 {
        width: 20px;
    }

table.infoTableVertical td {
    padding: 5px 2px 5px 5px;
    border-bottom: 1px solid #DEDEDE;
    color: #666666;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 12px;
}

    table.infoTableVertical td.selection {
        width: 30px;
    }

    table.infoTableVertical td.selection2 {
        width: 20px;
    }

    table.infoTableVertical td.noBorderBottom {
        border-bottom: none !important;
    }

    table.infoTableVertical td.status.plus {
        background: url(../images/icon-status-green.png) left 10px no-repeat;
    }

    table.infoTableVertical td.status.minus {
        background: url(../images/icon-status-red.png) left 10px no-repeat;
    }

    table.infoTableVertical td.status.gold {
        background: url(../images/icon-status-gold.png) left 10px no-repeat;
    }

    table.infoTableVertical td.money {
        text-align: right !important;
    }

        table.infoTableVertical td.money.plus {
            color: #237B52;
        }

        table.infoTableVertical td.money.minus {
            color: #dd0000;
        }

        table.infoTableVertical td.money.gold {
            color: #FFD000;
        }

    table.infoTableVertical td.left {
        text-align: left;
    }

    table.infoTableVertical td.right {
        text-align: right;
    }

    table.infoTableVertical td.center {
        text-align: center;
    }

    table.infoTableVertical td.bold {
        font-weight: bold;
    }

    table.infoTableVertical td.important {
        color: red;
        font-weight: bold;
    }

    table.infoTableVertical td.error {
        color: #DD0000;
        font-weight: bold;
    }

    table.infoTableVertical td.waiting {
        color: #F1B01D;
        font-weight: bold;
    }

    table.infoTableVertical td.success {
        color: Green;
        font-weight: bold;
    }

table.infoTableVertical.shortTable {
    margin: 0 0 0 65px;
}

    table.infoTableVertical.shortTable td {
        width: auto;
    }

table.infoTableVertical tr.seperatorTr {
    height: 10px;
    border: medium none;
}

table.infoTableVertical th.seperatorTh {
    padding: 0 1px;
    width: 5px;
    border: medium none;
}

table.infoTableVertical td.seperatorTd {
    padding: 0 1px;
    width: 5px;
    border-bottom: 1px solid #DEDEDE;
}

table.infoTableVertical div.label_radio_container,
table.infoTableVertical div.label_check_container {
    padding-right: 5px;
    padding-left: 5px;
}

div.messageComponentContainer {
    margin: 0;
    padding: 20px 0;
    width: 100%;
}

    div.messageComponentContainer div.contentContainer {
        width: 100%;
        border: 1px solid #fff;
        background-color: #F8F8E4;
    }

table.messageComponentTable {
    margin: 30px 0 30px 0;
}

    table.messageComponentTable td.imageTd {
        padding: 0 10px 0 20px;
        width: 27px;
        vertical-align: top;
    }

    table.messageComponentTable td.messageTd {
        padding: 0 20px 0 0;
        line-height: 17px;
    }

    table.messageComponentTable div.imageDiv {
        padding: 1px 0 0 1px;
        width: 22px;
        height: 27px;
        border: 1px solid #237B52;
        background-color: #F8DA54;
        font-weight: bold;
        font-size: 23px;
    }

        table.messageComponentTable div.imageDiv.unimportant {
            background-color: #F2F2F2;
        }

        table.messageComponentTable div.imageDiv.success {
            border: 1px solid #70BC44;
            background-color: #70BC44;
        }

    table.messageComponentTable span.imageSpan {
        padding: 7px;
        color: #237B52;
    }

        table.messageComponentTable span.imageSpan.success {
            color: White;
            font-weight: bold;
            font-style: italic;
            font-size: 22px;
            font-family: times new roman;
        }

    table.messageComponentTable span.messageSpan {
        color: #004C39;
    }

        table.messageComponentTable span.messageSpan.unimportant {
            color: #919191;
        }

div.messageComponentContainer table.messageComponentTable td.imageTd {
    padding-left: 30px;
}

div.messageComponentContainer.narrowNoBorder {
    width: auto;
}

    div.messageComponentContainer.narrowNoBorder div.contentContainer {
        width: auto;
        border: none;
        background-color: transparent;
    }

    div.messageComponentContainer.narrowNoBorder table.messageComponentTable td.imageTd {
        padding-left: 20px;
    }

div.dataListContainer .innerAreaInner {
    padding: 15px 0;
}

div.dataListContainer a.printer,
div.dataListContainer a.email,
div.dataListContainer a.excel,
div.dataListContainer a.graphic {
    display: block;
    float: left;
    overflow: hidden;
    margin-top: 0 !important;
    margin-right: 6px;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding-left: 24px;
    height: 24px;
    border: 1px solid #EEEEEE;
    background-image: url(../images/mix-functions.png);
    background-repeat: no-repeat;
    color: #237B52;
    text-decoration: none;
    line-height: 24px;
}

div.dataListContainer a.printer {
    width: 0;
    background-position: 0 0;
}

    div.dataListContainer a.printer:hover {
        width: 0;
        background-position: 0 -29px;
        color: #004C39;
    }

div.dataListContainer a.excel {
    width: 0;
    background-position: 0px -58px;
}

    div.dataListContainer a.excel:hover {
        width: 0;
        background-position: -0px -87px;
        color: #004C39;
    }

div.dataListContainer a.email {
    width: 0;
    background-position: 0px -116px;
}

    div.dataListContainer a.email:hover {
        width: 0;
        background-position: 0px -145px;
        color: #004C39;
    }

div.dataListContainer a.graphic {
    width: 0;
    background-position: 0px -174px;
}

    div.dataListContainer a.graphic:hover {
        width: 0;
        background-position: 0px -203px;
        color: #004C39;
    }

div.dataListContainer a.prevLinkButtonLink {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/mix-icons.png) 0 -64px no-repeat;
    text-indent: -9999px;
    cursor: default;
}

div.dataListContainer a.nextLinkButtonLink {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/mix-icons.png) -21px -64px no-repeat;
    text-indent: -9999px;
    cursor: default;
}

div.dataListContainer a.prevLinkButtonLink.on {
    background: url(../images/mix-icons.png) 0 -42px no-repeat;
    cursor: pointer;
}

div.dataListContainer a.nextLinkButtonLink.on {
    background: url(../images/mix-icons.png) -21px -42px no-repeat;
    cursor: pointer;
}

div.dataListContainer table.pager {
    float: right;
    margin: 0px 20px 0 0;
    color: #666666;
    font-size: 12px;
}

    div.dataListContainer table.pager.top {
        margin-bottom: 8px;
    }

    div.dataListContainer table.pager.bottom {
        margin-top: 8px;
    }

    div.dataListContainer table.pager input {
        padding: 4px;
        width: 30px;
        text-align: right;
    }

    div.dataListContainer table.pager td.linkButtonLeft {
        padding-right: 5px;
        width: 20px;
    }

    div.dataListContainer table.pager td.linkButtonRight {
        padding-left: 5px;
        width: 20px;
    }

div.dataListContainer a.refresh {
    margin-left: 432px;
    color: #919191;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

div.dataListContainer div.label_radio_container,
div.dataListContainer div.label_check_container {
    padding-right: 5px;
    padding-left: 5px;
}

div.dataListDetail {
    position: relative;
    width: 100%;
}

table.invisibleTableInfo {
    display: none;
    margin: 10px 10px 10px 20px;
}

    table.invisibleTableInfo span {
        margin-right: 15px;
        font-weight: bold;
        font-size: 14px;
    }

td.iconButtons {
    padding-top: 2px !important;
}

    td.iconButtons a.slip {
        display: block;
        float: left;
        margin: 0 3px;
        width: 13px;
        height: 18px;
        background: url(../images/mix-icons.png) -26px 0 no-repeat;
        text-indent: -9999px;
    }

        td.iconButtons a.slip:hover {
            background: url(../images/mix-icons.png) -26px -20px no-repeat;
        }

    td.iconButtons a.refresh {
        display: block;
        float: left;
        margin: 0 3px;
        width: 13px;
        height: 18px;
        background: url(../images/mix-pp-icons.png) 0 -89px no-repeat;
        text-indent: -9999px;
    }

        td.iconButtons a.refresh:hover {
            background: url(../images/mix-pp-icons.png) 0 -107px no-repeat;
        }

    td.iconButtons a.delete {
        display: block;
        float: left;
        margin: 0 3px;
        width: 13px;
        height: 18px;
        background: url(../images/mix-pp-icons.png) 0 -126px no-repeat;
        text-indent: -9999px;
    }

        td.iconButtons a.delete:hover {
            background: url(../images/mix-pp-icons.png) 0 -144px no-repeat;
        }

    td.iconButtons a.reload {
        display: block;
        float: left;
        margin: 0 3px;
        width: 18px;
        height: 18px;
        background: url(../images/mix-pp-icons.png) 0 -50px no-repeat;
        text-indent: -9999px;
    }

        td.iconButtons a.reload:hover {
            background: url(../images/mix-pp-icons.png) 0 -68px no-repeat;
        }

    td.iconButtons a.history {
        display: block;
        float: left;
        margin: 0 3px;
        width: 13px;
        height: 20px;
        background: url(../images/mix-icons.png) -10px 0 no-repeat;
        text-indent: -9999px;
    }

        td.iconButtons a.history:hover {
            background: url(../images/mix-icons.png) -10px -20px no-repeat;
        }

td.history a {
    display: block;
    width: 13px;
    height: 20px;
    background: url(../images/mix-icons.png) -10px 0 no-repeat;
    text-indent: -9999px;
}

    td.history a:hover {
        background: url(../images/mix-icons.png) -10px -20px no-repeat;
    }