/* BOTTOMBAR ITSELF */
#bottombar {
	height:53px;
	background-image:url(bottombar/background.png);
}

/* ARROWS TO TOGGLE SIDEBARS */
.bottombar_pfeilLeft {
	width: 35px;
	height: 53px;
	background-image: url(bottombar/pfeilLeft.png);
}
.bottombar_pfeilLeft:hover {
	background-image: url(bottombar/pfeilLeftHover.png);
}
.bottombar_pfeilRight {
	width: 35px;
	height: 53px;
	background-image: url(bottombar/pfeilRight.png);
}
.bottombar_pfeilRight:hover {
	background-image: url(bottombar/pfeilRightHover.png);
}

/* THE START BUTTON */
#bottombar_startbutton {
	width: 65px;
	height: 53px;
	background-image: url(bottombar/startbutton.png);
}
#bottombar_startbutton:hover {
	background-image: url(bottombar/startbuttonHover.png);
}

/* AUTOMATIC WINDOW ALIGNMENT BUTTONS */
.bottombar_autowindowOn {
	float:left;
	width: 67px;
	height: 53px;
	background-image: url(bottombar/autowindowOn.png);
}
.bottombar_autowindowOn:hover {
	cursor:pointer;
	background-image: url(bottombar/autowindowOnHover.png);
}
.bottombar_autowindowOff {
	width: 67px;
	height: 53px;
	background-image: url(bottombar/autowindowOff.png);
}
.bottombar_autowindowOff:hover {
	background-image: url(bottombar/autowindowOffHover.png);
}

/* SEPERATOR */
.bottombar_seperator {
	width: 21px;
	height: 53px;
	background-image: url(bottombar/seperator.png);
}

/* TASKBAR */
.bottombar_elementActive {
	width: 52px;
	height: 53px;
	background-image: url(bottombar/taskbar_active.png);
}

.bottombar_elementInactive {
	width: 52px;
	height: 53px;
}
.bottombar_elementInactive:hover {
	background-image: url(bottombar/taskbar_hover.png);
}

.bottombar_elementBlank {
	width: 5px;
	height: 53px;
}
.bottombar_elementRest {
	height: 53px;
}

.bottombar_taskbar {
}
#bottombar_taskbar {
	height: 53px;
	overflow: hidden;
	position:relative;
}
bottombar_taskbar_content {
	height: 53px;
	overflow: hidden;
	height: 53px;
}

.bottombar_taskbarIcon {
	width: 52px;
	height: 53px;
}

.bottombar_taskbarGrouped {
	width: 52px;
	height: 53px;
	background-image: url(bottombar/taskbar_grouped.png)
}
.bottombar_taskbarText {
	display: none;
}

/* TASKBAR TOOLTIP */
.bottombar_taskbar_tooltipElement {
	background-image: url("bottombar/taskbar_tooltip_inactive.png");
	line-height: 20px;
	padding-left: 5px;
	color:#356aae;
}
.bottombar_taskbar_tooltipElement:hover {
	cursor: default;
}
.bottombar_taskbar_tooltipElement_active {
	background-image: url("bottombar/taskbar_tooltip_active.png");
	line-height: 20px;
	padding-left: 5px;
	color:black;
}
.bottombar_taskbar_tooltipElement_active:hover {
	cursor: default;
}

/* SYSTRAY */
#bottombar_rightpanel {
	width:66px;	
}

#bottombar_systray {
	background-image: url("bottombar/systray_label.png");
	background-repeat:no-repeat;
	background-position: top center;
	height:53px;
}
#bottombar_systray_left {
	background-image: url("bottombar/systray_left.png");
	width: 5px;
	height:53px;
}
#bottombar_systray_right {
	background-image: url("bottombar/systray_right.png");
	width: 5px;
	height:53px;
}
#bottombar_systray_center {
	background-image: url("bottombar/systray_bg.png");
	height:53px;
}
#bottombar_systray_content {
	height:53px;
}

.bottombar_systray_element {
	height: 53px;
	width:30px;
	background-repeat: no-repeat;
	background-position: center 20px;
}

.bottombar_systray_popup {
	width: 53px;
	height: 51px;
	padding-left: 60px;
	padding-top: 5px;
	padding-bottom:5px;
	line-height: 20px;
	width: 300px;
	background-repeat: no-repeat;
}

#bottombar_taskbar_scroller_left,
#bottombar_taskbar_scroller_right {
	width:24px;
	cursor: pointer;
	bottom: 0;
	position: fixed;
	height:53px;
	opacity: 0.5;
}

#bottombar_taskbar_scroller_left {
	background: transparent url(bottombar/pfeil2Left.png) no-repeat 50%;
}
#bottombar_taskbar_scroller_right {
	background: transparent url(bottombar/pfeil2Right.png) no-repeat 50%;
}
#bottombar_taskbar_scroller_left:hover,
#bottombar_taskbar_scroller_right:hover {
  opacity: 1;
}

/* SCROLLBAR (OUTSIDE) */
.sidebar_left {
	background-image:url(sidebar/bg_left.png);
	background-repeat:repeat-y;
	background-position: right;
}
.sidebar_right {
	background-image:url(sidebar/bg_right.png);
	background-repeat:repeat-y;
	background-position: left;
}

.sidebar_scrollbar {
	width: 31px;
}

.sidebar_scrollbar_top {
	height: 14px;
	width:31px;
	background-image:url(sidebar/scrollbar_top.png);
}
.sidebar_scrollbar_middle {
	background-image:url(sidebar/scrollbar_middle.png);
	width:31px;
}
.sidebar_scrollbar_bottom {
	height: 14px;
	background-image:url(sidebar/scrollbar_bottom.png);
	width:31px;
}

/* SCROLLBAR SCROLLER (THE THING YOU DRAG) */
.sidebar_scrollbarpanel {
	width: 17px;
}

.sidebar_scrollbarpanel_top {
	height: 8px;
	width:17px;
	background-image:url(sidebar/scroller_top.png);
}
.sidebar_scrollbarpanel_middle {
	background-image:url(sidebar/scroller_middle.png);
	width:17px;
}
.sidebar_scrollbarpanel_bottom {
	height: 8px;
	background-image:url(sidebar/scroller_bottom.png);
	width:17px;
}
/* MENUBAR ITSELF */
#menubar {
	height:30px;
	background-image:url(menubar/background.png);
	overflow: visible;
}



/* LEFT CONTENT */
.menubar_info_content {
	font-size: 12px;
	font-weight:bold;
	color:white;
	left:30px;
	top:7px;
	text-shadow: black 1px 1px 1px;
}
.menubar_underline:hover {
	text-decoration:underline;
}
.menubar_weak {
	color: #999999 !important;
}

.menubar_next {
	top:0px;
	left:14px;
	width:14px;
	height:28px;
	background-image:url(menubar/switchNext.png)
}
.menubar_next:hover {
	background-image:url(menubar/switchNextHover.png);
}

.menubar_previous {
	top:0px;
	left:4px;
	width:14px;
	height:28px;
	background-image:url(menubar/switchPrevious.png)
}
.menubar_previous:hover {
	background-image:url(menubar/switchPreviousHover.png);
}



/* RIGHT CONTENT (PERSPECTIVES) */
#menubar_perspectives {
	line-height: 30px;
	overflow: visible;
}

#menubar_perspectives img {
	padding-top:6px;
	padding-right:3px;
	float:left;
}

#menubar_perspectives .inactivePerspective {
	padding-left:5px;
	padding-right:5px;
	line-height:30px;
	color:#ffffff;
	height:30px;
	float:right;
	font-size:12px;
	font-weight:bold;
	position: relative;
}

#menubar_perspectives .inactivePerspective:hover {
	background-repeat: repeat-x;
	background-image: url("menubar/perspective_hover.png");
}

/* Show the dropdown menu on hover */
#menubar_perspectives .inactivePerspective:hover .dropdown-content {
	display: block;
}

#menubar_perspectives .activePerspective {
	padding-left:5px;
	padding-right:5px;
	line-height:30px;
	color:#ffffff;
	background-image: url("menubar/perspective_active.png");
	background-repeat: repeat-x;
	height:30px;
	float:right;
	font-size:12px;
	font-weight:bold;
	position: relative;
}

/* Show the dropdown menu on hover */
#menubar_perspectives .activePerspective:hover .dropdown-content {
	display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	color: white;
	background-color: #242629;
	line-height:25px;
	position: absolute;
	right: 0px;
	min-width: 100%;
	margin-top: -3px;
}

.dropdown-content div {
	border-width: 0px 5px;
	border-style: solid;
	border-color: #242629;
}

/* Change color of dropdown links on hover */
.dropdown-content div:hover {
	background-color: #999999;
	border-color: #999999;
}

/* STARTMENU GENERAL */

#startmenu_head {
	height: 54px;
	background-image: url(startmenu/top.png);
}

#startmenu_username {
	left: 120px;
	top: 23px;
	color: white;
	font-size: 36px;
	text-shadow: black 0px 0px 5px;
}

#startmenu_userimage {
	left:10px;
	top:-32px;
}

#startmenu_left {
	top:78px;
	left:0px;
	width: 350px;
	background-image: url(startmenu/bottom.png);
	background-position:bottom;
	background-repeat: repeat-x;
}

#startmenu_liste {
	top:20px;
	left:10px;
	width: 325px;
	border: 1px solid #e5e5e5;
	background-color: white;
}

#startmenu_border {
	top:68px;
	left:350px;
	width: 1px;
	background-color:#242729;
}




/* LIST ENTRIES */
.startmenu_folder {
	padding-top:2px;
	line-height: 20px;
	padding-bottom:2px;
	color: #1f508d;
	font-weight:bold;
	background-repeat:no-repeat;
}
.startmenu_folder:hover {
	background-color: #d6e7fc;
	cursor:pointer;
}

.startmenu_entry {
	padding-top:2px;
	line-height: 20px;
	padding-bottom:2px;
	background-repeat:no-repeat;
}
.startmenu_entry:hover {
	background-color: #d6e7fc;
	cursor:pointer;
}






/* SEARCH FIELD */

#startmenu_suche {
	bottom:2px;
	left: 10px;
	border:1px solid black;
	height: 15px;
	width: 320px;
	font-size:12px;
	padding:2px;
}

#startmenu_sucheLabel {
	bottom:25px;
	left: 10px;
	font-size:10px;
	color: white;
	font-weight:bold;
	text-shadow: black 1px 1px 1px;
}


.startmenu_suche_hightlight {
	background-image: url(startmenu/suche_highlight.png);
}





/* RIGHT SIDE */

#startmenu_right {
	top:68px;
	left:350px;
	width: 237px;
	background-color: #e1e1e1;
}

#startmenu_rightmenu {
	left:7px;
	top:7px;
	width:225px;
}

#startmenu_rightlogout {
	left:7px;
	bottom:7px;
	width:225px;
}

