/* the norm */ #gritter-notice-wrapper { position:fixed; top:60px; right:15px; 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('/fonts/ie-spacer.gif'); /* ie7/8 fix */ } .gritter-top { background:url(/fonts/gritter.png) no-repeat left -30px; height:10px; } .hover .gritter-top { background-position:right -30px; } .gritter-bottom { background:url(/fonts/gritter.png) no-repeat left bottom; height:8px; margin:0; } .hover .gritter-bottom { background-position: bottom right; } .gritter-item { display:block; background:url(/fonts/gritter.png) no-repeat left -40px; color:#eee; 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; } .gritter-close { display:none; position:absolute; top:5px; left:3px; background:url(/fonts/gritter.png) no-repeat left top; cursor:pointer; width:30px; height:30px; } .gritter-title { font-size:14px; font-weight:bold; padding:0 0 7px 0; display:block; text-shadow:1px 1px 0 #000; /* Not supported by IE :( */ } .gritter-image { width:48px; height:48px; float:left; } .gritter-with-image, .gritter-without-image { padding:0 0 5px 0; } .gritter-with-image { width:220px; float:right; } /* for the light (white) version of the gritter notice */ .gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-close { background-image: url(/fonts/gritter-light.png); color: #222; } .gritter-light .gritter-title { text-shadow: none; }