/* the norm */
#notifier-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:252px;
	z-index:9999;
}
#notifier-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#notifier-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#notifier-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.notifier-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('images/ie-spacer.gif'); /* ie7/8 fix */ 
}
.notifier-top {
	background:url('images/notification-bg.png') no-repeat left top;
	height:45px;
	overflow:hidden;
}
.hover .notifier-top {
	/*background-position:right -30px;*/
}
.notifier-bottom {
	background:url('images/notification-bg.png') no-repeat left bottom;
	height:15px;
	margin:0;
	overflow:hidden;
}
.hover .notifier-bottom {
	/*background-position: bottom right;*/
}
.notifier-item {
	display:block;
	background:url('images/notification-bg-1px.png') repeat-y left top;
	color:#666666;
	padding:2px 22px 8px;
	font-size: 12px;
	font-family:"PT Sans";
}
.hover .notifier-item {
	/*background-position:right -40px;*/
}
.notifier-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.notifier-item .notification-centered{
	text-align:center;
	margin-top:6px;
}
.notifier-item a{
	display:inline-block;
	width:60px;
	height:27px;
}
.notifier-item a#notification-login{
	background:url('images/notification-login.jpg') left top no-repeat;
}
.notifier-item a#notification-signup{
	background:url('images/notification-signup.jpg') left top no-repeat;
	margin-left:8px;
}
.notifier-close {
	display:none;
	position:absolute;
	top:30px;
	right:12px;
	background:url('images/notification-close.png') no-repeat left top;
	cursor:pointer;
	width:15px;
	height:15px;
}
.notifier-title {
	font-size:14px;
	font-weight:normal;
	padding:0 0 7px 0;
	display:block;
	/*text-shadow:1px 1px 0 #000; Not supported by IE :( */
}
.notifier-title .amount{
	color:#6cc25e;
	font-weight:bold;
	font-size:1.2em;
}
.notifier-image {
	width:48px;
	height:48px;
	float:left;
}
.notifier-with-image,
.notifier-without-image {
	padding:0;
}
.notifier-with-image {
	width:220px;
	float:right;
}
.notifier-light .notifier-title {
    text-shadow: none;
}
