.toast{ position:fixed; list-style: none; padding: 0; z-index: 999999; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; line-height:32px; }
.toast li{ margin: 10px 0 0 0; display:block; background-color:#fcf8e3; color:#c09853; border:1px solid #fbeed5; padding:5px 10px; border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 2px 5px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15); }
.toast li:first-child{ margin-top:0; }
.toast li.normal{ color: #eee; background-color: #333; border-color: #eee; opacity:.9; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); }
.toast button.close{ background: none; border: none; font-weight: bold; font-size: 20px; line-height: 20px; float: right; padding: 0; margin: 0 0 0 5px; color: rgba(0,0,0,.25); cursor: pointer; }
.toast .normal button.close{ background: none; border: none; font-weight: bold; font-size: 20px; line-height: 20px; float: right; padding: 0; margin: 0 0 0 5px; color: rgba(255,255,255,.25); cursor: pointer; }
.toast h1, .toast h2, .toast h3, .toast h4 { display: inline; }
.toast-position-top-left{position:fixed;left:20px;top:20px;}
.toast-position-center{position:fixed;top:20px;left:50%;margin-left:-140px;}
.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-position-bottom-left{position:fixed;left:20px;bottom:20px;}
.toast-position-bottom-center{position:fixed;bottom:20px;left:50%;margin-left:-140px;}
.toast-position-bottom-right{position:fixed;bottom:20px;right:90px;}
.toast-item-image{width:32px;height:32px;margin-right:10px;float:left;background:url(../images/dd.png)}