@import url(layout_common.css);

body, table {
    background-color: #F5F5F5;
    color: black
}

h1 {
    color: #4A4A4A
}

h2 {
    color: #313131
}

a, a:visited {
    color: rgb(72, 87, 148);
    text-decoration: none;
}

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

    a:active {
        color: #DB3434;
    }

hr {
    background-color: rgb(102,102,102);
    color: rgb(102,102,102)
}

div.smallline {
    border-bottom: solid 1px black
}

.dhtmlpop div.selector:hover {
    background-color: black;
    color: white
}

.error {
    color: red;
    font-weight: bold
}

.checkresults .title {
    font-weight: bold
}

.checkresults .image {
    position: absolute
}

.checkresults .result .label, .checkresults .result .fields {
    padding-left: 20px
}

.checkresults div.result {
    border: none 1px white;
    padding: 2px
}

    .checkresults div.result:hover {
        background-color: rgb(224,224,224);
        border-style: solid
    }

.checkresults .fields {
    font-style: italic
}

    .checkresults .fields p, .checkresults .label p {
        margin-top: 0.5em;
        margin-bottom: 0;
        font-size: smaller;
        font-style: normal
    }

.checkresults .totals {
    padding-left: 20px;
    font-size: smaller;
    font-weight: bold;
    border-top: solid 1px silver;
    margin-top: 4px
}

table.form td.caption, table.form td.input, table.form td.caption td, table.form td.input td {
    background-color: white;
    color: black;
}

table.form td.first {
    border-top: 1px solid rgb(114,114,114);
    padding-top: 8px
}

table.form td.last {
    border-bottom: 1px solid rgb(76,76,76);
    padding-bottom: 8px
}

table.form td.caption {
    border-left: 1px solid rgb(114,114,114);
    padding-left: 8px;
    white-space: nowrap
}

table.form td.text {
    white-space: normal
}

table.form td.input {
    border-right: 1px solid rgb(76,76,76);
    padding-right: 8px
}

table.form td.importance-1 {
    font-size: 10pt;
    font-weight: bold;
    border-bottom: solid 1px rgb(114,114,114);
    color: rgb(114,114,114)
}

table.tablecontent, table.dbfields tr td .otherpropsabbrev {
    border: 1px solid rgb(76,76,76);
    border-left-color: rgb(114,114,114);
    border-top-color: rgb(114,114,114)
}

    table.tablecontent th {
        font-weight: bold;
        white-space: nowrap;
        background: black url("images/layout_default/title-background.png") repeat-x;
        color: white
    }

        table.tablecontent th a {
            color: white;
            background-color: transparent;
            font-weight: bold
        }

    table.tablecontent td {
        vertical-align: top
    }

    table.tablecontent th.spanspacer {
        background-color: rgb(76,76,76);
        background-image: none;
        color: white
    }

    table.tablecontent th.spanheader {
        background: black url("images/layout_default/spantitle-background.png") repeat-x;
        color: white
    }

    table.tablecontent th, table.tablecontent td {
        padding: 2px 4px
    }

    table.tablecontent tr.footer td {
        background: black url("images/layout_default/footer-background.png") repeat-x;
        color: white
    }

        table.tablecontent tr.footer td a {
            color: white;
            background-color: transparent;
            font-weight: bold
        }

    table.tablecontent tr.norm td {
        background-color: WHITE;
        color: black;
    }

    table.tablecontent tr.alt td {
        background-color: #CCCCCC;
        color: black;
    }

    table.tablecontent tr.gray td {
        color: rgb(96,81,70)
    }

table.columncontent {
    border: 1px solid rgb(76,76,76);
    border-left-color: rgb(114,114,114);
    border-top-color: rgb(114,114,114)
}

table.columnspacing {
    border: none
}

table.columncontent th {
    font-weight: bold;
    white-space: nowrap;
    background: black url("images/layout_default/title-background.png") repeat-x;
    color: white;
    padding: 2px 4px
}

    table.columncontent th.spacing {
        background-color: transparent;
        background-image: none;
        width: 4pt
    }

table.columnspacing th {
    border: 1px solid rgb(76,76,76);
    border-left-color: rgb(114,114,114);
    border-top-color: rgb(114,114,114);
    border-bottom: none
}

    table.columnspacing th.spacing {
        border: none
    }

