/*
Copyright 2017 apHarmony

This file is part of jsHarmony.

jsHarmony is free software: you can redistribute it and/or modify
it under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

jsHarmony is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License
along with this package.  If not, see <http://www.gnu.org/licenses/>.
*/

/*
=============
MAIN ELEMENTS
=============
*/
 .hand { cursor:pointer; cursor:hand; }
 div.clear { clear:both; }
 .hidden { display:none !important; }
 a img {	border: none; }
 img a {	border:0; }
 .nofocus:focus { outline: none; }
 div.nobr { white-space:nowrap; display:inline-block; }
 .notextselect {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

/*
====
BODY
====
*/
 .xbody {
	position:relative;
	display:inline-block;
}
body.popup .xbody {
  display:block;
  padding-right:25px;
}
 .xactions {
	padding-left:15px;
	white-space: nowrap;
  display:inline-block;
  position:relative;
  top:-2px;
}
 .xactions.top {
/*	position:absolute;*/
	padding-bottom:0px;
	top:-5px;
	right:0px;
	float:right;
/*	left:638px;*/
}
 .xactions.auxtop {
	top:-5px;
	/*right:-15px;  Commented, did not look good on ECALW */ 
	float:right;
	padding-bottom:10px;
}
 .xactions.secondarygrid {
	float:right;
	padding-right:10px;
}
 .xactions.secondaryform {
	float:right;
	padding-right:10px;
  padding-bottom:0px;
  top:-5px;
}
 .xactions a,
 .xactions a:visited {
	display:inline-block;
	color:#000000;
	text-decoration:none;
  margin-left:15px;
}
 .xactions a.first,
 .xactions a.first:visited {
  margin-left:0px;
}
 .xactions .xactions_dropdown {
  border:1px solid #bababa;
  display:inline-block;
  padding:5px 10px 4px 14px;
}
 .xactions .xactions_dropdown .down_arrow {
  vertical-align:top;
  position:relative;
  top:2px;
  padding-left:9px;
  padding-right:0px;
  font-size:14px;
  color:#333;
}
 .xactions .xactions_dropdown:hover {
  border:1px solid #bababa;
  text-decoration:none;
}
 .xactions a:hover {
	text-decoration:underline;
}
 .xactions a img {
	position:relative;
	top:5px;
	padding-right:6px;
}
 .xactions a.navbar {
	margin-left:0;
}
 .xactions .navtext {
	display:inline-block;
	padding-right:6px;
}
 .xactions_spacer {
  width:1px;
  height:1px;
  display:inline-block;
}
 .xtbl {
	border-spacing:0px;
	position:relative;
	border-collapse: collapse;
	clear:both;
}
 .xtbl th.sortAsc a {
	padding-right:20px;
	background-image:url('/images/arrow_up.png');
	background-position:100% 6px;
	background-repeat: no-repeat;
}
 .xtbl th.sortAsc a:hover {
/*	background-image:url('/images/arrow_up_over.png');*/
}
 .xtbl th.sortDesc a {
	padding-right:20px;
	background-image:url('/images/arrow_down.png');
	background-position:100% 6px;
	background-repeat: no-repeat;
}
 .xtbl th.sortDesc a:hover {
/*	background-image:url('/images/arrow_down_over.png');*/
}
 .xtbl td.xtbl_noresults {
	padding-top:5px;
	padding-bottom:5px;
}
 .xtbl td.xtbl_noresults a, .xtbl td.xtbl_noresults a:visited {
  color:#000000;
}
 .xtbl .xtbl_loadmore td {
	border-bottom:none;
	border-right:none;
	border-left:none;
	padding:4px 0 0 1px;
}
 a.xtab, a.xtab:visited{
	display:inline-block;
}
 .xtabcontrol {
	display:block;
}
 .xform_caption {
  display:inline-block;
	padding-left:0px;
	padding-right:5px;
}
 .xform_caption_textarea,
 .xform_caption_htmlarea,
 .xform_caption_image {
  vertical-align:top;
  padding-top:6px;
}
 .xform_caption_tagbox {
  vertical-align:top;
  padding-top:8px;
}
 .xform_caption_checkbox {
  cursor: default;
  user-select: none;
}
 .xform_label,  .xform_html { 
  display:inline-block;
}
 .xtbl td .xform_label,
 .xtbl td .xform_html {
  display:inline-block;
  vertical-align:text-top;
}
 .xform_file_upload { display:inline-block; }
 .xform_file_upload .linkbutton { white-space:nowrap; }
 .xform_file_upload .linkbutton img { padding-left:0px; }
 .xform_file_upload .xform_file_download_button { padding-right:25px; }
 .xform_file_upload .xform_file_preview_button { padding-right:25px; }
 .xform_file_upload .xform_file_upload_button { padding-right:25px; }
 .xform_file_upload .xform_file_thumbnail { display:block; padding-top:8px; padding-bottom:5px; }
 .xform_file_upload .xform_file_delete_button {  }
 .xform_file_upload.nodocument .xform_file_download_button { display:none; }
 .xform_file_upload.nodocument .xform_file_preview_button { display:none; }
 .xform_file_upload.nodocument .xform_file_delete_button { display:none; }
 .xform_file_upload.nodocument .xform_file_thumbnail { display:none; }
 .xform_file_upload.uneditable .xform_file_upload_button { display:none; }
 .xform_file_upload.uneditable .xform_file_delete_button { display:none; }
 .xform_file_download { display:inline-block; }
 .xform_file_download .linkbutton { white-space:nowrap; }
 .xform_file_download .linkbutton img { padding-left:0px; }
 .xform_file_download .xform_file_download_button { padding-right:25px; }
 .xform_file_download.nodocument .xform_file_download_button { display:none; }
 .xform_image, .xform_image_preview { display:inline-block; }
 .xform .xform_label,
 .xform input,
 .xform select,
 .xform textarea,
 .xform .htmlarea_container {
  margin:2px 10px 2px 0;
}
 .xform .xtbl .xform_label,
 .xform .xtbl input,
 .xform .xtbl select,
 .xform .xtbl textarea,
 .xform .xtbl .htmlarea_container {
  margin:auto;
}
 .htmlarea_container,
 .xform .htmlarea_container {
  border:1px solid #999;
  display:inline-block;
}
 .htmlarea_container textarea,
 .xform .htmlarea_container textarea {
  margin:0;
}
 .xform_ctrl::placeholder {
  color:#aaa;
}
 .xform_ctrl_textarea {
  width:400px;
  height:50px;
}
 .xform_ctrl_htmlarea {
  width:770px;
  height:300px;
}
 input.xform_ctrl_button,
 input.xform_ctrl_button.uneditable {
  padding:1px 6px;
}
 .xtbl td input,
 .xtbl td textarea {
  margin:0;
}
 .xtbl tbody td textarea {
  vertical-align:top;
}
 .xgrid_action {
  white-space:nowrap;
}
 .xgrid_action img {
  position:relative;
  top:2px;
}
 .xrow.readonly .xgrid_action.delete {
  display:none;
}
 .xtbl td.xcheckbox_column {
  text-align:center;
}
 .xicon {
  display:block;
  margin:0 auto;
  text-align:center;
  height:14px;
  position:relative;
  top:2px;
}
 .xform_ctrl_textzoom {
  height:17px;
  display:inline-block;
  vertical-align:top;
  resize: none;
}
 .xform_ctrl_textzoom_container {
  white-space:nowrap;
  display:inline-block;
  vertical-align:top;
}
 .xpopuplov_column,
 .xhints_column {
  white-space:nowrap;
}
 .xpopuplov_column .xlookup.icon img,
 .xhints_column .xhints.icon img {
  position:relative;
  top:-1px;
}
 .xinputerror {
	border: 2px solid red !important;
}
 .xnorecords {
	text-align:center;
	position:relative;
	height:0px;
}
 .xnorecords a, .xnorecords a:visited {
  color:#000;
}
 .xnorecords a img {
  position:relative;
  top:4px;
  padding-right:8px;
}
 .xgrid_norecords img {
  position:relative;
  top:3px;
  padding-right:6px;
  height:16px;
}
 input.updated, 
 select.updated, 
 textarea.updated,
 .xtagbox.updated,
 input.uneditable.updated, 
 select.uneditable.updated, 
 textarea.uneditable.updated,
 .xtagbox.uneditable.updated,
 .xform_label.updated,
 .xform_html.updated
{
	background-color:#faf8c2;
}
 .xform_checkbox_container {
  display:inline-block;
  padding:4px;
}
 .xform_checkbox_container.updated {
  padding:3px;
  background-color:#faf8c2;
  border:1px dashed #aaa;
}
 input.uneditable {
  border:thin solid #aaa;
  padding: 2px 1px 2px 4px;
}
 select.uneditable,
 textarea.uneditable {
  border:thin solid #aaa;
}
 input.uneditable,
 select.uneditable,
 textarea.uneditable,
 .xtagbox.uneditable {
	background-color:#f0f0f0;
	color:#000;
}
 .xcrumbs {
	font-size:12px;
	color:#888888;
	margin-bottom:12px;
	margin-top:-8px;
}
 .xcrumbs a {
	color:#888888;
}
 .xbodyhead { padding-top:2px; }
 h1.xtitle {
  position:relative;
}
 h1.xtitle_level2 {
  display:inline-block;
  padding:0px 0 12px 0;
}
 h1.xtitlecaption {
  padding-left:9px;
  display:none;
}
 .xtitlecaption a{
  color:#888;
}
 .xtitlecaption a:hover{
  text-decoration:none;
}
 .clear_form_m_body {
  margin-top:8px;
}
 .xsearch {
  padding-bottom:11px;
  font-size:13px;
  display:none;
  overflow:hidden;
  white-space:nowrap;
  min-width:500px;
  clear:both;
}
 .xsearch div {
  padding-bottom:2px;
}
 .xsearch a {
  display:inline-block;
  color:#000000;
}
 .xsearch a img {
  position:relative;
  top:5px;
  padding-left:8px;
  padding-right:8px;
}
 .xsearch_menu_button {
  padding:0 2px 0 4px;
  margin-right:3px;
}
 .xrowcount {
  float:right;
  clear:right;
  display:none;
}
 a.linkbutton, a.linkbutton:visited {
  display:inline-block;
  color:#000000;
}
 a.linkbutton img {
  position:relative;
  top:5px;
  padding-left:5px;
  padding-right:5px;
}
 .colorbox_inline {
	background-color:white;
	width:400px;
	padding-top:15px;
	padding-bottom:15px;
}
 .xform_ctrl.tree {
  display:inline-block;
  border:1px solid #aaa;
  width:300px;
  height:250px;
  padding:4px 4px;
  overflow:auto;
  vertical-align:top;
}
 .xform_ctrl.tree a.tree_item {
  display:block;
  color:#000;
  border:1px solid #fff;
  padding-left:4px;
  position:relative;
}
 .xform_ctrl.tree.uneditable a.tree_item:hover {
  text-decoration:none;
  cursor:default;
}
 .xform_ctrl.tree.editable a.tree_item:hover {
  background-color:#f5f5ff;
  border:1px solid #ccccff;
  text-decoration:none;
}
 .xform_ctrl.tree .children {
  padding-left:19px;
  display:none;
}
 .xform_ctrl.tree .children.expanded {
  display:block;
}
 .xform_ctrl.tree a.tree_item.selected {
  font-weight:bold;
  background-color:#f5f5f5;
  border:1px solid #ddd;
}
 .xform_ctrl.tree a.tree_item.xdragtarget.xdragfull{
	border:1px dashed #333;
}
 .xform_ctrl.tree a.tree_item.xdragtarget.xdragtop{
  border-top:1px dashed #333;
}
 .xform_ctrl.tree a.tree_item.xdragtarget.xdragbottom{
  border-bottom:1px dashed #333;
}
 .xform_ctrl.tree a.tree_item.xdragtarget.xdragleft{
  border-left:1px dashed #333;
}
 .xform_ctrl.tree a.tree_item.xdragtarget.xdragright{
  border-right:1px dashed #333;
}
 .xform_ctrl.tree .nochildren .glyph,
 a.tree_item.xdrag .glyph {
  display:none;
}
 .xdrag .tree_item_dropdown_container {
  display:none;
}
 .xform_ctrl.tree .glyph {
  position:absolute;
  top:3px;
  left:4px;
  display:inline-block;
  width:13px;
  color:#aaa;
  cursor:pointer;
  cursor:hand;
}
 .xform_ctrl.tree.editable a.tree_item:hover .glyph {
  color:#aaccff;
}
 .xform_ctrl.tree .tree_item_dropdown_container {
  display:none;
  float:right;
  height:5px;
}
 .xform_ctrl.tree .tree_item_dropdown {
  position:relative;
  top:-3px;
  border:1px solid #aaa;
  font-weight:normal;
  padding:3px 21px 3px 12px;
  line-height:1;
  background-image: url(/images/arrow_down_gray.png);
  background-repeat: no-repeat;
  background-position: top 7px right -2px;
}
 .xform_ctrl.tree .tree_item_dropdown:hover {
  background-color:#ededed;
}
 .xform_ctrl.tree a.tree_item.selected .tree_item_dropdown_container {
  display:block;
}
 .xform_ctrl.tree .icon {
  position:absolute;
  top:4px;
  left:17px;
  padding-left:1px;
  padding-right:5px;
  border:0;
}
 .xform_ctrl.tree span {
  display:block;
  padding-left:35px;
  padding-top:3px;
}
 .xform_ctrl.checkbox {
  position:relative;
  top:2px;
}
 .xtbl .xform_ctrl.checkbox {
  top:2px;
}
 .xform_ctrl.checkbox,
 .xform .xform_ctrl.checkbox {
  margin-right: 0px;
}
 .checkbox_container,
 .xform .checkbox_container {
  margin-right: 10px;
}
 .xhints.icon img {
  position:relative;
  top:-2px;
}
 .xlookup.icon,
 .xhints.icon,
 .xtextzoom.icon {
  position:relative;
  top:4px;
  left:-3px;
  margin-right:7px;
}
 .xlookup.icon.uneditable {
  display:none;
}
 .xform .xlookup.icon,
 .xlookup.icon,
 .xform .xhints.icon,
 .xhints.icon,
 .xform .xtextzoom.icon,
 .xtextzoom.icon {
  top:6px;
}
 .xrow .xlookup.icon,
 .xrow .xhints.icon,
 .xrow .xtextzoom.icon {
  left:-1px;
  margin-right:0px;
  margin-left:7px;
}
 .xtagbox {
  display:none;
  border:1px solid #bfbfbf;
  box-shadow: 0 1px rgba(0,0,0,0.1) inset;
  box-sizing: border-box;
  width:350px;
  vertical-align:top;
  cursor: text;
  padding:1px 3px;
  min-height:35px;
}
 .xtagbox span {
  display:inline-block;
  vertical-align:top;
  background-color:#999;
  color:#fff;
  border-radius:3px;
  padding:3px 6px 2px 8px;
  margin:3px 3px;
  box-shadow: 0 1px rgba(0,0,0,0.1);
  cursor:default;
}
 .xtag_remove {
  display:inline-block;
  position:relative;
  font-size:7px !important;
  top:-6px;
  left:2px;
  cursor: pointer;
}
 .xtagbox.uneditable .xtag_remove {
  cursor: default;
}
 .xtag_input,
 .xform .xtag_input,
 .xtbl td .xtag_input {
  vertical-align:top;
  border:none;
  background-color:transparent;
  box-shadow:none;
  border-width:0;
  width:auto;
  margin:6px 3px 2px 3px;
  padding:0 0 0 5px;
}
 .xtag_input.inactive,
 .xform .xtag_input.inactive,
 .xtbl td .xtag_input.inactive {
  width:0px;
  height:0px;
  margin:0;
  padding:0;
}
 .xtag_input:focus {
  outline: none;
}
 .xaccordiontab {
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 8px 30px 7px 15px;
  margin-bottom: 5px;
  color:#333;
  position:relative;
  font-size:1.1em;
  font-weight:bold;
}
 .xaccordionstate {
  position:absolute;
  top:5px;
  right:5px;
}
 .xaccordionbody {
  display:none;
  padding:0.05px 10px 6px 10px;
  margin-bottom: 5px;
}
 .xpopup .xpanel {
  overflow:auto;
  height:400px;
}
 .xcontext_menu {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  border-bottom:1px solid #bababa;
}
 .xcontext_menu a,
 .xcontext_menu a:visited {
  display:block;
  border-top :1px solid #bababa;
  border-right :1px solid #bababa;
  border-left :1px solid #bababa;
  background-color:#ffffff;
  padding:5px 20px 4px 30px;
  z-index:999;
  color:#000;
  position:relative;
  cursor:pointer; cursor:hand;
  white-space:nowrap;
}
 .xcontext_menu img {
  height:12px;
  width:auto;
  position:absolute;
  top:7px;
  left:9px;
}
 .xcontext_menu a:hover 
{
  background-color:#ecf0f6;
  text-decoration:none;
}
 .tdhidden { display:none; }
 .xform.onecolumn .xform_caption.leading { white-space:nowrap; }
 .xsubform {
  margin-top:5px;
}

/*
===============
CUSTOM CONTROLS
===============
*/

 .xdate_mmddyy,
 .xdate_mmddyyyy {
	width:86px;
}
 .xdropdown_VS {
	width:50px;
}
 .xdropdown_S {
	width:125px;
}
 .xdropdown_M,
 .xdropdown_2 {
	width:240px;
}
 .xdropdown_L{
	width:400px;
}
 .xdropdown_VL{
	width:615px;
}
/*
	width:597px;
*/	
 .xlabel_VS {
	width:43px;
}
 .xlabel_S {
	width:117px;
}
 .xlabel_M {
	width:233px;
}
 .xlabel_L {
	width:392px;
}
 .xlabel_VL {
	width:590px;
}
 .xlabel_h1 {
	font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#252525;
	font-size:24px;
	padding:0 0 19px 0;
}
 .xlabel_h2 {
	font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#252525;
	font-size:19px;
	padding:0 0 15px 0;
	font-weight:bold;
}
 .xlabel_h3 {
	font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#252525;
	font-size:16px;
	padding:0 0 11px 0;
	font-weight:bold;
}
 .xlabel_h4 {
	font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#252525;
	font-size:14px;
	padding:0 0 8px 0;
	font-weight:bold;
}
 .xlabel_h5 {
	font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#252525;
	font-size:12px;
	padding:0 0 8px 0;
	font-weight:bold;
}
 .xlabel_h6 {
  font-family: 'PT Sans', arial, helvetica, sans-serif;
  color:#252525;
	font-size:10px;
	padding:0 0 6px 0;
  font-weight:bold;
}
 .xlabel_notification {
  display:block;
  border-radius:5px;
  padding:10px 15px;
  background-color:#ddeedd;
  margin:10px 0;
}
 .xlabel_error {
  display:block;
  border-radius:5px;
  padding:10px 15px;
  background-color:#ffb8b8;
  margin:10px 0;
}
 .xtextbox_VS {
	width:43px;
}
 .xtextbox_S {
	width:117px;
}
 .xtextbox_M,
 .xtextbox_2 {
	width:233px;
}
 .xtextbox_L {
	width:392px;
}
 .xtextbox_VL {
	width:608px;
}
/*
	width:590px;
*/	
 .xtextbox_email {
	width:392px;
}
 .xtextbox_decimal {
	width:200px;
}
 .xtextbox_mmddyy,
 .xtextbox_hhmmss {
	width:80px;
}
 .xtextbox_phone {
	width:117px;
}
 .xtextbox_tstmp {
	width:105px;
}
 .xtextbox_tstmp7 {
	width:185px;
}
 .xtextbox_tstmp7z {
	width:220px;
}
 .xtextarea_M {
	width:590px;
	height:120px;
}
 .xtextarea_caption {
	vertical-align:top;
	padding-top:4px;
}
 .xcaption_2 {
	width:120px;
	text-align:right;
}

/*
=================
LOADING ANIMATION
=================
*/
.jsHarmonyElement_jshInstance_CMS.xloadingblock,
 .xloadingcontainer {
	display:none;
	position:fixed;
	top:122px;
	width:100%;
	bottom:0;
	z-index:999999999;
	text-align:center;
}
body.popup .jsHarmonyElement_jshInstance_CMS.xloadingblock,
body.popup .xloadingcontainer { top:0px; }
.jsHarmonyElement_jshInstance_CMS.xloadingblock div,
 .xloadingcontainer div {
	position:absolute;
	top:50%;
	left:50%;
}
.jsHarmonyElement_jshInstance_CMS.xloadingblock div .xloadingbox,
 .xloadingcontainer div .xloadingbox {
	display:none;
	background-color:white;
	border:3px solid #aaa;
	display:block;
	text-align:center;
	width:170px;
	height:80px;
	position:absolute;
	top:-50px;
	left:-100px;
	padding-top:20px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#454545;
	opacity:0.8;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
 .xloadingbox img {
	padding-top:18px;
}
/*
============
DIALOG BOXES
============
*/
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .resizer{
  background-color: #aaa;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .res-ns{
  cursor: row-resize;
  height: 3px;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .res-ew{
  display: inline-block;
  cursor: col-resize;
  height: 100%;
  width: 3px;
  float: left;
}
.jsHarmonyElement_jshInstance_CMS.xdebuginfo {
  position:absolute;
  top:0px;
  left:0px;
  color:#c2ffb8;
  background-color:rgba(0,0,0,0.5);
  z-index:1000000000;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .debug-panel {
  display:none;
  position: fixed;
  height: 300px;
  width: 100%;
  z-index:999999999;
  border-bottom: 3px solid #aaa;
  background-color: #fff;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole.bottom .debug-panel {
  bottom: 0;
  right: 0;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole.right .debug-panel {
  width: 600px;
  bottom: 0;
  right: 0;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole.right {
  height:auto !important;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole.bottom .res-ew,
.jsHarmonyElement_jshInstance_CMS.xdebugconsole.bottom .dockBottom,
.jsHarmonyElement_jshInstance_CMS.xdebugconsole.right .dockRight {
  display: none;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole header{
  padding: 7px 16px 5px 19px;
  line-height: 1.1em;
  font-size: 14px;
  background-color: #e1e1e1;
  border-bottom: 1px solid #aaa;
  cursor: auto;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .controls{
  float: right;
  display: block;
  position:relative;
  top:-1px;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .debug-settings{
  padding: 5px 15px 3px 15px;
  border-bottom: 1px solid #aaa;
  display: none;
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole.right .debug-settings{
  margin-left: 3px;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .debug-settings label{
  display: inline-flex;
  margin-right: 12px;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .debug-settings input {
  margin-right: 5px;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .info-message{
  padding: 2px 19px;
  border-bottom: 1px solid #999;
  white-space: pre-wrap;
  font-size: 12px;
  line-height: 15px;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .controls i {
  cursor: pointer;
  font-size:15px;
  margin-left:6px;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .xdebuginfo-body {
  overflow: auto;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole.visible.right .xdebuginfo-body {
  word-break: break-word;
}
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .debug-panel-minimized{
  position: fixed;
  bottom: 0;
  right: 0;
}
 #cboxContent h1.xtitle,
 #cboxContent h1.xtitlecaption {
  top:2px;
  position:relative;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock {
	position:fixed;
	top:0px;
	width:100%;
	bottom:0;
  left:0px;
	z-index:1999999999;
  background-color:rgba(0,0,0,0.1);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xdialogbox {
  display:none;
	position:absolute;
	top:50%;
	left:50%;
  /*transform: translate(-50%, -50%);*/
	background-color:white;
	border:3px solid #aaa;
  padding:20px;
	border-radius: 5px;
  -moz-border-radius: 5px;
  overflow:auto;
  max-height: calc(100vh - 66px);
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xloadingcontainer,
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xalertbox,
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xconfirmbox,
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xpromptbox,
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xtextzoombox,
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xhintsbox {
  font-family: 'Roboto', arial, helvetica, sans-serif;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  color:#505050;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xdialogoverlay {
  background-color: rgba(0,0,0,0.4);
  position: absolute;
  width: 100%;
  height: 100%;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xdialogbox .xbodyhead .xtitle {
  padding-top:2px;
  padding-bottom:17px;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xdialogbox .xbodyhead,
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xdialogbox .xtbl {
  font-weight:normal;
  font-size:13px;
  text-align:left;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xalertbox {
	width:370px;
	min-height:60px;
	text-align:left;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xconfirmbox {
	width:370px;
	min-height:60px;
	text-align:center;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xpromptbox {
	width:310px;
	min-height:60px;
	text-align:left;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xtextzoombox {
	width:510px;
	min-height:60px;
	text-align:left;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xhintsbox {
	width:510px;
	min-height:60px;
	text-align:left;
}
 .xalertmessage,
 .xconfirmmessage,
 .xpromptmessage {
  max-height: 400px;
  overflow:auto;
}
 .xalertbox input,
 .xconfirmbox input,
 .xdialogbox input.button_ok,
 .xdialogbox input.button_no,
 .xdialogbox input.button_cancel {
  margin: 20px 0 0px 0;
  padding:4px 15px;
  line-height:1;
}
 .xpromptfield {
  margin: 20px 0 0px 0;
  width:100%;
  box-sizing:border-box;
}
 .xtextzoomfield {
  margin: 20px 0 0px 0;
  width:100%;
  box-sizing:border-box;
  height:300px;
}
 .xhints_listing {
  margin: 20px 0 0px 0;
  width:100%;
  box-sizing:border-box;
  height:300px;
  border:1px solid #dedede;
  overflow-y:auto;
}
 .xhints_listing .xhints_row label {
  display:flex;
  border-bottom:1px solid #f9f9f9;
  padding:5px 8px 4px 8px;
}
 .xhints_listing .xhints_row label:hover {
  background-color:#f7f7f7;
}
 .xhints_listing span {
  display:block;
  flex-grow:1;
  text-align:left;
  padding-left:6px;
}
 .xdialogbox h3 {
  margin-top:5px;
  margin-bottom:5px;
}

 .xform_inputbutton { padding:3px 10px; }
 .xsubmenu_listing { padding-top:4px; }
 .xsubmenu_listing a {
  display:inline-block;
  padding-top:8px;
  font-size:15px;
}

 .formerror {
	background-color: red;
	color: white;
}

 .validatorErrors {
	width: 400px;
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
 	margin-bottom: 20px;
	background-color: #f0f0f0;
}

 .validatorErrors h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	margin: -7px;
	background-color: #c00;
	color: #fff;
}

 .validatorErrors ul li {
	font-size: 12px;
	list-style: square;
}

 .notification {
  font-weight: bold;
  color: green;
}

 .page {
	width: 600px;
}

 .adminmenu {
	border: 1px solid black;
}

/*
==================
NOTIFICATION BOXES
==================
*/
 .fieldWithErrors {
  padding: 2px;
  background-color: red;
  /*display: table;*/
}
 .errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
 .errorExplanation h2 {
  text-align: left;
  font-weight: bold;
	text-decoration:none;
  padding: 5px 5px 5px 15px;
  font-size: 16px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}
 .uie8 .errorExplanation h2 { font-family: 'Open Sans Bold', sans-serif; }
 .errorExplanation p {
	margin-top:10px;
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}
 .errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
 .notification {
  font-weight: bold;
  color: #55832C;
}
 .uie8 .notification { font-family: 'Open Sans Bold', sans-serif; }

/*
================
PRINT STYLESHEET
================
*/
@media print {
   .xactions { display:none !important; visibility:hidden !important; }
   .xhead { display:none; }
   .xbody,
   .xmain { display:block !important; }
   .xbody { margin-top:0px !important; }
}
/*! jQuery UI - v1.10.3 - 2013-09-27
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=%23dfdfe6&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=%23a1a1a1&fcHeader=%23454545&iconColorHeader=%23454545&bgColorContent=%23ffffff&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=%23a1a1a1&fcContent=%23454545&iconColorContent=%23454545&bgColorDefault=%23ffffff&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=%23cccccc&fcDefault=%23363895&iconColorDefault=%23363895&bgColorHover=%23ffffff&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=%23cccccc&fcHover=%23363895&iconColorHover=%23363895&bgColorActive=%23dddddd&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%23a1a1a1&fcActive=%23363895&iconColorActive=%23363895&bgColorHighlight=%23ffffff&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=%23cccccc&fcHighlight=%23363895&iconColorHighlight=%23363895&bgColorError=%23b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=%23cd0a0a&fcError=%23ffffff&iconColorError=%23ffd27a&bgColorOverlay=%23666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=%23000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #a1a1a1;background:#fff url(/jquery-ui/css/images/ui-bg_highlight-soft_100_ffffff_1x100.png) 50% top repeat-x;color:#454545}.ui-widget-content a{color:#454545}.ui-widget-header{border:1px solid #a1a1a1;background:#dfdfe6 url(/jquery-ui/css/images/ui-bg_flat_100_dfdfe6_40x100.png) 50% 50% repeat-x;color:#454545;font-weight:bold}.ui-widget-header a{color:#454545}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#fff url(/jquery-ui/css/images/ui-bg_glass_100_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#363895}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#363895;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ccc;background:#fff url(/jquery-ui/css/images/ui-bg_glass_100_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#363895}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#363895;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #a1a1a1;background:#ddd url(/jquery-ui/css/images/ui-bg_flat_65_dddddd_40x100.png) 50% 50% repeat-x;font-weight:bold;color:#363895}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#363895;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ccc;background:#fff url(/jquery-ui/css/images/ui-bg_highlight-soft_75_ffffff_1x100.png) 50% top repeat-x;color:#363895}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363895}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(/jquery-ui/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/jquery-ui/css/images/ui-icons_454545_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/jquery-ui/css/images/ui-icons_454545_256x240.png)}.ui-state-default .ui-icon{background-image:url(/jquery-ui/css/images/ui-icons_363895_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/jquery-ui/css/images/ui-icons_363895_256x240.png)}.ui-state-active .ui-icon{background-image:url(/jquery-ui/css/images/ui-icons_363895_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/jquery-ui/css/images/ui-icons_363895_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/jquery-ui/css/images/ui-icons_ffd27a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url(/jquery-ui/css/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(/jquery-ui/css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.

    Based on colorbox, example 5; Example 5_Inverted
    
*/
#cboxOverlay{background:#000;}
#colorbox{}

    #cboxTopLeft{width:14px; height:43px; background:url(/js/colorbox/images/controls.png) no-repeat -224px 0;}
    #cboxTopCenter{height:43px; background:url(/js/colorbox/images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:43px; background:url(/js/colorbox/images/controls.png) no-repeat -260px 0;}
    #cboxBottomLeft{width:14px; height:14px; background:url(/js/colorbox/images/controls.png) no-repeat -224px -61px;}
    #cboxBottomCenter{height:14px; background:url(/js/colorbox/images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:14px; background:url(/js/colorbox/images/controls.png) no-repeat -260px -61px;}

    #cboxMiddleLeft{width:14px; background:url(/js/colorbox/images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/js/colorbox/images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-top:5px;}
        #cboxLoadingOverlay{background:url(/js/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/js/colorbox/images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; top:-24px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; top: -24px; left:58px; font-weight:bold; color:#7C7C7C;}        
       
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; top:-29px; background:url(/js/colorbox/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-102px -27px;}
        #cboxClose:hover{background-position:-102px -2px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}


/*
Copyright 2020 apHarmony

This file is part of jsHarmony.

jsHarmony is free software: you can redistribute it and/or modify
it under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

jsHarmony is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License
along with this package.  If not, see <http://www.gnu.org/licenses/>.
*/

/*
=============
MAIN ELEMENTS
=============
*/
body { 
	background-color: #fff; 
	color: #333;  /*202020*/
	margin:0px;
	padding:0px;
}
body, 
 p, 
 ol, 
 ul, 
 td {
  font-family: 'Roboto', arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}
 pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}
 a,
 .link { color: #6b8ed6; text-decoration:none; }
 a:visited { color: #6b8ed6; }
 a:hover { text-decoration:underline;}
 h1{
	font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#555;
	font-size:24px;
	margin:0;
	padding:0 0 19px 0;
	font-weight:normal;
}
 h2{
	font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#555;
	font-size:19px;
	margin:0px 0 0px 0;
	padding:0 0 15px 0;
	font-weight:bold;
}
 p {
	margin:0;
  padding:0 0 22px 0;
	line-height:1.4em;
}
 input,
 textarea {
  font-family: 'PT Sans', arial, helvetica, sans-serif;
  padding-left:3px;
  line-height:normal;
  height:auto;
  appearance: auto;
  -moz-appearance: auto;
  -ms-appearance: auto;
  -webkit-appearance: auto;
  display:inline-block;
  float:none;
  opacity:1;
  z-index:auto;
  background-color:transparent;
  width:auto;
}
 select {
  font-family: 'PT Sans', arial, helvetica, sans-serif;
  padding-top:2px;
  padding-bottom:2px;
  line-height:normal;
  height:auto;
  appearance: auto;
  -moz-appearance: auto;
  -ms-appearance: auto;
  -webkit-appearance: auto;
  display:inline-block;
  float:none;
  opacity:1;
  z-index:auto;
  background-color:transparent;
  width:auto;
}
 label {
  margin:0;
  font-weight:normal;
}

/*
======================
HEADER AND TOP BUTTONS
======================
*/
 .xmain{
  width:100%;
	min-width:1024px;
  position:relative;
  display:inline-block;
}
/*
====
BODY
====
*/
 .xbody {
	padding-top:21px;
	padding-left:29px;
/*	min-height:300px;*/
  padding-bottom:30px;
}
 .xhead {
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  z-index:1;
  background-color:#24528F;
  background-image:url('/images/top.flat.png');
  background-repeat:repeat-x;
}
 .xhead.unfixed {
  position:relative;
}
 .bcrumbs { /* TODO */
  color:#777;
  font-size:13px;
	margin-left:1px;
	position:relative;
	top:-4px;
	padding-bottom:9px;
}
 .bcrumbs a{ /* TODO */
  color:#777;
  font-size:13px;
}
 .xtbl thead tr {
	color:#999;
}
 .xtbl thead th {
	text-align:left;
	font-weight:normal;
  color:#777;
  background-color:#fff;
  padding:7px 7px 6px 7px;
  border-top:1px solid #ddd;
  border-bottom:2px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
 .xtbl thead th a {
	color:#777;
	display:block;
}
 .xtbl tbody {
  border-bottom: 1px solid #ddd;
}
 .xtbl tbody tr.even {
	background-color:#f7f7f7;
}
 .xtbl tbody td {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:5px 7px 5px 7px;
  vertical-align:text-top;
  color: #333;
}
 .xtbl .xtbl_loadmore a {
	display:block;
	text-align:center;
	padding:6px;
	background-color:#fefefe;
  border:1px solid #ddd;
  color:#555;
}
 .xtbl td.xtbl_noresults a,
 .xtbl td.xtbl_noresults a:visited {
  color:#555;
}
 a.xtab, a.xtab:visited{
  background-color:#f2f2f2;
  color:#555;
	padding:5px 15px;
	margin-right:1px;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
  border-right:1px solid #bbb;
  transition: padding-right 0.5s,padding-left 0.5s;
}
 a.xtab.selected{
  background-color:#fff;
  color:#555;
  padding-right: 20px;
  padding-left: 20px;
	
}
 a.xtab.selected:hover{
	text-decoration:none;
}
 a.xtab.last{
	margin-right:0;
}
 a.xtab.disabled{
	background-color:#eeeeee;
	color:#cccccc;
}
 a.xtab.disabled:hover{
	text-decoration:none;
}
.xsubform.no-border > .xpanel {
  border:0;
}
 .xpanel {
	border-top:2px solid #bbb;
	border-right:1px solid #bbb;
	border-left:1px solid #bbb;
	border-bottom:1px solid #bbb;
	padding:10px;
  min-height:20px;
  display:table;
  box-sizing: border-box;
  width:100%;
}
 .xtabbody {
  display:none;
}
 .xtabbody.selected {
  display:block;
}
 .xactions a,
 .xactions a:visited {
  color: #555;
}
 .xcontext_menu { border-bottom:1px solid #ddd; }
 .xcontext_menu a,
 .xcontext_menu a:visited {
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  border-left:1px solid #ddd;
  color: #555;
}
 .xcontext_menu a:hover {
  background-color:#f7f7f7;
}
 input.uneditable,
 select.uneditable,
 textarea.uneditable,
 .xtagbox.uneditable {
	background-color:#f5f5f5;
}
 input.updated, 
 select.updated, 
 textarea.updated,
 .xtagbox.updated,
 input.uneditable.updated, 
 select.uneditable.updated, 
 textarea.uneditable.updated,
 .xtagbox.uneditable.updated,
 .xform_label.updated,
 .xform_html.updated
{
	background-color:#fffedf;
}
 .xform_checkbox_container.updated {
  background-color:#fffedf;
}

.jsHarmonyElement_jshInstance_CMS.xloadingblock div .xloadingbox,
 .xloadingcontainer div .xloadingbox {
  border:1px solid #ddd;
  font-weight:400;
  color:#777;
}
.jsHarmonyElement_jshInstance_CMS.xdialogblock .xdialogbox {
  border:1px solid #bbb;
  font-weight:normal;
  line-height:20px;
  font-size:14px;
}
 .xtbl th.sortAsc a {
  background-image: url('/images/arrow_up_gray.png');
}
 .xtbl th.sortDesc a {
  background-image: url('/images/arrow_down_gray.png');
}
 a.linkbutton,
 a.linkbutton:visited {
  color: #333;
}
 .xform .htmlarea_container { border: none; }
 .xform_ctrl.tree a.tree_item { color: #333; }
 .xform_ctrl.tree { border-color: #ddd; }
 .xform_ctrl.tree a.tree_item.selected { background-color:#f8f8f8; }
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .res-ns{ height: 1px; }
.jsHarmonyElement_jshInstance_CMS.xdebugconsole .res-ew{ width: 1px; }
.jsHarmonyElement_jshInstance_CMS.xdebugconsole header{ background-color:#f2f2f2; }
/***************************
CUSTOM CONTROL STYLES
***************************/
 body .xtbl tbody tr.xgrid_row_highlight { background-color:#ffff66; }
 body .xtbl tbody tr.xgrid_row_error { background-color:#ffb8b8; }
 body .xtbl tbody tr.xgrid_row_disabled,
 body .xtbl tbody tr.xgrid_row_disabled a { background-color:#ddd; color:#777; }
 body .xtbl tbody tr.xgrid_row_PREF { background-color:#c6d3ff; }
 body .xtbl tbody tr.xgrid_row_none { background-color:#ffffff; }

 body .xtbl tbody tr.xgrid_row_green { background-color:#c2ffb8; }
 body .xtbl tbody tr.xgrid_row_yellow { background-color:#fffeb8; }
 body .xtbl tbody tr.xgrid_row_red { background-color:#ffb8b8; }
 body .xtbl tbody tr.xgrid_row_gray { background-color:#cccccc; }

 .xform_button { border:1px solid transparent; }
 .xform_button.highlighted { background-color:yellow; border:1px dashed #666; }

/***************************
MENU STYLES
***************************/
 .xmenuhorizontal .xmenu {
	padding-top:34px;
	padding-left:370px;
  min-height:60px;
  z-index:3;
  position:relative;
}
 .xmenuhorizontal .xmenu a{
	font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	font-size:15px;
	display:inline-block;
	padding:14px 8px 27px 8px;
	position:relative;
	margin-right:7px;
	margin-left:7px;
}
 .xmenuhorizontal .xmenu a:hover{
	text-decoration:underline;
}
 .xmenuhorizontal .xmenu a .bottom{
	display:none;
}
 .xmenuhorizontal .xmenu a.selected{
/*	color:#000000;*/
/*
	background-image:url('/images/menu_highlight_triangle.png');
	background-repeat:no-repeat;
  background-position:bottom center;
*/
}
 .xmenuhorizontal .xmenu a.selected:hover{
	text-decoration:none;
}
 .xmenuhorizontal .xmenu a.selected .bottom{
	background-image:url('/images/menu_highlight_bl.png');
	width:6px;
	height:10px;
	display:block;
	position:absolute;
	top:52px;
	left:-6px;
}
 .xmenuhorizontal .xmenu a.xmenu_more {
  display:none;
  position:absolute;
  right:0px;
  top:5px;
  padding:0 14px 0 1px;
  background-image:url('/images/arrow_right_white.png');
  background-repeat:no-repeat;
  background-position:73px 48px;
  margin-left:0px;
  border-left:1px solid #00000033;
}
 .xmenuhorizontal .xmenu_more_bg {
  padding:43px 22px 20px 28px;
  background-position-y:-5px;
  background-repeat:repeat-x;
}
 .xmenuhorizontal a.xmenu_more img {
  display:none;
  position:relative;
  top:-1px;
  padding-left:4px;
}
 .xmenuhorizontal .xmenuside {
  display:none;
  position:absolute;
  top:84px;
  right:0px;
  z-index:9999;
}
 .xmenuhorizontal .xmenuside a{
  background-color:#24528F;
  background-image:none;
  text-align:center;
  height:26px;
  color:white;
  display:block;
  padding:6px 35px 0px 35px;
  font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
  font-size:15px;
  border-top:1px solid #00000033;
}
 .xmenuhorizontal .xmenupaddle {
  background-image:url('/images/menu_highlight_triangle.png');
	background-repeat:no-repeat;
  background-position:bottom center;
  width:209px;
  height:18px;
  top:0;
  left:0;
  position:absolute;
  opacity:0;
  z-indeX:10000;
}
 .xmenuhorizontal .xmenuside a:hover{
  text-decoration:underline;
}
 .xmenuhorizontal .xmenuside a.selected {
  color:#fff;
	background-image:none;
  height:25px;
  padding-top:7px;
}
/* SUBMENU */
 .xmenuhorizontal .xsubmenu{
	padding-left:26px;
  position:relative;
}
 .xmenuhorizontal .xsubmenu div { display:inline-block; }
 .xmenuhorizontal .xsubmenu .head{
	font-weight:bold;
  padding-right:6px;
}
 .xmenuhorizontal .xsubmenu a {
	font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#202020;
	text-decoration:none;
  display:inline-block;
}
 .xmenuhorizontal .xsubmenu a.selected {
  border-bottom:2px solid #aaa;
  padding-bottom:2px;
}
 .xmenuhorizontal .xsubmenu a:hover {
	text-decoration:underline;
}
 .xmenuhorizontal .xsubmenu a.selected:hover {
	text-decoration:none;
}
 .xmenuhorizontal .xsubmenu .xsubmenu_more {
  position:absolute;
  display:block;
  top:-8px;
  right:0px;
  padding:7px 29px 0 29px;
  background-color:#f5f5f5;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  height:23px;
  z-index:2;
}
 .xmenuhorizontal .xsubmenuside {
  position:absolute;
  top:117px;
  right:0px;
  z-index:9998;
}
 .xmenuhorizontal .xsubmenuside a {
  background-color:#f5f5f5;
  text-align:left;
  font-family: 'PT Sans', arial, helvetica, sans-serif;
	color:#202020;
	text-decoration:none;
  display:block;
  padding:6px 16px 5px 16px;
  font-size:13px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
}
 .xmenuhorizontal .xsubmenuside a.selected {
	border-left:6px solid #ccc;
}
 .xmenuhorizontal .xsubmenuside a:hover {
	text-decoration:underline;
}
 .xmenuhorizontal .xsubmenuside a.selected:hover {
	text-decoration:none;
}
 .xhead .xtoplinks {
	background-color:#24528F;
}
 .xhead .xtoplinks {
	background-color:#1d4b87;
}
 .xhead .xtoplinks:before{
  border-top-color:#1d4b87;
}

/*
================
PRINT STYLESHEET
================
*/
@media print {
   .xtbl thead th { 
    color:#555; 
    border:1px solid #ddd;
  }
   .xbody { padding:20px 0 0 15px; }
   .xtbl thead th a { color:#555; }
   .xmenuhorizontal .xmenu { display:none !important; }
   .xmenuhorizontal .xsubmenu { display:none !important; }
}
/*
Copyright 2017 apHarmony

This file is part of jsHarmony.

jsHarmony is free software: you can redistribute it and/or modify
it under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

jsHarmony is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License
along with this package.  If not, see <http://www.gnu.org/licenses/>.
*/

/*
======================
HEADER AND TOP BUTTONS
======================
*/

body {
}
 .xhead {
	width:100%;
  height:117px;
}
 .xbody.with_xhead {
  margin-top:117px;
}
 .xtoplinks{
  background-color:#31245d;
  padding-left:0px;
  position:absolute;
	top:0px;
	right:0px;
  z-index:5;
  white-space: nowrap;
}
 .xtoplinks:before {
  content: '';
  position:absolute;
  top:0;
  left:-18px;
  border-left:18px solid transparent; 
  border-top:23px solid #31245d; 
  width:0;
}
 .xtoplinks_body{
  background-image:url('/images/toplinks.png');
  height:21px;
  color:#fff;
  font-size:12px;
  padding-left:12px;
	padding-top:2px;
	padding-right:15px;
  white-space: nowrap;
}
 .xtoplinks a{
	color:#fff;
	text-decoration:none;
}
 .xtoplinks a:hover{
	text-decoration:underline;
}
 .xtoplinks_corner{
	float:left;
	top:0px;
  left:-18px;
  position:absolute;
}
 .xbrand_link{
	display:block;
	border:0;
	text-decoration:none;
	position:absolute;
	top:13px;
	left:12px;
	width:86px;
	height:54px;
}
 .xlogo{
	position:absolute;
	top:0px;
  left:0px;
  z-index:4;
}
 .xlogoimg{
	position:absolute;
	left:0px;
  top:0px;
}
 a.xsublogo{
  display:block;
  position:absolute;
	top:0px;
	left:0px;
	border:0;
  white-space:nowrap;
  color:white;
  vertical-align:top;
  color:#fff;
  position:relative;
  top:57px;
  left:63px;
  font-size:12px;
  letter-spacing:1px;
}
 .xsubcaption {
  display:inline-block;
  position:relative;
  font-style:italic;
  top:-7px;
  padding-left:4px;
  font-size:11px;
}

/*
===============
CUSTOM CONTROLS
===============
*/

 .xbody_Help { margin-right:25px; }


/*
================
PRINT STYLESHEET
================
*/
@media print {
   .xhead { height: 90px; }
   .xtoplinks { display:none !important; }
}

 .xtbl tbody tr.branch_checked_out,
 .xtbl tbody tr.site_checked_out,
 .xtbl tbody tr.site_editor_current {
  background-color:#c2ffb8;
}
 .bcrumbs_site_header a {
  font-weight: bold;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 1px;
  position:relative;
  top:1px;
}
 .bcrumbs_branch_header {
  border:1px solid #333;
  color:white;
  background-color:#333;
  padding:4px 11px;
  display:inline-block;
}
 .bcrumbs_branch_body {
  border:1px solid #333;
  padding:4px 11px;
  display:inline-block;
  color:#000;
  margin-right:10px;
}
 .bcrumbs_branch_body_highlight {
  background-color:#c2ffb8;
}
 .bcrumbs_branch_body a { color:#000; }

 .diff_editor_selection_container {
  display:inline-block;
  font-weight: normal;
  font-size: 0.8em;
  margin-left: 20px;
  position: relative;
  top: -2px;
}
 .bcrumbs_editor_selection_container {
  display:inline-block;
}
 .editor_selection_header {
  border:1px solid #333;
  color:white;
  background-color:#333;
  padding:4px 11px;
  display:inline-block;
}
 .editor_selection_body {
  box-sizing:border-box;
  padding:0;
  display:inline-block;
  color:#000;
}
 .editor_selection {
  padding:2px 11px 4px 11px;
  outline:none;
}

 body .xtbl tbody tr.active_revision {
  background-color:#c2ffb8;
}


 .branch_diff_item_header {
  font-family:monospace;
}
 .branch_diff_item_header .branch_action_icon {
  position: relative;
  top: 5px;
  line-height: 16px;
  margin-right: 3px;
  font-size: 20px;
}
 .branch_diff_item_header a.preview {
  font-family:'Roboto', arial, helvetica, sans-serif;
  font-weight:normal;
  margin-left:15px;
}
 .branch_diff_item_header a.preview img {
  height:16px;
  position:relative;
  top:3px;
  margin-right:7px;
}
 .branch_diff_item_header .branch_action_icon.delete { color:#ff0000; }
 .branch_diff_item_header .branch_action_icon.add { color:#00aa00; }
 .branch_diff_item_header .branch_action_icon.update { color:#0014ff; }
 .branch_diff_item_header .branch_action_icon.rename { color:#0014ff; }
 .spacer_diff {
  width:800px;
}
 .branch_diff_item_collapsed .branch_diff_item_details {
  display: none;
}
 .branch_diff_item_expand {
  display: none;
}
 .branch_diff_item_collapsed .branch_diff_item_expand {
  display: inline-block;
}
 .branch_diff_item_collapsed .branch_diff_item_collapse {
  display: none;
}
 a.branch_diff_item_toggle img {
  height:16px;
  position:relative;
  top:3px;
  margin-right:7px;
}
 .diff_display hr {
  border-top:1px solid #eee;
}
 .diff_display h4 {
  margin-top:4px;
  margin-bottom:4px;
}
 .diff {
  overflow:auto;
  position:relative;
  max-width:90vw;
  max-height:400px;
}
 .diff_head {
  font-weight:bold;
  font-family:monospace;
}
 .diff_item {
  font-family:monospace;
}
 .diff .d2h-file-diff {
  overflow-y: visible;
}
 .diff_media_preview {
  display:inline-block;
  padding-top:10px;
  padding-right:10px;
  font-weight:bold;
  cursor:pointer;
  vertical-align:top;
}
 .diff_media_preview img {
  margin-top:3px;
}

 .conflict_display hr {
  border-top:1px solid #eee;
  margin:0;
}
 .conflict_display h4 {
  margin-top:4px;
  margin-bottom:4px;
}
 .conflict_display .button {
  margin-left:10px;
  padding: 2px 10px;
  background:linear-gradient(180deg, rgba(255,224,95,1) 0%, rgba(235,202,92,1) 100%);
  border:1px solid #b58c00;
}
 .conflict_display .button:hover {
  background:linear-gradient(180deg, rgba(255,205,0,1) 0%, rgba(237,183,0,1) 100%);
  border:1px solid #836600;
}
 .branch_diff_comparison .diff {
  max-width:100%;
}
 .branch_diff_comparison > table {
  width:100%;
}
 .branch_diff_comparison_src { padding-left:8px; border-left:1px solid #eee; }
 .branch_diff_comparison_dst { padding-right:8px; border-right:1px solid #eee; }
 .branch_diff_comparison_src,
 .branch_diff_comparison_dst {
  max-width: 48vw;
  width:50%;
  box-sizing:border-box;
  vertical-align: top;
  padding-top:5px;
  padding-bottom:7px;
}
 .headerInfo_caption {
  border:1px solid #333;color:white;background-color:#333;padding:4px 11px;display:inline-block;width:125px;box-sizing:border-box;
}
 .headerInfo_content {
  border:1px solid #333;padding:4px 11px;display:inline-block;color:#000;background-color:#c2ffb8;
}
 .headerInfo_site {
  position: relative;
  padding-left: 36px;
}
 .headerInfo_site .material-icons {
  font-size: 27px;
  position: absolute;
  top: -5px;
  left: 0px;
}
 .xlogoimg {
  top:-1px;
}
 .jsHarmonyCms_site_selection {
  border:1px solid #c5d2e7;
  background-image: url(/images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: right 7px;
  padding: 2px 21px 1px 26px;
  position: relative;
  top: 1px;
}
 .jsHarmonyCms_site_selection .material-icons,
 .xcontext_menu.jsHarmonyCms_site_selection_dropdown a .material-icons {
  font-size: 13px;
  position: absolute;
  top: 4px;
  left: 7px;
  font-weight: normal;
}
 .xcontext_menu.jsHarmonyCms_site_selection_dropdown a {
  padding: 2px 21px 1px 26px;
  background-color:#24528f;
  color:#fff;
  letter-spacing:1px;
  font-size:12px;
  position:relative;
}
 .xcontext_menu.jsHarmonyCms_site_selection_dropdown a:hover {
  text-decoration:underline;
}
 a.jsHarmonyCms_action_button,
 .jsHarmonyCms_action_button a {
  display:inline-block;
  padding:3px 15px;
  background-color:#306EBF;
  color:#fff;
  border:1px solid #2D68B5;
  font-size:0.9em;
}
 a.jsHarmonyCms_action_button:hover,
 .jsHarmonyCms_action_button a:hover {
  background-color:#3477CF;
  text-decoration:none;
}
 .jsHarmonyCms_info_tip::before {
  content: "i";
  border: 3px solid #c52525;
  font-size:18px;
  font-family:"Times New Roman", Times, serif;
  width:20px;
  height:20px;
  line-height:20px;
  border-radius:50%;
  display:block;
  position:absolute;
  left:4px;
  top:4px;
  text-align:center;
  color: #c52525;
  font-weight: bold;
  opacity:0.75;
}
 .jsHarmonyCms_info_tip {
  padding-left:40px;
  margin-top:6px;
  margin-bottom:12px;
  position:relative;
  color:#555;
}
 .jsHarmonyCms_role_WEBMASTER { display:none !important; }