@font-face {
	font-family: Glyph;
	src: url('../glyph/close.eot?97638464');
	src: url('../glyph/close.eot?97638464#iefix') format('embedded-opentype'),
		 url('../glyph/close.woff?97638464') format('woff'),
		 url('../glyph/close.ttf?97638464') format('truetype'),
		 url('../glyph/close.svg?97638464#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

.lite-alert-box {
  position: fixed;
  bottom: 10px;
  left: 10px; }
.lite-alert-item {
  background: rgba(0, 0, 0, 0.8);
  padding: 0 10px;
  border-radius: 5px;
  width: 300px;
  color: #ffffff;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.8);
  margin-top: 20px;
  position: relative; }
  .lite-alert-item-close {
    font-size: 10px;
    height: 8px;
    width: 8px;
    padding: 4px 5px 6px 5px;
    margin: 10px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #fff;
}
    .lite-alert-item-close:before {
	  font-family: Glyph;
      content: '\e802'; }
    .lite-alert-item-close:hover {
      color: white; }
  .lite-alert-item-header {
    font-weight: bold;
    padding: 10px 0; }
  .lite-alert-item-footer {
    padding: 5px 0; }