/*** Onguard default ***/

html {
    overflow-y: scroll;
    height: 100%;
}

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

body {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    background: #fff !important;
    line-height: 20px;
    height: 100%;
}

input, select, textarea, button, pre {
    outline: none;
    font-size: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
}

div.input, input, select, textarea, button {
    border: 1px solid #ddd;
    padding: 1px;
    margin: 0;
}

div.input {
    display: block;
}

    div.input input, div.input select, div.input textarea, div.input button {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border-width: 0 !important;
    }

a {
    text-decoration: none;
    outline: none;
    color: #009FE3;
}

    a:active {
        color: #009FE3;
    }

    a:link {
        color: #009FE3;
    }

    a:visited {
        color: #009FE3;
    }

    a:hover {
        text-decoration: underline;
    }

button {
    margin: 0;
    outline: 0;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
}

/*** DASHBOARD: General ***/
small {
    font-size: 11px;
    line-height: 12px;
}

.bodygrey {
    background: #eee url(../images/leftbg.png) repeat-y top left;
}

h1 {
    font-size: 20px;
    color: #444;
    margin-bottom: 0;
    font-weight: normal;
}

h2 {
    font-size: 16px;
    color: #444;
    margin-bottom: 0;
}

h1.prize {
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
}

h2.prize {
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
}

.introText a:link {
    color: #222;
    font-weight: bold;
}

/*** CONTROLS: NotificationBox ***/
.notification {
    padding: 10px 10px 10px 45px;
    margin: 0 0 10px 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
}

    .notification .close {
        position: absolute;
        right: 5px;
        top: 5px;
        display: inline-block;
        width: 8px;
        height: 8px;
        cursor: pointer;
    }

    .notification .close {
        background: url(../images/icons/close.png) no-repeat 0 0;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .notification ul {
        padding-left: 20px;
    }

.msgalert {
    border: 1px solid #eac572;
    background: #ffe9ad url(../images/icons/warning.png) no-repeat 10px center;
}

.msginfo {
    border: 1px solid #99c4ea;
    background: #d1e4f3 url(../images/icons/info.png) no-repeat 10px center;
}

.msgsuccess {
    border: 1px solid #c1d779;
    background: #effeb9 url(../images/icons/success.png) no-repeat 10px center;
}

.msgerror {
    border: 1px solid #e18b7c;
    background: #fad5cf url(../images/icons/error.png) no-repeat 10px center;
}

/*** GENERAL: Page-Overlay ***/
.ui-widget-overlay {
    display: none;
    height: 922px;
    cursor: wait;
    z-index: 1001;
    opacity: 0.3;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #ffffff;
}

/*** CONTENT: PageTitle ***/
.pageTitle {
    font-size: 24px;
    margin-bottom: 20px;
    text-shadow: 1px 1px #fff;
}

/*** GENERAL: DropBox ***/
.dropbox {
    width: 250px;
    min-height: 100px;
    background: #fcfcfc;
    position: absolute;
    z-index: 5;
    top: 29px;
    left: -1px;
    border: 1px solid #333;
    border-top: 0;
    -webkit-box-shadow: 3px 3px 2px #333;
    box-shadow: 3px 3px 2px #333;
    -moz-border-radius: 0 3px 3px 3px;
}

.showmsg {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

    .showmsg .wrap {
        -moz-border-radius: 0 0 0;
        -webkit-border-radius: 3px 0 0 0;
        border-radius: 3px 0 0 0;
    }

    .showmsg, .showmsg .wrap {
        background: #fcfcfc !important;
    }

/*** CONTROLS: SearchBar ***/
#search {
    float: left;
    margin: 5px 0 0 0;
}

    #search input {
        background-color: #eee;
        color: #222222;
        font-size: 12px;
        font-weight: bold;
        float: left;
        border: 0;
        height: 30px;
    }

        #search input.textBox {
            padding-left: 6px;
            width: 250px;
        }

        #search input.searchButton {
            float: left;
            width: 27px;
            cursor: pointer;
            background-color: #009FE3;
        }

.searchButton .textBox {
    background-color: #eee !important;
}


/***TOPHEADER: General ***/
.header {
    min-width: 980px;
}

.topheader {
    float: left;
    margin: 5px 0 0 10px;
}

.headerspace {
    height: 2px;
    background: #005E91;
    border-bottom: 1px solid #00727F;
    background-color: #ccc;
    border-bottom-color: #ccc;
}

.topheader .msgicon {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 15px;
    height: 15px;
    background-image: url(../images/icons/message.png);
}

.topheader .infoicon {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 14px;
    height: 15px;
    background-image: url(../images/icons/notification.png);
}

.topheader .msgicon, .topheader .infoicon {
    background-repeat: no-repeat;
    background-position: 0 0;
}

.topheader .thiconhover {
    background-position: 0 -15px !important;
}

.topheader > ul {
    list-style: none;
}

    .topheader > ul > li {
        display: inline-block;
        float: left;
        margin-right: 8px;
        line-height: 14px;
        position: relative;
    }

        .topheader > ul > li > a {
            font-size: 11px;
            color: #fff;
            padding-right: 4px;
            position: relative;
        }

        .topheader > ul > li > a {
            display: inline-block;
            background-color: #009FE3;
        }

            .topheader > ul > li > a .wrap {
                display: block;
                padding: 7px 11px 7px 26px;
                color: #fff;
                height: 15px;
            }

                .topheader > ul > li > a .wrap span.count {
                    padding: 1px 5px 0 5px;
                    display: block;
                    position: absolute;
                    top: -3px;
                    right: -3px;
                    font-size: 10px;
                }

                .topheader > ul > li > a .wrap span.count {
                    background: #cc0000;
                    color: #fff;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    border-radius: 3px;
                }

            .topheader > ul > li > a:hover {
                background-position: right -88px;
                text-decoration: none;
            }

                .topheader > ul > li > a:hover .wrap {
                    background-position: 0 -59px;
                }

        .topheader > ul > li.note a .wrap {
            padding-right: 0;
        }

