@import url("/core/js/tiny_mce/themes/advanced/skins/default/ui.css");
@import url("/core/js/tiny_mce/plugins/inlinepopups/skins/clearlooks2/window.css");
body.UIBackendBody {
	background-color: #f0f0f0;
	font-family: "Lucida Grande", Arial, sans-serif;
}
a {
	color: #2e93ff;
}
@-webkit-keyframes bounce {
	0% { -webkit-transform: scale(0.01); }
	25% { -webkit-transform: scale(1.05); }
	50% { -webkit-transform: scale(0.95); }
	75% { -webkit-transform: scale(1.025); }
	100% { -webkit-transform: scale(1.0); }
}
.UIPlaceholderColour {
	color: #999999;
}
.UISmall {
	font-size: 8pt;
	color: #999999;
}
.UIStub {
	color: #999999;
	font-size: 12pt;
	padding: 14px;
}
.UIStubSmall {
	color: #999999;
	font-size: 10pt;
}
.UIField,
.UIWidget .UIField {
    box-sizing: border-box;
	border: 1px solid white;
	border-top-color: #79848b;
	border-left-color: #b3b9c4;
	border-right-color: #b3b9c4;
	border-bottom-color: #d1d3d7;
	background-color: white;
	margin: 0px;
	padding: 2px 2px;
	font-size: 9pt;
}
.UIFieldLarge {
	font-size: 13pt;
	padding: 3px 4px;
	width: 80%;
}
.UITextareaWrapper {
	position: relative;
}
.UITextareaWrapper textarea.UIField {
	display: block;
    margin-bottom: 20px;
}
.UITextareaWrapper .UITextareaCharLengthCount {
	position: absolute;
    z-index: 1;
    top: calc(100% - 1px);
	display: inline-block;
	border: 1px solid #b3b9c4;
	border-top-color: #d1d3d7;
	border-bottom-color: #d1d3d7;
    font-weight: bold;
    right: 0;
    padding: 2px 5px;
	color: black;
    background: white;
}
.UITextareaWrapper .UITextareaCharLengthCount.UITextareaCharLengthCountCloseToMax {
	color: darkred;
}
.UITextareaWrapper .UITextareaCharLengthCount.UITextareaCharLengthCountNearMax {
	color: red;
}
textarea, .UITextArea {
	font-family: "Lucida Grande", Arial, sans-serif;
	border: 1px solid white;
	border-top-color: #79848b;
	border-left-color: #b3b9c4;
	border-right-color: #b3b9c4;
	border-bottom-color: #d1d3d7;
	background-color: white;
	margin: 0px;
	padding: 2px 2px;
	font-size: 9pt;
}
.UIWidget {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 9pt;
}
.UIClear {
	clear: both;
	display: block;
}
.UIEdit {
	position: relative;
	vertical-align: middle;
	font-weight: normal;
	display: inline-block;
	background: #ffffff url(/core/design/icons/pencil-small.png) no-repeat center center;
	height: 20px;
	width: 20px;
	zoom: 1;
	cursor: pointer;
	outline: none;
	border: 1px solid transparent;
	border-radius: 3px;
	transition: 0.15s;
}
.UIEdit:hover,
.UIEdit:focus {	
	border-color: #bbbbbb;	
}
.UIEditTransparent {
	background-color: transparent;
}
.UIDelete {
	background: #ffffff url(/core/design/icons/cross-small.png) no-repeat center center;
}
.UIEdit:hover {
	background-color: #eeeeee;
}
.UIEdit:hover span {
	display: inline-block;
}
.UIEdit span {
	display: none;
	line-height: 20px;
	font-size: 8pt;
	padding-right: 5px;
	color: #333333;
	width: auto;
	text-decoration: none;
	position: absolute;
	height: 20px;
	top: 0px;
	background: #eeeeee;
	left: 20px;
}
/* Item-related stuff */
.UISelectedRow {
	background-color: #44a0fe !important;
	color: white !important;
}
.UIStandaloneIcon {
	background: none no-repeat left center;
	padding-left: 22px;
	color: black !important;
	z-index: 300;
	text-shadow: white 1px 1px 1px;
}
/* Expander arrows */
.UIExpander {
	float: left;
	position: relative;
    left: 10px;
	display: block;
	overflow: hidden;
	width: 15px;
	vertical-align: top;
}
.UIExpander::before { /* CSS Triangle */
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 3px;
	transform: translateY(-50%);
	border-style: solid;
	border-width: 3px 0 3px 5px;
	border-color: transparent transparent transparent #666666;
	transition: transform 0.15s;
}
.UIExpanded {
/* 	background-position: right center !important; */
}
.UIExpander.UIExpanded::before {
	transform: translateY(-50%) rotate(90deg);
}
.UITreeView .UIExpander + .UIIcon { 
	margin-left: 23px;
}
.UITreeView .UIExpander.UIExpanderHidden + .UIIcon { 
	margin-left: 8px;
}

