﻿div.ui-widget-overlay.ui-front
{
    position: fixed;
}

div#dialog-message
{
    max-width: 400px;
}

.WMMessage.ui-dialog
{
    z-index: 9999 !important;
}

.WMMessage.ui-dialog-osx
{
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border-width: 5px 5px 5px 5px;
    z-index: 9999;
}

.WMMessage.smaller.ui-dialog-osx
{
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    border-width: 2px 2px 2px 2px;
    z-index: 9999;
    font-size:90%;
}


.WMMessage.ui-dialog-titlebar, .WMMessage.info .ui-dialog-titlebar
{
    border: 1px solid rgba(2,139,255,1);
    background: -webkit-linear-gradient(#0099FF, #0066CC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0099FF, #0066CC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0099FF, #0066CC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0099FF, #0066CC);
}
.WMMessage.smaller.ui-dialog-titlebar, .WMMessage.smaller.info .ui-dialog-titlebar
{
    font-size:90%;
}

.WMMessage.smaller .ui-dialog .ui-dialog-content, .WMMessage.smaller.ui-dialog .ui-dialog-content
{
    font-size: 90%;
}

.WMMessage.error .ui-dialog-titlebar
{
    border: 1px solid #FF0000;
    background: -webkit-linear-gradient(#FF0000, #990000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF0000, #990000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF0000, #990000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF0000, #990000);
}
.WMMessage.ui-button-text-only .ui-button-text
{
    color: Gray;
}

.WMMessage .ui-dialog .ui-dialog-titlebar-close, .WMMessage.ui-dialog .ui-dialog-titlebar-close 
{
    display:none;
}


@media screen and (min-width: 1px) and (max-width: 320px)
{
    .ui-dialog-osx
    {
        min-width: 90%;
    }
}
@media screen and (min-width: 321px) and (max-width: 767px)
{
    .ui-dialog-osx
    {
        min-width: 300px;
        max-width: 400px;
    }
}
@media screen and (min-width: 767px)
{
    .ui-dialog-osx
    {
        min-width: 300px;
        max-width: 400px;
    }
}