#startmenu_rightTop {
	left:0px;
	top:0px;
	width:237px;
	height:7px;
	background-image: url(startmenu/rightTop.png);
}

#startmenu_rightBottom {
	left:0px;
	bottom:0px;
	width:237px;
	height:7px;
	background-image: url(startmenu/rightBottom.png);
}

.startmenu_rightmenu_element {
	font-size:11px;
	color: black;
	padding:5px;
	border:1px solid #e1e1e1;
	font-weight:bold;
	height: 44px;
	line-height: 44px;
 	display: table-row;
}
.startmenu_rightmenu_element:hover {
	background-color: #ccdbef;
	background-image: url(startmenu/rightHover.png);
	border:1px solid #8d8f90;
}

.startmenu_rightmenu_seperator {
	height:1px;
	overflow:hidden;
	white-space: nowrap;
	margin-top:5px;
	margin-bottom:5px;
	background-color: #cccccc;
}

.startmenu_rightmenu_element_img {
	float: left;
}

.startmenu_rightmenu_element_text {
	white-space: normal;
	width: 100%;
	line-height: 11px;
}

.startmenu_rightmenu_element_img, .startmenu_rightmenu_element_text {
 	display: table-cell;
	vertical-align: middle;
}


/* ACTIVE WINDOW */
.gadgets_topleft {
	height: 14px;
	width: 13px;
	background-image: url(gadget/topleft.png);
}
.gadgets_topright {
	height: 14px;
	width: 13px;
	background-image: url(gadget/topright.png);
}
.gadgets_bottomleft {
	height: 14px;
	width: 13px;
	background-image: url(gadget/bottomleft.png);
}
.gadgets_bottomright {
	height: 14px;
	width: 13px;
	background-image: url(gadget/bottomright.png);
}
.gadgets_top {
	height: 14px;
	background-image: url(gadget/top.png);
}
.gadgets_bottom {
	height: 14px;
	background-image: url(gadget/bottom.png);
}
.gadgets_left {
	width: 13px;
	background-image: url(gadget/left.png);
}
.gadgets_right {
	width: 13px;
	background-image: url(gadget/right.png);
}
.gadgets_middle {
	background-color:white;
}

.gadgets_head {
	height: 23px;
	background-image: url(gadget/head.png);
}

.gadgets_headtitle {
	padding-left:3px;
	height:23px;
	font-size:12px;
	font-weight:bold;
	color: #5f4523; 
	line-height:23px;
	-user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
}



