.modal-panel
{
    display: inline;
}

.modal-background
{
    position: fixed;
    background-color: #666666;
    filter: alpha(opacity=50);
    opacity: 0.5;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.modal-foreground
{
    background: transparent;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.modal-foreground .align-row
{
    background: transparent;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.modal-foreground .align-column
{
    background: transparent;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.modal-foreground .dialog-wrapper
{
    background: transparent;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
}

.modal-foreground .dialog-box
{
    background-color: white;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    margin: 0px;
    padding: 0px;
}

.modal-foreground .dialog-header
{
    background-color: #3a4f63;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 8px;
}

.modal-foreground .dialog-body
{
    padding: 4px 8px;
}

.modal-foreground .dialog-body td
{
    background: transparent;
}

.modal-foreground .dialog-body select
{
    max-width: 200px;
}

.modal-foreground .dialog-buttons
{
    padding: 4px 8px;
}

.inputerror
{
    width: 100%;
    clear: both;
    color: red;
}