.ui-pnotify{font-size:0.7em;top:25px;right:25px;position:absolute;height:auto;z-index:9999}html>body>.ui-pnotify{position:fixed}.ui-pnotify .ui-pnotify-shadow{-webkit-box-shadow:0 2px 10px rgba(50,50,50,.5);-moz-box-shadow:0 2px 10px rgba(50,50,50,.5);box-shadow:0 2px 10px rgba(50,50,50,.5)}.ui-pnotify-container{background-position:0 0;padding:.8em;height:100%;margin:0}.ui-pnotify-sharp{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-pnotify-title{display:block;margin-bottom:.4em;margin-top:0}.ui-pnotify-text{display:block}.ui-pnotify-icon,.ui-pnotify-icon span{display:block;float:left;margin-right:.2em}.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-topleft{left:25px;right:auto}.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-bottomright{bottom:25px;top:auto}.ui-pnotify-closer,.ui-pnotify-sticker{float:right;margin-left:.2em}.ui-pnotify-history-container{position:absolute;top:0;right:18px;width:70px;border-top:none;padding:0;-webkit-border-top-left-radius:0;-moz-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-top-right-radius:0;border-top-right-radius:0;z-index:10000}.ui-pnotify-history-container.ui-pnotify-history-fixed{position:fixed}.ui-pnotify-history-container .ui-pnotify-history-header{padding:2px;text-align:center}.ui-pnotify-history-container button{cursor:pointer;display:block;width:100%}.ui-pnotify-history-container .ui-pnotify-history-pulldown{display:block;margin:0 auto}

.ui-pnotify-history-container {
    width:90px;
}

.ui-pnotify-history-container > * {
    font-size:12px;
    font-weight:normal;
}

/*.ui-pnotify { z-index: 998 }*/

.ui-pnotify-title { display:none; }

.ui-pnotify-text { font-size:12px; font-weight: normal;  padding-top: 1px; }

.ui-pnotify .ui-widget div > textarea {
    float:left;
    width:98%;
    height:40px;
    font-size: 12px;
    color: #666;
}

.ui-pnotify .ui-widget div > textarea.has-error {
    border: solid 1px #CC0000;
    background-color: #FFCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
}

.ui-pnotify .ui-widget div > textarea:after {
    clear:both;
}

.ui-pnotify .ui-widget div > button {
    float:left;
    font-size: 12px;
}

.ui-pnotify .ui-pnotify-container.ui-widget.ui-widget-content.ui-state-default,
.ui-pnotify .ui-widget.ui-state-default div > button {
    border-color:#3c763d;
    color:#3c763d;
    background-color:#dff0d8;
    background-image:none;
}

.ui-pnotify .ui-state-default .ui-icon{
    background-image:url("../img/ui-icons_3c763d_256x240.png");
}

.ui-pnotify .ui-pnotify-container.ui-widget.ui-widget-content.ui-state-highlight,
.ui-pnotify .ui-widget.ui-state-highlight div > button {
    border-color:#8a6d3b;
    color:#8a6d3b;
    background-color:#fcedd9;
    background-image:none;
}
 
.ui-pnotify .ui-state-highlight .ui-icon{
    background-image:url("../img/ui-icons_8a6d3b_256x240.png");
}
 
.ui-pnotify .ui-pnotify-container.ui-widget.ui-widget-content.ui-state-error,
.ui-pnotify .ui-widget.ui-state-error div > button {
    border-color:#a94442;
    color:#a94442;
    background-color:#f2dede;
    background-image:none;
}

.ui-pnotify .ui-state-error .ui-icon{
    background-image:url("../img/ui-icons_a94442_256x240.png");
}
 
.ui-pnotify.ui-state-info .ui-pnotify-container.ui-widget.ui-widget-content,
.ui-pnotify.ui-state-info .ui-widget div > button {
    border-color:#31708f;
    color:#31708f;
    background-color:#d9edf7;
    background-image:none;
}

.ui-pnotify.ui-state-info .ui-icon{
    background-image:url("../img/ui-icons_31708f_256x240.png");
}

.ui-pnotify .ui-widget div > button{
    -webkit-box-shadow: 0 1px 4px rgba(50,50,50,.5);
    -moz-box-shadow: 0 1px 4px rgba(50,50,50,.5);
    box-shadow: 0 1px 4px rgba(50,50,50,.5);
}

.ui-pnotify .ui-widget div > button.ui-state-hover{
    background-image:none;
    background-color:#FFF;
}

/* Alternate stack initial positioning. 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;
	left: auto;
	bottom: auto;
}
.ui-pnotify.stack-custom {
	/* Custom values have to be in pixels, because the code parses them. */
	top: 200px;
	left: 200px;
	right: auto;
}
.ui-pnotify.stack-custom2 {
	top: auto;
	left: auto;
	bottom: 200px;
	right: 200px;
}
/* This one is totally different. It stacks at the top and looks
	like a Microsoft-esque browser notice bar. */
.ui-pnotify.stack-bar-top {
	right: 0;
	top: 0;
}
.ui-pnotify.stack-bar-bottom {
	margin-left: 15%;
	right: auto;
	bottom: 0;
	top: auto;
	left: auto;
}

.ui-pnotify-history-container{
    left:0;
}