/* PROGRESS POPUP */
.gadgets_progress_left {
	padding-left: 26px;
	background-image: url(gadget/progress_left.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 55px;
}
.gadgets_progress_bg {
	background-image: url(gadget/progress_bg.png);
	height: 55px;
}
.gadgets_progress_right {
	padding-right: 13px;
	background-image: url(gadget/progress_right.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 55px;
}
.gadgets_progress_text {
	height: 50px;
	position: absolute;
	color:#222222;
	font-size:14px;
	font-weight:bold;
	left: 15px;
	top: 24px;
}







/* INACTIVE WINDOW STYLES */
.gadgets_table_inactive .gadgets_topleft {background-image: url(gadget/inactive_topleft.png)}
.gadgets_table_inactive .gadgets_topright {background-image: url(gadget/inactive_topright.png)}
.gadgets_table_inactive .gadgets_bottomleft {background-image: url(gadget/inactive_bottomleft.png)}
.gadgets_table_inactive .gadgets_bottomright {background-image: url(gadget/inactive_bottomright.png)}
.gadgets_table_inactive .gadgets_top {background-image: url(gadget/inactive_top.png)}
.gadgets_table_inactive .gadgets_bottom {background-image: url(gadget/inactive_bottom.png)}
.gadgets_table_inactive .gadgets_left {background-image: url(gadget/inactive_left.png)}
.gadgets_table_inactive .gadgets_right {background-image: url(gadget/inactive_right.png)}
.gadgets_table_inactive .gadgets_head {background-image: url(gadget/inactive_head.png);}
.gadgets_table_inactive .gadgets_headtitle {color: #3967a4;}

.xInactive .gadgets_progress_left 	{ background-image: url(gadget/inactive_progress_left.png);}
.xInactive .gadgets_progress_bg 	{ background-image: url(gadget/inactive_progress_bg.png);}
.xInactive .gadgets_progress_right { background-image: url(gadget/inactive_progress_right.png);}




/* GADGETS HEAD BUTTONS */
.gadgets_head_icon { /* APPLICATION ICON */
	float: left;
	width: 24px;
	height: 23px;
	background-repeat: no-repeat;	
	background-position: center;
	background-image: url(gadget/default.png);
}
.gadgets_head_icon_loading { /* LOADING ANIMATION REPLACES ICON */
	float: left;
	width: 24px;
	height: 23px;
	background-repeat: no-repeat;	
	background-position: center;
	background-image: url(gadget/indicator_active.gif) !important;
}

.gadgets_head_minimize { /* MINIMIZE BUTTON */
	float:right;
	width: 20px;
	height: 23px;
	background-image: url(gadget/headMinimize.png);
}
.gadgets_head_minimize:hover {
	cursor: pointer;	
	background-image: url(gadget/headMinimizeHover.png);
}

.gadgets_head_pullup { /* PULL UP BUTTON */
	float:right;
	width: 20px;
	height: 23px;
	background-image: url(gadget/headPullup.png);
}
.gadgets_head_pullup:hover {
	cursor: pointer;	
	background-image: url(gadget/headPullupHover.png);
}

.gadgets_head_pulldown { /* PULL DOWN  BUTTON */
	float:right;
	width: 20px;
	height: 23px;
	background-image: url(gadget/headPulldown.png);
}
.gadgets_head_pulldown:hover {
	cursor: pointer;	
	background-image: url(gadget/headPulldownHover.png);
}

.gadgets_head_maximize { /* MAXIMIZE BUTTON */
	float:right;
	width: 20px;
	height: 23px;
	background-image: url(gadget/headMaximize.png);
}
.gadgets_head_maximize:hover {
	cursor: pointer;	
	background-image: url(gadget/headMaximizeHover.png);
}

.gadgets_head_restore { /* RESTORE BUTTON (OPPOSITE OF MAXIMIZE) */
	float:right;
	width: 20px;
	height: 23px;
	background-image: url(gadget/headRestore.png);
}
.gadgets_head_restore:hover {
	cursor: pointer;	
	background-image: url(gadget/headRestoreHover.png);
}

.gadgets_head_close { /* CLOSE BUTTON */
	float:right;
	width: 20px;
	height: 23px;
	background-image: url(gadget/headClose.png);
}
.gadgets_head_close:hover {
	cursor: pointer;	
	background-image: url(gadget/headCloseHover.png);
}

.gadgets_head_left { /* PUSH INTO LEFT SIDEBAR BUTTON */
	float:right;
	width: 20px;
	height: 23px;
	background-image: url(gadget/headLeft.png);
}
.gadgets_head_left:hover {
	cursor: pointer;	
	background-image: url(gadget/headLeftHover.png);
}

.gadgets_head_right { /* PUSH INTO RIGHT SIDEBAR BUTTON */
	float:right;
	width: 20px;
	height: 23px;
	background-image: url(gadget/headRight.png);
}
.gadgets_head_right:hover {
	cursor: pointer;	
	background-image: url(gadget/headRightHover.png);
}

.gadgets_head_seperator { /* SEPARATOR */
	float:right;
	width: 6px;
	height: 23px;
}


/* INACTIVE VARIANTES OF HEAD BUTTONS */
.gadgets_table_inactive .gadgets_head_minimize {background-image: url(gadget/inactive_headMinimize.png);}
.gadgets_table_inactive .gadgets_head_minimize:hover {background-image: url(gadget/inactive_headMinimizeHover.png);}
.gadgets_table_inactive .gadgets_head_pullup {background-image: url(gadget/inactive_headPullup.png);}
.gadgets_table_inactive .gadgets_head_pullup:hover {background-image: url(gadget/inactive_headPullupHover.png);}
.gadgets_table_inactive .gadgets_head_pulldown {background-image: url(gadget/inactive_headPulldown.png);}
.gadgets_table_inactive .gadgets_head_pulldown:hover {background-image: url(gadget/inactive_headPulldownHover.png);}
.gadgets_table_inactive .gadgets_head_maximize {background-image: url(gadget/inactive_headMaximize.png);}
.gadgets_table_inactive .gadgets_head_maximize:hover {background-image: url(gadget/inactive_headMaximizeHover.png);}
.gadgets_table_inactive .gadgets_head_restore {background-image: url(gadget/inactive_headRestore.png);}
.gadgets_table_inactive .gadgets_head_restore:hover {background-image: url(gadget/inactive_headRestoreHover.png);}
.gadgets_table_inactive .gadgets_head_close {background-image: url(gadget/inactive_headClose.png);}
.gadgets_table_inactive .gadgets_head_close:hover {background-image: url(gadget/inactive_headCloseHover.png);}
.gadgets_table_inactive .gadgets_head_left {background-image: url(gadget/inactive_headLeft.png);}
.gadgets_table_inactive .gadgets_head_left:hover {background-image: url(gadget/inactive_headLeftHover.png);}
.gadgets_table_inactive .gadgets_head_right {background-image: url(gadget/inactive_headRight.png);}
.gadgets_table_inactive .gadgets_head_right:hover {background-image: url(gadget/inactive_headRightHover.png);}
.gadgets_table_inactive .gadgets_head_icon_loading {background-image: url(gadget/indicator_inactive.gif) !important;}


/* GADGET DRAG BOX */
#gadgets_drag_box {
	background-color: #8bb7f0;
	border:1px solid #6593cf;
}



.gadget_loadingContainer {
    position: absolute;
    top: 37px;
    opacity: 0.9;
    text-align: center;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    top: 40%;
  }
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #73bcdf;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }



/* CONTEXT MENU BODY */
.contextmenu_body {
	font-size: 12px;
	padding:4px;
}

/* ELEMENT */
.contextmenu_element {
	border:1px solid transparent;
	height: 20px;
	line-height: 20px;
	color:#487bbd;
	white-space: nowrap;
}
.contextmenu_element:hover {
	background-image:url("contextmenu/hover.png");
	border:1px solid #6593cf;
	color:#1f5091;
	cursor: default;
}

.contextmenu_elementDisabled {
	border:1px solid transparent;
	height: 20px;
	line-height: 20px;
	color:#adc5e6;
	white-space: nowrap;
	cursor: default;	
}

.contextmenu_info {
	color:#487bbd;
}

.contextmenu_seperator {
	background-image:url("contextmenu/seperator.png");
	height:13px;
}

.contextmenu_seperator_small {
	height:5px;
}


.tooltip_box {
	border: 1px solid black;
	-webkit-border-radius: 8px; /* round corners */
	background-color: white;
}

.tooltip_compact_box {
	border: 1px solid black;
	-webkit-border-radius: 3px; /* round corners */
	background-color: white;
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(228,229,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(228,229,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
}

.tooltip_content {
	padding: 10px;
	float: left;
	overflow: hidden;
}

.tooltip_compact_content {
	padding: 3px 5px 3px 5px;
	float: left;
	overflow: hidden;
}

.tooltip_arrow_left {
	background-image: url(tooltip/arrow_right.png);
	width: 11px;
	height: 21px;
}

.tooltip_arrow_top {
	background-image: url(tooltip/arrow_bottom.png);
	width: 21px;
	height: 11px;
}

.tooltip_arrow_right {
	background-image: url(tooltip/arrow_left.png);
	width: 11px;
	height: 21px;
}

.tooltip_arrow_bottom {
	background-image: url(tooltip/arrow_top.png);
	width: 21px;
	height: 11px;
}


#msgbox_cover {
	background-color: black;
	width: 100%;
	height: 100%;
}

.msgbox_title_normal {
	height: 55px;
	background-color: #d8e8fc;
}
.msgbox_title_normal div {
	padding-left:16px;
	padding-top: 24px;
	color: #2d63a7;
	font-weight: bold;
	font-size:36px;
	line-height: 36px;
	white-space: nowrap;
}

.msgbox_title_alarm {
	height: 55px;
	background-color: #ba0c0c;
}
.msgbox_title_alarm div {
	padding-left:16px;
	padding-top: 24px;
	color: #ffffff;
	font-weight: bold;
	font-size:36px;
	line-height: 36px;
	white-space: nowrap;
}

.msgbox_text {
	padding-top: 34px;
	padding-left: 27px;
	padding-right: 27px;
	padding-bottom: 30px;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
	overflow-y: auto;
	max-height: 500px;
}

.msgbox_text input[type=text] {
	border: 1px solid #969696;
	font: 12px Arial;
	padding:3px;
	width:80%;
}

.msgbox_buttonarea {
	padding-bottom: 15px;
	padding-right: 25px;
}

.msgbox_button {
	margin-left: 10px;
	margin-right: 10px;
	height: 48px;
	display: inline-table;
}
.msgbox_button:hover {
	cursor:pointer;
}

.msgbox_button_blue_left {
	background-image: url("msgbox/button_blue_left.png");
	width: 20px;
	height: 48px;
}
.msgbox_button_blue_middle {
	background-image: url("msgbox/button_blue_bg.png");
	line-height: 48px;
	font-weight: bold;
	font-size: 14px;
	height: 48px;
}
.msgbox_button_blue_right {
	background-image: url("msgbox/button_blue_right.png");
	width: 20px;
	height: 48px;
}

.msgbox_button_red_left {
	background-image: url("msgbox/button_red_left.png");
	width: 20px;
	height: 48px;
}
.msgbox_button_red_middle {
	background-image: url("msgbox/button_red_bg.png");
	line-height: 48px;
	font-weight: bold;
	font-size: 14px;
	height: 48px;
}
.msgbox_button_red_right {
	background-image: url("msgbox/button_red_right.png");
	width: 20px;
	height: 48px;
}


.msgbox_button_green_left {
	background-image: url("msgbox/button_green_left.png");
	width: 20px;
	height: 48px;
}
.msgbox_button_green_middle {
	background-image: url("msgbox/button_green_bg.png");
	line-height: 48px;
	font-weight: bold;
	font-size: 14px;
	height: 48px;
}
.msgbox_button_green_right {
	background-image: url("msgbox/button_green_right.png");
	width: 20px;
	height: 48px;
}


.xInputCoordinate {
	height: 35px;
	display: block;
	position: relative;
}

.xInputCoordinateGroup {
	float: left;
	position: absolute;
}

.xInputCoordinateGroup span {
	font-size: 10px;
	line-height: 10px;
	display: block;
	height: 11px;
	overflow: hidden;
	color: #718bb7;
}

.xInputCoordinateLatitude {
	float: left;
}

.xInputCoordinateLongitude {
	float: left;
	padding-left: 3px;
}

.xInputCoordinate label {
	float: left;
	cursor: pointer;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	padding-top: 13px;
}

.xInputCoordinate input {
	font-family: Arial, Tahoma;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px;
	border: 1px solid #718bb7;
}

.xInputCoordinate input:hover {
	border-color: black;
}






*+html table {
	border-collapse: collapse;
}


.xGuiIntegration {
	overflow: hidden;
	/*font-family: Tahoma, Arial;*/
	font-size: 11px;
}

div {
	/* Since Firefox 48 selecting text is disabled by default, enable it */
	-user-select: text;
	-moz-user-select: text;
	-webkit-user-select: text;
}

div {
	/* Since Firefox 48 selecting text is disabled by default, enable it */
	-user-select: text;
	-moz-user-select: text;
	-webkit-user-select: text;
}



.xContainer_none {
	overflow: auto;
}

.xContainer_shade {
	overflow: auto;
	background-color: #dfe8f6;
}

.xContainer_content {
	border: 1px solid #99bbe8;
	padding:4px;
	overflow: auto;
	background-color: #ffffff;
}

.xContainer_softcontent {
	border: 1px solid #99bbe8;
	padding:4px;
	overflow: auto;
	background-color: #e5edf7;
}

.xContainer_border {
	border: 1px solid #99bbe8;
	overflow: auto;
}

.xContainer_borderwhite {
	border: 1px solid #99bbe8;
	overflow: auto;
	background-color: white;
}

.xContainer_toolbar {
	border: 1px solid #718BB7;
	overflow: auto;
	background-color: #BCD4F6;
}

.xContainer_paddingborder {
	border: 1px solid #99bbe8;
	padding:4px;
	overflow: auto;
}

.xContainer_padding {
	padding:4px;
	overflow: auto;
}
.xContainer_paddingwhite {
	padding:4px;
	overflow: auto;
	background-color: #ffffff;
}
.xContainer_paddingshade {
	padding:4px;
	overflow: auto;
	background-color: #dfe8f6;
}
.xContainer_headline {
	padding:4px;
	overflow: auto;
	background-color: #99bbe8;
}



.xFlexContainer {
	position: relative;
	left: 0px;
	top: 0px;
	overflow: auto;
}

.xFlexContainer_child {
	position: absolute;
	overflow: auto;
}


.xSplit {
	overflow:hidden;
}

.xSplit_sides {
	
}

.xSplit_separator_none {
	display: none;
}

.xSplit_separator_simple {
	float: left;
	overflow: hidden;
}

.xSplit_separator_line {
	float: left;
	background-color: #99bbe8;
	overflow: hidden;
}

.xSplit_separator_resize {
	float: left;
	overflow: hidden;
	-user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
}



.xDragIndicator {
	position:absolute;
	background-color: black;
	z-index:10999;
	opacity: 0.5;
}
.xDragIndicator_hidden {
	display:none;
}

.xDrag_cover {
	position:absolute;
	top:0px;
	left:0px;
	z-index: 11000;
	display:none;
	-user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
}
.xDrag_cover:hover {
	cursor: default;
}



.xCaption_border, .xCaption_noborder, .xCaption_disabled_vertical, .xCaption_disabled_horizontal {
	border: 1px solid #99bbe8;
	line-height: 16px;
	overflow:hidden;
	white-space: nowrap;
	padding: 5px 3px 3px 5px;
}

.xCaption_border {
	background-image: url(../../xgui/blue/caption.png);
	margin-bottom:0px;
}

.xCaption_noborder {
	background-image: url(../../xgui/blue/caption.png);
	border-bottom:0px;
}

.xCaption_hightlight:hover {
	background-image: url(../../xgui/blue/caption_hover.png);
}

.xCaption_disabled_vertical {
	background-color: #d2e0f2;
	padding:0px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 4px;
}
.xCaption_disabled_vertical[working="true"]:hover {
	background-color: #d9e8fb;
	cursor:pointer;
}
.xCaption_disabled_horizontal {
	background-color: #d2e0f2;
}
.xCaption_disabled_horizontal[working="true"]:hover {
	background-color: #d9e8fb;
	cursor:pointer;
}

.xCaption_text {
	color: #15428b;
	font-weight:bold;
	-moz-user-select: none;
}

.xCaption_button_hidden {
	display: none;
}

.xCaption_button_top, .xCaption_button_bottom, .xCaption_button_left, .xCaption_button_right  {
	float: right;
	width: 16px;
	height: 16px;
}

.xCaption_button_top 			{ background-image: url(../../xgui/blue/caption_top.png);}
*[working="true"] .xCaption_button_top:hover 		{ background-image: url(../../xgui/blue/caption_top_hover.png); cursor:pointer;}
.xCaption_button_bottom	 		{ background-image: url(../../xgui/blue/caption_bottom.png);}
*[working="true"] .xCaption_button_bottom:hover 	{ background-image: url(../../xgui/blue/caption_bottom_hover.png); cursor:pointer;}
.xCaption_button_left 			{ background-image: url(../../xgui/blue/caption_left.png);}
*[working="true"] .xCaption_button_left:hover 	{ background-image: url(../../xgui/blue/caption_left_hover.png); cursor:pointer;}
.xCaption_button_right 			{ background-image: url(../../xgui/blue/caption_right.png);}
*[working="true"] .xCaption_button_right:hover 	{ background-image: url(../../xgui/blue/caption_right_hover.png); cursor:pointer;}




.xTabbar {
	background-image: url(../../xgui/blue/tabbar.png);
	background-repeat: repeat-x;
	border-left: 1px solid #99bbe8;
	border-right: 1px solid #99bbe8;
	height:24px;
	overflow: hidden;
}

.xTabbar_tabs {
	overflow: hidden;
	height: 24px;
}

.xTabbar_containers {
	padding: 2px;
	padding-top: 4px;
	border: 1px solid #99bbe8;
	border-top: 0px;
}

.xTabbar_button_left, .xTabbar_button_left_disabled {
	float: left;
	width: 18px;
	height: 24px;
}
.xTabbar_button_left {background-image: url(../../xgui/blue/tabbar_button_left.png);}
.xTabbar_button_left:hover { background-image: url(../../xgui/blue/tabbar_button_left_hover.png); cursor: pointer;}
.xTabbar_button_left_disabled {background-image: url(../../xgui/blue/tabbar_button_left_disabled.png);}

.xTabbar_button_right, .xTabbar_button_right_disabled {
	float: right;
	width: 18px;
	height: 24px;
}
.xTabbar_button_right {background-image: url(../../xgui/blue/tabbar_button_right.png);}
.xTabbar_button_right:hover { background-image: url(../../xgui/blue/tabbar_button_right_hover.png); cursor: pointer;}
.xTabbar_button_right_disabled {background-image: url(../../xgui/blue/tabbar_button_right_disabled.png);}



.xTab_active, .xTab_inactive {
	float:left;
	background-repeat: no-repeat;
	height: 24px;
	padding-left: 6px;
}
.xTab_active:hover, .xTab_inactive:hover {
	cursor: pointer;
}

.xTab_right {
	padding-right: 4px;
	background-repeat: no-repeat;
	background-position: right;
	height: 24px;
}

.xTab_mid {
	background-repeat: repeat-x;
	padding-right: 2px;
	height: 24px;
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 14px;
}

.xTab_text {
	white-space: nowrap;
	color: #15428b;
	font-weight: bold;
}

.xTab_active {background-image: url(../../xgui/blue/tab_active_left.png);}
.xTab_active .xTab_right { background-image: url(../../xgui/blue/tab_active_right.png);}
.xTab_active .xTab_mid { background-image: url(../../xgui/blue/tab_active_mid.png);}
.xTab_inactive {background-image: url(../../xgui/blue/tab_inactive_left.png);}
.xTab_inactive .xTab_right { background-image: url(../../xgui/blue/tab_inactive_right.png);}
.xTab_inactive .xTab_mid { background-image: url(../../xgui/blue/tab_inactive_mid.png);}



.xToolbar {
	background-image: url(../../xgui/blue/toolbar.png);
	border-bottom: 1px solid #99bbe8;
	/*min-height: 25px;*/
	overflow: hidden;
}
.xInlineToolbar .xToolbar {
	background-image: none !important;
	border-bottom: 1px solid transparent;
}

.xToolbar_element {
	float:left;
	height: 25px;
	padding-left: 2px;
	padding-right: 2px;
}

.xToolbar_element_floatRight {
	float:right;
	height: 25px;
	padding-left: 2px;
	padding-right: 2px;
}


	
	.xButton_toolbar, .xButton_toolbar_disabled, .xButton_toolbar_active {
		height: 25px;
		background-repeat: no-repeat;
		background-position: left;
		overflow:hidden;
	}
	.xButton_toolbar, .xButton_toolbar_active {cursor:pointer}
	.xButton_toolbar:hover {cursor:pointer;}
	.xButton_toolbar:active {padding-top:1px;}

	.xButton_toolbar .xButton_left, .xButton_toolbar_disabled .xButton_left, .xButton_toolbar_active .xButton_left {
		padding-left: 2px;
		height: 25px;
		background-repeat: no-repeat;
		background-position: left;
	}

	.xButton_toolbar .xButton_right, .xButton_toolbar_disabled .xButton_right, .xButton_toolbar_active .xButton_right {
		padding-right: 2px;
		height: 25px;
		background-repeat: no-repeat;
		background-position: right;
	}

	.xButton_toolbar .xButton_mid, .xButton_mid, .xButton_toolbar_active .xButton_mid {
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 1px;
		height: 25px;
		overflow:hidden;
	}

	.xButton_toolbar:hover .xButton_left,	.xInlineToolbar .xButton_toolbar .xButton_left {background-image: url(../../xgui/blue/button_toolbar_left.png);}
	.xButton_toolbar:hover .xButton_right,	.xInlineToolbar .xButton_toolbar .xButton_right {background-image: url(../../xgui/blue/button_toolbar_right.png);}
	.xButton_toolbar:hover .xButton_mid,		.xInlineToolbar .xButton_toolbar .xButton_mid {background-image: url(../../xgui/blue/button_toolbar_mid.png);}

	.xButton_toolbar_active .xButton_left {background-image: url(../../xgui/blue/button_toolbar_active_left.png);}
	.xButton_toolbar_active .xButton_right {background-image: url(../../xgui/blue/button_toolbar_active_right.png);}
	.xButton_toolbar_active .xButton_mid {background-image: url(../../xgui/blue/button_toolbar_active_mid.png);}

	.xButton_toolbar .xButton_icon, .xButton_toolbar_disabled .xButton_icon, .xButton_toolbar_active .xButton_icon {
		padding-left: 18px;
		height: 25px;
		background-repeat: no-repeat;
		background-position: 1px 3px;
	}
	.xButton_toolbar .xButton_icontext, .xButton_toolbar_disabled .xButton_icontext, .xButton_toolbar_active .xButton_icontext {
		padding-left: 23px;
		height: 25px;
		background-repeat: no-repeat;
		background-position: 1px 3px;
	}
	.xButton_toolbar .xButton_noicon, .xButton_toolbar_disabled .xButton_noicon, .xButton_toolbar_active .xButton_noicon {
		background-repeat: no-repeat;
		background-position: -999px;
	}

	.xButton_toolbar .xButton_text, .xButton_toolbar_disabled .xButton_text, .xButton_toolbar_active .xButton_text {
		padding-top: 5px;
		padding-right: 3px;
		height: 25px;
		white-space: nowrap;
	}
	.xButton_toolbar_active .xButton_text {
		color: white;
	}

	.xButton_toolbar .xButton_menuarrow, .xButton_toolbar_disabled .xButton_menuarrow, .xButton_toolbar_active .xButton_menuarrow {
		padding-right: 16px;
		height: 25px;
		background-image: url(../../xgui/blue/menuarrow.png);
		background-repeat: no-repeat;
		background-position: right 10px;
	}

	.xButton_toolbar_disabled {
		padding-left: 0;
		padding-right: 0;
		padding-top: 1px;
		height: 25px;
		overflow: hidden;
		cursor: default;
	}








	
	.xButton_buttonbar, .xButton_buttonbar_disabled, .xButton_buttonbar_active {
		height: 22px;
		background-repeat: no-repeat;
		background-position: left;
		overflow:hidden;
	}
	.xButton_buttonbar[enabled="true"], .xButton_buttonbar_active[enabled="true"] {cursor:pointer}
	.xButton_buttonbar[enabled="true"]:hover {cursor:pointer;}
	.xButton_buttonbar[enabled="false"]:hover {cursor:default !important;}
	.xButton_buttonbar[enabled="true"]:active {padding-top:1px;}

	.xButton_buttonbar .xButton_left, .xButton_buttonbar_disabled .xButton_left, .xButton_buttonbar_active .xButton_left {
		padding-left: 7px;
		height: 22px;
		background-repeat: no-repeat;
		background-position: left;
	}

	.xButton_buttonbar .xButton_right, .xButton_buttonbar_disabled .xButton_right, .xButton_buttonbar_active .xButton_right {
		padding-right: 7px;
		height: 22px;
		background-repeat: no-repeat;
		background-position: right;
	}

	.xButton_buttonbar .xButton_mid, .xButton_buttonbar_disabled .xButton_mid, .xButton_buttonbar_active .xButton_mid {
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 1px;
		height: 21px;
		overflow:hidden;
	}

	.xButton_buttonbar .xButton_left {background-image: url(../../xgui/blue/button_buttonbar_left.png);}
	.xButton_buttonbar .xButton_right {background-image: url(../../xgui/blue/button_buttonbar_right.png);}
	.xButton_buttonbar .xButton_mid {background-image: url(../../xgui/blue/button_buttonbar_mid.png);}

	/*.xButton_buttonbar_active .xButton_left {background-image: url(../../xgui/blue/button_buttonbar_active_left.png);}
	.xButton_buttonbar_active .xButton_right {background-image: url(../../xgui/blue/button_buttonbar_active_right.png);}
	.xButton_buttonbar_active .xButton_mid {background-image: url(../../xgui/blue/button_buttonbar_active_mid.png);}*/

	.xButton_buttonbar .xButton_icon, .xButton_buttonbar_disabled .xButton_icon, .xButton_buttonbar_active .xButton_icon {
		padding-left: 18px;
		height: 25px;
		background-repeat: no-repeat;
		background-position: 1px 3px;
	}
	.xCaption_border .xButton_icon, .xCaption_disabled_vertical .xButton_text,.xCaption_disabled_horizontal .xButton_text {
		display: none;
	}

	.xCaption_disabled_vertical .xButton,
	.xCaption_disabled_horizontal .xButton {
		display: block;
		float: left;
		position: relative;
	}
	.xCaption_disabled_vertical .xButton_icon,
	.xCaption_disabled_horizontal .xButton_icon {
		height: 25px;
		width: 25px;
		background-repeat: no-repeat;
		background-position: 1px 3px;
		margin: 2px;
	}

	.xButton_buttonbar .xButton_icontext, .xButton_buttonbar_disabled .xButton_icontext, .xButton_buttonbar_active .xButton_icontext {
		padding-left: 23px;
		height: 22px;
		background-repeat: no-repeat;
		background-position: 1px 3px;
	}
	.xButton_buttonbar .xButton_noicon, .xButton_buttonbar_disabled .xButton_noicon, .xButton_buttonbar_active .xButton_noicon {
		background-repeat: no-repeat;
		background-position: -999px;
	}

	.xButton_buttonbar .xButton_text, .xButton_buttonbar_disabled .xButton_text, .xButton_buttonbar_active .xButton_text {
		padding-top: 3px;
		padding-right: 3px;
		height: 22px;
		white-space: nowrap;
	}
	.xButton_buttonbar_active .xButton_text {
		color: white;
	}

	.xButton_buttonbar .xButton_menuarrow, .xButton_buttonbar_disabled .xButton_menuarrow, .xButton_buttonbar_active .xButton_menuarrow {
		padding-right: 16px;
		height: 22px;
		background-image: url(../../xgui/blue/menuarrow.png);
		background-repeat: no-repeat;
		background-position: right 10px;
	}










	
	.xButton_menu, .xButton_menu_disabled, .xButton_menu_active {
		height: 24px;
		overflow:hidden;
	}
	.xButton_menu, .xButton_menu_active {cursor:pointer}
	.xButton_menu:active {padding-top:1px;}


	.xButton_menu .xButton_left, .xButton_menu_disabled .xButton_left, .xButton_menu_active .xButton_left {
		padding-left: 3px;
		height: 24px;
		background-repeat: no-repeat;
		background-position: left;
	}

	.xButton_menu .xButton_right, .xButton_menu_disabled .xButton_right, .xButton_menu_active .xButton_right {
		padding-right: 3px;
		height: 24px;
		background-repeat: no-repeat;
		background-position: right;
	}

	.xButton_menu .xButton_mid, .xButton_menu_disabled .xButton_mid, .xButton_menu_active .xButton_mid {
		height: 24px;
		overflow:hidden;
		cursor: pointer;
	}

	.xButton_menu:hover .xButton_left, .xButton_menu_active .xButton_left 		{background-image: url(../../xgui/blue/button_menu_left.png);}
	.xButton_menu:hover .xButton_right, .xButton_menu_active .xButton_right 	{background-image: url(../../xgui/blue/button_menu_right.png);}
	.xButton_menu:hover .xButton_mid, .xButton_menu_active .xButton_mid 		{background-image: url(../../xgui/blue/button_menu_mid.png);}

	.xButton_menu .xButton_icon, .xButton_menu_disabled .xButton_icon, .xButton_menu_active .xButton_icon {
		padding-left: 38px;
		height: 24px;
		background-repeat: no-repeat;
		background-position: 2px 4px;
	}
	.xButton_menu .xButton_icontext, .xButton_menu_disabled .xButton_icontext, .xButton_menu_active .xButton_icontext {
		padding-left: 38px;
		height: 24px;
		background-repeat: no-repeat;
		background-position: 4px 4px;
	}
	.xButton_menu .xButton_noicon, .xButton_menu_disabled .xButton_noicon, .xButton_menu_active .xButton_noicon {
		padding-left: 38px;
		height: 24px;
		background-repeat: no-repeat;
		background-position: -999px;
	}

	.xButton_menu .xButton_text, .xButton_menu_disabled .xButton_text, .xButton_menu_active .xButton_text {
		padding-top: 5px;
		padding-right: 3px;
		height: 24px;
		white-space: nowrap;
		text-align: left;
	}

	.xButton_menu .xButton_menuarrow, .xButton_menu_disabled .xButton_menuarrow, .xButton_menu_active .xButton_menuarrow {
		padding-right: 18px;
		height: 24px;
		background-image: url(../../xgui/blue/menuarrow_right.png);
		background-repeat: no-repeat;
		background-position: right 7px;
	}
	.xButton_menu .xButton_nomenuarrow, .xButton_menu_disabled .xButton_nomenuarrow, .xButton_menu_active .xButton_nomenuarrow {
		padding-right: 18px;
		height: 22px;
	}





.xSeparator_toolbar {
	background-image: url(../../xgui/blue/separator_toolbar.png);
	width: 2px;
	height: 25px;
}

.xSeparator_menu {
	background-image: url(../../xgui/blue/separator_menu.png);
	background-repeat: repeat-x;
	background-position: 0px 3px;
	height: 6px;
}

.xSeparator_container {
	height: 5px;
	border-bottom:1px solid #99bbe8;
	margin-bottom: 6px;
}




.xMenu {
	position: absolute;
	font-size: 11px;
	font-family: Tahoma, Arial;
}

.xMenu_content {
	border: 1px solid #718bb7;
	padding: 3px;
	background-image: url(../../xgui/blue/menu_content.png);
}

.xMenu_shade_right {
	padding-right: 4px;
	background-image: url(../../xgui/blue/menu_shade_right.png);
	background-position: top right;
	background-repeat: repeat-y;
}
.xMenu_shade_bottom {
	background-image: url(../../xgui/blue/menu_shade_bottom.png);
	height: 6px;
}
.xMenu_shade_bottomright {
	background-image: url(../../xgui/blue/menu_shade_bottomright.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 4px;
	height: 6px;
}

.xMenu_element {
	height: 24px;
	overflow:hidden;
}


*:focus {
    outline: none;
}



.xInputText {
	position: relative;
	height: 30px;
}

.xInputText_label {
	position: absolute;
	display: block;
	cursor: pointer;
	font-size: 12px;
	padding-top: 3px;
	overflow: hidden;
	
	
}

.xInput_plainText{
	position: absolute;
	display: block;
	cursor: pointer;
	font-size: 12px;
	padding-top: 3px;
	overflow: hidden;
	white-space: nowrap;
}

.xInputText_label_disabled {
	position: absolute;
	display: block;
	font-size: 12px;
	padding-top: 3px;
	white-space: nowrap;
	color: #777;
}

.xInputText_text {
	position: absolute;
	font-family: Arial, Tahoma;
	font-size: 11px;
	line-height: 18px;
	font-size: 12px;
}

.xInputText_input {
	position: absolute;
	font-family: Arial, Tahoma;
	font-size: 11px;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 2px;
	height: 17px;
	line-height: 18px;
	vertical-align: middle;
	background-color: white;
	display: block;
	border: 1px solid #718bb7;
	-webkit-border-radius: 2px;
	resize: none;
}

.xInputText_inputcustom {
	font-family: Arial, Tahoma;
	font-size: 11px;
	padding-top: 2px;
	padding-left: 2px;
	height: 17px;
	line-height: 18px;
	vertical-align: middle;
	background-color: white;
	border: 1px solid #718bb7;
	-webkit-border-radius: 2px;
}

.xInputText_progress {
	position: absolute;
	font-family: Arial, Tahoma;
	font-size: 11px;
	height: 20px;
	padding: 1px;
	padding-right: 0;
	line-height: 18px;
	vertical-align: middle;
	background-color: white;
	display: block;
	border: 1px solid #718bb7;
	-webkit-border-radius: 2px;
}

.xInputText_progressInner {
	height: 20px;
	width:0px;
	background-image: url(../../xgui/blue/progressbar.png);
	color: white;
	overflow: hidden;
	white-space: nowrap;
	text-align: right;
}

.xInputText_progressText {
	position: absolute;
	width:100%;
	top: 2px;
	-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	text-align: center;
}

.xInputText_input_error {
	position: absolute;
	font-family: Arial, Tahoma;
	font-size: 11px;
	padding-top: 2px;
	padding-left: 2px;
	height: 17px;
	line-height: 18px;
	vertical-align: middle;
	background-color: white;
	display: block;
	border: 1px solid red;
	-webkit-border-radius: 2px;
	background-image: url(../../xgui/inputtext_error.png);
	background-repeat: repeat-x;
	background-position: 3px bottom;
}
.xDate label.error input {
	background-color: white;
	border: 1px solid red;
	border-width: 1px 0;
	background-image: url(../../xgui/inputtext_error.png);
	background-repeat: repeat-x;
	background-position: 3px bottom;
}

.xDate.disabled label span,
.xDate.disabled label input,
.xDate label.disabled span,
.xDate label.disabled input {
	color: #777 !important;
	text-shadow: white 1px 1px 0;
	cursor: default;
}

.xInputText_validationValid,
.xDate_validationValid{
	display: none;
}
.xDate.error .xDate_button_date {
  width: 0px;
}
.xInputText_validationInvalid,
.xDate_validationInvalid  {
	position: absolute;
	width: 16px;
	height: 16px;
	// This delete image is kinda annoying and not required
	//background-image: url(invalid.png);
}

.xInputText_button_date {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../../xgui/blue/input_text_date.png);
	cursor:pointer;
}
.xInputText_button_date:hover {background-image: url(../../xgui/blue/input_text_dateHover.png);}
.xInputText_button_date:active {background-position: 0px 1px; background-repeat: no-repeat; background-color: #718bb7;}

.xInputText_button_date_error {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../../xgui/blue/input_text_date_error.png);
	cursor:pointer;
}
.xInputText_button_date_error:hover {background-image: url(../../xgui/blue/input_text_date_errorHover.png);}
.xInputText_button_date_error:active {background-position: 0px 1px; background-repeat: no-repeat; background-color: red;}

.xInputText_button_date_disabled {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../../xgui/blue/input_text_dateDisabled.png);
}

.xInputText_button_container {
	position: absolute;
	width: 20px;
	height: 20px;
}
.xInputText_button_increment,
.xInputText_button_decrement {
	width: 20px;
	height: 10px;
	cursor:pointer;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../../xgui/blue/input_text_number.png);
}
.xInputText_button_decrement {	background-position: 0 -10px;}
.xInputText_button_increment {	background-position: 0 0;
}
.xInputText_button_increment:hover {background-image: url(../../xgui/blue/input_text_numberHover.png);}
.xInputText_button_increment:active {background-position: 0px 1px; background-repeat: no-repeat; background-color: #718bb7;}

.xInputText_button_decrement:hover {background-image: url(../../xgui/blue/input_text_numberHover.png);}
.xInputText_button_decrement:active {background-position: 0px -9px; background-repeat: no-repeat; background-color: #718bb7;}

.xInputText_button_increment_disabled,
.xInputText_button_decrement_disabled {
	width: 20px;
	height: 10px;
	cursor:default;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../../xgui/blue/input_text_numberDisabled.png);
}
.xInputText_button_decrement_disabled {	background-position: 0 -10px;}
.xInputText_button_increment_disabled {	background-position: 0 0;}

.xInputText_button_increment_error,
.xInputText_button_decrement_error {
	background-image: url(../../xgui/blue/input_text_number_error.png);
}
.xInputText_button_increment_error:hover {background-image: url(../../xgui/blue/input_text_number_errorHover.png);}
.xInputText_button_decrement_error:active {background-position: 0px -9px; background-repeat: no-repeat; background-color: #718bb7;}



.xCheckbox {
	padding: 0px 5px 10px 5px;
}

.xCheckbox_labelContainer {
	padding: 3px;
}

.xCheckbox_label {
	display: inline;
	cursor: pointer;
	font-size: 12px;
	white-space: nowrap;

}

.xCheckbox_label_disabled {
	display: inline;
	font-size: 12px;
	padding: 3px;
	white-space: nowrap;
	color: #777;
}

.xCheckbox_elementContainer {
	float:left;
	width:30px;
	padding-left: 5px;
	padding-top: 1px;
}



.xInputCheckbox {
    font-size: 12px;
}

.xInputCheckbox_leftLabel {
    float: left;
    padding-top: 2px;
    top: 0px;
}


.xInputCheckbox_leftText {
    cursor: pointer;
    padding-right: 5px;
}

div[elementdisabled="true"] .xInputCheckbox_leftText {
    cursor: default;
}

.xInputCheckbox_right {
    float: left;
}


.xInputCheckbox_input {
    float: left;
    margin-left: 2px;
    margin-right: 6px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.xInputCheckbox_input:checked {
    background-color: white;
    box-shadow: inset 0px 0px 0px 2px #17253F;
}


.xInputCheckbox_rightText {
    display: block;
    cursor: pointer;
    padding-top: 2px;
    padding-left: 18px;
}



.xRadio {
	padding-bottom: 11px;
}

.xRadio_labelContainer {
	padding: 3px;
}

.xRadio_label {
	display: inline;
	cursor: pointer;
	font-size: 12px;
	white-space: nowrap;

}

.xRadio_label_disabled {
	display: inline;
	color: #777;
	font-size: 12px;
	white-space: nowrap;
}

.xRadio_elementContainer {
	float: left;
	width: 30px;
	padding-left: 5px;
	padding-top: 1px;
}



.xSelectPosition {
	padding: 0px 5px 10px 0px;
	position: relative;
}

.xSelectPosition_labelContainer {
	padding: 3px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.xSelectPosition_label {
	display: inline;
	cursor: pointer;
	font-size: 12px;
	white-space: nowrap;

}

.xSelectPosition_label_disabled {
	display: inline;
	font-size: 12px;
	padding: 3px;
	white-space: nowrap;
	color: #777;
}

.xSelectPosition_elementContainer {
	float: left;
	width: 66px;
	border: none;
	margin: 0 auto;
	font-size: 12px;
	position: absolute;
}

.xSelectPosition_row {
	float: left;
	width: 100%;
}

.xSelectPosition_cell {
	float:left;
	border: none;
	display: inline-cell;
}

.xSelectPosition_center {
	float: left;
	width: 22px;
	height: 22px;
	border: solid black 2px;
	background: #FFFF99;
	padding: 4px 1px 0px 0px;
	display: inline-cell;
}




.xButtonbar {
	background-color: #d2e0f2;
	border-top: 1px solid #99bbe8;
	min-height: 25px;
	overflow: hidden;
}

.xButtonbar_element {
	float:left;
	height: 25px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top:6px;
	padding-bottom: 3px;
}



.xLabel {
	padding:10px;
	padding-top: 6px;
}

.xLabelText {
	line-height:20px;
	font-size: 12px;
}






.xDate {
  /*outline: 1px dotted #e00;*/
  position: relative;
  margin-right:1px;
}

.xDate_label {
	position: absolute;
	display: block;
	cursor: pointer;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
}

.xDate_element {
  width: 250px;
  position: absolute;
  height: 34px;
}
.xDate_inputs label {
  display: block;
  float: left;
  position: static;
}
.xDate_inputs label span {
  font-size: 10px;
  line-height: 10px;
  display: block;
  height: 11px;
  overflow:hidden;
  color: #718bb7;
}
.xDate_inputs label.error span {
  color: red;
}
.xDate_element span.xDate_divider {
  display: block;
  position: static;
  float: left;
  font-size: 12px;
  width:10px;
  margin-top: 15px;
  height: 12px;
}
.xDate_element .xDate_inputs label.focus input,
.xDate_element .xDate_inputs label:hover input {
  color: #718bb7
}
.xDate_element .xDate_inputs label.focus .xDate_buttons,
.xDate_element .xDate_inputs label:hover .xDate_buttons {
  visibility: visible;
}
.xDate.disabled .xDate_inputs label.focus .xDate_buttons,
.xDate.disabled .xDate_inputs label:hover .xDate_buttons,
.xDate.is-null .xDate_inputs label.focus .xDate_buttons,
.xDate.is-null .xDate_inputs label:hover .xDate_buttons,
.xDate .xDate_inputs label.disabled.focus .xDate_buttons,
.xDate .xDate_inputs label.disabled:hover .xDate_buttons {
  visibility: hidden;
}
.xDate_element .xDate_buttons {
  display: block;
  width: 9px;
  height: 19px;
  margin-top: 2px;
  float: left;
  visibility: hidden;
}
.xDate_element .xDate_buttons .xDate_buttons_minus,
.xDate_element .xDate_buttons .xDate_buttons_plus{
  display: block;
  width: 9px;
  height: 9px;
  cursor: pointer;
  background: transparent url(../../xgui/blue/plusminus_buttons_small.gif) 0 0 no-repeat;
}
.xDate_element .xDate_buttons .xDate_buttons_minus {
  margin-top: 1px;
}
.xDate_element .xDate_buttons .xDate_buttons_plus {  background-position: 0 0; }
.xDate_element .xDate_buttons .xDate_buttons_minus {  background-position: 0 -9px; }
.xDate_element .xDate_buttons .xDate_buttons_plus:hover {  background-position: -9px 0; }
.xDate_element .xDate_buttons .xDate_buttons_minus:hover {  background-position: -9px -9px; }
.xDate_element .xDate_buttons .xDate_buttons_plus.disabled {  background-position: -18px 0; }
.xDate_element .xDate_buttons .xDate_buttons_minus.disabled {  background-position: -18px -9px; }
.xDate_element .xDate_buttons .xDate_buttons_plus.disabled:hover {  background-position: -18px 0; }
.xDate_element .xDate_buttons .xDate_buttons_minus.disabled:hover {  background-position: -18px -9px; }

.xDate_element div.xDate_inputs  {
	background: transparent url(../../xgui/blue/input_date_background.png) 0 11px no-repeat;
	height: 34px;
	text-align: left;
	padding-left: 10px;
	margin-right: 2px;
}

.xDate_element input {
	display: block;
	width: 17px;
	border: 0;
	margin: 0 auto;
	position: static;
	height: 17px;
	padding: 2px 2px 2px 0;
	border-top: 1px solid #718bb7;
	border-bottom: 1px solid #718bb7;
	text-align: right;
	float: left;
	font-family: Arial, Tahoma;
	font-size: 11px;
	line-height: 18px;
	vertical-align: middle;
	background-color: white;
}

.xDate_element .xDateTime input {
	color: #003399;
}

.xDate_element .xDate_year input,
.xDate_element .xDate_month_named_short input,
.xDate_element .xDate_day_named_short input,
.xDate_element .xDate_millisecond input {
	width: 25px;
}

.xDate_element .xDate_week input,
.xDate_element .xDate_quarter input,
.xDate_element .xDate_month_named input {
	width: 60px;
	text-align: left;
}

.xDate_element .xDate_day_named_short input {
	width: 35px;
}

.xDate_element .xDate_day_named input {
	width: 75px;
}

.xDate_button_date {
	position: absolute;
	right: 2px;
	top: 11px;
	border: 1px solid #718bb7;
	border-left: 0;
	width: 20px;
	height: 21px;
	background-image: url(../../xgui/blue/dateInput.png);
	cursor: pointer;
}

.xDate_button_date:hover {
	background-image: url(../../xgui/blue/dateInputHover.png);
}

.xDate_button_date:active {
	background-position: 0px 1px;
	background-repeat: no-repeat;
	background-color: #718bb7;
}

.xDate_button_date_error {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../../xgui/blue/dateInput_error.png);
	cursor: pointer;
}

.xDate_button_date_error:hover {
	background-image: url(../../xgui/blue/dateInputerrorHover.png);
}

.xDate_button_date_error:active {
	background-position: 0px 1px;
	background-repeat: no-repeat;
	background-color: red;
}

.xDate_button_date_disabled {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../../xgui/blue/dateInputDisabled.png);
}

/* hidden component labels: */
.hideComponentLabels .xDate_button_date {
	top: 0;
}
.hideComponentLabels .xDate_element span.xDate_divider {
	margin-top: 4px;
}
.hideComponentLabels .xDate_element {
	height: 23px;
}
.hideComponentLabels .xDate_element div.xDate_inputs {
	background-position: 0 0;
	height: 23px;
}
.hideComponentLabels label span {
 	display: none;
 }
.hideComponentLabels .xDate_label span {
	display: inline;
}



#xGui_xDateSelector, .xGui_xDateSelector {
	position: absolute;
	width: 210px;
	background-color:white;
	border: 1px solid #718bb7;
	z-index:9000;
}

#xGui_xDateSelector_month, .xGui_xDateSelector_month {
	height:20px;
	background-image: url(../../xgui/blue/date_top.png);
	color: white;
}

#xGui_xDateSelector_month_next, .xGui_xDateSelector_month_next {
	float: right;
	width: 20px;
	height:20px;
	background-image: url(../../xgui/blue/date_top_right.png);
	cursor: pointer;
}
#xGui_xDateSelector_month_next:hover, .xGui_xDateSelector_month_next:hover {
	background-image: url(../../xgui/blue/date_top_rightHover.png);
}

