/* 
	Document   : jquery.pnotify.default.css
	Created on : Nov 23, 2009, 3:14:10 PM
	Author     : Hunter Perrin
	Version    : 1.0.0
	Description:
	Default styling for Pines Notify jQuery plugin.
*/

/* Notice ----------------------------------*/

.ui-pnotify {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: .92em;
	top: 18px;
	right: 18px;
	position: absolute;
	height: auto;
	/* Ensure that the notices are on top of everything else. */
	z-index: 20001;
    background: #5d8398;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNWQ4Mzk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5NWY3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  #5d8398 0%, #395f74 100%) !important;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#5d8398), color-stop(100%,#395f74)) !important;
    background: -webkit-linear-gradient(45deg,  #5d8398 0%,#395f74 100%) !important;
    background: -o-linear-gradient(45deg,  #5d8398 0%,#395f74 100%) !important;
    background: -ms-linear-gradient(45deg,  #5d8398 0%,#395f74 100%) !important;
    background: linear-gradient(45deg,  #5d8398 0%,#395f74 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d8398', endColorstr='#395f74',GradientType=1 )!important;
	border: 0 !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 6px;
    float: left;
}
.ui-pnotify.pnotifyWarning {
	background: #ffa84c !important; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ) !important; /* IE6-9 */
}

html > body .ui-pnotify {
	position: fixed;
}

.ui-pnotify .ui-widget {
 	font-size: 90% !important;
    float: left !important;
}
.ui-pnotify .ui-pnotify-shadow {
	margin: 0;
	position: absolute;
	top: .1em;
	left: .1em;
	bottom: -.2em;
	right: -.2em;
	z-index: -1;
}
.ui-pnotify-container {
	background-position: 0 0;
	padding: .8em;
	height: 100%;
    border: 0 !important;
    float: left;
    border-radius: 5px !important;
    background: ##FEF6F3 !important;
}
.ui-pnotify-closer {
	float: right;
	margin-left: .2em;
}
.ui-pnotify-title {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
    color: #fff !important;
    white-space: nowrap !important;
    float: left;
    clear: right;
}
.ui-pnotify.pnotifyWarning .ui-pnotify-title,
.ui-pnotify.pnotifyWarning .ui-pnotify-text{
    color: #000 !important;
}



.ui-pnotify-text {
	display: block;
	font-size: 12px;
    white-space: nowrap !important;
    float: left;
    clear: left;
    padding-left: 18px;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
	display: block;
	float: left;
	margin-right: .2em;
}
.ui-pnotify.pnotifyWarning .ui-pnotify-icon {
    display: none !important;
}



/* History Pulldown
----------------------------------*/
.ui-pnotify-history-container {
	position: absolute;
	top: 0;
	right: 18px;
	width: 70px;
	border-top: none;
	/* Ensure that the history container is on top of the notices. */
	z-index: 10000;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
	padding: 2px;
}
.ui-pnotify-history-container button {
	cursor: pointer;
	display: block;
	width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
	display: block;
	margin: 0 auto;
}

/* Custom styled notice CSS */
.ui-pnotify.custom {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: .92em;
	font-weight: bold;
	text-shadow: 1px 1px 0.5px black;
}
.ui-pnotify.custom .ui-pnotify-container {
    background: #5d8398;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNWQ4Mzk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5NWY3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  #5d8398 0%, #395f74 100%) !important;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#5d8398), color-stop(100%,#395f74)) !important;
    background: -webkit-linear-gradient(45deg,  #5d8398 0%,#395f74 100%) !important;
    background: -o-linear-gradient(45deg,  #5d8398 0%,#395f74 100%) !important;
    background: -ms-linear-gradient(45deg,  #5d8398 0%,#395f74 100%) !important;
    background: linear-gradient(45deg,  #5d8398 0%,#395f74 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d8398', endColorstr='#395f74',GradientType=1 )!important;
	border: none;
}
.ui-pnotify.custom .ui-pnotify-title {
	font-size: 15pt;
	color: #FFF !important;
}
.ui-pnotify.custom .ui-pnotify-text {
	font-size: 11pt;
	color: #FFF !important;
}
.ui-pnotify.custom .ui-pnotify-closer {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.ui-pnotify.custom .ui-pnotify-icon {
	float: right;
}
.ui-pnotify.custom .picon {
	margin: 3px;
	width: 33px;
	height: 33px;
}

/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft {
	top: 15px;
	left: 15px;
	right: auto;
}
.ui-pnotify.stack-bottomleft {
	bottom: 15px;
	left: 15px;
	top: auto;
	right: auto;
}
/* This one is done through code, to show how it is done. Look down
   at the stack_bottomright variable in the JavaScript below. */
.ui-pnotify.stack-bottomright {
	/* These are just CSS default values to reset the pnotify CSS. */
	right: auto;
	top: auto;
}
.ui-pnotify.stack-custom {
	top: 20%;
	left: 20%;
	right: auto;
}
.ui-pnotify.stack-custom2 {
	top: auto;
	left: auto;
	bottom: 20%;
	right: 20%;
}

/* 
	Document   : jquery.pnotify.default.icons.css
	Created on : Nov 24, 2009, 2:58:21 PM
	Author     : Hunter Perrin
	Version    : 1.0.0
	Description:
		Pines Icon styling for Pines Notify.
*/

.ui-pnotify .picon {
    background: #5d8398;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNWQ4Mzk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5NWY3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  #5d8398 0%, #395f74 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#5d8398), color-stop(100%,#395f74));
    background: -webkit-linear-gradient(45deg,  #5d8398 0%,#395f74 100%);
    background: -o-linear-gradient(45deg,  #5d8398 0%,#395f74 100%);
    background: -ms-linear-gradient(45deg,  #5d8398 0%,#395f74 100%);
    background: linear-gradient(45deg,  #5d8398 0%,#395f74 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d8398', endColorstr='#395f74',GradientType=1 );
	width: 17px;
	height: 17px;
}

.ui-pnotify-container { border: 1px solid #144763 !important }
.ui-pnotify-container.ui-state-error { border: 1px solid red !important }
.pnotifyWarning .ui-pnotify-container { border: 1px solid #B26623 !important }

