/*
Feel free to change these guidelines with anything that seems sensible, but be aware that sometimes sizing
does not work in CSS.

Guidelines

Height, width and non-specific padding and margins (i.e. padding rather than padding-left) should go in
the code.

If top or bottom margins are being added to provide space between components please use a spacer
instead; see WebUtils#spacer, IE can be a bit funny about styles used like this.

Fonts and colors can go in here as CSS. Wherever possible try to avoid customising away from the skins.

Be aware that selectors targeting class names added by GWT must reference the full classname as '.classname'
and not doing any clever stuff like [class*="classn"] because in IE GWT hoovers up the CSS styles and applies
them inline - and it won't find clever stuff.

Skinning guide - http://www.smartclient.com/smartgwtee/javadoc/com/smartgwt/client/docs/Skinning.html
*/
/*============================================================
		"Simplicity" theme programmatic settings
		Copyright 2003 and beyond, Isomorphic Software
============================================================*/
/*============================================================
Constants
============================================================*/
/*============================================================
General
============================================================*/
body {
  color: #333333;
  background-color: #3b6ea1;
  background-image: url('../../images/subtle_blue.png');
  background-repeat: repeat;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}
a:link {
  color: #588dc2;
  text-decoration: underline;
}
a:hover {
  color: #3b6ea1;
  text-decoration: underline;
}
.pageBackground {
  font-size: 12px;
  color: #333333;
}
/* default text */
.normal {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}
.defaultBorder {
  border: 1px solid #A7ABB4;
}
/* drag outline */
.dragOutline {
  border: 1px solid #0060BF;
}
/* drop indicator */
.dropBorder {
  background-color: #808080;
}
/* hover canvas  */
.canvasHover,
.gridHover,
.formHover {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #333;
  border: 1px solid #808080;
  border: 2px solid #999;
  padding: 5px;
  opacity: 0.95;
  filter: alpha(opacity=95);
  min-width: 150px;
}
/* group label */
.groupLabel {
  border: 1px solid #A7ABB4;
  font-size: 14.4px;
  font-weight: bold;
  color: #333333;
  padding-left: 5px;
  padding-right: 5px;
}
/*============================================================
Button (also used as MenuButton base style)
============================================================*/
.button,
.buttonOver,
.buttonDown,
.buttonDisabled,
.buttonSelected,
.buttonSelectedDown,
.buttonSelectedOver,
.buttonSelectedDisabled {
  -x-system-font: none;
  font-size: 12px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 7px 12px;
  border: 1px solid #cccccc;
  /* Konqueror */
  /* FF 3.6+ */
  /* IE10 */
  /* Safari 4+, Chrome 2+ */
  /* Safari 5.1+, Chrome 10+ */
  /* Opera 11.10 */
  /* IE10+ */
  /* the standard */
  /* IE6 & IE7 */
  /* IE8+ */
  background-color: #e5e5e5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e5e5e5));
  /* Konqueror */
  background-image: -moz-linear-gradient(#f7f7f7, #e5e5e5);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(#f7f7f7, #e5e5e5);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e5e5e5));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(#f7f7f7, #e5e5e5);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(#f7f7f7, #e5e5e5);
  /* Opera 11.10 */
  background-image: -ms-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%);
  /* IE10+ */
  background-image: linear-gradient(#f7f7f7, #e5e5e5);
  /* the standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e5e5e5', GradientType=0);
  /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e5e5e5', GradientType=0)";
  /* IE8+ */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #ffffff;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
}
.buttonOver {
  background-position: 0 -15px;
  -webkit-transition: background-position 0.2s linear;
  -moz-transition: background-position 0.2s linear;
  transition: background-position 0.2s linear;
  filter: none;
  background-color: #cccccc \9;
}
.buttonDisabled {
  color: #999999;
  cursor: default;
  background: #f7f7f7;
}
.buttonDisabled > img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.buttonSelected,
.buttonSelectedDown,
.buttonSelectedOver,
.buttonSelectedDisabled {
  border-color: #999;
  background: #ddd;
  background-image: -moz-linear-gradient(top, #cccccc, #ffffff);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
}
.buttonSelectedOver {
  border-color: #548ACA;
  background: #ddd;
  background-image: -moz-linear-gradient(top, #cccccc, #ffffff);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
}
.buttonSelectedDisabled {
  color: #bdbdbd;
  font-style: italic;
  font-size: 12px;
  color: #666666;
}
.buttonHidden {
  display: none;
  visibility: hidden;
}
.primaryButton,
.primaryButtonOver,
.primaryButtonDown,
.primaryButtonSelected,
.primaryButtonSelectedDown,
.primaryButtonSelectedOver,
.primaryButtonSelectedDisabled {
  /* Konqueror */
  /* FF 3.6+ */
  /* IE10 */
  /* Safari 4+, Chrome 2+ */
  /* Safari 5.1+, Chrome 10+ */
  /* Opera 11.10 */
  /* IE10+ */
  /* the standard */
  /* IE6 & IE7 */
  /* IE8+ */
  background-color: #ffb428;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffd07a), to(#ffb428));
  /* Konqueror */
  background-image: -moz-linear-gradient(#ffd07a, #ffb428);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(#ffd07a, #ffb428);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd07a), color-stop(100%, #ffb428));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(#ffd07a, #ffb428);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(#ffd07a, #ffb428);
  /* Opera 11.10 */
  background-image: -ms-linear-gradient(top, #ffd07a 0%, #ffb428 100%);
  /* IE10+ */
  background-image: linear-gradient(#ffd07a, #ffb428);
  /* the standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd07a', endColorstr='#ffb428', GradientType=0);
  /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd07a', endColorstr='#ffb428', GradientType=0)";
  /* IE8+ */
  color: #000  !important;
  border-color: #ffb428 #ffb428 #ffad14;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.26);
  -webkit-font-smoothing: antialiased;
}
.primaryButtonDisabled {
  color: #999999;
  cursor: default;
  background: #ffe2ad;
}
.primaryButtonDisabled > img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.primaryButtonSelectedDisabled {
  color: #bdbdbd;
  font-style: italic;
}
.primaryButtonOver {
  background-position: 0 -15px;
  -webkit-transition: background-position 0.2s linear;
  -moz-transition: background-position 0.2s linear;
  transition: background-position 0.2s linear;
  filter: none;
  background-color: #f49f00 \9;
}
.linkButton,
.linkButtonOver,
.linkButtonDown,
.linkButtonSelected,
.linkButtonSelectedDown,
.linkButtonSelectedOver,
.cancelButton,
.cancelButtonOver,
.cancelButtonDown,
.cancelButtonSelected,
.cancelButtonSelectedDown,
.cancelButtonSelectedOver {
  border: none;
  background: none;
  filter: none;
  color: #588dc2;
  outline: none;
  text-decoration: underline;
}
.linkButton,
.linkButtonOver,
.linkButtonDown,
.linkButtonSelected,
.linkButtonSelectedDown,
.linkButtonSelectedOver {
  padding: 0;
}
.linkButtonOver,
.cancelButtonOver {
  color: #3b6ea1;
}
.cancelButtonDisabled,
.cancelButtonSelectedDisabled {
  border: none;
  background: none;
  filter: none;
  color: #bdbdbd;
  outline: none;
  text-decoration: underline;
}
.headerButton,
.headerButtonOver,
.headerButtonDown,
.headerButtonDisabled,
.headerButtonSelected,
.headerButtonSelectedDown,
.headerButtonSelectedOver,
.headerButtonSelectedDisabled {
  font-size: 12px;
  padding: 5px 5px;
  border-right: 1px solid #ccc;
  text-align: left;
  color: #333;
}
.headerBar {
  min-width: 100%;
  border-bottom: 1px solid #D0D0D0;
}
.headerButton {
  background: #eee;
}
.headerButtonOver {
  background: #dddddd;
}
.headerButtonDown {
  background: #d5d5d5;
}
.headerButtonDisabled {
  color: #666666;
  background: #C3C3C3;
}
.headerButtonSelected,
.headerButtonSelectedDown,
.headerButtonSelectedOver,
.headerButtonSelectedDisabled {
  background: #d5d5d5;
}
.headerButtonSelectedOver {
  background: #c0d4e8;
}
.headerButtonSelectedDisabled {
  font-size: 12px;
  color: #666666;
}
/* ImgButton */
.imgButton,
.imgButtonOver,
.imgButtonSelected,
.imgButtonSelectedDisabled,
.imgButtonSelectedOver {
  font-size: 10px;
}
.imgButtonDown,
.imgButtonSelectedDown {
  font-size: 10px;
}
.imgButtonDisabled {
  font-size: 10px;
  color: #666666;
}
/* StretchImgButton */
.stretchImgButton,
.stretchImgButtonSelected,
.stretchImgButtonSelectedOver,
.stretchImgButtonOver,
.stretchImgButtonDown,
.stretchImgButtonSelectedDown,
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
  font-size: 10px;
}
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
  color: #666666;
}
/*============================================================
	Menus
============================================================*/
.menuTable {
  border-top: 1px solid #93A9C0;
  border-bottom: 1px solid #93A9C0;
  border-left: 1px solid #93A9C0;
  border-right: 1px solid #93A9C0;
}
.menu,
.menuDark,
.menuSelected,
.menuSelectedDark,
.menuOver,
.menuOverDark,
.menuSelectedOver,
.menuSelectedOverDark,
.menuDisabled,
.treeMenuSelected,
.treeMenuSelectedOver {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  font-size: 12px;
  background-color: white;
}
.menuOver,
.menuOverDark,
.menuSelectedOver,
.menuSelectedOverDark {
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid #5E94D3;
  border-bottom: 1px solid #1E5493;
}
.treeMenuSelected {
  background-color: #ecf5fd;
  border-top: 1px solid #ffebaf;
  border-bottom: 1px solid #ffebaf;
}
.treeMenuSelectedOver {
  color: white;
  background-color: #0A246A;
  border-top: 1px solid #0A246A;
  border-bottom: 1px solid #0A246A;
}
.menuDisabled {
  color: #979797;
  background-color: white;
}
.windowBackground,
.dialogBackground {
  border: 1px solid;
  border-color: black;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.windowBody,
.dialogBody,
.promptBody {
  overflow: hidden !important;
}
.windowHeader,
.windowHeaderHilite,
.dialogHeader,
.dialogHeaderHilite {
  border-bottom: 1px solid #eee;
}
.windowHeader .imgButton,
.windowHeaderHilite .imgButton,
.dialogHeader .imgButton,
.dialogHeaderHilite .imgButton,
.windowHeader .imgButtonOver,
.windowHeaderHilite .imgButtonOver,
.dialogHeader .imgButtonOver,
.dialogHeaderHilite .imgButtonOver,
.windowHeader .imgButtonSelected,
.windowHeaderHilite .imgButtonSelected,
.dialogHeader .imgButtonSelected,
.dialogHeaderHilite .imgButtonSelected,
.windowHeader .imgButtonSelectedDisabled,
.windowHeaderHilite .imgButtonSelectedDisabled,
.dialogHeader .imgButtonSelectedDisabled,
.dialogHeaderHilite .imgButtonSelectedDisabled,
.windowHeader .imgButtonSelectedOver,
.windowHeaderHilite .imgButtonSelectedOver,
.dialogHeader .imgButtonSelectedOver,
.dialogHeaderHilite .imgButtonSelectedOver {
  margin-top: -8px;
}
.windowHeaderText,
.dialogHeaderText,
.dialogStatusBarText {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
}
.windowStatusBar,
.dialogStatusBar {
  font-size: 12px;
  color: black;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.windowStatusBar {
  font-size: 12px;
}
.modalMask {
  background-color: #6fb3f7;
}
/*============================================================
	Layout
============================================================*/
.layoutDropLine {
  background-color: #DDDDFF;
}
.layoutPlaceHolder {
  border: 1px solid black;
}
.splitbar {
  background-color: transparent;
}
.splitbardown {
  border: 1px solid #C0C0C0;
  background-color: transparent;
}
.splitbar:hover {
  border-left: 1px dashed #999;
  border-right: 1px dashed #999;
}
.splitbarclosed:hover {
  border-left: 1px dashed #999;
  border-right: 1px dashed #999;
}
/*============================================================
	TabSet and tab titles
============================================================*/
.tabSetContainer {
  font-size: 12px;
  border: 1px solid #C0C3C7;
  background-color: #ffffff;
}
.tabBarTop {
  padding-top: 2px;
}
.tabBarLeft {
  padding-left: 2px;
}
.tabBarRight {
  padding-right: 2px;
}
.tabBarBottom {
  padding-bottom: 2px;
}
.tab,
.tabOver,
.tabSelected,
.tabSelectedOver,
.tabDown,
.tabSelectedDown,
.tabSelectedDisabled,
.tabDisabled {
  font-size: 12px;
}
.tabSelectedDisabled,
.tabDisabled {
  color: #666666;
}
.tabTitle,
.tabTitleDown,
.tabTitleOver,
.tabTitleDisabled,
.tabTitleSelected,
.tabTitleSelectedDown,
.tabTitleSelectedOver,
.tabTitleSelectedDisabled,
.vtabTitle,
.vtabTitleSelected,
.vtabTitleOver,
.vtabTitleDown,
.vtabTitleSelectedOver,
.vtabTitleSelectedDown,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
  color: #29333c;
  font-size: 12px;
  padding-bottom: 4px;
}
.tabTitleOver,
.vtabTitleOver {
  color: #29333c;
}
.tabTitleSelected,
.vtabTitleSelected {
  color: #FFF;
  padding-bottom: 4px;
}
.tabTitleSelectedOver,
.vtabTitleSelectedOver {
  color: #353f46;
  padding-bottom: 4px;
}
.tabTitleDisabled,
.tabTitleSelectedDisabled,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
  color: #AAAAAA;
  padding-bottom: 2px;
}
/*============================================================
	SectionStack
============================================================*/
.sectionStack {
  border: 1px solid #A6ABB4;
}
/* SectionStack headers - css based */
.sectionHeaderopened,
.sectionHeaderclosed,
.sectionHeaderDisabledopened,
.sectionHeaderDisabledclosed {
  font-size: 12px;
  padding-left: 3px;
  border-bottom: 1px solid white;
  border-top: 1px solid #808080;
  color: #ffffff;
  background-color: #005cb8;
}
.sectionHeaderopened,
.sectionHeaderDisabledopened {
  border-bottom: 1px solid #808080;
}
.sectionHeaderDisabledopened,
.sectionHeaderDisabledclosed {
  color: #c8c8c8;
}
/*============================================================
	Forms
============================================================*/
/* general form styles */
.formCell,
.formCellFocused,
.formCellDisabled,
.nestedFormContainer,
.nestedFormContainerFocused,
.nestedFormContainerDisabled {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}
.formTitle,
.formTitleFocused,
.formTitleDisabled,
.formCellError,
.formTitleError,
.formHint,
.headerItem,
.headerItemDisabled,
.headerItemError,
.staticTextItem,
.staticTextItemDisabled,
.staticTextItemError,
.textItem,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint,
.selectItemControl,
.selectItemControlError,
.selectItemControlFocused,
.selectItemText,
.selectItemTextError,
.selectItemTextDisabled,
.selectItemTextFocused,
.selectItemTextHint,
.comboBoxItem,
.comboBoxItemFocused,
.comboBoxItemError,
.comboBoxItemDisabled,
.comboBoxItemPendingText,
.pickListCell,
.pickListCellSelected,
.pickListCellDisabled,
.pickListCellDark,
.pickListCellSelectedDark,
.tallPickListCell,
.tallPickListCellSelected,
.tallPickListCellDisabled,
.tallPickListCellDark,
.tallPickListCellSelectedDark,
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}
.wideUploadItem {
  width: 100%;
}
input {
  font-size: inherit;
}
.formTitle,
.formTitleFocused {
  color: #777;
}
.formTitle b,
.commandBar .formTitle,
.formTitleFocused b,
.commandBar .formTitleFocused {
  color: #000;
}
.formCellError,
.formTitleError {
  font-weight: bold;
  color: #204268;
}
.formHint {
  color: #455668;
  padding: 3px;
}
/* headerItem */
.headerItem,
.headerItemDisabled,
.headerItemError {
  font-size: 14px;
  font-weight: bold;
  color: #3E74B3;
}
/* text items */
.textItem,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint,
.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextHint,
.comboBoxItemPendingText {
  background: #FFFFFF;
  padding: 2px;
  border: 1px solid #bfbfbf;
}
.gridFilterItem {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 22px !important;
  margin: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.gridFilterDropDownItem {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 22px !important;
  padding-right: 0;
  margin: 5px 0px 5px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextHint {
  border-right: 0;
}
.textItemDisabled,
.textItemDisabledHint {
  color: #ACA899;
}
.textItemHint {
  color: #666666;
}
.textItem {
  border-top: 1px solid #abadb3;
  border-left: 1px solid #dbdfe5;
  border-right: 1px solid #dbdfe5;
  border-bottom: 1px solid #dbdfe5;
}
.comboBoxItemPendingText {
  color: #0066CC;
}
/* selectItem */
.selectItemTextFocused {
  color: black;
  -moz-outline-offset: -1;
  border: 1px solid #5678ac;
}
.textItemFocused,
.selectItemTextFocused {
  color: black;
  -moz-outline-offset: -1;
  border-top: 1px solid #5678ac;
  border-left: 1px solid #bccde6;
  border-right: 1px solid #afc6e2;
  border-bottom: 1px solid #c0d7ec;
}
.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled {
  border-right: 0px none;
}
.selectItemPickerIcon,
.selectItemPickerIconFocused,
.selectItemPickerIconDisabled,
.selectItemPickerIconError {
  padding: 0px;
}
.finderItem {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  background: #FFFFFF;
  padding: 2px;
  border: 1px solid #bfbfbf;
  border-top: 1px solid #abadb3;
  border-left: 1px solid #dbdfe5;
  border-right: 1px solid #dbdfe5;
  border-bottom: 1px solid #dbdfe5;
  cursor: hand;
}
.finderItemFocused {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  background: #FFFFFF;
  padding: 2px;
  border: 1px solid #bfbfbf;
  color: black;
  -moz-outline-offset: -1;
  border-top: 1px solid #5678ac;
  border-left: 1px solid #bccde6;
  border-right: 1px solid #afc6e2;
  border-bottom: 1px solid #c0d7ec;
  cursor: hand;
}
.finderItemDisabled {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  background: #FFFFFF;
  padding: 2px;
  border: 1px solid #bfbfbf;
  color: #ACA899;
}
.finderItemDisabledHint {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  background: #FFFFFF;
  padding: 2px;
  border: 1px solid #bfbfbf;
  color: #ACA899;
}
.finderItemError {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  background: #FFFFFF;
  padding: 2px;
  border: 1px solid #bfbfbf;
}
.finderItemHint {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  background: #FFFFFF;
  padding: 2px;
  border: 1px solid #bfbfbf;
  color: #666666;
}
.scrollingMenu {
  overflow: visible !important;
}
.pickListMenuBody {
  border: 1px solid black;
  min-height: 50px;
  overflow-x: hidden !important;
}
.pickListCell,
.pickListCellDark,
.tallPickListCell,
.tallPickListCellDark {
  color: black;
  background-color: #FFFFFF;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.pickListCellSelected,
.pickListCellSelectedDark {
  color: white;
  background-color: #316AC5;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.tallPickListCellSelected,
.tallPickListCellSelectedDark {
  color: black;
  background: #B2DFEE;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.pickListCellDisabled,
.tallPickListCellDisabled {
  color: #bdbdbd;
  font-style: italic;
  color: #595959;
  background-color: #C0C0C0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
/* checkbox and radioButton */
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchoFocused {
  text-decoration: none;
}
/* FilterBuilder */
.bracketBorders {
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
}
/* ColorChooser */
.colorChooserCell {
  background-color: #EFEFEF;
  border-left: 1px solid #EFEFEF;
  border-top: 1px solid #EFEFEF;
  border-right: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
}
.colorChooserCellOver {
  background-color: #EFEFEF;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
/*============================================================
		 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,
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendSelectedDisabled,
.dateChooserWeekendDisabled,
.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdayDisabled,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekdaySelectedDisabled,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendDisabled,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserDisabledWeekendSelectedDisabled,
.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled,
.dateChooserFiscalYearCell,
.dateChooserFiscalYearCellOver,
.dateChooserFiscalYearCellDown,
.dateChooserFiscalYearCellDisabled,
.dateChooserFiscalYearCellSelected,
.dateChooserFiscalYearCellSelectedDown,
.dateChooserFiscalYearCellSelectedOver,
.dateChooserFiscalYearCellSelectedDisabled,
.dateChooserWeekCell,
.dateChooserWeekCellOver,
.dateChooserWeekCellDown,
.dateChooserWeekCellDisabled,
.dateChooserWeekCellSelected,
.dateChooserWeekCellSelectedDown,
.dateChooserWeekCellSelectedOver,
.dateChooserWeekCellSelectedDisabled {
  font-size: 12px;
  background-color: #FFFFFF;
  color: #868686;
}
/* year/month buttons */
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown {
  padding: 0px;
  border-top: 0px none;
  border-bottom: 1px solid #868686;
}
/* 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 {
  font-weight: bold;
  color: #4C4C4C;
}
.dateChooserButtonOver,
.dateChooserButtonDown {
  cursor: pointer;
  color: #467DCD;
}
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown {
  background-color: #fff1a8;
}
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown {
  cursor: pointer;
  padding: 2px;
}
.dateChooserNavButtonOver,
.dateChooserNavButtonDown {
  color: #467DCD;
}
/* Today, Cancel buttons */
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown {
  cursor: pointer;
  font-weight: bold;
  color: #4C4C4C;
  border-left: 1px solid #ACB1B9;
  border-top: 1px solid #ACB1B9;
}
.dateChooserBottomButtonOver {
  color: #467DCD;
}
/* weekday and weekend cells */
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled {
  cursor: pointer;
  color: black;
  border: 2px solid white;
  background-color: white;
}
.dateChooserWeekdayDisabled,
.dateChooserWeekendDisabled {
  color: #C0C3CA;
}
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedDisabled,
.dateChooserWeekendDisabled {
  border: 2px solid #fff1a8;
  background-color: #fff1a8;
}
.dateChooserWeekdayOver,
.dateChooserWeekendOver {
  border: 2px solid #ffeb90;
}
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedDisabled,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelectedDown {
  font-weight: bold;
  color: #4C4C4C;
  border: 2px solid #ffdd2e;
  background-color: #ffdd2e;
}
.dateChooserWeekdayDown,
.dateChooserWeekendDown {
  font-weight: normal;
}
/* year and month pop-up menus */
.dateChooserYearMenu,
.dateChooserMonthMenu,
.dateChooserWeekMenu {
  background-color: #FFFFFF;
}
/*============================================================
	Slider & Rangebar
============================================================*/
/* slider and rangebar labels */
.sliderTitle,
.sliderRange,
.sliderValue,
.rangebarTitle,
.rangebarRange,
.rangebarValue {
  font-size: 10px;
}
.sliderTitle,
.rangebarTitle {
  font-weight: bold;
}
.sliderRange,
.rangebarRange {
  color: gray;
}
/*============================================================
	DetailViewer
============================================================*/
.detailBlock {
  border-left: 1px solid gray;
  border-top: 1px solid gray;
}
.detail,
.detailLabel,
.detailHeader {
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.detail,
.detailLabel,
.detailHeader {
  font-size: 12px;
  background-color: white;
}
.detailLabel {
  font-weight: bold;
  background-color: #EEEEEE;
  text-align: right;
}
.detailHeader {
  font-size: 14px;
  font-weight: bold;
  background-color: #BBDAFA;
}
/*============================================================
	ListGrid
============================================================*/
/*============================================================
		ListGrid parts
				styleName - listGrid
				headerBarStyle - headerBar
				bodyStyleName - gridBody
============================================================*/
.listGrid {
  border: 1px solid #ccc;
}
.loadingDataMessage,
.offlineMessage,
.emptyMessage {
  font-size: 12px;
  padding: 10px;
}
.gridDragTracker {
  font-size: 12px;
  background-color: white;
  padding: 1px;
  border: 1px dotted blue;
}
.dragLine {
  border-bottom: 2px dotted #548ACA;
}
/* for filterEditor */
.recordEditorCell {
  font-size: 12px;
  color: black;
  background-color: #f4f4f4;
}
/*============================================================
		ListGrid cells
				listGrid.baseStyle
============================================================*/
/*------------------------------------------------------------
				listGrid.baseStyle
------------------------------------------------------------*/
.standardCell {
  font-size: 12px;
  text-overflow: ellipsis;
  color: black;
  border-bottom: 1px solid #DDDDDD;
  vertical-align: middle;
  padding: 5px;
}
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark,
.paddedCell,
.paddedCellDark,
.paddedCellOver,
.paddedCellOverDark,
.paddedCellSelected,
.paddedCellSelectedDark,
.paddedCellSelectedOver,
.paddedCellSelectedOverDark,
.paddedCellDisabled,
.paddedCellDisabledDark,
.groupSummaryCell,
.groupSummaryCellDisabled,
.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: 12px;
  text-overflow: ellipsis;
  color: black;
  border-bottom: 1px solid #DDDDDD;
  vertical-align: middle;
  padding: 5px;
}
.specialCol {
  font-size: 12px;
  text-overflow: ellipsis;
  color: black;
  background-color: #f7f7f7;
}
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark {
  padding: 10px 5px;
  height: 38px;
}
.cellDark,
.recordSummaryCell,
.recordSummaryCellDark {
  background-color: #f7f7f7;
}
.groupSummaryCell,
.groupSummaryCellDisabled,
.gridSummaryCell,
.gridSummaryCellDisabled {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  background-color: #ececec;
}
.gridSummaryCell,
.gridSummaryCellDisabled {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.summaryRowBody {
  background-color: #ececec;
}
.tallCellDark {
  background-color: #f7f7f7;
}
.cellOver,
.cellOverDark,
.paddedCellOver,
.paddedCellOverDark,
.specialColOver,
.recordSummaryCellOver,
.recordSummaryCellOverDark {
  background-color: #ecf5fd;
}
.tallCellOver,
.tallCellOverDark {
  background-color: #ecf5fd;
}
.cellSelected,
.cellSelectedDark,
.paddedCellSelected,
.paddedCellSelectedDark,
.specialColSelected,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark {
  background: #ffebaf;
}
.tallCellSelected,
.tallCellSelectedDark {
  background: #ffebaf;
}
.cellSelectedOver,
.cellSelectedOverDark,
.paddedCellSelectedOver,
.paddedCellSelectedOverDark,
.specialColSelectedOver,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark {
  background: #ffe499;
}
.tallCellSelectedOver,
.tallCellSelectedOverDark {
  background-color: #ffe499;
}
.groupSummaryCell,
.groupSummaryCellDisabled,
.gridSummaryCell,
.gridSummaryCellDisabled {
  font-weight: bold;
}
.cellDisabled,
.cellDisabledDark,
.paddedCellDisabled,
.paddedCellDisabledDark,
.specialColDisabled,
.tallCellDisabled,
.tallCellDisabledDark,
.groupSummaryCellDisabled,
.gridSummaryCellDisabled,
.specialColDisabled,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark {
  color: #bdbdbd;
  font-style: italic;
  color: #AAAAAA;
  background-color: #FFFFFF;
}
.groupNode {
  font-weight: bold;
  color: #3764a3;
  border-bottom: 1px solid #8299b8;
}
/*Tree styling*/
/*------------------------------------------------------------
				treeGrid.baseStyle
------------------------------------------------------------*/
.treeCell,
.treeCellDark,
.treeCellOver,
.treeCellOverDark,
.treeCellSelected,
.treeCellSelectedDark,
.treeCellSelectedOver,
.treeCellSelectedOverDark,
.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCell,
.treeTallCellDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelected,
.treeTallCellSelectedDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {
  font-size: 12px;
  text-overflow: ellipsis;
  color: black;
  padding-top: 0;
  padding-bottom: 0;
}
.treeMandatoryCell,
.treeMandatoryCell,
.treeMandatoryCellDark,
.treeMandatoryCellOver,
.treeMandatoryCellOverDark,
.treeMandatoryCellSelected,
.treeMandatoryCellSelectedDark,
.treeMandatoryCellSelectedOver,
.treeMandatoryCellSelectedOverDark,
.treeMandatoryCellDisabled,
.treeMandatoryCellDisabledDark {
  font-size: 12px;
  text-overflow: ellipsis;
  color: black;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold;
}
.treeCellDark,
.treeTallCellDark {
  background-color: #f7f7f7;
}
.treeCellOver,
.treeCellOverDark {
  background: #ecf5fd;
}
.treeTallCellOver,
.treeTallCellOverDark {
  background-color: #ecf5fd;
}
.treeCellSelected,
.treeCellSelectedDark {
  background: #ffebaf;
}
.treeTallCellSelected,
.treeTallCellSelectedDark {
  background-color: #ffebaf;
}
.treeCellSelectedOver,
.treeCellSelectedOverDark {
  background: #ffe499;
}
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark {
  background-color: #ffe499;
}
.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {
  color: #bdbdbd;
  font-style: italic;
  color: #AAAAAA;
  background-color: #FFFFFF;
}
/* Field builders (Formula/Summary) */
.sampleOutput {
  border: 2px solid #D9D9D9;
  padding: 3px;
}
/* Multi-sort - sort-index appearing next to sort-arrows in field headers */
.sortNumeral {
  font-size: 7px;
}
/*============================================================
		12) ToolStrip
============================================================*/
.toolStrip {
  border: 1px solid #868686;
  background: #f6f6f6;
  background-image: -moz-linear-gradient(top, #ffffff, #efefef);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
}
.headerToolStrip {
  border: 1px solid #868686;
  background: #f6f6f6;
  background-image: -moz-linear-gradient(top, #ffffff, #efefef);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
  background: #325d87;
  color: #FFF;
  border-color: #3571a6;
}
.toolStripLayoutDropLine {
  background-color: #404040;
}
.toolbarButton,
.toolbarButtonOver,
.toolbarButtonDown,
.toolbarButtonDisabled,
.toolbarButtonSelected,
.toolbarButtonSelectedDown,
.toolbarButtonSelectedOver,
.toolbarButtonSelectedDisabled {
  font-size: 12px;
  padding: 5px;
  color: #000000;
}
.toolbarButtonOver {
  color: #0060BF;
}
.toolbarButtonDown {
  color: #0060BF;
}
.toolbarButtonDisabled {
  color: #888888;
}
.toolbarButtonSelected,
.toolbarButtonSelectedDown,
.toolbarButtonSelectedOver,
.toolbarButtonSelectedDisabled {
  font-size: 12px;
  font-weight: bold;
  color: #0060BF;
}
.toolbarButtonSelectedDisabled {
  font-size: 12px;
  color: #666666;
}
/*============================================================
	 12a) ToolStripGroup and IconButton
==============================================================*/
.toolStripGroup,
.toolStripGroupOver,
.toolStripGroupSelected,
.toolStripGroupSelectedDisabled,
.toolStripGroupSelectedOver,
.toolStripGroupDown,
.toolStripGroupSelectedDown,
.toolStripGroupDisabled {
  background: #000000 url(images/shared/background.gif) repeat-x bottom left scroll;
  border: 1px solid #868686;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.toolStripGroupTitle,
.toolStripGroupTitleOver,
.toolStripGroupTitleSelected,
.toolStripGroupTitleSelectedDisabled,
.toolStripGroupTitleSelectedOver,
.toolStripGroupTitleDown,
.toolStripGroupTitleSelectedDown,
.toolStripGroupTitleDisabled {
  background: #DDDDDD;
  border: 0;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
}
.iconButton,
.iconButtonOver,
.iconButtonFocused,
.iconButtonFocusedOver,
.iconButtonDown,
.iconButtonFocusedDown,
.iconButtonSelected,
.iconButtonSelectedFocused,
.iconButtonSelectedDown,
.iconButtonSelectedFocusedDown,
.iconButtonSelectedOver,
.iconButtonSelectedFocusedOver,
.iconButtonDisabled,
.iconButtonSelectedDisabled {
  background: transparent;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #0000000;
  font-size: 12px;
  padding: 4px;
}
.iconButtonOver,
.iconButtonSelectedOver,
.iconButtonFocusedOver,
.iconButtonSelectedFocusedOver {
  background: #D5D5D5;
  background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #cccccc 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #cccccc 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #cccccc 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
  background: linear-gradient(top, #cccccc 0%, #ffffff 100%);
  border: 1px solid #868686;
  color: #000000;
}
.iconButtonSelected,
.iconButtonSelectedFocused,
.iconButtonSelectedDown,
.iconButtonSelectedFocusedDown,
.iconButtonSelectedOver,
.iconButtonSelectedFocusedOver {
  background-color: pink;
}
.iconButtonDisabled {
  color: #AAAAAA;
}
/*============================================================
	Tools
============================================================*/
.resizeThumb {
  background-color: #009999;
}
/*============================================================
	TileGrid
==============================================================*/
.tileGrid {
  border: 1px solid #808080;
}
.tileValue,
.tileValueDown,
.tileValueSelected,
.tileValueOver,
.tileValueSelectedOver,
.tileValueSelectedDown {
  font-size: 8pt;
  text-overflow: ellipsis;
}
.tileValueSelected {
  color: black;
}
.tileValueSelectedOver {
  color: black;
}
.simpleTile,
.simpleTileOver,
.simpleTileSelected,
.simpleTileSelectedOver {
  padding: 3px;
}
.simpleTile {
  padding: 3px;
  border: 3px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.simpleTileOver {
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 3px solid #165fa7;
}
.simpleTileSelected {
  padding: 3px;
  border: 3px solid #ff7e14;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.simpleTileSelectedOver {
  padding: 3px;
  border: 3px solid #ff7e14;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/*============================================================
		15) Scrollbars
============================================================*/
.vScrollThumb {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(50%, #e9e8e8), color-stop(50%, #dad7d7), color-stop(82%, #cecaca), color-stop(100%, #c4c0c0));
  background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #e9e8e8 50%, #dad7d7 50%, #cecaca 82%, #c4c0c0 100%);
  background-image: -moz-linear-gradient(left, #f5f5f5 0%, #e9e8e8 50%, #dad7d7 50%, #cecaca 82%, #c4c0c0 100%);
  background-image: -o-linear-gradient(left, #f5f5f5 0%, #e9e8e8 50%, #dad7d7 50%, #cecaca 82%, #c4c0c0 100%);
  background-image: -ms-linear-gradient(left, #f5f5f5 0%, #e9e8e8 50%, #dad7d7 50%, #cecaca 82%, #c4c0c0 100%);
  background-image: linear-gradient(left, #f5f5f5 0%, #e9e8e8 50%, #dad7d7 50%, #cecaca 82%, #c4c0c0 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#f5f5f5', endColorstr='#c4c0c0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#f5f5f5', endColorstr='#c4c0c0')";
  border: 1px solid #969696;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset -1px -1px 0 0 #dcdada, inset 0 1px 0 0 #ededed;
  -webkit-box-shadow: inset -1px -1px 0 0 #dcdada, inset 0 1px 0 0 #ededed;
  -o-box-shadow: inset -1px -1px 0 0 #dcdada, inset 0 1px 0 0 #ededed;
  box-shadow: inset -1px -1px 0 0 #dcdada, inset 0 1px 0 0 #ededed;
  margin-right: 1px;
}
/* line 2330, ../_internalSource/EnterpriseSeries/sass/_base.scss */
.vScrollThumbOver {
  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: -webkit-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -moz-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -o-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -ms-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#e3f4fc', endColorstr='#9ccae2');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#e3f4fc', endColorstr='#9ccae2')";
  border: 1px solid #3c7daf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset -1px -1px 0 0 #dcdee0, inset 1px 1px 0 0 #ffffff;
  -webkit-box-shadow: inset -1px -1px 0 0 #dcdee0, inset 1px 1px 0 0 #ffffff;
  -o-box-shadow: inset -1px -1px 0 0 #dcdee0, inset 1px 1px 0 0 #ffffff;
  box-shadow: inset -1px -1px 0 0 #dcdee0, inset 1px 1px 0 0 #ffffff;
  margin-right: 1px;
}
/* line 2339, ../_internalSource/EnterpriseSeries/sass/_base.scss */
.hScrollThumb {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(50%, #e9e8e8), color-stop(50%, #dad7d7), color-stop(82%, #cecaca), color-stop(100%, #c4c0c0));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e9e8e8 50%, #dad7d7 50%, #cecaca 82%, #c4c0c0 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e9e8e8 50%, #dad7d7 50%, #cecaca 82%, #c4c0c0 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e9e8e8 50%, #dad7d7 50%, #cecaca 82%, #c4c0c0 100%);
  background-image: -ms-linear-gradient(top, #f5f5f5 0%, #e9e8e8 50%, #dad7d7 50%, #cecaca 82%, #c4c0c0 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #e9e8e8 50%, #dad7d7 50%, #cecaca 82%, #c4c0c0 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#f5f5f5', endColorstr='#c4c0c0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f5f5f5', endColorstr='#c4c0c0')";
  border: 1px solid #969696;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset 1px -1px 0 0 #dcdada, inset 0 1px 0 1px #ededed;
  -webkit-box-shadow: inset 1px -1px 0 0 #dcdada, inset 0 1px 0 1px #ededed;
  -o-box-shadow: inset 1px -1px 0 0 #dcdada, inset 0 1px 0 1px #ededed;
  box-shadow: inset 1px -1px 0 0 #dcdada, inset 0 1px 0 1px #ededed;
  margin-bottom: 1px;
}
/* line 2348, ../_internalSource/EnterpriseSeries/sass/_base.scss */
.hScrollThumbOver {
  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: -webkit-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -moz-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -o-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -ms-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#e3f4fc', endColorstr='#9ccae2');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e3f4fc', endColorstr='#9ccae2')";
  border: 1px solid #3c7daf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 #ffffff;
  -webkit-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 #ffffff;
  -o-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 #ffffff;
  box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 #ffffff;
  margin-bottom: 1px;
}
/*============================================================
		Unused? Review & Remove
============================================================*/
.selectedText {
  color: white;
  background-color: darkblue;
}
.disabled {
  font-size: 12px;
  color: #CCCCCC;
}
.pageHeader {
  font-size: 12px;
  font-weight: bold;
  color: #00008b;
}
.printPageHeader {
  font-size: 14px;
  font-weight: bold;
  color: #00008b;
}
.printCell {
  font-size: 10px;
}
/*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,
.tabButtonLeftOver,
.tabButtonLeftSelected,
.tabButtonLeftSelectedOver,
.tabButtonLeftDown,
.tabButtonLeftSelectedDown,
.tabButtonLeftSelectedDisabled,
.tabButtonLeftDisabled {
  padding: 2px;
  border: 1px solid #C0C3C7;
  background: #e7e7e7;
  background-image: -moz-linear-gradient(top, #ffffff, #efefef);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -x-system-font: none;
  font-size: 12px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
}
.tabButtonLeftOver,
.tabButtonLeftSelected,
.tabButtonLeftSelectedOver {
  background: #ffffff;
}
.tabButtonLeftDown,
.tabButtonLeftSelectedDown {
  background: #ddd;
}
.tabButtonLeftSelectedDisabled,
.tabButtonLeftDisabled {
  background: #ddd;
}
/* right */
.tabButtonRight,
.tabButtonRightOver,
.tabButtonRightSelected,
.tabButtonRightSelectedOver,
.tabButtonRightDown,
.tabButtonRightSelectedDown,
.tabButtonRightSelectedDisabled,
.tabButtonRightDisabled {
  padding: 2px;
  border: 1px solid #C0C3C7;
  background: #e7e7e7;
  background-image: -moz-linear-gradient(top, #ffffff, #efefef);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -x-system-font: none;
  font-size: 12px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
}
.tabButtonRightOver,
.tabButtonRightSelected,
.tabButtonRightSelectedOver {
  background: #ffffff;
}
.tabButtonRightDown,
.tabButtonRightSelectedDown {
  background: #ddd;
}
.tabButtonRightSelectedDisabled,
.tabButtonRightDisabled {
  background: #ddd;
}
/* top */
.tabButtonTop,
.tabButtonTopOver,
.tabButtonTopSelected,
.tabButtonTopSelectedOver,
.tabButtonTopDown,
.tabButtonTopSelectedDown,
.tabButtonTopSelectedDisabled,
.tabButtonTopDisabled {
  -x-system-font: none;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 5px;
  border: 1px solid #C0C3C7;
  border-bottom: none;
  background: #e7e7e7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
}
.tabButtonTopOver,
.tabButtonTopSelected,
.tabButtonTopSelectedOver {
  background: #ffffff;
}
.tabButtonTopSelected {
  border-bottom: none;
}
.tabButtonTopDown,
.tabButtonTopSelectedDown {
  background: #ddd;
}
.tabButtonTopSelectedDisabled,
.tabButtonTopDisabled {
  background: #ddd;
}
/* top - when they are located as header */
.headerTabButtonTop,
.headerTabButtonTopOver,
.headerTabButtonTopSelected,
.headerTabButtonTopSelectedOver,
.headerTabButtonTopDown,
.headerTabButtonTopSelectedDown,
.headerTabButtonTopSelectedDisabled,
.headerTabButtonTopDisabled {
  -x-system-font: none;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 5px;
  border: 1px solid #C0C3C7;
  border-bottom: none;
  background: #e7e7e7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  background: #325d87;
  color: #FFF;
  border-color: #3571a6;
}
.headerTabButtonTopOver,
.headerTabButtonTopSelected,
.headerTabButtonTopSelectedOver {
  -x-system-font: none;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 5px;
  border: 1px solid #C0C3C7;
  border-bottom: none;
  background: #e7e7e7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  background: #ffffff;
  color: #325d87;
}
.headerTabButtonTopSelected {
  -x-system-font: none;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 5px;
  border: 1px solid #C0C3C7;
  background: #e7e7e7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  background: #ffffff;
  border-bottom: none;
}
.headerTabButtonTopDown,
.headerTabButtonTopSelectedDown {
  -x-system-font: none;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 5px;
  border: 1px solid #C0C3C7;
  border-bottom: none;
  background: #e7e7e7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  background: #ddd;
  color: #325d87;
}
.headerTabButtonTopSelectedDisabled,
.headerTabButtonTopDisabled {
  -x-system-font: none;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 5px;
  border: 1px solid #C0C3C7;
  border-bottom: none;
  background: #e7e7e7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  background: #ddd;
}
/* bottom */
.tabButtonBottom,
.tabButtonBottomOver,
.tabButtonBottomSelected,
.tabButtonBottomSelectedOver,
.tabButtonBottomDown,
.tabButtonBottomSelectedDown,
.tabButtonBottomSelectedDisabled,
.tabButtonBottomDisabled {
  padding: 2px;
  border: 1px solid #C0C3C7;
  background: #e7e7e7;
  background-image: -moz-linear-gradient(top, #ffffff, #efefef);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -x-system-font: none;
  font-size: 12px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
}
.tabButtonBottomOver,
.tabButtonBottomSelected,
.tabButtonBottomSelectedOver {
  background: #ffffff;
}
.tabButtonBottomDown,
.tabButtonBottomSelectedDown {
  background: #ddd;
}
.tabButtonBottomSelectedDisabled,
.tabButtonBottomDisabled {
  background: #ddd;
}
/*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 {
  font-size: 12px;
  color: black;
  text-overflow: ellipsis;
  background-color: #FFFFFF;
  border-top: 1px solid white;
  border-bottom: 1px solid #828282;
  border-left: 1px solid white;
  border-right: 1px solid #828282;
}
.cubeCellDark {
  font-size: 12px;
  color: black;
  text-overflow: ellipsis;
  background-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #828282;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #828282;
}
.cubeCellDisabled {
  font-size: 12px;
  color: #666666;
  text-overflow: ellipsis;
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
/* partial styles */
.cubeCellOver {
  background-color: #B8D1EE;
  border-top: 1px solid #B8D1EE;
  border-bottom: 1px solid #828282;
}
.cubeCellSelected {
  background-color: #FFE781;
  border-top: 1px solid #FFE781;
  border-bottom: 1px solid #828282;
  border-left: 1px solid #FFE781;
  border-right: 1px solid #828282;
}
.cubeCellSelectedOver {
  background-color: #B8D1EE;
  border-top: 1px solid #B8D1EE;
  border-bottom: 1px solid #828282;
  border-left: 1px solid #B8D1EE;
  border-right: 1px solid #828282;
}
/* row headers */
.rowHeader {
  font-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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 {
  font-size: 12px;
  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");
}
.colHeaderLabelDown {
  font-size: 12px;
  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/colHeaderLabelDown.gif");
}
.colHeaderLabelDisabled {
  font-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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-size: 12px;
  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;
}
/*============================================================
		Printing
				printHeader - general print style for header elements including:
				- ListGrid header cells
				- SectionStack headers
============================================================*/
.printHeader {
  font-size: 12px;
  border: 1px solid black;
  font-weight: bold;
}
/*============================================================
		Calendar
		
============================================================*/
.calendar,
.calendarDisabled,
.calendarWorkday,
.calendarDark {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #ffffff;
}
.calendarDisabled {
  background-color: gainsboro;
}
.calendarWorkday {
  background-color: #ffffcc;
}
.calendarOver,
.calendarOverDark {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #c0ffc0;
}
.calendarCellSelected {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #CCCCCC;
}
.labelColumn {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: gainsboro;
}
/* ----month---- */
/* calMonthDayHeader and Body */
.calMonthDayHeader,
.calMonthDayHeaderDark {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: gainsboro;
}
.calMonthDayHeaderOver,
.calMonthDayHeaderOverDark {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #c0ffc0;
}
.calMonthDayBody,
.calMonthDayBodyDark {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #ffffff;
}
.calMonthDayBodyOver,
.calMonthDayBodyOverDark {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #c0ffc0;
}
.calMonthDayBodyDisabled,
.calMonthDayBodyDisabledOver {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #E6E6E6;
}
/* calMonthOtherDayHeader and Body */
.calMonthOtherDayHeader,
.calMonthOtherDayHeaderDark {
  font-size: 12px;
  color: #444444;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #aaaaaa;
}
.calMonthOtherDayHeaderOver,
.calMonthOtherDayHeaderOverDark {
  font-size: 12px;
  color: #444444;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #c0ffc0;
}
.calMonthOtherDayBody,
.calMonthOtherDayBodyDark,
.calMonthOtherDayBodyDisabled,
.calMonthOtherDayBodyDisabledOver {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #E6E6E6;
}
.calMonthOtherDayBodyOver,
.calMonthOtherDayBodyOverDark {
  font-size: 12px;
  color: black;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #c0ffc0;
}
/* calMonthOtherDayBlank */
.calMonthOtherDayBlank,
.calMonthOtherDayBlankDark,
.calMonthOtherDayBlankOver,
.calMonthOtherDayBlankOverDark {
  font-size: 12px;
  color: #444444;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #E6E6E6;
}
/* calMonthEventLink */
a.calMonthEventLink:link {
  color: blue;
  text-decoration: none;
}
a.calMonthEventLink:visited {
  color: blue;
  text-decoration: none;
}
a.calMonthEventLink:hover {
  color: blue;
  text-decoration: underline;
}
a.calMonthEventLink:active {
  color: blue;
  text-decoration: none;
}
/* ----event window---- */
.eventWindow {
  font-size: 9px;
  background-color: #EBF4FF;
  border: 1px solid #d0dff6;
}
.eventWindowHeader {
  font-size: 9px;
  color: #4C4C4C;
  background-color: #d0dff6;
}
.eventWindowBody {
  font-size: 9px;
  color: black;
  background-color: #EBF4FF;
  padding: 3px;
}
.eventWindowResizer {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
/*============================================================
		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,
.propSheetDisabled {
  font-size: 12px;
  border-bottom: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  padding: 0px;
  margin: 0px;
}
.propSheetTitle,
.propSheetTitleFocused,
.propSheetTitleDisabled {
  font-size: 12px;
  border-bottom: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  background-color: #DDDDDD;
  padding-left: 4px;
  padding-right: 4px;
}
.propSheetTitleError,
.propSheetValueError {
  font-size: 12px;
  color: #204268;
  background-color: #cfd9f2;
}
.propSheetField,
.propSheetFieldDisabled {
  font-size: 12px;
  background-color: #FFFFFF;
  border: 0px;
  padding: 0px;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 3px;
}
.propSheetHeading,
.propSheetHeadingDisabled {
  font-size: 12px;
  font-weight: bold;
  color: black;
  background-color: #CCCCCC;
  padding: 4px;
  border-bottom: 1px solid #AAAAAA;
}
.propSheetSelectControl,
.propSheetSelectControlFocused,
.propSheetSelectControlDisabled {
  padding-left: 3px;
  padding-right: 3px;
}
/* Styles for Finder cells */
.finder,
.finderSelected {
  font-size: 12px;
  background-color: #F0F0F0;
  border-bottom: 1px solid white;
}
.finderSort,
.finderSelectedSort {
  font-size: 12px;
  background-color: #DDDDDD;
  border-bottom: 1px solid white;
}
.finderDisabled {
  font-size: 12px;
  color: #666666;
  background-color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.finderSelectedText {
  color: white;
  background-color: black;
  margin: 5px;
}
/* header buttons */
.finderButton {
  font-size: 12px;
  background-color: #DDDDDD;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.finderButtonDown,
.finderButtonSelectedDown {
  font-size: 12px;
  color: white;
  background-color: #999999;
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
.finderButtonSelectedDisabled,
.finderButtonSelected {
  font-size: 12px;
  background-color: #999999;
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
.finderButtonDisabled {
  font-size: 12px;
  color: #666666;
  background-color: #999999;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
/* Styles for Explorer cells */
.explorer,
.explorerOver,
.explorerSelected,
.explorerSelectedOver,
.explorerDark,
.explorerOverDark,
.explorerSelectedOverDark,
.explorerSelectedDark,
.explorerDisabled {
  font-size: 12px;
}
.explorerSelectedText {
  background-color: darkblue;
  color: white;
  margin: 5px;
}
.explorerButtonOver,
.explorerButtonSelected,
.explorerButtonSelectedOver,
.explorerButton {
  font-size: 12px;
  background-color: #CCCCCC;
  border-left: 2px solid white;
  border-top: 2px solid white;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
.explorerButtonSelectedDown,
.explorerButtonDown {
  font-size: 12px;
  background-color: #CCCCCC;
  border-left: 2px solid #999999;
  border-top: 2px solid #999999;
  border-right: 0px solid white;
  border-bottom: 0px solid white;
}
.explorerButtonSelectedDisabled,
.explorerButtonDisabled {
  font-size: 12px;
  color: #666666;
  background-color: #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
body {
  /*
 * The content snaps to the body, so having scroll bars only does damage.
 * Even when on auto, resizing the browser will temporarily create horizontal
 * scroll bars which causes a vertical reflow, which is jarring and bad performance.
 *
 */
  overflow: hidden;
}
.left {
  text-align: left;
}
.list-item-unornamented {
  list-style-type: none;
}
.smartScroll {
  overflow: auto;
}
.monospace {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
}
.hidden {
  display: none;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bold {
  font-weight: bold;
}
.disabledText {
  color: #bdbdbd;
  font-style: italic;
}
.primaryTitle {
  font-weight: bold;
  font-size: 16px;
}
.secondaryTitle {
  font-weight: bold;
  font-size: 12px;
}
.smallTitle {
  font-weight: bold;
  padding-bottom: 9px;
  padding-top: 3px;
  font-size: 12px;
}
.breadcrumb {
  padding-left: 20px;
  padding-bottom: 5px;
  color: #ecf5fd;
  font-size: 14px;
  background: #325d87;
}
.commonPanel {
  background-color: white;
  font-size: 12px;
}
.primaryPanel {
  background-color: white;
  font-size: 12px;
  border: #213D58 1px solid;
}
.previewDetailsPanel {
  background-color: white;
  font-size: 12px;
  border: #ccc 2px solid;
}
.emphasisFormItem {
  background-color: #eee;
}
.thickUnderline {
  border-bottom: 2px solid #999;
}
.ccmsPanelTitle {
  background: #325d87;
  font-size: 15px;
  color: white;
  padding: 5px 10px;
  font-weight: normal;
}
.commandBar,
.filterPanel {
  background: #a1ccf7;
}
.clickable {
  color: blue;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
  cursor: pointer;
}
.thirdLevelPanelTitle {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}
.embeddedPanelTitle {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}
.thirdLevelPanelCommandBar {
  background: #white;
}
.embeddedPanelCommandBar {
  background: #white;
}
.grayLevelPanel {
  font-weight: bold;
  font-size: 13px;
  color: #000;
  border: 1px solid #ccc;
  background: #eee;
}
.grayLevelPanelCommandBar {
  font-weight: bold;
  font-size: 13px;
  color: #000;
  border: 1px solid #ccc;
  background: #eee;
}
.thirdLevelTitle {
  line-height: 1em;
  font-size: 20px;
}
.thirdLevelTitleBar {
  background: #eee;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #999;
}
.grayLevelTitle {
  line-height: 1em;
  font-size: 12px;
  font-weight: bold;
}
.jsplumbToolbar {
  background: #eee;
  border-bottom: 1px solid #999;
}
/*You might think why not just do - [class*="filteredOut"] - because it doesn't work in IE with smartGWT is the reason.*/
.filteredOutnotTagging,
.filteredOutnotTaggingSelected,
.filteredOutnotTaggingDark,
.filteredOutnotTaggingSelectedDark,
.filteredOuttagging,
.filteredOuttaggingSelected,
.filteredOuttaggingDark,
.filteredOuttaggingSelectedDark {
  display: none;
}
/*Taxonomy list drop down value styling*/
/*all of them*/
.notTagging,
.notTaggingOver,
.notTaggingSelected,
.notTaggingSelectedOver,
.notTaggingDark,
.notTaggingSelectedDark,
.tagging,
.taggingOver,
.taggingSelected,
.taggingDark,
.taggingSelectedDark {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  color: black;
}
.notTaggingSelectedOver,
.taggingSelectedDarkOver,
.notTaggingSelectedDarkOver,
.taggingSelectedOver,
.taggingOver,
.notTaggingOver {
  background: #ecf5fd;
}
/*when their descriptors are tagging the currently selected node*/
.tagging,
.taggingSelected,
.taggingDark,
.taggingSelectedDark,
.taggingOver {
  font-weight: bolder;
}
.selectedDescriptor,
.selectedDescriptorOver,
.selectedTaxonomy,
.selectedTaxonomyOver {
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  color: black;
}
.selectedTaxonomy,
.selectedTaxonomyOver {
  font-weight: bolder;
}
.invalidTaxonomy {
  color: #C00;
}
.searchCriteriaRefinements {
  border-bottom: 1px solid #eee;
}
.searchCriteriaRefinementsInvalid {
  background-color: #ff6f6f;
  border-bottom: 1px solid #eee;
}
/*all of them*/
.blurbItemDisabledDisabled,
.blurbItemDisabledSelectedOver {
  color: #bdbdbd;
}
.refinementCriteriaButton,
.refinementCriteriaButtonOver,
.refinementCriteriaButtonDown,
.refinementCriteriaButtonSelected,
.refinementCriteriaButtonSelectedDown,
.refinementCriteriaButtonSelectedOver {
  border: none;
  background: none;
  filter: none;
  color: #588dc2;
  outline: none;
  text-decoration: underline;
}
.refinementCriteriaButtonDisabled,
.refinementCriteriaButtonSelectedDisabled {
  border: none;
  background: none;
  filter: none;
  color: #bdbdbd;
  outline: none;
  text-decoration: underline;
}
.transitionButton,
.transitionButtonOver,
.transitionButtonDown {
  -x-system-font: none;
  font-size: 12px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 7px 12px;
  border: 1px solid #cccccc;
  /* Konqueror */
  /* FF 3.6+ */
  /* IE10 */
  /* Safari 4+, Chrome 2+ */
  /* Safari 5.1+, Chrome 10+ */
  /* Opera 11.10 */
  /* IE10+ */
  /* the standard */
  /* IE6 & IE7 */
  /* IE8+ */
  background-color: #e5e5e5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e5e5e5));
  /* Konqueror */
  background-image: -moz-linear-gradient(#f7f7f7, #e5e5e5);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(#f7f7f7, #e5e5e5);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e5e5e5));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(#f7f7f7, #e5e5e5);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(#f7f7f7, #e5e5e5);
  /* Opera 11.10 */
  background-image: -ms-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%);
  /* IE10+ */
  background-image: linear-gradient(#f7f7f7, #e5e5e5);
  /* the standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e5e5e5', GradientType=0);
  /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e5e5e5', GradientType=0)";
  /* IE8+ */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #ffffff;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
}
.transitionButtonSelected,
.transitionButtonSelectedOver,
.transitionButtonSelectedDown {
  -x-system-font: none;
  font-size: 12px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 7px 12px;
  /* Konqueror */
  /* FF 3.6+ */
  /* IE10 */
  /* Safari 4+, Chrome 2+ */
  /* Safari 5.1+, Chrome 10+ */
  /* Opera 11.10 */
  /* IE10+ */
  /* the standard */
  /* IE6 & IE7 */
  /* IE8+ */
  background-color: #e5e5e5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e5e5e5));
  /* Konqueror */
  background-image: -moz-linear-gradient(#f7f7f7, #e5e5e5);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(#f7f7f7, #e5e5e5);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e5e5e5));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(#f7f7f7, #e5e5e5);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(#f7f7f7, #e5e5e5);
  /* Opera 11.10 */
  background-image: -ms-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%);
  /* IE10+ */
  background-image: linear-gradient(#f7f7f7, #e5e5e5);
  /* the standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e5e5e5', GradientType=0);
  /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e5e5e5', GradientType=0)";
  /* IE8+ */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #ffffff;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  border: 1px solid #cccccc;
  background: green;
  color: white;
  text-shadow: 0px 0px 0px #000000;
}
.transitionButtonDisabled,
.transitionButtonSelectedDisabled {
  -x-system-font: none;
  font-size: 12px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 7px 12px;
  /* Konqueror */
  /* FF 3.6+ */
  /* IE10 */
  /* Safari 4+, Chrome 2+ */
  /* Safari 5.1+, Chrome 10+ */
  /* Opera 11.10 */
  /* IE10+ */
  /* the standard */
  /* IE6 & IE7 */
  /* IE8+ */
  background-color: #e5e5e5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e5e5e5));
  /* Konqueror */
  background-image: -moz-linear-gradient(#f7f7f7, #e5e5e5);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(#f7f7f7, #e5e5e5);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e5e5e5));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(#f7f7f7, #e5e5e5);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(#f7f7f7, #e5e5e5);
  /* Opera 11.10 */
  background-image: -ms-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%);
  /* IE10+ */
  background-image: linear-gradient(#f7f7f7, #e5e5e5);
  /* the standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e5e5e5', GradientType=0);
  /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e5e5e5', GradientType=0)";
  /* IE8+ */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #ffffff;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  border: 1px solid #cccccc;
  background: #bdbdbd;
}
.labelLink {
  color: blue;
  cursor: pointer;
  cursor: hand;
}
.errorTabHasErrorTitle,
.verrorTabHasErrorTitle,
.errorTabHasErrorTitleOver,
.verrorTabHasErrorTitleOver {
  color: red;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 11px;
  padding-bottom: 1px;
}
.errorTabHasErrorTitleSelected,
.verrorTabHasErrorTitleSelected,
.errorTabHasErrorTitleSelectedOver,
.verrorTabHasErrorTitleSelectedOver {
  color: red;
  font-weight: bold;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-bottom: 1px;
}
.infoBoxTitle {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  font-size: 0.7em;
  color: #A3A5A8;
}
.infoBoxLeft {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}
.infoBoxCenter {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}
.buttonBar {
  padding-right: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}
.noticeLabel {
  font-weight: bold;
  font-size: 16px;
  background-color: #f7f7f7;
  border: 1px solid;
  border-color: #555555;
  padding: 6px 12px 6px 12px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.waitingDialogBody,
.waitingDialogBody td {
  font-weight: bold;
  font-size: 16px;
}
div.topToolStrip {
  background: #333;
  color: white;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #666;
}
div.topToolStrip .toolbarButton,
div.topToolStrip .toolbarButtonOver,
div.topToolStrip .toolbarButtonDown,
div.topToolStrip .toolbarButtonDisabled,
div.topToolStrip .toolbarButtonSelected,
div.topToolStrip .toolbarButtonSelectedDown,
div.topToolStrip .toolbarButtonSelectedOver,
div.topToolStrip .toolbarButtonSelectedDisabled {
  color: white;
  font-size: 11px;
}
.bannerPanel {
  margin-bottom: 10px;
  background: #325d87;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(33, 59, 88, 0.5);
  -moz-box-shadow: 0px 1px 8px 0px rgba(33, 59, 88, 0.5);
  box-shadow: 0px 1px 8px 0px rgba(33, 59, 88, 0.5);
}
.bannerLogo {
  font-size: 2em;
  color: white;
}
.bannerScreenSelector {
  color: #6fb3f7;
  font-size: 1.5em;
}
.bannerScreenSelectorOver {
  color: #6fb3f7;
  font-size: 1.5em;
}
.signInPage {
  background: white;
  background-image: url("../../images/subtle_grey.png");
}
.signInContainer {
  border: 1px solid #bdbdbd;
  -webkit-box-shadow: 0px 0px 6px 2px #bdbdbd;
  -moz-box-shadow: 0px 0px 6px 2px #bdbdbd;
  box-shadow: 0px 0px 6px 2px #bdbdbd;
}
.signInLogo {
  background: url("../../images/primary_logo.png");
}
.signInForm {
  background-color: #325d87;
  padding: 18px;
  padding-bottom: 0px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.signInForm .headerItem {
  color: white;
  font-size: 1.375em;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
}
.signInForm .formTitle,
.signInForm .formTitleFocused,
.signInForm .formTitleError {
  color: white;
  padding-right: 10px;
  font-size: 0.8125em;
}
.signInForm .formTitle,
.signInForm .formTitleFocused,
.signInForm .formTitleError,
.signInForm .formCell,
.signInForm .formCellFocused,
.signInForm .formCellError {
  padding-bottom: 15px ;
  color: white;
}
.signInForm .formTitle b,
.signInForm .formTitleFocused b,
.signInForm .formTitleError b,
.signInForm .formCell b,
.signInForm .formCellFocused b,
.signInForm .formCellError b {
  color: white;
}
.signInForm .formCellError .formCellError {
  padding-bottom: 0 ;
}
.signInForm .errorMessage {
  padding-bottom: 2px;
}
.signInForm > div > div table {
  padding-right: 12px;
}
.signInForm > div > div {
  outline: none;
}
.loginErrorBox {
  background-image: url('../../images/warn15px.png');
  background-repeat: no-repeat;
  background-position: 15px 0;
  padding-left: 33px;
  display: block;
}
.branchUi {
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.branchUiHighlight {
  border: 1px solid #06c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bracketLeft {
  border-left: 1px solid #757575;
}
.bracketTopLeft {
  border-top: 1px solid #757575;
  border-left: 1px solid #757575;
}
.bracketBottomLeft {
  border-bottom: 1px solid #757575;
  border-left: 1px solid #757575;
}
.userSpecifiedDateForm {
  padding-top: 4px;
  padding-bottom: 4px;
}
.interveningForm {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding-top: 4px;
  padding-bottom: 4px;
}
.scheduleTable {
  border: 1px solid #cccccc;
  padding-left: 20px;
  padding-right: 20px;
}
.scheduleTable td {
  padding-left: 0;
  padding-right: 0;
}
.warningLabel {
  color: red;
  font-weight: bold;
}
.warnLabel {
  background-image: url('../../images/warn15px.png');
  background-repeat: no-repeat;
  background-position: 15px 10px;
  padding: 10px 10px 10px 43px;
  border: 1px black single;
  background-color: #ffebaf;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}
.selectorSymbol {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5em;
  line-height: 1.3;
}
.selectorSymbolTile {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
}
.selectorSymbolTileHighlighted {
  background-color: #6fb3f7;
}
.previewSymbol {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  font-size: 4em !important;
  line-height: 1.3 !important;
}
.symbolDescription {
  padding: 0 5px;
  font-size: 0.9em;
  color: #A3A5A8;
}
.treeCell img[width="1"][height="1"],
.treeCellSelected img[width="1"][height="1"],
.treeCellOver img[width="1"][height="1"],
.treeCellSelectedOver img[width="1"][height="1"] {
  height: 16px;
  width: 2px;
}
.previewWindow .groupNode img {
  display: none;
}
.previewWindow .cellDisabled div,
.previewWindow .cell div,
.previewWindow .cellOver div,
.previewWindow .cellSelected div,
.previewWindow .cellSelectedOver div {
  padding-left: 6px;
}
.taxonomyEditFormContainer {
  color: black;
  background-color: #FFF;
}
.addComment {
  padding-left: 50px;
}
.addCommentErrorMessage {
  color: red;
  font-weight: bold;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-bottom: 1px;
  padding-left: 50px;
}
.validationErrorLabel,
.formInstructionLabel {
  color: red;
  font-weight: bold;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}
.workflowElementDetailsHeader .windowHeaderText {
  color: #005580;
  font-size: 12px;
}
.figure {
  text-align: center;
}
.checkMessage {
  color: black;
  font-weight: bold;
}
.testConstructionHighlightCell,
.testConstructionHighlightCellOver,
.testConstructionHighlightCellSelected,
.testConstructionHighlightCellSelectedOver {
  background-color: #ffc0c0;
}
.testConstructionParsedXmlHighlightCell,
.testConstructionParsedXmlHighlightCellOver,
.testConstructionParsedXmlHighlightCellSelected,
.testConstructionParsedXmlHighlightCellSelectedOver {
  background-color: #bdbdbd;
}
.currentlyActiveRoleRuntimeDeliverable {
  background-color: white;
  font-size: 12px;
  border: #ccc 2px solid;
  background: -moz-linear-gradient(top, #98c86d 0%, rgba(255, 255, 255, 0.55) 45%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98c86d), color-stop(45%, rgba(255, 255, 255, 0.55)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #98c86d 0%, rgba(255, 255, 255, 0.55) 45%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #98c86d 0%, rgba(255, 255, 255, 0.55) 45%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #98c86d 0%, rgba(255, 255, 255, 0.55) 45%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #98c86d 0%, rgba(255, 255, 255, 0.55) 45%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98c86d', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}
.activityPrincipalPerformer {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: bold;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.tabbedScreen {
  margin: 10px 20px 20px 20px;
}
.insertGapCheckboxHint {
  white-space: nowrap;
  padding-left: 10px;
}
.cover-header {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.75em;
}
.candidateInfo,
.additionalInfo,
.additionalMaterials {
  margin-bottom: 0.75em;
}
.additionalMaterialsTitle,
.instructionsTitle,
.noticesTitle,
.copyrightTitle,
.standardStatement {
  font-weight: bold;
}
.instructionsTitle,
.noticesTitle,
.copyrightTitle {
  margin-bottom: 0.6em;
}
.material {
  margin-bottom: 3px;
  margin-left: 15px;
}
.instructionsHeader,
.instruction,
.markSchemeNotices {
  margin-bottom: 0.75em;
  margin-left: 15px;
}
.additionalInfo,
.coverCopyright {
  margin-left: 15px;
}
.unavailableForWorkflowMessage {
  color: #9d261d;
}
.showHideLink {
  cursor: pointer;
  color: #0053a6;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  padding: 0;
  border-bottom: 1px #0053a6 dotted;
}
.simpleDialogComponent {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  padding: 0 20px;
}
/* Styles for the Dashboard Screen */
ul.dashboardPerformerList {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.dashboardPerformerList li {
  color: #000000;
  padding-top: 5px;
}
ul.dashboardPerformerList li:last-child {
  padding-bottom: 5px;
}
ul.dashboardPerformerList li:before {
  content: "\25B8  ";
  color: #bdbdbd;
}
ul.dashboardPerformerList li.delegated:before {
  font-weight: bold;
  color: red;
  content: "D ";
}
.dashboardCell {
  color: #000000;
  border-radius: 15px;
  width: 75px;
  margin: auto;
  display: block;
  text-align: center;
}
.dashboardCell.overdue,
.dashboardCell.red {
  font-weight: bold;
  background-color: #ff4d4d;
}
.dashboardCell.amber {
  font-weight: bold;
  background-color: #ffb428;
}
.dashboardCell.upcoming,
.dashboardCell.green {
  font-weight: bold;
  background-color: #8ce070;
}
.dashboardCell.due {
  font-weight: bold;
}
.dashboardRoot .sectionHeaderopened,
.dashboardRoot .sectionHeaderclosed,
.dashboardRoot .sectionHeaderDisabledopened,
.dashboardRoot .sectionHeaderDisabledclosed {
  font-size: 12px;
  padding-left: 8px;
  border-bottom: 1px solid white;
  border-top: 1px solid #808080;
  color: #ffffff;
  background-color: #6fb3f7;
  border-radius: 10px;
}
.dashboardRoot .sectionHeaderopened:hover,
.dashboardRoot .sectionHeaderclosed:hover {
  background-color: #a1ccf7;
}
.dropFilesLabel {
  margin-top: 6px;
  padding-top: 28px;
  padding-bottom: 28px;
  font-weight: bold;
  text-align: center;
  display: block;
  border: 2px dashed #888;
  border-radius: 7px;
  width: 628px;
  background: none repeat scroll 0% #EEE;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333;
  top: -32px;
  position: relative;
}
.uploader {
  left: 690px;
  top: -132px;
}
.leadDesc {
  font-size: 21px;
  margin-bottom: 20px;
  font-weight: 300;
  line-height: 1.4;
  height: 36px;
  position: relative;
  top: 5px;
}
.multipleSelect {
  color: #333;
  font-size: 14px;
  line-height: 1.42857;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 152px;
  left: 694px;
  top: -124px;
  position: relative;
}
.ctrlClick {
  padding: 0px 2px;
  font-size: 90%;
  color: #FFF;
  background-color: #333;
  border-radius: 3px;
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25) inset;
  width: 43px;
  left: 0px;
  position: relative;
  top: -124px;
}
.errorMsg {
  color: red;
}
.summaryTitle {
  font-weight: bold;
  font-size: 16px;
  font-family: Calibri,Helvetica,Arial;
}