/*** TOPHEADER: Administration ***/
#administration input {
    color: #f4f4f4;
    font-size: 11px;
    float: left;
    margin: 0;
    outline: 0;
    background-color: #005E91;
    border: 0;
    height: 25px;
    padding: 2px 2px 2px 6px;
}

#administration button {
    float: left;
    border: 0;
    margin: 0;
    background: #333 url(../images/searchicon.png) no-repeat 0 0;
    width: 27px;
    height: 30px;
    cursor: pointer;
}

/*** HEADER: General ***/
.header {
    padding: 0 10px 11px 10px;
    position: relative;
    background-color: #ffffff;
    border-bottom: 1px solid #00A0B4;
    height: 70px;
    border-bottom-color: #eee;
}

/*** HEADER: WidgetWrapper***/
.widgetWrapper {
    padding: 0 10px;
    margin-left: 210px;
    height: 100%;
}

/*** HEADER: LogoContainer ***/
#logoContainer {
    position: absolute;
    top: 2px;
    left: 5px;
    background: url(../images/logo.png) no-repeat left;
    width: 220px;
    height: 80px;
}

#logoContainerPortal {
    position: relative;
    top: -33px;
    left: -20px;
    width: 217px;
    height: 70px;
    background: url(../images/logo_portal.png) no-repeat center;
}

/*** HEADER: AccountInfo ***/
.accountinfo {
    float: right;
    background-color: #eee !important;
    margin-top: 5px;
    padding: 4px;
    overflow: hidden;
    line-height: 15px;
    font-size: 11px;
    color: #222222;
    min-width: 250px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .accountinfo img {
        float: left;
        padding: 5px;
    }

    .accountinfo .info {
        float: left;
        margin-left: 10px;
        color: #222;
    }

    .accountinfo h3 {
        font-size: 12px;
        color: #000000;
        font-weight: normal;
    }

    .accountinfo small {
        font-size: 10.5px;
        color: #222;
    }

    .accountinfo a {
        color: #009FE3;
        font-weight: bold;
        display: inline-block;
    }

        .accountinfo a:hover {
            text-decoration: underline;
        }

        .accountinfo a:first-child {
            margin-right: 5px;
            border-right: 1px solid #666;
            padding-right: 7px;
        }

.accountinfoHeadLeft {
    float: left;
    margin-right: 10px;
}

.accountinfoHeadRight {
    float: right;
}

.accountinfoSmall {
    white-space: nowrap;
    clear: both;
}

.displayLanguagesWrapper {
    float: right;
}

ul.displayLanguages {
    list-style: none;
}

    ul.displayLanguages li {
        float: right;
    }

        ul.displayLanguages li a {
            border: 0;
            margin-right: 5px;
            padding-right: 7px;
            border-right: 1px solid #bbb;
        }

            ul.displayLanguages li a.disabled {
                color: #92B7E7;
            }

                ul.displayLanguages li a.disabled:hover {
                    text-decoration: none;
                    cursor: default;
                }

        ul.displayLanguages li:first-child a {
            border-right: 0;
        }

/*** HEADER: TabControls ***/
.tabmenu {
    clear: both;
    line-height: 21px;
    position: absolute;
    top: 44px;
}

    .tabmenu ul {
        list-style: none;
    }

        .tabmenu ul li {
            display: inline-block;
            float: left;
            position: relative;
            background: #eee;
            margin-right: 2px;
            text-shadow: none;
        }

            .tabmenu ul li:first-child {
                -moz-border-radius: 3px 14px 0 0;
                -webkit-border-radius: 3px 14px 0 0;
                border-radius: 3px 14px 0 0;
            }

            .tabmenu ul li:last-child {
                -moz-border-radius: 3px 14px 0 0;
                -webkit-border-radius: 3px 14px 0 0;
                border-radius: 3px 14px 0 0;
            }

        .tabmenu ul li {
            -moz-border-radius: 3px 14px 0 0;
            -webkit-border-radius: 3px 14px 0 0;
            border-radius: 3px 14px 0 0;
        }

            .tabmenu ul li a {
                display: inline-block;
                color: #222222;
                background: url(../images/separator.png) no-repeat right center;
            }

                .tabmenu ul li a:hover {
                    text-decoration: none;
                }

            .tabmenu ul li:last-child a {
                background: none;
            }

            .tabmenu ul li:hover {
                background: #e5e5e5;
            }

                .tabmenu ul li:hover a {
                    color: #555;
                }

            .tabmenu ul li span {
                display: block;
                padding: 9px 15px 7px 45px;
                text-transform: uppercase;
                font-size: 12px;
                font-weight: bold;
            }

            .tabmenu ul li.current {
                background: #eee;
                text-shadow: 1px 1px #fff;
            }

                .tabmenu ul li.current a {
                    color: #ffffff;
                    background-color: #009FE3;
                    border-radius: 3px 14px 0 0;
                }

                .tabmenu ul li.current span {
                    text-shadow: 1px 1px #fcfcfc;
                    border-bottom: #eeeeee 1px solid;
                }

.fixButton {
    padding: 0 !important;
}

/* ReportViewer */
.rVScroll {
    overflow: auto;
}

/* Delete all icons */
.tabmenu ul li span {
    text-shadow: none !important;
}

.tabmenu ul li span {
    padding: 9px 15px 7px 15px;
}

.mail-subject {
    padding: 4px;
    border: 0 solid #ddd;
    background: white;
    margin: 0;
    line-height: initial;
    white-space: normal;
}

    .mail-subject .subject {
        background: white;
        border: 0;
    }

.tabmenu ul li .subnav {
    position: absolute;
    min-width: 200px;
    top: 39px;
    left: 0;
    display: none;
    z-index: 100;
    border: 1px solid #6785b0;
    border-bottom: 0;
}

    .tabmenu ul li .subnav li {
        display: block;
        float: none;
        background: none;
    }

        .tabmenu ul li .subnav li a {
            display: block;
            background: #83a3ca;
            border-bottom: 1px solid #6785b0;
            color: #fff;
        }

        .tabmenu ul li .subnav li:last-child a {
            background: #83a3ca;
        }

        .tabmenu ul li .subnav li a:hover {
            background: #7293c1;
            color: #fff;
        }

    .tabmenu ul li .subnav a span {
        padding: 5px 15px;
        text-transform: capitalize;
        text-shadow: 1px 1px #6785b0;
    }

.tabmenu ul li.current .subnav {
    border-color: #ccc;
    border-top: 0;
}

    .tabmenu ul li.current .subnav li a {
        background: #eee;
        border-bottom: 1px solid #ccc;
        color: #333;
    }

        .tabmenu ul li.current .subnav li a:hover {
            background: #c8d9ed;
        }

        .tabmenu ul li.current .subnav li a span {
            text-shadow: 1px 1px #f7f7f7;
        }

/*** SIDEBAR: General ***/
.sidebar {
    margin-top: 0;
    padding: 20px 0 20px 0;
    width: 220px;
    height: 100%;
    display: block;
    float: left;
    background-color: #ffffff;
}

/*** SIDEBAR: Menu ***/
#accordion h3 {
    background: url(../images/arrow.png) no-repeat 10px 6px;
    padding-left: 30px;
}

