
/*	scms	jquery.plugins.css	*/

/* css for timepicker */
.ui-timepicker-div { direction: ltr; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* jQuery UI Tooltip @VERSION  http://docs.jquery.com/UI/Tooltip#theming  */
.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:200000;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width:2px; }

/* css3 drop shadow */  
.ui-dialog.ui-widget{
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
	/*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#888, offX=-10px, offY=0, positive=true);*/
}
.ui-widget-overlay{
	filter:alpha(opacity=30) !important;
	opacity:0.3 !important;
	background:#fff no-repeat !important;
	position:fixed !important;
	/*z-index: 99;*/
}
.cms_rtl .ui-dialog-titlebar,
.cms_rtl .ui-dialog-content{
	direction:rtl;
}
.cms_rtl .ui-dialog-title{
	float:right !important;
	padding-right:0;
	margin-right:0;
	text-align:right;
	direction:rtl;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
	position:absolute;
	right:3px;
	left:auto;
	top:13px;
}
.cms_rtl .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
	left:3px;
	right:auto;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-collapse{
	right:27px;
}
.cms_rtl .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-collapse{
	left:27px;
}
.ui-dialog .ui-dialog-buttonpane button{
	float:right !important;
}
.cms_rtl .ui-dialog-buttonpane button{
	float:left !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:none;
}




.ui-widget-content{
	color:inherit !important;
	/*font-size:inherit !important;*/
	font-family:inherit !important;
}