table.columncontent tbody td {
    background-color: WHITE;
    color: black;
    padding: 4pt;
    vertical-align: top;
}

    table.columncontent tbody td.spacing {
        background-color: transparent;
        background-image: none;
        width: 4pt
    }

table.columnspacing tbody td {
    border: 1px solid rgb(76,76,76);
    border-left-color: rgb(114,114,114);
    border-top-color: rgb(114,114,114);
    border-top: none
}

    table.columnspacing tbody td.spacing {
        border: none
    }

table.news {
    font-size: 8pt;
    border: 1px solid rgb(76,76,76);
    border-left-color: rgb(114,114,114);
    border-top-color: rgb(114,114,114)
}

    table.news tr th {
        font-size: 9pt;
        padding: 4px;
        font-weight: bold;
        white-space: nowrap;
        background: black url("images/layout_default/title-background.png") repeat-x;
        color: white;
        padding: 2px 4px
    }

    table.news tbody td {
        background-color: rgb(212,212,212);
        color: black;
        border: none;
        border-right: none;
        border-bottom: none
    }

        table.news tbody td.title {
            font-weight: bold;
            padding-left: 4px;
            padding-top: 4px
        }

        table.news tbody td.description {
            padding-right: 4px;
            padding-left: 4px;
            padding-bottom: 4px
        }

        table.news tbody td.moreinfo {
            padding-right: 4px;
            padding-bottom: 4px
        }

        table.news tbody td.rellinks table tbody td {
            font-size: 8pt
        }

        table.news tbody td.rellinks {
            border-top: 1px solid rgb(76,76,76);
            padding: 4px
        }

table.tabset {
    border: 1px solid rgb(76,76,76);
    border-left-color: rgb(114,114,114);
    border-top-color: rgb(114,114,114)
}

    table.tabset table.tabset {
        border: none
    }

    table.tabset td {
        white-space: nowrap;
        background: rgb(208,208,208);
        color: black
    }

        table.tabset td a {
            color: white;
            text-decoration: none;
            background-color: transparent
        }

        table.tabset td .popover a {
            color: rgb(72,87,148);
            text-decoration: underline
        }

        table.tabset td a:visited {
            color: white
        }

        table.tabset td.selected a {
            color: black;
            background-color: transparent
        }

            table.tabset td.selected a:visited {
                color: black
            }

    table.tabset td {
        padding: 0
    }

        table.tabset td textarea:focus {
            border: solid 1px rgb(102,98,44)
        }

        table.tabset td textarea {
            margin-bottom: 4px
        }

table.tabsettop td {
    background: rgb(160,160,160) url("images/layout_default/tabs/top_unselected_inner.gif");
    color: white
}

    table.tabsettop td.selected {
        background-image: url("images/layout_default/tabs/top_selected_inner.gif")
    }

    table.tabsettop td.disabled {
        color: rgb(184,184,184)
    }

    table.tabsettop td.selected-right {
        background-image: url("images/layout_default/tabs/top_selected_right.gif")
    }

    table.tabsettop td.selected-left {
        background-image: url("images/layout_default/tabs/top_selected_left.gif")
    }

    table.tabsettop td.unselected-side {
        background-image: url("images/layout_default/tabs/top_unselected_side.gif")
    }

table.tabsetbottom td {
    background: rgb(184,184,184) url("images/layout_default/tabs/bottom_unselected_inner.gif");
    color: white
}

    table.tabsetbottom td.selected {
        background-image: url("images/layout_default/tabs/bottom_selected_inner.gif")
    }

    table.tabsetbottom td.disabled {
        color: rgb(208,208,208)
    }

    table.tabsetbottom td.selected-right {
        background-image: url("images/layout_default/tabs/bottom_selected_right.gif")
    }

    table.tabsetbottom td.selected-left {
        background-image: url("images/layout_default/tabs/bottom_selected_left.gif")
    }

    table.tabsetbottom td.unselected-side {
        background-image: url("images/layout_default/tabs/bottom_unselected_side.gif")
    }

table.stylesheet table.buttons td {
    padding: 2px 0px
}

