/* Message Notification ----------------------------------------------------- */

#notification-message {
	background-color: #f3f3de;
	height:			  45px;
	overflow:		  hidden;
	position:		  relative;
}

#notification-message,
.notification-message {
	background-position: 80% center;
	background-repeat:   no-repeat;
}

#notification-message a,
.notification-message a {
	color: #377d8a;
}

#notification-message h2 {
	font-size:   18px;
	font-weight: 400;
	line-height: 18px;
	width:       800px;
}

#notification-message h2 {
	padding: 12px 10px 10px 0;
}

#notification-message div {
	display:     none;
	font-size:   16px;
	margin-left: 60px;
}

#notification-message p,
.notification-message p {
	line-height: 1.5;
	margin:      15px 0 15px 0;
	word-break: break-all;
}

#notification-message p,
.notification-message.background p {
	width: 500px;
}

#notification-message h2,
.notification-message.background h2 {
	width: 590px;
}

/* Toggle Buttons for Message Notifications */
#notification-message .button,
.notification-message .button {
	cursor:         pointer;
	font-weight:    400;
	margin:         5px 0 0 0;
	padding:        3px 0;
	position:       absolute;
	right:          5px;
	text-transform: capitalize;
	top:            5px;
}

#notification-message .button.bottom,
.notification-message .button.bottom {
	bottom: 5px;
	top:    auto;
}

#notification-message .button span,
.notification-message .button span {
	background-image:    url('/member/images/icons/layout.png');
	background-repeat:   no-repeat;
	background-position: 0 -42px;
	float:               right;
	height:              16px;
	margin:              1px 5px 0 5px;
	width:               16px;
}

#notification-message .button.view span {
	background-position: -16px -42px;
}

#notification-message .button.minimize span {
	background-position: -32px -42px;
}


/* Toast Notification ------------------------------------------------------- */

#toast {
	-webkit-box-shadow: 0 1px 3px #666;
	-moz-box-shadow: 0 1px 3px #666;
	box-shadow: 0 1px 3px #666;

	background:  rgba(204, 204, 67, 0.9);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2cccc43",endColorstr="#f2cccc43");
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2cccc43', endColorstr='#f2cccc43'); /* Opacity property in IE */

	border-radius: 5px;
	bottom:        20%;
	color:         #333333;
	font-size:     22px;
	font-style:    italic;
	font-weight:   100;
	left:          50%;
	margin:        0 auto;
	opacity:	   0;
	padding:       15px 20px;
	position:      fixed;
	text-align:    center;
	z-index:       1200;
}

#toast.error {
	background:  rgba(204, 20, 67, 0.9);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2cc1443",endColorstr="#f2cc1443");
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2cc1443', endColorstr='#f2cc1443'); /* Opacity property in IE */
}