.message-panel
{
    width: auto;
    background: #77A09B;
    margin: 10px 40px 10px 40px;
    padding: 4px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
    border-radius: 6px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.message-panel-contents
{
    width: auto;
    background: #EEE;
    margin: 8px 0px 0px 0px;
    padding: 8px 20px 8px 20px;
    border-radius: 0px 0px 4px 4px;
    color: #000;
    font-weight: normal;
}

.alert-panel
{
    width: auto;
    background: #C00000;
    margin: 10px 40px 10px 40px;
    padding: 4px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
    border-radius: 6px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.alert-panel-contents
{
    width: auto;
    background: #EEE;
    margin: 8px 0px 0px 0px;
    padding: 8px;
    padding: 8px 20px 8px 20px;
    color: #600;
    font-weight: normal;
    font-style: italic;
}

.panel-title
{
    padding-top: 4px;
}

.panel-dismiss-button
{
    float: right;
    border: 2px solid;
    font-size: 9pt;
    border: solid 2px #FFF;
    border-radius: 0px 4px 0px 0px;
    padding: 4px 4px 3px 4px;
    background: rgb(255,255,255,0.25);
    cursor: pointer;
}

.panel-dismiss-button:hover
{
    background: rgb(255,255,255,0.5);
}

.message-panel-error
{
    background: #FF4040;
}

.option-panel
{
    border: 2px solid #DDD;
    border-radius: 4px;
    background: #EEE;
    margin: 4px;
    padding: 4px;
    cursor: pointer;
    opacity: 0.7;
}

.option-panel .option-title
{
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 12pt;
}

.option-image-area
{
    background: #F7F7F7;
    width: 90px;
    float: left;
    margin: 0px;
    margin-right: 10px;
    padding: 5px;
}

.option-image
{
    float: left;
    margin-right: 10px;
    width: 90px;
    border: 2px solid #444;
    border-radius: 4px;
    width: 90px;
}

.option-selected
{
    border: 2px solid rgb(90, 97, 14);
    background: rgb(226, 230, 187);
    opacity: 1.0;
}

.toggle
{
    cursor: pointer;
    margin: 2px;
    padding: 4px;
    border: 2px solid #444;
    border-radius: 4px;
    text-align: center;
    background: #EEE;
    opacity: 0.6;
}

.toggle-active
{
    border: 2px solid rgb(90, 97, 14);
    background: rgb(226, 230, 187);
    opacity: 1.0;
}