/* the norm */
#gritter-notice-wrapper {position: fixed;bottom: 10px;left: 30px;width: 400px;z-index: 9999; max-width:100%; }
@media (min-width:1900px){#gritter-notice-wrapper {position: fixed;bottom: 50px;left: 30px;width: 301px;z-index: 9999; }}
#gritter-notice-wrapper.top-left {left: 20px;right: auto; }
#gritter-notice-wrapper.bottom-right {top: auto;left: auto;bottom: 5px;right: 5px; }
#gritter-notice-wrapper.bottom-left {top: auto;right: auto;bottom: 5px;left: 5px; }

.gritter-item-wrapper {position: relative;margin: 0 0 0px 0;background: url("../images/ie-spacer.gif");/* ie7/8 fix */ }
.gritter-item {display: block;background-color: rgba(0,0,0,.8);color: #eee;padding: 8px 11px;font-size: 11px; border-radius:10px; position:relative; }
.hover .gritter-item {background-position: right -40px; }
.gritter-item p {padding: 0;margin: 0;word-wrap: break-word; }
.gritter-close {display: none;position: absolute;top:5px;right:7px; background: url(../images/gritter.png) no-repeat left top;cursor: pointer;width: 30px;height: 30px;text-indent: -9999em; }

.gritter-title {font-size: 14px;font-weight: bold;padding: 0 0 7px 0;text-shadow: 1px 1px 0 #000;}
.gritter-image {width: 48px;height: 48px;float: left; }
.gritter-with-image,.gritter-without-image {padding: 0; }
.gritter-with-image {width: 220px;float: right; }

.gritter-without-image span, .gritter-without-image p{float:left!important;}
.gritter-without-image .gritter-title{width:40px; height:48px; float:left; padding:5px 0px 0px 0px!important; text-indent:5px;}
.gritter-without-image .fa{font-size:25px; }
.gritter-without-image p{width:320px; font-size:14px; line-height:1.4; padding:5px 0px 0px 0px;}

/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {background-image: url(../images/gritter-light.png);color: #222; }

.gritter-light .gritter-title {text-shadow: none; }