.notice-wrap {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 250px;
	z-index: 9999;
}

* html .notice-wrap {
	position: absolute;		
}

.notice-item-wrapper{ }
 
.notice-item {
	background-color: #333;
     -moz-border-radius: 6px; 
  -webkit-border-radius: 6px; 
          border-radius: 6px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
	color: #fff;
	padding:10px 30px 10px 15px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
     -moz-box-shadow: 0px 0px 8px #ffffff; 
  -webkit-box-shadow: 0px 0px 8px #ffffff; 
          box-shadow: 0px 0px 8px #ffffff; 
}

.notice-item-wrapper p{ margin:0; }
.notice-timestamp{ color:#eee; display:block; font-size:11px; margin-top: 8px; }

.notice-item-close {
	border: 2px solid #FFFFFF;
     -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
          border-radius: 10px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    line-height: 13px;
    padding: 1px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 15px;
}

/*Custom Classes*/
.notice-item-wrapper .notice{ border:4px solid #0097bb; }
.notice-item-wrapper .error{ border:4px solid #e00; }
.notice-item-wrapper .success{ border:4px solid #69b137; }