.UIExpanderTiny {
	width: 3px;
}
.UIExpanderHidden {
/* 	background: none; */
}
.UIExpanderHidden::before {
	display: none;
}
/* Sidebar widget */
.UINavbar {
	background-color: #222222;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	display: block;
	margin: 0px;
	padding: 0px 1px;
}
.UINavbarItems {
	padding-bottom: 33px;
}
.UINavbar-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
/* 	width: 100%; */
	padding-top: 5px;
}
.UINavbar .UILiveEditLink {
	display: block;
	margin-left: 15px;
	padding: 3px 0px;
	padding-left: 20px;
	color: white;
	text-decoration: none;
	background: url(../icons/liveedit.png) no-repeat left center;
}
.UINavbar .logo {
	width: 100%;
	height: 100px;
}
.UINavbar .item {
/* 	width: 187px; */
	margin: 10px;
	padding: 2px;
	color: white;
}
.UINavbar .item.expanded {
/* 	background: url(../graphics/sidebar-panel-repeat.gif) repeat-y top left; */
}
.UINavbar .item .item-title {
/*     -moz-box-sizing: border-box; */
    box-sizing: border-box;
/* 	padding: 8px 10px; */
	padding: 0;
/* 	height: 35px; */
 	min-height: 32px;
	font-size: 10pt;
/* 	line-height: 35px; */
    line-height: 1.25;
/* 	background: url(../graphics/sidebar-panel-title-closed.gif) repeat-y top left; */
    background: linear-gradient(#cccccc, #999999);
    border-radius: 6px;
/*     transition: background 0.15s; Don't think this works for linear gradients. */
}
.UINavbar .item .item-title.focus,
.UINavbar .item .item-title:hover {
    background-image: linear-gradient(#eee, #bbb);
}
.UINavbar .item.expanded .item-title {
/* 	height: 35px; */
/* 	line-height: 35px; */
/* 	background: url(../graphics/sidebar-panel-title.gif) repeat-y top left; */
	border-radius: 6px 6px 0 0;
}
.UINavbar .item .item-title .UINavbarBadge {
	line-height: 35px;
	display: inline-block;
	height: 35px;
	width: 26px;
	font-size: 9pt;
	text-align: center;
	text-shadow: #5b0412 1px 0px 1px;
	color: white;
	background: url(../graphics/navbar-badge.gif) no-repeat center center;
}
.UINavbar .item .item-title a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 30px;
	text-decoration: none;
	text-shadow: #dddddd 1px 1px 1px;
	color: black;
/* 	background-position: left center; */
/*     background-position: top left; */
    background-position: 8px center;
	background-repeat: no-repeat;
	cursor: pointer;
	outline: none;
}
/* .UINavbar .item .item-title a:hover, */
.UINavbar .item .item-title a:focus {
	/*color: blue;*/
/* 	text-decoration: underline; */
}
.UINavbar .item .children {
 	display: none;
}
.UINavbar .expanded .children {
	display: block;
/* 	background: url(../graphics/sidebar-panel-bottom.gif) no-repeat bottom left */
}
.UINavbar .children ul {
	list-style: none;
	display: block;
	margin: 0;
/* 	padding: 0; */
	padding: 5px 4px;
	background-color: #333333;
	border-radius: 0 0 6px 6px;
}
.UINavbar .children li {
	display: block;
/* 	list-style: none; */
	margin: 3px;
	padding: 0;
}
.UINavbar .children li a {
	display: block;
	padding: 3px 6px;
	text-decoration: none;
	color: white;
	cursor: pointer;
	/*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	*/
	border-radius: 4px;
	outline: none;
}
/* .UINavbar .children li a:hover, */
.UINavbar .children li a:focus {
/* 	text-decoration: underline; */
	background-color: #666;
}
.UINavbar .children li a:hover {
	background-color: #666;
}
.UINavbar .children li.separator {
	border-bottom: 1px solid white;
}
.UINavbar .UIOtherLinks {
	position: absolute;
	background: #222222;
	left: 0px;
	bottom: 0px;
	width: 100%;
	min-height: 33px;
}
.UINavbar .UIOtherLinks a {
	margin: 10px;
	color: white;
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	text-decoration: none;
	cursor: pointer;
}
.UINavbar .UIOtherLinks a.UILogout {
	background-image: url(../icons/logout.png);
}
.UINavbar .UIOtherLinks a.UIAccountDetails {
	background-image: url(../icons/key.png?v=2);
}
.UIOverflow {
	width: 205px;
	height: 26px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	background: url(../graphics/navbar-overflow-gradient.png) no-repeat bottom center;
	cursor: pointer;
}
.UIOverflowBottom {
	background-position: top center;
	top: auto;
	bottom: 33px;
}
/* Main panel widget */
.UIMainPanel {
	position: absolute;
}
.UIMainPanel .UITitle {
	position: relative;
	height: 20px;
	line-height: 20px;
	margin-bottom: 12px;
	padding: 10px 15px;
/*     padding-left: 28px; */	/* Have the page title icon line up with the (first) panel icon. */
	font-size: 14pt;
	font-weight: normal;
	text-shadow: white 1px 1px 1px;
	color: #222222;
	background: #e4e4e4;
	border-bottom: 1px solid #c3c3c3;
}
.UIMainPanel .UITitle .UINavbarBadge {
	display: none;
}
.UIMainPanel .UITitle .inner {
	background: no-repeat left center;
	padding-left: 21px;
}
.UIMainPanel .UIMainPanelInner {
	margin: 0;
/* 	padding: 1px 1px; */
	padding: 0;
}
/* Tree View Widget */
.UITreeView {
	position: relative;
	zoom: 1;
	color: black;
	background-color: white;
	border: 1px solid #e1e1e1;
}
.UITreeView .UITreeViewToolbar {
	height: 25px;
	line-height: 25px;
	height: 32px;
	line-height: 32px;
	background: white;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
}
.UITreeView .UITreeViewToolbar a, .UITreeView .UITreeViewToolbar span {
	margin-right: 0px !important;
	padding-right: 0px !important;
}
.UITreeView ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.UITreeView ul li {
	font-size: 9pt;
	padding: 0px;
	margin: 0px;
	background: none;
}
.UITreeView ul li .UITreeViewItemRow { /* SPAN element */
	position: relative;
	display: block;
	padding: 2px 0px;
	vertical-align: top;
	outline: none;
}
/* Set up the pseuod-element on the SPAN element to become visible when the element is made focusable in the cms-widget-treeview.js */
.UITreeView ul li .UITreeViewItemRow::before {
	content: '';
/* 	display: block; */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	width: 5px;
	background: #44a0fe;
/* 	transition: width 0.15s; */
}
.UITreeView .UITreeViewInner > p {
	padding-left: 10px;
	padding-right: 10px;
}
.UITreeView ul li .UITreeViewItemRow.UISelectedRow::before {
	/* 	background: black; */
	border-right: 2px solid white;
}
.UITreeView ul li .UITreeViewItemRow:focus::before {
	display: block;
}
.UITreeView ul li .UITreeViewItemRow.UISelectedRow .UIExpander::before {
	border-left-color: white;
}
.UIPageListing .UITreeView .UITreeViewItemRow.UISelectedRow.hidden .UIIcon {
/* 	color: #ddd; */
	color: #fff;
/* 	font-style: italic; */
}
.UITreeView ul li .UITreeViewItemRow {
/* 	padding-left: 6px !important; */
}
.UITreeView ul li .UITreeViewItemRow, 
.UITreeView ul li .UITreeViewItemRow span, 
.UITreeView .UICell {
	line-height: 1.5em;
	height: 1.5em;
	cursor: default;
}
/* .hiiden pertains to a page that is hidden from the user (when not logged in) not to simply hide this option. */
.UITreeView ul li .UITreeViewItemRow.hidden {
/* 	height: 0; */
/* 	line-height: 0; */
} 
.UITreeView ul .UIOdd {
/* 	background-color: #e8effe; */
	background-color: #F6F6FA;
}
.UITreeView .UIIcon {
	overflow: hidden;
	vertical-align: top;
	display: block;
	margin-left: 10px;
}
.UITreeView .UIIconExists {
	background: none left center no-repeat;
	padding-left: 20px;
}
.UITreeView ul li .UITreeViewItemRow.UITreeViewItemDragHover {
	background-color: #44a0fe/*  !important */;
	color: white;
	border-radius: 10px;
}
.UITreeView .UISortie {
	position: absolute;
	background: transparent;
}
.UITreeView .UISortie-active {
	background-color: black;
}
.UITreeView .UIField {
	height: 1.3em;
	vertical-align: top;
	padding: 0px 3px;
	outline: none;
	border: 1px solid #e1e1e1;
	background: white;
}

/*
.UITreeView .UITreeViewGroup {
	padding-left: 10px;
}
*/

/* UI Simple Tables */
.UISimpleTable .UICell {
	position: absolute;
	top: 2px;
	left: 0px;
}
/* UI Panel - a box with a title and icon! */
.UIPanel {
    box-sizing: border-box;	
    -moz-box-sizing: border-box;	
	position: relative;
	margin: 15px;
	margin-top: 0px;
	background-color: transparent;
}
.UIPanel .UIPanelTitle {
	height: 32px;
	padding: 0 15px;
	font-size: 11pt;
	color: white;
	text-shadow: #555555 1px 1px 1px;
/* 	background: url(../graphics/ui-panel-title.gif) no-repeat top left; */
    background: linear-gradient(#a1b0d1, #7789b3);
    border-radius: 8px 8px 0 0;

}
.UIPanel .UIPanelIconEnabled {
	padding-left: 20px;
}
/*
.UIPanel .UIPanelTitle .UIPanelTitle2 {
	height: 31px;
	background: url(../graphics/ui-panel-title.gif) repeat-x center center;
}
*/
/*
.UIPanel .UIPanelTitle .UIPanelTitle3 {
	height: 31px;
	background: url(../graphics/ui-panel-title.gif) no-repeat bottom right;
}
*/
.UIPanel .UIPanelInner {
    box-sizing: border-box;	
    -moz-box-sizing: border-box;	
/*	padding-left: 2px; */
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #bababa;
/* 	background: white url(../graphics/ui-panel-sides.gif) repeat-y top left; */
    box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125);
}
/*
.UIPanel .UIPanelInner2 {
	background: white url(../graphics/ui-panel-sides.gif) repeat-y top right;
	padding-right: 2px;
}
*/
.UIPanel .UIPanelInner3 {
	background: white;
	padding: 10px 10px 10px 10px;
}
.UIPanel .UIPanelContent {
	background-color: white;
	padding: 10px;
}
.UIPanel .UIPanelIcon {
	background-position: left center;
	background-repeat: no-repeat;
	height: 32px;
	line-height: 32px;
}
.UIPanel .UIPanelEnd {
	height: 3px;
	padding-left: 8px;
	background: white url(../graphics/ui-panel-bottom.gif) no-repeat top left;
}
.UIPanel .UIPanelEnd2 {
	background: white url(../graphics/ui-panel-bottom.gif) no-repeat bottom right;
	height: 3px;
	padding-right: 8px;
}
.UIPanel .UIPanelEnd3 {
	background: url(../graphics/ui-panel-bottom.gif) repeat-x center center;
	height: 3px;
}
.UIDataPanel .UIPanelInner3 {
	padding: 0px;
}
.UIPanel .UIPanelControls {
	position: absolute;
	top: 2px;
	right: 3px;
	vertical-align: top;
}
.UIPanel .UIPanelControls .UIPanelSearch {
	background: url(../graphics/ui-panel-search.gif) no-repeat 5px 0px;
	padding-left: 25px;
	padding-right: 5px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.UIPanel .UIPanelControls .UIPanelSearch.hasFilter {
	padding-right: 0px;
}
.UIPanel .UIPanelControls .UIPanelSearch > span {
	display: inline-block;
	background: url(../graphics/ui-panel-search.gif) no-repeat bottom right;
	padding-left: 0px;
	padding-right: 15px;
}
.UIPanel .UIPanelControls .UIPanelSearch > span > span {
	display: inline-block;
	background: url(../graphics/ui-panel-search.gif) repeat-x center;
	height: 21px;
	padding-top: 8px;
}
.UIPanel .UIPanelControls .UIPanelSearch > span > span input {
	border: none !important;
	vertical-align: top;
	background: white;
	height: 14px;
	padding: 0px;
	font-size: 9pt;
	line-height: 14px;
	margin: 0px;
	outline: none;
}
.UIPanel .UIPanelControls .UIPanelSearch .close {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 7px;
	cursor: pointer;
	right: 7px;
	background: url(../graphics/ui-panel-search-close.png) no-repeat center center;
}
.UIPanel .UIPanelControls .UIPanelItem {
	display: inline-block;
	width: 24px;
	line-height: 29px;
	height: 29px;
	vertical-align: top;
	text-decoration: none;
	background: url(../graphics/ui-panel-item-border.gif) no-repeat top right;
	padding-right: 4px;
}
.UIPanel .UIPanelControls .UIPanelItem span {
	display: inline-block;
	width: 24px;
	line-height: 29px;
	height: 29px;
	background-position: center center;
	background-repeat: no-repeat;
}
.UIPanel .UIPanelControls .last {
	background: none !important;
	padding-right: 0px;
}
/* Rounded, title-less panel */
.UIRoundedPanel {
	background-color: white;
	background: white url(../graphics/ui-rounded-panel-pixel.gif) repeat-x top left;
}
.UIRoundedPanel .UIRoundedPanel2 {
	background: url(../graphics/ui-rounded-panel-pixel.gif) repeat-y top left;
}
.UIRoundedPanel .UIRoundedPanel3 {
	background: url(../graphics/ui-rounded-panel-pixel.gif) repeat-y top right;
}
.UIRoundedPanel .UIRoundedPanel4 {
	background: url(../graphics/ui-rounded-panel-bottom.gif) repeat-x bottom left;
}
.UIRoundedPanel .UIRoundedPanel5 {
	background: url(../graphics/ui-rounded-panel-bl.gif) no-repeat bottom left;
}
.UIRoundedPanel .UIRoundedPanel6 {
	background: url(../graphics/ui-rounded-panel-br.gif) no-repeat bottom right;
}
.UIRoundedPanel .UIRoundedPanel7 {
	background: url(../graphics/ui-rounded-panel-tl.gif) no-repeat top left;
}
.UIRoundedPanel .UIRoundedPanel8 {
	background: url(../graphics/ui-rounded-panel-tr.gif) no-repeat top right;
}
.UIRoundedPanel .UIRoundedPanelInner {
	padding: 10px;
}
/* Split panel */
.UISplitPanel {
	position: relative;
/* 	display: block; */
	display: flex;
	flex-direction: row;
	height: 100%;
/* 	padding: 1px; */
/* 	    background: tan; */
}
.UISplitPanelSub.left {
/*  	flex: 1; */
	box-sizing: border-box;
/* 	float: left; */
	top: 0px;
	left: 0px;
	/* width set in-line via JS */
/* 		background: pink; */
}
/* Element to click and drag left and right resize the adjacent columns */
.UISplitPanelSeperator {
	flex: 0 0 6px;
	box-sizing: border-box;
/* 		background: lime; */
	left: auto !important; /* We do not want the draggable seperator moving with the in-line CSS (as set with jQueryUI) as this divider is effectively set with the change in width of the first column. */
	background: white;
	cursor: ew-resize;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	transition: background-color 0.15s;
}
.UISplitPanelSeperator:hover {
	background-color: lightblue;
}
.UISplitPanelSeperator.ui-draggable-dragging { /* jQueryUI class */
	background-color: #44A0FE; /* C8 CMS blue */
}
.UISplitPanelSub.right {
 	flex: 1;
	box-sizing: border-box;
/* 	float: right; */
	top: 0px;
	right: 0px;
	/* width set in-line via JS */
/* 		background: purple; */
}
.UISplitPanelSub.left > div,
.UISplitPanelSub.right > div {
	height: 100%;
}
/* Dark Dialog Box */
.UIDialog {
	position: absolute;
	color: white;
	top: 200px;
	left: 450px;
	font-size: 9pt;
	z-index: 200;
}
.UIDialog .UIDialogClose {
	background: url(../graphics/ui-dialog-close.png) no-repeat top left;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 6px;
	left: 6px;
	display: block;
}
.UIDialog .UIDialogClose:hover {
	background-position: bottom left;
}
.UIDialog .UIDialogTitle {
	position: relative;
	zoom: 1;
	background: url(../graphics/ui-dialog-title-corners.png) no-repeat top left;
	padding-left: 7px;
	line-height: 24px;
}
.UIDialog .UIDialogTitleInner {
	background: url(../graphics/ui-dialog-title-corners.png) no-repeat top right;
	line-height: 24px;
	padding-right: 7px;
}
.UIDialog .UIDialogTitleInner2 {
	background: url(../graphics/ui-dialog-title.png) repeat-x top left;
	line-height: 24px;
}
.UIDialog .UIDialogTitle label {
	display: block;
	line-height: 24px;
	padding: 0px 20px;
	text-align: center;
}
.UIDialog .UIDialogTitle label span {
	display: block;
	height: 24px;
}
.UIDialog .UIDialogInner {
	background: url(../graphics/ui-dialog-background.png) repeat;
	padding: 1px;
}
.UIDialog .UIDialogInner2 {
	padding: 5px 15px;
}
.UIDialog .UIDialogBottomL {
	background: url(../graphics/ui-dialog-bottom.png) no-repeat left top;
	padding-left: 7px;
}
.UIDialog .UIDialogBottomR {
	background: url(../graphics/ui-dialog-bottom.png) no-repeat center right;
	padding-right: 7px;
}
.UIDialog .UIDialogBottomC {
	background: url(../graphics/ui-dialog-bottom.png) repeat-x bottom left;
	padding-top: 7px;
}
.UIDialog .UIButtonArea {
	text-align: right;
	padding: 7px 7px 0px 7px;
  margin-bottom: -5px;
}
.UIDialog .UIButtonArea .UIBlackButton {
  margin-bottom: 5px;
}
.UIDialog .UIDialogMessage {
	margin: 10px 20px;
}
.UIDialog .UIField {
	border: 1px solid black;
}
.UIDialog .UIPaddedTable th, .UIDialog .UIPaddedTable td {
	color: white;
}
.UIBlackButton {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin-left: 5px;
	padding: 0 12px;
	text-decoration: none;
	display: inline-block;
/* 	margin-left: 5px; */
	color: #ffffff;
/* 	background: url(../graphics/ui-dialog-button.png) no-repeat top left; */
	border: none;
	background-color: #474848;
	background: linear-gradient(0, #474848, #6c6c6c);	
	border-radius: 12px;
	outline: none;
	transition: background 0.15s;
}
a.UIBlackButton {
	color: #ffffff;
	background-color: #474848;
}
a.UIBlackButton:hover,
a.UIBlackButton:focus,
.UIBlackButton:hover,
.UIBlackButton:focus {
/* 	color: #ffffff; */
	background-color: #035dd7;
	background: linear-gradient(0, #035dd7, #3194ea);
/* 	border-color: #41a6ff; */
}
a.UIBlackButton:active,
.UIBlackButton:active {
/* 	color: #ffffff; */
	background-color: #373737;
	background: linear-gradient(0, #373737, #5e5e5e);
/* 	border-color: #474848; */
}
/*
.UIBlackButton span {
	display: inline-block;
	background: url(../graphics/ui-dialog-button.png) no-repeat center right;
	padding-right: 12px;
	height: 23px;
}
.UIBlackButton span label {
	display: inline-block;
	color: white;
	font-size: 9pt;
	background: url(../graphics/ui-dialog-button.png) repeat-x bottom left;
	height: 23px;
	padding: 0px 5px;
	line-height: 21px;
}
.UIBlackButton:active,
.UIBlackButton:active span,
.UIBlackButton:active span label {
	background-image: url(../graphics/ui-dialog-button-hover.png);
}
.UIBlackButton:hover,
.UIBlackButton:hover span,
.UIBlackButton:hover span label {
	background-image: url(../graphics/ui-dialog-button-down.png);
}
*/
/* File picker widget */
.UIFilePicker {
	display: block;
	position: relative;
	zoom: 1;
	z-index: 50;
	height: 26px;
	line-height: 26px;
	padding: 0px;
	background: url(../graphics/ui-picker-field.png) no-repeat top left;
	padding-left: 6px;
}
.image .UIFilePicker {
	z-index: 20;
}
.UIFilePicker .UIFilePickerInner1 {
	background: url(../graphics/ui-picker-field.png) repeat-x center center;
	height: 26px;
	line-height: 26px;
}
.UIFilePicker .UIFilePickerInner2 {
	height: 23px;
	padding-top: 0px;
}
.UIFilePicker .UIFilePickerLabel {
	box-shadow: none;
	-webkit-box-shadow: none;
	position: absolute;
	padding: 0px;
	border: none;
	background: transparent;
	top: 4px;
	left: 0px;
	margin: 0px;
	font-size: 9pt;
	color: black;
	width: 90%;
	padding-left: 6px;
	line-height: 20px;
	height: 20px;
	z-index: auto;
	outline: none;
}
.UIFilePicker .UIFilePickerRemove {
	right: 74px !important;
	padding-right: 1px !important;
	width: 25px !important;
}
.UIFilePicker .UIFilePickerRemove span {
	margin-right: 0px !important;
}
.UIFilePicker .UIFilePickerRemove label {
	background-image: url(../icons/delete.png) !important;
/* 	background-image: url(../icons/trash-16.png) !important; */
}
.UIFilePicker .UIFilePickerEdit span {
	background: url(../graphics/ui-picker-button.png) no-repeat bottom right;
	padding-right: 5px;
}
.UIFilePicker .UIFilePickerButton {
	position: absolute;
	top: 0px;
	z-index: 50;
	right: 0px;
	display: block;
	color: #444444;
	text-decoration: none;
	height: 26px;
	line-height: 26px;
	width: 75px;
	padding: 0px;
	padding-left: 5px;
	background: url(../graphics/ui-picker-button.png) no-repeat top left;
}
.UIFilePicker .UIFilePickerButton span {
	display: block;
	height: 26px;
	width: 70px;
	line-height: 26px;
	margin: 0px !important;
}
.UIFilePicker .UIFilePickerButton span span {
	background: url(../graphics/ui-picker-button.png) repeat-x center center;
	padding: 0px !important;
	width: auto;
}
.UIFilePicker .UIFilePickerButton label {
	line-height: 26px;
	height: 26px;
	padding-left: 20px;
	background: url(../icons/folder-horizontal-open.png) no-repeat left center;
	display: block;
	cursor: pointer;
}
.UIFilePicker .UIFilePickerButtonHover,
.UIFilePicker .UIFilePickerButtonHover span,
.UIFilePicker .UIFilePickerButtonHover span span {
	background-image: url(../graphics/ui-picker-button-down.png);
}
.UIFilePicker .UIFilePickerDropdown {
	position: absolute;
	top: 26px;
	right: 0px;
	display: none;
	width: 80px;
	background: url(../graphics/ui-picker-dropdown.png) no-repeat bottom center;
	padding: 0px;
	padding-bottom: 9px;
	z-index: 1000;
}
.UIFilePicker .UIFilePickerDropdown .UIFilePickerDropdownInner {
	background: url(../graphics/ui-picker-dropdown.png) repeat-y top left;
	display: block;
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: normal;
}
.UIFilePicker .UIFilePickerDropdown .UIFilePickerDropdownInner li {
	display: block;
	padding: 0px 5px;
	margin: 0px;
}
.UIFilePicker .UIFilePickerDropdown .UIFilePickerDropdownInner li:hover {
	background-color: #4F9EF4;
}
.UIFilePicker .UIFilePickerDropdown .UIFilePickerDropdownInner li:hover a {
	color: white;
}
.UIFilePicker .UIFilePickerDropdown .UIFilePickerDropdownInner li a {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	display: block;
	color: #444444;
	text-decoration: none;
	line-height: 22px;
	cursor: pointer;
}
.UIModalWrapper {
	position: absolute;
	z-index: 150;
	top: 300px;
	left: 300px;
	font-size: 9pt;
	font-family: "Lucida Grande", Arial, sans-serif;
	color: #333333;
}
.UIModalWrapper .UIModalShadow {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
}
.UIModalWrapper .UIModalShadowL {
	position: absolute;
	top: 17px;
	left: 0px;
}
.UIModalWrapper .UIModalShadowR {
}
.UIModalWrapper .UIModalShadowB {
	position: absolute;
	top: -17px;
	left: 17px;
}
.UIModalWrapper .UIModalCorner {
	width: 17px;
	height: 17px;
	position: absolute;
}
.UIModalWrapper .UIModalCorner1 {
	top: 0px;
	left: 0px;
	background-position: top left;
}
.UIModalWrapper .UIModalCorner2 {
	top: 0px;
	right: 0px;
	background-position: top right;
}
.UIModalWrapper .UIModalCorner3 {
	bottom: 0px;
	right: 0px;
	background-position: center right;
}
.UIModalWrapper .UIModalCorner4 {
	bottom: 0px;
	left: 0px;
	background-position: center left;
}
.UIModalWrapper .UIModalBox {
	border: 1px solid #888888;
	-webkit-box-shadow: #000000 3px 0px 10px;
	-moz-box-shadow: #000000 3px 0px 10px;
	box-shadow: #000000 3px 0px 10px;
/* 	background: white url(../graphics/ui-modal-gradient.png) repeat-x bottom left; */
	background: white;
	position: relative;
	zoom: 1;
	margin-left: 3px;
	margin-bottom: 8px;
	margin-right: 5px;
}
.UIModalWrapper .UIModalBox.UIModalBoxCrop {
}
.UIModalWrapper .UIModalBox.UIModalBoxCrop .UIModalButtons {
    display: flex;
    justify-content: space-between;
    padding: 20px 15px;
}
.UIModalWrapper .UIModalBox.UIModalBoxCrop .UIModalInner {
	overflow: hidden !important;
}
.UIModalWrapper .UIModalBox.UIModalBoxCrop .UIModalCropLeft {
	
}
.UIModalWrapper .UIModalBox.UIModalBoxCrop .UIModalCropRight {
}
.UIModalWrapper .UIModalBox.UIModalBoxCrop .UIModalButtons .UIPushButton {
	margin: 0 5px;
}
.UIModalWrapper .UIModalHeader {
	background: url(../graphics/ui-modal-headfoot.gif) repeat-x top left;
/* 	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e1e1e1)); */
	border-bottom: 1px solid #aaaaaa;
	padding: 10px 20px;
	padding-bottom: 8px;
}
.UIModalWrapper .UIModalBox .UIModalIcon {
	padding-left: 50px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
}
.UIModalWrapper .UIModalBox .UIModalIcon .UIModalTitle {
	font-size: 13pt;
	padding-bottom: 5px;
}
.UIModalWrapper .UIModalBox .UIModalIcon .UIModalDescription {
	font-size: 9pt;
	color: #777777;
}
.UIModalWrapper .UIModalBox .UIModalInner {
	padding: 20px;
	overflow: scroll;
	overflow-x: hidden;
	position: relative;
	zoom: 1;
}
.UIModalWrapper .UIModalBox UIModalHiddenTabLinkStart,
.UIModalWrapper .UIModalBox UIModalHiddenTabLinkEnd {
	/* No styling required as these are emtpy but here nonetheless. */
}
.UIModalWrapper .UIModalButtons {
	background: url(../graphics/ui-modal-headfoot.gif) repeat-x 0px -100px;
	text-align: right;
	padding: 20px;
	position: relative;
	zoom: 1;
}
.UIModalWrapper .UIModalButtons .UIPushButton {
	margin-left: 10px;
}
.UIModalHeart {
	height: 100%;
}
.UIOverlay {
	background: url(../graphics/ui-overlay.png) repeat;
	z-index: 100;
	position: absolute;
}
.clearlooks2_modalBlocker {
	background: none !important;
}
/* Dropdown select box thingy... makes it look pretty in IE! */
.UIDropdown {
	background: url(../graphics/ui-select-normal.png) no-repeat left top;
	height: 28px;
	display: block;
	padding: 0px;
	margin: 0px;
	position: relative;
	zoom: 1;
	margin-left: -3px;
}
.UIDropdown .UIDropdownInner {
	display: block;
	height: 28px;
	padding-left: 28px;
	padding-right: 28px;
}
.UIDropdown .UIDropdownInner2 {
	background: url(../graphics/ui-select-normal.png) repeat-x center center;
	height: 28px;
}
.UIDropdown a.UIDropdownButton {
	background: url(../graphics/ui-select-normal.png) no-repeat bottom right;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 28px;
	width: 28px;
}
.UIDropdown.UIFocused, .UIDropdown.UIFocused .UIDropdownInner2, .UIDropdown.UIFocused .UIDropdownButton {
	background-image: url(../graphics/ui-select-active.png);
}
.UIDropdown select {
	position: absolute;
	top: 7px;
	height: 20px;
	left: 10px;
	width: 100%;
}
.UIDropdown label {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 28px;
	line-height: 28px;
	padding-left: 13px;
	overflow: hidden;
}
.UIDropdown label.WithIcon {
	background-position: 13px 6px;
	background-repeat: no-repeat;
	padding-left: 33px;
}
/* Basic style dropdown */
.UIDropdownBasic {
	position: relative;
	display: inline-block;
	padding-right: 13px;
	margin-right: 10px;
	background: url(/core/design/graphics/ui-select-mini.gif) no-repeat right center;
}
.UIDropdownBasic select {
	position: absolute;
	top: 0px;
	left: 12px;
}
.UIDropdownBasic label.WithIcon {
	padding-left: 19px;
	background-repeat: no-repeat;
}
/* Fancy style dropdown (kinda like Lion's) */
.UIDropdownFancy {
	position: relative;
	display: inline-block;
/* 	height: 26px !important; */
	width: 100%;
	height: 32px;
	line-height: 32px;
/* 	background: url(../graphics/ui-dropdown-fancy.png) repeat-x top left; */
	background: -webkit-linear-gradient(#fdfdfd, #ececec); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fdfdfd, #ececec); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fdfdfd, #ececec); /* For Firefox 3.6 to 15 */
}
.UIDropdownFancy::before {
	content: '';
 	position: absolute;
 	display: block;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
    background: url(../graphics/ui-double-select-arrow-dark-2x.png) no-repeat center right 10px;
 	background-size: 6px 14px;
 	opacity: 0.8;
}
.UIDropdownFancy:hover::before {
 	opacity: 1;
/* 	background-image: background: url(../graphics/ui-double-select-arrow-invite-dark-2x.png); */
}
.UIDropdownFancy .UIDropdownInner {
/* 	position: absolute; */
/* 	top: 0px; */
/* 	left: 0px; */
/* 	right: 0px; */
/* 	bottom: 0px; */
/* 	background: url(../graphics/ui-dropdown-fancy.png) no-repeat center right; */
}
.UIDropdownFancy:hover .UIDropdownInner {
	background-position: bottom right;
}
.UIDropdownFancy select {
	position: absolute;
/*
	top: 0px;
	left: 12px;
*/
	width: 100%;
    left: 10px;
    top: 4px;
}
.UIDropdownFancy label.WithIcon {
	display: block;
	margin-left: 5px;
	padding-left: 19px;
    padding-left: 28px;
    background-position: 8px center;	
	background-repeat: no-repeat;
	text-shadow: white 0px 0px 2px;
}

/* Default Data Table */
.UIDataTable {
	width: 100%;
	background: white;
}
.UIDataTable .UIDataTableSorting {
	font-weight: bold;
}
.UIDataTable .UIDataTableSorting-desc .UIIndicator {
	display: inline-block;
	background: url(../graphics/ui-sort-desc.gif) no-repeat center right;
	padding-right: 9px;
}
.UIDataTable .UIDataTableSorting-asc span.UIIndicator {
	display: inline-block;
	background: url(../graphics/ui-sort-asc.gif) no-repeat center right;
	padding-right: 9px;
}
.UIDataTable .UIPagination td {
	background: url(../graphics/ui-datatable-pagination.gif) repeat-x top center;
	padding: 0px;
}
.UIDataTable .UIPagination td .pagination {
	height: 32px;
	position: relative;
	zoom: 1;
	line-height: 32px;
	font-size: 8pt;
	color: white;
	text-align: center;
}
/*
.UIDataTable .UIPagination td .pagination .dropdown,
.UIDataTable .UIPagination td .pagination .dropdown span {
	display: inline-block;
	line-height: 17px;
	height: 17px;
	background: url(../graphics/ui-pagination-selector.gif) no-repeat top left;
}
.UIDataTable .UIPagination td .pagination .dropdown {
	padding-left: 3px;
}
.UIDataTable .UIPagination td .pagination .dropdown > span {
	background-position: bottom right;
	padding-right: 8px;
}
.UIDataTable .UIPagination td .pagination .dropdown > span > span {
	background-position: center center;
	background-repeat: repeat-x;
	padding-right: 2px;
}
*/
.UIDataTable .UIPagination td .pagination .dropdown select {
/* 	position: absolute; 
}
.UIDataTable .UIPagination td .pagination select {
*/
	appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
/* 	font-size: 8pt; */
	font-size: 12px;
	margin: 0px;
	padding: 2px 22px 2px 4px;
	vertical-align: baseline;
	color: white;
	font-style: italic;
 	background-image: url(../graphics/ui-pagination-select-arrow-light-2x.png);
	background-repeat: no-repeat;
	background-color: #444444; /* dark grey */
	background-position: right 5px top 50%;
	background-size: 9px 8px;
	border: none;
	border-radius: 5px;
	transition: background-color 0.15s;
}
.UIDataTable .UIPagination td .pagination select:hover,
.UIDataTable .UIPagination td .pagination select:focus {
	background-color: #222222; /* even dark grey */
 	background-image: url(../graphics/ui-pagination-select-arrow-invite-light-2x.png);
	
}
.UIDataTable .UIPagination td .pagination label {
	display: inline-block;
	margin: 0px 5px;
	padding: 0px 5px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
}
.UIDataTable .UIPagination td .pagination label.rows {

}
.UIDataTable .UIPagination td .back {
	position: absolute;
	top: 5px;
	left: 5px;
}
.UIDataTable .UIPagination td .next {
	position: absolute;
	top: 5px;
	right: 5px;
}
.UIDataTable thead tr {
	background: url(../graphics/ui-datatable-head.gif) repeat-x top center;
}
.UIDataTable thead tr th {
	cursor: default;
	color: #222222;
	font-weight: normal;
	text-align: left;
	padding: 2px 5px;
	height: 30px;
	line-height: 1.3em;
	white-space: nowrap;
	border-right: 1px solid #d9d9d9;
	font-size: 10pt;
	font-weight: normal;
	overflow: hidden;
	text-shadow: white 1px 1px 1px;
}
.UIDataTable thead tr th.align-center {
	text-align: center;
}
.UIDataTable thead tr th.align-right {
	text-align: right;
}
.UIDataTable thead tr th img {
	vertical-align: middle;
}
/* tooltips for the datatable header cells */
.UIDataTable thead tr th.withTooltip {
	/* position: relative; */
}
span.UIDataTableHeadTooltip {
	position: absolute;
	background-color: #444;
	color: white;
	font-size: 11px;
	text-shadow: none;
	display: block;
	box-shadow: 0 5px 10px #444;
	border-radius: 4px;
}

/* small dart */
span.UIDataTableHeadTooltip::after {
	content: '';
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	bottom: -8px;
	left: 50%;
	margin-left: -16px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #444;
}
span.UIDataTableHeadTooltip > span {
	padding: 7px 10px;
	line-height: 16px;
	display: block;
}
.UIDataTable tr:hover {
	background-color: #f6fafa;
}
.UIDataTable tr td {
	padding: 3px;
	text-align: left;
	padding: 5px 5px;
	border-right: 1px solid #fafafa;
	border-bottom: 1px solid #d9d9d9;
}
.UIDataTable tr td.align-center {
	text-align: center;
}
.UIDataTable tr td.align-right {
	text-align: right;
}
.UIDataTable tr.UILastRow {
/* 	background-image: url(../graphics/ui-datatable-bottom-repeat.gif); */
/* 	background-repeat: repeat-x; */
/* 	background-position: bottom; */
}
.UIDataTable tr.UILastRow td {
/* 	border-bottom: none; */
}
/* Terminating columns in normal rows */
.UIDataTable td.UILastCell {
	background-image: url(../graphics/ui-datatable-border-sides.gif);
	background-repeat: repeat-y;
	background-position: right;
	border-right: none;
}
.UIDataTable td.UIFirstCell {
	background: url(../graphics/ui-datatable-border-sides.gif) repeat-y left;
}
/* Terminating columns in header */
.UIDataTable thead th.UILastCell {
	background: url(../graphics/ui-datatable-top-right.gif) repeat-x top right;
	border-right: none;
}
.UIDataTable thead th.UIFirstCell {
	background: url(../graphics/ui-datatable-top-left.gif) no-repeat top left;
}
.UIDataTable .UINoResults {
	font-size: 10pt;
	padding: 7px;
	color: #888888;
}
/* Custom Styles for UIDataPanel Tables */
.UIDataPanel .UIDataTable th {
	background: url(../graphics/ui-datatable-head.gif) repeat-x top center !important;
}
.UIDataPanel .UIDataTable .UIFirstCell,
.UIDataPanel .UIDataTable .UILastCell {
	background: none;
}
.UIDataPanel .UIDataTable .UILastCell {
	padding: 0;
}
.UIDataPanel .UIDataTable .UILastRow .UIDataTableCell {
	border-bottom: none;
}
/* View toggle. No longer used really */
.UIViewToggle {
	background: url(../graphics/ui-view-switch.gif) no-repeat top left;
	width: 49px;
	height: 25px;
	cursor: pointer;
}
.UIViewToggle.list {
	background-position: bottom left;
}
.UIViewToggle.grid {
	background-position: top left;
}
/* Detail view */
.UIDetailView .row {
	clear: both;
	line-height: 1.6em;
}
.UIDetailView .lhs {
	width: 28%;
	float: left;
	text-align: right;
	padding-right: 2%;
	padding-bottom: 10px;
}
.UIDetailView .rhs {
	width: 70%;
	float: right;
	padding-bottom: 10px;
}
.UIDetailView .title {
	display: block;
	padding-bottom: 20px;
}
.UIDetailView .title .type {
	display: block;
	font-size: 9pt;
	color: #888888;
}
.UIDetailView .title label {
	font-size: 12pt;
	display: inline-block;
	padding: 2px 0px;
	border: 1px solid white;
	background: white;
	font-size: 13pt;
	margin: 0px;
}
.UIDetailView .title .field {
	padding: 2px 4px;
	background: white;
	font-size: 13pt;
	width: 95%;
	margin: 0px;
}
.UIDetailView .title .field:focus {
	outline: none;
	border: 1px solid #e1e1e1;
}
.UIDetailView .title a.rename {
	display: inline-block;
	font-size: 8pt;
	padding: 3px;
	margin: 0px 3px;
	vertical-align: bottom;
	background-color: #e3e3e3;
	color: #8b8b8b;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.UIDetailView .title a.rename:hover {
	background-color: #eeeeee;
}
/* Frontend Toolbox */
.UIToolbox {
	position: fixed;
	z-index: 130;
	top: 0px;
	left: 0px;
	width: 100%;
	color: white;
	line-height: 1.8em;
	padding: 0px 0px;
	min-width: 160px;
}
.UIToolbox .UIToolboxInner {
	background: url(../graphics/ui-toolbox-shadow.png) repeat-x bottom left;
	padding-bottom: 7px;
}
.UIToolbox a {
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.UIToolbox a:hover {
	text-decoration: underline;
}
.UIToolbox .UIToolboxShortcuts {
	position: absolute;
	top: 5px;
	right: 10px;
}
.UIToolbox .UIToolboxShortcuts a {
	display: inline-block;
	padding-left: 20px;
	margin-left: 4px;
	background: no-repeat left center;
	cursor: pointer;
	color: #FFF  !important;
	font-family: inherit  !important;
	font-weight: normal !important;
	font-style: normal !important;
}
.UIToolbox .UIToolboxShortcuts .UIToolboxLogout {
	background-image: url(../icons/logout.png);
}
.UIToolbox .UIToolboxShortcuts .UIToolboxMore {
	background-image: url(../icons/gear.png);
}
.UIToolbox .UIToolboxTitle {
	padding: 3px 12px;
	background: url(../graphics/ui-toolbox-top.png) repeat-x;
}
.UIToolbox .UIToolboxIcon {
	font-size: 14pt;
	padding: 4px 0px;
	padding-right: 230px;
}
.UIToolbox .UIToolboxType {
	font-size: 9pt;
	padding-left: 18px;
	background: url(/modules/pages/icons/notebook.png) no-repeat left center;
}
.UIToolbox .UIToolboxEditing {
	padding: 4px 12px;
	background: url(../graphics/ui-toolbox-bottom.png) repeat-x;
}
.UIToolbox .UIToolboxEditing .UIItem {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	display: inline-block;
	margin-right: 8px;
	color: #FFF  !important;
	font-family: inherit  !important;
	font-weight: normal !important;
	font-style: normal !important;
}
.UIToolbox .UIToolboxEditing .UIPageLocked {
	background-image: url(/modules/pages/icons/lock.png);
}
.UIToolbox .pages_homepage {
	background-image: url(/modules/pages/icons/home.png);
}
.UIToolbox .blog {
	background-image: url(/modules/blog/icons/newspaper.png);
}
.UIToolbox .UIEditPage {
	background-image: url(/core/design/icons/lock.png);
}
.UIToolbox .UIStructureMode {
	background-image: url(/core/design/icons/blueprint.png);
}
.UIToolbox .UIPreview {
	background-image: url(/core/design/icons/lock-unlock.png);
}
.UIToolbox .UISave {
	background-image: url(/core/design/icons/disk.png);
}
.UIToolbox .UISaveAs {
	background-image: url(/core/design/icons/disk--plus.png);
}
.UIToolbox .UICancel {
	background-image: url(/core/design/icons/cross-circle.png);
}
.UIToolbox .UINotAllowed {
/* 	background-image: url(/core/design/icons/delete.png); */
	background-image: url(/core/design/icons/trash-16.png);
}
.UIToolbox .UIApprove {
	background-image: url(/core/design/icons/tick-button.png);
}
/* Save version dialog */
.UISaveAs .description {
	padding-left: 23px;
	font-size: 8pt;
	color: #aaaaaa;
}
.UISaveAs th {
	width: 100px;
	vertical-align: top;
}
.UISaveAs td {
	padding-bottom: 20px;
}
/* Live edit TinyMCE */
.UIEmbeddedMCE .mceIframeContainer iframe {
	min-height: 100px;
}
.mceExternalToolbar {
	background: url(../graphics/ui-formatbar.png) repeat-x !important;
	position: fixed !important;
	bottom: 0px !important;
	left: 0px !important;
	width: 100% !important;
	top: auto !important;
	right: auto !important;
	z-index: 99;
	border: none !important;
	border-top: 1px solid #444444 !important;
}
.mceToolbar {
	background: transparent !important;
}
.mceExternalToolbar .mceExternalClose {
	display: none !important;
}
.mceExternalToolbar table {
	background: none !important;
}
.mceExternalToolbar .mceButton {
	padding: 0px 3px;
	border: 1px solid transparent !important;
}
.mceExternalToolbar .mceButton:hover {
	background-color: #222222 !important;
}
.mceExternalToolbar .mceButtonActive {
	background-color: transparent !important;
	border: 1px solid #777777 !important;
}
.mceExternalToolbar span.mce_bold {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/text_bold.png) !important;
}
.mceExternalToolbar span.mce_italic {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/text_italic.png) !important;
}
.mceExternalToolbar span.mce_underline {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/text_underline.png) !important;
}
.mceExternalToolbar span.mce_bullist {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/text_list_bullets.png) !important;
}
.mceExternalToolbar span.mce_numlist {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/text_list_numbers.png) !important;
}
.mceExternalToolbar span.mce_justifyleft {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/text_align_left.png) !important;
}
.mceExternalToolbar span.mce_justifyright {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/text_align_right.png) !important;
}
.mceExternalToolbar span.mce_justifycenter {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/text_align_center.png) !important;
}
.mceExternalToolbar span.mce_justifyfull {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/text_align_justify.png) !important;
}
.mceExternalToolbar span.mce_outdent {
	background-position: center center !important;
	background-image: url(/modules/pages/icons/formaticons/outdent.gif) !important;
}
.mceExternalToolbar span.mce_indent {
	background-position: center center !important;
	background-image: url(/modules/pages/icons/formaticons/indent.gif) !important;
}
.mceExternalToolbar span.mce_charmap {
	background-position: center center !important;
	background-image: url(/modules/pages/icons/formaticons/charmap.gif) !important;
}
.mceExternalToolbar span.mce_anchor {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/anchor.png) !important;
}
.mceExternalToolbar span.mce_link {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/chain.png) !important;
}
.mceExternalToolbar span.mce_unlink {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/chain-unchain.png) !important;
}
.mceExternalToolbar span.mce_removeformat {
    background-position: center center !important;
}
.mceExternalToolbar span.mce_image {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/image.png) !important;
}
.mceExternalToolbar span.mce_code {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/edit-code.png) !important;
}
.mceExternalToolbar span.mce_charmap {
    background-position: center center !important;
}
.mceExternalToolbar .mceSeparator {
    background-image: none !important;
}
.mceExternalToolbar span.mce_resource {
    background-position: center center !important;
    background-image: url(/modules/pages/icons/formaticons/mce-add-resource.gif) !important;
}
.UIEmbeddedMCE .mceListBoxMenu {
	position: fixed !important;
	top: auto !important;
	left: 290px !important;
	bottom: 50px !important;
}
.UIEmbeddedMCE .mceExternalToolbar .mceOpen {
	background-color: white !important;
}
.UIPageApprovalLogin {
	width: 500px;
	margin: auto;
	margin-top: 50px;
}
.UIMainToolbar {
    padding-left: 6px;
/*     padding-bottom: 8px; */
    margin-bottom: 8px;
/*
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 8px 20px;
	vertical-align: middle;
	text-align: left;
*/
}
.UIMainToolbar .UIPushButton {
	margin-left: 10px;
}
.uiBlockPanel {
    border-top: 1px solid #d2dee3;
    border-left: 1px solid #d2dee3;
    border-bottom: 1px solid #b4bec5;
    border-right: 1px solid #b4bec5;
    background: #fdfdfd url(/core/design/graphics/block-panel-bottom.gif) repeat-x bottom left;
    padding: 0px;
    font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-size: 9pt;
    color: black;
}
.uiBlockPanel .uiBlockPanel-bar {
    display: block;
    height: 17pt;
    border-bottom: 1px solid #b3bec5;
    background: #fafafa url(/core/design/graphics/block-panel-gradient.png) repeat-x;
}
.uiBlockPanel .uiBlockPanel-bar .uiBlockPanel-title {
    font-size: 10pt;
    height: 17pt;
    line-height: 17pt;
    font-weight: bold;
    float: left;
    padding-left: 3pt;
}
.uiBlockPanel .uiBlockPanel-loading {
    position: absolute;
    margin-top: 26pt;
    margin-left: 10pt;
    color: #888;
    font-size: 11pt;
}
/* Page Structure Mode */
.UIBeingEdited .UIStructureModeBlock {
	display: block;
	position: relative;
	zoom: 1;
	border: 1px solid transparent;
}
.UIBeingEdited .UIBlockContainer .UIBlock {
	margin-bottom: 10px !important;
	position: relative;
	zoom: 1;
}
.UIBeingEdited .UIBlockContainer .UIContainerOptions {
	text-align: right;
}
/* Page editing - Block tab */
.UIPageEditTab {
	position: absolute;
	display: block;
	background: url(../graphics/ui-page-edit-tab.png) no-repeat top left;
	padding-top: 7px;
	top: 0px;
	z-index: 98;
	left: -27px;
}
.UIPageEditTab > div {
	background: url(../graphics/ui-page-edit-tab.png) no-repeat bottom right;
	padding-bottom: 7px;
}
.UIPageEditTab > div > div {
	background: url(../graphics/ui-page-edit-tab.png) repeat-y top center;
	width: 25px;
	padding: 1px 0px;
}
.UIPageEditTab > div > div > div {
	margin-top: -8px;
	margin-bottom: -8px;
}
.UIPageEditTab .UIPageEditTabItem {
	display: block;
	cursor: pointer;
}
.UIPageEditTab .UIPageEditTabItem span {
	display: block;
	height: 23px;
	width: 25px;
	background-repeat: no-repeat;
	background-position: center;
}
.UIPageEditTab .UIPageEditTabItem:hover {
	background: url(../graphics/ui-page-edit-tab-item-hover.png) repeat-y -25px 0;
}
.UIPageEditTab .UIPageEditTabItemFirst:hover {
	background: url(../graphics/ui-page-edit-tab-item-hover.png) no-repeat 0 0;
}
.UIPageEditTab .UIPageEditTabItemLast:hover {
	background: url(../graphics/ui-page-edit-tab-item-hover.png) no-repeat -50px 0;
}
.UIPageEditTab .UIPageEditTabItemFirst.UIPageEditTabItemLast:hover {
	background-position: -75px 0;
}
/* Context Menu */
.UIListMenu {
	background-color: white;
	border: 1px solid #999999;
	box-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
	position: absolute;
	width: 200px;
}
.UIListMenu a {
	display: block;
	padding-left: 5px;
	color: #444444 !important;
	text-decoration: none !important;
}
.UIListMenu a.UIItemFake {
	margin: 0;
	padding: 0;
}
.UIListMenu a:not(.UIItemFake) ~ a {
	border-top: 1px solid #e1e1e1;
}
.UIListMenu a:focus {
/* 	color: white !important; */
/* 	background-color: #4271c4; */
	background-color: lightblue;
	outline: 1px dotted black;
}
.UIListMenu a:hover {
/* 	display: block; */
	color: white !important;
	background-color: #4271c4;
	cursor: pointer;
}
.UIListMenu a span {
	background: left center no-repeat;
	padding: 6px 3px;
	display: block;
	cursor: pointer;
}
.UIListMenuWithicon a span {
	padding-left: 20px;
}

