#gritter-notice-wrapper {
 position:fixed;
 top:auto;
 bottom:20px;
 right:20px;
 width:301px;
 z-index:9999;
}

.gritter-item-wrapper {
 position:relative;
 margin:0 0 10px 0;
 background: #000;
 background: rgba(0,0,0,0.75);
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}

.growl-primary {
 background: #007fff;
}

.growl-success {
 background: #3fb618;
}

.growl-warning {
 background: #fa5505;
}

.growl-danger {
 background: #f40b11;
}

.growl-info {
 background: #6cb6ff;
}

.gritter-item {
 display:block;
 color:#FFF;
 padding: 15px;
 font-size: 11px;
}

.gritter-item p {
 padding:0;
 margin:0;
 word-wrap:break-word;
 line-height: 18px;
 font-size: 13px;
}

a.gritter-close {
 position:absolute;
 top: 10px;
 right: 10px;
 cursor:pointer;
 opacity: 0.8;
 color:#FFFFFF;
}
a.gritter-close:hover {
 opacity: 0.95;
 color:#FFFFFF;
 text-decoration:none;
}

.gritter-title {
 font-size: 14px;
 padding:0 0 7px 0;
 display:block;
 font-weight: bold;
}

.gritter-image {
 width:48px;
 height:48px;
 float:left;
}

.gritter-with-image,
.gritter-without-image {
 padding:0;
}

.gritter-with-image {
 width:220px;
 float:right;
 padding-left: 10px;
}

/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item {
 background: #fff;
 background: rgba(255,255,255,0.75);
 color: #666;
}