.toast-container{
width:280px;
z-index:10001
}

* html .toast-container{
position:absolute
}


.toast-item{
height:auto;
background:#ddd;
opacity:.9;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color:#333;
padding:20px 6px;
font-family:Verdana,Arial,sans-serif;
font-weight:900;
font-size:14px;
border:2px solid #999;
display:block;
position:relative;
margin:0 0 12px
}

.toast-item p{
text-align:left;
margin-left:50px
}

.toast-item-close{
background:url(../images/close-dialog.png);
width:22px;
height:22px;
position:absolute;
top:7px;
right:7px;
cursor:pointer
}

.toast-item-image{
width:32px;
height:32px;
position:absolute;
top:50%;
margin-top:-16px;
left:10px
}

.toast-item-image-notice{
background:url(../images/notice.png)
}

.toast-item-image-success{
background:url(../images/success.png)
}

.toast-item-image-warning{
background:url(../images/warning.png)
}

.toast-item-image-error{
background:url(../images/error.png)
}

.toast-type-notice,.toast-type-success{
color:#333
}

.toast-type-warning{
color:#333;
border-color:#FCBD57
}

.toast-type-error{
color:#333;
border-color:#B32B2B
}

.toast-position-top-left{
position:fixed;
left:20px;
top:20px
}

.toast-position-top-center{
position:fixed;
top:20px;
left:50%;
margin-left:-140px
}

.toast-position-top-right{
position:fixed;
top:20px;
right:20px
}

.toast-position-middle-left{
position:fixed;
left:20px;
top:50%;
margin-top:-40px
}

.toast-position-middle-center{
position:fixed;
left:50%;
margin-left:-140px;
margin-top:-40px;
top:50%
}

.toast-position-middle-right{
position:fixed;
right:20px;
margin-left:-140px;
margin-top:-40px;
top:50%
}

.toast-container p{
color:#333
}