/* the norm */
#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'); /* ie7/8 fix */ 
}
.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:#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;
	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;
	text-indent:-9999em;
}
.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;
}
.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;
}

/* Ameretti style */

#gritter-notice-wrapper {
  width: 360px;
  top: 100px;
}
.gritter-item-wrapper {
  background: url("../images/gritter-bg.png");
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.gritter-item-wrapper .gritter-item {
  font-family: 'Open Sans', sans-serif;
  background: transparent;
  color: #ffffff;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.gritter-item-wrapper .gritter-item .gritter-img-container {
  display: table-cell;
  width: 26%;
  vertical-align: middle;
  text-align: center;
  background-color: #302f2f;
}
.gritter-item-wrapper .gritter-item .gritter-img-container .gritter-image {
  float: none;
}
.gritter-item-wrapper .gritter-item .gritter-content {
  width: auto;
}
.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image,
.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image {
  padding: 15px 35px 17px 15px;
  color: #d9d9d9;
  width: 267px;
  display: table-cell;
}
.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close,
.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close {
  display: block !important;
  top: 0;
  right: 0;
  left: auto;
  height: 30px;
  width: 35px;
  font-size: 0;
  background: transparent;
  text-indent: inherit;
  opacity: 0.4;
}
.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:hover,
.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:hover {
  opacity: 0.8;
}
.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:after,
.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:after {
  content: "\e014";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  color: #ffffff;
  font-size: 16px;
  left: 10px;
  top: 5px;
  text-shadow: none;
}
.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-title,
.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-title {
  text-shadow: none;
  font-weight: 300;
  font-size: 17px;
}
.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image p,
.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image p {
  font-size: 12px;
  line-height: 19px;
}
.gritter-item-wrapper .gritter-item .gritter-content .gritter-without-image {
  border-left: 0;
}
.gritter-item-wrapper.img-rounded {
  border-radius: 0;
}
.gritter-item-wrapper.img-rounded .gritter-img-container .gritter-image {
  border-radius: 50%;
}
.gritter-item-wrapper.clean {
  background: #ffffff;
}
.gritter-item-wrapper.clean .gritter-item {
  color: #555555;
}
.gritter-item-wrapper.clean .gritter-item .gritter-img-container {
  background-color: #fafafa;
}
.gritter-item-wrapper.clean .gritter-item .gritter-content {
  color: #555555;
}
.gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close {
  opacity: 0.5;
}
.gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close:after {
  color: #555555;
}
.gritter-item-wrapper.color .gritter-item .gritter-content {
  color: #ffffff;
}
.gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close {
  opacity: 0.7;
}
.gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close:hover {
  opacity: 1;
}
.gritter-item-wrapper.alert-success {
  background: #6dbe00;
}
.gritter-item-wrapper.success {
  background: #7ACCBE;
}
.gritter-item-wrapper.info {
  background: #8dcadf;
}
.gritter-item-wrapper.alert-warning {
  background: #FFC870;
}
.gritter-item-wrapper.alert-danger {
  background: #EF6262;
}
.gritter-item-wrapper.alert-info {
  background: #005ab2;
}
.gritter-item-wrapper.alt2 {
  background: #333;
}
.gritter-item-wrapper.alt3 {
  background: #EBEBEB;
}
.gritter-item-wrapper.alt4 {
  background: #FF6700;
}
.gritter-item-wrapper.dark {
  background: #3d3c3c;
}
.gritter-item-wrapper.facebook {
  background: #5d82d1;
}
.gritter-item-wrapper.facebook .gritter-item .gritter-img-container {
  background-color: #5179ce;
}
.gritter-item-wrapper.twitter {
  background: #50bff5;
}
.gritter-item-wrapper.twitter .gritter-item .gritter-img-container {
  background-color: #42baf4;
}
.gritter-item-wrapper.google-plus {
  background: #eb5e4c;
}
.gritter-item-wrapper.google-plus .gritter-item .gritter-img-container {
  background-color: #e9523e;
}
.gritter-item-wrapper.dribbble {
  background: #f7659c;
}
.gritter-item-wrapper.dribbble .gritter-item .gritter-img-container {
  background-color: #f65693;
}
.gritter-item-wrapper.flickr {
  background: #0063dc;
}
.gritter-item-wrapper.flickr .gritter-item .gritter-img-container {
  background-color: #005ccd;
}
.gritter-item-wrapper.linkedin {
  background: #238cc8;
}
.gritter-item-wrapper.linkedin .gritter-item .gritter-img-container {
  background-color: #2183bb;
}
.gritter-item-wrapper.youtube {
  background: #ef4e41;
}
.gritter-item-wrapper.youtube .gritter-item .gritter-img-container {
  background-color: #ee4133;
}
.gritter-item-wrapper.pinterest {
  background: #e13138;
}
.gritter-item-wrapper.pinterest .gritter-item .gritter-img-container {
  background-color: #df242b;
}
.gritter-item-wrapper.github {
  background: #333;
}
.gritter-item-wrapper.github .gritter-item .gritter-img-container {
  background-color: #2b2b2b;
}
.gritter-item-wrapper.tumblr {
  background: #426d9b;
}
.gritter-item-wrapper.tumblr .gritter-item .gritter-img-container {
  background-color: #3d6590;
}