#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: 5px
}

.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;
  right: 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 #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-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
}

.gritter-item-wrapper.gritter-error {
  background: rgba(153, 40, 18, .92);
}

.gritter-item-wrapper.gritter-success {
  background: rgba(89, 131, 75, .92);
}

.gritter-item-wrapper.gritter-info {
  background: rgba(49, 81, 133, .92);
}

.gritter-item-wrapper.gritter-warning {
  background: rgba(190, 112, 31, .92);
}

.gritter-center {
  position: fixed;
  left: 33%;
  right: 33%;
  top: 33%;
}

.gritter-item-wrapper {
  background-image: none!important;
  box-shadow: 0 2px 10px rgba(50, 50, 50, .5);
  background: rgba(50, 50, 50, .92);
}