/* 
    Document   : Ext.ux.MessageBox.flash
    Created on : 22/01/2010, 16:26:28
    Author     : Otavio
    Description:
        Purpose of the stylesheet follows.
*/
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    z-index:20000;
}

/* General message box style*/
.flash {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    cursor:pointer;
}

.flash table{
    padding: 0px;
}

.flash .icon{
    background-image: url(images/flash_icon_r.png);
    background-attachment: scroll;
    width: 55px;
    height: 43px;
    background-repeat: no-repeat;
}

.flash .body{
    background-image: url(images/flash_body.png);
    height: 43px;
    background-repeat: repeat-x;
    vertical-align: middle;
}

.flash .body .msg{
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
}

.flash .r{
    background-image: url(images/flash_icon_r.png);
    height: 43px;
    width: 10px;
}

/* Flash Info message box style*/
.flash .info .icon{
    background-position: 0px -88px;
}

.flash .info .body{
    background-position: 0px -88px;
    color: #333;
}

.flash .info .r{
    background-position: -55px -88px;
}

/* Flash Error message box style*/
.flash .error .icon{
    background-position: 0px -44px;
}

.flash .error .body{
    background-position: 0px -44px;
    color: #fff;
}

.flash .error .r{
    background-position: -55px -44px;
}

/* Flash Warning message box style*/
.flash .warning .icon{
    background-position: 0px -132px;
}

.flash .warning .body{
    background-position: 0px -132px;
    color: #333;
}

.flash .warning .r{
    background-position: -55px -132px;
}

/* Flash Success message box style*/
.flash .success .icon{
    background-position: 0px 0px;
}

.flash .success .body{
    background-position: 0px 0px;
    color: #fff;
}

.flash .success .r{
    background-position: -55px 0px;
}