/*===========================================================================
  This CSS file is generated by skins/EnterpriseSeries/sass/_ThemeEnterprise.scss

  DO NOT edit this .css file directly, unless renamed to something other than
  skin_styles.css otherwise it will get overwritten by _ThemeEnterprise.scss.
  ===========================================================================*/
.hScrollTrack,
.hScrollTrackDown,
.hScrollTrackOver,
.hScrollTrackDisabled {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(20%, #efefef), color-stop(90%, #f2f2f2), color-stop(100%, #eaeaea)) padding-box;
  background: -moz-linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
  background: -webkit-linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
  background: linear-gradient(to bottom, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
}

.vScrollTrack,
.vScrollTrackDown,
.vScrollTrackOver,
.vScrollTrackDisabled {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e3e3e3), color-stop(20%, #efefef), color-stop(90%, #f2f2f2), color-stop(100%, #eaeaea)) padding-box;
  background: -moz-linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
  background: -webkit-linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
  background: linear-gradient(to right, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
}

.vScrollThumbGripDisabled {
  background-position: -16px -40px;
}

.vScrollThumbGrip {
  background-position: -26px -40px;
}

.vScrollThumbGripOver {
  background-position: -36px -40px;
}

.vScrollThumbGripDown {
  background-position: -46px -40px;
}

.hScrollThumbGripDisabled {
  background-position: -40px -16px;
}

.hScrollThumbGrip {
  background-position: -40px -26px;
}

.hScrollThumbGripOver {
  background-position: -40px -36px;
}

.hScrollThumbGripDown {
  background-position: -40px -46px;
}

/*============================================================
This CSS file is generated by skins/EnterpriseSeries/sass/_base.scss

DO NOT edit this .css file directly, unless renamed to 
something other than skin_styles.css otherwise it will get 
overwritten by _base.scss.
==============================================================*/
/*============================================================
	"Enterprise" theme CSS styles
	Copyright 2001 and beyond, Isomorphic Software

	:: Contents ::
	
	1) General
			default text
            default border
			drop indicator
            hover canvas
	2) Buttons
			Button
			ImgButton
			StretchImgButton
	3) Menu
			MenuButton
	4) Window
			Dialog
    5) Layout
			drop line
			drag placeholder
			splitbar (resizebar)
			SplitPane
	6) TabSet
			tab titles
	7) SectionStack
			image SectionHeaders
			CSS SectionHeaders
	8) Forms
			general
			headerItem
			text items
			selectItem
			checkbox & radioButton
			ColorChooser
			DateChooser
	9) Slider & Rangebar		
	10) DetailViewer
	11) ListGrid
			parts
			headers
			cells
    12) ToolStrip
    12a) ToolStripGroup and IconButton
    13) Tools
    14) TileGrid
    15) Scrollbars
	------------
	internal/unused styles
============================================================*/
/*============================================================
	1) General
============================================================*/
[data-isc-overflow-style="none"] {
  -ms-overflow-style: none;
}

[data-isc-overflow-style="none"]::-webkit-scrollbar {
  display: none;
}

ol,
ul {
  -webkit-text-size-adjust: 100%;
}

.pageBackground {
  background: #fafafa;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

/* default text */
.normal,
.normalFocused,
.normalDisabled {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.normalDisabled {
  color: #ababab;
}

.defaultBorder {
  border: 1px solid #ababab;
}

/* drag outline */
.dragOutline {
  border: 1px dashed #f90f0b;
}

/* drop indicator */
.dropBorder {
  background-color: gray;
}

/* hover canvas  */
.canvasHover,
.gridHover,
.formHover {
  background-color: #fdfdd3;
  border: 1px solid gray;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 5px;
}

/* group label */
.groupLabel {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 5px;
  padding-right: 5px;
}

.richTextEditor p {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* CSS3 Mode */
.richTextEditorBorder {
  border-top: 3px solid #e0e0e0;
  border-bottom: 4px solid #e0e0e0;
  border-left: 4px solid #e0e0e0;
  border-right: 4px solid #e0e0e0;
  -moz-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab;
  -webkit-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab;
  box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab;
}

/*============================================================
    2) Button
		button.baseStyle
		buttonStrip.baseStyle
		buttonTable.baseButtonStyle
		listBar.labelStyle
		listGrid.headerBaseStyle (not in this skin)
============================================================*/
.button,
.buttonOver,
.buttonFocused,
.buttonFocusedOver,
.buttonDown,
.buttonFocusedDown,
.buttonSelected,
.buttonSelectedFocused,
.buttonSelectedDown,
.buttonSelectedFocusedDown,
.buttonSelectedOver,
.buttonSelectedFocusedOver,
.buttonDisabled,
.buttonSelectedDisabled {
  background-color: #f0f0f0;
  background-image: url("./images/cssButton/button_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  border: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 2px;
}

/* CSS3 Mode */
.buttonRounded,
.buttonRoundedOver,
.buttonRoundedFocused,
.buttonRoundedFocusedOver,
.buttonRoundedDown,
.buttonRoundedFocusedDown,
.buttonRoundedSelected,
.buttonRoundedSelectedFocused,
.buttonRoundedSelectedDown,
.buttonRoundedSelectedFocusedDown,
.buttonRoundedSelectedOver,
.buttonRoundedSelectedFocusedOver,
.buttonRoundedDisabled,
.buttonRoundedSelectedDisabled,
.buttonRoundedPending,
.buttonRoundedPendingOver,
.buttonRoundedPendingFocused,
.buttonRoundedPendingFocusedOver,
.buttonRoundedPendingDown,
.buttonRoundedPendingFocusedDown,
.buttonRoundedPendingSelected,
.buttonRoundedPendingSelectedFocused,
.buttonRoundedPendingSelectedDown,
.buttonRoundedPendingSelectedFocusedDown,
.buttonRoundedPendingSelectedOver,
.buttonRoundedPendingSelectedFocusedOver,
.buttonRoundedPendingDisabled,
.buttonRoundedPendingSelectedDisabled,
.buttonRoundedDeselectedDisabled,
.filterOperatorIcon,
.filterOperatorIconOver,
.filterOperatorIconFocused,
.filterOperatorIconFocusedOver,
.filterOperatorIconDown {
  background-color: #f0f0f0;
  background-image: url("./images/cssButton/button_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  border: 1px solid #b15a59;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 3px;
}

/* CSS3 Mode */
.buttonRounded,
.buttonRoundedPending,
.filterOperatorIcon {
  border: 1px solid #ababab;
  -moz-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
  -webkit-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
  box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
}

/* CSS3 Mode */
.buttonRoundedDisabled,
.buttonRoundedPendingDisabled,
.buttonRoundedDeselectedDisabled
.filterOperatorIconDisabled {
  background-color: #e8e8e8;
  background-image: url("./images/cssButton/button_Disabled_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  border-bottom: 1px solid #c9b6b6;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #bfbfbf;
}

.buttonDisabled {
  background-color: #e8e8e8;
  background-image: url("./images/cssButton/button_Disabled_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  border-bottom: 1px solid #c9b6b6;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #bfbfbf;
}

.buttonDisabled,
.buttonSelectedDisabled {
  color: #ababab;
  font-weight: normal;
}

/* CSS3 Mode */
.buttonRoundedDisabled,
.buttonRoundedSelectedDisabled,
.buttonRoundedPendingDisabled,
.buttonRoundedPendingSelectedDisabled,
.buttonRoundedDeselectedDisabled,
.filterOperatorIconDisabled {
  color: #ababab;
  font-weight: normal;
}

.buttonFocused,
.buttonFocusedOver,
.buttonSelectedFocused,
.buttonSelectedFocusedOver,
.buttonSelectedFocusedDown {
  border: 1px solid #ababab;
}

/* CSS3 Mode */
.buttonRoundedFocused,
.buttonRoundedFocusedOver,
.buttonRoundedSelectedFocused,
.buttonRoundedSelectedFocusedOver,
.buttonRoundedSelectedFocusedDown,
.buttonRoundedPendingFocused,
.buttonRoundedPendingFocusedOver,
.buttonRoundedPendingSelectedFocused,
.buttonRoundedPendingSelectedFocusedOver,
.buttonRoundedPendingSelectedFocusedDown,
.filterOperatorIconFocused,
.filterOperatorIconFocusedOver,
.filterOperatorIconSelected,
.filterOperatorIconSelectedFocused,
.filterOperatorIconSelectedFocusedOver {
  border: 1px solid #ababab;
}

.buttonOver,
.buttonFocusedOver,
.buttonSelectedFocused,
.buttonSelectedFocusedOver {
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNjOWUzZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2Q3ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5));
  background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: linear-gradient(to bottom, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  border: 1px solid #858585;
}

/* CSS3 Mode */
.buttonRoundedOver,
.buttonRoundedFocusedOver,
.buttonRoundedSelectedFocused,
.buttonRoundedSelectedFocusedOver,
.buttonRoundedPendingOver,
.buttonRoundedPendingFocusedOver,
.buttonRoundedPendingSelectedFocused,
.buttonRoundedPendingSelectedFocusedOver,
.filterOperatorIconOver,
.filterOperatorIconFocusedOver,
.filterOperatorIconSelectedFocused,
.filterOperatorIconSelectedFocusedOver {
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
  background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: linear-gradient(to bottom, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  border: 1px solid #858585;
}

.buttonDown,
.buttonFocusedDown,
.buttonSelectedDown,
.buttonSelectedFocusedDown {
  background-color: #bdddff;
  background-image: url("./images/cssButton/button_Down_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkZGJmNSIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNhZGRiZjUiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2MzZTFmNCIvPjxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjZTJlY2YzIi8+PHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNmMWYyZjMiLz48c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIvPjxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjYzFkZGY2Ii8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiM5MmNlZjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MmNlZjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #addbf5), color-stop(5%, #addbf5), color-stop(10%, #c3e1f4), color-stop(14%, #e2ecf3), color-stop(19%, #f1f2f3), color-stop(29%, #f1f2f3), color-stop(81%, #c1ddf6), color-stop(95%, #92cef7), color-stop(100%, #92cef7));
  background-image: -moz-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
  background-image: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
  background-image: linear-gradient(to bottom, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
  border: 1px solid #597db1;
}

/* CSS3 Mode */
.buttonRoundedDown,
.buttonRoundedFocusedDown,
.buttonRoundedSelectedDown,
.buttonRoundedSelectedFocusedDown,
.buttonRoundedPendingDown,
.buttonRoundedPendingFocusedDown,
.buttonRoundedPendingSelectedDown,
.buttonRoundedPendingSelectedFocusedDown {
  background-color: #bdddff;
  background-image: url("./images/cssButton/button_Down_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIvPjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZjFmMmYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFkN2Y2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f2f3), color-stop(41%, #f1f2f3), color-stop(100%, #b1d7f6));
  background-image: -moz-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  background-image: -webkit-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  background-image: linear-gradient(to bottom, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  -moz-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  -webkit-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  border: 1px solid #597db1;
}

.buttonSelected,
.buttonSelectedFocused,
.buttonSelectedOver,
.buttonSelectedFocusedOver,
.buttonSelectedDisabled {
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNjOWUzZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2Q3ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5));
  background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: linear-gradient(to bottom, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  border: 1px solid #858585;
}

/* CSS3 Mode */
.buttonRoundedSelected,
.buttonRoundedSelectedFocused,
.buttonRoundedSelectedOver,
.buttonRoundedSelectedFocusedOver,
.buttonRoundedSelectedDisabled,
.buttonRoundedPendingSelected,
.buttonRoundedPendingSelectedFocused,
.buttonRoundedPendingSelectedOver,
.buttonRoundedPendingSelectedFocusedOver,
.buttonRoundedPendingSelectedDisabled {
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
  background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: linear-gradient(to bottom, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  border: 1px solid #858585;
}

.buttonRoundedPending,
.buttonRoundedPendingOver,
.buttonRoundedPendingFocused,
.buttonRoundedPendingFocusedOver,
.buttonRoundedPendingDown,
.buttonRoundedPendingFocusedDown,
.buttonRoundedPendingSelected,
.buttonRoundedPendingSelectedFocused,
.buttonRoundedPendingSelectedDown,
.buttonRoundedPendingSelectedFocusedDown,
.buttonRoundedPendingSelectedOver,
.buttonRoundedPendingSelectedFocusedOver {
  color: #0066cc;
}

.buttonRoundedDeselectedDisabled {
  color: #a8a8a8;
  text-decoration: line-through;
}

/* ImgButton */
.imgButton,
.imgButtonOver,
.imgButtonSelected,
.imgButtonSelectedDisabled,
.imgButtonSelectedOver,
.imgButtonDown,
.imgButtonSelectedDown,
.imgButtonDisabled {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.imgButtonDisabled {
  color: #666666;
}

/* StretchImgButton */
.stretchImgButton,
.stretchImgButtonSelected,
.stretchImgButtonSelectedOver,
.stretchImgButtonOver,
.stretchImgButtonDown,
.stretchImgButtonSelectedDown,
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled,
.stretchImgButtonPending,
.stretchImgButtonPendingSelected,
.stretchImgButtonPendingSelectedOver,
.stretchImgButtonPendingOver,
.stretchImgButtonPendingDown,
.stretchImgButtonPendingSelectedDown,
.stretchImgButtonPendingSelectedDisabled,
.stretchImgButtonPendingDisabled {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.stretchImgButtonOver,
.stretchImgButtonPendingOver {
  font-weight: normal;
}

.stretchImgButtonDisabled,
.stretchImgButtonSelectedDisabled,
.stretchImgButtonPendingDisabled,
.stretchImgButtonPendingSelectedDisabled {
  color: #ababab;
  font-weight: normal;
}

.stretchImgButtonPending,
.stretchImgButtonPendingSelected,
.stretchImgButtonPendingSelectedOver,
.stretchImgButtonPendingOver,
.stretchImgButtonPendingDown,
.stretchImgButtonPendingSelectedDown {
  color: #0066cc;
}

/* Button Title */
.buttonTitle,
.buttonTitleOver,
.buttonTitleDown,
.buttonTitleSelected,
.buttonTitleFocused,
.buttonTitleSelectedFocused,
.buttonTitleSelectedOver,
.buttonTitleFocusedOver,
.buttonTitleSelectedFocusedOver,
.buttonTitleSelectedDown,
.buttonTitleFocusedDown,
.buttonTitleSelectedFocusedDown,
.buttonTitleDisabled,
.buttonTitleSelectedDisabled {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.buttonTitleDisabled,
.buttonTitleSelectedDisabled {
  color: #ababab;
  font-weight: normal;
}

/*============================================================
    3) Menus 
============================================================*/
.menuBorder {
  border: 1px solid #ababab;
}

.menuMain,
.menuFill {
  background-image: url(./images/Menu/menu_background.png);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(100%, #dbdbdb)) padding-box;
  background: -moz-linear-gradient(left, #f5f5f5, #dbdbdb) padding-box;
  background: -webkit-linear-gradient(left, #f5f5f5, #dbdbdb) padding-box;
  background: linear-gradient(to right, #f5f5f5, #dbdbdb) padding-box;
  -moz-background-size: 24px;
  -o-background-size: 24px;
  -webkit-background-size: 24px;
  background-size: 24px;
}

.menuMainRTL,
.menuFillRTL {
  background-image: url(./images/Menu/menu_background_rtl.png);
  background-position: right;
}

.menuMain,
.menuMainRTL,
.menuFill,
.menuFillRTL {
  background-color: white;
  background-repeat: repeat-y;
  background-attachment: scroll;
}

.gridBodyAnimated,
.menuFillAnimated,
.menuFillRTLAnimated {
  -moz-transition: -moz-transform 350ms;
  -o-transition: -o-transform 350ms;
  -webkit-transition: -webkit-transform 350ms;
  transition: transform 350ms;
}

.treeMenuBody {
  background: white;
}

.menu,
.menuSelected,
.menuOver,
.menuSelectedOver,
.menuDisabled,
.menuDisabledDark,
.menuTitleField,
.menuTitleFieldDark,
.menuTitleFieldSelected,
.menuTitleFieldSelectedDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuTitleFieldDisabled,
.menuTitleFieldDisabledDark,
.menuIconField,
.menuIconFieldOver,
.menuIconFieldSelected,
.menuIconFieldSelectedOver,
.menuIconFieldDisabled,
.treeMenuSelected,
.treeMenuSelectedOver,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.menuOver,
.menuOverDark,
.menuSelectedOver,
.menuSelectedOverDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark,
.treeMenuSelected,
.treeMenuSelectedDark,
.treeMenuSelectedOver,
.treeMenuSelectedOverDark,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver {
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Over.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  background-attachment: scroll;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  border-bottom: 1px solid #c4ddfd;
  border-top: 1px solid #c4ddfd;
  -moz-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0;
  -webkit-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0;
  box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0;
}

.menuTitleField,
.menuTitleFieldDark,
.menuTitleFieldSelected,
.menuTitleFieldSelectedDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuTitleFieldDisabled,
.menuTitleFieldDisabledDark {
  padding-left: 4px;
}

.menuIconField,
.menuIconFieldDark,
.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelected,
.menuIconFieldSelectedDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark,
.menuIconFieldDisabled {
  padding-left: 4px;
  padding-right: 4px;
}

.menuDisabled,
.menuDisabledDark,
.menuTitleFieldDisabled,
.menuTitleFieldDisabledDark,
.menuIconFieldDisabled {
  color: #ababab;
}

/* menu header buttons */
.menuButton,
.menuButtonOver,
.menuButtonDown,
.menuButtonDisabled,
.menuButtonFocused,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonSelectedDisabled,
.menuButtonPending,
.menuButtonPendingOver,
.menuButtonPendingDown,
.menuButtonPendingDisabled,
.menuButtonPendingFocused,
.menuButtonPendingFocusedDown,
.menuButtonPendingFocusedOver,
.menuButtonPendingSelected,
.menuButtonPendingSelectedDown,
.menuButtonPendingSelectedOver,
.menuButtonPendingSelectedDisabled {
  background-color: #dedede;
  background-image: url("./images/cssButton/button_stretch.png");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  border: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 4px;
  padding-right: 4px;
}

.menuButtonOver,
.menuButtonPendingOver {
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNjOWUzZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2Q3ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5));
  background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: linear-gradient(to bottom, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
}

.menuButtonDown,
.menuButtonFocusedDown,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonPendingDown,
.menuButtonPendingFocusedDown,
.menuButtonPendingFocusedOver,
.menuButtonPendingSelected,
.menuButtonPendingSelectedDown,
.menuButtonPendingSelectedOver {
  background-color: #bdddff;
  background-image: url("./images/cssButton/button_Down_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkZGJmNSIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNhZGRiZjUiLz48c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2MzZTFmNCIvPjxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjZTJlY2YzIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmMWYyZjMiLz48c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2JjZGFmNiIvPjxzdG9wIG9mZnNldD0iODMlIiBzdG9wLWNvbG9yPSIjYjFkN2Y2Ii8+PHN0b3Agb2Zmc2V0PSI4NyUiIHN0b3AtY29sb3I9IiNhMmQzZjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MmNlZjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #addbf5), color-stop(9%, #addbf5), color-stop(13%, #c3e1f4), color-stop(17%, #e2ecf3), color-stop(22%, #f1f2f3), color-stop(78%, #bcdaf6), color-stop(83%, #b1d7f6), color-stop(87%, #a2d3f6), color-stop(100%, #92cef7));
  background-image: -moz-linear-gradient(top, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%);
  background-image: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%);
  background-image: linear-gradient(to bottom, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%);
  border: 1px solid #ababab;
}

.menuButtonDisabled,
.menuButtonSelectedDisabled,
.menuButtonPendingDisabled,
.menuButtonPendingSelectedDisabled {
  color: #ababab;
  border: 1px solid #ababab;
}

.menuButtonPending,
.menuButtonPendingOver,
.menuButtonPendingDown,
.menuButtonPendingFocused,
.menuButtonPendingFocusedDown,
.menuButtonPendingFocusedOver,
.menuButtonPendingSelected,
.menuButtonPendingSelectedDown,
.menuButtonPendingSelectedOver {
  color: #0066cc;
}

/*============================================================
    4) Window
		window.styleName - windowBackground
		window.bodyStyle - windowBody
		window.headerStyle - windowHeader
		window.hiliteHeaderStyle - windowHeaderHilite
		window.headerLabelDefaults.styleName - windowHeaderText
		window.statusBarDefaults.styleName - windowStatusBar

	Dialog
		dialog.styleName - dialogBackground
		dialog.bodyStyle - dialogBody
		dialog.headerStyle - dialogHeader
		dialog.hiliteHeaderStyle - dialogHeaderHilite
		dialog.headerLabelDefaults.styleName - dialogHeaderText
============================================================*/
.windowBackground {
  background: #f7f7f7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(1%, #f7f7f7), color-stop(1%, #f2f2f2), color-stop(15%, #e0e0e0), color-stop(100%, #e0e0e0));
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%);
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%);
  border: 1px solid #b5b5b5;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-box-shadow: inset #fcfcfc 0 1px 0, inset #ededed 0 -1px 0, inset #ededed 1px 0 0, inset #ededed -1px 0 0;
  -webkit-box-shadow: inset #fcfcfc 0 1px 0, inset #ededed 0 -1px 0, inset #ededed 1px 0 0, inset #ededed -1px 0 0;
  box-shadow: inset #fcfcfc 0 1px 0, inset #ededed 0 -1px 0, inset #ededed 1px 0 0, inset #ededed -1px 0 0;
}

.windowBackgroundFill {
  background: #f7f7f7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(1%, #f7f7f7), color-stop(1%, #f2f2f2), color-stop(15%, #e0e0e0), color-stop(100%, #e0e0e0));
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%);
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%);
  border: 1px solid #b5b5b5;
}

.windowBody,
.dialogBody {
  background-color: white;
  border: 1px solid #b5b5b5;
  -moz-box-shadow: 0 1px #ededed, 0 -1px #ededed;
  -webkit-box-shadow: 0 1px #ededed, 0 -1px #ededed;
  box-shadow: 0 1px #ededed, 0 -1px #ededed;
}

.windowHeader,
.dialogHeader {
  padding: 0;
}

.windowHeaderText,
.dialogHeaderText {
  color: #4D4D4D;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

.windowStatusBar {
  border-bottom: 1px solid white;
  border-left: 1px solid #999999;
  border-right: 1px solid white;
  border-top: 1px solid #999999;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.modalMask {
  background-color: black;
}

/*============================================================
    5) Layout
============================================================*/
.layoutDropLine {
  background-color: white;
  border-top: 2px dotted #ff7a75;
  pointer-events: none;
}

.layoutPlaceHolder {
  border: 1px solid black;
}

.hSplitbar {
  background: #ebebeb;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDFkMWQxIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZGVkZWRlIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(20%, #f5f5f5), color-stop(40%, #f5f5f5), color-stop(40%, #ebebeb), color-stop(60%, #ebebeb), color-stop(60%, #dedede), color-stop(80%, #dedede), color-stop(80%, #bfbfbf), color-stop(100%, #bfbfbf));
  background-image: -moz-linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
  background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
  background-image: linear-gradient(to bottom, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
}

.hSplitbarDown {
  border: 1px solid gray;
}

.vSplitbar {
  background: #ebebeb;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDFkMWQxIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZGVkZWRlIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(20%, #f5f5f5), color-stop(40%, #f5f5f5), color-stop(40%, #ebebeb), color-stop(60%, #ebebeb), color-stop(60%, #dedede), color-stop(80%, #dedede), color-stop(80%, #bfbfbf), color-stop(100%, #bfbfbf));
  background-image: -moz-linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
  background-image: -webkit-linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
  background-image: linear-gradient(to right, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
}

.vSplitbarDown {
  border: 1px solid gray;
}

.splitPaneSidePanel,
.splitPaneSidePanelOnScreen,
.splitPaneSidePanelOffScreen {
  border-right: 1px solid gray;
}

.splitPaneSidePanelRTL,
.splitPaneSidePanelOnScreenRTL,
.splitPaneSidePanelOffScreenRTL {
  border-left: 1px solid gray;
}

.splitPaneSidePanelOnScreen,
.splitPaneSidePanelOnScreenRTL,
.splitPaneSidePanelOffScreen,
.splitPaneSidePanelOffScreenRTL {
  -moz-transition: -moz-transform 250ms;
  -o-transition: -o-transform 250ms;
  -webkit-transition: -webkit-transform 250ms;
  transition: transform 250ms;
}

.splitPaneSidePanelOnScreen,
.splitPaneSidePanelOnScreenRTL {
  /* make the slide in transition slightly longer */
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.splitPanePagedPanelPagesContainerAnimated,
.navStackPagedPanelPagesContainerAnimated {
  -moz-transition: -moz-transform 450ms;
  -o-transition: -o-transform 450ms;
  -webkit-transition: -webkit-transform 450ms;
  transition: transform 450ms;
}

.navBarHeaderPaneTitle,
.navBarHeaderPaneTitleDisabled,
.detailPaneTitle,
.detailPaneTitleDisabled,
.listPaneTitle,
.listPaneTitleDisabled {
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

/*============================================================
    6) TabSet and tab titles
============================================================*/
.tabSetContainer {
  background-color: white;
  border: 1px solid #bfbfbf;
  color: #d6d6d6;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.tabBaseline {
  z-index: 10000000;
}

.tab,
.tabOver,
.tabSelected,
.tabSelectedOver,
.tabDown,
.tabSelectedDown,
.tabSelectedDisabled,
.tabDisabled {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.tabTitle,
.tabTitleDown,
.tabTitleOver,
.tabTitleDisabled,
.tabTitleSelected,
.tabTitleSelectedDown,
.tabTitleSelectedOver,
.tabTitleSelectedDisabled,
.vtabTitle,
.vtabTitleSelected,
.vtabTitleOver,
.vtabTitleDown,
.vtabTitleSelectedOver,
.vtabTitleSelectedDown,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-bottom: 1px;
}

.tabTitleOver,
.vtabTitleOver {
  color: #15428B;
}

.tabTitleSelected,
.vtabTitleSelected {
  color: #000000;
  font-weight: normal;
}

.tabTitleSelectedOver,
.vtabTitleSelectedOver {
  color: #15428B;
  font-weight: normal;
}

.tabTitleDisabled,
.tabTitleSelectedDisabled,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
  color: #ababab;
  padding-bottom: 1px;
}

.tabScrollerTopBackDisabled,
.tabScrollerTopBack,
.tabScrollerTopBackDown,
.tabScrollerTopForwardDisabled,
.tabScrollerTopForward,
.tabScrollerTopForwardDown,
.tabScrollerRightBackDisabled,
.tabScrollerRightBack,
.tabScrollerRightBackDown,
.tabScrollerRightForwardDisabled,
.tabScrollerRightForward,
.tabScrollerRightForwardDown,
.tabScrollerBottomBackDisabled,
.tabScrollerBottomBack,
.tabScrollerBottomBackDown,
.tabScrollerBottomForwardDisabled,
.tabScrollerBottomForward,
.tabScrollerBottomForwardDown,
.tabScrollerLeftBackDisabled,
.tabScrollerLeftBack,
.tabScrollerLeftBackDown,
.tabScrollerLeftForwardDisabled,
.tabScrollerLeftForward,
.tabScrollerLeftForwardDown {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabScrollerTopBackDisabled,
.tabScrollerTopBack,
.tabScrollerTopBackDown {
  margin-left: 1px;
  border: 1px solid #ababab;
  border-bottom-width: 0;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-box-shadow: inset 1px -1px 2px #fff;
  -webkit-box-shadow: inset 1px -1px 2px #fff;
  box-shadow: inset 1px -1px 2px #fff;
}

.tabScrollerBottomBackDisabled,
.tabScrollerBottomBack,
.tabScrollerBottomBackDown {
  margin-left: 1px;
  border: 1px solid #ababab;
  border-top-width: 0;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-box-shadow: inset 1px 1px 2px #fff;
  -webkit-box-shadow: inset 1px 1px 2px #fff;
  box-shadow: inset 1px 1px 2px #fff;
}

.tabScrollerTopBackDisabled,
.tabScrollerBottomBackDisabled {
  border-color: #cccccc;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
}

.tabScrollerTopBack,
.tabScrollerBottomBack {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
}

.tabScrollerTopBackDown,
.tabScrollerBottomBackDown {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
}

.tabScrollerTopForwardDisabled,
.tabScrollerTopForward,
.tabScrollerTopForwardDown {
  border: 1px solid #ababab;
  border-bottom-width: 0;
  border-left-width: 0;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-box-shadow: inset -1px -1px 2px #fff;
  -webkit-box-shadow: inset -1px -1px 2px #fff;
  box-shadow: inset -1px -1px 2px #fff;
}

.tabScrollerBottomForwardDisabled,
.tabScrollerBottomForward,
.tabScrollerBottomForwardDown {
  border: 1px solid #ababab;
  border-top-width: 0;
  border-left-width: 0;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-box-shadow: inset -1px 1px 2px #fff;
  -webkit-box-shadow: inset -1px 1px 2px #fff;
  box-shadow: inset -1px 1px 2px #fff;
}

.tabScrollerTopForwardDisabled,
.tabScrollerBottomForwardDisabled {
  border-color: #cccccc;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
}

.tabScrollerTopForward,
.tabScrollerBottomForward {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
}

.tabScrollerTopForwardDown,
.tabScrollerBottomForwardDown {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
}

.tabScrollerRightBackDisabled,
.tabScrollerRightBack,
.tabScrollerRightBackDown {
  margin-top: 1px;
  border: 1px solid #ababab;
  border-left-width: 0;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-box-shadow: inset 1px 1px 2px #fff;
  -webkit-box-shadow: inset 1px 1px 2px #fff;
  box-shadow: inset 1px 1px 2px #fff;
}

.tabScrollerLeftBackDisabled,
.tabScrollerLeftBack,
.tabScrollerLeftBackDown {
  margin-top: 1px;
  border: 1px solid #ababab;
  border-right-width: 0;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-box-shadow: inset 1px -1px 2px #fff;
  -webkit-box-shadow: inset 1px -1px 2px #fff;
  box-shadow: inset 1px -1px 2px #fff;
}

.tabScrollerRightBackDisabled,
.tabScrollerLeftBackDisabled {
  border-color: #cccccc;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
}

.tabScrollerRightBack,
.tabScrollerLeftBack {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
}

.tabScrollerRightBackDown,
.tabScrollerLeftBackDown {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
}

.tabScrollerRightForwardDisabled,
.tabScrollerRightForward,
.tabScrollerRightForwardDown {
  border: 1px solid #ababab;
  border-top-width: 0;
  border-left-width: 0;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-box-shadow: inset 1px -1px 2px #fff;
  -webkit-box-shadow: inset 1px -1px 2px #fff;
  box-shadow: inset 1px -1px 2px #fff;
}

.tabScrollerLeftForwardDisabled,
.tabScrollerLeftForward,
.tabScrollerLeftForwardDown {
  border: 1px solid #ababab;
  border-top-width: 0;
  border-right-width: 0;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-box-shadow: inset -1px -1px 2px #fff;
  -webkit-box-shadow: inset -1px -1px 2px #fff;
  box-shadow: inset -1px -1px 2px #fff;
}

.tabScrollerRightForwardDisabled,
.tabScrollerLeftForwardDisabled {
  border-color: #cccccc;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
}

.tabScrollerRightForward,
.tabScrollerLeftForward {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
}

.tabScrollerRightForwardDown,
.tabScrollerLeftForwardDown {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
}

.tabPickerDisabledtop,
.tabPickertop,
.tabPickerDowntop {
  margin-left: 1px;
  border: 1px solid #ababab;
  border-bottom-width: 0;
  -moz-box-shadow: inset 0px -1px 2px #fff;
  -webkit-box-shadow: inset 0px -1px 2px #fff;
  box-shadow: inset 0px -1px 2px #fff;
}

.tabPickerDisabledtop {
  border-color: #cccccc;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWklEQVR4AWP4r/y/+P9+OCz8L87wv/je0zP/YfDBw//pQFX/Dtx8DRG4+fp/G1AVA8N/8z8Hr3w88//Kxz8H/5szQMB/z19Hbrz9deS/J4gHE7T+3/3fGsIGAKJmQpLpl1C3AAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
}

.tabPickertop {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWUlEQVR4AWP4r/y/+P9+OCz8L87wv3jm0+T/MLjw4f90oKo/B7peQwS6Xv9vA6piYPhv/uNg7cfk/7Uffxz8b84AAf893x1pe/vuyH9PEA8maP2/+781hA0AB048ndIkt6EAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
}

.tabPickerDowntop {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWP4//+/MhAXA/F+LLgQiMUZQAoap694apdQ9R8ddy9Y/xAonw426c+fPwfy2me/RlYA4gPl2sAmgQCQYf7tx4+DcVUTPoIUgGgQHyTOAAUwhZ6v3308kt0y4y2IBvFhcugKrYG4G0QjiwMAGeh9n2tOlqYAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
}

.tabPickerDisabledbottom,
.tabPickerbottom,
.tabPickerDownbottom {
  margin-left: 1px;
  border: 1px solid #ababab;
  border-top-width: 0;
  -moz-box-shadow: inset 0px 1px 2px #fff;
  -webkit-box-shadow: inset 0px 1px 2px #fff;
  box-shadow: inset 0px 1px 2px #fff;
}

.tabPickerDisabledbottom {
  border-color: #cccccc;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAWElEQVR4AWOAgP/W/7v/W4NYMAHPX0duvP115L8nTMD8z8ErH8/8v/Lxz8H/RiAB5X8Hbr4+8x8Eb7363/RfnOF/8b2nQC4UPnj4Px2o6n/x//1wWPhfHAATYUKJn0QYYgAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
}

.tabPickerbottom {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAAV0lEQVR4AWOAgP/W/7v/W4NYMAHPd0fa3r478t8TJmD+42Dtx+T/tR9/HPxvBBJQ/nOg63XyfxDsffW/6b84w//imU+BXChc+PB/OlDV/+L/++Gw8L84AAFEPJaqJMAvAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
}

.tabPickerDownbottom {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAcUlEQVR4AWNABv///7cG4m4QDRNDV+D5+t3HI9ktM96CaBAfXYH5tx8/DsZVTfhol1D1H0SD+EBxI5gC5T9//hzIa5/9GqQAhou6570CyjUBsThIUXHj9BVPQRLouHvB+odA+XSwSSCFQLwfCy4EmQQA7JN9oH1Wkf0AAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
}

.tabPickerDisabledright,
.tabPickerright,
.tabPickerDownright {
  margin-top: 1px;
  border: 1px solid #ababab;
  border-left-width: 0;
  -moz-box-shadow: inset -1px 0px 2px #fff;
  -webkit-box-shadow: inset -1px 0px 2px #fff;
  box-shadow: inset -1px 0px 2px #fff;
}

.tabPickerDisabledright {
  border-color: #cccccc;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAU0lEQVR4AWOAgP8K/wv+K0CY5v8O3H3yvxDE9Pxz8ObrM///72f4b/3ryJWPZ/5DON033oKYUJmfR2EyUD033kA4IK7VvwP3nv4vhtmj/L/4vzIAApxC6ZhPMRoAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
}

.tabPickerright {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAUklEQVR4AWOAgP8K/wv+K0CY5n8OzH7yvxDE9PxxsOt18v//+xn+W388Uvsx+T+E0932FsSEyrw5CpOB6ul4A+GAuFZ/Dsx8+r8YZo/y/+L/ygCqITzwE9VeVQAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
}

.tabPickerDownright {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAWklEQVR4AWNABv///1cA4gIQjSxo9OfPnwPNM1c++fj562GYoOe3Hz8OFnXPe2WXUPUfJAEStH738fORuKoJH0GCyBLd2S0z3sIEUXS8fvcRRQdeO3C6Cqc/ADRAfaCOQvISAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
}

.tabPickerDisabledleft,
.tabPickerleft,
.tabPickerDownleft {
  margin-top: 1px;
  border: 1px solid #ababab;
  border-right-width: 0;
  -moz-box-shadow: inset 1px 0px 2px #fff;
  -webkit-box-shadow: inset 1px 0px 2px #fff;
  box-shadow: inset 1px 0px 2px #fff;
}

.tabPickerDisabledleft {
  border-color: #cccccc;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #ebebeb), color-stop(100%, #f1f1f1)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARElEQVR4AWP4r/C/4L8CAwT8Pnz3yf+m/0ZQzpn/t179OfjfE8o58//Kx19H/luDOSB44+3/blQZhB6oaf8OQExDsQcApRFDLpoyWhgAAAAASUVORK5CYII=) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #ebebeb 50%, #f1f1f1 100%) padding-box;
}

.tabPickerleft {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAARklEQVR4AWP4r/C/4L8CAwR8Pjz7yf+m/0ZQTvL/3lc/Dv73hHKS/9d+/HjkvzWYA4Jtb/93w2XegWQQeqCm/TkAMQ3FHgAyZz0IMXbEkwAAAABJRU5ErkJggg==) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6) padding-box;
}

.tabPickerDownleft {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(50%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #e6e6e6)) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAY0lEQVR4AWP4//+/AhAXgGgGZPDx89fDzTNXPgFKNAGxEYqEXULV/6Luea++/fhxECjpiSIBwnFVEz6++/j5CFDSGi4Bw9ktM94CJboxdLx+9xGmA9MOFFf9+fPnALKrcPoDABuwfWtA4u4EAAAAAElFTkSuQmCC) center no-repeat, linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 50%, #e3e3e3 50%, #e6e6e6 100%) padding-box;
}

.tabScrollerTopBackSpriteDisabled,
.tabScrollerTopBackSprite,
.tabScrollerTopBackSpriteDown,
.tabScrollerRightBackSpriteDisabled,
.tabScrollerRightBackSprite,
.tabScrollerRightBackSpriteDown,
.tabScrollerBottomBackSpriteDisabled,
.tabScrollerBottomBackSprite,
.tabScrollerBottomBackSpriteDown,
.tabScrollerLeftBackSpriteDisabled,
.tabScrollerLeftBackSprite,
.tabScrollerLeftBackSpriteDown,
.tabScrollerTopForwardSpriteDisabled,
.tabScrollerTopForwardSprite,
.tabScrollerTopForwardSpriteDown,
.tabScrollerRightForwardSpriteDisabled,
.tabScrollerRightForwardSprite,
.tabScrollerRightForwardSpriteDown,
.tabScrollerBottomForwardSpriteDisabled,
.tabScrollerBottomForwardSprite,
.tabScrollerBottomForwardSpriteDown,
.tabScrollerLeftForwardSpriteDisabled,
.tabScrollerLeftForwardSprite,
.tabScrollerLeftForwardSpriteDown {
  background-image: url(./images/TabSet/tabset_sprite.png);
}

.tabScrollerTopBackSpriteDisabled {
  background-position: 0px 0px;
}

.tabScrollerTopBackSprite {
  background-position: 0px -23px;
}

.tabScrollerTopBackSpriteDown {
  background-position: 0px -46px;
}

.tabScrollerRightBackSpriteDisabled {
  background-position: -122px 0px;
}

.tabScrollerRightBackSprite {
  background-position: -122px -19px;
}

.tabScrollerRightBackSpriteDown {
  background-position: -122px -38px;
}

.tabScrollerBottomBackSpriteDisabled {
  background-position: -38px 0px;
}

.tabScrollerBottomBackSprite {
  background-position: -38px -23px;
}

.tabScrollerBottomBackSpriteDown {
  background-position: -38px -46px;
}

.tabScrollerLeftBackSpriteDisabled {
  background-position: -76px 0px;
}

.tabScrollerLeftBackSprite {
  background-position: -76px -19px;
}

.tabScrollerLeftBackSpriteDown {
  background-position: -76px -38px;
}

.tabScrollerTopForwardSpriteDisabled {
  background-position: -19px 0px;
}

.tabScrollerTopForwardSprite {
  background-position: -19px -23px;
}

.tabScrollerTopForwardSpriteDown {
  background-position: -19px -46px;
}

.tabScrollerRightForwardSpriteDisabled {
  background-position: -145px 0px;
}

.tabScrollerRightForwardSprite {
  background-position: -145px -19px;
}

.tabScrollerRightForwardSpriteDown {
  background-position: -145px -38px;
}

.tabScrollerBottomForwardSpriteDisabled {
  background-position: -57px 0px;
}

.tabScrollerBottomForwardSprite {
  background-position: -57px -23px;
}

.tabScrollerBottomForwardSpriteDown {
  background-position: -57px -46px;
}

.tabScrollerLeftForwardSpriteDisabled {
  background-position: -99px 0px;
}

.tabScrollerLeftForwardSprite {
  background-position: -99px -19px;
}

.tabScrollerLeftForwardSpriteDown {
  background-position: -99px -38px;
}

.tabPickerSpriteDisabledtop,
.tabPickerSpritetop,
.tabPickerSpriteDowntop,
.tabPickerSpriteDisabledright,
.tabPickerSpriteright,
.tabPickerSpriteDownright,
.tabPickerSpriteDisabledbottom,
.tabPickerSpritebottom,
.tabPickerSpriteDownbottom,
.tabPickerSpriteDisabledleft,
.tabPickerSpriteleft,
.tabPickerSpriteDownleft {
  background-image: url(./images/TabSet/tabset_sprite.png);
}

.tabPickerSpriteDisabledtop {
  background-position: -168px 0px;
}

.tabPickerSpritetop {
  background-position: -168px -23px;
}

.tabPickerSpriteDowntop {
  background-position: -168px -46px;
}

.tabPickerSpriteDisabledright {
  background-position: -231px 0px;
}

.tabPickerSpriteright {
  background-position: -231px -20px;
}

.tabPickerSpriteDownright {
  background-position: -231px -40px;
}

.tabPickerSpriteDisabledbottom {
  background-position: -188px 0px;
}

.tabPickerSpritebottom {
  background-position: -188px -23px;
}

.tabPickerSpriteDownbottom {
  background-position: -188px -46px;
}

.tabPickerSpriteDisabledleft {
  background-position: -208px 0px;
}

.tabPickerSpriteleft {
  background-position: -208px -20px;
}

.tabPickerSpriteDownleft {
  background-position: -208px -40px;
}

/*============================================================
    7) SectionStack and NavigationBar
============================================================*/
.sectionStack {
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
}

/* SectionStack headers - image based */
.imgSectionHeaderTitleclosed,
.imgSectionHeaderTitleopened,
.imgSectionHeaderTitleOverclosed,
.imgSectionHeaderTitleOveropened {
  border-left: 5px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.imgSectionHeaderTitleDisabledopened,
.imgSectionHeaderTitleDisabledclosed {
  border-left: 5px;
  color: gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.sectionHeaderTitleopened,
.sectionHeaderTitleclosed {
  color: white;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.sectionHeaderTitleDisabledopened,
.sectionHeaderTitleDisabledclosed {
  color: gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

/* SectionStack headers - css based */
.sectionHeaderopened,
.sectionHeaderclosed,
.sectionHeaderDisabledopened,
.sectionHeaderDisabledclosed {
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 2px 2px 2px 3px;
}

.sectionHeaderopened,
.navToolbar {
  background: url(./images/SectionHeader/header_opened_stretch.png) padding-box;
  background-attachment: scroll;
  background-color: #dbdbdb;
  background-repeat: repeat-x;
  background-size: 100% 100%;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI0MyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjZThlOGU4Ii8+PHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiLz48c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(17%, #f0f0f0), color-stop(43%, #e3e3e3), color-stop(48%, #e3e3e3), color-stop(61%, #e8e8e8), color-stop(74%, #ededed), color-stop(87%, #ededed), color-stop(100%, #ededed)) padding-box;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 100%) padding-box;
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 100%) padding-box;
  background: linear-gradient(to bottom, #f5f5f5 0%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 100%) padding-box;
}

.sectionHeaderclosed {
  background-color: #d9d9d9;
  background-image: url(./images/SectionHeader/header_closed_stretch.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  border-top: 1px solid #ababab;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNkZWRlZGUiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNhYmFiYWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmFiYWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(8%, #f7f7f7), color-stop(35%, #dedede), color-stop(39%, #d1d1d1), color-stop(43%, #cfcfcf), color-stop(65%, #e0e0e0), color-stop(83%, #ededed), color-stop(96%, #ededed), color-stop(96%, #ababab), color-stop(100%, #ababab)) padding-box;
  background: -moz-linear-gradient(top, #fafafa 0%, #fafafa 4%, #f7f7f7 8%, #dedede 35%, #d1d1d1 39%, #cfcfcf 43%, #e0e0e0 65%, #ededed 83%, #ededed 96%, #ababab 96%, #ababab 100%) padding-box;
  background: -webkit-linear-gradient(top, #fafafa 0%, #fafafa 4%, #f7f7f7 8%, #dedede 35%, #d1d1d1 39%, #cfcfcf 43%, #e0e0e0 65%, #ededed 83%, #ededed 96%, #ababab 96%, #ababab 100%) padding-box;
  background: linear-gradient(to bottom, #fafafa 0%, #fafafa 4%, #f7f7f7 8%, #dedede 35%, #d1d1d1 39%, #cfcfcf 43%, #e0e0e0 65%, #ededed 83%, #ededed 96%, #ababab 96%, #ababab 100%) padding-box;
}

.sectionHeaderDisabledopened,
.sectionHeaderDisabledclosed {
  background-color: whitesmoke;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFEBEBEB');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZjVmNWY1Ii8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(22%, #f5f5f5), color-stop(48%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 22%, #ebebeb 48%, #ebebeb 100%);
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f5f5f5 22%, #ebebeb 48%, #ebebeb 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 22%, #ebebeb 48%, #ebebeb 100%);
  border: 1px solid #e6e6e6;
  color: gray;
}

.cellopened {
  background-color: #FF0000;
}

.cellclosed {
  background-color: #FF00AA;
}

.navBarAddedFadeIn {
  -moz-transition: opacity 225ms 225ms;
  -o-transition: opacity 225ms 225ms;
  -webkit-transition: opacity 225ms;
  -webkit-transition-delay: 225ms;
  transition: opacity 225ms 225ms;
}

.navBarRemovedFadeOut {
  -moz-transition: opacity 225ms;
  -o-transition: opacity 225ms;
  -webkit-transition: opacity 225ms;
  transition: opacity 225ms;
}

.navBarFadeIn {
  -moz-transition: opacity 315ms 135ms;
  -o-transition: opacity 315ms 135ms;
  -webkit-transition: opacity 315ms;
  -webkit-transition-delay: 135ms;
  transition: opacity 315ms 135ms;
}

.navBarFadeOut {
  -moz-transition: opacity 315ms;
  -o-transition: opacity 315ms;
  -webkit-transition: opacity 315ms;
  transition: opacity 315ms;
}

.navBarOldLeftButtonBack {
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 180ms, 450ms;
  -o-transition-duration: 180ms, 450ms;
  -webkit-transition-duration: 180ms, 450ms;
  transition-duration: 180ms, 450ms;
}

.navBarNewLeftButtonBack,
.navBarNewLeftButtonForward {
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 337.5ms, 450ms;
  -o-transition-duration: 337.5ms, 450ms;
  -webkit-transition-duration: 337.5ms, 450ms;
  transition-duration: 337.5ms, 450ms;
  -moz-transition-delay: 112.5ms, 0ms;
  -o-transition-delay: 112.5ms, 0ms;
  -webkit-transition-delay: 112.5ms, 0ms;
  transition-delay: 112.5ms, 0ms;
}

.navBarOldLeftButtonForward {
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 315ms, 450ms;
  -o-transition-duration: 315ms, 450ms;
  -webkit-transition-duration: 315ms, 450ms;
  transition-duration: 315ms, 450ms;
}

.navBarOldTitleBack,
.navBarOldTitleForward {
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 180ms, 450ms;
  -o-transition-duration: 180ms, 450ms;
  -webkit-transition-duration: 180ms, 450ms;
  transition-duration: 180ms, 450ms;
}

.navBarNewTitleBack,
.navBarNewTitleForward {
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 365.625ms, 450ms;
  -o-transition-duration: 365.625ms, 450ms;
  -webkit-transition-duration: 365.625ms, 450ms;
  transition-duration: 365.625ms, 450ms;
  -moz-transition-delay: 84.375ms, 0ms;
  -o-transition-delay: 84.375ms, 0ms;
  -webkit-transition-delay: 84.375ms, 0ms;
  transition-delay: 84.375ms, 0ms;
}

.navBarHeader,
.navButton,
.navButtonOver,
.navButtonFocused,
.navButtonFocusedOver,
.navButtonDown,
.navButtonFocusedDown,
.navButtonSelected,
.navButtonSelectedFocused,
.navButtonSelectedDown,
.navButtonSelectedFocusedDown,
.navButtonSelectedOver,
.navButtonSelectedFocusedOver,
.navButtonDisabled,
.navButtonSelectedDisabled,
.navBackButton,
.navBackButtonOver,
.navBackButtonFocused,
.navBackButtonFocusedOver,
.navBackButtonDown,
.navBackButtonFocusedDown,
.navBackButtonSelected,
.navBackButtonSelectedFocused,
.navBackButtonSelectedDown,
.navBackButtonSelectedFocusedDown,
.navBackButtonSelectedOver,
.navBackButtonSelectedFocusedOver,
.navBackButtonDisabled,
.navBackButtonSelectedDisabled,
.navForwardButton,
.navForwardButtonOver,
.navForwardButtonFocused,
.navForwardButtonFocusedOver,
.navForwardButtonDown,
.navForwardButtonFocusedDown,
.navForwardButtonSelected,
.navForwardButtonSelectedFocused,
.navForwardButtonSelectedDown,
.navForwardButtonSelectedFocusedDown,
.navForwardButtonSelectedOver,
.navForwardButtonSelectedFocusedOver,
.navForwardButtonDisabled,
.navForwardButtonSelectedDisabled {
  padding: 0px 10px 0px 10px !important;
  /* !important to override the cellpadding attribute */
  color: #2779ff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

.navButtonDown,
.navButtonFocusedDown,
.navButtonSelectedDown,
.navButtonSelectedFocusedDown,
.navBackButtonDown,
.navBackButtonFocusedDown,
.navBackButtonSelectedDown,
.navBackButtonSelectedFocusedDown,
.navForwardButtonDown,
.navForwardButtonFocusedDown,
.navForwardButtonSelectedDown,
.navForwardButtonSelectedFocusedDown {
  color: #82b2ff;
}

.navBarHeader {
  padding: 0px !important;
  color: #000000;
  font-weight: bold;
}

.navBackButton,
.navBackButtonOver,
.navBackButtonFocused,
.navBackButtonFocusedOver,
.navBackButtonFocusedDown,
.navBackButtonSelected,
.navBackButtonSelectedFocused,
.navBackButtonSelectedDown,
.navBackButtonSelectedFocusedDown,
.navBackButtonSelectedOver,
.navBackButtonSelectedFocusedOver,
.navBackButtonDisabled,
.navBackButtonSelectedDisabled {
  /* The back button has 3px less padding because the back arrow icon creates an illusion
     of more padding. */
  padding-left: 7px !important;
  padding-right: 10px !important;
}

.navForwardButton,
.navForwardButtonOver,
.navForwardButtonFocused,
.navForwardButtonFocusedOver,
.navForwardButtonDown,
.navForwardButtonFocusedDown,
.navForwardButtonSelected,
.navForwardButtonSelectedFocused,
.navForwardButtonSelectedDown,
.navForwardButtonSelectedFocusedDown,
.navForwardButtonSelectedOver,
.navForwardButtonSelectedFocusedOver,
.navForwardButtonDisabled,
.navForwardButtonSelectedDisabled {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.navItemHeader {
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: url(./images/SectionHeader/header_opened_stretch.png) padding-box;
  background-attachment: scroll;
  background-color: #dbdbdb;
  background-repeat: repeat-x;
  background-size: 100% 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiYWJhYiIvPjxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iNzQlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI4NyUiIHN0b3AtY29sb3I9IiNlZGVkZWQiLz48c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FiYWJhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ababab), color-stop(6%, #f5f5f5), color-stop(17%, #f0f0f0), color-stop(43%, #e3e3e3), color-stop(48%, #e3e3e3), color-stop(61%, #e8e8e8), color-stop(74%, #ededed), color-stop(87%, #ededed), color-stop(94%, #ededed), color-stop(100%, #ababab)) padding-box;
  background: -moz-linear-gradient(top, #ababab 0%, #f5f5f5 6%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 94%, #ababab 100%) padding-box;
  background: -webkit-linear-gradient(top, #ababab 0%, #f5f5f5 6%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 94%, #ababab 100%) padding-box;
  background: linear-gradient(to bottom, #ababab 0%, #f5f5f5 6%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 94%, #ababab 100%) padding-box;
}

/*============================================================
    8) Forms
============================================================*/
/* general form styles */
.formTitle,
.formTitleRTL,
.formTitleFocused,
.formTitleFocusedRTL,
.formTitleDisabled,
.formTitleDisabledRTL,
.formTitleError,
.formTitleErrorRTL,
.formTitlePending,
.formTitlePendingRTL,
.formTitlePendingFocused,
.formTitlePendingFocusedRTL,
.formTitlePendingDisabled,
.formTitlePendingDisabledRTL,
.formTitlePendingError,
.formTitlePendingErrorRTL,
.formCell,
.formCellRTL,
.formCellFocused,
.formCellFocusedRTL,
.formCellDisabled,
.formCellDisabledRTL,
.formCellError,
.formCellErrorRTL,
.formCellPending,
.formCellPendingRTL,
.formCellPendingFocused,
.formCellPendingFocusedRTL,
.formCellPendingDisabled,
.formCellPendingDisabledRTL,
.formCellPendingError,
.formCellPendingErrorRTL {
  -webkit-text-size-adjust: 100%;
}

.formTitle,
.formTitleRTL,
.formTitleFocused,
.formTitleFocusedRTL,
.formTitleDisabled,
.formTitleDisabledRTL,
.formTitleError,
.formTitleErrorRTL,
.formTitlePending,
.formTitlePendingRTL,
.formTitlePendingFocused,
.formTitlePendingFocusedRTL,
.formTitlePendingDisabled,
.formTitlePendingDisabledRTL,
.formTitlePendingError,
.formTitlePendingErrorRTL,
.formCell,
.formCellRTL,
.formCellFocused,
.formCellFocusedRTL,
.formCellDisabled,
.formCellDisabledRTL,
.formCellError,
.formCellErrorRTL,
.formCellPending,
.formCellPendingRTL,
.formCellPendingFocused,
.formCellPendingFocusedRTL,
.formCellPendingDisabled,
.formCellPendingDisabledRTL,
.formCellPendingError,
.formCellPendingErrorRTL,
.formHint,
.formHintRTL,
.formHintDisabled,
.formHintDisabledRTL,
.headerItem,
.headerItemRTL,
.headerItemDisabled,
.headerItemDisabledRTL,
.headerItemError,
.headerItemErrorRTL,
.nativeSelectItem,
.nativeSelectItemRTL,
.nativeSelectItemFocused,
.nativeSelectItemFocusedRTL,
.nativeSelectItemDisabled,
.nativeSelectItemDisabledRTL,
.nativeSelectItemError,
.nativeSelectItemErrorRTL,
.nativeSelectItemPending,
.nativeSelectItemPendingRTL,
.nativeSelectItemPendingFocused,
.nativeSelectItemPendingFocusedRTL,
.nativeSelectItemPendingDisabled,
.nativeSelectItemPendingDisabledRTL,
.nativeSelectItemPendingError,
.nativeSelectItemPendingErrorRTL,
.staticTextItem,
.staticTextItemRTL,
.staticTextItemFocused,
.staticTextItemFocusedRTL,
.staticTextItemDisabled,
.staticTextItemDisabledRTL,
.staticTextItemError,
.staticTextItemErrorRTL,
.staticTextItemPending,
.staticTextItemPendingRTL,
.staticTextItemPendingFocused,
.staticTextItemPendingFocusedRTL,
.staticTextItemPendingDisabled,
.staticTextItemPendingDisabledRTL,
.staticTextItemPendingError,
.staticTextItemPendingErrorRTL,
.textItem,
.textItemRTL,
.textItemFocused,
.textItemFocusedRTL,
.textItemDisabled,
.textItemDisabledRTL,
.textItemError,
.textItemErrorRTL,
.textItemPending,
.textItemPendingRTL,
.textItemPendingFocused,
.textItemPendingFocusedRTL,
.textItemPendingDisabled,
.textItemPendingDisabledRTL,
.textItemPendingError,
.textItemPendingErrorRTL,
.textItemHint,
.textItemHintRTL,
.textItemDisabledHint,
.textItemDisabledHintRTL,
.uploadItem,
.uploadItemRTL,
.uploadItemFocused,
.uploadItemFocusedRTL,
.uploadItemDisabled,
.uploadItemDisabledRTL,
.uploadItemError,
.uploadItemErrorRTL,
.uploadItemPending,
.uploadItemPendingRTL,
.uploadItemPendingFocused,
.uploadItemPendingFocusedRTL,
.uploadItemPendingDisabled,
.uploadItemPendingDisabledRTL,
.uploadItemPendingError,
.uploadItemPendingErrorRTL,
.uploadItemHint,
.uploadItemHintRTL,
.uploadItemDisabledHint,
.uploadItemDisabledHintRTL,
.selectItemControl,
.selectItemControlRTL,
.selectItemControlFocused,
.selectItemControlFocusedRTL,
.selectItemControlDisabled,
.selectItemControlDisabledRTL,
.selectItemControlError,
.selectItemControlErrorRTL,
.selectItemControlPending,
.selectItemControlPendingRTL,
.selectItemControlPendingFocused,
.selectItemControlPendingFocusedRTL,
.selectItemControlPendingDisabled,
.selectItemControlPendingDisabledRTL,
.selectItemControlPendingError,
.selectItemControlPendingErrorRTL,
.selectItemText,
.selectItemTextRTL,
.selectItemTextFocused,
.selectItemTextFocusedRTL,
.selectItemTextDisabled,
.selectItemTextDisabledRTL,
.selectItemTextError,
.selectItemTextErrorRTL,
.selectItemTextPending,
.selectItemTextPendingRTL,
.selectItemTextPendingFocused,
.selectItemTextPendingFocusedRTL,
.selectItemTextPendingDisabled,
.selectItemTextPendingDisabledRTL,
.selectItemTextPendingError,
.selectItemTextPendingErrorRTL,
.selectItemTextHint,
.selectItemTextHintRTL,
.selectItemTextDisabledHint,
.selectItemTextDisabledHintRTL,
.comboBoxItemPendingText,
.comboBoxItemPendingTextRTL,
.pickerSearchBox,
.pickerSearchBoxRTL,
.pickerSearchBoxFocused,
.pickerSearchBoxFocusedRTL,
.pickerSearchBoxDisabled,
.pickerSearchBoxDisabledRTL,
.pickerSearchBoxError,
.pickerSearchBoxErrorRTL,
.pickerSearchBoxPending,
.pickerSearchBoxPendingRTL,
.pickerSearchBoxPendingFocused,
.pickerSearchBoxPendingFocusedRTL,
.pickerSearchBoxPendingDisabled,
.pickerSearchBoxPendingDisabledRTL,
.pickerSearchBoxPendingError,
.pickerSearchBoxPendingErrorRTL,
.pickerSearchBoxHint,
.pickerSearchBoxHintRTL,
.pickerSearchBoxDisabledHint,
.pickerSearchBoxDisabledHintRTL,
.pickListCell,
.pickListCellRTL,
.pickListCellOver,
.pickListCellOverRTL,
.pickListCellSelected,
.pickListCellSelectedRTL,
.pickListCellSelectedOver,
.pickListCellSelectedOverRTL,
.pickListCellDisabled,
.pickListCellDisabledRTL,
.pickListCellDark,
.pickListCellDarkRTL,
.pickListCellOverDark,
.pickListCellOverDarkRTL,
.pickListCellSelectedDark,
.pickListCellSelectedDarkRTL,
.pickListCellSelectedOverDark,
.pickListCellSelectedOverDarkRTL,
.pickListCellDisabledDark,
.pickListCellDisabledDarkRTL,
.pickListCellPending,
.pickListCellPendingRTL,
.pickListCellPendingOver,
.pickListCellPendingOverRTL,
.pickListCellPendingSelected,
.pickListCellPendingSelectedRTL,
.pickListCellPendingSelectedOver,
.pickListCellPendingSelectedOverRTL,
.pickListCellPendingDisabled,
.pickListCellPendingDisabledRTL,
.pickListCellPendingDark,
.pickListCellPendingDarkRTL,
.pickListCellPendingOverDark,
.pickListCellPendingOverDarkRTL,
.pickListCellPendingSelectedDark,
.pickListCellPendingSelectedDarkRTL,
.pickListCellPendingSelectedOverDark,
.pickListCellPendingSelectedOverDarkRTL,
.pickListCellPendingDisabledDark,
.pickListCellPendingDisabledDarkRTL,
.pickListCellDeselected,
.pickListCellDeselectedRTL,
.pickListCellDeselectedOver,
.pickListCellDeselectedOverRTL,
.pickListCellDeselectedSelected,
.pickListCellDeselectedSelectedRTL,
.pickListCellDeselectedSelectedOver,
.pickListCellDeselectedSelectedOverRTL,
.pickListCellDeselectedDisabled,
.pickListCellDeselectedDisabledRTL,
.pickListCellDeselectedDark,
.pickListCellDeselectedDarkRTL,
.pickListCellDeselectedOverDark,
.pickListCellDeselectedOverDarkRTL,
.pickListCellDeselectedSelectedDark,
.pickListCellDeselectedSelectedDarkRTL,
.pickListCellDeselectedSelectedOverDark,
.pickListCellDeselectedSelectedOverDarkRTL,
.pickListCellDeselectedDisabledDark,
.pickListCellDeselectedDisabledDarkRTL,
.tallPickListCell,
.tallPickListCellRTL,
.tallPickListCellOver,
.tallPickListCellOverRTL,
.tallPickListCellSelected,
.tallPickListCellSelectedRTL,
.tallPickListCellSelectedOver,
.tallPickListCellSelectedOverRTL,
.tallPickListCellDisabled,
.tallPickListCellDisabledRTL,
.tallPickListCellDark,
.tallPickListCellDarkRTL,
.tallPickListCellOverDark,
.tallPickListCellOverDarkRTL,
.tallPickListCellSelectedDark,
.tallPickListCellSelectedDarkRTL,
.tallPickListCellSelectedOverDark,
.tallPickListCellSelectedOverDarkRTL,
.tallPickListCellDisabledDark,
.tallPickListCellDisabledDarkRTL,
.tallPickListCellPending,
.tallPickListCellPendingRTL,
.tallPickListCellPendingOver,
.tallPickListCellPendingOverRTL,
.tallPickListCellPendingSelected,
.tallPickListCellPendingSelectedRTL,
.tallPickListCellPendingSelectedOver,
.tallPickListCellPendingSelectedOverRTL,
.tallPickListCellPendingDisabled,
.tallPickListCellPendingDisabledRTL,
.tallPickListCellPendingDark,
.tallPickListCellPendingDarkRTL,
.tallPickListCellPendingOverDark,
.tallPickListCellPendingOverDarkRTL,
.tallPickListCellPendingSelectedDark,
.tallPickListCellPendingSelectedDarkRTL,
.tallPickListCellPendingSelectedOverDark,
.tallPickListCellPendingSelectedOverDarkRTL,
.tallPickListCellPendingDisabledDark,
.tallPickListCellPendingDisabledDarkRTL,
.tallPickListCellDeselected,
.tallPickListCellDeselectedRTL,
.tallPickListCellDeselectedOver,
.tallPickListCellDeselectedOverRTL,
.tallPickListCellDeselectedSelected,
.tallPickListCellDeselectedSelectedRTL,
.tallPickListCellDeselectedSelectedOver,
.tallPickListCellDeselectedSelectedOverRTL,
.tallPickListCellDeselectedDisabled,
.tallPickListCellDeselectedDisabledRTL,
.tallPickListCellDeselectedDark,
.tallPickListCellDeselectedDarkRTL,
.tallPickListCellDeselectedOverDark,
.tallPickListCellDeselectedOverDarkRTL,
.tallPickListCellDeselectedSelectedDark,
.tallPickListCellDeselectedSelectedDarkRTL,
.tallPickListCellDeselectedSelectedOverDark,
.tallPickListCellDeselectedSelectedOverDarkRTL,
.tallPickListCellDeselectedDisabledDark,
.tallPickListCellDeselectedDisabledDarkRTL,
.labelAnchor,
.labelAnchorRTL,
.labelAnchorDisabled,
.labelAnchorDisabledRTL,
.labelAnchorError,
.labelAnchorErrorRTL,
.labelAnchorFocused,
.labelAnchorFocusedRTL {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.roundedTextItem,
.roundedTextItemRTL,
.roundedTextItemFocused,
.roundedTextItemFocusedRTL,
.roundedTextItemDisabled,
.roundedTextItemDisabledRTL,
.roundedTextItemError,
.roundedTextItemErrorRTL,
.roundedTextItemPending,
.roundedTextItemPendingRTL,
.roundedTextItemPendingFocused,
.roundedTextItemPendingFocusedRTL,
.roundedTextItemPendingDisabled,
.roundedTextItemPendingDisabledRTL,
.roundedTextItemPendingError,
.roundedTextItemPendingErrorRTL,
.roundedTextItemHint,
.roundedTextItemHintRTL,
.roundedTextItemDisabledHint,
.roundedTextItemDisabledHintRTL {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.formTitle,
.formTitleRTL,
.formTitleFocused,
.formTitleFocusedRTL,
.formTitlePending,
.formTitlePendingRTL,
.formTitlePendingFocused,
.formTitlePendingFocusedRTL {
  color: #003168;
}

.formTitleDisabled,
.formTitleDisabledRTL,
.formTitlePendingDisabled,
.formTitlePendingDisabledRTL {
  color: #ababab;
}

.formTitleError,
.formTitleErrorRTL,
.formTitlePendingError,
.formTitlePendingErrorRTL {
  color: #692023;
  font-weight: bold;
}

.formCellError,
.formCellErrorRTL,
.formCellPendingError,
.formCellPendingErrorRTL {
  color: #692023;
}

.formHint,
.formHintRTL,
.formHintDisabled,
.formHintDisabledRTL {
  color: #684547;
  padding: 3px;
}

/* Allow for nested forms to lie flush against the left-hand edge of the containing form */
.nestedFormContainer,
.nestedFormContainerFocused,
.nestedFormContainerDisabled,
.nestedFormContainerError {
  padding-left: 0px;
}

.nestedFormContainerRTL,
.nestedFormContainerFocusedRTL,
.nestedFormContainerDisabledRTL,
.nestedFormContainerErrorRTL {
  padding-right: 0px;
}

/* headerItem */
.headerItem,
.headerItemRTL,
.headerItemDisabled,
.headerItemDisabledRTL,
.headerItemError,
.headerItemErrorRTL {
  color: #4d4d4d;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.nativeSelectItemRTL[multiple] {
  direction: ltr;
}

.nativeSelectItemRTL[multiple] > optgroup > option,
.nativeSelectItemRTL[multiple] > option {
  direction: rtl;
}

/* text-based items common props */
.textItem,
.textItemRTL,
.textItemFocused,
.textItemFocusedRTL,
.textItemDisabled,
.textItemDisabledRTL,
.textItemError,
.textItemErrorRTL,
.textItemPending,
.textItemPendingRTL,
.textItemPendingFocused,
.textItemPendingFocusedRTL,
.textItemPendingDisabled,
.textItemPendingDisabledRTL,
.textItemPendingError,
.textItemPendingErrorRTL,
.textItemHint,
.textItemHintRTL,
.textItemDisabledHint,
.textItemDisabledHintRTL,
.selectItemText,
.selectItemTextRTL,
.selectItemTextFocused,
.selectItemTextFocusedRTL,
.selectItemTextDisabled,
.selectItemTextDisabledRTL,
.selectItemTextError,
.selectItemTextErrorRTL,
.selectItemTextPending,
.selectItemTextPendingRTL,
.selectItemTextPendingFocused,
.selectItemTextPendingFocusedRTL,
.selectItemTextPendingDisabled,
.selectItemTextPendingDisabledRTL,
.selectItemTextPendingError,
.selectItemTextPendingErrorRTL,
.selectItemTextHint,
.selectItemTextHintRTL,
.selectItemTextDisabledHint,
.selectItemTextDisabledHintRTL,
.comboBoxItemPendingText,
.comboBoxItemPendingTextRTL,
.pickerSearchBox,
.pickerSearchBoxRTL,
.pickerSearchBoxFocused,
.pickerSearchBoxFocusedRTL,
.pickerSearchBoxDisabled,
.pickerSearchBoxDisabledRTL,
.pickerSearchBoxError,
.pickerSearchBoxErrorRTL,
.pickerSearchBoxPending,
.pickerSearchBoxPendingRTL,
.pickerSearchBoxPendingFocused,
.pickerSearchBoxPendingFocusedRTL,
.pickerSearchBoxPendingDisabled,
.pickerSearchBoxPendingDisabledRTL,
.pickerSearchBoxPendingError,
.pickerSearchBoxPendingErrorRTL,
.pickerSearchBoxHint,
.pickerSearchBoxHintRTL,
.pickerSearchBoxDisabledHint,
.pickerSearchBoxDisabledHintRTL {
  margin: 0;
  background: white;
  border: 1px solid #ababab;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: black;
  padding: 4px 2px 4px 2px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-appearance: none;
}
.textItem:-moz-placeholder,
.textItemRTL:-moz-placeholder,
.textItemFocused:-moz-placeholder,
.textItemFocusedRTL:-moz-placeholder,
.textItemDisabled:-moz-placeholder,
.textItemDisabledRTL:-moz-placeholder,
.textItemError:-moz-placeholder,
.textItemErrorRTL:-moz-placeholder,
.textItemPending:-moz-placeholder,
.textItemPendingRTL:-moz-placeholder,
.textItemPendingFocused:-moz-placeholder,
.textItemPendingFocusedRTL:-moz-placeholder,
.textItemPendingDisabled:-moz-placeholder,
.textItemPendingDisabledRTL:-moz-placeholder,
.textItemPendingError:-moz-placeholder,
.textItemPendingErrorRTL:-moz-placeholder,
.textItemHint:-moz-placeholder,
.textItemHintRTL:-moz-placeholder,
.textItemDisabledHint:-moz-placeholder,
.textItemDisabledHintRTL:-moz-placeholder,
.selectItemText:-moz-placeholder,
.selectItemTextRTL:-moz-placeholder,
.selectItemTextFocused:-moz-placeholder,
.selectItemTextFocusedRTL:-moz-placeholder,
.selectItemTextDisabled:-moz-placeholder,
.selectItemTextDisabledRTL:-moz-placeholder,
.selectItemTextError:-moz-placeholder,
.selectItemTextErrorRTL:-moz-placeholder,
.selectItemTextPending:-moz-placeholder,
.selectItemTextPendingRTL:-moz-placeholder,
.selectItemTextPendingFocused:-moz-placeholder,
.selectItemTextPendingFocusedRTL:-moz-placeholder,
.selectItemTextPendingDisabled:-moz-placeholder,
.selectItemTextPendingDisabledRTL:-moz-placeholder,
.selectItemTextPendingError:-moz-placeholder,
.selectItemTextPendingErrorRTL:-moz-placeholder,
.selectItemTextHint:-moz-placeholder,
.selectItemTextHintRTL:-moz-placeholder,
.selectItemTextDisabledHint:-moz-placeholder,
.selectItemTextDisabledHintRTL:-moz-placeholder,
.comboBoxItemPendingText:-moz-placeholder,
.comboBoxItemPendingTextRTL:-moz-placeholder,
.pickerSearchBox:-moz-placeholder,
.pickerSearchBoxRTL:-moz-placeholder,
.pickerSearchBoxFocused:-moz-placeholder,
.pickerSearchBoxFocusedRTL:-moz-placeholder,
.pickerSearchBoxDisabled:-moz-placeholder,
.pickerSearchBoxDisabledRTL:-moz-placeholder,
.pickerSearchBoxError:-moz-placeholder,
.pickerSearchBoxErrorRTL:-moz-placeholder,
.pickerSearchBoxPending:-moz-placeholder,
.pickerSearchBoxPendingRTL:-moz-placeholder,
.pickerSearchBoxPendingFocused:-moz-placeholder,
.pickerSearchBoxPendingFocusedRTL:-moz-placeholder,
.pickerSearchBoxPendingDisabled:-moz-placeholder,
.pickerSearchBoxPendingDisabledRTL:-moz-placeholder,
.pickerSearchBoxPendingError:-moz-placeholder,
.pickerSearchBoxPendingErrorRTL:-moz-placeholder,
.pickerSearchBoxHint:-moz-placeholder,
.pickerSearchBoxHintRTL:-moz-placeholder,
.pickerSearchBoxDisabledHint:-moz-placeholder,
.pickerSearchBoxDisabledHintRTL:-moz-placeholder {
  color: #6395cf;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItem::-moz-placeholder,
.textItemRTL::-moz-placeholder,
.textItemFocused::-moz-placeholder,
.textItemFocusedRTL::-moz-placeholder,
.textItemDisabled::-moz-placeholder,
.textItemDisabledRTL::-moz-placeholder,
.textItemError::-moz-placeholder,
.textItemErrorRTL::-moz-placeholder,
.textItemPending::-moz-placeholder,
.textItemPendingRTL::-moz-placeholder,
.textItemPendingFocused::-moz-placeholder,
.textItemPendingFocusedRTL::-moz-placeholder,
.textItemPendingDisabled::-moz-placeholder,
.textItemPendingDisabledRTL::-moz-placeholder,
.textItemPendingError::-moz-placeholder,
.textItemPendingErrorRTL::-moz-placeholder,
.textItemHint::-moz-placeholder,
.textItemHintRTL::-moz-placeholder,
.textItemDisabledHint::-moz-placeholder,
.textItemDisabledHintRTL::-moz-placeholder,
.selectItemText::-moz-placeholder,
.selectItemTextRTL::-moz-placeholder,
.selectItemTextFocused::-moz-placeholder,
.selectItemTextFocusedRTL::-moz-placeholder,
.selectItemTextDisabled::-moz-placeholder,
.selectItemTextDisabledRTL::-moz-placeholder,
.selectItemTextError::-moz-placeholder,
.selectItemTextErrorRTL::-moz-placeholder,
.selectItemTextPending::-moz-placeholder,
.selectItemTextPendingRTL::-moz-placeholder,
.selectItemTextPendingFocused::-moz-placeholder,
.selectItemTextPendingFocusedRTL::-moz-placeholder,
.selectItemTextPendingDisabled::-moz-placeholder,
.selectItemTextPendingDisabledRTL::-moz-placeholder,
.selectItemTextPendingError::-moz-placeholder,
.selectItemTextPendingErrorRTL::-moz-placeholder,
.selectItemTextHint::-moz-placeholder,
.selectItemTextHintRTL::-moz-placeholder,
.selectItemTextDisabledHint::-moz-placeholder,
.selectItemTextDisabledHintRTL::-moz-placeholder,
.comboBoxItemPendingText::-moz-placeholder,
.comboBoxItemPendingTextRTL::-moz-placeholder,
.pickerSearchBox::-moz-placeholder,
.pickerSearchBoxRTL::-moz-placeholder,
.pickerSearchBoxFocused::-moz-placeholder,
.pickerSearchBoxFocusedRTL::-moz-placeholder,
.pickerSearchBoxDisabled::-moz-placeholder,
.pickerSearchBoxDisabledRTL::-moz-placeholder,
.pickerSearchBoxError::-moz-placeholder,
.pickerSearchBoxErrorRTL::-moz-placeholder,
.pickerSearchBoxPending::-moz-placeholder,
.pickerSearchBoxPendingRTL::-moz-placeholder,
.pickerSearchBoxPendingFocused::-moz-placeholder,
.pickerSearchBoxPendingFocusedRTL::-moz-placeholder,
.pickerSearchBoxPendingDisabled::-moz-placeholder,
.pickerSearchBoxPendingDisabledRTL::-moz-placeholder,
.pickerSearchBoxPendingError::-moz-placeholder,
.pickerSearchBoxPendingErrorRTL::-moz-placeholder,
.pickerSearchBoxHint::-moz-placeholder,
.pickerSearchBoxHintRTL::-moz-placeholder,
.pickerSearchBoxDisabledHint::-moz-placeholder,
.pickerSearchBoxDisabledHintRTL::-moz-placeholder {
  color: #6395cf;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItem:-ms-input-placeholder,
.textItemRTL:-ms-input-placeholder,
.textItemFocused:-ms-input-placeholder,
.textItemFocusedRTL:-ms-input-placeholder,
.textItemDisabled:-ms-input-placeholder,
.textItemDisabledRTL:-ms-input-placeholder,
.textItemError:-ms-input-placeholder,
.textItemErrorRTL:-ms-input-placeholder,
.textItemPending:-ms-input-placeholder,
.textItemPendingRTL:-ms-input-placeholder,
.textItemPendingFocused:-ms-input-placeholder,
.textItemPendingFocusedRTL:-ms-input-placeholder,
.textItemPendingDisabled:-ms-input-placeholder,
.textItemPendingDisabledRTL:-ms-input-placeholder,
.textItemPendingError:-ms-input-placeholder,
.textItemPendingErrorRTL:-ms-input-placeholder,
.textItemHint:-ms-input-placeholder,
.textItemHintRTL:-ms-input-placeholder,
.textItemDisabledHint:-ms-input-placeholder,
.textItemDisabledHintRTL:-ms-input-placeholder,
.selectItemText:-ms-input-placeholder,
.selectItemTextRTL:-ms-input-placeholder,
.selectItemTextFocused:-ms-input-placeholder,
.selectItemTextFocusedRTL:-ms-input-placeholder,
.selectItemTextDisabled:-ms-input-placeholder,
.selectItemTextDisabledRTL:-ms-input-placeholder,
.selectItemTextError:-ms-input-placeholder,
.selectItemTextErrorRTL:-ms-input-placeholder,
.selectItemTextPending:-ms-input-placeholder,
.selectItemTextPendingRTL:-ms-input-placeholder,
.selectItemTextPendingFocused:-ms-input-placeholder,
.selectItemTextPendingFocusedRTL:-ms-input-placeholder,
.selectItemTextPendingDisabled:-ms-input-placeholder,
.selectItemTextPendingDisabledRTL:-ms-input-placeholder,
.selectItemTextPendingError:-ms-input-placeholder,
.selectItemTextPendingErrorRTL:-ms-input-placeholder,
.selectItemTextHint:-ms-input-placeholder,
.selectItemTextHintRTL:-ms-input-placeholder,
.selectItemTextDisabledHint:-ms-input-placeholder,
.selectItemTextDisabledHintRTL:-ms-input-placeholder,
.comboBoxItemPendingText:-ms-input-placeholder,
.comboBoxItemPendingTextRTL:-ms-input-placeholder,
.pickerSearchBox:-ms-input-placeholder,
.pickerSearchBoxRTL:-ms-input-placeholder,
.pickerSearchBoxFocused:-ms-input-placeholder,
.pickerSearchBoxFocusedRTL:-ms-input-placeholder,
.pickerSearchBoxDisabled:-ms-input-placeholder,
.pickerSearchBoxDisabledRTL:-ms-input-placeholder,
.pickerSearchBoxError:-ms-input-placeholder,
.pickerSearchBoxErrorRTL:-ms-input-placeholder,
.pickerSearchBoxPending:-ms-input-placeholder,
.pickerSearchBoxPendingRTL:-ms-input-placeholder,
.pickerSearchBoxPendingFocused:-ms-input-placeholder,
.pickerSearchBoxPendingFocusedRTL:-ms-input-placeholder,
.pickerSearchBoxPendingDisabled:-ms-input-placeholder,
.pickerSearchBoxPendingDisabledRTL:-ms-input-placeholder,
.pickerSearchBoxPendingError:-ms-input-placeholder,
.pickerSearchBoxPendingErrorRTL:-ms-input-placeholder,
.pickerSearchBoxHint:-ms-input-placeholder,
.pickerSearchBoxHintRTL:-ms-input-placeholder,
.pickerSearchBoxDisabledHint:-ms-input-placeholder,
.pickerSearchBoxDisabledHintRTL:-ms-input-placeholder {
  color: #6395cf;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItem::-webkit-input-placeholder,
.textItemRTL::-webkit-input-placeholder,
.textItemFocused::-webkit-input-placeholder,
.textItemFocusedRTL::-webkit-input-placeholder,
.textItemDisabled::-webkit-input-placeholder,
.textItemDisabledRTL::-webkit-input-placeholder,
.textItemError::-webkit-input-placeholder,
.textItemErrorRTL::-webkit-input-placeholder,
.textItemPending::-webkit-input-placeholder,
.textItemPendingRTL::-webkit-input-placeholder,
.textItemPendingFocused::-webkit-input-placeholder,
.textItemPendingFocusedRTL::-webkit-input-placeholder,
.textItemPendingDisabled::-webkit-input-placeholder,
.textItemPendingDisabledRTL::-webkit-input-placeholder,
.textItemPendingError::-webkit-input-placeholder,
.textItemPendingErrorRTL::-webkit-input-placeholder,
.textItemHint::-webkit-input-placeholder,
.textItemHintRTL::-webkit-input-placeholder,
.textItemDisabledHint::-webkit-input-placeholder,
.textItemDisabledHintRTL::-webkit-input-placeholder,
.selectItemText::-webkit-input-placeholder,
.selectItemTextRTL::-webkit-input-placeholder,
.selectItemTextFocused::-webkit-input-placeholder,
.selectItemTextFocusedRTL::-webkit-input-placeholder,
.selectItemTextDisabled::-webkit-input-placeholder,
.selectItemTextDisabledRTL::-webkit-input-placeholder,
.selectItemTextError::-webkit-input-placeholder,
.selectItemTextErrorRTL::-webkit-input-placeholder,
.selectItemTextPending::-webkit-input-placeholder,
.selectItemTextPendingRTL::-webkit-input-placeholder,
.selectItemTextPendingFocused::-webkit-input-placeholder,
.selectItemTextPendingFocusedRTL::-webkit-input-placeholder,
.selectItemTextPendingDisabled::-webkit-input-placeholder,
.selectItemTextPendingDisabledRTL::-webkit-input-placeholder,
.selectItemTextPendingError::-webkit-input-placeholder,
.selectItemTextPendingErrorRTL::-webkit-input-placeholder,
.selectItemTextHint::-webkit-input-placeholder,
.selectItemTextHintRTL::-webkit-input-placeholder,
.selectItemTextDisabledHint::-webkit-input-placeholder,
.selectItemTextDisabledHintRTL::-webkit-input-placeholder,
.comboBoxItemPendingText::-webkit-input-placeholder,
.comboBoxItemPendingTextRTL::-webkit-input-placeholder,
.pickerSearchBox::-webkit-input-placeholder,
.pickerSearchBoxRTL::-webkit-input-placeholder,
.pickerSearchBoxFocused::-webkit-input-placeholder,
.pickerSearchBoxFocusedRTL::-webkit-input-placeholder,
.pickerSearchBoxDisabled::-webkit-input-placeholder,
.pickerSearchBoxDisabledRTL::-webkit-input-placeholder,
.pickerSearchBoxError::-webkit-input-placeholder,
.pickerSearchBoxErrorRTL::-webkit-input-placeholder,
.pickerSearchBoxPending::-webkit-input-placeholder,
.pickerSearchBoxPendingRTL::-webkit-input-placeholder,
.pickerSearchBoxPendingFocused::-webkit-input-placeholder,
.pickerSearchBoxPendingFocusedRTL::-webkit-input-placeholder,
.pickerSearchBoxPendingDisabled::-webkit-input-placeholder,
.pickerSearchBoxPendingDisabledRTL::-webkit-input-placeholder,
.pickerSearchBoxPendingError::-webkit-input-placeholder,
.pickerSearchBoxPendingErrorRTL::-webkit-input-placeholder,
.pickerSearchBoxHint::-webkit-input-placeholder,
.pickerSearchBoxHintRTL::-webkit-input-placeholder,
.pickerSearchBoxDisabledHint::-webkit-input-placeholder,
.pickerSearchBoxDisabledHintRTL::-webkit-input-placeholder {
  color: #6395cf;
  opacity: 1;
  text-overflow: ellipsis;
}

.uploadItem,
.uploadItemRTL,
.uploadItemFocused,
.uploadItemFocusedRTL,
.uploadItemDisabled,
.uploadItemDisabledRTL,
.uploadItemError,
.uploadItemErrorRTL,
.uploadItemPending,
.uploadItemPendingRTL,
.uploadItemPendingFocused,
.uploadItemPendingFocusedRTL,
.uploadItemPendingDisabled,
.uploadItemPendingDisabledRTL,
.uploadItemPendingError,
.uploadItemPendingErrorRTL,
.uploadItemHint,
.uploadItemHintRTL,
.uploadItemDisabledHint,
.uploadItemDisabledHintRTL {
  margin: 0;
  border: 0;
  padding: 0;
  background: #fff;
  color: black;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-appearance: none;
}

.comboBoxItemPendingText,
.selectItemText,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextError,
.selectItemTextPending,
.selectItemTextPendingFocused,
.selectItemTextPendingDisabled,
.selectItemTextPendingError,
.selectItemTextHint,
.selectItemTextDisabledHint {
  border-right: 0;
}

.comboBoxItemPendingTextRTL,
.selectItemTextRTL,
.selectItemTextFocusedRTL,
.selectItemTextDisabledRTL,
.selectItemTextErrorRTL,
.selectItemTextPendingRTL,
.selectItemTextPendingFocusedRTL,
.selectItemTextPendingDisabledRTL,
.selectItemTextPendingErrorRTL,
.selectItemTextHintRTL,
.selectItemTextDisabledHintRTL {
  border-left: 0;
}

.textItem,
.textItemRTL,
.textItemPending,
.textItemPendingRTL,
.textItemHint,
.textItemHintRTL,
.pickerSearchBox,
.pickerSearchBoxRTL,
.pickerSearchBoxPending,
.pickerSearchBoxPendingRTL,
.pickerSearchBoxHint,
.pickerSearchBoxHintRTL {
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-top: 1px solid #ababab;
}

.textItemDisabled,
.textItemDisabledRTL,
.textItemPendingDisabled,
.textItemPendingDisabledRTL,
.textItemDisabledHint,
.textItemDisabledHintRTL,
.selectItemTextDisabled,
.selectItemTextDisabledRTL,
.selectItemTextPendingDisabled,
.selectItemTextPendingDisabledRTL,
.selectItemTextDisabledHint,
.selectItemTextDisabledHintRTL,
.pickerSearchBoxDisabled,
.pickerSearchBoxDisabledRTL,
.pickerSearchBoxPendingDisabled,
.pickerSearchBoxPendingDisabledRTL,
.pickerSearchBoxDisabledHint,
.pickerSearchBoxDisabledHintRTL {
  background-color: white;
  border: 1px solid #ababab;
  color: #ababab;
}
.textItemDisabled:-moz-placeholder,
.textItemDisabledRTL:-moz-placeholder,
.textItemPendingDisabled:-moz-placeholder,
.textItemPendingDisabledRTL:-moz-placeholder,
.textItemDisabledHint:-moz-placeholder,
.textItemDisabledHintRTL:-moz-placeholder,
.selectItemTextDisabled:-moz-placeholder,
.selectItemTextDisabledRTL:-moz-placeholder,
.selectItemTextPendingDisabled:-moz-placeholder,
.selectItemTextPendingDisabledRTL:-moz-placeholder,
.selectItemTextDisabledHint:-moz-placeholder,
.selectItemTextDisabledHintRTL:-moz-placeholder,
.pickerSearchBoxDisabled:-moz-placeholder,
.pickerSearchBoxDisabledRTL:-moz-placeholder,
.pickerSearchBoxPendingDisabled:-moz-placeholder,
.pickerSearchBoxPendingDisabledRTL:-moz-placeholder,
.pickerSearchBoxDisabledHint:-moz-placeholder,
.pickerSearchBoxDisabledHintRTL:-moz-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemDisabled::-moz-placeholder,
.textItemDisabledRTL::-moz-placeholder,
.textItemPendingDisabled::-moz-placeholder,
.textItemPendingDisabledRTL::-moz-placeholder,
.textItemDisabledHint::-moz-placeholder,
.textItemDisabledHintRTL::-moz-placeholder,
.selectItemTextDisabled::-moz-placeholder,
.selectItemTextDisabledRTL::-moz-placeholder,
.selectItemTextPendingDisabled::-moz-placeholder,
.selectItemTextPendingDisabledRTL::-moz-placeholder,
.selectItemTextDisabledHint::-moz-placeholder,
.selectItemTextDisabledHintRTL::-moz-placeholder,
.pickerSearchBoxDisabled::-moz-placeholder,
.pickerSearchBoxDisabledRTL::-moz-placeholder,
.pickerSearchBoxPendingDisabled::-moz-placeholder,
.pickerSearchBoxPendingDisabledRTL::-moz-placeholder,
.pickerSearchBoxDisabledHint::-moz-placeholder,
.pickerSearchBoxDisabledHintRTL::-moz-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemDisabled:-ms-input-placeholder,
.textItemDisabledRTL:-ms-input-placeholder,
.textItemPendingDisabled:-ms-input-placeholder,
.textItemPendingDisabledRTL:-ms-input-placeholder,
.textItemDisabledHint:-ms-input-placeholder,
.textItemDisabledHintRTL:-ms-input-placeholder,
.selectItemTextDisabled:-ms-input-placeholder,
.selectItemTextDisabledRTL:-ms-input-placeholder,
.selectItemTextPendingDisabled:-ms-input-placeholder,
.selectItemTextPendingDisabledRTL:-ms-input-placeholder,
.selectItemTextDisabledHint:-ms-input-placeholder,
.selectItemTextDisabledHintRTL:-ms-input-placeholder,
.pickerSearchBoxDisabled:-ms-input-placeholder,
.pickerSearchBoxDisabledRTL:-ms-input-placeholder,
.pickerSearchBoxPendingDisabled:-ms-input-placeholder,
.pickerSearchBoxPendingDisabledRTL:-ms-input-placeholder,
.pickerSearchBoxDisabledHint:-ms-input-placeholder,
.pickerSearchBoxDisabledHintRTL:-ms-input-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemDisabled::-webkit-input-placeholder,
.textItemDisabledRTL::-webkit-input-placeholder,
.textItemPendingDisabled::-webkit-input-placeholder,
.textItemPendingDisabledRTL::-webkit-input-placeholder,
.textItemDisabledHint::-webkit-input-placeholder,
.textItemDisabledHintRTL::-webkit-input-placeholder,
.selectItemTextDisabled::-webkit-input-placeholder,
.selectItemTextDisabledRTL::-webkit-input-placeholder,
.selectItemTextPendingDisabled::-webkit-input-placeholder,
.selectItemTextPendingDisabledRTL::-webkit-input-placeholder,
.selectItemTextDisabledHint::-webkit-input-placeholder,
.selectItemTextDisabledHintRTL::-webkit-input-placeholder,
.pickerSearchBoxDisabled::-webkit-input-placeholder,
.pickerSearchBoxDisabledRTL::-webkit-input-placeholder,
.pickerSearchBoxPendingDisabled::-webkit-input-placeholder,
.pickerSearchBoxPendingDisabledRTL::-webkit-input-placeholder,
.pickerSearchBoxDisabledHint::-webkit-input-placeholder,
.pickerSearchBoxDisabledHintRTL::-webkit-input-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}

.nativeSelectItemDisabled,
.nativeSelectItemDisabledRTL,
.nativeSelectItemPendingDisabled,
.nativeSelectItemPendingDisabledRTL,
.staticTextItemDisabled,
.staticTextItemDisabledRTL,
.staticTextItemPendingDisabled,
.staticTextItemPendingDisabledRTL {
  color: #ababab;
}

select:disabled,
optgroup:disabled,
option:disabled {
  color: #ababab;
}

select[disabled],
select[disabled] option {
  color: #ababab;
}

.uploadItemDisabled,
.uploadItemDisabledRTL,
.uploadItemPendingDisabled,
.uploadItemPendingDisabledRTL,
.uploadItemDisabledHint,
.uploadItemDisabledHintRTL {
  color: #ababab;
}

.textItemHint,
.textItemHintRTL,
.selectItemTextHint,
.selectItemTextHintRTL,
.nativeDateItemInFieldHint,
.nativeDateItemInFieldHintRTL,
.nativeTimeItemInFieldHint,
.nativeTimeItemInFieldHintRTL,
.nativeDatetimeItemInFieldHint,
.nativeDatetimeItemInFieldHintRTL {
  color: #204269;
}

/* sprited ComboBoxItem picker */
.comboBoxItemPickerDisabled,
.comboBoxItemPicker,
.comboBoxItemPickerOver,
.comboBoxItemPickerFocused,
.comboBoxItemPickerFocusedOver {
  background-image: url(./images/pickers/pickers_sprite.png);
}

.comboBoxItemPickerDisabledRTL,
.comboBoxItemPickerRTL,
.comboBoxItemPickerOverRTL,
.comboBoxItemPickerFocusedRTL,
.comboBoxItemPickerFocusedOverRTL {
  background-image: url(./images/pickers/pickers_sprite_rtl.png);
}

.comboBoxItemPickerDisabled,
.comboBoxItemPickerDisabledRTL {
  background-position: 0px -22px;
}

.comboBoxItemPicker,
.comboBoxItemPickerRTL,
.comboBoxItemPickerFocused,
.comboBoxItemPickerFocusedRTL {
  background-position: -18px -22px;
}

.comboBoxItemPickerOver,
.comboBoxItemPickerOverRTL,
.comboBoxItemPickerFocusedOver,
.comboBoxItemPickerFocusedOverRTL {
  background-position: -36px -22px;
}

/* Minimalist appearance text based items. Includes ComboBoxItem, SelectItem and SpinnerItem */
/* Actual minimalist text */
.textItemLite,
.textItemLiteRTL,
.textItemLiteFocused,
.textItemLiteFocusedRTL,
.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLiteError,
.textItemLiteErrorRTL,
.textItemLitePending,
.textItemLitePendingRTL,
.textItemLitePendingFocused,
.textItemLitePendingFocusedRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLitePendingError,
.textItemLitePendingErrorRTL,
.textItemLiteHint,
.textItemLiteHintRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.selectItemLiteText,
.selectItemLiteTextRTL,
.selectItemLiteTextFocused,
.selectItemLiteTextFocusedRTL,
.selectItemLiteTextDisabled,
.selectItemLiteTextDisabledRTL,
.selectItemLiteTextError,
.selectItemLiteTextErrorRTL,
.selectItemLiteTextPending,
.selectItemLiteTextPendingRTL,
.selectItemLiteTextPendingFocused,
.selectItemLiteTextPendingFocusedRTL,
.selectItemLiteTextPendingDisabled,
.selectItemLiteTextPendingDisabledRTL,
.selectItemLiteTextPendingError,
.selectItemLiteTextPendingErrorRTL,
.selectItemLiteTextHint,
.selectItemLiteTextHintRTL,
.selectItemLiteTextDisabledHint,
.selectItemLiteTextDisabledHintRTL,
.spinnerItemLiteText,
.spinnerItemLiteTextRTL,
.spinnerItemLiteTextFocused,
.spinnerItemLiteTextFocusedRTL,
.spinnerItemLiteTextDisabled,
.spinnerItemLiteTextDisabledRTL,
.spinnerItemLiteTextError,
.spinnerItemLiteTextErrorRTL,
.spinnerItemLiteTextPending,
.spinnerItemLiteTextPendingRTL,
.spinnerItemLiteTextPendingFocused,
.spinnerItemLiteTextPendingFocusedRTL,
.spinnerItemLiteTextPendingDisabled,
.spinnerItemLiteTextPendingDisabledRTL,
.spinnerItemLiteTextPendingError,
.spinnerItemLiteTextPendingErrorRTL,
.spinnerItemLiteTextHint,
.spinnerItemLiteTextHintRTL,
.spinnerItemLiteTextDisabledHint,
.spinnerItemLiteTextDisabledHintRTL,
.textAreaItemLite,
.textAreaItemLiteRTL,
.textAreaItemLiteFocused,
.textAreaItemLiteFocusedRTL,
.textAreaItemLiteDisabled,
.textAreaItemLiteDisabledRTL,
.textAreaItemLiteError,
.textAreaItemLiteErrorRTL,
.textAreaItemLitePending,
.textAreaItemLitePendingRTL,
.textAreaItemLitePendingFocused,
.textAreaItemLitePendingFocusedRTL,
.textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL,
.textAreaItemLitePendingError,
.textAreaItemLitePendingErrorRTL,
.textAreaItemLiteHint,
.textAreaItemLiteHintRTL,
.textAreaItemLiteDisabledHint,
.textAreaItemLiteDisabledHintRTL {
  color: #555;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: Arial, Verdana, sans-serif;
  border-radius: 0px;
}

.textAreaItemLite,
.textAreaItemLiteRTL,
.textAreaItemLiteFocused,
.textAreaItemLiteFocusedRTL,
.textAreaItemLiteDisabled,
.textAreaItemLiteDisabledRTL,
.textAreaItemLiteError,
.textAreaItemLiteErrorRTL,
.textAreaItemLitePending,
.textAreaItemLitePendingRTL,
.textAreaItemLitePendingFocused,
.textAreaItemLitePendingFocusedRTL,
.textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL,
.textAreaItemLitePendingError,
.textAreaItemLitePendingErrorRTL,
.textAreaItemLiteHint,
.textAreaItemLiteHintRTL,
.textAreaItemLiteDisabledHint,
.textAreaItemLiteDisabledHintRTL {
  padding-top: 4px;
  padding-bottom: 4px;
}

/* suppress borders on selectItem text - border is applied to control element
   also zero out right-padding so we don't have unnecessary gap between text and
   the down-pointing chevron */
.selectItemLiteText,
.selectItemLiteTextRTL,
.selectItemLiteTextFocused,
.selectItemLiteTextFocusedRTL,
.selectItemLiteTextDisabled,
.selectItemLiteTextDisabledRTL,
.selectItemLiteTextError,
.selectItemLiteTextErrorRTL,
.selectItemLiteTextPending,
.selectItemLiteTextPendingRTL,
.selectItemLiteTextPendingFocused,
.selectItemLiteTextPendingFocusedRTL,
.selectItemLiteTextPendingDisabled,
.selectItemLiteTextPendingDisabledRTL,
.selectItemLiteTextPendingError,
.selectItemLiteTextPendingErrorRTL,
.selectItemLiteTextHint,
.selectItemLiteTextHintRTL,
.selectItemLiteTextDisabledHint,
.selectItemLiteTextDisabledHintRTL {
  outline: none;
  border: 0px;
  padding-right: 0px;
  background-color: rgba(255, 255, 255, 0);
  background-color: \9 transparent;
}

/* borders and padding for minimalist text-based items */
.textItemLite,
.textItemLiteRTL,
.textItemLiteFocused,
.textItemLiteFocusedRTL,
.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLiteError,
.textItemLiteErrorRTL,
.textItemLitePending,
.textItemLitePendingRTL,
.textItemLitePendingFocused,
.textItemLitePendingFocusedRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLitePendingError,
.textItemLitePendingErrorRTL,
.textItemLiteHint,
.textItemLiteHintRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.selectItemLiteControl,
.selectItemLiteControlRTL,
.selectItemLiteControlFocused,
.selectItemLiteControlFocusedRTL,
.selectItemLiteControlOver,
.selectItemLiteControlOverRTL,
.selectItemLiteControlFocusedOver,
.selectItemLiteControlFocusedOverRTL,
.selectItemLiteControlDisabled,
.selectItemLiteControlDisabledRTL,
.selectItemLiteControlError,
.selectItemLiteControlErrorRTL,
.selectItemLiteControlErrorOver,
.selectItemLiteControlErrorOverRTL,
.selectItemLiteControlErrorFocused,
.selectItemLiteControlErrorFocusedRTL,
.selectItemLiteControlErrorFocusedOver,
.selectItemLiteControlErrorFocusedOverRTL,
.selectItemLiteControlPending,
.selectItemLiteControlPendingRTL,
.selectItemLiteControlPendingFocused,
.selectItemLiteControlPendingFocusedRTL,
.selectItemLiteControlPendingOver,
.selectItemLiteControlPendingOverRTL,
.selectItemLiteControlPendingFocusedOver,
.selectItemLiteControlPendingFocusedOverRTL,
.selectItemLiteControlPendingDisabled,
.selectItemLiteControlPendingDisabledRTL,
.selectItemLiteControlPendingError,
.selectItemLiteControlPendingErrorRTL,
.selectItemLiteControlHint,
.selectItemLiteControlHintRTL,
.selectItemLiteControlDisabledHint,
.selectItemLiteControlDisabledHintRTL,
.spinnerItemLiteControl,
.spinnerItemLiteControlRTL,
.spinnerItemLiteControlFocused,
.spinnerItemLiteControlFocusedRTL,
.spinnerItemLiteControlOver,
.spinnerItemLiteControlOverRTL,
.spinnerItemLiteControlFocusedOver,
.spinnerItemLiteControlFocusedOverRTL,
.spinnerItemLiteControlDisabled,
.spinnerItemLiteControlDisabledRTL,
.spinnerItemLiteControlError,
.spinnerItemLiteControlErrorRTL,
.spinnerItemLiteControlPending,
.spinnerItemLiteControlPendingRTL,
.spinnerItemLiteControlPendingFocused,
.spinnerItemLiteControlPendingFocusedRTL,
.spinnerItemLiteControlPendingOver,
.spinnerItemLiteControlPendingOverRTL,
.spinnerItemLiteControlPendingFocusedOver,
.spinnerItemLiteControlPendingFocusedOverRTL,
.spinnerItemLiteControlPendingDisabled,
.spinnerItemLiteControlPendingDisabledRTL,
.spinnerItemLiteControlPendingError,
.spinnerItemLiteControlPendingErrorRTL,
.spinnerItemLiteControlHint,
.spinnerItemLiteControlHintRTL,
.spinnerItemLiteControlDisabledHint,
.spinnerItemLiteControlDisabledHintRTL,
.textAreaItemLite,
.textAreaItemLiteRTL,
.textAreaItemLiteFocused,
.textAreaItemLiteFocusedRTL,
.textAreaItemLiteDisabled,
.textAreaItemLiteDisabledRTL,
.textAreaItemLiteError,
.textAreaItemLiteErrorRTL,
.textAreaItemLitePending,
.textAreaItemLitePendingRTL,
.textAreaItemLitePendingFocused,
.textAreaItemLitePendingFocusedRTL,
.textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL,
.textAreaItemLitePendingError,
.textAreaItemLitePendingErrorRTL,
.textAreaItemLiteHint,
.textAreaItemLiteHintRTL,
.textAreaItemLiteDisabledHint,
.textAreaItemLiteDisabledHintRTL {
  border: 1px solid #ccc;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  background-color: white;
  border-radius: 0px;
}

/* focused state */
.textItemLiteFocused,
.textItemLiteFocusedRTL,
.textItemLitePendingFocused,
.textItemLitePendingFocusedRTL,
.selectItemLiteControlFocused,
.selectItemLiteControlFocusedRTL,
.selectItemLiteControlFocusedOver,
.selectItemLiteControlFocusedOverRTL,
.selectItemLiteControlErrorFocused,
.selectItemLiteControlErrorFocusedRTL,
.selectItemLiteControlErrorFocusedOver,
.selectItemLiteControlErrorFocusedOverRTL,
.selectItemLiteControlPendingFocused,
.selectItemLiteControlPendingFocusedRTL,
.selectItemLiteControlPendingFocusedOver,
.selectItemLiteControlPendingFocusedOverRTL,
.textAreaItemLiteFocused,
.textAreaItemLiteFocusedRTL,
.textAreaItemLitePendingFocused,
.textAreaItemLitePendingFocusedRTL {
  outline: none;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(102, 175, 233, 0.6);
}

/* over state */
.selectItemLiteControlOver,
.selectItemLiteControlOverRTL,
.selectItemLiteControlFocusedOver,
.selectItemLiteControlFocusedOverRTL,
.selectItemLiteControlErrorOver,
.selectItemLiteControlErrorOverRTL,
.selectItemLiteControlErrorFocusedOver,
.selectItemLiteControlErrorFocusedOverRTL,
.selectItemLiteControlPendingOver,
.selectItemLiteControlPendingOverRTL,
.selectItemLiteControlPendingFocusedOver,
.selectItemLiteControlPendingFocusedOverRTL {
  border-color: #ace;
}

/* pending coloring */
.textItemLitePending,
.textItemLitePendingRTL,
.textItemLitePendingFocused,
.textItemLitePendingFocusedRTL,
.textItemLitePendingError,
.textItemLitePendingErrorRTL,
.selectItemLiteTextPending,
.selectItemLiteTextPendingRTL,
.selectItemLiteTextPendingFocused,
.selectItemLiteTextPendingFocusedRTL,
.selectItemLiteTextPendingError,
.selectItemLiteTextPendingErrorRTL,
.textAreaItemLitePending,
.textAreaItemLitePendingRTL,
.textAreaItemLitePendingFocused,
.textAreaItemLitePendingFocusedRTL,
.textAreaItemLitePendingError,
.textAreaItemLitePendingErrorRTL {
  color: #0066cc;
}
.textItemLitePending:-moz-placeholder,
.textItemLitePendingRTL:-moz-placeholder,
.textItemLitePendingFocused:-moz-placeholder,
.textItemLitePendingFocusedRTL:-moz-placeholder,
.textItemLitePendingError:-moz-placeholder,
.textItemLitePendingErrorRTL:-moz-placeholder,
.selectItemLiteTextPending:-moz-placeholder,
.selectItemLiteTextPendingRTL:-moz-placeholder,
.selectItemLiteTextPendingFocused:-moz-placeholder,
.selectItemLiteTextPendingFocusedRTL:-moz-placeholder,
.selectItemLiteTextPendingError:-moz-placeholder,
.selectItemLiteTextPendingErrorRTL:-moz-placeholder,
.textAreaItemLitePending:-moz-placeholder,
.textAreaItemLitePendingRTL:-moz-placeholder,
.textAreaItemLitePendingFocused:-moz-placeholder,
.textAreaItemLitePendingFocusedRTL:-moz-placeholder,
.textAreaItemLitePendingError:-moz-placeholder,
.textAreaItemLitePendingErrorRTL:-moz-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemLitePending::-moz-placeholder,
.textItemLitePendingRTL::-moz-placeholder,
.textItemLitePendingFocused::-moz-placeholder,
.textItemLitePendingFocusedRTL::-moz-placeholder,
.textItemLitePendingError::-moz-placeholder,
.textItemLitePendingErrorRTL::-moz-placeholder,
.selectItemLiteTextPending::-moz-placeholder,
.selectItemLiteTextPendingRTL::-moz-placeholder,
.selectItemLiteTextPendingFocused::-moz-placeholder,
.selectItemLiteTextPendingFocusedRTL::-moz-placeholder,
.selectItemLiteTextPendingError::-moz-placeholder,
.selectItemLiteTextPendingErrorRTL::-moz-placeholder,
.textAreaItemLitePending::-moz-placeholder,
.textAreaItemLitePendingRTL::-moz-placeholder,
.textAreaItemLitePendingFocused::-moz-placeholder,
.textAreaItemLitePendingFocusedRTL::-moz-placeholder,
.textAreaItemLitePendingError::-moz-placeholder,
.textAreaItemLitePendingErrorRTL::-moz-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemLitePending:-ms-input-placeholder,
.textItemLitePendingRTL:-ms-input-placeholder,
.textItemLitePendingFocused:-ms-input-placeholder,
.textItemLitePendingFocusedRTL:-ms-input-placeholder,
.textItemLitePendingError:-ms-input-placeholder,
.textItemLitePendingErrorRTL:-ms-input-placeholder,
.selectItemLiteTextPending:-ms-input-placeholder,
.selectItemLiteTextPendingRTL:-ms-input-placeholder,
.selectItemLiteTextPendingFocused:-ms-input-placeholder,
.selectItemLiteTextPendingFocusedRTL:-ms-input-placeholder,
.selectItemLiteTextPendingError:-ms-input-placeholder,
.selectItemLiteTextPendingErrorRTL:-ms-input-placeholder,
.textAreaItemLitePending:-ms-input-placeholder,
.textAreaItemLitePendingRTL:-ms-input-placeholder,
.textAreaItemLitePendingFocused:-ms-input-placeholder,
.textAreaItemLitePendingFocusedRTL:-ms-input-placeholder,
.textAreaItemLitePendingError:-ms-input-placeholder,
.textAreaItemLitePendingErrorRTL:-ms-input-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemLitePending::-webkit-input-placeholder,
.textItemLitePendingRTL::-webkit-input-placeholder,
.textItemLitePendingFocused::-webkit-input-placeholder,
.textItemLitePendingFocusedRTL::-webkit-input-placeholder,
.textItemLitePendingError::-webkit-input-placeholder,
.textItemLitePendingErrorRTL::-webkit-input-placeholder,
.selectItemLiteTextPending::-webkit-input-placeholder,
.selectItemLiteTextPendingRTL::-webkit-input-placeholder,
.selectItemLiteTextPendingFocused::-webkit-input-placeholder,
.selectItemLiteTextPendingFocusedRTL::-webkit-input-placeholder,
.selectItemLiteTextPendingError::-webkit-input-placeholder,
.selectItemLiteTextPendingErrorRTL::-webkit-input-placeholder,
.textAreaItemLitePending::-webkit-input-placeholder,
.textAreaItemLitePendingRTL::-webkit-input-placeholder,
.textAreaItemLitePendingFocused::-webkit-input-placeholder,
.textAreaItemLitePendingFocusedRTL::-webkit-input-placeholder,
.textAreaItemLitePendingError::-webkit-input-placeholder,
.textAreaItemLitePendingErrorRTL::-webkit-input-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}

/* disabled styling */
.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.selectItemLiteControlDisabled,
.selectItemLiteControlDisabledRTL,
.selectItemLiteControlPendingDisabled,
.selectItemLiteControlPendingDisabledRTL,
.selectItemLiteControlDisabledHint,
.selectItemLiteControlDisabledHintRTL,
.textAreaItemLiteDisabled,
.textAreaItemLiteDisabledRTL,
.textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL,
.textAreaItemLiteDisabledHint,
.textAreaItemLiteDisabledHintRTL {
  background-color: white;
  border: 1px solid #ababab;
}

.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.selectItemLiteTextDisabled,
.selectItemLiteTextDisabledRTL,
.selectItemLiteTextPendingDisabled,
.selectItemLiteTextPendingDisabledRTL,
.selectItemLiteTextDisabledHint,
.selectItemLiteTextDisabledHintRTL,
.textAreaItemLiteDisabled,
.textAreaItemLiteDisabledRTL,
.textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL,
.textAreaItemLiteDisabledHint,
.textAreaItemLiteDisabledHintRTL {
  color: #ababab;
}
.textItemLiteDisabled:-moz-placeholder,
.textItemLiteDisabledRTL:-moz-placeholder,
.textItemLitePendingDisabled:-moz-placeholder,
.textItemLitePendingDisabledRTL:-moz-placeholder,
.textItemLiteDisabledHint:-moz-placeholder,
.textItemLiteDisabledHintRTL:-moz-placeholder,
.selectItemLiteTextDisabled:-moz-placeholder,
.selectItemLiteTextDisabledRTL:-moz-placeholder,
.selectItemLiteTextPendingDisabled:-moz-placeholder,
.selectItemLiteTextPendingDisabledRTL:-moz-placeholder,
.selectItemLiteTextDisabledHint:-moz-placeholder,
.selectItemLiteTextDisabledHintRTL:-moz-placeholder,
.textAreaItemLiteDisabled:-moz-placeholder,
.textAreaItemLiteDisabledRTL:-moz-placeholder,
.textAreaItemLitePendingDisabled:-moz-placeholder,
.textAreaItemLitePendingDisabledRTL:-moz-placeholder,
.textAreaItemLiteDisabledHint:-moz-placeholder,
.textAreaItemLiteDisabledHintRTL:-moz-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemLiteDisabled::-moz-placeholder,
.textItemLiteDisabledRTL::-moz-placeholder,
.textItemLitePendingDisabled::-moz-placeholder,
.textItemLitePendingDisabledRTL::-moz-placeholder,
.textItemLiteDisabledHint::-moz-placeholder,
.textItemLiteDisabledHintRTL::-moz-placeholder,
.selectItemLiteTextDisabled::-moz-placeholder,
.selectItemLiteTextDisabledRTL::-moz-placeholder,
.selectItemLiteTextPendingDisabled::-moz-placeholder,
.selectItemLiteTextPendingDisabledRTL::-moz-placeholder,
.selectItemLiteTextDisabledHint::-moz-placeholder,
.selectItemLiteTextDisabledHintRTL::-moz-placeholder,
.textAreaItemLiteDisabled::-moz-placeholder,
.textAreaItemLiteDisabledRTL::-moz-placeholder,
.textAreaItemLitePendingDisabled::-moz-placeholder,
.textAreaItemLitePendingDisabledRTL::-moz-placeholder,
.textAreaItemLiteDisabledHint::-moz-placeholder,
.textAreaItemLiteDisabledHintRTL::-moz-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemLiteDisabled:-ms-input-placeholder,
.textItemLiteDisabledRTL:-ms-input-placeholder,
.textItemLitePendingDisabled:-ms-input-placeholder,
.textItemLitePendingDisabledRTL:-ms-input-placeholder,
.textItemLiteDisabledHint:-ms-input-placeholder,
.textItemLiteDisabledHintRTL:-ms-input-placeholder,
.selectItemLiteTextDisabled:-ms-input-placeholder,
.selectItemLiteTextDisabledRTL:-ms-input-placeholder,
.selectItemLiteTextPendingDisabled:-ms-input-placeholder,
.selectItemLiteTextPendingDisabledRTL:-ms-input-placeholder,
.selectItemLiteTextDisabledHint:-ms-input-placeholder,
.selectItemLiteTextDisabledHintRTL:-ms-input-placeholder,
.textAreaItemLiteDisabled:-ms-input-placeholder,
.textAreaItemLiteDisabledRTL:-ms-input-placeholder,
.textAreaItemLitePendingDisabled:-ms-input-placeholder,
.textAreaItemLitePendingDisabledRTL:-ms-input-placeholder,
.textAreaItemLiteDisabledHint:-ms-input-placeholder,
.textAreaItemLiteDisabledHintRTL:-ms-input-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemLiteDisabled::-webkit-input-placeholder,
.textItemLiteDisabledRTL::-webkit-input-placeholder,
.textItemLitePendingDisabled::-webkit-input-placeholder,
.textItemLitePendingDisabledRTL::-webkit-input-placeholder,
.textItemLiteDisabledHint::-webkit-input-placeholder,
.textItemLiteDisabledHintRTL::-webkit-input-placeholder,
.selectItemLiteTextDisabled::-webkit-input-placeholder,
.selectItemLiteTextDisabledRTL::-webkit-input-placeholder,
.selectItemLiteTextPendingDisabled::-webkit-input-placeholder,
.selectItemLiteTextPendingDisabledRTL::-webkit-input-placeholder,
.selectItemLiteTextDisabledHint::-webkit-input-placeholder,
.selectItemLiteTextDisabledHintRTL::-webkit-input-placeholder,
.textAreaItemLiteDisabled::-webkit-input-placeholder,
.textAreaItemLiteDisabledRTL::-webkit-input-placeholder,
.textAreaItemLitePendingDisabled::-webkit-input-placeholder,
.textAreaItemLitePendingDisabledRTL::-webkit-input-placeholder,
.textAreaItemLiteDisabledHint::-webkit-input-placeholder,
.textAreaItemLiteDisabledHintRTL::-webkit-input-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}

/*  hint text color */
.textItemLiteHint,
.textItemLiteHintRTL,
.selectItemLiteTextHint,
.selectItemLiteTextHintRTL,
.textAreaItemLiteHint,
.textAreaItemLiteHintRTL {
  color: #999;
}

/* sprited minimalist Select / ComboBoxItem picker */
.comboBoxItemPickerLiteDisabled,
.comboBoxItemPickerLite,
.comboBoxItemPickerLiteOver,
.comboBoxItemPickerLiteFocused,
.comboBoxItemPickerLiteFocusedOver {
  background-image: url(./images/pickers/pickers_sprite.png);
}

.comboBoxItemPickerLiteDisabledRTL,
.comboBoxItemPickerLiteRTL,
.comboBoxItemPickerLiteOverRTL,
.comboBoxItemPickerLiteFocusedRTL,
.comboBoxItemPickerLiteFocusedOverRTL {
  background-image: url(./images/pickers/pickers_sprite_rtl.png);
}

.comboBoxItemPickerLiteDisabled,
.comboBoxItemPickerLiteDisabledRTL {
  background-position: 0px -110px;
}

.comboBoxItemPickerLite,
.comboBoxItemPickerLiteRTL,
.comboBoxItemPickerLiteFocused,
.comboBoxItemPickerLiteFocusedRTL {
  background-position: -16px -110px;
}

.comboBoxItemPickerLiteOver,
.comboBoxItemPickerLiteOverRTL,
.comboBoxItemPickerLiteFocusedOver,
.comboBoxItemPickerLiteFocusedOverRTL {
  background-position: -32px -110px;
}

/* end of minimalist text-based item styling */
/* selectItem */
.selectItemTextFocused,
.selectItemTextFocusedRTL,
.selectItemTextPendingFocused,
.selectItemTextPendingFocusedRTL {
  border: 1px solid #ad5a58;
  color: black;
  -moz-outline-offset: -1;
}

.textItemFocused,
.textItemFocusedRTL,
.textItemPendingFocused,
.textItemPendingFocusedRTL,
.selectItemTextFocused,
.selectItemTextFocusedRTL,
.selectItemTextPendingFocused,
.selectItemTextPendingFocusedRTL,
.pickerSearchBoxFocused,
.pickerSearchBoxFocusedRTL,
.pickerSearchBoxPendingFocused,
.pickerSearchBoxPendingFocusedRTL {
  color: black;
  border-bottom: 1px solid #c0d8ec;
  border-top: 1px solid #587aad;
  -moz-outline-offset: -1;
}

.textItemFocused,
.textItemPendingFocused,
.selectItemTextFocused,
.selectItemTextPendingFocused,
.pickerSearchBoxFocused,
.pickerSearchBoxPendingFocused {
  border-left: 1px solid #b8cfef;
  border-right: 1px solid #b3c6db;
}

.textItemFocusedRTL,
.textItemPendingFocusedRTL,
.selectItemTextFocusedRTL,
.selectItemTextPendingFocusedRTL,
.pickerSearchBoxFocusedRTL,
.pickerSearchBoxPendingFocusedRTL {
  border-right: 1px solid #b8cfef;
  border-left: 1px solid #b3c6db;
}

.selectItemText,
.selectItemTextRTL,
.selectItemTextFocused,
.selectItemTextFocusedRTL,
.selectItemTextDisabled,
.selectItemTextDisabledRTL,
.selectItemTextError,
.selectItemTextErrorRTL,
.selectItemTextPending,
.selectItemTextPendingRTL,
.selectItemTextPendingFocused,
.selectItemTextPendingFocusedRTL,
.selectItemTextPendingDisabled,
.selectItemTextPendingDisabledRTL,
.selectItemTextPendingError,
.selectItemTextPendingErrorRTL,
.selectItemTextHint,
.selectItemTextHintRTL,
.selectItemTextDisabledHint,
.selectItemTextDisabledHintRTL {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 2px;
  padding-right: 2px;
}

.selectItemText,
.selectItemTextPending,
.selectItemTextFocused,
.selectItemTextPendingFocused,
.selectItemTextDisabled,
.selectItemTextPendingDisabled,
.selectItemTextError,
.selectItemTextPendingError,
.selectItemTextHint,
.selectItemTextDisabledHint {
  border-right: 0;
}

.selectItemTextRTL,
.selectItemTextPendingRTL,
.selectItemTextFocusedRTL,
.selectItemTextPendingFocusedRTL,
.selectItemTextDisabledRTL,
.selectItemTextPendingDisabledRTL,
.selectItemTextErrorRTL,
.selectItemTextPendingErrorRTL,
.selectItemTextHintRTL,
.selectItemTextDisabledHintRTL {
  border-left: 0;
}

.selectItemPickerIcon,
.selectItemPickerIconOver,
.selectItemPickerIconRTL,
.selectItemPickerIconOverRTL,
.selectItemPickerIconFocused,
.selectItemPickerIconFocusedRTL,
.selectItemPickerIconDisabled,
.selectItemPickerIconDisabledRTL,
.selectItemPickerIconError,
.selectItemPickerIconErrorOver,
.selectItemPickerIconErrorRTL,
.selectItemPickerIconErrorOverRTL {
  padding: 0px;
}

.textItemPending,
.textItemPendingRTL,
.textItemPendingFocused,
.textItemPendingFocusedRTL,
.textItemPendingError,
.textItemPendingErrorRTL,
.selectItemControlPending,
.selectItemControlPendingRTL,
.selectItemControlPendingFocused,
.selectItemControlPendingFocusedRTL,
.selectItemControlPendingError,
.selectItemControlPendingErrorRTL,
.selectItemTextPending,
.selectItemTextPendingRTL,
.selectItemTextPendingFocused,
.selectItemTextPendingFocusedRTL,
.selectItemTextPendingError,
.selectItemTextPendingErrorRTL,
.comboBoxItemPendingText,
.comboBoxItemPendingTextRTL,
.pickerSearchBoxPending,
.pickerSearchBoxPendingRTL,
.pickerSearchBoxPendingFocused,
.pickerSearchBoxPendingFocusedRTL,
.pickerSearchBoxPendingError,
.pickerSearchBoxPendingErrorRTL {
  color: #0066cc;
}
.textItemPending:-moz-placeholder,
.textItemPendingRTL:-moz-placeholder,
.textItemPendingFocused:-moz-placeholder,
.textItemPendingFocusedRTL:-moz-placeholder,
.textItemPendingError:-moz-placeholder,
.textItemPendingErrorRTL:-moz-placeholder,
.selectItemControlPending:-moz-placeholder,
.selectItemControlPendingRTL:-moz-placeholder,
.selectItemControlPendingFocused:-moz-placeholder,
.selectItemControlPendingFocusedRTL:-moz-placeholder,
.selectItemControlPendingError:-moz-placeholder,
.selectItemControlPendingErrorRTL:-moz-placeholder,
.selectItemTextPending:-moz-placeholder,
.selectItemTextPendingRTL:-moz-placeholder,
.selectItemTextPendingFocused:-moz-placeholder,
.selectItemTextPendingFocusedRTL:-moz-placeholder,
.selectItemTextPendingError:-moz-placeholder,
.selectItemTextPendingErrorRTL:-moz-placeholder,
.comboBoxItemPendingText:-moz-placeholder,
.comboBoxItemPendingTextRTL:-moz-placeholder,
.pickerSearchBoxPending:-moz-placeholder,
.pickerSearchBoxPendingRTL:-moz-placeholder,
.pickerSearchBoxPendingFocused:-moz-placeholder,
.pickerSearchBoxPendingFocusedRTL:-moz-placeholder,
.pickerSearchBoxPendingError:-moz-placeholder,
.pickerSearchBoxPendingErrorRTL:-moz-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemPending::-moz-placeholder,
.textItemPendingRTL::-moz-placeholder,
.textItemPendingFocused::-moz-placeholder,
.textItemPendingFocusedRTL::-moz-placeholder,
.textItemPendingError::-moz-placeholder,
.textItemPendingErrorRTL::-moz-placeholder,
.selectItemControlPending::-moz-placeholder,
.selectItemControlPendingRTL::-moz-placeholder,
.selectItemControlPendingFocused::-moz-placeholder,
.selectItemControlPendingFocusedRTL::-moz-placeholder,
.selectItemControlPendingError::-moz-placeholder,
.selectItemControlPendingErrorRTL::-moz-placeholder,
.selectItemTextPending::-moz-placeholder,
.selectItemTextPendingRTL::-moz-placeholder,
.selectItemTextPendingFocused::-moz-placeholder,
.selectItemTextPendingFocusedRTL::-moz-placeholder,
.selectItemTextPendingError::-moz-placeholder,
.selectItemTextPendingErrorRTL::-moz-placeholder,
.comboBoxItemPendingText::-moz-placeholder,
.comboBoxItemPendingTextRTL::-moz-placeholder,
.pickerSearchBoxPending::-moz-placeholder,
.pickerSearchBoxPendingRTL::-moz-placeholder,
.pickerSearchBoxPendingFocused::-moz-placeholder,
.pickerSearchBoxPendingFocusedRTL::-moz-placeholder,
.pickerSearchBoxPendingError::-moz-placeholder,
.pickerSearchBoxPendingErrorRTL::-moz-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemPending:-ms-input-placeholder,
.textItemPendingRTL:-ms-input-placeholder,
.textItemPendingFocused:-ms-input-placeholder,
.textItemPendingFocusedRTL:-ms-input-placeholder,
.textItemPendingError:-ms-input-placeholder,
.textItemPendingErrorRTL:-ms-input-placeholder,
.selectItemControlPending:-ms-input-placeholder,
.selectItemControlPendingRTL:-ms-input-placeholder,
.selectItemControlPendingFocused:-ms-input-placeholder,
.selectItemControlPendingFocusedRTL:-ms-input-placeholder,
.selectItemControlPendingError:-ms-input-placeholder,
.selectItemControlPendingErrorRTL:-ms-input-placeholder,
.selectItemTextPending:-ms-input-placeholder,
.selectItemTextPendingRTL:-ms-input-placeholder,
.selectItemTextPendingFocused:-ms-input-placeholder,
.selectItemTextPendingFocusedRTL:-ms-input-placeholder,
.selectItemTextPendingError:-ms-input-placeholder,
.selectItemTextPendingErrorRTL:-ms-input-placeholder,
.comboBoxItemPendingText:-ms-input-placeholder,
.comboBoxItemPendingTextRTL:-ms-input-placeholder,
.pickerSearchBoxPending:-ms-input-placeholder,
.pickerSearchBoxPendingRTL:-ms-input-placeholder,
.pickerSearchBoxPendingFocused:-ms-input-placeholder,
.pickerSearchBoxPendingFocusedRTL:-ms-input-placeholder,
.pickerSearchBoxPendingError:-ms-input-placeholder,
.pickerSearchBoxPendingErrorRTL:-ms-input-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}
.textItemPending::-webkit-input-placeholder,
.textItemPendingRTL::-webkit-input-placeholder,
.textItemPendingFocused::-webkit-input-placeholder,
.textItemPendingFocusedRTL::-webkit-input-placeholder,
.textItemPendingError::-webkit-input-placeholder,
.textItemPendingErrorRTL::-webkit-input-placeholder,
.selectItemControlPending::-webkit-input-placeholder,
.selectItemControlPendingRTL::-webkit-input-placeholder,
.selectItemControlPendingFocused::-webkit-input-placeholder,
.selectItemControlPendingFocusedRTL::-webkit-input-placeholder,
.selectItemControlPendingError::-webkit-input-placeholder,
.selectItemControlPendingErrorRTL::-webkit-input-placeholder,
.selectItemTextPending::-webkit-input-placeholder,
.selectItemTextPendingRTL::-webkit-input-placeholder,
.selectItemTextPendingFocused::-webkit-input-placeholder,
.selectItemTextPendingFocusedRTL::-webkit-input-placeholder,
.selectItemTextPendingError::-webkit-input-placeholder,
.selectItemTextPendingErrorRTL::-webkit-input-placeholder,
.comboBoxItemPendingText::-webkit-input-placeholder,
.comboBoxItemPendingTextRTL::-webkit-input-placeholder,
.pickerSearchBoxPending::-webkit-input-placeholder,
.pickerSearchBoxPendingRTL::-webkit-input-placeholder,
.pickerSearchBoxPendingFocused::-webkit-input-placeholder,
.pickerSearchBoxPendingFocusedRTL::-webkit-input-placeholder,
.pickerSearchBoxPendingError::-webkit-input-placeholder,
.pickerSearchBoxPendingErrorRTL::-webkit-input-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}

.pickListMenuAnimated,
.scrollingMenuAnimated {
  -moz-transition: -moz-transform 350ms;
  -o-transition: -o-transform 350ms;
  -webkit-transition: -webkit-transform 350ms;
  transition: transform 350ms;
}

.pickListMenuBody {
  background-color: white;
  border: 1px solid #8fa7c7;
}

.pickListCellSelected,
.pickListCellSelectedRTL,
.pickListCellSelectedDark,
.pickListCellSelectedDarkRTL,
.pickListCellPendingSelected,
.pickListCellPendingSelectedRTL,
.pickListCellPendingSelectedDark,
.pickListCellPendingSelectedDarkRTL,
.pickListCellDeselectedSelected,
.pickListCellDeselectedSelectedRTL,
.pickListCellDeselectedSelectedDark,
.pickListCellDeselectedSelectedDarkRTL {
  background: #d6e8ff;
}

.pickListCellOver,
.pickListCellOverRTL,
.pickListCellOverDark,
.pickListCellOverDarkRTL,
.pickListCellPendingOver,
.pickListCellPendingOverRTL,
.pickListCellPendingOverDark,
.pickListCellPendingOverDarkRTL,
.pickListCellDeselectedOver,
.pickListCellDeselectedOverRTL,
.pickListCellDeselectedOverDark,
.pickListCellDeselectedOverDarkRTL {
  background-color: #fdc4c4;
  background-image: url("./images/Menu/menu_rollover.png");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNjNGRkZmQiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZTZmOGZmIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNkMWU3ZmYiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #c4ddfd), color-stop(5%, #c4ddfd), color-stop(5%, #e6f8ff), color-stop(95%, #d1e7ff), color-stop(95%, #c4ddfd), color-stop(100%, #c4ddfd));
  background-image: -moz-linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e6f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%);
  background-image: -webkit-linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e6f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%);
  background-image: linear-gradient(to bottom, #c4ddfd 1%, #c4ddfd 5%, #e6f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%);
}

.pickListCellSelectedOver,
.pickListCellSelectedOverRTL,
.pickListCellSelectedOverDark,
.pickListCellSelectedOverDarkRTL,
.pickListCellPendingSelectedOver,
.pickListCellPendingSelectedOverRTL,
.pickListCellPendingSelectedOverDark,
.pickListCellPendingSelectedOverDarkRTL,
.pickListCellDeselectedSelectedOver,
.pickListCellDeselectedSelectedOverRTL,
.pickListCellDeselectedSelectedOverDark,
.pickListCellDeselectedSelectedOverDarkRTL {
  background-color: #d6e8ff;
  background-image: url("./images/Menu/menu_selected_rollover.png");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2I1ZDRmZCIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNiNWQ0ZmQiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZDZmM2ZmIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNjMmRmZmYiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2I1ZDRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I1ZDRmZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #b5d4fd), color-stop(5%, #b5d4fd), color-stop(5%, #d6f3ff), color-stop(95%, #c2dfff), color-stop(95%, #b5d4fd), color-stop(100%, #b5d4fd));
  background-image: -moz-linear-gradient(top, #b5d4fd 1%, #b5d4fd 5%, #d6f3ff 5%, #c2dfff 95%, #b5d4fd 95%, #b5d4fd 100%);
  background-image: -webkit-linear-gradient(top, #b5d4fd 1%, #b5d4fd 5%, #d6f3ff 5%, #c2dfff 95%, #b5d4fd 95%, #b5d4fd 100%);
  background-image: linear-gradient(to bottom, #b5d4fd 1%, #b5d4fd 5%, #d6f3ff 5%, #c2dfff 95%, #b5d4fd 95%, #b5d4fd 100%);
}

.tallPickListCell,
.tallPickListCellRTL,
.tallPickListCellDark,
.tallPickListCellDarkRTL,
.tallPickListCellPending,
.tallPickListCellPendingRTL,
.tallPickListCellPendingDark,
.tallPickListCellPendingDarkRTL,
.tallPickListCellDeselected,
.tallPickListCellDeselectedRTL,
.tallPickListCellDeselectedDark,
.tallPickListCellDeselectedDarkRTL {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}

.tallPickListCellSelected,
.tallPickListCellSelectedRTL,
.tallPickListCellSelectedDark,
.tallPickListCellSelectedDarkRTL,
.tallPickListCellPendingSelected,
.tallPickListCellPendingSelectedRTL,
.tallPickListCellPendingSelectedDark,
.tallPickListCellPendingSelectedDarkRTL,
.tallPickListCellDeselectedSelected,
.tallPickListCellDeselectedSelectedRTL,
.tallPickListCellDeselectedSelectedDark,
.tallPickListCellDeselectedSelectedDarkRTL {
  background-color: #d6e8ff;
  border-bottom: 1px dotted #9fb7e9;
  border-top: 1px dotted #9fb7e9;
}

.tallPickListCellOver,
.tallPickListCellOverRTL,
.tallPickListCellOverDark,
.tallPickListCellOverDarkRTL,
.tallPickListCellPendingOver,
.tallPickListCellPendingOverRTL,
.tallPickListCellPendingOverDark,
.tallPickListCellPendingOverDarkRTL,
.tallPickListCellDeselectedOver,
.tallPickListCellDeselectedOverRTL,
.tallPickListCellDeselectedOverDark,
.tallPickListCellDeselectedOverDarkRTL {
  background-color: #e8e8e8;
  border-bottom: 1px dotted #c4c4c4;
  border-top: 1px dotted #c4c4c4;
}

.tallPickListCellSelectedOver,
.tallPickListCellSelectedOverRTL,
.tallPickListCellSelectedOverDark,
.tallPickListCellSelectedOverDarkRTL,
.tallPickListCellPendingSelectedOver,
.tallPickListCellPendingSelectedOverRTL,
.tallPickListCellPendingSelectedOverDark,
.tallPickListCellPendingSelectedOverDarkRTL,
.tallPickListCellDeselectedSelectedOver,
.tallPickListCellDeselectedSelectedOverRTL,
.tallPickListCellDeselectedSelectedOverDark,
.tallPickListCellDeselectedSelectedOverDarkRTL {
  background-color: #d0dff6;
  border-bottom: 1px dotted #9fb7e9;
  border-top: 1px dotted #9fb7e9;
}

.pickListCellDisabled,
.pickListCellDisabledRTL,
.pickListCellDisabledDark,
.pickListCellDisabledDarkRTL,
.pickListCellPendingDisabled,
.pickListCellPendingDisabledRTL,
.pickListCellPendingDisabledDark,
.pickListCellPendingDisabledDarkRTL,
.pickListCellDeselectedDisabled,
.pickListCellDeselectedDisabledRTL,
.pickListCellDeselectedDisabledDark,
.pickListCellDeselectedDisabledDarkRTL
.tallPickListCellDisabled,
.tallPickListCellDisabledRTL,
.tallPickListCellDisabledDark,
.tallPickListCellDisabledDarkRTL,
.tallPickListCellPendingDisabled,
.tallPickListCellPendingDisabledRTL,
.tallPickListCellPendingDisabledDark,
.tallPickListCellPendingDisabledDarkRTL,
.tallPickListCellDeselectedDisabled,
.tallPickListCellDeselectedDisabledRTL,
.tallPickListCellDeselectedDisabledDark,
.tallPickListCellDeselectedDisabledDarkRTL {
  background-color: #bfbfbf;
  color: #545454;
}

.pickListCellDeselected,
.pickListCellDeselectedRTL,
.pickListCellDeselectedOver,
.pickListCellDeselectedOverRTL,
.pickListCellDeselectedSelected,
.pickListCellDeselectedSelectedRTL,
.pickListCellDeselectedSelectedOver,
.pickListCellDeselectedSelectedOverRTL,
.pickListCellDeselectedDisabled,
.pickListCellDeselectedDisabledRTL,
.pickListCellDeselectedDark,
.pickListCellDeselectedDarkRTL,
.pickListCellDeselectedOverDark,
.pickListCellDeselectedOverDarkRTL,
.pickListCellDeselectedSelectedDark,
.pickListCellDeselectedSelectedDarkRTL,
.pickListCellDeselectedSelectedOverDark,
.pickListCellDeselectedSelectedOverDarkRTL,
.pickListCellDeselectedDisabledDark,
.pickListCellDeselectedDisabledDarkRTL,
.tallPickListCellDeselected,
.tallPickListCellDeselectedRTL,
.tallPickListCellDeselectedOver,
.tallPickListCellDeselectedOverRTL,
.tallPickListCellDeselectedSelected,
.tallPickListCellDeselectedSelectedRTL,
.tallPickListCellDeselectedSelectedOver,
.tallPickListCellDeselectedSelectedOverRTL,
.tallPickListCellDeselectedDisabled,
.tallPickListCellDeselectedDisabledRTL,
.tallPickListCellDeselectedDark,
.tallPickListCellDeselectedDarkRTL,
.tallPickListCellDeselectedOverDark,
.tallPickListCellDeselectedOverDarkRTL,
.tallPickListCellDeselectedSelectedDark,
.tallPickListCellDeselectedSelectedDarkRTL,
.tallPickListCellDeselectedSelectedOverDark,
.tallPickListCellDeselectedSelectedOverDarkRTL,
.tallPickListCellDeselectedDisabledDark,
.tallPickListCellDeselectedDisabledDarkRTL {
  color: #a8a8a8;
  text-decoration: line-through;
}

/* checkbox and radioButton */
.labelAnchor,
.labelAnchorRTL,
.labelAnchorFocused,
.labelAnchorFocusedRTL,
.labelAnchorDisabled,
.labelAnchorDisabledRTL,
.labelAnchorError,
.labelAnchorErrorRTL,
.labelAnchorPending,
.labelAnchorPendingRTL,
.labelAnchorPendingFocused,
.labelAnchorPendingFocusedRTL,
.labelAnchorPendingDisabled,
.labelAnchorPendingDisabledRTL,
.labelAnchorPendingError,
.labelAnchorPendingErrorRTL {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  text-decoration: none;
}

.pickListCellPending,
.pickListCellPendingRTL,
.pickListCellPendingOver,
.pickListCellPendingOverRTL,
.pickListCellPendingSelected,
.pickListCellPendingSelectedRTL,
.pickListCellPendingSelectedOver,
.pickListCellPendingSelectedOverRTL,
.pickListCellPendingDisabled,
.pickListCellPendingDisabledRTL,
.pickListCellPendingDark,
.pickListCellPendingDarkRTL,
.pickListCellPendingOverDark,
.pickListCellPendingOverDarkRTL,
.pickListCellPendingSelectedDark,
.pickListCellPendingSelectedDarkRTL,
.pickListCellPendingSelectedOverDark,
.pickListCellPendingSelectedOverDarkRTL,
.pickListCellPendingDisabledDark,
.pickListCellPendingDisabledDarkRTL,
.tallPickListCellPending,
.tallPickListCellPendingRTL,
.tallPickListCellPendingOver,
.tallPickListCellPendingOverRTL,
.tallPickListCellPendingSelected,
.tallPickListCellPendingSelectedRTL,
.tallPickListCellPendingSelectedOver,
.tallPickListCellPendingSelectedOverRTL,
.tallPickListCellPendingDisabled,
.tallPickListCellPendingDisabledRTL,
.tallPickListCellPendingDark,
.tallPickListCellPendingDarkRTL,
.tallPickListCellPendingOverDark,
.tallPickListCellPendingOverDarkRTL,
.tallPickListCellPendingSelectedDark,
.tallPickListCellPendingSelectedDarkRTL,
.tallPickListCellPendingSelectedOverDark,
.tallPickListCellPendingSelectedOverDarkRTL,
.tallPickListCellPendingDisabledDark,
.tallPickListCellPendingDisabledDarkRTL,
.labelAnchorPending,
.labelAnchorPendingRTL,
.labelAnchorPendingFocused,
.labelAnchorPendingFocusedRTL,
.labelAnchorPendingError,
.labelAnchorPendingErrorRTL {
  color: #0066cc;
}

.labelAnchorDisabled,
.labelAnchorDisabledRTL,
.labelAnchorPendingDisabled,
.labelAnchorPendingDisabledRTL {
  color: #ababab;
}

/* ColorChooser */
.colorChooserCell,
.colorChooserCellOver {
  background-color: #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}

.colorChooserCellOver {
  border: 1px solid black;
}

/* FilterBuilder */
.bracketBorders {
  border-bottom: 1px solid #757575;
  border-left: 1px solid #757575;
  border-top: 1px solid #757575;
}

.checkboxTrueDisabled,
.checkboxTrue,
.checkboxTrueOver,
.checkboxTrueDown,
.checkboxFalseDisabled,
.checkboxFalse,
.checkboxFalseOver,
.checkboxFalseDown,
.checkboxPartialDisabled,
.checkboxPartial,
.checkboxPartialOver,
.checkboxPartialDown,
.checkboxUnsetDisabled,
.checkboxUnset,
.checkboxUnsetOver,
.checkboxUnsetDown {
  background-size: auto;
  background-image: url(./images/DynamicForm/checkbox_sprite.png);
}

.checkboxTrueDisabled {
  background-position: 0px -26px;
}

.checkboxTrue,
.checkboxTrueOver {
  background-position: -13px -26px;
}

.checkboxTrueDown {
  background-position: -39px -26px;
}

.checkboxFalseDisabled {
  background-position: 0px 0px;
}

.checkboxFalse,
.checkboxFalseOver {
  background-position: -13px 0px;
}

.checkboxFalseDown {
  background-position: -39px 0px;
}

.checkboxPartialDisabled {
  background-position: 0px -13px;
}

.checkboxPartial {
  background-position: -13px -13px;
}

.checkboxPartialOver {
  background-position: -26px -13px;
}

.checkboxPartialDown {
  background-position: -39px -13px;
}

.checkboxUnsetDisabled {
  background-position: 0px -39px;
}

.checkboxUnset {
  background-position: -13px -39px;
}

.checkboxUnsetOver {
  background-position: -26px -39px;
}

.checkboxUnsetDown {
  background-position: -39px -39px;
}

.spinnerItemIncreaseDisabled,
.spinnerItemIncrease,
.spinnerItemIncreaseOver,
.spinnerItemIncreaseFocused,
.spinnerItemIncreaseFocusedOver {
  background-image: url(./images/DynamicForm/spinner_control_sprite_transparent.png);
}

.spinnerItemIncreaseDisabledRTL,
.spinnerItemIncreaseRTL,
.spinnerItemIncreaseOverRTL,
.spinnerItemIncreaseFocusedRTL,
.spinnerItemIncreaseFocusedOverRTL {
  background-image: url(./images/DynamicForm/spinner_control_sprite_transparent_rtl.png);
}

.spinnerItemIncreaseDisabled,
.spinnerItemIncreaseDisabledRTL {
  background-position: -16px 16px;
}

.spinnerItemIncrease,
.spinnerItemIncreaseRTL {
  background-position: 0px 16px;
}

.spinnerItemIncreaseOver,
.spinnerItemIncreaseOverRTL,
.spinnerItemIncreaseFocused,
.spinnerItemIncreaseFocusedRTL,
.spinnerItemIncreaseFocusedOver,
.spinnerItemIncreaseFocusedOverRTL {
  background-position: -31px 16px;
}

.spinnerItemDecreaseDisabled,
.spinnerItemDecrease,
.spinnerItemDecreaseOver,
.spinnerItemDecreaseFocused,
.spinnerItemDecreaseFocusedOver {
  background-image: url(./images/DynamicForm/spinner_control_sprite_transparent.png);
}

.spinnerItemDecreaseDisabledRTL,
.spinnerItemDecreaseRTL,
.spinnerItemDecreaseOverRTL,
.spinnerItemDecreaseFocusedRTL,
.spinnerItemDecreaseFocusedOverRTL {
  background-image: url(./images/DynamicForm/spinner_control_sprite_transparent_rtl.png);
}

.spinnerItemDecreaseDisabled,
.spinnerItemDecreaseDisabledRTL {
  background-position: -16px -4px;
}

.spinnerItemDecrease,
.spinnerItemDecreaseRTL {
  background-position: 0px -4px;
}

.spinnerItemDecreaseOver,
.spinnerItemDecreaseOverRTL,
.spinnerItemDecreaseFocused,
.spinnerItemDecreaseFocusedRTL,
.spinnerItemDecreaseFocusedOver,
.spinnerItemDecreaseFocusedOverRTL {
  background-position: -31px -4px;
}

.unstackedSpinnerItemIncreaseDisabled,
.unstackedSpinnerItemIncrease,
.unstackedSpinnerItemIncreaseOver,
.unstackedSpinnerItemIncreaseFocused,
.unstackedSpinnerItemIncreaseFocusedOver,
.unstackedSpinnerItemDecreaseDisabled,
.unstackedSpinnerItemDecrease,
.unstackedSpinnerItemDecreaseOver,
.unstackedSpinnerItemDecreaseFocused,
.unstackedSpinnerItemDecreaseFocusedOver {
  background-image: url(./images/DynamicForm/unstacked_spinner_sprite.png);
  background: url(./images/DynamicForm/unstacked_spinner_sprite~2.png) padding-box;
  background-size: 216px 22px;
}

.unstackedSpinnerItemIncreaseDisabledRTL,
.unstackedSpinnerItemIncreaseRTL,
.unstackedSpinnerItemIncreaseOverRTL,
.unstackedSpinnerItemIncreaseFocusedRTL,
.unstackedSpinnerItemIncreaseFocusedOverRTL,
.unstackedSpinnerItemDecreaseDisabledRTL,
.unstackedSpinnerItemDecreaseRTL,
.unstackedSpinnerItemDecreaseOverRTL,
.unstackedSpinnerItemDecreaseFocusedRTL,
.unstackedSpinnerItemDecreaseFocusedOverRTL {
  background-image: url(./images/DynamicForm/unstacked_spinner_sprite_rtl.png);
  background: url(./images/DynamicForm/unstacked_spinner_sprite_rtl~2.png) padding-box;
  background-size: 216px 22px;
}

.unstackedSpinnerItemIncreaseDisabled,
.unstackedSpinnerItemIncreaseDisabledRTL {
  background-position: -108px 0px;
}

.unstackedSpinnerItemIncrease,
.unstackedSpinnerItemIncreaseRTL,
.unstackedSpinnerItemIncreaseOver,
.unstackedSpinnerItemIncreaseOverRTL {
  background-position: -144px 0px;
}

.unstackedSpinnerItemIncreaseFocused,
.unstackedSpinnerItemIncreaseFocusedRTL,
.unstackedSpinnerItemIncreaseFocusedOver,
.unstackedSpinnerItemIncreaseFocusedOverRTL {
  background-position: -180px 0px;
}

.unstackedSpinnerItemDecreaseDisabled,
.unstackedSpinnerItemDecreaseDisabledRTL {
  background-position: 0px 0px;
}

.unstackedSpinnerItemDecrease,
.unstackedSpinnerItemDecreaseRTL,
.unstackedSpinnerItemDecreaseOver,
.unstackedSpinnerItemDecreaseOverRTL {
  background-position: -36px 0px;
}

.unstackedSpinnerItemDecreaseFocused,
.unstackedSpinnerItemDecreaseFocusedRTL,
.unstackedSpinnerItemDecreaseFocusedOver,
.unstackedSpinnerItemDecreaseFocusedOverRTL {
  background-position: -72px 0px;
}

.nativeDateItem,
.nativeDateItemFocused,
.nativeDateItemDisabled,
.nativeDateItemDisabledHint,
.nativeDateItemError,
.nativeDateItemHint,
.nativeTimeItem,
.nativeTimeItemFocused,
.nativeTimeItemDisabled,
.nativeTimeItemDisabledHint,
.nativeTimeItemError,
.nativeTimeItemHint,
.nativeDatetimeItem,
.nativeDatetimeItemFocused,
.nativeDatetimeItemDisabled,
.nativeDatetimeItemDisabledHint,
.nativeDatetimeItemError,
.nativeDatetimeItemHint {
  border: 1px solid #ababab;
  padding: 4px 2px 4px 2px;
  background: rgba(255, 255, 255, 0);
  background: \9 transparent;
  color: transparent;
}

.nativeDateItem,
.nativeTimeItem,
.nativeDatetimeItem {
  outline: 0;
}

.nativeDateItem,
.nativeDateItemFocused::-webkit-calendar-picker-indicator,
.nativeDateItemError::-webkit-calendar-picker-indicator,
.nativeDateItemHint::-webkit-calendar-picker-indicator,
.nativeTimeItem,
.nativeDatetimeItem,
.nativeDatetimeItemFocused::-webkit-calendar-picker-indicator,
.nativeDatetimeItemError::-webkit-calendar-picker-indicator,
.nativeDatetimeItemHint::-webkit-calendar-picker-indicator {
  color: black;
}

.nativeDateItemFocused,
.nativeTimeItemFocused,
.nativeDatetimeItemFocused {
  color: black;
}

.nativeDateItemInFieldHint,
.nativeDateItemInFieldHintDisabled,
.nativeTimeItemInFieldHint,
.nativeTimeItemInFieldHintDisabled,
.nativeDatetimeItemInFieldHint,
.nativeDatetimeItemInFieldHintDisabled {
  position: absolute;
  left: 0;
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: -1;
}

.nativeDateItemInFieldHint,
.nativeDateItemInFieldHintDisabled,
.nativeDatetimeItemInFieldHint,
.nativeDatetimeItemInFieldHintDisabled {
  right: 30px;
}

.nativeTimeItemInFieldHint,
.nativeTimeItemInFieldHintDisabled {
  right: 20px;
}

.nativeDateItemDisabled,
.nativeDateItemDisabledHint::-webkit-calendar-picker-indicator,
.nativeDateItemInFieldHintDisabled,
.nativeTimeItemDisabled,
.nativeTimeItemInFieldHintDisabled,
.nativeDatetimeItemDisabled,
.nativeDatetimeItemDisabledHint::-webkit-calendar-picker-indicator,
.nativeDatetimeItemInFieldHintDisabled {
  color: #ababab;
}

.nativeDateItem,
.nativeDateItemHint,
.nativeTimeItem,
.nativeTimeItemHint,
.nativeDatetimeItem,
.nativeDatetimeItemHint {
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-top: 1px solid #ababab;
}

.nativeDateItemDisabled::-webkit-calendar-picker-indicator,
.nativeDateItemDisabledHint::-webkit-calendar-picker-indicator,
.nativeDatetimeItemDisabled::-webkit-calendar-picker-indicator,
.nativeDatetimeItemDisabledHint::-webkit-calendar-picker-indicator {
  background: none;
}

.pickerSearchBox,
.pickerSearchBoxRTL,
.pickerSearchBoxFocused,
.pickerSearchBoxFocusedRTL,
.pickerSearchBoxDisabled,
.pickerSearchBoxDisabledRTL,
.pickerSearchBoxDisabledHint,
.pickerSearchBoxDisabledHintRTL,
.pickerSearchBoxError,
.pickerSearchBoxErrorRTL,
.pickerSearchBoxHint,
.pickerSearchBoxHintRTL {
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  font-size: 12px;
}

/*============================================================
     DateChooser
============================================================*/
/* Defaults for all days and controls */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonDisabled,
.dateChooserButtonSelected,
.dateChooserButtonSelectedDown,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDisabled,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonDisabled,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedDown,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDisabled,
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown,
.dateChooserBottomButtonSelected,
.dateChooserBottomButtonSelectedOver,
.dateChooserBottomButtonSelectedDown,
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled,
.dateChooserFiscalYearCell,
.dateChooserFiscalYearCellOver,
.dateChooserFiscalYearCellDown,
.dateChooserFiscalYearCellDisabled,
.dateChooserFiscalYearCellSelected,
.dateChooserFiscalYearCellSelectedDown,
.dateChooserFiscalYearCellSelectedOver,
.dateChooserFiscalYearCellSelectedDisabled,
.dateChooserWeekCell,
.dateChooserWeekCellOver,
.dateChooserWeekCellDown,
.dateChooserWeekCellDisabled,
.dateChooserWeekCellSelected,
.dateChooserWeekCellSelectedDown,
.dateChooserWeekCellSelectedOver,
.dateChooserWeekCellSelectedDisabled,
.dateChooserWeekendDisabled,
.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled {
  background-color: white;
  color: black;
  border: 2px solid white;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused,
.dateChooserNavButtonFocusedOver,
.dateChooserNavButtonFocusedDown {
  background: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(4%, #f2f2f2), color-stop(9%, #f2f2f2), color-stop(65%, #e3e3e3), color-stop(96%, #e0e0e0), color-stop(100%, #d9d9d9));
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 4%, #f2f2f2 9%, #e3e3e3 65%, #e0e0e0 96%, #d9d9d9 100%);
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 4%, #f2f2f2 9%, #e3e3e3 65%, #e0e0e0 96%, #d9d9d9 100%);
  background-image: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 4%, #f2f2f2 9%, #e3e3e3 65%, #e0e0e0 96%, #d9d9d9 100%);
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

/* year/month buttons */
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused {
  border-bottom: 0px none;
  border-top: 0px none;
  padding: 0px;
}

/* for all buttons, plus weekday headers (dateChooserButton) */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonSelected,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDown,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown,
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused {
  font-weight: bold;
  border: none;
}

.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonSelected,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDown,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown {
  color: #000;
}

.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused {
  color: #000;
}

.dateChooserButtonOver,
.dateChooserButtonDown {
  color: #477ccd;
  cursor: pointer;
}

.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver {
  background-color: #d6e8ff;
}

.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused {
  cursor: pointer;
  padding: 2px;
}

.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonFocused {
  color: #477ccd;
}

/* Today, Cancel buttons */
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown {
  border-left: 1px solid #ababab;
  border-top: 1px solid #ababab;
  color: #4d4d4d;
  cursor: pointer;
  font-weight: bold;
}

.dateChooserBottomButtonOver {
  color: #477ccd;
}

.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver {
  color: #cccccc;
}

.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver {
  color: #cccccc;
  border: 2px solid #d6e8ff;
}

.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled {
  font-weight: bold;
}

/* CSS3 version - include bottom and right borders */
.dateChooserBorderedBottomButton,
.dateChooserBorderedBottomButtonOver,
.dateChooserBorderedBottomButtonDown,
.dateChooserBorderedBottomButtonSelected,
.dateChooserBorderedBottomButtonSelectedOver,
.dateChooserBorderedBottomButtonSelectedDown,
.dateChooserBorderedBottomButtonFocused,
.dateChooserBorderedBottomButtonFocusedOver,
.dateChooserBorderedBottomButtonFocusedDown {
  background-color: white;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border: 1px solid #ababab;
  color: #4d4d4d;
  cursor: pointer;
  font-weight: bold;
}

.dateChooserBorderedBottomButtonOver {
  color: #477ccd;
}

/* weekday and weekend cells */
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled {
  background-color: white;
  border: 2px solid white;
  color: black;
  cursor: pointer;
}

.dateChooserWeekdayDisabled,
.dateChooserWeekendDisabled {
  color: #bfbfbf;
}

.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendSelected,
.dateChooserWeekendDisabled {
  background-color: #d6e8ff;
  border: 2px solid #d6e8ff;
}

.dateChooserWeekdayOver,
.dateChooserWeekendOver {
  border: 2px solid #75acff;
}

/* selected/over date-cell styling */
.dateChooserWeekdaySelectedOver,
.dateChooserWeekendSelectedOver,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekendSelectedOver {
  background-color: #d6e8ff;
  border: 2px solid #94c6ff;
  color: #4d4d4d;
  font-weight: bold;
}

.dateChooserWeekdaySelected,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekendSelected,
.dateChooserWeekendDown,
.dateChooserWeekendSelectedDown,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown {
  background-color: #d6e8ff;
  border: 2px solid #94c6ff;
  color: #4d4d4d;
  font-weight: bold;
}

.dateChooserWeekdayDown,
.dateChooserWeekendDown {
  font-weight: normal;
}

/* year and month pop-up menus */
.dateChooserYearMenu,
.dateChooserMonthMenu,
.dateChooserWeekMenu {
  background-color: white;
  border: 2px solid #4d4d4d;
}

/* CSS3 Mode
   Canvas border around calendar */
.dateChooserBorder {
  background-color: #dedede;
  border: 1px solid #ababab;
}

/*============================================================
	9) Slider & Rangebar
============================================================*/
/* slider and rangebar labels */
.sliderTitle,
.sliderRange,
.sliderRangeDisabled,
.sliderValue,
.sliderValueDisabled,
.pendingSliderValue,
.pendingSliderValueDisabled,
.rangebarTitle,
.rangebarRange,
.rangebarValue {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
}

.pendingSliderValue {
  color: #0066cc;
}

.sliderTitle,
.rangebarTitle {
  color: #4d4d4d;
  font-weight: bold;
}

.sliderRange,
.rangebarRange {
  color: black;
}

.sliderRangeDisabled,
.sliderValueDisabled {
  color: #ababab;
}

/* slider pointy arrows - start */
.sliderValue,
.sliderValueDisabled,
.vSliderValue,
.vSliderValueDisabled,
.hSliderValue,
.hSliderValueDisabled {
  color: #333b41;
  position: absolute;
  background: #ffffff;
  border: 1px solid #cdcdcd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 0px 3px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  margin-top: 2px;
}

.vSliderValue:after, .vSliderValue:before,
.vSliderValueDisabled:after, .vSliderValueDisabled:before,
.hSliderValue:after, .hSliderValue:before,
.hSliderValueDisabled:after, .hSliderValueDisabled:before {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.vSliderValue:after, .vSliderValue:before,
.vSliderValueDisabled:after, .vSliderValueDisabled:before {
  left: 100%;
  top: 50%;
}

.hSliderValue:after, .hSliderValue:before,
.hSliderValueDisabled:after, .hSliderValueDisabled:before {
  top: 100%;
  left: 50%;
}

.vSliderValue:after,
.vSliderValueDisabled:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #ffffff;
  border-width: 4px;
  margin-top: -4px;
}

.vSliderValue:before,
.vSliderValueDisabled:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #cdcdcd;
  border-width: 5px;
  margin-top: -5px;
}

.hSliderValue:after,
.hSliderValueDisabled:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #ffffff;
  border-width: 4px;
  margin-left: -4px;
}

.hSliderValue:before,
.hSliderValueDisabled:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #cdcdcd;
  border-width: 5px;
  margin-left: -5px;
}

.vSliderValueDisabled,
.hSliderValueDisabled {
  background: #e2e2e2;
  color: #94949a;
}

.vSliderValueDisabled:after {
  border-left-color: #e2e2e2;
}

.hSliderValueDisabled:after {
  border-top-color: #e2e2e2;
}

/* slider pointy arrows - end */
/* slider activeTrack */
.sliderTrackActive,
.hSliderTrackActive,
.vSliderTrackActive {
  background: #b6e3ff;
  border-radius: 10px;
}

.sliderTrackActiveDisabled,
.hSliderTrackActiveDisabled,
.vSliderTrackActiveDisabled {
  background: #c4c4c4;
  border-radius: 10px;
}

/* slider activeTrack - end */
/* CSS3 Mode */
.hSliderTrack {
  background: whitesmoke;
  border: 1px solid #d4d4d4;
}

.vSliderTrack {
  background: whitesmoke;
  border: 1px solid #d4d4d4;
}

/* CSS3 Mode */
.hSliderTrackDisabled,
.vSliderTrackDisabled {
  background: white;
  border: 1px solid #e3e3e3;
}

/* CSS3 Mode */
.hSliderThumb,
.hSliderThumbtouch,
.hSliderThumbdown,
.hSliderThumbdowntouch {
  background: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(35%, #f2f2f2), color-stop(45%, #f2f2f2), color-stop(60%, #bfbfbf), color-stop(100%, #ededed));
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  -moz-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset;
  -webkit-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset;
  box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset;
  border: 1px solid #9c9c9c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* CSS3 Mode */
.vSliderThumb,
.vSliderThumbtouch,
.vSliderThumbdown,
.vSliderThumbdowntouch {
  background: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjYmZiZmJmIi8+PHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ededed), color-stop(56%, #bfbfbf), color-stop(62%, #f2f2f2), color-stop(100%, #f5f5f5));
  background-image: -moz-linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%);
  background-image: -webkit-linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%);
  background-image: linear-gradient(to right, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%);
  -moz-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset;
  -webkit-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset;
  box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset;
  border: 1px solid #9c9c9c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* CSS3 Mode */
.hSliderThumbDisabled,
.hSliderThumbDisabledtouch,
.vSliderThumbDisabled,
.vSliderThumbDisabledtouch {
  background: #e8e8e8;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #fafafa), color-stop(46%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #fafafa));
  background-image: -moz-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%);
  background-image: -webkit-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%);
  background-image: linear-gradient(to bottom, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%);
  border: 1px solid #cbc3c2;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 1px white;
  -webkit-box-shadow: inset 0 1px 1px white;
  box-shadow: inset 0 1px 1px white;
}

.vSliderThumbDisabled,
.vSliderThumbDisabledtouch {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fafafa), color-stop(50%, #e3e3e3), color-stop(54%, #f0f0f0), color-stop(99%, #fafafa));
  background-image: -moz-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%);
  background-image: -webkit-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%);
  background-image: linear-gradient(to right, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%);
  border: 1px solid #cbc3c2;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0px 2px white, inset 0 0px 2px white;
  -webkit-box-shadow: inset 0 0px 2px white, inset 0 0px 2px white;
  box-shadow: inset 0 0px 2px white, inset 0 0px 2px white;
}

.hSliderThumbtouch,
.hSliderThumbdowntouch,
.vSliderThumbtouch,
.vSliderThumbdowntouch,
.hSliderThumbDisabledtouch,
.vSliderThumbDisabledtouch {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

/*============================================================
	10) DetailViewer
============================================================*/
.detailBlock {
  border-left: 1px solid #ababab;
  border-top: 1px solid #ababab;
}

.detail,
.detailLabel,
.detailHeader {
  background-color: white;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  -webkit-text-size-adjust: 100%;
}

.detailLabel {
  background-color: #fafafa;
  color: #4d4d4d;
  font-weight: bold;
  text-align: right;
}

.detailHeader {
  background-color: #ffbdc0;
  color: #4d4d4d;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

/*============================================================
	11) ListGrid
============================================================*/
/*============================================================
	ListGrid parts
		styleName - listGrid
		headerBarStyle - headerBar
		bodyStyleName - gridBody
============================================================*/
.listGrid {
  border: 1px solid #ababab;
}

.headerBar {
  background-color: white;
  background-image: url(./images/ListGrid/header.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  background-attachment: scroll;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNjOWI2YjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWI2YjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(96%, #d6d6d6), color-stop(96%, #c9b6b6), color-stop(100%, #c9b6b6));
  background-image: -moz-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
}

.gridBody {
  background-color: white;
}

.alternateGridBody {
  background-color: white;
}

.loadingDataMessage,
.offlineMessage,
.emptyMessage {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 11px;
}

.gridDragTracker {
  border: 1px dotted gray;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 1px;
}

.dragLine {
  border-top: 2px dotted #ff7a75;
  pointer-events: none;
}

.dragLineVertical {
  border-right: 2px dotted #ff7a75;
  pointer-events: none;
}

/* for filterEditor */
.recordEditorCellDark,
.recordEditorCell {
  background-color: #fafafa;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

/*============================================================
	ListGrid headers
		listGrid.headerBaseStyle - headerButton / imgHeaderButton (in skin)
		listGrid.headerDefaults.titleStyle - headerTitle (in skin)
		listGrid.sorterDefaults.titleStyle - headerTitle (in skin)

============================================================*/
/* imgHeaderButton - ListGrid column header buttons for image based
   headerButton - ListGrid column header buttons for css3 based */
.imgHeaderButton,
.sorterButton {
  background: url(./images/ListGrid/big_header.png);
  background: url(./images/ListGrid/header2.png) padding-box;
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButton,
.sorterButton {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(24%, #f7f7f7), color-stop(62%, #e8e8e8), color-stop(71%, #e8e8e8), color-stop(100%, #e8e8e8)) padding-box;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
  background: linear-gradient(to bottom, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
}

.imgHeaderButtonSelected,
.sorterButtonSelected {
  background: url(./images/ListGrid/big_header_Selected.png);
  background: url(./images/ListGrid/header2_Selected.png) padding-box;
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonSelected,
.sorterButtonSelected {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyY2NmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(100%, #a2ccf6)) padding-box;
  background: -moz-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
  background: -webkit-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
  background: linear-gradient(to bottom, #f0f8ff 0%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonDisabled,
.sorterButtonDisabled {
  background: url(./images/ListGrid/big_header_Disabled.png);
  background: url(./images/ListGrid/header2_Disabled.png) padding-box;
}

.imgHeaderButtonSelectedDisabled,
.sorterButtonSelectedDisabled {
  background: url(./images/ListGrid/big_header_Selected_Disabled.png);
  background: url(./images/ListGrid/header2_Selected_Disabled.png) padding-box;
}

.imgHeaderButtonDisabled,
.imgHeaderButtonSelectedDisabled,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled {
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.imgHeaderButtonOver,
.imgHeaderButtonDown,
.imgHeaderButtonSelectedOver,
.imgHeaderButtonSelectedDown,
.headerButtonOver,
.headerButtonDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown,
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border-bottom: 1px solid #97b4d3;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #cccccc;
}

.imgHeaderButtonOver,
.sorterButtonOver {
  background: url(./images/ListGrid/big_header_Over.png);
  background: url(./images/ListGrid/header2_Over.png) padding-box;
}

.imgHeaderButtonDown,
.sorterButtonDown {
  background: url(./images/ListGrid/big_header_Down.png);
  background: url(./images/ListGrid/header2_Down.png) padding-box;
}

.imgHeaderButtonOver,
.imgHeaderButtonDown,
.sorterButtonOver,
.sorterButtonDown {
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonOver,
.headerButtonDown,
.sorterButtonOver,
.sorterButtonDown {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyY2NmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #a2ccf6)) padding-box;
  background: -moz-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
  background: -webkit-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
  background: linear-gradient(to bottom, #fafafa 0%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSelectedOver,
.sorterButtonSelectedOver {
  background: url(./images/ListGrid/big_header_Selected_Over.png);
  background: url(./images/ListGrid/header2_Selected_Over.png) padding-box;
}

.imgHeaderButtonSelectedDown,
.sorterButtonSelectedDown {
  background: url(./images/ListGrid/big_header_Selected_Down.png);
  background: url(./images/ListGrid/header2_Selected_Down.png) padding-box;
}

.imgHeaderButtonSelectedOver,
.imgHeaderButtonSelectedDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonSelectedOver,
.headerButtonSelectedDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNjOWRmZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmNjZjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(48%, #deeffc), color-stop(48%, #c9dffd), color-stop(100%, #a2ccf6)) padding-box;
  background: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
  background: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
  background: linear-gradient(to bottom, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
}

.imgHeaderButton,
.headerButton,
.sorterButton {
  background-color: #fafafa;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #cccccc;
  padding-left: 3px;
  padding-right: 3px;
}

.imgHeaderButtonSelected,
.headerButtonSelected,
.sorterButtonSelected {
  color: black;
  background-color: #f0f6ff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border-bottom: 1px solid #97b4d3;
  border-left: 1px solid white;
  border-right: 1px solid #cdcfd0;
  padding-left: 3px;
  padding-right: 3px;
}

.headerButtonDisabled,
.headerButtonSelectedDisabled,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(24%, #f7f7f7), color-stop(100%, #e6e6e6)) padding-box;
  background: -moz-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
  background: -webkit-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
  background: linear-gradient(to bottom, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
}

.imgHeaderButtonDisabled,
.imgHeaderButtonSelectedDisabled,
.headerButtonDisabled,
.headerButtonSelectedDisabled,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled {
  background-color: #fef6f6;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border-bottom: 1px solid #c1c8d2;
  border-left: 1px solid #f6f7f9;
  border-right: 1px solid #c1c8d2;
  color: #ababab;
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
}

.imgHeaderButtonOver,
.imgHeaderButtonDown,
.headerButtonOver,
.headerButtonDown,
.sorterButtonOver,
.sorterButtonDown {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background-color: #a2ccf6;
  padding-left: 3px;
  padding-right: 3px;
}

.imgHeaderButtonSelectedOver,
.imgHeaderButtonSelectedDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  color: black;
  background-color: aliceblue;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
}

.sorterButton,
.sorterButtonSelected,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled,
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  border-left: 1px solid #fafafa;
  padding-right: 0;
  padding-left: 0;
}

.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  border-left: 1px solid #fee7e7;
}

/*=============================================================================================
    ...Rotated styles, parallel those of headerButton and similar above, but are intended for
    header buttons with rotated (vertical) titles, so must provide top and bottom padding.
==============================================================================================*/
.imgHeaderButtonRotated {
  background: url(./images/ListGrid/big_header.png);
  background: url(./images/ListGrid/header2.png) padding-box;
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonRotated {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(24%, #f7f7f7), color-stop(62%, #e8e8e8), color-stop(71%, #e8e8e8), color-stop(100%, #e8e8e8)) padding-box;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
  background: linear-gradient(to bottom, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
}

.imgHeaderButtonSelectedRotated {
  background: url(./images/ListGrid/big_header_Selected.png);
  background: url(./images/ListGrid/header2_Selected.png) padding-box;
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonSelectedRotated {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyY2NmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(100%, #a2ccf6)) padding-box;
  background: -moz-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
  background: -webkit-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
  background: linear-gradient(to bottom, #f0f8ff 0%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonDisabledRotated {
  background: url(./images/ListGrid/big_header_Disabled.png);
  background: url(./images/ListGrid/header2_Disabled.png) padding-box;
}

.imgHeaderButtonSelectedDisabledRotated {
  background: url(./images/ListGrid/big_header_Selected_Disabled.png);
  background: url(./images/ListGrid/header2_Selected_Disabled.png) padding-box;
}

.imgHeaderButtonDisabledRotated,
.imgHeaderButtonSelectedDisabledRotated {
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.imgHeaderButtonOverRotated,
.imgHeaderButtonDownRotated,
.imgHeaderButtonSelectedOverRotated,
.imgHeaderButtonSelectedDownRotated,
.headerButtonOverRotated,
.headerButtonDownRotated,
.headerButtonSelectedOverRotated,
.headerButtonSelectedDownRotated {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border-bottom: 1px solid #97b4d3;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #cccccc;
}

.imgHeaderButtonOverRotated {
  background: url(./images/ListGrid/big_header_Over.png);
  background: url(./images/ListGrid/header2_Over.png) padding-box;
}

.imgHeaderButtonDownRotated {
  background: url(./images/ListGrid/big_header_Down.png);
  background: url(./images/ListGrid/header2_Down.png) padding-box;
}

.imgHeaderButtonOverRotated,
.imgHeaderButtonDownRotated {
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonOverRotated,
.headerButtonDownRotated {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyY2NmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #a2ccf6)) padding-box;
  background: -moz-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
  background: -webkit-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
  background: linear-gradient(to bottom, #fafafa 0%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSelectedOverRotated {
  background: url(./images/ListGrid/big_header_Selected_Over.png);
  background: url(./images/ListGrid/header2_Selected_Over.png) padding-box;
}

.imgHeaderButtonSelectedDownRotated {
  background: url(./images/ListGrid/big_header_Selected_Down.png);
  background: url(./images/ListGrid/header2_Selected_Down.png) padding-box;
}

.imgHeaderButtonSelectedOverRotated,
.imgHeaderButtonSelectedDownRotated {
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonSelectedOverRotated,
.headerButtonSelectedDownRotated {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNjOWRmZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmNjZjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(48%, #deeffc), color-stop(48%, #c9dffd), color-stop(100%, #a2ccf6)) padding-box;
  background: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
  background: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
  background: linear-gradient(to bottom, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonRotated,
.headerButtonRotated {
  background-color: #fafafa;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #cccccc;
  padding-top: 3px;
  padding-bottom: 3px;
}

.imgHeaderButtonSelectedRotated,
.headerButtonSelectedRotated {
  color: black;
  background-color: #f0f6ff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border-bottom: 1px solid #97b4d3;
  border-left: 1px solid white;
  border-right: 1px solid #cdcfd0;
  padding-top: 3px;
  padding-bottom: 3px;
}

.headerButtonDisabledRotated,
.headerButtonSelectedDisabledRotated {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(24%, #f7f7f7), color-stop(100%, #e6e6e6)) padding-box;
  background: -moz-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
  background: -webkit-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
  background: linear-gradient(to bottom, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
}

.imgHeaderButtonDisabledRotated,
.imgHeaderButtonSelectedDisabledRotated,
.headerButtonDisabledRotated,
.headerButtonSelectedDisabledRotated {
  background-color: #fef6f6;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border-bottom: 1px solid #c1c8d2;
  border-left: 1px solid #f6f7f9;
  border-right: 1px solid #c1c8d2;
  color: #ababab;
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.imgHeaderButtonOverRotated,
.imgHeaderButtonDownRotated,
.headerButtonOverRotated,
.headerButtonDownRotated {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background-color: #a2ccf6;
  padding-top: 3px;
  padding-bottom: 3px;
}

.imgHeaderButtonSelectedOverRotated,
.imgHeaderButtonSelectedDownRotated,
.headerButtonSelectedOverRotated,
.headerButtonSelectedDownRotated {
  color: black;
  background-color: aliceblue;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* ListGrid column header titles */
.headerTitle,
.headerTitleOver,
.headerTitleDown,
.headerTitleSelected,
.headerTitleSelectedOver,
.headerTitleSelectedDown,
.headerTitleDisabled,
.headerTitleSelectedDisabled {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 4px;
  padding-right: 4px;
}

.headerTitleDown,
.headerTitleSelected,
.headerTitleSelectedOver,
.headerTitleSelectedDown,
.headerTitleSelectedDisabled {
  color: black;
}

.headerTitleDisabled,
.headerTitleSelectedDisabled {
  color: #ababab;
}

/* for filterEditor */
.filterOperatorIcon,
.filterOperatorIconOver,
.filterOperatorIconFocused,
.filterOperatorIconFocusedOver,
.filterOperatorIconDown,
.filterOperatorIconSelected,
.filterOperatorIconSelectedFocused,
.filterOperatorIconSelectedFocusedOver {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

/*============================================================
	ListGrid cells
		listGrid.baseStyle
============================================================*/
/*------------------------------------------------------------
		listGrid.baseStyle
------------------------------------------------------------*/
.cell,
.cellAltCol,
.cellDark,
.cellDarkAltCol,
.cellOver,
.cellOverAltCol,
.cellOverDark,
.cellOverDarkAltCol,
.cellSelected,
.cellSelectedAltCol,
.cellSelectedDark,
.cellSelectedDarkAltCol,
.cellSelectedOver,
.cellSelectedOverAltCol,
.cellSelectedOverDark,
.cellSelectedOverDarkAltCol,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellAltCol,
.tallCellDark,
.tallCellDarkAltCol,
.tallCellOver,
.tallCellOverAltCol,
.tallCellOverDark,
.tallCellOverDarkAltCol,
.tallCellSelected,
.tallCellSelectedAltCol,
.tallCellSelectedDark,
.tallCellSelecDarkAltCol,
.tallCellSelectedOver,
.tallCellSelectedOverAltCol,
.tallCellSelectedOverDark,
.tallCellSelectedOverDarkAltCol,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCell,
.gridSummaryCellDisabled,
.recordSummaryCell,
.recordSummaryCellDark,
.recordSummaryCellOver,
.recordSummaryCellOverDark,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark,
.expansionCellCell,
.expansionCellCellDark,
.expansionCellCellOver,
.expansionCellCellOverDark,
.expansionCellCellSelected,
.expansionCellCellSelectedDark,
.expansionCellCellSelectedOver,
.expansionCellCellSelectedOverDark,
.expansionCellCellDisabled,
.expansionCellCellDisabledDark,
.specialCol,
.specialColOver,
.specialColSelected,
.specialColSelectedOver,
.specialColDisabled,
.groupNode {
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #f0f0f0;
  color: black;
  text-overflow: ellipsis;
}

.specialCol {
  background-color: #fafafa;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #fafafa;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  text-overflow: ellipsis;
}

.cellAltCol,
.cellDark,
.cellDarkAltCol,
.recordSummaryCell,
.recordSummaryCellDark {
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #fafafa;
}

.gridSummaryCell,
.gridSummaryCellDisabled {
  background-color: #f0f0f0;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
}

.tallCellAltCol,
.tallCellDark,
.tallCellDarkAltCol {
  background-color: #fafafa;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #fafafa;
}

.cellOver,
.cellOverAltCol,
.cellOverDark,
.cellOverDarkAltCol,
.specialColOver,
.recordSummaryCellOver,
.recordSummaryCellOverDark {
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Over.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  background-attachment: scroll;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  border-bottom: 1px solid #c4ddfd;
  border-top: 1px solid #c4ddfd;
  -moz-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0;
  -webkit-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0;
  box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0;
}

.tallCellOver,
.tallCellOverAltCol,
.tallCellOverDark,
.tallCellOverDarkAltCol {
  border-top: 1px solid #e8e8e8;
  background-color: #dbedff;
}

.cellSelected,
.cellSelectedAltCol,
.cellSelectedDark,
.cellSelectedDarkAltCol,
.specialColSelected,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark {
  background: #d6e8ff;
  border-bottom: 1px dotted #9fb7e9;
  border-top: 1px dotted #9fb7e9;
}

.tallCellSelected,
.tallCellSelectedAltCol,
.tallCellSelectedDark,
.tallCellSelectedDarkAltCol {
  background: #d6e8ff;
  border-bottom: 1px dotted #9fb7e9;
  border-top: 1px dotted #9fb7e9;
  color: black;
}

.cellSelectedOver,
.cellSelectedOverAltCol,
.cellSelectedOverDark,
.cellSelectedOverDarkAltCol,
.specialColSelectedOver,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark {
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #b8cfef;
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Selected_Over.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: bottom left;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
}

.tallCellSelectedOver,
.tallCellSelectedOverAltCol,
.tallCellSelectedOverDark,
.tallCellSelectedOverDarkAltCol {
  background-color: #d0dff6;
  border-bottom: 1px dotted #9fb7e9;
  border-top: 1px dotted #9fb7e9;
}

.gridSummaryCell,
.gridSummaryCellDisabled {
  font-weight: bold;
  color: #005491;
}

.cellDisabled,
.cellDisabledDark,
.specialColDisabled,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCellDisabled,
.specialColDisabled,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark {
  background-color: white;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #f0f0f0;
  color: #ababab;
}

/* for grouping */
.groupNode {
  border-bottom: 1px solid #8299B8;
  color: #3764A3;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
}

/*Tree styling*/
/*------------------------------------------------------------
		treeGrid.baseStyle
------------------------------------------------------------*/
.treeCell,
.treeCellDark,
.treeCellOver,
.treeCellOverDark,
.treeCellSelected,
.treeCellSelectedDark,
.treeCellSelectedOver,
.treeCellSelectedOverDark,
.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCell,
.treeTallCellDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelected,
.treeTallCellSelectedDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  text-overflow: ellipsis;
}

.treeCellDark,
.treeTallCellDark {
  background-color: #fafafa;
}

.treeCellOver,
.treeCellOverDark {
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Over.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  background-attachment: scroll;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  -moz-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0;
  -webkit-box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0;
  box-shadow: inset #e6f0ff 0 1px 0, inset #e6f0ff 0 -1px 0;
}

.treeTallCellOver,
.treeTallCellOverDark {
  background-color: #e8e8e8;
}

.treeCellSelected,
.treeCellSelectedDark {
  background: #d6e8ff;
}

.treeTallCellSelected,
.treeTallCellSelectedDark {
  background-color: #d6e8ff;
}

.treeCellSelectedOver,
.treeCellSelectedOverDark {
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Selected_Over.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: bottom left;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
}

.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark {
  background-color: #d0dff6;
}

.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {
  background-color: white;
  color: #ababab;
}

/* Field builders (Formula/Summary) */
.sampleOutput {
  border: 2px solid #d6d6d6;
  padding: 3px;
}

/* Multi-sort - sort-index appearing next to sort-arrows in field headers */
.sortNumeral {
  font-size: 7px;
  vertical-align: top;
}

/*============================================================
	12) ToolStrip
============================================================*/
.toolStrip {
  background-color: #f2f2f2;
  background-image: url(images/ToolStrip/background.png);
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTBlMGUwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f7f7f7), color-stop(2%, #f7f7f7), color-stop(2%, #f2f2f2), color-stop(100%, #e0e0e0));
  background-image: -moz-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%);
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%);
  background-image: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%);
  border: 1px solid #ababab;
  -moz-box-shadow: snow 0 1px 0 inset;
  -webkit-box-shadow: snow 0 1px 0 inset;
  box-shadow: snow 0 1px 0 inset;
}

.ribbonBar {
  background-color: white;
  border: 1px solid #d1d3d4;
  -moz-box-shadow: #fafcff 0 1px 0 inset;
  -webkit-box-shadow: #fafcff 0 1px 0 inset;
  box-shadow: #fafcff 0 1px 0 inset;
  padding: 10px;
}

.toolStripVertical {
  background-color: white;
  background-image: url(images/ToolStrip/background_vertical.png);
  border: 1px solid #ef9c9a;
}

/* tool strip button */
.toolStripButton,
.toolStripButtonOver,
.toolStripButtonFocused,
.toolStripButtonFocusedOver,
.toolStripButtonDown,
.toolStripButtonFocusedDown,
.toolStripButtonSelected,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedDown,
.toolStripButtonSelectedFocusedDown,
.toolStripButtonSelectedOver,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonDisabled,
.toolStripButtonSelectedDisabled,
.toolStripButtonOpened,
.toolStripButtonOverOpened,
.toolStripButtonDownOpened,
.toolStripButtonFocusedOpened,
.toolStripButtonFocusedDownOpened,
.toolStripButtonFocusedOverOpened,
.toolStripButtonSelectedOpened,
.toolStripButtonSelectedDownOpened,
.toolStripButtonSelectedOverOpened {
  border: 1px solid transparent;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 2px 5px;
}

.toolStripButtonDisabled {
  background-color: #e8e8e8;
  background-image: url("./images/cssButton/button_Disabled_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  border: 1px solid transparent;
}

.toolStripButtonDisabled,
.toolStripButtonSelectedDisabled {
  color: #ababab;
  font-weight: normal;
}

.toolStripButtonOpened,
.toolStripButtonOverOpened,
.toolStripButtonDownOpened,
.toolStripButtonFocusedOpened,
.toolStripButtonFocusedDownOpened,
.toolStripButtonFocusedOverOpened,
.toolStripButtonSelectedOpened,
.toolStripButtonSelectedDownOpened,
.toolStripButtonSelectedOverOpened,
.toolStripButtonFocused,
.toolStripButtonFocusedOver,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonSelectedFocusedDown {
  border: 1px solid #ababab;
}

.toolStripButtonOver,
.toolStripButtonFocusedOver,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonOpened,
.toolStripButtonOverOpened,
.toolStripButtonDownOpened,
.toolStripButtonFocusedOpened,
.toolStripButtonFocusedDownOpened,
.toolStripButtonFocusedOverOpened,
.toolStripButtonSelectedOpened,
.toolStripButtonSelectedDownOpened,
.toolStripButtonSelectedOverOpened {
  background-color: #d9d9d9;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(52%, #ededed), color-stop(57%, #e3e3e3), color-stop(100%, #d6d6d6));
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  border: 1px solid #858585;
  -moz-box-shadow: inset white 0 0 0 1px;
  -webkit-box-shadow: inset white 0 0 0 1px;
  box-shadow: inset white 0 0 0 1px;
}

.toolStripButtonDown,
.toolStripButtonFocusedDown,
.toolStripButtonSelectedDown,
.toolStripButtonSelectedFocusedDown,
.toolStripButtonOpened,
.toolStripButtonOverOpened,
.toolStripButtonDownOpened,
.toolStripButtonFocusedOpened,
.toolStripButtonFocusedDownOpened,
.toolStripButtonFocusedOverOpened,
.toolStripButtonSelectedOpened,
.toolStripButtonSelectedDownOpened,
.toolStripButtonSelectedOverOpened {
  background-color: #dedede;
  background-image: url("./images/cssButton/button_Down_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNkMWQxZDEiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjZGJkYmRiIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNjNGM0YzQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1d1d1), color-stop(5%, #d1d1d1), color-stop(10%, #dbdbdb), color-stop(14%, #ebebeb), color-stop(19%, #f2f2f2), color-stop(29%, #f2f2f2), color-stop(81%, #dbdbdb), color-stop(95%, #c4c4c4), color-stop(100%, #c4c4c4));
  background-image: -moz-linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%);
  background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%);
  background-image: linear-gradient(to bottom, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%);
  border: 1px solid #597db1;
}

.toolStripButtonSelected,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedOver,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonSelectedDisabled {
  background-color: #d9d9d9;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(52%, #ededed), color-stop(57%, #e3e3e3), color-stop(100%, #d6d6d6));
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  border: 1px solid #858585;
}

/*============================================================
   12a) ToolStripGroup and IconButton
==============================================================*/
.toolStripGroup,
.toolStripGroupOver,
.toolStripGroupSelected,
.toolStripGroupSelectedDisabled,
.toolStripGroupSelectedOver,
.toolStripGroupDown,
.toolStripGroupSelectedDown,
.toolStripGroupDisabled {
  background: #f7f7f7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(1%, #f7f7f7), color-stop(1%, #f2f2f2), color-stop(31%, #e0e0e0), color-stop(100%, #e0e0e0));
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%);
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%);
  border: 1px solid #b5b5b5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 2px;
}

.ribbonGroup,
.ribbonGroupOver,
.ribbonGroupSelected,
.ribbonGroupSelectedDisabled,
.ribbonGroupSelectedOver,
.ribbonGroupDown,
.ribbonGroupSelectedDown,
.ribbonGroupDisabled {
  background: white;
  border: 1px solid #d1d3d4;
  padding: 0px;
  -moz-box-shadow: 3px 3px 5px 2px #f3f3f3;
  -webkit-box-shadow: 3px 3px 5px 2px #f3f3f3;
  box-shadow: 3px 3px 5px 2px #f3f3f3;
}

.toolStripGroupTitle,
.toolStripGroupTitleOver,
.toolStripGroupTitleSelected,
.toolStripGroupTitleSelectedDisabled,
.toolStripGroupTitleSelectedOver,
.toolStripGroupTitleDown,
.toolStripGroupTitleSelectedDown,
.toolStripGroupTitleDisabled {
  background-color: #d4d4d4;
  border: 0;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  color: #4d4d4d;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 3px;
}

.iconButton,
.iconButtonOver,
.iconButtonDown,
.iconButtonFocused,
.iconButtonFocusedOver,
.iconButtonFocusedDown,
.iconButtonSelected,
.iconButtonSelectedFocused,
.iconButtonSelectedDown,
.iconButtonSelectedFocusedDown,
.iconButtonSelectedOver,
.iconButtonSelectedFocusedOver,
.iconButtonDisabled,
.iconButtonSelectedDisabled {
  background-color: rgba(255, 255, 255, 0);
  background-color: \9 transparent;
  border: 1px solid transparent;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 4px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #4d4d4d;
}

.iconButtonDown {
  background-color: #d9d9d9;
  border: 1px solid #9e8c8a;
}

.iconButtonOver,
.iconButtonDown,
.iconButtonSelected,
.iconButtonSelectedOver,
.iconButtonFocused,
.iconButtonFocusedOver,
.iconButtonSelectedFocusedOver {
  background-color: #f2f2f2;
  border: 1px solid #b5a7a6;
}

.iconButtonSelected,
.iconButtonSelectedFocused,
.iconButtonSelectedDown,
.iconButtonSelectedFocusedDown,
.iconButtonSelectedFocusedOver {
  background-color: #e5e5e5;
}

.iconButtonDisabled {
  color: #ababab;
}

/* IconButton icon and menuIcon styles - used for spacing top and bottom of the title in v-buttons */
.iconButtonHIcon {
  vertical-align: middle;
}

.iconButtonHMenuIcon {
  vertical-align: middle;
  border: 1px solid transparent;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

.iconButtonVIcon {
  vertical-align: middle;
  margin-bottom: 5px;
}

.iconButtonVMenuIcon {
  vertical-align: middle;
  border: 1px solid transparent;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  margin-top: 4px;
}

/*============================================================
	13) Tools
============================================================*/
.resizeThumb {
  border: 1px solid #808080;
  background-color: #C9F4F8;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYzlmNGY4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #c9f4f8), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(#ffffff, #c9f4f8, #ffffff);
  background-image: -webkit-linear-gradient(#ffffff, #c9f4f8, #ffffff);
  background-image: linear-gradient(#ffffff, #c9f4f8, #ffffff);
}

.cornerResizeThumb {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/*============================================================
   14) TileGrid
==============================================================*/
.tileGrid {
  border: 1px solid gray;
}

.tileValue,
.tileValueDown,
.tileValueSelected,
.tileValueOver,
.tileValueSelectedOver,
.tileValueSelectedDown {
  font-size: 8pt;
  text-overflow: ellipsis;
}

.tileValueOver {
  color: black;
}

.tileValueSelected {
  color: black;
}

.tileValueSelectedOver {
  color: black;
}

.simpleTile,
.simpleTileOver,
.simpleTileSelected,
.simpleTileSelectedOver {
  font-size: 8pt;
  padding: 3px;
}

.simpleTile {
  border: 1px solid transparent;
}

.simpleTileOver {
  background-color: #fafafa;
  background-image: url(images/TileGrid/tileOver.png);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e3e3e3));
  background-image: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #e3e3e3 100%);
  border: 1px solid #cfcfcf;
}

.simpleTileSelected,
.simpleTileSelectedOver {
  background-color: #fafafa;
  background-image: url(images/TileGrid/tileOver.png);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e3e3e3));
  background-image: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #e3e3e3 100%);
  border: 1px solid #cfcfcf;
}

/*============================================================
	15) Scrollbars
============================================================*/
/* CSS3 Mode */
/*.scrollbar,
.scrollbarDisabled,
.scrollbarOver,
.scrollbarDown {
    background-color: hsl(0, 0%, 94%);
    border: 1px solid #FF8000;  
}

.scrollbarFocused,
.scrollbarFocusedDisabled,
.scrollbarFocusedOver,
.scrollbarFocusedDown {
    background-color: hsl(0, 0%, 94%);
    border: 1px solid #0000ff;
}

.scrollbarSelected,
.scrollbarSelectedDisabled,
.scrollbarSelectedOver,
.scrollbarSelectedDown {
    background-color: hsl(0, 0%, 94%);
    border: 1px solid #0000FF;
}

.scrollbarSelectedFocused,
.scrollbarSelectedFocusedDisabled,
.scrollbarSelectedFocusedOver,
.scrollbarSelectedFocusedDown {
    background-color: hsl(0, 0%, 94%);
    border: 1px solid #ffff00;
}*/
.scrollCorner,
.scrollCornerDown,
.scrollCornerOver {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(50%, #ebebeb), color-stop(50%, #dadada), color-stop(100%, #cfcfcf));
  background-image: -moz-linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf);
  background-image: -webkit-linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf);
  background-image: linear-gradient(to bottom, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf);
}

.vScrollStartDisabled,
.vScrollStart,
.vScrollStartOver,
.vScrollStartDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-position: -16px -2px;
}

.vScrollStartDisabled {
  background-position: 0px -2px;
}

.vScrollStartOver {
  background-position: -32px -2px;
}

.vScrollStartDown {
  background-position: -48px -2px;
}

.vScrollTrackStretchDisabled,
.vScrollTrackStretch,
.vScrollTrackStretchOver,
.vScrollTrackStretchDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-repeat: repeat-y;
  background-position: -80px 0px;
}

.vScrollTrackStretchDisabled {
  background-position: -64px 0px;
}

.vScrollTrackStretchOver {
  background-position: -96px 0px;
}

.vScrollTrackStretchDown {
  background-position: -112px 0px;
}

.vScrollEndDisabled,
.vScrollEnd,
.vScrollEndOver,
.vScrollEndDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-position: -16px -18px;
}

.vScrollEndDisabled {
  background-position: 0px -18px;
}

.vScrollEndOver {
  background-position: -32px -18px;
}

.vScrollEndDown {
  background-position: -48px -18px;
}

.vScrollCornerDisabled,
.vScrollCorner,
.vScrollCornerOver,
.vScrollCornerDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-position: 0px -40px;
}

.vScrollThumbStartDisabled,
.vScrollThumbStart,
.vScrollThumbStartOver,
.vScrollThumbStartDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-position: -16px -36px;
}

.vScrollThumbStartDisabled {
  background-position: 0px -36px;
}

.vScrollThumbStartOver {
  background-position: -32px -36px;
}

.vScrollThumbStartDown {
  background-position: -48px -36px;
}

.vScrollThumbStretchDisabled,
.vScrollThumbStretch,
.vScrollThumbStretchOver,
.vScrollThumbStretchDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-repeat: repeat-y;
  background-position: -144px 0px;
}

.vScrollThumbStretchDisabled {
  background-position: -128px 0px;
}

.vScrollThumbStretchOver {
  background-position: -160px 0px;
}

.vScrollThumbStretchDown {
  background-position: -176px 0px;
}

.vScrollThumbEndDisabled,
.vScrollThumbEnd,
.vScrollThumbEndOver,
.vScrollThumbEndDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-position: -16px -38px;
}

.vScrollThumbEndDisabled {
  background-position: 0px -38px;
}

.vScrollThumbEndOver {
  background-position: -32px -38px;
}

.vScrollThumbEndDown {
  background-position: -48px -38px;
}

.vScrollThumbGripDisabled,
.vScrollThumbGrip,
.vScrollThumbGripOver,
.vScrollThumbGripDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
}

.hScrollStartDisabled,
.hScrollStart,
.hScrollStartOver,
.hScrollStartDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-position: 0px -16px;
}

.hScrollStartDisabled {
  background-position: 0px 0px;
}

.hScrollStartOver {
  background-position: 0px -32px;
}

.hScrollStartDown {
  background-position: 0px -48px;
}

.hScrollTrackStretchDisabled,
.hScrollTrackStretch,
.hScrollTrackStretchOver,
.hScrollTrackStretchDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-repeat: repeat-x;
  background-position: 0px -80px;
}

.hScrollTrackStretchDisabled {
  background-position: 0px -64px;
}

.hScrollTrackStretchOver {
  background-position: 0px -96px;
}

.hScrollTrackStretchDown {
  background-position: 0px -112px;
}

.hScrollEndDisabled,
.hScrollEnd,
.hScrollEndOver,
.hScrollEndDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-position: -18px -16px;
}

.hScrollEndDisabled {
  background-position: -18px 0px;
}

.hScrollEndOver {
  background-position: -18px -32px;
}

.hScrollEndDown {
  background-position: -18px -48px;
}

.hScrollCornerDisabled,
.hScrollCorner,
.hScrollCornerOver,
.hScrollCornerDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-position: -40px 0px;
}

.hScrollThumbStartDisabled,
.hScrollThumbStart,
.hScrollThumbStartOver,
.hScrollThumbStartDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-position: -36px -16px;
}

.hScrollThumbStartDisabled {
  background-position: -36px 0px;
}

.hScrollThumbStartOver {
  background-position: -36px -32px;
}

.hScrollThumbStartDown {
  background-position: -36px -48px;
}

.hScrollThumbStretchDisabled,
.hScrollThumbStretch,
.hScrollThumbStretchOver,
.hScrollThumbStretchDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-repeat: repeat-x;
  background-position: 0px -144px;
}

.hScrollThumbStretchDisabled {
  background-position: 0px -128px;
}

.hScrollThumbStretchOver {
  background-position: 0px -160px;
}

.hScrollThumbStretchDown {
  background-position: 0px -176px;
}

.hScrollThumbEndDisabled,
.hScrollThumbEnd,
.hScrollThumbEndOver,
.hScrollThumbEndDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-position: -38px -16px;
}

.hScrollThumbEndDisabled {
  background-position: -38px 0px;
}

.hScrollThumbEndOver {
  background-position: -38px -32px;
}

.hScrollThumbEndDown {
  background-position: -38px -48px;
}

.hScrollThumbGripDisabled,
.hScrollThumbGrip,
.hScrollThumbGripOver,
.hScrollThumbGripDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
}

/* CSS3 Mode */
.vScrollThumb {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZThlOGU5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkN2Q5ZGEiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2NhY2NjZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwYzJjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(50%, #e8e8e9), color-stop(50%, #d7d9da), color-stop(82%, #caccce), color-stop(100%, #c0c2c4));
  background-image: -moz-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%);
  background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%);
  background-image: linear-gradient(to right, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%);
  -moz-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0;
  -webkit-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0;
  box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0;
  border: 1px solid #969696;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-right: 1px;
}

.vScrollThumbOver {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjRmYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDVlZWZiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNWVlZmIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E3ZGFmNiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYTdkYWY2Ii8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNhNGQ1ZWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2NhZTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e3f4fc), color-stop(20%, #d5eefb), color-stop(50%, #d5eefb), color-stop(50%, #a7daf6), color-stop(80%, #a7daf6), color-stop(90%, #a4d5ef), color-stop(100%, #9ccae2));
  background-image: -moz-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -webkit-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: linear-gradient(to right, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  border: 1px solid #3c7daf;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e6f2ff 1px 1px 0 0;
  -webkit-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e6f2ff 1px 1px 0 0;
  box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e6f2ff 1px 1px 0 0;
  margin-right: 1px;
}

.hScrollThumb {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZWFlYWViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDciLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjZCIvPjxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjYmViZWMxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmViZWMxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(42%, #eaeaeb), color-stop(50%, #d6d6d7), color-stop(75%, #cbcbcd), color-stop(92%, #bebec1), color-stop(100%, #bebec1));
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%);
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%);
  -moz-box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6;
  -webkit-box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6;
  box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6;
  border: 1px solid #969696;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 1px;
}

.hScrollThumbOver {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjRmYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDVlZWZiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNWVlZmIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E3ZGFmNiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYTdkYWY2Ii8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNhNGQ1ZWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2NhZTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3f4fc), color-stop(20%, #d5eefb), color-stop(50%, #d5eefb), color-stop(50%, #a7daf6), color-stop(80%, #a7daf6), color-stop(90%, #a4d5ef), color-stop(100%, #9ccae2));
  background-image: -moz-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -webkit-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: linear-gradient(to bottom, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  border: 1px solid #3c7daf;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white;
  -webkit-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white;
  box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white;
  margin-bottom: 1px;
}

/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

	Styles below this comment are not used by default in this skin

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/
/*============================================================
    TabSet CSS tabs
		tabSet.simpleTabBaseStyle
============================================================*/
/* styles for simple css-styled tabs*/
/* left */
.tabButtonLeft {
  background-color: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -moz-linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -webkit-linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: linear-gradient(to right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  border-left: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftOver {
  background-color: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3));
  background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  border-left: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelected {
  background-color: #f7f7f7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc));
  background-image: -moz-linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -webkit-linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: linear-gradient(to right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  border-left: 1px solid #97a8be;
  border-bottom: 1px solid #97a8be;
  border-top: 1px solid #97a8be;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelectedOver {
  background-color: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
}

.tabButtonLeftSelectedDown {
  background-color: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
}

.tabButtonLeftFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelectedFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelectedFocusedOver {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftDown {
  background-color: #f7f7f7;
  border-left: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #153e8a;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelectedDisabled {
  background-color: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(to right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftDisabled {
  background-color: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(to right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

/* right */
.tabButtonRight {
  background-color: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -moz-linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -webkit-linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: linear-gradient(to left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightOver {
  background-color: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3));
  background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: linear-gradient(to left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelected {
  background-color: #f7f7f7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc));
  background-image: -moz-linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -webkit-linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: linear-gradient(to left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  border-right: 1px solid #97a8be;
  border-bottom: 1px solid #97a8be;
  border-top: 1px solid #97a8be;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelectedOver {
  background-color: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(to left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
}

.tabButtonRightSelectedDown {
  background-color: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(to left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
}

.tabButtonRightFocused {
  background-color: #d6d6d6;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelectedFocused {
  background-color: #d6d6d6;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelectedFocusedOver {
  background-color: #d6d6d6;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightDown {
  background-color: #f7f7f7;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #153e8a;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelectedDisabled {
  background-color: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -moz-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -webkit-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(to left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightDisabled {
  background-color: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -moz-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -webkit-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(to left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

/* top */
.tabButtonTop {
  background-color: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -moz-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -webkit-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: linear-gradient(to bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopOver {
  background-color: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3));
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelected {
  background-color: #f7f7f7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc));
  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  border-left: 1px solid #97a8be;
  border-right: 1px solid #97a8be;
  border-top: 1px solid #97a8be;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelectedOver {
  background-color: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
}

.tabButtonTopSelectedDown {
  background-color: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
}

.tabButtonTopFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelectedFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelectedFocusedOver {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopDown {
  background-color: #f7f7f7;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #153e8a;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelectedDisabled {
  background-color: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopDisabled {
  background-color: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
}

/* bottom */
.tabButtonBottom {
  background-color: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -moz-linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -webkit-linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: linear-gradient(to top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
  padding-top: 1px;
}

.tabButtonBottomOver {
  background-color: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3));
  background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: linear-gradient(to top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelected {
  background-color: #f7f7f7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc));
  background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: linear-gradient(to top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  border-left: 1px solid #97a8be;
  border-right: 1px solid #97a8be;
  border-bottom: 1px solid #97a8be;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelectedOver {
  background-color: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(to top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
}

.tabButtonBottomSelectedDown {
  background-color: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(to top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #15428B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
}

.tabButtonBottomFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelectedFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelectedFocusedOver {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomDown {
  background-color: #f7f7f7;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #153e8a;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelectedDisabled {
  background-color: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(to top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomDisabled {
  background-color: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(to top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

	Styles below this comment are used by optional modules only

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/
/*============================================================
	CubeGrid - Analytics Module only
		cubeGrid.baseStyle - cubeCell
		headerGrid.baseStyle - rowHeader
		reportHeaderBar.button.baseStyle - rowHeader
		reportHeaderBar.button.baseStyle - innerHeader/colHeader
		reportHeaderBar.button.baseStyle - rowHeaderLabel
		reportHeaderBar.button.baseStyle - colHeaderLabel
============================================================*/
.cubeCell {
  background-color: white;
  border-bottom: 1px solid #ababab;
  border-left: 1px solid white;
  border-right: 1px solid #ababab;
  border-top: 1px solid white;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: black;
  text-overflow: ellipsis;
}

.cubeCellDark {
  background-color: #f0f0f0;
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #ababab;
  border-top: 1px solid #f0f0f0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: black;
  text-overflow: ellipsis;
}

.cubeCellDisabled {
  background-color: white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid white;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #666666;
  text-overflow: ellipsis;
}

/* partial styles */
.cubeCellOver {
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #b8cfef;
  border-right: 1px solid #ababab;
  border-top: 1px solid #b8cfef;
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Over.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: bottom left;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
}

.cubeCellSelected {
  background: #d6e8ff;
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #b8cfef;
  border-right: 1px solid #ababab;
  border-top: 1px solid #b8cfef;
}

.cubeCellSelectedOver {
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #b8cfef;
  border-right: 1px solid #ababab;
  border-top: 1px solid #b8cfef;
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Selected_Over.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: bottom left;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U2ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e6f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(to bottom, #c4ddfd 0%, #f0f8ff 9%, #e6f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
}

/* row headers */
.rowHeader {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #264260;
  border-bottom: 1px solid #264260;
  background-image: url("images/CubeGrid/rowHeader.gif");
}

.rowHeaderOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #264260;
  border-top: 1px solid #264260;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/rowHeaderOver.gif");
}

.rowHeaderDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #264260;
  border-top: 1px solid #264260;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/rowHeaderOver.gif");
}

.rowHeaderDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: #808080;
  background-color: #6682A0;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.rowHeaderSelected,
.rowHeaderSelectedDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: white;
  background-color: #3E74B3;
  border-left: 1px solid #00008B;
  border-top: 1px solid #00008B;
  border-right: 1px solid #F0F8FF;
  border-bottom: 1px solid #F0F8FF;
  background-image: url("images/CubeGrid/rowHeaderSelected.gif");
}

.rowHeaderSelectedOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-image: url("images/CubeGrid/rowHeaderSelectedOver.gif");
}

.rowHeaderSelectedDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: #808080;
  background-color: #3E74B3;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/* row label */
.rowHeaderLabel {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #204B7A;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #000B3A;
  border-bottom: 1px solid #000B3A;
  background-image: url("images/CubeGrid/rowHeaderLabel.gif");
}

.rowHeaderLabelOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #204B7A;
  border-left: 1px solid #000B3A;
  border-top: 1px solid #000B3A;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/rowHeaderLabel.gif");
}

.rowHeaderLabelDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #204B7A;
  border-left: 1px solid #000B3A;
  border-top: 1px solid #000B3A;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/rowHeaderLabelDown.gif");
}

.rowHeaderLabelDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #808080;
  background-color: #7D7D7D;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.rowHeaderLabelSelected,
.rowHeaderLabelSelectedDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  background-image: url("images/CubeGrid/rowHeaderDown.gif");
}

.rowHeaderLabelSelectedOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-image: url("images/CubeGrid/rowHeaderDown.gif");
}

.rowHeaderLabelSelectedDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #808080;
  background-color: #7D7D7D;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/* column headers */
.colHeader {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #264260;
  border-bottom: 1px solid #264260;
  background-image: url("images/CubeGrid/colHeader.gif");
}

.colHeaderOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #264260;
  border-top: 1px solid #264260;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/colHeaderOver.gif");
}

.colHeaderDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #264260;
  border-top: 1px solid #264260;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/colHeader.gif");
}

.colHeaderDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: #808080;
  background-color: #6682A0;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.colHeaderSelected,
.colHeaderSelectedDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-left: 1px solid #00008B;
  border-top: 1px solid #00008B;
  border-right: 1px solid #F0F8FF;
  border-bottom: 1px solid #F0F8FF;
  background-image: url("images/CubeGrid/colHeaderSelected.gif");
}

.colHeaderSelectedOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-image: url("images/CubeGrid/colHeaderSelectedOver.gif");
}

.colHeaderSelectedDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #808080;
  background-color: #3E74B3;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/* column label */
.colHeaderLabel {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #204B7A;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  background-image: url("images/CubeGrid/colHeaderLabel.gif");
}

.colHeaderLabelOver,
.colHeaderLabelDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #204B7A;
  border-left: 1px solid #000B3A;
  border-top: 1px solid #000B3A;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  background-image: url("images/CubeGrid/colHeaderLabelDown.gif");
}

.colHeaderLabelDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #808080;
  background-color: #7D7D7D;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.colHeaderLabelSelected,
.colHeaderLabelSelectedDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  background-image: url("images/CubeGrid/colHeaderLabelDown.gif");
}

.colHeaderLabelSelectedOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  background-image: url("images/CubeGrid/colHeaderDown.gif");
}

.colHeaderLabelSelectedDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #808080;
  background-color: #7D7D7D;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/* inner header */
.innerHeader {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: black;
  background-color: #CCCCCC;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  background-image: url("images/CubeGrid/innerHeader.gif");
}

.innerHeaderOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: black;
  background-color: #CCCCCC;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  background-image: url("images/CubeGrid/innerHeader.gif");
}

.innerHeaderDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: black;
  background-color: #CCCCCC;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  background-image: url("images/CubeGrid/innerHeader.gif");
}

.innerHeaderDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: #808080;
  background-color: #CCCCCC;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.innerHeaderSelected,
.innerHeaderSelectedDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-left: 1px solid #00008B;
  border-top: 1px solid #00008B;
  border-right: 1px solid #F0F8FF;
  border-bottom: 1px solid #F0F8FF;
  background-image: url("images/CubeGrid/innerHeaderSelected.gif");
}

.innerHeaderSelectedOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-image: url("images/CubeGrid/innerHeaderSelectedOver.gif");
}

.innerHeaderSelectedDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
  color: #808080;
  background-color: #CCCCCC;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/*============================================================
	BarChart
	internal, charting/visualization module only
		styleName - chart
		barStyle - chartBar
		others are currently fixed
============================================================*/
.chart {
  background-color: #cccccc;
}

.chartTitle {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.chartAxisTitle {
  color: #0000ff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.chartValueTitle {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.chartTotal {
  background-color: linen;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

.chartBody {
  background-color: #dedede;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px dashed #0000FF;
}

.chartBar1 {
  background-color: #FF0000;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5MDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #990000), color-stop(100%, #ff0000));
  background-image: -moz-linear-gradient(left, #990000 0%, #ff0000 100%);
  background-image: -webkit-linear-gradient(left, #990000 0%, #ff0000 100%);
  background-image: linear-gradient(to right, #990000 0%, #ff0000 100%);
}

.chartBar2 {
  background-color: #0000FF;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #000099), color-stop(100%, #0000ff));
  background-image: -moz-linear-gradient(left, #000099 0%, #0000ff 100%);
  background-image: -webkit-linear-gradient(left, #000099 0%, #0000ff 100%);
  background-image: linear-gradient(to right, #000099 0%, #0000ff 100%);
}

.chartBar3 {
  background-color: #0000ff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTkwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #009900), color-stop(100%, #0000ff));
  background-image: -moz-linear-gradient(left, #009900 0%, #0000ff 100%);
  background-image: -webkit-linear-gradient(left, #009900 0%, #0000ff 100%);
  background-image: linear-gradient(to right, #009900 0%, #0000ff 100%);
}

/*============================================================
	Printing
        printHeader - general print style for header elements including:
        - ListGrid header cells
        - SectionStack headers
============================================================*/
.printHeader {
  border: 1px solid black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

/*============================================================
	Calendar
============================================================*/
.calendar,
.calendarDisabled,
.calendarDisabledDark,
.calendarDisabledOver,
.calendarDisabledOverDark,
.calendarWorkday,
.calendarWorkdayDisabled,
.calendarDark {
  background-color: white;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.calendarWorkdayDisabled,
.calendarDark,
.calendarDisabled,
.calendarDisabledDark,
.calendarDisabledOver,
.calendarDisabledOverDark {
  background-color: #fafafa;
}

.calendarWorkday {
  background-color: #f2f2f2;
}

.calendarOver,
.calendarOverDark {
  background-color: #c4ddfd;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.calendarWorkdaySelected,
.calendarCellSelected {
  background-color: #cccccc;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.labelColumn,
.labelColumnDark,
.labelColumnOver,
.labelColumnOverDark {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.labelColumnOver,
.labelColumnOverDark,
.calendarDisabledOver,
.calendarDisabledOverDark {
  background-color: #a4bbdb;
}

/* ----month---- */
/* calMonthDayHeader and Body */
.calMonthDayHeader,
.calMonthDayHeaderDark {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.calMonthDayHeaderOver,
.calMonthDayHeaderOverDark,
.calMonthDayHeaderSelected,
.calMonthDayHeaderSelectedDark,
.calMonthDayHeaderSelectedOver,
.calMonthDayHeaderSelectedOverDark {
  background-color: #ecc0c5;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.calMonthDayHeaderDisabled,
.calMonthDayHeaderDisabledOver {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.calMonthDayBody,
.calMonthDayBodyDark {
  background-color: white;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.calMonthDayBodyOver,
.calMonthDayBodyOverDark,
.calMonthDayBodySelected,
.calMonthDayBodySelectedDark,
.calMonthDayBodySelectedOver,
.calMonthDayBodySelectedOverDark {
  background-color: #ecc0c5;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.calMonthDayBodyDisabled,
.calMonthDayBodyDisabledOver {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

/* calMonthOtherDayHeader and Body */
.calMonthOtherDayHeader,
.calMonthOtherDayHeaderDark {
  background-color: #ababab;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: #454545;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.calMonthOtherDayHeaderSelected,
.calMonthOtherDayHeaderSelectedOver,
.calMonthOtherDayHeaderOver,
.calMonthOtherDayHeaderOverDark {
  background-color: #ecc0c5;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: #454545;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.calMonthOtherDayBody,
.calMonthOtherDayBodyDark,
.calMonthOtherDayBodyDisabled,
.calMonthOtherDayBodyDisabledOver {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.calMonthOtherDayBodyOver,
.calMonthOtherDayBodyOverDark {
  background-color: #ecc0c5;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

/* calMonthOtherDayBlank */
.calMonthOtherDayBlank,
.calMonthOtherDayBlankDark,
.calMonthOtherDayBlankOver,
.calMonthOtherDayBlankOverDark,
.calMonthOtherDayBlankSelected,
.calMonthOtherDayBlankSelectedDark,
.calMonthOtherDayBlankSelectedOver,
.calMonthOtherDayBlankSelectedOverDark {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: #454545;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

/* calMonthEventLink */
a.calMonthEventLink:link {
  color: #0000FF;
  text-decoration: none;
}

a.calMonthEventLink:visited {
  color: #0000FF;
  text-decoration: none;
}

a.calMonthEventLink:hover {
  color: #0000FF;
  text-decoration: underline;
}

a.calMonthEventLink:active {
  color: #0000FF;
  text-decoration: none;
}

/* ----event window---- */
.eventWindow {
  background-color: aliceblue;
  border: 1px solid #c8d9f4;
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
  padding: 1px;
  margin: 0px;
}

.eventWindowHeader,
.eventWindowGripper,
.eventWindowLabel {
  background-color: #d0dff6;
  color: #4d4d4d;
  border: 1px solid #d0dff6;
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
  margin: 1px;
  padding: 2px 2px 0px 2px;
}

.eventWindowHeader,
.eventWindowBody {
  left: 0px;
  right: 0px;
  overflow: hidden;
  position: absolute;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.eventWindowBody {
  background-color: aliceblue;
  color: black;
  border: 1px solid aliceblue;
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
  margin-left: 1px;
  margin-right: 1px;
}

.eventWindowResizer {
  border-bottom: 1px solid white;
  border-top: 1px solid white;
}

/* --- ZoneCanvas --- */
.zoneCanvas {
  background-color: rgba(150, 150, 150, 0.5);
}

.zoneCanvasHeader,
.zoneCanvasGripper,
.zoneCanvasLabel {
  display: inline-block;
  color: white;
  background-color: grey;
  left: 0px;
  bottom: 0px;
}

/* --- IndicatorCanvas --- */
.indicatorCanvas {
  background-color: #AA0000;
}

.indicatorCanvasHeader,
.indicatorCanvasGripper,
.indicatorCanvasLabel {
  display: inline-block;
  color: white;
  background-color: #AA0000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

/* make all grippers rounded */
.eventWindowGripper,
.indicatorCanvasGripper,
.zoneCanvasGripper {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0px;
  margin: 0px;
}

/* show a border around floating labels */
.eventWindowLabel,
.zoneCanvasLabel,
.indicatorCanvasLabel {
  border: 1px solid black;
}

.eventDragCanvas {
  border: 1px dashed red;
}

/*============================================================
	PropertySheet
	internal, used by Visual SmartClient tools
        propertySheet.autoChildDefaults.cellStyle - propSheetValue
        propertySheet.autoChildDefaults.titleStyle - propSheetTitle
        propertySheet.TextItemDefaults.textBoxStyle - propSheetField
        propertySheet.SelectItemDefaults.controlStyle - propSheetSelectControl
        propertySheet.ColorItemDefaults.textBoxStyle - propSheetField
        propertySheet.HeaderItemDefaults.textBoxStyle - propSheetHeading
        propertySheet.SectionHeaderItemDefaults.cellStyle - propSheetSectionItemCell
============================================================*/
.propSheetValue,
.propSheetValueFocused,
.propSheetValueDisabled {
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}

.propSheetTitle,
.propSheetTitleFocused,
.propSheetTitleDisabled {
  background-color: #dedede;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 4px;
  padding-right: 4px;
}

.propSheetTitleError,
.propSheetValueError {
  background-color: #f2d4cf;
  color: #692023;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.propSheetField,
.propSheetFieldDisabled {
  background-color: white;
  border: 0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  margin-top: 3px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 4px;
  padding-right: 4px;
}

.propSheetHeading,
.propSheetHeadingDisabled {
  background-color: #cccccc;
  border-bottom: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
}

.propSheetSelectControl,
.propSheetSelectControlFocused,
.propSheetSelectControlDisabled {
  padding-left: 3px;
  padding-right: 3px;
}
