/**
*14 Notifications setup through CSS
*Author: M. Imdadullah
*Created:01-10-2012
*/

/*================= Large Size ======================*/
/*Setup all Notification boxes Large size*/
.information,.success,.error,.warning,.tip,.secure,.message,.download,.purchase,.print, .edit, .undconst, .register, .wait
{
	margin: 20px 50px;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 4px 3px 5px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(46,46,46,0.4);
	-webkit-box-shadow: 4px 3px 5px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(46,46,46,0.4);
	box-shadow: 4px 3px 5px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(46,46,46,0.4);
		
		/* Un comment any BORDER CSS line to use the style; */
		border: 3px dashed;
		/*border: 3px solid ;*/
		/*border: 3px dotted ; */  
}

/*Notification Boxes Properties*/
.information
{
	border-color:#0e7fad;
	color: #0e7fad;
	background: #c0e9fa url('../image/icon/info.png') no-repeat;
	background-position: 30px 20px;
}

.information h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.information p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}
	
/* Success Notification Box */	
.success
{
	border-color: #4f8746;
	color: #4f8746;
	background: #d4ffcd url('../image/icon/success.png') no-repeat;
	background-position: 30px 20px;
}

.success h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.success p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}

/* Error Notification Box */	
.error
{
	border-color: #641f1a;
	color: #641f1a;
	background: #ffd2d4 url('../image/icon/error.png') no-repeat;
	background-position: 30px 20px;
}

.error h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.error p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}
	
/* Warning Notification Box */	
.warning
{
	border-color: #9d9c49;
	color: #9d9c49;
	background: #fdfdcb url('../image/icon/warning.png') no-repeat;
	background-position: 30px 20px;
}

.warning h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.warning p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}	
	
/* Tips Notification Box */	
.tip
{
	border-color: #c77d10;
	color: #c77d10;
	background: #f9d69e url('../image/icon/tip.png') no-repeat;
	background-position: 30px 20px;
}

.tip h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.tip p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}
	
/* Secure Notification Box */	

.secure
{
	border-color: #9638f1;
	color: #9638f1;
	background: #e5cefc url('../image/icon/secure.png') no-repeat;
	background-position: 30px 20px;
}

.secure h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.secure p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}
	
	
/* Message Notification Box */	
.message
{
	border-color: #000;
	color: #000;
	background: #efefef url('../image/icon/message.png') no-repeat;
	background-position: 30px 20px;
}

.message h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.message p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}
	
/* Download Notification Box */	
.download
{
	border-color: #04b5eb;
	color: #04b5eb;
	background: #f7f7f7 url('../image/icon/download.png') no-repeat;
	background-position: 30px 20px;
}

.download h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.download p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}
	

/* Purchase Notification Box */	
.purchase
{
	border-color: #426164;
	color: #426164;
	background: #c2e1e3 url('../image/icon/purchase.png') no-repeat;
	background-position: 30px 20px;
}

.purchase h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.purchase p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}
	

/* Print Notification Box */	
.print
{
	border-color: #3c4b5e;
	color: #3c4b5e;
	background: #c8d9e3 url('../image/icon/print.png') no-repeat;
	background-position: 30px 20px;
}

.print h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.print p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}
	
/* Edit Notification Box */	
.edit
{
	border-color: #3333FF;
	color: #3300FF;
	background: #3399FF url('../image/icon/edit.png') no-repeat;
	background-position: 30px 20px;
}

.edit h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.edit p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}

/* Under Construction Notification Box */	
.undconst
{
	border-color: #000;
	color: #000;
	background: #FC1 url('../image/icon/underconstruction.png') no-repeat;
	background-position: 30px 20px;
}

.undconst h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.undconst p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}

/* Register Notification Box */	
.register
{
	border-color: #3366FF;
	color: #3366FF;
	background: #66ccFF url('../image/icon/register.png') no-repeat;
	background-position: 30px 20px;
}

.register h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.register p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}

/* Wait Notification Box */	
.wait
{
	border-color: #FF9900;
	color: #FF9900;
	background: #FFFF99 url('../image/icon/hourglass.png') no-repeat;
	background-position: 30px 20px;
}

.wait h4
{
	margin: 5px 5px 5px 80px;
	padding: 0;
	font-size: 18px;
}

.wait p
{
	font-size: 14px;
	color: #434E54;
	margin: 5px 5px 5px 80px;
}