/*				AutoCommplete			*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/app_themes/cms/images/icons/icon_ajax.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer{
	overflow: hidden;
	position: relative;
	/*direction:ltr;*/
}
.jspPane{
	position: absolute;
	z-index:1;
}
.cms_rtl .jspPane{
	position: absolute;
}
.jspPane>iframe.rszfrm{
	display: block;
	position: absolute;
    z-index: -1;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.jspVerticalBar{
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
	/*background: #fff;*/
	z-index:3;
}
.cms_rtl .jspVerticalBar{
	direction:rtl;
	right: auto;
	left: 0;
}
.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	/*background: #fff;*/
	z-index:2;
}
.cms_rtl .jspHorizontalBar{
	direction:rtl;
	left: auto;
	right: 0;
}
.jspCap{
	display: none;
}
.jspHorizontalBar .jspCap{
	float: left;
}
.cms_rtl .jspHorizontalBar .jspCap{
	float: right;
}
.jspTrack{
	background: #dde;
	background: #eee;
	background-color: transparent;
	filter:alpha(opacity=40) !important;
	opacity:0.4 !important;
	position: relative;
}
.jspDrag{
	background: #bbd;
	background: #666;
	position: relative;
	top: 0;
	left: 0;
	cursor: default;
}
.cms_rtl .jspDrag{
	left: auto;
	right: 0;
}
.jspArrow{
	background: #50506d;
	text-indent: -20x;
	display: block;
	cursor: pointer;
	direction: ltr;
	padding: 0;
	margin: 0;
}
.jspArrow.jspDisabled{
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow{
	height: 9px;
}
.jspHorizontalBar .jspArrow{
	width: 9px;
	float: left;
	height: 100%;
}
.cms_rtl .jspHorizontalBar .jspArrow{
	float: right;
}
.jspVerticalBar .jspArrow:focus{
	/*border: 1px solid red;*/
	outline: none;
}
.jspCorner{
	background: #eeeef4;
	background-color: transparent;
	float: left;
	height: 100%;
}
.cms_rtl .jspCorner{
	float: right;
}
.jspHorizontalBar > .jspTrack, .jspHorizontalBar > .jspTrack > .jspDrag{
	float: left;
	height: 100%;
}
.cms_rtl .jspHorizontalBar > .jspTrack, .cms_rtl .jspHorizontalBar > .jspTrack > .jspDrag{
	float: right;
}
.jspHorizontalBar > .jspTrack-hover, .jspVerticalBar > .jspTrack-hover{
	background: #dfdfdf;
}
.jspTrack-hover > .jspHover{
	background: #333;
}
/*	ver	*/
.jspVerticalBar > .jspTrack{
	border-left:1px transparent solid;
	border-right:1px transparent solid;
	width:7px;
	float: right;
}
.cms_rtl .jspVerticalBar > .jspTrack{
	/*border-left:none;
	border-right:1px transparent solid;*/
	float: left;
}
.jspVerticalBar > .jspTrack-hover{
	border-left: 1px #888 solid;
	border-right:1px #888 solid;
}
.cms_rtl .jspVerticalBar > .jspTrack-hover{
	/*border-left:none;
	border-right: 1px #888 solid;*/
}
.jspVerticalBar .jspDrag{
	width:9px !important;
	left:-1px;

	border-color: #c2c2c2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-top-left-radius: 6px;
	border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.cms_rtl .jspVerticalBar > .jspTrack > .jspDrag{
	left:auto;
	right:-1px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
/*	hor	*/
.jspHorizontalBar > .jspTrack{
	border-top:1px transparent solid;
	border-bottom:1px transparent solid;
	height:7px;
	margin:6px 0 0 0 ;
}
.jspHorizontalBar > .jspTrack-hover{
	border-top: 1px #888 solid;
	border-bottom: 1px #888 solid;
}
.jspHorizontalBar > .jspTrack > .jspDrag{
	height:9px !important;
	top:-1px;

	border-color: #c2c2c2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
	margin: 0 -3px 0 0;
}


/* checkbox	*/
.jquery-checkbox       {display: inline; font-size: 16px; line-height: 16px; cursor: pointer;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-checkbox img{background: transparent url(/app_themes/cms/images/inputs/checkbox.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -20px;
	background-position: -16px 0px;
}
.jquery-checkbox-checked img{
	background-position: 0px -40px;
	background-position: 0px -16px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -60px;
	background-position: -16px -16px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -80px;
	background-position: 0px -32px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -100px;
	background-position: 0px -48px;
}



.jquery-radio {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; }
.jquery-radio .mark {display: inline;}

.jquery-radio img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-radio img{background: transparent url(/app_themes/cms/images/inputs/radio.png) no-repeat;}

.jquery-radio img{
	background-position: 0px 0px;
}
.jquery-radio-hover img{
	background-position: -16px 0px;
}
.jquery-radio-checked img{
	background-position: 0px -16px;
}
.jquery-radio-checked .jquery-radio-hover img {
	background-position: -16px -16px;
}

.jquery-radio-disabled img{
	background-position: 0px -32px;
}
.jquery-radio-checked .jquery-radio-disabled img{
	background-position: 0px -48px;
}


/*	checkboxTree	*/
.ui-widget-daredevel-checkboxTree li {
	list-style-type: none;
	position: relative;
}

.ui-widget-daredevel-checkboxTree li span {
	cursor: default;
	position: absolute;
	top: 1px;
	left: -16px;
}
.cms_rtl .ui-widget-daredevel-checkboxTree li span {
	left: auto;
	right: -16px;
}

/* ----------------------------------Selectmenu----------------------------------*/
.ui-selectmenu-menu { 
	border-top:none;
	top:-1px;
}
.cms_rtl .ui-selectmenu-menu { 
	direction: rtl;
}
.ui-selectmenu-menu .ui-menu {
	position: relative;
	top: -1px;
	max-height:200px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper{
	padding: 3px 5px;
	margin:0;
	border:0px;
	font-size:1em;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item:last-child{
	margin-bottom:-1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-weight:bold; border-bottom:1px solid; line-height:13px; }
.ui-selectmenu-open { }
.ui-selectmenu-button { padding: 0; margin: 0; }
.ui-selectmenu-button span.ui-selectmenu-icon { 
	position:absolute; 
	right:6px; 
	margin-top:-8px; 
	top: 50%;
	right: 2px;
}
.cms_rtl span.ui-selectmenu-button span.ui-selectmenu-icon {
	left: 2px;
	right: auto;
}
.ui-selectmenu-button span.ui-selectmenu-text { 
	padding: 0 20px 0 5px; 
	line-height: inherit; 
	text-decoration:none;
	margin:0;
}
.cms_rtl .ui-selectmenu-button span.ui-selectmenu-text {
	text-align: right;
	direction:rtl;
	padding: 0 5px 0 20px; 
}
.ui-selectmenu-button-hasicon span.ui-selectmenu-text, 
.cms_rtl .ui-selectmenu-button-hasicon span.ui-selectmenu-text { 
	padding-right: 20px;
	padding-left: 20px;
	margin:0;
}
.ui-menu .ui-icon { left: .2em;}
.cms_rtl .ui-menu .ui-icon {
	right: 0.2em;
	left: auto;
}
.ui-selectmenu-menu-hasicons .ui-menu-item .ui-menu-item-wrapper{ 
	padding: 3px 5px 3px 20px;
}
.cms_rtl .ui-selectmenu-menu-hasicons .ui-menu-item .ui-menu-item-wrapper{ 
	padding: 3px 20px 3px 5px;
}

/* ----------------------------------Selectmenu Old----------------------------------*/
.ui-select-menu-div{display:inline;}
.ui-selectmenu2 { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none !important; overflow: hidden; zoom: 1; }
.ui-selectmenu2 .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.cms_rtl .ui-selectmenu2 .ui-selectmenu-icon { right:auto; left:6px; }
.ui-selectmenu2-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.cms_rtl .ui-selectmenu2-menu { direction:rtl; text-align:right; }
.ui-selectmenu2-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; } 
.ui-selectmenu-open { display: block; }
.ui-selectmenu2-menu-popup { margin-top: -1px; }
.ui-selectmenu2-menu-dropdown { }
.ui-selectmenu2-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu2-menu li a,.ui-selectmenu-status { color: #333; line-height: 1.4em; display: block; padding: .405em 1em .405em 1em; outline:none; text-decoration:none; }
.ui-selectmenu2-menu li a { line-height: 1.1em; padding: .405em 1em .405em 1em;  }
.ui-selectmenu2-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu2-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.cms_rtl .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: auto; padding-right: 20px; margin-left: auto;margin-right: 5px; }
.ui-selectmenu2-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.cms_rtl .ui-selectmenu2-menu li .ui-icon, .cms_rtl .ui-selectmenu-status .ui-icon { left: auto; right: 0; }
.ui-selectmenu-status { line-height: 1.4em; text-align:left; }
.cms_rtl .ui-selectmenu-status { line-height: 1.4em; text-align:right;}
.ui-selectmenu2-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu2-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu2-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu2-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu2-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu2-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) 
* html .ui-selectmenu2-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu2-menu li a { position: relative }*/
/* IE7 workaround (opacity disabled) 
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }*/


/* ----------------------------------multiselect----------------------------------*/
.ui-multiselect { padding:2px 0 0 0; text-align:left; background:#f2f2f2 no-repeat !important; border-color: #d3d3d3!important; position: relative; box-sizing: border-box; }
.cms_rtl .ui-multiselect { text-align:right; }
.ui-multiselect.ui-state-hover{ border-color: #999!important;}
.ui-multiselect span.ui-multiselect-label{ padding: 0 20px 0 5px; display:block; min-height: 14px; line-height: 14px; word-break: break-word;}
.cms_rtl .ui-multiselect span.ui-multiselect-label{ padding: 0 5px 0 20px; }
.ui-multiselect span.ui-icon {
	padding: 0;
	position: absolute;
	right: 2px;
	top: 50%;
	margin-top: -8px;
}
.cms_rtl .ui-multiselect span.ui-icon { left: 2px; right: auto; }
.ui-multiselect-single .ui-multiselect-checkboxes input { left:-99px; position:absolute !important; top: auto !important; }
.cms_rtl .ui-multiselect-single .ui-multiselect-checkboxes input { left:auto;right:-99px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important; }

.ui-multiselect-header { margin-bottom:0; padding: 3px 20px 3px 5px; font-weight:normal !important;  background:none; border: none; border-bottom:1px #999 solid;}
.cms_rtl .ui-multiselect-header { padding: 3px 5px 3px 20px; }
.ui-multiselect-header ul { font-size:0.9em; }
.ui-multiselect-header ul li { float:left; padding:0 8px 0 0 }
.cms_rtl .ui-multiselect-header ul li { float:right; padding:0 0 0 10px }
.ui-multiselect-header em { text-decoration:none }
.ui-multiselect-header em:hover { text-decoration:underline; cursor: pointer; }
.ui-multiselect-header span.ui-icon { float:left; }
.cms_rtl .ui-multiselect-header span.ui-icon { float:right; margin-top:-1px; }
.ui-multiselect-header li.ui-multiselect-close { position:absolute; top:0; right:-17px; padding-right:0; text-align:right; }
.cms_rtl .ui-multiselect-header li.ui-multiselect-close { left:-17px; right:auto; padding-left:0; padding-right:0; text-align:left; }
.ui-multiselect-header .ui-multiselect-close > em > span { float:none; }
.ui-multiselect-header .ui-helper-reset span{ line-height:16px; }

.ui-multiselect-menu { display:none; padding:0px; position:absolute; z-index:10000; background:none; background-color: #f8f8f8; border-color: #999; box-sizing: border-box; }
.cms_rtl .ui-multiselect-menu { direction:rtl; text-align:right; }
.ui-multiselect-checkboxes { overflow-y:auto; position:relative; overflow-x:hidden; background:none; }
.ui-multiselect-checkboxes label { border:none; cursor:default; display:block; padding:3px 5px 4px; line-height:15px; }
.ui-multiselect-checkboxes label.ui-state-hover { border:none; background: #ccc; }
.ui-multiselect-checkboxes label.ui-state-disabled { opacity:1; filter:Alpha(Opacity=100); }
/*.ui-multiselect-checkboxes label input {  top:-2px; margin:0 1px; vertical-align:middle; }*/
.ui-multiselect-checkboxes label input { position:relative; top:0px; vertical-align:middle;  }
.ui-multiselect-checkboxes label input.mslctordr { top:0px; margin:0 1px; vertical-align:middle; }
.ui-multiselect-checkboxes label img { height: 30px; vertical-align: middle; padding-right: 3px;}
.cms_rtl .ui-multiselect-checkboxes label img { padding-left: 3px; padding-right: 0;}
.ui-multiselect-checkboxes label>span { padding:2px 1px 0 3px; }
.cms_rtl .ui-multiselect-checkboxes label>span { padding:2px 3px 0 1px; }
.ui-multiselect-checkboxes label span { word-break: break-word; }
.ui-multiselect-checkboxes label>span span { padding:0 0 0 10px; }
.cms_rtl .ui-multiselect-checkboxes label>span span { padding:0 10px 0 0; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; list-style: none; padding:0;  }
.ui-multiselect-columns { display: inline-block; vertical-align: top; }
.ui-multiselect-checkboxes li.ui-state-checked { border-width:0; }
.ui-multiselect-checkboxes .ui-multiselect-optgroup { padding:0; }
.ui-multiselect-checkboxes .ui-multiselect-optgroup > span { border-bottom:1px solid; display:block; font-weight:bold; line-height:15px; margin:0; padding:3px 5px 4px; text-decoration:none; }

.ui-multiselect-hasfilter ul { position:relative; top:0; }
.ui-multiselect-filter { float:left; margin:1px 8px 0 0; font-size:11px; color:#222; }
.cms_rtl .ui-multiselect-filter { float:right; margin:1px 0 0 8px; line-height:16px; }
.ui-multiselect-filter span { padding:0 5px 0 0; display:none; }
.cms_rtl .ui-multiselect-filter span { padding:0 0 0 5px; }
.ui-multiselect-filter input { width:90px; font-size:10px !important; margin:1px 0 0 0; height:14px; padding:0 5px; color: #777; border:1px solid #aaa; /*-webkit-appearance:textfield; -webkit-box-sizing:content-box;*/ }
.cms_rtl .ui-multiselect-filter input { margin:1px 0 0 0; }

@media print{
	.ui-multiselect-menu {display: none;}   
}

/*				jcarousel					*/
/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container {
	position: relative;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	/*width: 520px;
	height: 75px;*/
}
/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev".*/
.jcarousel-next {
	z-index: 3;
	display: none;
}
.jcarousel-prev {
	z-index: 3;
	display: none;
}


/* -- Notice */

/*	pnotify	*/
.ui-pnotify {
	top: 36px;
	right: 36px;
	position: absolute;
	height: auto;
	z-index: 2;
}

body > .ui-pnotify {
	position: fixed;
	z-index: 100040
}

.ui-pnotify-modal-overlay {
	background-color: rgba(0,0,0,.4);
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}

body > .ui-pnotify-modal-overlay {
	position: fixed;
	z-index: 100039;
}

.ui-pnotify.ui-pnotify-in {
	display: block !important;
}

.ui-pnotify.ui-pnotify-move {
	transition: left .5s ease,top .5s ease,right .5s ease,bottom .5s ease;
}

.ui-pnotify.ui-pnotify-fade-slow {
	transition: opacity .4s linear;
	opacity: 0;
}

.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
	transition: opacity .4s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease;
}

.ui-pnotify.ui-pnotify-fade-normal {
	transition: opacity .25s linear;
	opacity: 0;
}

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
	transition: opacity .25s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease;
}

.ui-pnotify.ui-pnotify-fade-fast {
	transition: opacity .1s linear;
	opacity: 0;
}

.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
	transition: opacity .1s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease;
}

.ui-pnotify.ui-pnotify-fade-in {
	opacity: 1;
}

.ui-pnotify .ui-pnotify-shadow {
	-webkit-box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.1);
}

.ui-pnotify-container {
	background-position: 0 0;
	padding: .8em;
	height: 100%;
	margin: 0;
}

.ui-pnotify-container:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.ui-pnotify-container.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 {
	display: block;
	float: left;
	margin-right: .2em;
	margin-top: 3px;
}
.cms_rtl .ui-pnotify-icon {
	float: right;
	margin-left: .2em;
	margin-right: 0;
}

/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft, .ui-pnotify.stack-bottomleft {
	left: 25px;
	right: auto;
}

.ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft {
	bottom: 25px;
	top: auto;
}


.pnotify-material {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 14px;
}
.pnotify-material.ui-pnotify-shadow {
	-webkit-box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.2);
}
.pnotify-material.ui-pnotify-container {
	/*padding: 24px;*/
}
.pnotify-material .ui-pnotify-title {
	/*margin-bottom: 20px;*/
	font-size: 15px;
}
.pnotify-material-notice {
	background-color: #FF8;
	border: none;
	color: rgba(0,0,0,0.87);
}
.pnotify-material-info {
	background-color: #8FCEDD;
	border: none;
	/*color: #fff;*/
}
.pnotify-material-success {
	background-color: #AFF29A;
	border: none;
	color: rgba(0,0,0,0.87);
}
.pnotify-material-error {
	background-color: #F44336;
	border: none;
	color: #fff;
}
.pnotify-material>.ui-pnotify-icon>.material-icons{
	position: relative;
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 18px;
	top: -1px;
	/*font-weight: bold;*/
	/*font-family: "Courier New",Courier,monospace;*/
	/*border-radius: 50%;*/
}
.pnotify-material>.ui-pnotify-icon>.material-icons:after{
	position: absolute;
	top: 0;
	left: 0;
}
/*.cms_rtl .pnotify-material>.ui-pnotify-icon>.material-icons:after{
	right: 0;
	left: auto;
}*/
.pnotify-material-icon-notice:after {
	content: "announcement";
}
.pnotify-material-icon-info:after {
	content: "info";
}
.pnotify-material-icon-success:after {
	content: "check_circle";
}
.pnotify-material-icon-error:after {
	content: "warning";
}
.pnotify-material .ui-pnotify-closer{
	margin-left: 1px;
}
.pnotify-material .ui-pnotify-sticker{
	margin-left: 5px;
}
.pnotify-material .ui-pnotify-snoozer{
	margin-top: -1px;
}
.cms_rtl .pnotify-material .ui-pnotify-closer {
	margin-right: 1px;
	margin-left: 0;
}
.cms_rtl .pnotify-material .ui-pnotify-sticker {
	margin-right: 5px;
	margin-left: 0;
}
.pnotify-material-icon-closer,
.pnotify-material-icon-sticker,
.pnotify-material-icon-snoozer {
	display: inline-block;
	font-size: 15px;
    font-weight: bold;
}
.pnotify-material-icon-sticker {
    font-size: 12px;
    font-weight: normal;
    margin-top: 1px;
}
.pnotify-material-icon-closer:after {
	content: "close";
}
.pnotify-material-icon-snoozer:after {
	content: "snooze";
	font-weight:normal;
}
.pnotify-material-icon-sticker:after {
	content: "radio_button_unchecked";
	/*-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);*/
}
.pnotify-material-icon-sticker.pnotify-material-icon-stuck:after {
	content: "radio_button_checked";
	/*-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);*/
}


.ui-pnotify.stack-modal {
	left: 50%;
	right: auto;
	margin-left: -150px;
}

.cms_rtl .ui-pnotify.stack-modal {
	left: auto;
	right: 50%;
	margin-right: -150px;
	margin-left: 0;
}

.ui-pnotify-closer, .ui-pnotify-sticker, .ui-pnotify-snoozer {
	float: right;
	margin-left: .2em;
}

.cms_rtl .ui-pnotify-closer, .cms_rtl .ui-pnotify-sticker, .cms_rtl .ui-pnotify-snoozer {
	float: left;
	margin-right: .2em;
	margin-left: 0;
}

.ui-pnotify-container {
	position: relative;
	left: 0;
}
/*.cms_rtl .ui-pnotify-container {
right: 0;
left: auto;
}*/

@media (max-width:480px) {
	.ui-pnotify-mobile-able.ui-pnotify {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: auto !important;
		font-size: 1.2em;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-ms-font-smoothing: antialiased;
		font-smoothing: antialiased;
	}

	.ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-bottom-width: 5px;
	}

	.ui-pnotify-mobile-able .ui-pnotify-container {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.ui-pnotify-mobile-able.ui-pnotify.stack-topleft, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft {
		left: 0;
		right: 0;
	}

	.ui-pnotify-mobile-able.ui-pnotify.stack-bottomright, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft {
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
	}

	.ui-pnotify-mobile-able.ui-pnotify.stack-bottomright .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft .ui-pnotify-shadow {
		border-top-width: 5px;
		border-bottom-width: 1px;
	}
}

.ui-pnotify.ui-pnotify-nonblock-fade {
    /*transition: opacity .3s ease;*/
    opacity: .2;
}
.ui-pnotify.ui-pnotify-nonblock-hide {
    display: none !important;
}

/*.ui-pnotify .picon {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	width: 17px;
	height: 17px;
}
.ui-pnotify-title {
	line-height: 17px;
	min-height: 17px;
}*/

/*stacks*/
/*.ui-pnotify.stack-bottomright{right:auto;top:auto;left:auto;bottom:auto;}
.ui-pnotify.stack-bottomleft{left:auto;top:auto;right:auto;bottom:auto;}*/

.ui-pnotify.stack-bar-top {
	top: 25px;
	right: 0;
	left: auto;
	margin-left: 25%;
}
.cms_rtl .ui-pnotify.stack-bar-top {
	top: 25px;
	right: 0;
	left: auto;
	margin-right: 25%;
}


body > .ui-front{
	z-index:300;
}


 #toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:80px;
	right:30px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-100%;
	background:url(/app_themes/cms/images/icons/ui.totop.png) no-repeat left top;
}
.cms_rtl #toTop {
	right:auto;
	left:30px;
	text-indent:-100%;
}
#toTopHover {
	background:url(/app_themes/cms/images/icons/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
 