#xGui_xDateSelector_month_prev, .xGui_xDateSelector_month_prev {
	float: left;
	width: 20px;
	height:20px;
	background-image: url(../../xgui/blue/date_top_left.png);
	cursor: pointer;
}
#xGui_xDateSelector_month_prev:hover, .xGui_xDateSelector_month_prev:hover{
	background-image: url(../../xgui/blue/date_top_leftHover.png);
}

#xGui_xDateSelector_month_info, .xGui_xDateSelector_month_info {
	line-height:20px;
	text-shadow: black 1px 1px 2px;
	-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
}
#xGui_xDateSelector_month_info:hover, .xGui_xDateSelector_month_info:hover {
	text-decoration: underline;
}

#xGui_xDateSelector_calendar, .xGui_xDateSelector_calendar {
	text-shadow: #aaa 1px 1px 1px;
}

.xDateSelector_cell:hover {
	background-color: #e5edf7;
	cursor:pointer;
}

.xDateSelector_cell_outside {
	color: #aaaaaa !important;
}
.xDateSelector_cell_outside:hover {
	background-color: #e5edf7;
	cursor:pointer;
}

.xDateSelector_cell_selected {
	border:1px solid #718bb7;
	font-weight: bold;
	-webkit-border-radius: 10px;
	background-color: #e5edf7 !important;
}

