/*============================================================
	"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)
	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
============================================================*/
/*============================================================
    2) Button
		button.baseStyle
		buttonStrip.baseStyle
		buttonTable.baseButtonStyle
		listBar.labelStyle
		listGrid.headerBaseStyle (not in this skin)
============================================================*/

/*============================================================
    3) Menus 
============================================================*/
/*missing part here//not needed*/
/*============================================================
	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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
  background-image: linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
  /* Defect header top for filter editor*/
  border-top:1px solid #c0c0c0;
}

.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;
}

/* for filterEditor */
.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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
  background: -o-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
  background: linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 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;
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
}

.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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
  background: -moz-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
  background: -o-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
  background: linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
}

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

.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;
}

.headerButtonDisabled,
.headerButtonSelectedDisabled,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
  background: -moz-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
  background: -o-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
  background: linear-gradient(top, #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,
.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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
  background: -moz-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
  background: -o-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
  background: linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
}

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

.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;
}

/* Defect 9076 -applying for filter editor*/
.listTable	{height:22px;}

.headerButtonSelectedOver,
.headerButtonSelectedDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+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: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
  background: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
  background: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
  background: linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSelectedOver,
.imgHeaderButtonSelectedDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  background-color: aliceblue;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  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;
}

/* 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;
  color: #333; /* Defect 8909: Simplicity skin - Swati */
}

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

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

/*============================================================
	ListGrid cells
		listGrid.baseStyle
============================================================*/
/*------------------------------------------------------------
		listGrid.baseStyle
------------------------------------------------------------*/
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.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 {
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #f0f0f0;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  text-overflow: ellipsis;
}

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

.cellDark,
.recordSummaryCell,
.recordSummaryCellDark {
  background-color: #fafafa;
}

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

.tallCellDark {
  background-color: #fafafa;
  border-top: 1px solid #fafafa;
}
/*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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+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%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  -webkit-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
  -moz-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
  box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+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%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 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;
}

/* 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;
}

/*----------------- New Styles -----------------*/

/*We are using below style as base style in grids*/
.myBoxedGridCell,
.myBoxedGridCellDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#ffffff;
}
.myBoxedGridCellOver,
.myBoxedGridCellOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#8080ff; /* Suchitra - 9217 - replaced #c0ffc0 w.r.t WM demo feedback.Changed to Light blue #8080ff */
}
.myBoxedGridCellSelected,
.myBoxedGridCellSelectedDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:white;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#000080;
}
.myBoxedGridCellSelectedOver,
.myBoxedGridCellSelectedOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:white;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#8080ff;
}
.myBoxedGridCellDisabled,
.myBoxedGridCellDisabledDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:#808080;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#ffffff;
}