/* ============ MODAL / MODALESS MESSAGEBOX ============ 11/14/2014*/
/* INCLDUE A UNIVERSAL MESSAGEBOX DESGIN THAT ALSO WORKS FOR CONFIRMBOX */

#shadow, #shadow * {cursor:pointer;}

/*resets the inner box heights*/
#shadow * {height:auto !important;}

#shadow{
	position:fixed;
	top:0; left:0;	
	width:100%; height:100%;	
	z-index:9999999999999999999999999;
	padding-top:150px;
	
	background-image:url('../../commons/images/msgbox/msgbox_shadow.png');
}

#shadow .messagebox{
	margin: 2% auto;
    position: relative;
	display:block !important;	
	clear:both !important;

	min-width:225px;
	min-height:30%;
	max-height:65%;
	
	min-width:40%!important;
	max-width:80%!important;
	min-height:80%!important;
	max-height:80%!important;
		
	color: #4d4d4d;

	}

#shadow .messagebox .titlebar {/*plain*/
	display:block;
	color:#fff;
	font-weight:bold;
	border: 1px outset #000;
	border-bottom:none;
	background:#999;
	padding:15px 25px;
	
	/*-moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left]*/
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-o-border-radius: 6px 6px 0px 0px;
	-ms-border-radius: 6px 6px 0px 0px;
	-khtml-border-radius: 6px 6px 0px 0px; /* for old Konqueror browsers */
	border-radius: 6px 6px 0px 0px; /* future proofing */	
	
	}
		
#shadow .messagebox a.close/*plain*/
{
	display: block;
	position: absolute;
	top: 6px;
	right: 4px;
	width: 32px;
	height: 32px !important;
	background: center no-repeat;
	opacity: 1;  
	
	background-image:url('../../commons/images/msgbox/msgbox_plain_close.png');  
}

#shadow .messagebox a.error
{
	
	background-image:url('../../commons/images/msgbox/msgbox_error_close.png');  
}

#shadow .messagebox a.warning
{
	background-image:url('../../commons/images/msgbox/msgbox_warning_close.png');  
}

#shadow .messagebox a.success
{
	background-image:url('../../commons/images/msgbox/msgbox_success_close.png');  
}

#shadow .messagebox a.info
{
	background-image:url('../../commons/images/msgbox/msgbox_info_close.png');  
}


#shadow .messagebox a.close:hover
{
	opacity: 0.8;
}	
	
#shadow .messagebox .messagebody{
	display:block;
	padding:15px;
	border-left: 1px outset #000;
	border-right: 1px outset #000;
	
	max-height:350px !important;
	
	overflow:auto !important;
	background:#fff;
	}	

#shadow .messagebox .error {	
	background:#F00;
	}
	
#shadow .messagebox .warning {
	background:#FC0;	
	}
	
#shadow .messagebox .success {
	background:#98bf21;
	}

#shadow .messagebox .info {
	background:#69F;

	}
#shadow .confirmcontrols{

	border: 1px outset #000;
	border-top:none;
	background:#fff;
	padding:10px;
	
	/*-moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left]*/
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-o-border-radius: 0px 0px 6px 6px;
	-ms-border-radius: 0px 0px 6px 6px;
	-khtml-border-radius: 0px 0px 6px 6px; /* for old Konqueror browsers */
	border-radius: 0px 0px 6px 6px; /* future proofing */	
	}