/************************************************************************************************************

ALERTS

These containers can be used independent of the module framework. Most often the dom nodes will be 
created by script and then inserted into the body html node. The same goes for position.

To preview these styles with the correct html markup, please see [templates_alerts.aspx]

*************************************************************************************************************/ 

/*** COMMON */
	*[class|="guiAlert"]
		{
		}
		*[class|="guiAlert"] .associated,
		*[class|="guiAlert"] .type,
		*[class|="guiAlert"] .display,
		*[class|="guiAlert"] .removal
			{
				display:none;
			}

/**** SYSTEM    */
	.guiAlert-System
		{
			display:none;
		}
		
/**** BALLOON    */
	*[class|="guiAlert-Ballon"]
		{
			position:absolute;
		}
		*[class|="guiAlert-Ballon"] .content
			{
			}
			
			
/**** IN-PLACE    */
	*[class|="guiAlert-InPlace"]
		{
			position:relative;
			display:block;
			background-color:#fbfec7;
			border:solid 1px #cbcbcb;
			margin-bottom:0.5em;
		}
		*[class|="guiAlert-InPlace"] a
			{
				color:#183ba5;
			}
		*[class|="guiAlert-InPlace"] .content
			{
				padding:1em;
				padding-left:3em; /* space for icon */
			}
		*[class|="guiAlert-InPlace"] .icon
			{
				position:absolute;
				top:1em;
				left:1em;
				display:block;
				width:16px;
				height:16px;
				background-image:url("images/guiAlerts/16x16/ico_help.png"); /* Placehoder, makes previewing a bit easier :P */
				background-position:left top;
				background-repeat:no-repeat;
			}
		
		/* Type: Error */	
		.guiAlert-InPlace-error .icon
			{
				background-image:url("images/guiAlerts/16x16/ico_error.png");				
			}
		/* Type: Information */	
		.guiAlert-InPlace-information .icon
			{
				background-image:url("images/guiAlerts/16x16/ico_info.png");							
			}
		/* Type: Warning */	
		.guiAlert-InPlace-warning .icon
			{
				background-image:url("images/guiAlerts/16x16/ico_warning.png");							
			}
			
/**** NOTIFICATION    */
	*[class|="guiAlert-Notification"]
		{
		}
		*[class|="guiAlert-Notification"] .content
			{
				padding:1em;
			}
			
/**** MODAL    */
	*[class|="guiAlert-Modal"]
		{
			width:450px;
		}
		/* common stuff for the gfx containers */
			*[class|="guiAlert-Modal"] .left,
			*[class|="guiAlert-Modal"] .right
				{
					background-position:left top;
					background-repeat:no-repeat;				
				}
			*[class|="guiAlert-Modal"] .left
				{	
					position:absolute;
					left:0px;
					right:37px;
					width:auto;
					top:0px;
					bottom:0px;
					height:auto;			
				}
			*[class|="guiAlert-Modal"] .right
				{
					position:absolute;
					right:0px;
					width:37px;
					top:0px;
					bottom:0px;
					height:auto;				
				}
		*[class|="guiAlert-Modal"] .top
			{
				position:relative;
				height:74px;
			}
			*[class|="guiAlert-Modal"] .top .title
				{
					position:absolute;
					display:block;
					left:22px;					
					top:18px;
					padding:1px;
					background-image:url("images/guiAlerts/modal/modal_title_bg.png");
					font-size:1em;
					font-weight:normal;
				}
			*[class|="guiAlert-Modal"] .top .left
				{	
					background-image:url("images/guiAlerts/modal/glass/modal_glass_v1_bg_left_top.png");
				}
			*[class|="guiAlert-Modal"] .top .right
				{	
					background-image:url("images/guiAlerts/modal/glass/modal_glass_v1_bg_right_top.png");
				}
		
		*[class|="guiAlert-Modal"] .center
			{
				position:relative;
			}		
			*[class|="guiAlert-Modal"] .center .content
				{
					margin-left:22px;
					margin-right:37px;
				}
				*[class|="guiAlert-Modal"] .center .body
					{
						padding:8px;
						background-color:#ffffff;
					}
			*[class|="guiAlert-Modal"] .center .left
				{
					width:22px;	
					background-image:url("images/guiAlerts/modal/glass/modal_glass_v1_bg_left_center.png");
				}
			*[class|="guiAlert-Modal"] .center .right
				{	
					background-image:url("images/guiAlerts/modal/glass/modal_glass_v1_bg_right_center.png");
				}

		
		*[class|="guiAlert-Modal"] .bottom
			{
				position:relative;
				height:35px;	
			}
			*[class|="guiAlert-Modal"] .bottom .left
				{	
					background-image:url("images/guiAlerts/modal/glass/modal_glass_v1_bg_left_bottom.png");
				}
			*[class|="guiAlert-Modal"] .bottom .right
				{	
					background-image:url("images/guiAlerts/modal/glass/modal_glass_v1_bg_right_bottom.png");
				}
			
	/*** MODAL-LOGIN */
		*[class|="guiAlert-Modal-Login"]
			{
				margin:15% auto;
			}
			*[class|="guiAlert-Modal-Login"] .center .content .body
				{
					background-image:url("images/guiAlerts/modal/guiLogin_logo_modal.png");
					background-position:left top;
					background-repeat:no-repeat;
					padding-top:82px;
					padding-bottom:24px;
				}		
				*[class|="guiAlert-Modal-Login"] .center .content table
					{
						margin:0px auto;
					}		

/**** ERROR    */
	.guiAlert-Error
		{
			background-color:#ffffcc;
			color:#990000;	
			border:solid 1px #990000;
			margin:5px 5px 5px 5px;
		}
		.guiAlert-Error .content
			{
				padding:1em;
			}
		
/**** INFORMATION    */
	.guiAlert-Information
		{
		}
		.guiAlert-Information .content
			{
				padding:1em;
			}
		
/**** VALIDATE    */
	.guiAlert-Validate
		{
			background-color:#ffd800;
			color:#9E403B;	
			border:solid 1px #990000;
			margin:5px 5px 5px 5px;
		}
		.guiAlert-Validate .content
			{
				padding:1em;
			}
		
/**** WARNING    */
	.guiAlert-Warning
		{
		}
		.guiAlert-Warning .content
			{
				padding:1em;
			}