.toast-container {
	width: 400px;
	z-index: 9999;
	max-width: 100%;
}


* html .toast-container {
	position: absolute;		
}
 
.toast-item-wrapper 
{
    margin-bottom: 8px;
}
 
.toast-item {
	height: auto;
	background: #e6e6e6;
	color: #999;
	padding: 3px 20px 3px 5px;
	border: solid 1px #b3b3b3;
	display: block;
	position: relative;
	margin: 0;
}

.toast-item p {
    text-align: left;
    padding: 16px 0px 16px 58px;
}

.toast-item-close {
    background:url(close.gif);
    width:12px;
    height:10px;
    position: absolute;
    top:3px;
    right:3px;
}

.toast-item-image {
    width:32px;
    height: 32px;
    margin: 10px;
    float:left;
}

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

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

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

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


/** 
 * toast types 
 * 
 * pattern: toast-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 * 
 */
.toast-type-notice {
    color: #2a60db;    
}

.toast-type-success
{
    color: #358C00;
}

.toast-type-warning
{
    color: #E89700;
}

.toast-type-error
{
    color: #D90909;
}

/** 
 * positions 
 * 
 * pattern: toast-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 * 
 */
.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

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

.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: -200px;
    margin-top: -40px;
    top: 36%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -200px;
    margin-top: -40px;
    top: 50%;
}
/* Overrides metades */
.toast-item {
	background: #ebebeb;
	color: #5F686B;
	font-weight: bold; 
	border: solid 1px #d8dadc;
}
.toast-item-image-notice {
    background-image: url("toast-replacement_notice.png");
	background-repeat: no-repeat;
}