.xDateSelector_cell_today {
	text-decoration: underline;
}

.xDateSelector_cell_weekday {
	background-image: url(../../xgui/blue/date_cal_top.png);
	color: #718bb7;
}

.xDateSelector_cell_week {
	border-right:1px solid #a3bad9;
	background-color: #e5edf7;
	color: #718bb7;
	font-size:9px;
}

.xDateSelector_cell_markred_inside {
	color: #cc0000 !important;
}

.xDateSelector_cell_markred_outside {
	color: #ddaaaa !important;
}

#xGui_xDateSelector_time {
	border-top: 1px solid #718bb7;
	height:30px;
	background-color: #e5edf7;
}

.xDateSelector_inputTime {
	font: 11px Arial;
	border: 1px solid #718bb7;
	padding:2px;
	width:20px;
	text-align:center;
}

#xGui_xDateSelector_advancedSelection {
	position: absolute;
	background-color: #ffffff;
	width:210px;
	text-align: center;
}

#xGui_xDateSelector_tableLeft {
	border-right: 1px solid #a3bad9;
}

.xDate_advSelBtnLeft {
	cursor:pointer;
	width: 15px;
	height: 15px;
	background-image: url(../../xgui/blue/date_advsel_left.png);
}
.xDate_advSelBtnLeft:hover {
	background-image: url(../../xgui/blue/date_advsel_leftHover.png);
}
.xDate_advSelBtnRight {
	cursor:pointer;
	width: 15px;
	height: 15px;
	background-image: url(../../xgui/blue/date_advsel_right.png);
}
.xDate_advSelBtnRight:hover {
	background-image: url(../../xgui/blue/date_advsel_rightHover.png);
}

