| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138 | 
							- /* the norm */
 
- #gritter-notice-wrapper {
 
- 	position:fixed;
 
- 	top:40px;
 
- 	right:20px;
 
- 	width:301px;
 
- 	z-index:9999;
 
-     -webkit-animation-duration: 1s;
 
-     animation-duration: 1s;
 
-     -webkit-animation-fill-mode: both;
 
-     animation-fill-mode: both;
 
-     -webkit-animation-name: bounceIn;
 
-     animation-name: bounceIn;
 
- }
 
- @keyframes bounceIn {
 
-     0% {
 
-         opacity: 0;
 
-         -webkit-transform: scale(.3);
 
-         -ms-transform: scale(.3);
 
-         transform: scale(.3);
 
-     }
 
-     50% {
 
-         opacity: 1;
 
-         -webkit-transform: scale(1.05);
 
-         -ms-transform: scale(1.05);
 
-         transform: scale(1.05);
 
-     }
 
-     70% {
 
-         -webkit-transform: scale(.9);
 
-         -ms-transform: scale(.9);
 
-         transform: scale(.9);
 
-     }
 
-     100% {
 
-         opacity: 1;
 
-         -webkit-transform: scale(1);
 
-         -ms-transform: scale(1);
 
-         transform: scale(1);
 
-     }
 
- }
 
- #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'); /* ie7/8 fix */
 
- }
 
- .hover .gritter-top {
 
- 	/*background-position:right -30px;*/
 
- }
 
- .gritter-bottom {
 
- 	height:8px;
 
- 	margin:0;
 
- }
 
- .gritter-item {
 
- 	display:block;
 
- 	background-color: rgba(39,58,75,0.8);
 
-     border-radius: 4px;
 
- 	color:#eee;
 
- 	padding:10px 11px 10px 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-item a:hover {
 
-     color: #f8ac59;
 
-     text-decoration: underline;
 
- }
 
- .gritter-close {
 
- 	display:none;
 
- 	position:absolute;
 
- 	top:5px;
 
- 	right:3px;
 
- 	background:url(images/gritter.png) no-repeat left top;
 
- 	cursor:pointer;
 
- 	width:30px;
 
- 	height:30px;
 
- 	text-indent:-9999em;
 
- }
 
- .gritter-title {
 
- 	font-size:12px;
 
- 	font-weight:bold;
 
- 	padding:0 0 7px 0;
 
- 	display:block;
 
-     text-transform: uppercase;
 
- }
 
- .gritter-image {
 
- 	width:48px;
 
- 	height:48px;
 
- 	float:left;
 
- }
 
- .gritter-with-image,
 
- .gritter-without-image {
 
- 	padding: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-light .gritter-close {
 
-     background-image: url(images/gritter-light.png);
 
-     color: #222;
 
- }
 
- .gritter-light .gritter-title {
 
-     text-shadow: none;
 
- }
 
 
  |