/* ---------------------------------------
Notification Boxes II
Author: Pixus Design
Author URI: http://codecanyon.net/user/PixusDesign/profile
Item Version: 1.0
Date Created: July 01, 2011
--------------------------------------- */

/* GLOBAL STYLES */
#notifications{
	clear:both;
}

.notification {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 20px;
	position: relative;
}

.notification .close {
	display: none;
	z-index: 2;
}

.notification.closeable {
/*	display: none;*/
}

.notification.closeable .close {
	display: inline-block;
}

/* VELVET */
.notification.velvet {
	border: 1px solid;
	padding: 14px 18px;
	
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 0px 4px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.2) inset;
	-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 0px 4px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.2) inset;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 0px 4px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.2) inset;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 0px 4px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.2) inset;
}

.notification.velvet.success, .notification.velvet.error {
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
}

.notification.velvet.neutral, .notification.velvet.tip {
	text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}

.notification.velvet.success {
	background-color: #7cc576;
	border-color: #61bb58 #41a53e #369133;
	color: #fff;
	
	background: -moz-linear-gradient(to top, #91cf8b, #64b45e);
	background: -o-linear-gradient(to top, #91cf8b, #64b45e);
	background: -webkit-gradient(linear, left top, left bottom, from(#91cf8b), to(#64b45e));
	background: -webkit-linear-gradient(to top, #91cf8b, #64b45e);
	background: linear-gradient(to top, #91cf8b, #64b45e);
	
	filter: PROGID:DXImageTransform.Microsoft.Gradient(startColorStr = '#91CF8B', endColorStr = '#64B45E');
	-ms-filter: "PROGID:DXImageTransform.Microsoft.Gradient(startColorStr = '#91CF8B', endColorStr = '#64B45E')";
}


.notification.velvet.error {
	background-color: #d85757;
	border-color: #d23d3d #c52f2f #b42424;
	color: #fff;
	
	background: -moz-linear-gradient(to top, #e07070, #cb4141);
	background: -o-linear-gradient(to top, #e07070, #cb4141);
	background: -webkit-gradient(linear, left top, left bottom, from(#e07070), to(#cb4141));
	background: -webkit-linear-gradient(to top, #e07070, #cb4141);
	background: linear-gradient(to top, #e07070, #cb4141);
	
	filter: PROGID:DXImageTransform.Microsoft.Gradient(startColorStr = '#E07070', endColorStr = '#CB4141');
	-ms-filter: "PROGID:DXImageTransform.Microsoft.Gradient(startColorStr = '#E07070', endColorStr = '#CB4141')";
}

.notification.velvet.warning {
	background-color: #ffda47;
	border-color: #ccae2e #cc9f08 #cc9b00;
	color: #4c3638;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.65);
	
	background: -moz-linear-gradient(to top, #ffe161, #ffce33);
	background: -o-linear-gradient(to top, #ffe161, #ffce33);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe161), to(#ffce33));
	background: -webkit-linear-gradient(to top, #ffe161, #ffce33);
	background: linear-gradient(to top, #ffe161, #ffce33);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr = '#FFE161', endColorStr = '#FFCE33');
	-ms-filter: "PROGID:DXImageTransform.Microsoft.Gradient(startColorStr = '#FFE161', endColorStr = '#FFCE33')";
}

.notification.velvet.tip {
	background-color: #6c6f76;
	border-color: #4b4f58 #383a3d #2e2f33;
	color: #fff;
	
	background: -moz-linear-gradient(to top, #83868c, #54565d);
	background: -o-linear-gradient(to top, #83868c, #54565d);
	background: -webkit-gradient(linear, left top, left bottom, from(#83868c), to(#54565d));
	background: -webkit-linear-gradient(to top, #83868c, #54565d);
	background: linear-gradient(to top, #83868c, #54565d);
	
	filter: PROGID:DXImageTransform.Microsoft.Gradient(startColorStr = '#83868C', endColorStr = '#54565D');
	-ms-filter: "PROGID:DXImageTransform.Microsoft.Gradient(startColorStr = '#83868C', endColorStr = '#54565D')";
}

.notification.velvet.neutral {
	background-color: #333333;
	border-color: #2a2a2a #1b1b1b #131313;
	color: #fff;
	
	background: -moz-linear-gradient(to top, #4c4c4c, #232323);
	background: -o-linear-gradient(to top, #4c4c4c, #232323);
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#232323));
	background: -webkit-linear-gradient(to top, #4c4c4c, #232323);
	background: linear-gradient(to top, #4c4c4c, #232323);
	
	filter: PROGID:DXImageTransform.Microsoft.Gradient(startColorStr = '#4C4C4C', endColorStr = '#232323');
	-ms-filter: "PROGID:DXImageTransform.Microsoft.Gradient(startColorStr = '#4C4C4C', endColorStr = '#232323')";
}

.notification.velvet p strong {
	font-weight: bold;
}

.notification.velvet .close {
	font-size: 12px;
	padding: 0px 5px;
	position: absolute;
	right: 3px;
	top: 4px;
}

.notification.velvet.success .close, .notification.velvet.error .close, .notification.velvet.tip .close, .notification.velvet.neutral .close {
	color: #fff;
}

.notification.velvet.warning .close {
	color: #4c3638;
}

.notification.serif {
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	padding: 18px 10px;
	
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.05);
	-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.05);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.05);
}

.notification.serif p {
	color: #b0b0b0;
	font-style: italic;
	padding-left: 20px;
}

.notification.serif p strong {
	color: #808080;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

.notification.serif .close {
	color: #9d9d9d;
	font-size: 14px;
	padding: 0px 4px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.notification.serif.success p {
	background: #fff url('notifications/serif-types.png') no-repeat scroll 0px 0px;
}

.notification.serif.error p {
	background: #fff url('notifications/serif-types.png') no-repeat scroll 0px -18px;
}

.notification.serif.warning p {
	background: #fff url('notifications/serif-types.png') no-repeat scroll 0px -36px;
}

.notification.serif.tip p {
	background: #fff url('notifications/serif-types.png') no-repeat scroll 0px -54px;
}

.notification.serif.neutral p {
	background: #fff url('notifications/serif-types.png') no-repeat scroll 0px -72px;
}

.notification.ocean {
	padding-left: 50px;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}

.notification.ocean p {
	font-size: 13px;
	margin:0;
	padding: 16px 33px 15px 0px;
}

.notification.ocean p a{
	color:#fff;
	text-decoration:underline;
}

.notification.ocean p strong {
	font-size: 14px;
	font-weight: bold;
}

.notification.ocean.success p strong, .notification.ocean.error p strong, .notification.ocean.tip p strong, .notification.ocean.neutral p strong {
	color: #fff;
}

.notification.ocean.warning p strong {
	color: #4c3638;
}

.notification.ocean .close {
	font-size: 14px;
	height: 13px;
	position: absolute;
	right: 10px;
	text-indent: -9999px;
	top: 8px;
	width: 13px;
}

.notification.ocean.success {
	background: #7cc576 url('notifications/ocean-left.jpg') no-repeat scroll 0px 0px;
	color: #fff;/*#bceeb9;*/
	text-shadow: 0px 1px 1px #168e12;
}

.notification.ocean.error {
	background: #d85757 url('notifications/ocean-left.jpg') no-repeat scroll 0px -50px;
	color: #fff;/*#f4c9c9;*/
	text-shadow: 0px 1px 1px #a90000;
}

.notification.ocean.warning {
	background: #ffda47 url('notifications/ocean-left.jpg') no-repeat scroll 0px -100px;
	color: #4c3638;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.4);
}

.notification.ocean.tip {
	background: #6c6f76 url('notifications/ocean-left.jpg') no-repeat scroll 0px -150px;
	color: #fff;/*#d8e7fb;*/
	text-shadow: 0px 1px 1px #00030f;
}

.notification.ocean.neutral {
	background: #333333 url('notifications/ocean-left.jpg') no-repeat scroll 0px -200px;
	color: #fff;/*#dedede;*/
	text-shadow: 0px 1px 1px #080a0b;
}

.notification.ocean.success p {
	background: #7cc576 url('notifications/ocean-body.jpg') repeat-x scroll 0px 0px;	
}

.notification.ocean.error p {
	background: #d85757 url('notifications/ocean-body.jpg') repeat-x scroll 0px -50px;	
}

.notification.ocean.warning p {
	background: #ffda47 url('notifications/ocean-body.jpg') repeat-x scroll 0px -100px;	
}

.notification.ocean.tip p {
	background: #6c6f76 url('notifications/ocean-body.jpg') repeat-x scroll 0px -150px;	
}

.notification.ocean.neutral p {
	background: #333333 url('notifications/ocean-body.jpg') repeat-x scroll 0px -200px;	
}

.notification.ocean.success p {
	background: #7cc576 url('notifications/ocean-body.jpg') repeat-x scroll 0px 0px;	
}

.notification.ocean.success .close {
	background: transparent url('notifications/ocean-close-btns.png') no-repeat scroll 0px 0px;
}

.notification.ocean.success .close:hover {
	background: transparent url('notifications/ocean-close-btns.png') no-repeat scroll -13px 0px;
}

.notification.ocean.error .close {
	background: transparent url('notifications/ocean-close-btns.png') no-repeat scroll 0px -13px;
}

.notification.ocean.error .close:hover {
	background: transparent url('notifications/ocean-close-btns.png') no-repeat scroll -13px -13px;
}

.notification.ocean.warning .close {
	background: transparent url('notifications/ocean-close-btns.png') no-repeat scroll 0px -26px;
}

.notification.ocean.warning .close:hover {
	background: transparent url('notifications/ocean-close-btns.png') no-repeat scroll -13px -26px;
}

.notification.ocean.tip .close {
	background: transparent url('notifications/ocean-close-btns.png') no-repeat scroll 0px -39px;
}

.notification.ocean.tip .close:hover {
	background: transparent url('notifications/ocean-close-btns.png') no-repeat scroll -13px -39px;
}

.notification.ocean.neutral .close {
	background: transparent url('notifications/ocean-close-btns.png') no-repeat scroll 0px -52px;
}

.notification.ocean.neutral .close:hover {
	background: transparent url('notifications/ocean-close-btns.png') no-repeat scroll -13px -52px;
}