/*
	HUMANIZED MESSAGES 1.0
	idea - http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages
	home - http://humanmsg.googlecode.com
*/

html, body {
	height: 100%; /* Damn you IE! */
}

/*	=Notification Display
	------------------------------------------------------ */
	#notification 
	{
		font: normal 20px Helvetica, Arial, Sans-Serif;
		position: fixed;
		top: 35%;
		left: 25%;
		width: 50%;
		color: white;
		background-color: black;
		text-align: center; 
		display: none;
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
		z-index: 1000;
		-moz-border-radius: 3px;
		-webkit-border-radius: 5px;
	}

			#notification p 
			{
				padding: 15px;
				display: block 
			}
			
			#notification a
			{
				border-bottom: 1px dotted white;
				padding-bottom: 0.05em;
			}

	/*	=Notification Overlay
		------------------------------------------------------ */
		#notification-overlay
		{
			background: black;
			height: 100%;
			opacity: 0;
			-moz-opacity: 0;
			filter:alpha(opacity=0);
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 999;
			display: none;
		}
		
	/*	=Notification Log
		------------------------------------------------------ */	
		#notification-log 
		{
			font: normal 10px Arial, Sans-Serif;
			color: white;
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			max-height: 200px;
			display: none;
			z-index: 998;
		}

			#notification-log p 
			{
				position: relative;
				left: 50%;
				width: 200px;
				margin: 0;
				margin-left: -100px;
				padding: 5px 10px;
				line-height: 20px;
				text-align: center;
				white-space: pre;
				cursor: pointer;
				color: #333;
				border: 1px solid  #E5E5E5;
				top: 2px;
				background: #F6F6F6 url(../../../images/backgrounds/form.png) repeat-x scroll 0 0;
				border-bottom: none;
				z-index: 2;
				font: 1.25em Georgia, Arial, Helvetica, serif;
				color: #333;
			}

			#notification-log p:hover 
			{
				background: #E5E5E5;
			}

			#notification-log ul 
			{
				background: #F6F6F6 url(../../../images/backgrounds/form.png) repeat-x scroll 0 0;
				margin: 0;
				padding: 0;
				position: relative;
				max-height: 180px;
				overflow: auto;
				display: none;
			}

				#notification-log ul li 
				{
					color: #555;
					font-size: 12px;
					list-style-type: none;
					border-bottom: 1px solid #ddd;
					line-height: 40px;
					display: none;
					padding: 0 4%;
					position: relative;
					overflow: hidden;
					white-space: pre;
				}

				#notification-log ul li:hover 
				{
					background: #f2f2f2;
				}

				#notification-log ul li:first-child 
				{
					margin-top: 1px;
				}
	
					#notification-log ul li .error 
					{
						color: red;
					}

					#notification-log ul li .indent 
					{
						position: absolute;
						top: 0;
						left: 100px;
						margin-right: 200px;
						height: inherit;
					}
	
/*	=Action Specific Notifications
	------------------------------------------------------ */
	div.error, div.success
	{
		background: white !important;
		color: #333 !important;
	}
	
	div.error strong
	{
		color: #EC1C23 !important;
		font-weight: normal;
	}

	div.success strong
	{
		color: #36AC39 !important;
		font-weight: normal;
	}
	
		.success a
		{
			border-bottom: 1px dotted #A3E1A5 !important;
			padding-bottom: 0.025em !important;
		}

	div.yield
	{
		background: #29ABE2 !important;
	}

	div.default
	{
		background: #CCC !important;
		color: #666 !important;
	}