.on {
    display: table;
}
.off {
    display: none;
}
.modalBack {
    background-color: #EEEEEE;
    cursor: default;
    z-index: 20002;
}
.clickBack {
    background-color: #C0C0C0;
    cursor: pointer;
    z-index: 20000;
}
.ui-front {
    z-index: 20005;
}
div.interceptor {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    opacity: 0.50;
}
div.lightBox {
    position: absolute;
    border: 1px solid #797975;
    background-color: white;
    z-index: 20001;
}
div.modalBox {
    position: relative;
    background-color: white;
    border: 1px solid #797975;
    margin: auto;
    z-index: 20003;
}
div.lightBox div.content, div.modalBox div.content {
    position: relative;
    overflow: auto;
}
div.chartLoader {
    text-align: center;
}
div.lightBoxClose {
    float: right;
    margin: 5px;
}
p.chartLoader {
    margin: 100px;
}
p.centered {
    text-align: center;
}
div.content div.modal, p.modal {
    margin: 20px;
    font-size: initial;
    clear: both;
}
div.content button.modal {
    cursor: pointer;
    float: right;
    margin: 0 20px 20px 0;
}
div.content input {
    width: 300px;
    padding: 0 5px;
}
div.content input[type="checkbox"] {
    width: auto;
}
div.content select {
    width: 314px;
    padding: 0 5px;
}
div.content .ui-selectmenu-button {
    width: 312px;
}
div.content div.modal .forceLine, p.modal .forceLine {
    display: block;
    padding-bottom: 0.5em;
}
div.content span.red {
    color: red;
}