#gritter-notice-wrapper{ position:fixed; top:20px; right:20px; width:301px; z-index:9999 }
#gritter-notice-wrapper.top-left{ left:20px; right:auto }
#gritter-notice-wrapper.bottom-right{ top:auto; left:auto; bottom:20px; right:20px }
#gritter-notice-wrapper.bottom-left{ top:auto; right:auto; bottom:20px; left:20px }
.gritter-item-wrapper{ position:relative; margin:0 0 10px 0; background:url(../images/ie-spacer.gif) }
.gritter-top{ background:url(../images/gritter.png) no-repeat left -30px; height:10px }
.hover .gritter-top{ background-position:right -30px }
.gritter-bottom{ background:url(../images/gritter.png) no-repeat left bottom; height:8px; margin:0 }
.hover .gritter-bottom{ background-position:bottom right }
.gritter-item{ display:block; background:url(../images/gritter.png) no-repeat left -40px; color:#EEEEEE; padding:2px 11px 8px 11px; font-size:11px; font-family:verdana }
.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; left:3px; background:url(../images/gritter.png) no-repeat left top; cursor:pointer; width:30px; height:30px }
.gritter-title{ font-size:14px; font-weight:700; padding:0 0 7px 0; display:block; text-shadow:1px 1px 0 #000000 }
.gritter-image{ width:48px; height:48px; float:left }
.gritter-with-image, .gritter-without-image{ padding:0 }
.gritter-with-image{ width:220px; float:right }
.gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-light .gritter-close{ background-image:url(../images/gritter-light.png); color:#222222 }
.gritter-light .gritter-title{ text-shadow:none }