#accordion h3 {
    cursor: pointer;
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
}

    #accordion h3.open {
        background: url(../images/arrow.png) no-repeat 10px -37px;
    }

#accordion .content {
    display: none;
    margin: 10px 0 20px 0;
}

    #accordion .content:last-child {
        padding: 0 15px;
        color: #333;
    }

.leftmenu {
    list-style: none;
}

    .leftmenu li {
        display: block;
        margin-bottom: 1px;
    }

        .leftmenu li a {
            font-size: 12px;
            display: block;
            padding: 5px 0 5px 40px;
            color: #333;
        }

        .leftmenu li.current a {
            background-color: #eee;
            border-right: 0;
            color: #009FE3;
            border-top: 0;
            border-bottom: 0;
            margin-bottom: 0;
            font-weight: bold !important;
        }

            .leftmenu li.current a:hover {
                text-decoration: none;
            }

        .leftmenu li.sub {
            background-color: #eee;
        }

            .leftmenu li.sub a {
                background-color: #eeeeee;
                font-weight: normal;
                border-right: 0;
                color: #009FE3;
                border-top: 0;
                border-bottom: 0;
                padding: 3px 0 3px 40px;
                margin-bottom: 0;
            }

        .leftmenu li.level2 a {
            margin-left: 15px;
        }

        .leftmenu li.current.level2 a {
            font-weight: normal !important;
            text-decoration: underline;
        }

            .leftmenu li.current.level2 a:hover {
                text-decoration: underline !important;
            }

        .leftmenu li a.settings {
            background-image: url(../images/icons/CT_16x16/config_settings.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.paymentinitiation {
            background-image: url(../images/icons/CT_16x16/accepteer_taken.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.reports {
            background-image: url(../images/icons/CT_16x16/rapporten.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.exceptions {
            background-image: url(../images/icons/CT_16x16/uitzonderingen.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.riskmanagement {
            background-image: url(../images/icons/CT_16x16/uitzonderingen.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.case {
            background-image: url(../images/icons/CT_16x16/dossier.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.task {
            background-image: url(../images/icons/CT_16x16/tasks.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.taskcreate {
            background-image: url(../images/icons/CT_16x16/task_goedkeuren.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.relations {
            background-image: url(../images/icons/CT_16x16/alle_relaties.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.claims {
            background-image: url(../images/icons/CT_16x16/claims.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.exceptions {
            background-image: url(../images/icons/CT_16x16/exceptions.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.insolvencies {
            background-image: url(../images/icons/CT_16x16/insolvencies.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.schedule {
            background-image: url(../images/icons/CT_16x16/agenda_overzicht.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.dashboard {
            background-image: url(../images/icons/CT_16x16/administraties.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.processing {
            background-image: url(../images/icons/CT_16x16/workflows.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.bulkupdate {
            background-image: url(../images/icons/CT_16x16/bulkupdate.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.automail {
            background-image: url(../images/icons/CT_16x16/automail.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }


        .leftmenu li a.mail {
            background-image: url(../images/icons/CT_16x16/mail.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.medewerkers {
            background-image: url(../images/icons/CT_16x16/medewerkers.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.administraties {
            background-image: url(../images/icons/CT_16x16/administraties.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.form {
            background-image: url(../images/icons/cal.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.table {
            background-image: url(../images/icons/table.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.gallery {
            background-image: url(../images/icons/gallery.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.home {
            background-image: url(../images/icons/home.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.grid {
            background-image: url(../images/icons/grid.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.calendar {
            background-image: url(../images/icons/form.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.buttons {
            background-image: url(../images/icons/buttons.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.editor {
            background-image: url(../images/icons/editor.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.file {
            background-image: url(../images/icons/file.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

        .leftmenu li a.error {
            background-image: url(../images/icons/404.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }

/*** CONTENT: SubMenu ***/
.submenu {
    list-style: none;
    overflow: hidden;
}

    .submenu li {
        display: inline-block;
        float: left;
    }

        .submenu li a {
            display: block;
            padding: 5px 10px;
            border: 1px solid #bbb;
            background: url(../images/bgbutton4.png) repeat-x top left;
            border-left: 0;
        }

        .submenu li a {
            color: #333;
            text-shadow: 1px 1px #eee;
            -moz-box-shadow: 1px 1px 0 #fcfcfc;
            -webkit-box-shadow: 1px 1px 0 #fcfcfc;
            box-shadow: 1px 1px 0 #fcfcfc;
        }

            .submenu li a:hover {
                -moz-box-shadow: inset 1px 1px 2px #ccc;
                -webkit-box-shadow: inset 1px 1px 2px #ccc;
                box-shadow: inset 1px 1px 2px #ccc;
            }

            .submenu li a:hover {
                text-decoration: none;
            }

        .submenu li.current a {
            background: #f7f7f7;
            color: #069;
            text-shadow: none;
        }

            .submenu li.current a:hover {
                -moz-box-shadow: none;
                box-shadow: none;
            }

        .submenu li:last-child a {
            -moz-border-radius: 0 3px 3px 0;
            -webkit-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
        }

        .submenu li:first-child a {
            -moz-border-radius: 3px 0 0 3px;
            -webkit-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
            border-left: 1px solid #bbb;
        }

/*** MAINCONTENT: General ***/
.maincontent {
    height: 100%;
    margin-left: 220px;
    min-width: 500px;
    position: relative;
    top: -12px;
    color: #333;
}

    .maincontent .container {
        padding: 10px;
        min-height: 300px;
        height: 100%;
        background-color: #ffffff;
    }

.contentcontainer {
    background-color: #fff;
    padding-right: 10px;
}

.maincontent .left {
    overflow: hidden;
}

.maincontent .right {
    padding-right: 10px;
    overflow: hidden;
}

    .maincontent .right .widgetbox:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

/*** CONTENT: BreadCrumbs ***/
.breadcrumbs {
    font-size: 11px;
    padding: 0 15px 0 30px;
    margin: 20px 10px 0 10px;
    border: 1px solid #ddd;
    height: 30px;
    background-color: #fff;
    box-shadow: 0 0 8px #ccc !important;
}

.breadcrumbs {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #f7f7f7 url(../images/icons/homesmall.png) no-repeat 10px 9px;
}

.breadcrumbs {
    -moz-box-shadow: 1px 1px 0 #f3f3f3;
}

    .breadcrumbs a {
        display: inline-block;
        color: #009FE3;
        padding: 5px 20px 5px 0;
    }

    .breadcrumbs a {
        background: url(../images/separator2.png) no-repeat right center;
        margin-right: 10px;
    }

        .breadcrumbs a:hover {
            text-decoration: none;
        }

    .breadcrumbs span {
        color: #666;
        display: inline-block;
        padding-top: 5px;
    }

#breadcrumbs {
    background-color: #fff;
}

/*** CONTENT: Buttons ***/
button.button {
    padding: 3px 6px;
    font-size: 12px;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
    cursor: pointer;
}

    button.button.disabled, a.linkButton.disabled {
        color: #aaa;
    }

    button.button:hover, .button:active {
        background-position: 0 -39px;
    }

    button.button.disabled:hover, button.button.disabled:active {
        background-position: inherit;
    }

    button.button img {
        margin-right: 7px;
        position: relative;
        top: 2px;
    }

input.button {
    padding: 7px 15px;
    font-size: 12px;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
    cursor: pointer;
}

    input.button:hover, .button:active {
        background-position: 0 -39px;
    }

input.imageButton {
    cursor: pointer;
}

    input.imageButton.action {
        padding: 2px;
        margin-right: 3px;
    }

.button_white {
    border: 1px solid #ccc;
    background: #eee url(../images/buttons/button_white.png) repeat-x top left;
    text-shadow: 1px 1px #f7f7f7;
    color: #333;
}

    .button_white:active {
        -moz-box-shadow: inset 2px 2px 2px #ccc;
        -webkit-box-shadow: inset 2px 2px 2px #ccc;
        box-shadow: inset 2px 2px 2px #ccc;
    }

.button_blue {
    border: 1px solid #39537f;
    background: #eee url(../images/buttons/button_blue.png) repeat-x top left;
    text-shadow: 1px 1px #39537f;
    color: #fff;
}

    .button_blue:active {
        -moz-box-shadow: inset 2px 2px 2px #12274c;
        -webkit-box-shadow: inset 2px 2px 2px #12274c;
        box-shadow: inset 2px 2px 2px #12274c;
    }

.button_black {
    border: 1px solid #333;
    background: #333 url(../images/buttons/button_black.png) repeat-x top left;
    text-shadow: 1px 1px #333;
    color: #fff;
}

    .button_black:active {
        -moz-box-shadow: inset 2px 2px 2px #12274c;
        -webkit-box-shadow: inset 2px 2px 2px #12274c;
        box-shadow: inset 2px 2px 2px #12274c;
    }

.button_red {
    border: 1px solid #b22407;
    background: #333 url(../images/buttons/button_red.png) repeat-x top left;
    text-shadow: 1px 1px #b22407;
    color: #fff;
}

    .button_red:active {
        -moz-box-shadow: inset 2px 2px 2px #b22407;
        -webkit-box-shadow: inset 2px 2px 2px #b22407;
        box-shadow: inset 2px 2px 2px #b22407;
    }

.button_yellow {
    border: 1px solid #c67601;
    background: #333 url(../images/buttons/button_yellow.png) repeat-x top left;
    text-shadow: 1px 1px #c67601;
    color: #fff;
}

    .button_yellow:active {
        -moz-box-shadow: inset 2px 2px 2px #c67601;
        -webkit-box-shadow: inset 2px 2px 2px #c67601;
        box-shadow: inset 2px 2px 2px #c67601;
    }

.button_green {
    border: 1px solid #507e0c;
    background: #333 url(../images/buttons/button_green.png) repeat-x top left;
    text-shadow: 1px 1px #507e0c;
    color: #fff;
}

    .button_green:active {
        -moz-box-shadow: inset 2px 2px 2px #507e0c;
        -webkit-box-shadow: inset 2px 2px 2px #507e0c;
        box-shadow: inset 2px 2px 2px #507e0c;
    }

.button_brown {
    border: 1px solid #574128;
    background: #333 url(../images/buttons/button_brown.png) repeat-x top left;
    text-shadow: 1px 1px #574128;
    color: #fff;
}

    .button_brown:active {
        -moz-box-shadow: inset 2px 2px 2px #574128;
        -webkit-box-shadow: inset 2px 2px 2px #574128;
        box-shadow: inset 2px 2px 2px #574128;
    }

.button_lblue {
    border: 1px solid #7197bd;
    background: #333 url(../images/buttons/button_lblue.png) repeat-x top left;
    text-shadow: 1px 1px #fff;
    color: #2161a0;
}

    .button_lblue:active {
        -moz-box-shadow: inset 2px 2px 2px #7197bd;
        -webkit-box-shadow: inset 2px 2px 2px #7197bd;
        box-shadow: inset 2px 2px 2px #7197bd;
    }

.kpi {
    horiz-align: center;
    background-color: #ffffff;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #ACB9BF;
    -moz-box-shadow: 2px 2px 3px #ccc;
    -webkit-box-shadow: 2px 2px 3px #ccc;
    box-shadow: 2px 2px 3px #ccc;
}

    .kpi .name {
        text-align: center;
        font-size: 15px;
        color: #0089C1;
        font-weight: normal;
    }

    .kpi .value {
        text-align: center;
        font-size: 15px;
        color: #0089C1;
        font-weight: bold;
    }

/***CONTROLS: WidgetBox ***/
.widgetbox {
    margin-bottom: 10px;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 0 0 8px #ccc;
    box-sizing: border-box;
}

    .widgetbox h3 {
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        background: #009FE3 none repeat-x top left;
    }

        .widgetbox h3 span {
            padding: 4px 6px;
            display: block;
        }

        .widgetbox h3.arrow span {
            background: url(../images/toggle.png) no-repeat right center;
            cursor: pointer;
        }

    .widgetbox .content {
        background: #fcfcfc;
        padding: 15px 10px;
        color: #666;
        overflow: hidden;
        border: 1px solid #ccc;
        border-top: 0;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
    }

        .widgetbox .content h3 {
            font-size: inherit;
            text-transform: inherit;
            color: inherit;
            font-weight: inherit;
            border: 0;
            background: none;
        }

        .widgetbox .content .bright {
            border-right: 1px solid #ddd;
            width: 47%;
        }

        .widgetbox .content p {
            margin: 3px auto;
        }

            .widgetbox .content p:first-child {
                margin-top: 0;
            }

        .widgetbox .content td {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .widgetbox.noheader {
        margin-bottom: 0;
    }

        .widgetbox.noheader .content {
            padding: 10px;
            border-top: 1px solid #ccc;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }

.widgetbox_white h3 {
    text-transform: capitalize;
    border: 1px solid #eee;
    background: none;
    background-color: #C1C7D9;
    color: #666666;
}

    .widgetbox_white h3 span {
        padding: 4px 6px;
        display: block;
    }

    .widgetbox_white h3.arrow span {
        background-color: #B5BBCC;
    }

/***CONTROLS: Toggle ***/
.toggle {
    margin-bottom: 20px;
    -moz-box-shadow: 0 0 1px #eee;
    -webkit-box-shadow: 0 0 1px #eee;
    box-shadow: 0 0 1px #eee;
}

    .toggle h3.toggleHeader {
        background: none;
        background-color: #fff;
        padding: 0;
        height: auto;
        min-width: 0;
        border-bottom: 1px solid #eee;
    }

        .toggle h3.toggleHeader span {
            padding: 3px;
            display: block;
            text-transform: none;
            background: url("../images/toggleArrowDown.png") no-repeat right center;
            cursor: pointer;
        }

        .toggle h3.toggleHeader.up span {
            background: url("../images/toggleArrowUp.png") no-repeat right center;
        }

        .toggle h3.toggleHeader.arrow {
            background-color: #f2f2f2;
        }

            .toggle h3.toggleHeader.arrow span {
                background: url("../images/toggleArrowDown.png") no-repeat right center;
                cursor: pointer;
            }

            .toggle h3.toggleHeader.arrow.up span {
                background: url("../images/toggleArrowUp.png") no-repeat right center;
            }

        .toggle h3.toggleHeader.noToggle span {
            cursor: default;
            background: none;
        }

.noToggle .toggleHeader span {
    background: none !important;
    cursor: default;
}

.toggle .content {
    background: #fcfcfc;
    padding: 20px 15px;
    color: #666;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid #eee;
}

    .toggle .content p {
        margin: 5px 0;
    }

        .toggle .content p:first-child {
            margin-top: 0;
        }

    .toggle .content label {
        display: block;
        padding: 0;
        min-width: 120px;
        margin-right: 15px;
        float: left;
    }

.toggleContainer.showBorder {
    border: 1px solid #eee;
    border-bottom-width: 0;
}

/*** CONTENT: FormStyling ***/
.sf {
    width: 250px;
}

.mf {
    width: 350px;
}

.lf {
    width: 450px;
}

textarea.mf {
    height: 100px;
}

input[type=radio], input[type=checkbox] {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

input[type=radio] {
    border: 0;
}

input.textBox, input.customtextBox, textarea.textBox, textarea.customtextBox {
    width: 300px;
    background-color: #fff;
    border: 1px solid #ddd;
    white-space: normal;
}

/*** CONTENT: TableStyling ***/
.sTableOptions {
    padding: 12px 10px;
    border: 1px solid #bbb;
    border-bottom: 0;
    background: #eee url(../images/thead.png) repeat-x top left;
}

.sTableOptions {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    position: relative;
}

    .sTableOptions .button {
        display: inline-block;
        border: 1px solid #999;
        background: url(../images/buttonbg5.png) repeat-x bottom left;
    }

    .sTableOptions .button {
        text-transform: uppercase;
        color: #333;
        text-shadow: 1px 1px #fcfcfc;
        -webkit-box-shadow: 0 1px 0 #ddd;
        box-shadow: 0 1px 0 #ddd;
    }

    .sTableOptions .button {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 0 #ddd;
    }

        .sTableOptions .button:hover {
            cursor: pointer;
            text-decoration: none;
            background-position: top left;
        }

        .sTableOptions .button:active {
            -moz-box-shadow: inset 1px 1px 2px #999;
            -webkit-box-shadow: inset 1px 1px 2px #999;
            box-shadow: inset 1px 1px 2px #999;
        }

        .sTableOptions .button:active {
            background: #eee;
        }

        .sTableOptions .button span {
            padding: 5px 10px;
            display: block;
        }

    .sTableOptions h4 {
        font-size: 12px;
        font-weight: normal;
        color: #333;
    }

    .sTableOptions .delete span {
        background: url(../images/icons/trash.png) no-repeat 8px center;
        padding-left: 30px;
    }

/*** sTableOptions2 ***/
.sTableOptions2 {
    padding: 12px 10px;
    border: 1px solid #ccc;
    border-bottom: 0;
    background: #ddd url(../images/bgbutton5.png) repeat-x top left;
}

.sTableOptions2 {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    position: relative;
}

    .sTableOptions2 .button {
        display: inline-block;
        border: 1px solid #999;
        background: url(../images/buttonbg5.png) repeat-x bottom left;
    }

    .sTableOptions2 .button {
        text-transform: uppercase;
        color: #333;
        text-shadow: 1px 1px #fcfcfc;
        -webkit-box-shadow: 0 1px 0 #ddd;
        box-shadow: 0 1px 0 #ddd;
    }

    .sTableOptions2 .button {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 0 #ddd;
    }

        .sTableOptions2 .button:hover {
            cursor: pointer;
            text-decoration: none;
            background-position: top left;
        }

        .sTableOptions2 .button:active {
            -moz-box-shadow: inset 1px 1px 2px #999;
            -webkit-box-shadow: inset 1px 1px 2px #999;
            box-shadow: inset 1px 1px 2px #999;
        }

        .sTableOptions2 .button:active {
            background: #eee;
        }

        .sTableOptions2 .button span {
            padding: 5px 10px;
            display: block;
        }

    .sTableOptions2 h4 {
        font-size: 12px;
        font-weight: normal;
        color: #333;
    }

/*** sTableHead ***/
.sTableHead {
    border-collapse: collapse;
}

    .sTableHead td {
        padding: 8px 10px;
        color: #ccc;
        text-shadow: 1px 1px #444;
        font-size: 12px;
        text-transform: uppercase;
        border-right: 1px solid #777;
    }

    .sTableHead .head0 {
        background: #666;
    }

    .sTableHead .head1 {
        background: #555;
    }

/*** sTableWrapper ***/
.sTableWrapper {
    border: 1px solid #bbb;
    border-top: 0;
}

/*** sTable ***/
.sTable {
    border-collapse: collapse;
}

    .sTable tr td {
        padding: 8px 10px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #ddd;
        vertical-align: top;
    }

    .sTable thead th {
        padding: 8px 10px;
        color: #ccc;
        text-shadow: 1px 1px #444;
        font-size: 12px;
        text-transform: uppercase;
        border-right: 1px solid #777;
    }

    .sTable thead th {
        font-weight: normal;
        text-align: left;
    }

    .sTable tr td:last-child {
        border-right: 0;
    }

    .sTable tr:last-child td {
        border-bottom: 0;
    }

    .sTable tr:hover {
        background: #ddd;
    }

    .sTable tr.selected {
        background: #fffccc;
    }

    .sTable .head0 {
        background: #666;
    }

    .sTable .head1 {
        background: #555;
    }

    .sTable .con1 {
        background: #eee;
    }

    .sTable .con0 {
        background: #f7f7f7;
    }

/*** sTable2 ***/
.sTable2 {
    border-collapse: collapse;
    border: 1px solid #ccc;
}

    .sTable2 thead td {
        padding: 5px 10px;
        background: #eee url(../images/thead.png) repeat-x top left;
        border: 1px solid #ccc;
    }

    .sTable2 thead th {
        padding: 5px 10px;
        background: #eee url(../images/thead.png) repeat-x top left;
        border: 1px solid #ccc;
    }

    .sTable2 tbody tr td {
        padding: 10px;
        background: #fff;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
    }

        .sTable2 tbody tr td:first-child {
            border-left: 1px solid #ccc;
        }

    .sTable2 tbody tr.even td {
        background: #fcfcfc;
    }

/*** sTable3 ***/
td.sTable3Td {
    padding: 4px;
    background: #fff;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    min-height: 20px;
}

    td.sTable3Td.bold, td.sTable3Td div.bold {
        font-weight: bold;
    }

    td.sTable3Td.last {
        border-bottom: 1px solid #eee;
    }

    td.sTable3Td input.imageButton {
        margin: 0 5px 0 0;
        float: left;
    }

tr.last td.sTable3Td {
    border-bottom: 1px solid #eee;
}

td.sTable3TdHead, .sTable3 tbody tr td.sTable3TdHead {
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 4px;
    background: #eee url(../images/thead.png) repeat-x top left;
    border-bottom: 1px solid #ddd;
    min-height: 20px;
}

.sTable3Border {
    border: 1px solid #ddd;
}

    .sTable3Border tr:first-child td.sTable3Td {
        border-top-width: 0;
    }

    .sTable3Border tr td.sTable3Td:first-child {
        border-left-width: 0;
    }

.sTable3 {
    border-collapse: collapse;
}

    .sTable3 thead td {
        padding: 4px 4px;
        background: #eee url(../images/thead.png) repeat-x top left;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

    .sTable3 tbody tr td {
        padding: 4px;
        background: #fff;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        min-height: 20px;
    }

    .sTable3.noBorderTop tbody tr:first-child td {
        border-top: 0;
    }

    .sTable3 tr td.amount {
        text-align: right;
        padding-right: 10px;
    }

    .sTable3 tr.bold td, .sTable3 tr td.bold {
        font-weight: bold;
    }

    .sTable3 tr.summary td, .sTable3 tr td.summary {
        border-top: 1px double #ccc;
        font-weight: bold;
    }

    .sTable3 tbody tr.even td {
        background: #fcfcfc;
    }

    .sTable3 tbody tr.last td {
        border-bottom: 1px solid #eee;
    }

/*** sTable4 ***/
.sTable4 {
    border-collapse: collapse;
}

    .sTable4 thead td {
        padding: 5px 5px;
        background: #eee url(../images/thead.png) repeat-x top left;
        border-bottom: 1px solid #ddd;
    }

/*** sTable: GeneralStyles  ***/
td.sTableClear {
    padding: 0 !important;
}

    td.sTableClear table, td.sTableClear table thead td, td.sTableClear table tbody tr td {
        border: 0;
        background-color: transparent;
    }

table tr td.summary, table tr.summary td {
    border-top: 1px double #ccc;
    font-weight: bold;
}

tr.disabled {
    color: #ccc;
}

tr.selectableRow {
    cursor: pointer;
}

    tr.selectableRow td.hover {
        background-color: #f2f2f2;
    }

    tr.selectableRow td.checked {
        color: Black;
    }

/*** FOOTER: General ***/
.footer {
    background: #0089C1;
    padding: 10px 0;
    background-color: #eee;
}

.footerinner {
    padding: 0 20px;
    text-align: right;
    font-size: 11px;
    color: #222;
}

.footer_float {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.footer .disclaimer a {
    color: #222;
}

.footer .disclaimer .spacer {
    margin: 0 10px 0 10px;
}

/*** PAGESTYLES: ErrorStyling ***/
.errorpage {
    padding: 20px;
}

input.error,
textarea.error,
select.error,
div.error input,
table.moneyBox.error input {
    border: 1px solid #ff0000 !important;
}

span.error {
    color: #ff0000;
}

/*** CONTROLS: ToolTip ***/
.toolTip {
    position: fixed;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    display: none;
}

.tableToolTips {
    table-layout: fixed;
}

/*** CONTROLS: Schdule ***/
#panelProcess div.action {
    border: 1px solid #ddd;
    width: 25px;
    cursor: pointer;
    margin: 0 2px 2px 0;
    padding: 4px 0 0 8px;
    height: 17px;
    float: left;
}

    #panelProcess div.action:hover {
        box-shadow: 1px 1px 1px 1px #f0f0f0;
    }

#panelProcess table.tableItems {
    padding: 0;
    margin: 0 0 0 20px;
    width: 100%;
}

    #panelProcess table.tableItems tr.itemRow {
        height: 20px;
    }

    #panelProcess table.tableItems tr.spacer td {
        height: 5px !important;
    }

#panelProcess table.tableSubItems {
    margin: 0 0 0 10px;
    width: 100%;
}

/*** WEBSITE LAYOUT CONTAINER: General ***/
.websiteInfoContainer {
    position: absolute;
    top: 7px;
    right: 30px;
}

/*** POLICIES: General ***/
.policy .content {
    z-index: 10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    opacity: 0.95;
    -moz-opacity: 0.95;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: #6C7B82 0 5px 6px;
    box-shadow: #6C7B82 0 5px 6px;
    position: absolute;
    text-align: left;
    top: -7px;
    right: -20px;
    padding: 10px;
    display: none;
    background: #ffffff;
    color: #222222;
    border: 1px solid #0089C1;
    width: 600px;
    height: auto;
}

    .policy .content h3, .policy .content h2 {
        color: #0089C1;
    }

    .policy .content p {
        margin: 0 0 15px 0;
        padding: 0;
        color: #333333;
    }

    .policy .content a, .policy .content a:visited {
        margin: 0;
        padding: 0;
        color: #9FC54E;
        text-decoration: none;
        border-bottom: 1px solid #9FC54E;
    }

        .policy .content a:hover, .policy .content a:visited:hover {
            margin: 0;
            padding: 0;
            color: #ffffff;
            text-decoration: none;
            border-bottom: 1px solid #ffffff;
        }

.policy a.trigger {
    z-index: 15;
    text-decoration: none;
    position: relative;
    color: #222;
}

    .policy a.trigger:hover {
        text-decoration: none;
        color: #222;
    }

/*** CONTROLS: MoneyBox ***/
.moneyBox {
    margin-right: 5px;
}

    .moneyBox tbody > tr > td {
        border: 0;
    }

    .moneyBox td.cell {
        padding: 0;
    }

    .moneyBox td.currencySymbol {
        padding-right: 5px;
    }

    .moneyBox td.decimalSeparator {
        padding: 0 3px;
    }

    .moneyBox input.currencyAmount {
        width: 100%;
        text-align: right;
        padding-right: 17px;
    }

    .moneyBox input.currencyDecimals {
        width: 20px;
        margin-left: 0;
    }

    .moneyBox .negative {
        color: red;
    }

/*** CONTROLS: CheckBoxList ***/
.checkBoxList.left input {
    margin: 5px 0 0 5px;
    position: relative;
}

.checkBoxList.left label {
    width: 50%;
    display: block;
    float: left;
    margin: 0;
    min-width: 0;
    height: 18px;
    padding: 3px;
    padding-top: 4px;
}

.checkBoxList.sTable3.left label {
    border-right: 1px solid #eee;
}

.checkBoxList.sTable3 tr td {
    padding: 0;
}

.checkBoxList.c2 td {
    width: 50%;
}

.checkBoxList.c3 td {
    width: 33.2%;
}

.checkBoxList.c4 td {
    width: 25%;
}

/*** CONTROLS: TableForm ***/
table.form .textBox {
    width: 230px;
}

table.form select.dropDownList {
    width: 230px;
}

textarea.textBox.postIt {
    border: 1px solid #EAC572;
    background-color: #FFE9AD;
}

/*** CONTROLS: AttachmentView ***/
div.attachment {
    float: left;
    border: 1px solid #565656;
    margin-right: 5px;
}

    div.attachment span {
        margin: 0 10px 0 10px;
    }

    div.attachment img {
        position: relative;
        top: 3px;
        margin-left: 5px;
        cursor: pointer;
    }

/*** CONTROLS: CopyText ***/
.copyText {
    cursor: pointer;
}

/*** CONTROLS: ActionLog ***/
table.actionLogHeader td {
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
    overflow: hidden;
}

table.actionLogContent td {
    overflow: hidden;
    padding-left: 6px;
    padding-right: 0;
}

table.actionLogLinkMore {
    border: 1px solid #eee;
    border-top-width: 0;
}

    table.actionLogLinkMore:hover {
        background-color: #eee;
    }

/*** STYLES: General ***/
.one_one {
    width: 100%;
}

.one_half {
    width: 50%;
}

.one_third {
    width: 33.33%;
}

.two_third {
    width: 66.66%;
}

.one_fourth {
    width: 25%;
}

.three_fourth {
    width: 75%;
}

.one_fifth {
    width: 20%;
}

.two_fifth {
    width: 40%;
}

.three_fifth {
    width: 60%;
}

.four_fifth {
    width: 80%;
}

.one_sixth {
    width: 16.66%;
}

.two_sixth {
    width: 33.33%;
}

.five_sixth {
    width: 83.33%;
}

div.one_one,
div.one_half,
div.one_third,
div.one_fifth,
div.one_sixth,
div.one_fourth,
div.two_third,
div.three_fourth,
div.two_fifth,
div.three_fifth,
div.four_fifth,
div.five_sixth {
    position: relative;
    padding-right: 10px;
    float: left;
    box-sizing: border-box;
}

.last {
    padding-right: 0 !important;
    clear: right;
}

td.imageTd {
    padding: 0 3px 0 3px;
    margin: 0;
    width: 16px;
}

.imgleft {
    float: left;
    margin: 0 10px 0 0;
    padding: 5px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.clear {
    clear: both;
    height: 15px;
}

.clearBoth {
    clear: both;
}

.nopadding {
    padding: 0 !important;
}

.padding15 {
    padding: 15px;
    overflow: hidden;
}

.padding1020 {
    padding: 10px 20px;
}

.padding20 {
    padding: 20px;
    overflow: hidden;
}

.borderbottom {
    border-bottom: 1px solid #eee;
}

.floatleft {
    float: left;
}

.width50 {
    width: 50px;
}

.ohidden {
    overflow: hidden;
}

.marginleft150 {
    margin-left: 150px;
}

.marginbottom20 {
    margin-bottom: 20px;
}

.color069 {
    color: #069;
}

.pie {
    height: 200px;
    width: 290px;
}

.mgright5 {
    margin-right: 5px;
}

.inlineblock {
    display: inline-block;
}

.alignright {
    text-align: right;
}

.bordertop {
    border-top: 1px solid #ccc;
}

ul.bullets {
    list-style-type: disc;
}

    ul.bullets li {
        margin-left: 20px;
        padding-left: 10px;
    }

a.mailTo, a.mailTo:link, a.mailTo:visited {
    color: inherit;
}

/*** ATTRIBUTES: General ***/
.placeHolderAttributes.withBorder {
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

    .placeHolderAttributes.withBorder .tableAttributeTd {
        border-left: 1px solid #eee;
    }

        .placeHolderAttributes.withBorder .tableAttributeTd:first-child {
            border-left: 0;
        }

.placeHolderAttributes div[class^=dxflGroupCell_] {
    padding: 0;
}

.wrapperAttribute {
    float: left;
    border-bottom: 1px solid #eee;
    min-height: 27px;
}

    .wrapperAttribute table.tableAttribute {
        border-left: 1px solid #eee;
    }

    .wrapperAttribute.newRow table.tableAttribute {
        border-left: 0;
    }

.tableAttribute {
    width: 100%;
    table-layout: fixed;
}

    .tableAttribute .tableAttributeTd {
        padding: 3px 10px 3px 3px;
    }

        .tableAttribute .tableAttributeTd:first-child {
            border-right: 1px solid #eee;
        }

        .tableAttribute .tableAttributeTd .moneyBoxWrapper {
            margin-right: 42px;
        }

.wrapperAttribute.controlTypeTextBoxFullRow .tableAttributeTd.controlTd pre {
    white-space: pre-wrap;
}

.attributeContentWrapper {
    float: left;
    border: 1px solid #ddd;
    margin-right: 5px;
    margin-bottom: 2px;
    overflow: hidden;
}

    .attributeContentWrapper table.attributeContent {
        min-width: 80px;
    }

        .attributeContentWrapper table.attributeContent tr td {
            padding: 0;
            border: 0;
            height: 10px;
            padding-left: 3px;
        }

    .attributeContentWrapper .attributeContent .checkBoxCell,
    .attributeContentWrapper .attributeContent .buttonCell {
        width: 17px;
    }

        .attributeContentWrapper .attributeContent .buttonCell input {
            margin: 3px 2px 0 0;
        }

/*** LOGINPAGE: General ***/
.loginTableTd {
    padding: 3px;
}

.textWrap {
    white-space: normal !important;
    text-wrap: normal !important;
    word-wrap: break-word;
}

table.tableTaskStatus > tbody.closed,
table.tableTaskStatus > tbody.closedBeforeTarget {
    color: inherit;
}

table.tableTaskStatus > tbody.closedOverTarget > tr:nth-child(3) > td:nth-child(2),
table.tableTaskStatus > tbody.openJustBeforeTarget > tr:nth-child(3) > td:nth-child(2) {
    color: orange;
}

table.tableTaskStatus > tbody.openOverTarget > tr:nth-child(3) > td:nth-child(2) {
    color: red;
}

table.tableTaskStatus > tbody.openBeforeTarget > tr:nth-child(3) > td:nth-child(2) {
    color: green;
}

.loginIntroText ul, .loginIntroText {
    padding: inherit;
}

table.tableTaskRelations .relationLink {
    float: right;
    width: 16px;
    margin-left: 5px;
}

.relationSelector {
    float: left;
    width: 90%;
}

table.tableTaskRelations td.sTable3Td.noValidation {
    padding-right: 32px;
}

    table.tableTaskRelations td.sTable3Td.noValidation .relationLink {
        position: relative;
        left: 28px;
    }

div.chartBase {
    padding-right: 3px;
    padding-left: 3px;
    width: 98%;
}

div.contentPadding {
    padding-left: 7px;
    padding-right: 7px;
}