.xDateSelector_advSel_cell {
	border: 1px solid transparent;
	-webkit-border-radius: 3px;
}

.xDateSelector_advSel_cell:hover {
	cursor: pointer;
	background-color: #e5edf7;
}

.xDateSelector_advSel_cell_selected {
	cursor: pointer;
	background-color: #e5edf7;
	border: 1px solid #718bb7 !important;
}

.xDateSelector_bottom {
	border-top: 1px solid #718bb7;
	background-image: url(../../xgui/blue/date_bottom.png);
}


.xDatePicker_table_head {
	width: 99%;
	border-collapse: collapse;
}

.xDatePicker_table_content {
	width: 99%;
	border-spacing: 7px;
}

.xDatePicker_td_img {
	text-align: center;
}

.xDatePicker_tr {
	height: 28px;
}

.xDatePicker_tr_head {
	height: 20px;
	border-bottom: 1pt solid #373737;
}

.xDatePicker_th {
	font-weight: 600;
	opacity: 0.8;
}

.xDatePicker_td {
	text-align: center;
	font-weight: bold;
	width: 14%;
	opacity: 0.6;
}

.xDatePicker_td:hover {
	text-align: center;
	font-weight: bold;
	background: #CCE7F6;
	border-radius: 70px;
	opacity: 0.6;
	cursor:pointer;
}

