﻿.contentBox div 
{
    /*    border: solid 1px black;*/
}

#dvTopPanel, #dvMidPanel {
    width: 100%;
    clear: both;
}

#dvTopPanel {
    padding-bottom: 15px;
}

#dvHazardData {
    width: 100%;
}

#dvHazardButtons {
    width: 210px;
    text-align: right;
    float: right;
}


.lblTitleSharedCtrl {
    font-weight: bold;
}

.lblTitleLangSharedCtrl {
    margin-bottom: 10px;
    text-align: left;
}

.sheetHazard {
    width: 100%;
    height: 20px;
    display: table-row;
}

    .sheetHazard .lblTitleSharedCtrl {
        width: 200px;
        display: table-cell;
    }

    .sheetHazard .lblValueSharedCtrl {
        width: 250px;
        display: table-cell;
    }

.sheetRow {
    width: 100%;
    height: 20px;
    display: table-row;
}

    .sheetRow .lblTitleSharedCtrl {
        width: 200px;
        display: table-cell;
    }

    .sheetRow .lblValueSharedCtrl {
        width: 250px;
        display: table-cell;
    }

.RowData {
    width: 100%;
    float: left;
    display: table-row;
}

.CellData {
    float: left;
    display: table-cell;
}

.CellDataCenter {
    display: table-cell;
}

.CellDataRight {
    vertical-align: top;
    display: table-cell;
}


.RowButtons {
    width: 100%;
    float: right;
    display: table-row;
    text-align: right;
}

.ColumnButtons {
    float: right;
}

/*Button Area*/

.ImageButtons a, .ImageButtons button {
    display: inline;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top-color: #eee;
    border-left-color: #eee;
    font-size: 11px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 5px 10px 6px 7px;
    overflow: hidden;
    width: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F3F3F3)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #F9F9F9, #F3F3F3); /* for firefox 3.6+ */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    white-space: nowrap;
    text-align: center;
}

    button.positive, .ImageButtons a.positive {
        background-color: #61CCF0;
        color: White;
        font-weight: bold;
        border: 1 px solid #53C3EB;
        background: -webkit-gradient(linear, left top, left bottom, from(#6FD7F0), to(#55C2EB)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #6FD7F0, #55C2EB); /* for firefox 3.6+ */
    }

        .ImageButtons a.positive:hover, button.positive:hover, .ImageButtons a.positive:active {
            background-color: #54C4EC;
            color: #005678;
        }

        .ImageButtons a.positive:active {
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55C2EB', endColorstr='#6FD7F0'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#55C2EB), to(#6FD7F0)); /* for webkit browsers */
            background: -moz-linear-gradient(top, #55C2EB, #6FD7F0); /* for firefox 3.6+ */
            border-bottom-color: #EEEEEE;
            border-right-color: #EEEEEE;
            border-left-color: #CCCCCC;
            border-top-color: #CCCCCC;
        }

    /* NEGATIVE */

    .ImageButtons a.negative, button.negative {
        color: #d12f19;
    }

        .ImageButtons a.negative:hover, button.negative:hover {
            background: #fbe3e4;
            border: 1px solid #fbc2c4;
            color: #d12f19;
        }

        .ImageButtons a.negative:active {
            background-color: #d12f19;
            border: 1px solid #d12f19;
            color: #fff;
        }

    /* REGULAR */

    button.regular, .ImageButtons a.regular {
        color: #336699;
    }

        .ImageButtons a.regular:hover, button.regular:hover {
            background-color: #dff4ff;
            border: 1px solid #c2e1ef;
        }

        .ImageButtons a.regular:active {
            background-color: #6299c5;
            border: 1px solid #6299c5;
            color: #fff;
        }

    /* GREEN */

    .ImageButtons a.green {
        color: white;
        background-color: #94C352;
        border: 1px solid #8CB95A;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D161', endColorstr='#81B94C'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#A7D161), to(#81B94C)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #A7D161, #81B94C); /* for firefox 3.6+ */
    }

        .ImageButtons a.green:hover, .ImageButtons a.green:active {
            border: 1px solid #86B35A;
            color: #305B06;
        }

        .ImageButtons a.green:active {
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81B94C', endColorstr='#A7D161'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#81B94C), to(#A7D161)); /* for webkit browsers */
            background: -moz-linear-gradient(top, #81B94C, #A7D161); /* for firefox 3.6+ */
            border-bottom-color: #8CB95A;
            border-right-color: #8CB95A;
            border-left-color: #6C993A;
            border-top-color: #6C993A;
        }

    .ImageButtons a.disable {
        pointer-events: none;
        cursor: default;
        color: #BABABA;
    }

        .ImageButtons a.disable:hover {
            text-decoration: none;
        }

.noclose .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none;
}