.notify-title { font-weight: bold; }
.notify-message { word-wrap: break-word; }
.notify-message a,
.notify-message label { color: #FFF; }
.notify-message a:hover { color: #CCC; text-decoration: none; }

.notify-top-left { top: 12px; left: 12px; }
.notify-bottom-right { right: 12px; bottom: 12px; }
.notify-bottom-left { left: 12px; bottom: 12px; }
.notify-top-right { top: 12px; right: 12px; }

#notify-container  { position: fixed; z-index: 9999; }
#notify-container > div { background-position: 15px center; background-repeat: no-repeat; color: #FFFFFF;
margin: 0 0 6px; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
opacity: 0.8; padding: 15px 15px 15px 15px; width: 300px; }

.notify { background-color: #030303; }
.notify-success { background-color: #51A351; }
.notify-error { background-color: #BD362F; }
.notify-info { background-color: #2F96B4; }
.notify-warning { background-color: #F89406; }

#notify-container > :hover { filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; cursor: pointer; }

/* Responsive */
@media all and (max-width: 240px) {
	#notify-container > div { padding: 8px 8px 8px 8px; width: 108px; }
}
@media all and (min-width: 241px) and (max-width: 320px) {
	#notify-container > div { padding: 8px 8px 8px 8px; width: 128px; }
}
@media all and (min-width: 321px) and (max-width: 480px) {
	#notify-container > div { padding: 8px 8px 8px 8px; width: 192px; }
}
@media all and (min-width: 481px) and (max-width: 768px) {
	#notify-container > div { padding: 15px 15px 15px 15px; width: 300px; }
}
@media all and (min-width: 769px) {
	#notify-container > div { padding: 15px 15px 15px 15px; width: 300px; }
}