.xDatePicker_td_selected {
	text-align: center;
	font-weight: bold;
	width: 14%;
	background: #E5E5E5;
	border-radius: 50%;
}

.xDatePicker_td_selected:hover {
	text-align: center;
	font-weight: bold;
	width: 14%;
	background: #E5E5E5;
	border-radius: 50%;
	opacity: 0.6;
	cursor:pointer;
}

.xDatePicker_td_highlight {
	text-align: center;
	font-weight: bold;
	width: 14%;
	background: #CCE7F6;
	color: #0290DD;
	border-radius: 50%; 
}

.xDatePicker_td_highlight:hover {
	text-align: center;
	font-weight: bold;
	background: #CCE7F6;
	color: #0290DD;
	border-radius: 70px; 
	opacity: 0.6;
	cursor:pointer;
}

.xDatePicker_td_highlight_selected {
	text-align: center;
	font-weight: bold;
	width: 14%;
	background: #E5E5E5;
	color: #0290DD;
	border-radius: 50%; 
}

.xDatePicker_td_highlight_selected:hover {
	text-align: center;
	font-weight: bold;
	width: 14%;
	background: #E5E5E5;
	color: #0290DD;
	border-radius: 50%; 
	opacity: 0.6;
	cursor:pointer;
}

.xDatePicker_td_inactive {
	text-align: center;
	width: 14%;
	font-weight: bold;
	opacity: 0.3;
	cursor: default;
}



.xInputText_button_fileupload {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../../xgui/blue/fileupload.png);
	cursor:pointer;
}
.xInputText_button_filecontainer {
	position: absolute;
	cursor: pointer;
	height: 22px;
	overflow: hidden;
}
.xInputText_button_file {
	position: absolute;
	width: 2000px;
	cursor: pointer;
}


.xInputText_button_dropdown {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../../xgui/blue/select_arrow.png);
	cursor:pointer;
}
.xInputText_button_dropdown:hover {background-image: url(../../xgui/blue/select_arrowHover.png);}
.xInputText_button_dropdown:active {background-position: 0px 1px; background-repeat: no-repeat; background-color: #718bb7;}

.xInputText_button_dropdown_disabled {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../../xgui/blue/select_arrowDisabled.png);
	cursor:pointer;
}


.xSelect_dropdownList {
	position: absolute;
	background-color: white;
	border: 1px solid #718bb7;
	z-index:9999;
	padding: 1px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size:11px;
}

.xSelect_dropdownCover {
	position: absolute;
	background-color: black;
	z-index:9998;
}

.xSelect_option {
	padding: 1px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 3px 2px;
	-user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
}

.xSelect_new_option {
	color: blue;
}

div[styledisabled="false"] .xSelect_list .xSelect_option:hover, .xSelect_dropdownList[enablecsshover="true"] .xSelect_option:hover, .xSelect_dropdownList .xSelect_option[hover="true"]{
	color: white;
	background-color: #a3bad9;
}

.xSelect_option_selected {
	font-weight:bold;
	color: white;
	background-color: #718bb7;
	padding: 1px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 3px 2px;
	-user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
}

div[styledisabled="true"] .xSelect_option, div[styledisabled="true"] .xSelect_option_selected  {
	cursor: default !important;
}

div[styledisabled="true"] .xSelect_option_selected{
	color: black;
	font-weight: normal;
	background-color: transparent;
}

.xSelect_list {
	position: absolute;
	font-family: Arial, Tahoma;
	font-size: 11px;
	padding: 1px;
	height: 17px;
	line-height: 18px;
	background-color: white;
	border: 1px solid #718bb7;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: auto;
	-user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
}

.xSelect_list_error {
	position: absolute;
	font-family: Arial, Tahoma;
	font-size: 11px;
	padding: 1px;
	height: 17px;
	line-height: 18px;
	background-color: white;
	border: 1px solid red;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: auto;
	-user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
}

.xSelect_list_disabled {
	position: absolute;
	background-color: #eeeeee;
	border: 1px solid #718bb7;
	padding: 1px;
	white-space: nowrap;
	color: #999999 !important;
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 18px;
	-user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
}
.xSelect_list_disabled * {
	cursor: default !important;
}
.xSelect_list_disabled .xSelect_option_selected {
	background-color: #a3bad9 !important;
}

div[elementdisabled="true"] .xSelectButton, .xSelectButton[buttonenabled="false"] {
	opacity: 0.3;
	filter: alpha(opacity=0.3); /*IE*/
	cursor: default !important;
}

.xSelect_search {
	position: absolute;
	bottom:0;
	left: 0;
	height: 23px;
}
.xSelect_search input {
	color: #777777;
	border: 1px solid #ccdbef;
	background: #fff url(../../xicons/search.png) right no-repeat;
	padding: 2px 3px;
}
.xSelect_search input:hover,
.xSelect_search input:focus {
	outline: 1px solid #83A5D3;
	border: 1px solid #ccdbef;
}

.xSelect_search div {
	display: none;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 3px;
	right: 2px;
	background: #fff url(../../xicons/cancel.png) 50% no-repeat;
	cursor: pointer;
}




.xImage_scroll {
	background-repeat: no-repeat;
	border: 1px solid #718bb7;
}
.xImage_scroll img {
	display: none;
}

.xImage_full {
	background-repeat: no-repeat;
	background-position: -9999px -9999px !important;
	border: 1px solid #718bb7;
}




/* HEAD */
.xTablePlus {
	border: 1px solid #d0d0d0;
	border-top: 0px;
	position: relative;
}

.xTablePlusContainer {
	position: absolute;
	left: 0px;
	top: 1px;
}

.xTablePlusHead {
	overflow: hidden;
}

.xTablePlusHead table {
	table-layout: fixed;
	width:9999px
}

.xTablePlusHeadTd {
	background-image: url(../../xgui/blue/table_head_bg.png);
	background-size: contain;
	border-left: 1px solid transparent;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	overflow: hidden;
}

.xTablePlusHeadTdLast {
	border-left: 1px solid transparent;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid transparent;
	min-width: 100px;
	background-color: white;
}

.xTablePlusHeadLabel {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	cursor: pointer;
	/* space for resizer */
	margin-left: 5px;
	/* space for column menu */
	margin-right: 15px;
	margin-top: 3px;
	/* Avoid text selection during column resize */
	user-select: none !important;
}

.xTablePlusHeadTd:hover {
	background-image: url(../../xgui/blue/table_head_bgHover.png);
	border: 1px solid #718bb7;
}

.xTablePlusHeadOptions {
	float: right;
	height: 22px;
	width: 15px;
	position: absolute;
	right: 0px;
	top: 0px;
	border-left: 1px solid transparent;
	cursor: pointer;
}