table.stylesheet {
    background-color: rgb(222,222,222);
    color: black;
    border: 1px solid rgb(114,114,114);
    border-right-color: rgb(76,76,76);
    border-bottom-color: rgb(76,76,76)
}

    table.stylesheet table.buttons {
        background-color: rgb(222,222,222)
    }

    table.stylesheet tr.line td {
        border-bottom: 1px solid rgb(76,76,76)
    }

    table.stylesheet tr.line table td {
        border-bottom: none
    }

    table.stylesheet .buttons {
        padding-left: 0px
    }

table.regex {
    border: 1px solid rgb(76,76,76);
    border-left-color: rgb(114,114,114);
    border-top-color: rgb(114,114,114)
}

    table.regex td, table.regex th {
        padding: 2px 8px;
        vertical-align: top
    }

    table.regex th {
        font-weight: bold;
        white-space: nowrap;
        background-color: silver;
        color: black;
        padding: 2px 4px
    }

    table.regex tr.pin td, table.regex tr td.pin {
        background-color: rgb(202,202,202);
        color: black;
        font-weight: bold
    }

    table.regex tr.template td, table.regex tr td.template {
        background-color: rgb(212,212,212);
        color: black
    }

        table.regex tr.template td.name, table.regex tr td.template {
            padding-left: 18px
        }

    table.regex tr.match td, table.regex tr td.match {
        background-color: rgb(222,222,222);
        color: black
    }

        table.regex tr.match td.name, table.regex tr td.match {
            padding-left: 28px
        }

    table.regex tr.submatch td {
        background-color: rgb(232,232,232);
        color: black
    }

        table.regex tr.submatch td.name {
            padding-left: 38px
        }

        table.regex tr.submatch td.matchtext {
            font-family: Courier New,Courier,monospace;
            color: navy
        }

table.changelog {
    border: 1px solid rgb(76,76,76);
    border-left-color: rgb(114,114,114);
    border-top-color: rgb(114,114,114)
}

    table.changelog td {
        vertical-align: top
    }

    table.changelog tr.date td {
        font-weight: bold;
        white-space: nowrap;
        background: black url("images/layout_default/title-background.png") repeat-x;
        color: white;
        vertical-align: middle
    }

        table.changelog tr.date td a {
            color: white
        }

    table.changelog tr.entry td {
        color: black;
        padding-left: 3ex
    }

        table.changelog tr.entry td.edit {
            padding-left: 0
        }

    table.changelog tr.alt td {
        background-color: #DDD;
        color: black;
    }

    table.changelog tr.norm td {
        background-color: WHITE;
        color: black;
    }

.popover {
    border: 1px solid rgb(76,76,76);
    border-left-color: rgb(114,114,114);
    border-top-color: rgb(114,114,114);
    background-color: white;
    position: absolute;
    display: none;
    margin-left: 161px;
}

    .popover table tr td {
        background-color: white
    }

.dhtmlcombo {
    border: 1px solid rgb(76,76,76);
    border-right-color: rgb(114,114,114);
    border-bottom-color: rgb(114,114,114);
    height: 12pt
}

    .dhtmlcombo input {
        border: 0px solid
    }

        .dhtmlcombo input[readonly] {
            background-color: silver
        }

.sqls, .sqlc, .sqlk, .sqlf, .sqlt, .sqlp, .sqly, .sqlo, .sqlq {
    background-color: transparent
}

.sqls {
    color: red
}

.sqlc {
    color: teal
}

.sqlk, .sqlt {
    color: blue
}

.sqlf {
    color: fuchsia
}

.sqlp {
    color: maroon
}

.sqly {
    color: green
}

.sqlo {
    color: gray
}

.sqlq, .sqlq * {
    color: black
}

#templateApplier {
    border: 1px solid rgb(76,76,76);
    border-left-color: rgb(114,114,114);
    border-top-color: rgb(114,114,114);
    background-color: white
}

.SeparatorContent {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

/* Custom prompt styling, wordt gebruikt door mail controle*/
.prompt {
    background: white;
    border: 2px solid black;
    padding: 1em;
}

    .prompt.info {
        background: lightblue;
        border-color: blue;
    }

    .prompt.warning {
        background: lightgoldenrodyellow;
        border-color: orange;
    }

    .prompt.success {
        background: lightgreen;
        border-color: green;
    }

    .prompt.fail {
        background: lightcoral;
        border-color: red;
    }