/* Field editor */
.UIFieldEditor {
	border: 1px solid white;
	border-top-color: #79848b;
	border-left-color: #b3b9c4;
	border-right-color: #b3b9c4;
	border-bottom-color: #d1d3d7;
	padding: 10px;
	overflow: scroll;
	overflow-x: hidden
}
.UIFieldEditor .UIFieldNode {
	width: 470px;
	clear: both;
}
.UIFieldEditor .UIFieldNode .UIFieldOptions {
	float: left;
	padding-left: 10px;
	width: 20px;
}
.UIFieldEditor .UIFieldNode .UIFieldNodeInner {
	border: 2px dashed #aaaaaa;
	float: left;
	background-color: #fbfbfb;
	padding: 5px;
	color: #888888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 360px;
	margin-bottom: 5px;
}
.UIFieldEditor .UIFieldNode .title {
	font-weight: bold;
	font-size: 11pt;
}
.UIFieldEditor .UIFieldNode .type {
	font-size: 10pt;
}
/* List editor */
.UIListEditor {
	min-width: 240px;
	display: block;
	position: relative;
	zoom: 1;
	padding: 1px;
	padding-left: 0px;
}
.UIListEditorRow {
	background: #FAFAFA;
	position: relative;
	zoom: 1;
	margin: 4px 0px;
	border: 1px solid #F0F0F0;
	border-left: 3px solid #CCCCCC;
	height: 25px;
	margin-right: 20px;
	line-height: 25px;
}
.UIListEditorRow .UIField {
	width: 92%;
	float: left;
	height: 15px;
	line-height: 15px;
	position: absolute;
	top: 2px;
	padding: 2px 2px;
	margin: 0px;
}
.UIListEditorRowWithValue .UIField {
	width: 43%;
}
.UIListEditorRowWithValue .UIField.UIRandomFieldName {
	width: 88%;
}
.UIListEditorRowWithValue .UIField.hidden {
	display: none;
	width: 0%;
}
.UIListEditorRow .UIListLabelField {
	left: 10px;
}
.UIListEditorRow .UIListValueField {
	right: 7px;
}
.UIListEditorRow .UIListEditorDelete {
	background: url(../graphics/ui-formedit-cross.png) no-repeat left center;
	cursor: pointer;
	width: 16px;
	position: absolute;
	top: 0px;
	display: block;
	height: 25px;
	right: -19px;
}
.UIListEditorRow .UIListEditorDelete:hover {
	background-position: right center;
}
.UIListEditorHeading {
	background: transparent;
	border: 1px solid transparent;
	border-left: 3px solid transparent;
	height: 14px;
	margin-bottom: 0px;
}
.UIListEditorHeading .UIField {
	border-color:  transparent !important;
	background: transparent !important;
	color: #666666;
	font-style: italic;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	top: 0px;
}
/*
.UIListEditor {
	display: block;
	padding: 1px;
	width: 350px;
}
.UIListEditorCompact input.UIField {
	font-size: 8pt;
	width: 90px;
}
.UIListEditor .UIListEditorRow {
	display: block;
	margin-bottom: 2px;
	line-height: 1.8em;
	vertical-align: middle;
	border: 1px solid #e1e1e1;
}
.UIListEditor .UIListEditorRow input.UIField {
	vertical-align: middle;
	margin: 4px 5px 4px 0px;
	width: 140px;
}
.UIListEditor .UIListEditorRow span {
	display: inline-block;
	height: 1.8em;
	vertical-align: middle;
	width: 20px;
}
.UIListEditor .UIListEditorRow .UIListEditorDelete {
	background: url(/core/design/icons/cross-circle.png) no-repeat center center;
	cursor: pointer;
}
.UIListEditor .UIListEditorRow .UIListEditorDrag {
	background: url(/core/design/graphics/ui-drag-small.gif) no-repeat center center;
	cursor: move;
}
*/
/* Image list editor */
.UIImageListItem {
	display: block;
	padding: 2px;
	height: 60px;
	width: 300px;
}
.UIImageListItem .UIImageListSort {
	float: left;
	width: 15px;
	height: 50px;
	display: block;
	background: url(/core/design/graphics/ui-drag-small.gif) no-repeat center center;
}
.UIImageListItem .UIImageListImage {
	float: left;
	width: 85px;
	height: 50px;
}
.UIImageListItem .UIImageListImage img {
	border: 1px solid white;
	width: 80px;
	height: 50px;
	-webkit-box-shadow: #444444 0px 1px 2px;
	-moz-box-shadow: #444444 0px 1px 2px;
	box-shadow: #444444 0px 1px 2px;
}
.UIImageListItem .UIImageListOptions {
	float: left;
	padding-left: 5px;
	height: 60px;
}
/* Tab panels */
.UITabPanel {
	padding: 1px;
	border-bottom: 1px solid transparent;
}
.UITabPanel .UITabList {
	padding-left: 1px;
	height: 27px;
	background: url(../graphics/ui-tab-border.gif) repeat-x bottom;
}
.UITabPanel .UITabItem {
	height: 27px;
	line-height: 25px;
	background-image: url(../graphics/ui-tab-inactive.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: inline-block;
	padding-left: 5px;
	margin-left: 10px;
	font-size: 9pt;
	color: #888888;
	cursor: pointer;
}
.UITabPanel .UITabPanel .UITabContent {
	padding-top: 20px;
	position: relative;
	zoom: 1;
}
.UITabPanel .UITabItem span {
	background-image: url(../graphics/ui-tab-inactive.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	display: inline-block;
	padding-right: 5px;
	height: 27px;
}
.UITabPanel .UITabItem span span {
	padding: 0px 5px;
	background-image: url(../graphics/ui-tab-inactive.gif);
	background-repeat: repeat-x;
	background-position: center;
	display: inline-block;
	height: 27px;
}
.UITabPanel .UITabItemActive,
.UITabPanel .UITabItemActive span,
.UITabPanel .UITabItemActive span span {
	color: #444444;
	background-image: url(../graphics/ui-tab-active.gif);
}
/* ...tab panel with button styles instead of tabs */
.UITabPanel .UITabsButtons {
	padding-top: 6px;
	border-bottom: none !important;
	background: none !important;
}
.UITabPanel .UITabsButtons .UITabItem {
	background-image: url(../graphics/ui-tab-btn-inactive.gif);
	font-size: 8pt !important;
	height: 18px;
	line-height: 18px;
	margin-left: 5px;
}
.UITabPanel .UITabsButtons .UITabItem span {
	background-image: url(../graphics/ui-tab-btn-inactive.gif);
	height: 18px;
}
.UITabPanel .UITabsButtons .UITabItem span span {
	background-image: url(../graphics/ui-tab-btn-inactive.gif);
	height: 18px;
}
.UITabPanel .UITabsButtons .UITabItemActive, .UITabPanel .UITabsButtons .UITabItemActive span, .UITabPanel .UITabsButtons .UITabItemActive span span {
	background-image: url(../graphics/ui-tab-btn-active.gif);
}
/* Block selector for structure mode */
.UIBeingEdited .UIBlockSelection .UIBlockSelectionColumn {
	float: left;
	width: 160px;
}
.UIBeingEdited .UIBlockSelection .UIBlockSelectorOptions {
	padding-bottom: 5px;
}
.UIBeingEdited .UIBlockSelection .UIBlockSelectorHeading {
	font-weight: bold;
}
.UIBeingEdited .UIBlockSelection .UIBlockSelectorItem {
	color: #dddddd;
}
/* Grey Panel */
.UIGreyHeader {
	background: url(/core/design/graphics/ui-datatable-top-left.gif) no-repeat left top;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	font-size: 9pt;
}
.UIGreyHeader .UIGreyHeaderInner1 {
/* 	background: url(/core/design/graphics/ui-datatable-head.gif) repeat-x top center; */
}
.UIGreyHeader .UIGreyHeaderInner2 {
	background: url(/core/design/graphics/ui-datatable-top-right.gif) no-repeat right top;
	padding-right: 10px;
}
.UIGreyPanel-new .UIGreyHeader,
.UIGreyPanel-new .UIGreyHeader .UIGreyHeaderInner1,
.UIGreyPanel-new .UIGreyHeader .UIGreyHeaderInner2 {
	background: url(/core/design/graphics/ui-tab-bar.png) repeat-x bottom left;
}
.UIGreyPanel-new .UIGreyHeader {
	height: 26px;
	line-height: 26px;
}
.UIGreyPanel-new .UIGreyCell .UIGreyCellInner2,
.UIGreyPanel-new .UIGreyCell .UIGreyCellInner3,
.UIGreyPanel-new .UIGreyCell .UIGreyCellInner4 {
	background-image: none;
}
.UIGreyCell {
	background: white url(/core/design/graphics/ui-datatable-border-sides.gif) repeat-y top left;
}
.UIGreyCell .UIGreyCellInner1 {
	background: url(/core/design/graphics/ui-datatable-border-sides.gif) repeat-y top right;
}
.UIGreyCell .UIGreyCellInner2 {
	background: url(/core/design/graphics/ui-datatable-bottom-repeat.gif) repeat-x bottom;
}
.UIGreyCell .UIGreyCellInner3 {
	background: url(/core/design/graphics/ui-datatable-bottom-left-small.gif) no-repeat bottom left;
}
.UIGreyCell .UIGreyCellInner4 {
	background: url(/core/design/graphics/ui-datatable-bottom-right-small.gif) no-repeat bottom right;
	padding: 1px;
	min-height: 400px;
}
.UIInfoPanel {
	background: url(/core/design/graphics/ui-infopanel.gif) no-repeat top left;
	padding-left: 7px;
	margin: 0px 15px 10px 15px;
}
.UIInfoPanel .UIInfoPanelInner {
	background: url(/core/design/graphics/ui-infopanel.gif) no-repeat bottom right;
	padding-right: 7px;
}
.UIInfoPanel .UIInfoPanelInner2 {
	background: url(/core/design/graphics/ui-infopanel.gif) repeat-x center center;
	height: 33px;
	line-height: 30px;
	font-size: 10pt;
}
.UIInfoPanel .UIIcon {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.UIInfoPanel .UIIcon a {
	color: black;
}
.UIGroupAccess {
	padding: 1px;
}
.UIGroupAccess p {
	margin: 0px;
	margin-bottom: 2px;
}
.UIGroupAccess label {
	display: block;
}
.UIGroupAccess .UIAccessGroupList {
	padding-left: 20px;
}
.UISingleImage {
	display: block;
	position: relative;
	zoom: 1;
}
.UISingleImage .UISingleImageImage {
	display: block;
	float: left;
	border: 1px solid #e1e1e1;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}
.UISingleImage .UISingleImageImage img {
	vertical-align: middle;
}
.UISingleImage .UISingleImageControls {
	float: left;
	padding-left: 10px;
}
.UISingleImage .UINoImage {
	font-size: 9pt;
	text-align: center;
	color: #aaaaaa;
}
.UIFilter th {
	text-align: left;
	padding-right: 10px;
	padding-left: 0px;
}
.UIFilter td {
	text-align: left;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
}
/* Form Editor */
.UIFormEditor {
	position: relative;
	zoom: 1;
    height: inherit;
}
.UIFormEditor textarea {
	resize: none;
}
.UIFormEditor .UIGreyPanel .innerMost {
	height: auto;
	min-height: 0px !important;
}
.UIFormEditorWithLibrary .UIFormCanvas {
    height: inherit;
	margin-right: 202px;
}
.UIFormEditorWithLibrary .UIGreyPanel {
	height: inherit;
}
.UIFormEditorWithLibrary .UIFormCanvas .UIGreyCell,
.UIFormEditorWithLibrary .UIFormLibrary .UIGreyCell {
    height: calc(100% - 26px);
    overflow: auto;
}
.UIFormEditorWithLibrary .UIFormCanvas .UIGreyCell {
    background: #f6f6f6;
}
.UIFormEditor .UIFormLibrary {
    height: inherit;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
}
.UIFormEditor .UIFormLibrary .UILibraryItem {
	padding: 4px 6px;
	border-bottom: 1px solid #eaeaea;
	cursor: move;
}
.UIFormEditor .UIFormLibrary .UILibraryItem span {
	background: none no-repeat left center;
	padding-left: 20px;
	line-height: 1.6em;
	display: inline-block;
}
.UIFormEditor .UIFormBuilderTable {
	width: 100%;
	display: block;
	padding: 0px;
	padding-bottom: 40px;
	margin: 0px;
}
.UIFormEditor .UIFormPlaceholder {
	border-bottom: 1px dashed #e1e1e1;
	height: 3em;
	background-color: #fafafa;
}
.UIFormEditor .UIFormRow {
	border-bottom: 1px dashed #e1e1e1;
	width: 100%;
	display: block;
	background: white;
	position: relative;
	zoom: 1;
}
.UIFormEditor .UIFormCell {
	line-height: 2.6em;
	height: auto !important;
	height: 2.6em;
	min-height: 2.6em;
}
.UIFormEditor .UIFormCellInner {
	padding: 0px;
	line-height: 2.6em;
	min-height: 2.6em;
}
.UIFormEditor .UIFormFieldActions {
	width: 60px;
	text-align: right;
	position: absolute;
	right: 10px;
	top: 0px;
}
.UIFormEditor .UIFormTitle {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30%;
	text-align: right;
}
.UIFormEditor .UIFormFieldPreview {
	margin-right: 80px;
	margin-left: 30%;
	padding-left: 5px;
}
.UIFormEditor .UIFormFieldPreview .UIFormCellInner {
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: normal;
}

.UIFormEditor .UIFormTitle .UIFormCellInner {
	line-height: 2.5em !important;
	vertical-align: middle;
}
.UIFormEditor .UIFormTitle .UITitleValue {
	vertical-align: middle;
	display: inline-block;
	outline: none;
	font-weight: bold;
	width: 80%;
	padding-right: 3px;
	text-align: right;
	height: 20px;
	line-height: 16px;
	padding: 2px;
	font-size: 9pt;
	border: none;
	background: transparent;
}
.UIFormEditor .UIFormTitle .UITitleValue:focus {
	background: url(../graphics/ui-form-field-title-bg.gif) no-repeat center left;
}
.UIFormEditor .UIFormTitle .UIFormRequiredIndicator,
.UIFormRequiredIndicator {
	color: #cc0000;
	display: inline-block;
	vertical-align: middle;
}
th.UIFullWidth .UIFormRequiredIndicator {
	font-size: 11px;
	position: relative;
	top: -2px;
}
.UIFormEditor .UIFormDragHandle {
	display: none;
}
.UIFormEditorWithLibrary .UIFormDragHandle {
	width: 30px;
	z-index: 200;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../graphics/ui-sortable.gif) no-repeat center center;
	display: block;
}
.UIFormEditor .UIFormFieldActions a {
	margin-left: 5px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	width: 13px;
}
.UIFormEditor .UIFormFieldActions a:hover {
	background-position: center right;
}
.UIFormEditor .UIFormFieldActions a.UIFieldAddNote {
	background-image: url(../graphics/ui-formedit-addnote.png);
}
.UIFormEditor .UIFormFieldActions a.UIFieldDetails {
	background-image: url(../graphics/ui-formedit-cog.png);
	width: 16px;
}
.UIFormEditor .UIFormFieldActions a.UIFieldDelete {
	background-image: url(../graphics/ui-formedit-cross.png);
	width: 16px;
}
.UIFormEditor .UIFormFieldActions a.UIFieldHide {
	background: url(../graphics/ui-formedit-eye.png) no-repeat left center;
	width: 16px;
}
.UIFormEditor .UIFormFieldActions a.UIFieldHide:hover {
	background: url(../graphics/ui-formedit-eye.png) no-repeat center center;
	width: 16px;
}
.UIFormEditor .UIFormFieldActions a.UIFieldHideHidden {
	background: url(../graphics/ui-formedit-eye.png) no-repeat right center;
	width: 16px
}
.UIFormEditor .UIFormBuilderStub {
	margin: 5px;
	border: 1px solid #ececec;
	background: #f8f8f8;
	padding: 0px 10px;
}
.UIFormEditor .UIFormBuilderStub p {
	margin: 10px 0px;
	color: #666666;
}
.UIFormEditor .UIFormBuilderStub label {
	font-weight: bold;
	font-size: 10pt;
}
.UIFormEditor textarea.UIFieldNote {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 2;
    border: 1px dotted #e1e1e1;
	outline: none;
}
.UIFormEditor textarea.UIFieldNote:focus, .UIFormEditor textarea.UIFieldNote:active {
	border: 1px dotted #e1e1e1;
}
.UIScrollPanel {
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid #e1e1e1;
	border-top-color: #aaaaaa;
}
/* Option box */
.UIOptionBox {
	position: absolute;
}
.UIOptionBox .UITop1 {
	background: url(../graphics/ui-blackbox-top.png) no-repeat top left;
	padding-left: 9px;
}
.UIOptionBox .UITop2 {
	background: url(../graphics/ui-blackbox-top.png) no-repeat bottom right;
	padding-right: 9px;
}
.UIOptionBox .UITop3 {
	background: url(../graphics/ui-blackbox-top.png) repeat-x center;
}
.UIOptionBox .UITop3 .UIIcon {
	color: white;
	font-size: 11pt;
	line-height: 32px;
	display: inline-block;
	padding-left: 5px;
}
.UIOptionBox .UITop3 .hasIcon {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.UIOptionBox .UIMiddle1 {
	background: url(../graphics/ui-blackbox-sides.png) repeat-y top left;
	padding-left: 4px;
}
.UIOptionBox .UIMiddle2 {
	background: url(../graphics/ui-blackbox-sides.png) repeat-y bottom right;
	padding-right: 4px;
}
.UIOptionBox .UIMiddle3 {
	background: white url(../graphics/ui-blackbox-middle.png) repeat-x bottom center;
	padding: 4px;
}
.UIOptionBox .UIBottom1 {
	background: url(../graphics/ui-blackbox-bottom.png) no-repeat top left;
	padding-left: 9px;
}
.UIOptionBox .UIBottom2 {
	background: url(../graphics/ui-blackbox-bottom.png) no-repeat bottom right;
	padding-right: 9px;
}
.UIOptionBox .UIBottom3 {
	background: url(../graphics/ui-blackbox-bottom.png) repeat-x center center;
	padding-top: 12px;
}
.UIOptionBox .UIArrow {
	position: absolute;
	width: 10px;
	height: 14px;
	top: 10px;
}
.UIOptionBox .UIArrow-left {
	background: url(../graphics/ui-blackbox-arrow-left.png) no-repeat;
	left: -6px;
}
.UIOptionBox .UIArrow-right {
	background: url(../graphics/ui-blackbox-arrow-right.png) no-repeat;
	right: -6px;
}
.UIOptionBox .UIArrow-left.UIArrowWhite {
	background-image: url(../graphics/ui-blackbox-arrow-left-white.png);
}
.UIOptionBox .UIArrow-right.UIArrowWhite {
	background-image: url(../graphics/ui-blackbox-arrow-right-white.png);
}
.UIOptionBox .UIOptionBoxButtons {
	text-align: right;
	padding: 5px 5px 0px 5px;
}
.UIOptionBox .UIOptionBoxButtons a {
	margin-left: 10px;
}
.UIOptionBox .UIBrowser {
	background: white;
	border: 1px solid #e1e1e1;
}
/* Customizable Forms */
.UIForm {
	position: relative;
	zoom: 1;
    overflow: auto;
}
.UIForm .UIErrorHeading {
	color: #cc0000;
}
.UIForm .UIEditFormLive, .UICogIcon {
	position: absolute;
	z-index: 10;
	display: inline-block;
	width: 16px;
	height: 16px;
	right: 10px;
/* 	background-image: url(../graphics/ui-formedit-cog.png); */
	background-repeat: no-repeat;
/* 	background-position: left center; */
	background-image: url(../graphics/ui-cog.svg);
	background-size: contain;
	opacity: 0.33;
/* 	border: 1px solid transparent; */
	cursor: pointer;
	outline: none;
}
.UIForm .UIEditFormLive:hover,
.UICogIcon:hover,
.UIForm .UIEditFormLive:focus,
.UICogIcon:focus {
/* 	background-position: right; */
/* 	border-color: #aaaaaa;	 */
	opacity: 1;
}

/* Segmented Input (Facebook/Mail.app like input field) */
.UISegmentedInput {
	padding: 0px 0px;
	cursor: text;
}
.UISegmentedInputItem {
	padding: 0px;
	line-height: 16px;
	height: 17px;
	font-size: 8pt;
	cursor: default;
	color: #333333;
	color: rgba(0,0,0,0.9);
}
.UISegmentedInputField {
	margin: 0px;
	border: none;
	padding: 0px 0px;
	outline: none;
	cursor: text;
}
.UISegmentedInputItem .main {
	background: #d2ecff url(/core/design/graphics/segmented-tag-overlay.png) no-repeat top left;
	padding-left: 8px;
	display: inline-block;
}
.UISegmentedInputItem .main .seginner1 {
	background: url(/core/design/graphics/segmented-tag-overlay.png) no-repeat bottom right;
	padding-right: 8px;
	display: inline-block;
}
.UISegmentedInputItem .main .seginner2 {
	background: url(/core/design/graphics/segmented-tag-overlay.png) repeat-x center center;
	height: 17px;
	display: inline-block;
}
.UISegmentedInputItem .main .seginner2 .prefix {
	display: inline-block;
	text-transform: uppercase;
	padding-right: 3px;
	color: #777777;
	font-size: 7pt;
	color: rgba(0,0,0,0.6);
}
.UISegmentedInputItem .main .seginner2 .sep {
	background: url(/core/design/graphics/segmented-tag-overlay.png) no-repeat 0px -17px;
}
.UISegmentedInputItem .icon {
	display: none;
}
.UISegmentedItemCustom .main,
.UISegmentedItemReal .main {
	margin: 3px;
}
/* custom items */
.UISegmentedItemCustom .main,
.UISegmentedItemCustom .main .seginner1,
.UISegmentedItemCustom .main .seginner2 {
	background-image: url(/core/design/graphics/segmented_custom.gif);
}
.UISegmentedItemCustom .icon {
	background: url(/core/design/graphics/segmented_edit_icon.gif) no-repeat left center;
	width: 8px;
	margin-right: 3px;
	cursor: pointer;
	display: inline-block !important;
}
/* selected items */
.UISegmentedInputSelectedItem .main {
	background-color: #598bec;
	color: white !important;
}
.UISegmentedInputSelectedItem .main .prefix {
	color: white !important;
}
.UISegmentedInputSelectedItem .icon {
	background-position: right center;
}
.UIAutoComplete {
	background: white;
	border: 1px solid #999999;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
	/*-msie-box-shadow: 0px 2px 4px rgba(0,0,0,0.4); */
	box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
	position: absolute;
	z-index: 10000;
	width: 160px;
}
.UIAutoComplete .UIAutoCompleteItem {
	border-bottom: 1px solid #e1e1e1;
	font-size: 9pt;
	color: #333333;
	padding: 2px;
}
.UIAutoComplete .UIAutoCompleteItemSelected {
	background-color: #4f89dd;
	color: white;
}
.UIAutoComplete .UIAutoCompleteItemLast {
	border-bottom: none;
}
/* Image Table */
.UIImageTable {
	border: 1px solid #e1e1e1;
}
.UIImageTable .UIImageTableTools {
	background: #fbfbfb;
	border-bottom: 1px solid #f0f0f0;
	padding-left: 6px;
}
.UIImageTable .UIImageTableList {
	padding: 1px 1px;
	background: white;
}
.UIImageTable .UIImageTableItem {
	margin: 9px 0px;
	padding-bottom: 9px;
	background: white;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	zoom: 1;
}
.UIImageTable .UIImageTableItemLast {
	border-bottom: none;
	margin-bottom: 0px;
}
.UIImageTable .UIImageTableItem-image {
	text-align: center;
	position: absolute;
	padding-left: 5px;
}
.UIImageTable .UIImageTableItem img {
	background: white;
	padding: 2px;
	border: 1px solid #e1e1e1;
	padding-bottom: 3px;
	border-bottom: 1px solid #bbbbbb;
}
.UIImageTable .UIImageTableItem-details {
	padding-left: 12px;
	margin-right: 115px;
}
.UIImageTable .UIImageTableItem-details div[rel=title] input {
	width: 100%;
	border: 1px dashed #eaeaea;
	font-size: 11pt;
	outline: none;
}
.UIImageTable .UIImageTableItem-details div[rel=title] input:focus,
.UIImageTable .UIImageTableItem-details div[rel=title] input:active {
	border: 1px solid #e1e1e1;
}
.UIImageTable .UIImageTableItem-details textarea {
	border: 1px dashed #eaeaea;
	width: 100%;
	resize: none;
	margin-top: 5px;
	margin-bottom: 5px;
	outline: none;
	color: #666666
}
.UIImageTable .UIImageTableItem-details textarea:focus,
.UIImageTable .UIImageTableItem-details textarea:active {
	border: 1px solid #e1e1e1;
}
.UIImageTable .UIImageTableItem-details .placeholder {
	color: #888888;
}
.UIImageTable .removeButton {
	position: absolute;
	top: 0px;
	right: 5px;
}
.UIImageTable .UITreeView {
	border: 0px;
	background: white;
}
/* Filter Box */
.UIFilterBox {
	background: #f2f2f2;
	color: #000000;
	font-size: 8pt;
}
.UIFilterBox .UIFilterBoxRow {
	padding: 0px 4px;
	line-height: 2.3em;
	height: 2.3em;
	border-bottom: 1px solid #bdbdbd;
}
.UIFilterBox .UIFilterBoxRowInner {
	float: left;
}
.UIFilterBox .UIFilterBoxRowActions {
	float: right;
	text-align: right;
	vertical-align: middle;
	height: 1.8em;
	line-height: 1.8em;
	padding-top: 2px;
}
.UIFilterBox .UIFilterBoxRowActions a {
	vertical-align: middle;
}
.UIFilterBox .UIButtonPlus,
.UIFilterBox .UIButtonMinus {
	margin-left: 5px;
}
.UIFilterBox .UIFilterBoxTitle {
	background: url(../graphics/ui-filter-advanced-icon.gif) no-repeat left center;
	margin-left: 3px;
	padding-left: 12px;
	font-weight: bold;
}
.UIFilterBox .UIFilterBoxRow em {
	font-style: normal;
	margin: 0px 4px;
}
.UIFilterBox .UIFilterBoxRow .UIField {
	font-size: 8pt;
	padding: 1px 2px;
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	/*-msie-border-radius: 2px; */
	border-radius: 2px;
}
.UIFilterBox .UIFilterBoxRow .UIDateEntryField {
	background: white;
}
.UIFilterBoxDropdown {
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 7px;
	margin-right: 4px;
}
.UIFilterBoxDropdown, .UIFilterBoxDropdown span {
	background-image: url(../graphics/ui-button-filter.png);
	height: 16px;
	line-height: 16px;
	display: inline-block;
}
.UIFilterBoxDropdown > span {
	padding-right: 12px;
	background: url(../graphics/ui-filter-arrows.png) no-repeat right center;
}
.UIFilterBoxDropdown > span > span {
	background-position: center;
	background-repeat: repeat-x;
}
.UIFilterBoxDropdown > span > span > span {
	background: none;
	position: relative;
	zoom: 1;
	min-width: 80px;
}
.UIFilterBoxDropdown strong {
	font-weight: normal;
}
/* Generic -/+ Buttons */
.UIButtonPlus, .UIButtonMinus {
	height: 16px;
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
/* 	background-image: url(../graphics/ui-button-plus_minus.png); */
	background-image: url(../graphics/ui-button-plus_minus-2x.png);
	background-size: 32px 48px;
	border: 1px solid #bbbbbb;
	border-top-color: #cccccc;
	border-bottom-color: #aaaaaa;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
}
.UIButtonPlus:hover,
.UIButtonPlus:focus,
.UIButtonMinus:hover,
.UIButtonMinus:focus {
	background-color: #ffffff;	
	border-color: #7a7a7a;
}
.UIButtonPlus {
	background-position: 0px 0px;
}
.UIButtonMinus {
	background-position: -16px 0px;
}
.UIButtonPlus:hover {
	background-position: 0px -32px;
}
.UIButtonMinus:hover {
	background-position: -16px -32px;
}
.UIButtonPlus:active {
	background-position: 0px -16px;
}
.UIButtonMinus:active {
	background-position: -16px -16px;
}


/* Browser */
.UIBrowser .UIBrowserTree {

}
.UIBrowser .UIBrowserTreeNoStripes {
	background: #FAFAFA;
}
.UIBrowser .UIBrowserTree {
/* 	border: 0px !important; */
	border: none;
/* 	border-right: 1px solid #dddddd !important; */
	border-right: 1px solid #dddddd;
}
.UIBrowser .UISplitPanelSub .UIBrowserTree {
	border: none;	
}
.UIBrowser .UIBrowserView {
	padding: 7px;
	padding-left: 4px;
}
.UIBrowser .UIBrowserView.nonRounded {
/* 	border-left: 1px solid #e1e1e1; */
}
.UIBrowser .UIBrowserViewContainer {
	position: relative;
	zoom: 1;
}
.UIBrowser .UIRoundedPanelInner {
	padding: 0px;
	position: relative;
	zoom: 1;
}
.UIBrowser .UIBrowserViewScroller {
	display: block;
	position: relative;
	zoom: 1;
    box-sizing: border-box;	

/* 	overflow: hidden; */
    overflow: auto;
    overflow-x: hidden;

    padding-bottom: 20px;
    padding-top: 0;
	
/* 		background: tan; */
}
.UIBrowserViewScrollIndicator {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 7px;
	display: block;
	background: url(../graphics/browser-dropshadow.png) repeat-x top left;
	width: 100%;
	z-index: 100;
}
.UIBrowser .UIBrowserViewInner {
	padding: 10px;
}
.UIBrowserViewButtons {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e1e1e1;
}
.UIBrowserViewButtons .UIPushButton {
	margin-left: 10px;
}
.UIBrowserViewActions {
	padding: 2px 10px;
	border-bottom: 1px solid #e1e1e1;
}
.UIBrowserViewActions.noActions {
	height: 26px;
}
.UIBrowser .UIExternalLink {
	color: inherit;
}

/* Form Heading */
.UIFormHeader {
	display: block;
	position: relative;
}
.UIFormHeader .UIIconEditor {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 43px;
	width: 39px;
	background: url(/core/design/icons/pencil-small.png) no-repeat bottom right;
}
.UIFormHeader .UIFormHeaderInner {
	padding-left: 47px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 10px;
}
.UIFormHeader .UIFormHeaderTitle {
	display: block;
	padding-bottom: 2px;
}
.UIFormHeader .UIFormHeaderTitle > span {
	display: inline-block;
	padding: 2px 0px;
	font-size: 13pt;
	border: 1px solid white;
}
.UIFormHeader .UIFormHeaderTitle .UIField {
	padding: 2px 4px;
	background: white;
	font-size: 13pt;
	outline: none;
	border: 1px solid #e1e1e1;
/* 	width: 95%; */
    width: calc(100% - 130px);	
	margin: 0px;
}
/* @depricated */
.UIFormHeader .UIFormHeaderSecondary > span {
	display: inline-block;
	color: #888888;
	font-size: 9pt;
	padding-right: 13px;
	background: url(../graphics/ui-select-mini.gif) no-repeat center right;
}
.UIFormHeader .UIFormHeaderSecondary select {
	appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
/* 	font-size: 8pt; */
	font-size: 12px;
	margin: 0px;
	padding: 2px 22px 2px 6px;
	vertical-align: baseline;
	color: #666666;
/* 	font-style: italic; */
 	background-image: url(../graphics/ui-pagination-select-arrow-dark-2x.png);
	background-repeat: no-repeat;
	background-color: #f5f5f5; /* very pale grey */
	background-position: right 5px top 50%;
	background-size: 9px 8px;
	border: 1px solid #f5f5f5;
	border-radius: 3px;
	transition: 0.15s;	
	outline: none;
}
.UIFormHeader .UIFormHeaderSecondary select:hover,
.UIFormHeader .UIFormHeaderSecondary select:focus {
/* 	background-color: #eeeeee; */ /* pale grey */
	color: black;
	background-color: white;
 	background-image: url(../graphics/ui-pagination-select-arrow-invite-dark-2x.png);
	border-color: #bbbbbb;
}
.UIFormHeader .UIFormHeaderSecondary > span.noSelect {
	background: none !important;
}

/* Access Level Picker */
.UIAccessLevels {
	position: relative;
	zoom: 1;
}
.UIAccessLevels .UIAccessLevelsToggle {
	line-height: 1.6em;
}
.UIAccessLevels .UITabPanel {
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*-msie-border-radius: 3px;*/
	border-radius: 3px;
}
.UIAccessLevels .UITabPanel {
	padding: 0px;
}
.UIAccessLevels .UITabList {
	margin-top: 0px;
	padding: 5px 0px;
	height: auto;
	border-bottom: 1px solid #e1e1e1 !important;
}
.UIAccessLevels .UITreeView {
	border: none !important;
}

/* Page editing */
.UIBlock {
}
.UIBeingEdited .UIBlockContainer {
	min-height: 20px;
}
.UIBeingEdited .UIBlockIndicator {
	display: block;
	width: auto !important;
	border: 2px dashed #888888;
	min-height: 20px;
	margin: 10px 0px;
	color: #aaaaaa;
	font-style: italic;
	text-align: center;
}
.UIBeingEdited .UIBlockIndicatorPretend {
	padding: 20px 10px !important;
	margin: 10px 0px !important;
	list-style: none !important;
}
.UIBeingEdited .UIFlexibleBlockContainer {
	position: relative;
	zoom: 1;
	padding: 10px !important;
	margin: -10px !important;
}
.UIBeingEdited .UIBlockPreviewIcon {
	font-size: 11pt;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
	padding-right: 7px;
	margin-left: 3px;
}

/* Block Listing (for Add Content button) */
.UIBlockMinHeight {
	/* Set a min-height so that the tabs dont stack on top of each other */
	min-height: 60px;
}
.UIBlockMinHeightIE7 {
	/* Set a min-height so that the tabs dont stack on top of each other */
	min-height: 60px;
}
.UIBlockTypeListing {
	width: 200px;
}
.UIBlockTypeListing .UIBlockTypeListingNote {
	font-size: 8pt;
	color: white;
	line-height: 1.3em;
	padding: 0px 3px 7px 3px;
	font-family: Arial;
	white-space: nowrap;
}
.UIBlockTypeListing .UITreeView {
	background: none;
	border: 1px solid black;
	color: white;
}
.UIBlockTypeListing .UITreeView ul {
	list-style: none !important;
	list-style-image: none !important;
}
.UIBlockTypeListing .UITreeView li {
	list-style: none !important;
	list-style-image: none !important;
}
.UIBlockTypeListing .UITreeView ul li .UITreeViewItemRow {
	background-color: #101010;
}
.UIBlockTypeListing .UITreeView ul li .UIOdd {
	background-color: #202020;
}
.UILoadingBlockConfig {
	height: 60px;
	line-height: 60px;
	padding-top: 35px;
	background: url(../graphics/ui-block-loading.gif) no-repeat center center;
	text-align: center;
	font-size: 8pt;
	color: #555555;
}

/* jQuery UI Autocomplete */
.ui-menu {
}
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
	background-color: white;
	border: 1px solid #999999;
	box-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
	font-size: 9pt;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	border-bottom: 1px solid #e1e1e1;
	color: #444444 !important;
	text-decoration: none !important;
	margin:0;
	padding: 0;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
	outline: none;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	display: block;
	background-color: #4271c4;
	color: white !important;
	cursor: pointer;
}
.pac-item {
	padding: 2px 3px;
	font-size: 10pt;
}
.pac-selected {
	background: #4271c4;
	color: white;
}
/* Tag picker */
.UITagEntry {
	position: relative;
	zoom: 1;
}
.UITagEntry .UITagEntryAdd {
	position: absolute;
	top: 3px;
	left: 0px;
	display: block;
	background: url(../graphics/tag-entry-plus.png) no-repeat center center;
	cursor: pointer;
	width: 23px;
	height: 23px;
}
.UITagEntry ul {
	display: block;
	list-style: none;
	padding: 1px;
	margin: 0px;
	margin-left: 22px;
	padding-left: 3px;
	border-left: 1px solid #dddddd;
}
.UITagEntry ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
/* Regular Tag */
.UITagEntry ul li span {
	background-image: url(../graphics/tag-entry-overlay.png);
	display: inline-block;
	height: 22px;
	line-height: 19px;
	font-size: 8pt;
	color: #444444;
	color: rgba(0,0,0,0.8);
	cursor: default;
	-webkit-user-select: none;
}
.UITagEntry ul li > span {
	background-color: #fff0c3;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 8px;
	margin: 1px 2px;
	position: relative;
	zoom: 1;
}
.UITagEntry ul li > span > span {
	padding-right: 8px;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.UITagEntry ul li > span > span > span {
	background-position: center center;
	background-repeat: repeat-x;
}
.UITagEntry ul li strong {
	font-weight: normal;
	text-transform: uppercase;
	display: inline-block;
	padding-right: 4px;
	background: url(../graphics/tag-entry-separator.png) no-repeat right center;
	margin-right: 4px;
	color: #666666;
	color: rgba(0,0,0,0.5);
}
.UITagEntry ul li.selected > span {
	background-color: #1f76eb !important;
}
.UITagEntry ul li.selected strong, .UITagEntry ul li.selected em {
	color: white;
}
.UITagEntry ul li em {
	font-style: normal;
}
/* New tag */
.UITagEntry ul li.new span {
	background-image: url(../graphics/tag-entry-input.png);
	background-color: transparent;
}
.UITagEntry ul li.new > span {
	padding-left: 12px;
}
.UITagEntry ul li.new > span > span {
	padding-right: 12px;
}
.UITagEntry ul li.new input {
	margin: 0px;
	padding: 0px;
	height: 20px;
	line-height: 20px;
	color: #333333;
	border: 0px;
	background: transparent;
	outline: none;
	font-size: 8pt;
}
.UITagEntry ul li.new input.placeholder {
	background: url(../graphics/tag-entry-start_typing.gif) no-repeat left center;
}
.UITagEntry ul li.new .spinner {
	background: url(../graphics/tag-entry-loading.gif) no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	right: 3px;
}
.UITagEntryAutocomplete .prefix {
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
	color: #555555;
	display: block;
}
.UITagEntryAutocomplete.ui-state-hover .prefix {
	color: white;
}
.UITagEntryAutocomplete.new {
	font-style: italic;
}
.UITagEntry .UITagEntryPlaceholder > span {
	background: none;
	color: #777777;
	font-size: 11pt;
}
.UITagEntry .UITagEntryPlaceholder > span > strong {
	background: none;
	font-weight: bold;
	color: #777777;
	padding: 0px;
	margin: 0px;
}
/* Tag Entry Modal */
.UITagEntryModal {

}
.UITagEntryModalNoTypes {
	padding: 20px;
	text-align: center;
}
.UITagEntryModalFilter {
	padding: 10px 20px;
	border-bottom: 1px solid #dddddd;

}
.UITagEntryModalFilter::after {
	content: '';
	display: block;
	clear: both;
}

.UITagEntryModalFilterInput {
	border: 1px solid white;
	border-top-color: #79848b;
	border-left-color: #b3b9c4;
	border-right-color: #b3b9c4;
	border-bottom-color: #d1d3d7;
	height: 30px;
}

.UITagEntryModalFilterInput label {
	display: block;
	float: left;
	width: 25%;
	margin: 2px 0;
	padding: 0px 10px 0px 0;
	border-right: 1px solid #ddd;
	text-align: right;
	font-size: 11pt;
	box-sizing: border-box;
	line-height: 26px;
	color: #666;
}
.UITagEntryModalFilterInput input {
	display: block;
	float: left;
	width: 75%;
	box-sizing: border-box;
	text-indent: 10px;

	font-family: inherit;
    position: relative;
    top: 4px;

	border: 0;
	background-color: white;
	outline: none;
	margin: 2px 0px;
	padding: 0px 2px;
	font-size: 11pt;
}
.UITagEntryModalFilterType::after {
	content: '';
	display: block;
	clear: both;
}
.UITagEntryModalFilterType ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.UITagEntryModalFilterType ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	height: 30px;
}
.UITagEntryModalFilterType ul li.label {
	width: 25%;
	margin: 2px 10px 2px 0;
	padding: 0px 10px 0px 0;
	text-align: right;
	font-size: 9pt;
	box-sizing: border-box;
	line-height: 28px;
	color: #666;
}
.UITagEntryModalFilterType ul li.tagType {
	margin: 2px 0 2px 0;
}
.UITagEntryModalFilterType ul li.tagType.unchecked {
	opacity: 0.5;
}
.UITagEntryModalFilterType ul li.tagType.unchecked > span {
	background-color: #EEE !important;
}
.UITagEntryModalFilterType ul li.tagType span {
	display: inline-block;
	height: 22px;
	line-height: 19px;
	font-size: 8pt;
	background-image: url(../graphics/tag-entry-overlay.png);
}
.UITagEntryModalFilterType ul li.tagType > span {
	position: relative;
	top: 4px;
	margin: 0 5px 5px 0;
	padding-left: 8px;
	background-position: top left;
	background-repeat: no-repeat;
}
.UITagEntryModalFilterType ul li.tagType > span > span {
	padding-right: 8px;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.UITagEntryModalFilterType ul li.tagType > span > span > span.inner {
	background-position: center center;
	background-repeat: repeat-x;
	color: #666666;
	color: rgba(0,0,0,0.5);
	cursor: default;
	-webkit-user-select: none;
}
.UITagEntryModalFilterType ul li.tagType > span > span > span.inner > strong {
	font-weight: normal;
	text-transform: uppercase;
}
.UITagEntryModalFilterMessage p.count {
	display: none;
}
/* For adding new text tags */
.UITagEntryModalFilterMessageAdd {
	padding-top: 10px;
}
.UITagEntryModalFilterMessageAdd > span.label {
	display: inline-block;
	line-height: 26px;
	margin-right: 10px;
}
.UITagEntryModalFilterMessageAdd > a {}
/* Listed Tags */
.UITagEntryModal .UITagEntryModalTags {
	overflow-y: scroll;
}
.UITagEntryModal .UITagEntryItems {
	margin: 0;
	padding: 10px 20px 5px;
	border: 0;
}
.UITagEntryModal .UITagEntryItems li {

}
.UITagEntryModal .UITagEntryItems li.hidden,
.UITagEntryModal .UITagEntryItems li.typeHidden {
	display: none;
}
.UITagEntryModal .UITagEntryItems li > span {
	margin: 0 5px 5px 0;
}
/* Tag selector button */
.UITagEntryModalSelector {
	padding: 10px 20px;
}
.UITagEntryModalSelector.collapsed {
	padding: 0;
	height: 0;
	overflow: hidden;
}
.UITagEntryModalSelector a {
	display: block;
	text-align: center;
	padding: 5px;
	line-height: 40px;

	border-radius: 8px;

	border: 1px solid #bababa;
	border-top-color: #dfdfdf;
	border-bottom-color: #6e6e6e;
	color: #444;
	text-shadow: #fff 1px 1px;

	cursor: pointer;
	text-decoration: none;
	font-size: 13px;

	background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #eee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #eee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #eee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #eee); /* Standard syntax */

}
.UITagEntryModalSelector a:hover,
.UITagEntryModalSelector a:focus {
	color: white;
	text-shadow: #105eab 1px 1px;
	border-color: #379bfb;
	border-top-color: #40a6fe;
	border-bottom-color: #477ab3;

	background: #66bfff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#66bfff, #4093f4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#66bfff, #4093f4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#66bfff, #4093f4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#66bfff, #4093f4); /* Standard syntax */
}

/* Autocomplete tag dropdown */
.ui-autocomplete {
	max-height: 145px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Facebook URL Entry */
.UIFacebookURL .UIField {
	width: 99%;
	font-size: 11pt;
	padding: 3px;
}
.UIFacebookURL .previewArea {
	position: relative;
	zoom: 1;
	border: 4px solid #f0f0f0;
	padding: 5px;
	margin-top: 5px;
}
.UIFacebookURL .previewArea img {
	width: 75px;
}
.UIFacebookURL .previewArea.hasImage img {
	position: absolute;
	top: 6px;
	left: 6px;
}
.UIFacebookURL .previewArea .fbtitle, .UIFacebookURL .previewArea .fbdescription {
	padding-left: 85px;
	margin-bottom: 0px;
}
/* Content Kit */
.UIContentKitWorkspace {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	zoom: 1;
}
.UIContentKitWorkspace .UIContentKitPreview {
	position: absolute;
	overflow: hidden;
	width: 120px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px 10px;
	border-left: 1px solid #e1e1e1;
}
.UIContentKitWorkspace .UIContentKitPreviewItems {
	padding: 0px;
	padding-top: 10px;
}
.UIContentKitWorkspace .UIContentKitPreview .UIContentKitPreviewNode {
	margin: 2px;
	margin-bottom: 5px;
	padding: 5px;
	font-size: 7pt;
	border: 1px solid #dfe2e2;
	background: #ececec;
	cursor: default;
	position: relative;
	zoom: 1;
}
.UIContentKitWorkspace .UIContentKitPreview .UIContentKitPreviewNode:hover {
	border: 1px solid #c7cbcb;
}
.UIContentKitWorkspace .UIContentKitPreview .deletebtn {
	position: absolute;
	display: none;
	top: -6px;
	left: -7px;
	width: 16px;
	height: 16px;
	background: url(../graphics/contentkit/preview-close.png) no-repeat;
	cursor: pointer;
}
.UIContentKitWorkspace .UIContentKitCanvas {
	overflow: scroll;
	overflow-x: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 145px;
	bottom: 0px;
}
.UIContentKitWorkspace .UIContentKitNode {
	padding: 0px;
	border: 1px solid #eeeeee;
	border-left: 2px solid #cbcbcb;
	background: white;
	margin: 10px;
}
.UIContentKitWorkspace .UIContentKitNode.active {
	border-color: #dadcdc;
	border-left-color: #a9abab;
}
.UIContentKitWorkspace .UIContentKitNode .UIContentKitNodeBar {
	padding: 4px;
	background: #f8f8f8;
	font-weight: bold;
}
.UIContentKitWorkspace .UIContentKitNode .UIContentKitNodeInner {
	padding: 10px;
}
.UIContentKitWorkspace .mceIframeContainer, .UIContentKitWorkspace .mceLayout {
	border: 0px !important;
}

/* Preview objects */
.UIContentKitWorkspace .UIContentKitPreview .richtext-preview {
	background: url(../graphics/contentkit/richtext-preview.gif) repeat-y;
}
.UIContentKitWorkspace .UIContentKitPreview .richtext-preview.long .preview-inner {
	height: 74px;
}
.UIContentKitWorkspace .UIContentKitPreview .richtext-preview.short .preview-inner {
	height: 36px;
}
.UIContentKitWorkspace .UIContentKitPreview .richtext-preview.tiny .preview-inner {
	height: 15px;
}
.UIContentKitWorkspace .UIContentKitPreview .richtext-preview.img .preview-inner {
	background: url(../graphics/contentkit/richtext-preview-imageoverlay.gif) no-repeat top left;
}
.UIContentKitWorkspace .UIContentKitPreview .sponsor-preview {
	background: url(../graphics/contentkit/sponsor-images-preview.gif) center center no-repeat;
	height: 11px;
}
.UIContentKitWorkspace .UIContentKitPreview .mini-gallery-preview {
	background: url(../graphics/contentkit/mini-gallery-preview.gif) center center no-repeat;
	height: 42px;
}
.UIContentKitWorkspace .UIContentKitPreview .video-preview {
	background: url(../graphics/contentkit/video-preview.gif) center center no-repeat;
	height: 47px;
}
.UIContentKitWorkspace .UIOverflow {

}
/* New file uploader */
.UIFileUploader {
	padding: 10px;
}
.UIFileUploader .UIDragZone {
	border: 2px dashed #aaaaaa;
	background: rgba(0,0,0,0.2);
	border-radius: 10px;
	width: 350px;
}
.UIFileUploader .UIDragZone .info {
	text-align: center;
	padding: 10px 0px;
	font-size: 11pt;
}
.UIFileUploader .UIDragZone.over {
	/* border-corner-image: #eeeeee; - @todo: this should be an image? */
	background: rgba(255,255,255,0.2);
}
.UIFileUploader .label {
	display: block;
	padding-left: 21px;
	padding-bottom: 0px !important;
	line-height: 1.5em;
	margin-bottom: 2px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.UIFileUploader .meta {
	padding-bottom: 5px;
	display: block;
}
.UIFileUploader .progressContainer {
	margin-bottom: 3px;
}
.UIFileUploader ul {
	border-top: 2px dashed #aaaaaa;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: none;
}
.UIFileUploader li .remove {
	position: absolute;
	cursor: pointer;
	top: 0px;
	right: 10px;
	bottom: 0px;
	display: block;
	background: url(../graphics/cross-white.png) no-repeat center center;
	opacity: 0.6;
	width: 14px;
}
.UIFileUploader li .remove:hover {
	opacity: 1;
}
.UIFileUploader li {
	position: relative;
	padding: 3px 5px;
	border-bottom: 1px solid #666666;
}
.UIFileUploader .clicker {
	padding-top: 4px;
	position: relative;
	display: inline-block;
}
.UIFileUploader .clicker span {
	padding-left: 20px;
	display: inline-block;
	background: url(/modules/files/icons/folder-open-image.png) no-repeat left center;
	line-height: 19px;
}
.UIFileUploader li.last {
	border-bottom: none;
}
.UIPanelNotFound {
	display: block;
	position: absolute;
	width: 250px;
	font-size: 13pt;
	text-align: center;
	color: #888888;
	text-shadow: 0px 1px 0px white;
	height: 140px;
	background: url(../graphics/angry-flag.gif) no-repeat top center;
	padding-top: 130px;
}
/* Inline editable strings */
.UIBeingEdited .UIEditableString {
	border: 1px dashed #aaaaaa;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: -1px -4px;
	padding: 0px 3px;
}
.UIBeingEdited .UIEditableString:active {
	border-color: #888888;
}
/* Inline editable images */
.UIInlineEditableImage {
	display: inline-block;
	position: relative;
}
.UIInlineEditableImage .UIEdit {
	position: absolute;
	top: 5px;
	left: 5px;
}
.UIInlineEditableImage .UIInlineEditableImageBlank {
	background: white url(/core/design/graphics/inline-image-blank.gif) no-repeat center center;
	border: 1px solid #e1e1e1;
}

/* Rich text */
.UIRichTextFitParentMCE {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.UIRichTextFitParent .mceToolbar, .UIRichTextFitParent table {
	border-top: 0px !important;
	background: transparent !important;
	padding: 0px !important;
}
/* File upload progress notifications */
.UINotification .UIFileUploadProgressNotification {
	padding-left: 7px !important;
	padding-right: 7px !important;
	width: 200px;
}
.UIFileUploadProgressNotification .label {
	color: white;
	font-size: 8pt;
	padding-bottom: 5px;
}
.UIFileUploadProgressNotification .progressContainer {
	height: 10px;
	background: #555555;
	border-radius: 5px;
	display: block;
}
.UIFileUploadProgressNotification .progressBar {
	height: 10px;
	background: #60bdf9;
	width: 0px;
	border-radius: 5px;
	display: block;
}
.UIFileUploadProgressNotification .progressBarComplete {
	background: #c5f95b;
}

/* External Link Entry (Huge) */
.UIExternalLinkChooser {
	background: #f8f8f8;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.UIExternalLinkChooser .UIExternalLinkInner {
	padding: 15px 20px 30px 15px;
	border-bottom: 1px solid #e1e1e1;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 15px;
	background: white;
}
.UIExternalLinkChooser .UIFormHeaderInner {
	background-image: url(/modules/pages/icons/external-large.gif);
}
.UIExternalLinkChooser .UIField {
	font-size: 13pt;
	padding: 3px 4px;
	color: #444444;
	width: 96%;
}
/* UI styles for the Google Analytics settings panel */
.UIGoogleAnalyticsDetail {
	margin-top: 2px;
	margin-bottom: 2px;
	display: inline-block;
	margin-left: 10px;
	padding: 0 22px 0 10px;
	border: 1px solid #ccc;
	background-color: #fafafa;
	height: 16px;
	line-height: 16px;
	border-radius: 8px;
	position: relative;
	white-space: nowrap;

}
.UIGoogleAnalyticsDetailSwitch {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	position: absolute;
	right: 6px;
	top: 3px;
}
.UIGoogleAnalyticsDetailSwitch.on {
	background-color: green;
}
.UIGoogleAnalyticsDetailSwitch.off {
	background-color: red;
}

.UIKeyboardToolTip { /* Implicitly hidden */
    display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 5px;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
    background: #ffc800;
    background: linear-gradient(0, #ffc800, yellow);
    box-shadow: 0px 2px 2px rgba(0,0,0,.5);
    border-radius: 3px;
}
.UIKeyboardToolTip.on {
	display: block;
}
.UIElementInvisible {
	/* https://www.nomensa.com/blog/2017/how-improve-web-accessibility-hiding-elements */
	border: 0;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}