.xTablePlusHead td:hover .xTablePlusHeadOptions {
	display: block !important;
	border-left: 1px solid #a3bad9;
	background-image: url(../../xgui/blue/arrow_down.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.xTablePlusHeadResize {
	cursor: e-resize;
	float: left;
	height: 22px;
	width: 5px;
	/* Avoid text selection during column resize */
	user-select: none !important;
}

.xTablePlusHeadResizeDisabled {
	float: left;
	height: 22px;
	width: 5px;
}

.xTablePlusHeadSort_asc {
	background-image: url(../../xgui/blue/table_sort_asc.png);
	width: 11px;
	height: 7px;
	margin-left: 5px;
}

.xTablePlusHeadSort_desc {
	background-image: url(../../xgui/blue/table_sort_desc.png);
	width: 11px;
	height: 7px;
	margin-left: 5px;
}

.xTablePlusHeadFilter{
	background-image: url(../../xgui/blue/table_filter.png);
	width: 12px;
	height: 12px;
	margin-left: 5px;
}

.xTablePlusHeightSpan{
	position: absolute;
	height: 1px;
	width: 1px;
	background-color: transparent;
}

/* BODY */


.xTablePlusBody {
	overflow: auto;
	background-color: white;
	position: relative;
	left:0px;
	top:0px;
	/* Snap to start of each div during vertical scrolling */
	/* Use "proximity" instead of "mandatory" to avoid back jump on fast scroll */
	/* scroll-snap-type: y proximity; */
	/* scroll-snap-align: start; */
	/* scroll-snap-align: center center; */
	/* scroll-snap-stop: normal; */
	/* overscroll-behavior-x: contain; */
}

.xTablePlusSlot {
	position: absolute;
	left:0px;
	overflow: hidden;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #eaeaea;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	/* Snap to start of each div during scrolling */
	scroll-snap-align: start;
}

.xTablePlusSlot table {
	border: 0px;
	border-spacing: 0px;
	padding:0px;
	table-layout: fixed;
	height: 100%;
}

.xTablePlusSlot td {
	border-left: 1px solid transparent;
	border-right: 1px solid #eaeaea;
	vertical-align: top;
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
}
.xTablePlusSlot tr[mod="0"] {background-color: #ffffff;}
.xTablePlusSlot tr[mod="1"] {background-color: #fcfcfc;}

.xTablePlusSlot td div.xTablePlusContentDiv {
	height: 100%;
	overflow: hidden;
	/* Since Firefox 48 selecting text is disabled by default, enable it */
	user-select: text;
}

.xTablePlusSlot[selectable="true"]:hover {
	border: 1px solid #9cb8d9;
}
.xTablePlusSlot[selectable="true"]:hover td {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	background-color: #e3effe;
	background-image: url(../../xgui/blue/table_tr_hover.png);
	background-repeat: repeat-x;
}
/* SELECTION */
.xTablePlusSlot[selectable="true"][selected="true"] {
	border: 1px solid #7398c4 !important;
}
.xTablePlusSlot[selectable="true"][selected="false"],.xTablePlusSlot[selectable="true"][selected="true"] { cursor: pointer;}
.xTablePlusSlot[selectable="true"][selected="true"] td {
	background-color: #e2effe;
	background-image: url(../../xgui/blue/table_tr_selected.png);
	background-repeat: repeat-x;
	border-color: transparent !important;
}
.xTablePlusSlot[selectable="true"][selected="true"] .xTablePlusTree {
	background-color: #deeafa;
	border-color: #deeafa;
}

/* CONTEXTMENU */
.xTablePlusSlot td:hover  .xTablePlusSlotContextmenuButton{
	position: absolute;
	top: 0px;
	width: 16px;
	height: 16px;
	background-image: url(table_contextmenu.png);
	cursor: pointer;
}
.xTablePlusSlot td:hover  .xTablePlusSlotContextmenuButton:hover {background-image: url(table_contextmenuHover.png);}
/* TREE */
.xTablePlusSlot .xTablePlusTree {
	position: absolute;
	top: -1px;
	left: 0px;
	background-color: #f8f8f8;
	border-right: 1px solid #eaeaea;
	background-position: right 2px;
	background-repeat: no-repeat;
}
.xTablePlusSlot .xTablePlusTree:active {background-position: right 3px;}
.xTablePlusSlot:hover .xTablePlusTree {background-color: #deeafa; border-right: 1px solid #9cb8d9;}
.xTablePlusSlot:hover .xTablePlusTree:hover {background-color: #b6cfec;}
.xTablePlusTree[opened="false"] {background-image: url(../../xgui/blue/table_plus.png); cursor: pointer;}
.xTablePlusTree[opened="true"] {background-image: url(../../xgui/blue/table_minus.png); cursor: pointer;}

/* Search input */
.xTablePlus_search {
    position: absolute;
    bottom:0;
    left: 0;
    height: 20px;
    background: #fff url(../../xicons/search.png) right no-repeat;
    margin: 3px 3px;
    position: relative;
    width: 122px;
    float: right;
}
.xTablePlus_search:hover,
.xTablePlus_search:focus {
    outline: 1px solid #83A5D3;
}

.xTablePlus_search input {
    color: #777777;
    border: 0px;
    width: 98px;
    margin: 2px;
}

.xTablePlus_search div {
    display: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    right: 1px;
    background: #fff url(../../xicons/cancel.png) 50% no-repeat;
    cursor: pointer;
}

/* INDICATION */
.xTablePlusLoadIndicator {
	position: absolute;
	left: 8px;
	bottom: 25px;
	width: 30px;
	height: 20px;
	background-color: white;
	background-image: url(../../xgui/blue/table_load.gif);
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #9cb8d9;
	-webkit-border-radius: 5px;
}

.xTablePlusRenderInfo {
	position: absolute;
	right: 30px;
	bottom: 30px;
	height: 25px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	line-height: 25px;
	background-color: white;
	color: #3a5c83;
	border: 1px solid #9cb8d9;
	text-shadow: #9cb8d9 1px 1px 2px;
	-webkit-border-radius: 5px;
	white-space: nowrap;
	pointer-events:none;
}

.xTablePlusContainer {
	position: absolute;
	display: none;
}

.xTablePlusMoreButton {
	position: absolute;
	bottom: 0px;
	width: 16px;
	height: 10px;
	background-image: url(../../xgui/blue/table_scrollDown.png);
	cursor: pointer;
}
.xTablePlusSlot:hover  .xTablePlusMoreButton{
	background-image: url(../../xgui/blue/table_scrollDownHover.png);
}
.xTablePlusLessButton {
	position: absolute;
	bottom: 0px;
	width: 16px;
	height: 10px;
	background-image: url(../../xgui/blue/table_scrollUp.png);
	cursor: pointer;
}
.xTablePlusSlot:hover  .xTablePlusLessButton{
	background-image: url(../../xgui/blue/table_scrollUpHover.png);
}

/* PROGRESS */
.xTablePlusBodyProgress {
	position: relative;
	top: 0px;
	left: 0px;
	border:1px solid #718bb7;
	padding:1px;
}
.xTablePlusBodyProgress div{
	background-image: url(../../xgui/blue/table_bodyprogress.png);
	height: 18px;
}

.xTablePlusBodyProgress span{
	position: absolute;
	top: 1px;
	display: block;
	color: white;
	text-shadow: black 1px 1px 1px;
	position: absolute;
	width: 100%;
	font-size: 12px;
	text-align: center;
}

/* SELECTION COLUMN */
.xTablePlusSlot[selectable="true"] .xTablePlusSelectionColumn, .xTablePlusSlot[selectable="true"]:hover .xTablePlusSelectionColumn {
	background-image: url(../../xgui/table_check0.png);
	background-repeat: no-repeat;
}
.xTablePlusSlot[selectable="true"][selected="true"][semiselection="true"] .xTablePlusSelectionColumn {
	background-image: url(../../xgui/table_check1.png);
	background-repeat: no-repeat;
}
.xTablePlusSlot[selectable="true"][selected="true"][semiselection="false"] .xTablePlusSelectionColumn {
	background-image: url(../../xgui/table_check2.png);
	background-repeat: no-repeat;
}

/* GROUPING */
.xTablePlusGroupRow {
	font-weight: bold;
	font-size: 12px;
	padding: 4px 0px 0px 3px;
	color: #718bb7;
}

/* SUMMARY ROWS */
.xTablePlusSummaryRow {
    overflow: hidden;
    font-weight: bold;
    background-image: url(../../xgui/blue/table_head_bg.png);
    background-size: contain;
    border-right: 1px solid #d0d0d0;
    height: 20px;
}

.xTablePlusSummaryRow div {
    padding-left: 3px;
}

/* TREE */
.xTree {

}

.xTreeNode {
	background-repeat: no-repeat;
	height: 18px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
}

.xTreeNodeDisabled {
	background-repeat: no-repeat;
	height: 18px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
}

.xTreeNode[selected="false"]:hover {
	background-color: rgba(0,0,0,0.05);
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}

.xTreeNode[selected="true"] {
	background-repeat: no-repeat;
	background-color: #99bbe8;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
}

.xTreeNodeDisabled[selected="false"]:hover {
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
}

.xTreeNodeDisabled[selected="true"] {
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.05);
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
}

.xTreeNodeButton {
	width: 20px;
	height: 18px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	white-space: nowrap;
	overflow: hidden;
}
.xTreeNodeButton[opened="false"] {
	background-image: url(../../xgui/blue/plus.png);
}

.xTreeNodeButton[opened="true"] {
	background-image: url(../../xgui/blue/minus.png);
}

.xTreeNodeIcon {
	width: 24px;
	height: 18px;
	float: left;
	background-repeat: no-repeat;
	background-position: 2px center;
	white-space: nowrap;
	overflow: hidden;
}

.xTreeNodeHover:hover {
	transition: background-color 100ms;
	-moz-transition: background-color 100ms;
	-webkit-transition: background-color 100ms;
	background-color: #BCD4F5;
}

/* ACCORDION */
.xAccordion {
}

.xAccordionPage_label {
	border: 1px solid #99bbe8;
	line-height: 16px;
	overflow:hidden;
	white-space: nowrap;
	padding: 4px 3px 3px 4px;
	background-image: url(../../xgui/blue/caption.png);
}

.xAccordionPage_label div[pos="button"] {
	float:right;
	width: 24px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
}
.xAccordionPage_label[active="true"] div[pos="button"] { background-image: url(../../xgui/blue/caption_top.png);}
.xAccordionPage_label[active="false"] div[pos="button"] { background-image: url(../../xgui/blue/caption_bottom.png);}

.xAccordionPage_label[active="true"] {
	font-weight: bold;
}

.xAccordionPage_label:hover {
	cursor:pointer;
	background-image: url(../../xgui/blue/caption_hover.png);
}


/* DISABLED STYLE */
.disableStyle .xTablePlusSlot,
.disableStyle .xTablePlusSlot:hover,
.disableStyle .xTablePlusSlot td
{
	border-color: white !important;
}

.disableStyle .xTablePlusSlot,
.disableStyle .xTablePlusSlot tr,
.disableStyle .xTablePlusSlot tr:hover,
.disableStyle .xTablePlusSlot td[contenttd="true"],
.disableStyle .xTablePlusSlot[selected="true"][contenttd="true"] td
{
	background-color: white !important;
	background-image: none !important;
}
.disableStyle .xTablePlusSlot td:hover,
.disableStyle .xTablePlusSlot:hover td,
.disableStyle .xTablePlusSlot[selected="true"] td,
.disableStyle .xTablePlusSlot[selected="true"]:hover td {background-color: white !important;}

.disableStyle .xTablePlusSlot[selectable="true"][selected="true"]
{
	border: 0px !important;
	padding-left: 2px;
	padding-top: 1px;
}

.disableStyle .xTablePlusSlot[selectable="true"][selected="false"]
{
	padding-left: 1px;
}

.disableStyle .xTablePlusTree {
	border: 1px solid #999999;
	height: 90% !important;
	top: 0px !important;
}

.disableStyle .xTablePlusTree:hover {
	background-color: #aaa !important;
}

.disableStyle .xTablePlusSlot:hover .xTablePlusTree {
	background-color: #f8f8f8 !important;
}

@keyframes blink {
	0% { background-color: black; }
	50% { background-color: grey; }
	100% { background-color: black; }
}

.blinkingLine {
	animation: blink 2s linear 0s infinite;
}

.xSearchInput_elements {
	position: absolute;
	left: 294px;
	padding-top: 0;
	padding-left: 0;
	height: auto;
	min-height: 27px;
	overflow-x: hidden;
	background-color: white;
	border: 1px solid #718bb7;
}

.xSearchInput_element {
	float: left;
	border: 1px solid lightgray;
	border-radius: 5px;
	padding-right: 4px;
	background-color: #eee;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 19px;
	white-space: nowrap;
	overflow: hidden;
}

/* Extends ".xSearchInput_element" */
.xSearchInput_new_entry {
	color: blue;
}

.xSearchInput_element_icon {
	vertical-align: middle;
	display: inline;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.xSearchInput_element_text {
	display: inline;
	padding-left: 3px;
	/* If one entry is too long for a line show dots at the end */
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/*
 * Close icon
 */
.xSearchInput_element_close {
	vertical-align: middle;
	padding-bottom: 2px;
}

.xSearchInput_elements input {
	float: left;
	border: none;
	padding-left: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 11px;
}

#InputHintText {
	font-style: italic;
	color: gray;
	position: absolute;
	z-index: 100;
}

/*
 * Tile View
 */

.xTile_container {
	height: 100%;
	overflow: auto;
}

.xTile_element {
	min-width: 95px;
	min-height: 95px;
	width: 10%;
	height: 10%;
	float: left;
	border: 2px solid #dfe8f6;
}

/*
 * xDataGrid
 */

.xDataGrid {
	border: 1px solid #d0d0d0;
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
	overflow-y: auto;
	background-color: #fcfcfc;
}

.xDataGrid table {
	border-collapse: collapse;
}

.xDataGrid thead th {
	position: sticky; /* attach header on top while scrolling */
	top: 0;
	z-index: 1000;
}

.xDataGridHeader .xDataGridCell {
	background-image: url(../../xgui/blue/table_head_bg.png);
	background-size: contain;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}

.xDataGridRow {
	border-bottom: 1px solid #f0efef;
}

.xDataGridCell {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}

/*
 * xConditionEditor
 */
 
.xConditionEditor .conditions {
	display: table;
	width: 100%;
}

.xConditionEditor .conditionRow {
	display: table-row;
}

.xConditionEditor .conditionCell {
	display: table-cell;
	vertical-align: middle;
	border-top: 1px inset white;
	padding-top: 5px;
}

.xConditionEditor .conditionCellIcons {
	display: table-cell;
	vertical-align: middle;
	border-top: 1px inset white;
	user-select: none;
	padding-top: 5px;
}

.xConditionEditor .conditionCellIcons img {
    padding-left: 3px;
    float: left;
}