.CP_ServerPanel
{
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
}

.CP_HeaderPanel
{
  background-color: #808080;
  width: 100%;
  padding: 5px;
}

.CP_HeaderPanel_Error
{
  background-color: #FF0000;
  width: 100%;
  padding: 5px;
}

.CP_HeaderLabel
{
	color: #FFFFFF;
	font-family: HelviticaNeueW01-Thin, sans-serif;
	font-size: 1.5em;
}

.CP_ServerPanelLabel
{
  color: black;
  font-family: HelviticaNeueW01-Thin, sans-serif;
  font-size: 1.2em;
}

.CP_ServerPanelHelpLabel
{
  color: grey;
  font-family: HelviticaNeueW01-Thin, sans-serif;
  font-size: 0.9em;
}

.CP_ServerPanelValueLabel
{
  color: black;
  font-family: HelviticaNeueW01-Thin, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
}

.CP_ColumnHeader
{
	text-shadow: 0px 0px none !important;
	font-size: 1.3em;
	font-style: plain;
}

.CP_Toolbar
{
	background-color: #A0A0A0;
	border: 1px solid black;
}

.VIS_MainPanel {
  border: 3px solid rgb(188, 188, 188);
  border-radius: 4px 4px 4px 4px;
}

.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger {
  background: rgb(188, 188, 188);
  cursor: col-resize;
}

.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger {
  background: rgb(188, 188, 188);
  cursor: row-resize;
}

.VIS_textbox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.ECConfiguratorPanel {
  padding: 5px;
  float: left;
}

.ECConfiguratorToolbar {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  padding-left:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
}

.ECConfiguratorCategoryPanel {
  width: 100%;
  max-width: 1000px;
  padding: 0px;
}

.ECConfiguratorCategoryHeader {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  padding-bottom:0.5em;
  padding-top:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: white;
  background-color: rgb(76,77,81);
}

.ECConfiguratorHeaderLabel {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 1.3em;
}

.ECConfiguratorHeaderLabelClickable {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  cursor: pointer;
}

.ECConfiguratorCategoryContent {
  width: 100%;
  margin-bottom: 1px;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
}

.ECConfiguratorCategoryContentNoBorder {
  width: 100%;
  margin-bottom: 1px;
}

.ECConfiguratorOrderDetailTable {
  float: left;
}

.ECConfiguratorOrderDetailEditor {
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}

.ECConfiguratorOrderDetailLabel {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 0.9em;
  color: #464646;
  cursor: help;
}

.ECConfiguratorOrderDetailRemarkLabel {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 0.9em;
  color: orange;
  cursor: help;
}

.ECConfiguratorOrderDetailConflictingLabel {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 0.9em;
  color: red;
  cursor: help;
}

.ECConfiguratorOrderDetailNonDefaultLabel {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 0.9em;
  color: rgb(42, 157, 0);
  cursor: help;
}

.ECConfiguratorMeasuredValueLabel {
  font-family: Arial, Verdana, sans-serif;
  font-style: italic;
  font-size: 0.9em;
}

.ECConfiguratorOrderDetailTextBox {
  background: none repeat scroll 0 0 #FEFEFE;
  border: 1px solid #BBBBBB;
  border-radius: 1px 1px 1px 1px;
  -moz-border-radius: 1px;
  outline: medium none;
  font-size: 0.9em;
  padding: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.ECConfiguratorOrderDetailTextBox:focus {
  border-color: #299F01;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(41, 159, 1, 0.6);
  outline: 0 none;
}

.ECConfiguratorOrderDetailSpinnerTextBox {
  background: none repeat scroll 0 0 #FEFEFE;
  border: 1px solid #BBBBBB;
  border-radius: 1px 1px 1px 1px;
  -moz-border-radius: 1px;
  outline: medium none;
  font-size: 0.9em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ECConfiguratorOrderDetailListBox {
  border: 1px solid #BBBBBB;
  padding: 2px 3px;
  color: #333333;
  font-size: 0.9em;
  margin-top: 4px;
  margin-bottom: 4px;
}

.ECConfiguratorOrderDetailListBox:focus {
  border: 1px solid #299F01;
}

.ECConfiguratorOrderDetailCheckBox input {
  margin-top: 7px;
  margin-bottom: 7px;
}

.ECConfiguratorPriceHeader {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  padding-bottom:0.5em;
  padding-top:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: white;
  background-color: rgb(42, 157, 0);
}

.ECConfiguratorPriceTable {
  width: 100%;
  margin-bottom: 1px;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  color: #2a9d00
}

.ECConfiguratorPriceLabel {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  color: #2a9d00;
  padding: 4px;
}

.ECConfiguratorPriceRadioButton {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  color: #2a9d00;
}

.ECConfiguratorPriceValue {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #2a9d00;
  padding: 4px;
}

.ECConfiguratorTopBorderPriceLabel {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  color: #2a9d00;
  padding: 4px;
  border-top: 1px solid #2a9d00;
}

.ECConfiguratorTopBorderPriceValue {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #2a9d00;
  padding: 4px;
  border-top: 1px solid #2a9d00;
}

.ECConfiguratorUnitPriceValue {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
  color: #2a9d00;
  padding: 4px;
}

.ECConfiguratorBlackPriceLabel {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: rgb(76,77,81);
  padding: 4px;
}

.ECConfiguratorBoldPriceValue {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #2a9d00;
  padding: 4px;
  border: 1px solid #2a9d00;
  margin-left: 1px;
  margin-right: 1px;
}

.ECConfiguratorBlackPriceValue {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: rgb(76,77,81);
  padding: 4px;
  border: 1px solid rgb(76,77,81);
  margin-left: 1px;
  margin-right: 1px;
}

.ECConfiguratorBoldPriceValueReversed {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: white;
  background-color: #2a9d00;
  padding: 4px;
  border: 1px solid #2a9d00;
  margin-left: 1px;
  margin-right: 1px;
}

.ECConfiguratorBlackPriceValueReversed {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: white;
  background-color: rgb(76,77,81);
  padding: 4px;
  border: 1px solid rgb(76,77,81);
  margin-left: 1px;
  margin-right: 1px;
}

.ECConfiguratorLegalMessageLabel {
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.7em;
  color: #2a9d00;
  margin: 2px 5px 2px 5px;
}

.ECPriceOptionLabel
 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.8em;
  color: #2a9d00;
  padding: 2px 5px 2px 5px;
}

.ECPriceOptionSmallLabel
 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.7em;
  color: #2a9d00;
  padding: 2px 5px 2px 5px;
}

.ECPriceOptionValue
 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  color: #2a9d00;
  padding: 2px 5px 2px 5px;
}

.ECPriceServiceLabel
 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  color: black;
  padding: 2px 5px 2px 5px;
}

.ECPriceServiceLabelSmall
 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  color: black;
  padding: 2px 5px 2px 5px;
}

.ECPriceOptionUnitValue
 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
  color: #2a9d00;
  padding: 2px 5px 2px 5px;
}

.ECPriceOptionNetPriceLabel
 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.8em;
  background-color: #2a9d00;
  color: white;
  padding: 2px 5px 2px 5px;
}

.ECPriceOptionBoldPriceValueOutline
 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  color: #2a9d00;
  border: 1px solid #2a9d00;
  padding: 3px 5px 3px 5px;
  margin-left: 1px;
  margin-right: 1px;
}

.ECPriceOptionBoldPriceValue
 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  background-color: #2a9d00;
  color: white;
  border: 1px solid #2a9d00;
  padding: 3px 5px 3px 5px;
  margin-left: 1px;
  margin-right: 1px;
}

.ECPriceOptionTable
 {
  width: 100%;
  height: 100%;
  border: 1px solid #2a9d00;
  border-radius: 4px 4px 4px 4px;
}

.ECConfiguratorDocumentPanel
 {
  width: 100%;
  height: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
}

.ECConfiguratorButtonPanel
{
  width: 100%;
  margin-bottom: 1px;
  padding-bottom: 3px;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
}

.ECConfiguratorButton
{
   background: url("images/buttonBackground.png") repeat-x scroll left top #2B2B2B;
   font-weight: bold;
   border: 0 none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   color: #FFFFFF; /*font: 14px  Segoi-UI,Arial,Helvetica,sans-serif;*/
   padding: 3px 10px 3px 10px;
   height: 26px;
   clear: left;
   cursor: pointer;
   text-decoration: none;
   /*box-shadow: 0 2px 4px 1px #2f4f4f;*/
   box-shadow:none;
   margin: 5px;
}
.ECConfiguratorButton:hover
{
   background: url("images/buttonBackground-green.png") repeat-x scroll left top #6B8F1A;
   color: #FFFFFF;
   text-decoration: none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   /*box-shadow: 0px 2px 7px 3px #2f4f4f;*/
   box-shadow:none;
}


.ECConfiguratorButton[disabled] {
  cursor: default;
  color: #888;
}

.ECConfiguratorButton[disabled]:hover {
  background: url("images/buttonBackground-green.png") repeat-x scroll left top #2B2B2B;
  box-shadow: 0 2px 4px 1px #2f4f4f;
}

.ECConfiguratorAddToBasketButton
{
   background: url("images/vis_basket.png") repeat-x scroll left top #2B2B2B;
   font-weight: bold;
   border: 0 none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   color: #FFFFFF; /*font: 14px  Segoi-UI,Arial,Helvetica,sans-serif;*/
   padding: 6px 10px 6px 50px;
   height: 30px;
   clear: left;
   cursor: pointer;
   text-decoration: none;
   /*box-shadow: 0 2px 4px 1px #2f4f4f;*/
   box-shadow:none;
   margin: 5px;
}
.ECConfiguratorAddToBasketButton:hover
{
   background: url("images/vis_basket.png") repeat-x scroll left top #6B8F1A;
   color: #FFFFFF;
   text-decoration: none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   /*box-shadow: 0px 2px 7px 3px #2f4f4f;*/
   box-shadow:none;
   
}

.ECConfiguratorSelectButton
{
   background: url("images/select.png") repeat-x scroll left top #2B2B2B;
   font-weight: bold;
   border: 0 none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   color: #FFFFFF; /*font: 14px  Segoi-UI,Arial,Helvetica,sans-serif;*/
   padding: 6px 10px 6px 50px;
   height: 30px;
   clear: left;
   cursor: pointer;
   text-decoration: none;
   box-shadow: 0 2px 4px 1px #2f4f4f;
   margin: 5px;
}
.ECConfiguratorSelectButton:hover
{
   background: url("images/select.png") repeat-x scroll left top #6B8F1A;
   color: #FFFFFF;
   text-decoration: none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   box-shadow: 0px 2px 7px 3px #2f4f4f;
}

.ECConfiguratorRecalculateButton
{
   background: url("images/recalculate.png") repeat-x scroll left top #2B2B2B;
   font-weight: bold;
   border: 0 none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   color: #FFFFFF; /*font: 14px  Segoi-UI,Arial,Helvetica,sans-serif;*/
   padding: 6px 10px 6px 50px;
   height: 30px;
   clear: left;
   cursor: pointer;
   text-decoration: none;
   box-shadow: 0 2px 4px 1px #2f4f4f;
   margin: 5px;
}
.ECConfiguratorRecalculateButton:hover
{
   background: url("images/recalculate.png") repeat-x scroll left top #6B8F1A;
   color: #FFFFFF;
   text-decoration: none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   box-shadow: 0px 2px 7px 3px #2f4f4f;
}

.ECConfiguratorSelectSmallButton
{
   background: url("images/select.png") repeat-x scroll left top #2B2B2B;
   font-weight: bold;
   border: 0 none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   color: #FFFFFF; /*font: 14px  Segoi-UI,Arial,Helvetica,sans-serif;*/
   padding: 6px 10px 6px 30px;
   height: 30px;
   width: 30px;
   clear: left;
   cursor: pointer;
   text-decoration: none;
   box-shadow: 0 2px 4px 1px #2f4f4f;
   margin: 5px;
}

.ECConfiguratorSelectSmallButton:hover
{
   background: url("images/select.png") repeat-x scroll left top #6B8F1A;
   color: #FFFFFF;
   text-decoration: none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   box-shadow: 0px 2px 7px 3px #2f4f4f;
}

.ECConfiguratorModifyButton
{
   background: url("images/modify.png") repeat-x scroll left top #2B2B2B;
   font-weight: bold;
   border: 0 none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   color: #FFFFFF; /*font: 14px  Segoi-UI,Arial,Helvetica,sans-serif;*/
   padding: 6px 10px 6px 50px;
   height: 30px;
   clear: left;
   cursor: pointer;
   text-decoration: none;
   box-shadow: 0 2px 4px 1px #2f4f4f;
   margin: 5px;
}
.ECConfiguratorModifyButton:hover
{
   background: url("images/modify.png") repeat-x scroll left top #6B8F1A;
   color: #FFFFFF;
   text-decoration: none;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -khtml-border-radius: 1px;
   box-shadow: 0px 2px 7px 3px #2f4f4f;
}

.ECConfiguratorWizardButton {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
  cursor: hand;
  background: url("images/wizardButtonBackground.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
  box-shadow: 0px 0px 0px 2px #ffa500;
}

.ECConfiguratorWizardButton:active {
  border: 1px inset #ccc;
}

.ECConfiguratorWizardButton:hover {
  border-color: #9cf #69e #69e #7af;
  box-shadow: 0px 0px 4px 4px #ffa500;
}

.ECConfiguratorWizardButton[disabled] {
  cursor: default;
  color: #888;
}

.ECConfiguratorWizardButton[disabled]:hover {
  border: 1px outset #ccc;
}

.ECConfiguratorConflictRedHeader {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  padding-bottom:0.5em;
  padding-top:0.5em;
  padding-left:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: white;
  background-color: red;
}

.ECConfiguratorConflictOrangeHeader {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  padding-bottom:0.5em;
  padding-top:0.5em;
  padding-left:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: white;
  background-color: DarkOrange;
}

.ECConfiguratorPopupFrame .Caption {
  background: #F1F1F1;
  padding: 4px 8px 4px 4px;
  cursor: default;
  font-family: Arial Unicode MS, Arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #D2D2D2;
}
.ECConfiguratorPopupFrame .dialogContent {
}
.ECConfiguratorPopupFrame .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
.ECConfiguratorPopupFrame .dialogBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -2945px;
  -background: url(images/hborder_ie6.png) repeat-x 0px -2144px;
}
.ECConfiguratorPopupFrame .dialogMiddleLeft {
  background: url(images/vborder.png) repeat-y -31px 0px;
}
.ECConfiguratorPopupFrame .dialogMiddleRight {
  background: url(images/vborder.png) repeat-y -32px 0px;
  -background: url(images/vborder_ie6.png) repeat-y -32px 0px;
}
.ECConfiguratorPopupFrame .dialogTopLeftInner {
  width: 10px;
  height: 8px;
  zoom: 1;
}
.ECConfiguratorPopupFrame .dialogTopRightInner {
  width: 12px;
  zoom: 1;
}
.ECConfiguratorPopupFrame .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  zoom: 1;
}
.ECConfiguratorPopupFrame .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  zoom: 1;
}
.ECConfiguratorPopupFrame .dialogTopLeft {
  background: url(images/circles.png) no-repeat -20px 0px;
  -background: url(images/circles_ie6.png) no-repeat -20px 0px;
}
.ECConfiguratorPopupFrame .dialogTopRight {
  background: url(images/circles.png) no-repeat -28px 0px;
  -background: url(images/circles_ie6.png) no-repeat -28px 0px;
}
.ECConfiguratorPopupFrame .dialogBottomLeft {
  background: url(images/circles.png) no-repeat 0px -36px;
  -background: url(images/circles_ie6.png) no-repeat 0px -36px;
}
.ECConfiguratorPopupFrame .dialogBottomRight {
  background: url(images/circles.png) no-repeat -8px -36px;
  -background: url(images/circles_ie6.png) no-repeat -8px -36px;
}

.ECConfiguratorServiceBINDIpoolBackground {
  background: url(images/BINDIpoolBackground.png) no-repeat;
}

.ECConfiguratorServiceSTANDARDpoolBackground {
  background: url(images/STANDARDpoolBackground.png) no-repeat;
}

.ECConflictLabel {
  font-family: Arial, Verdana, sans-serif;
  background-color:red;
  color:white;
  margin-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ECChoiceSliderBar {
  border: 1px outset #ccc;  
   border-radius: 2px;
}

.ECChoiceSliderButton {
  border: 1px outset #ccc;  
   border-radius: 2px;
   background-color: lightgrey;
}


.ECChoiceSliderTick {
  border: 1px outset #ccc;  
   background-color: lightgrey;
}

.TaskLabel {
  color: black;
  cursor: pointer;
}

.TaskLabel:hover {
  color: red;
}

.BoldLabel {
  font-weight: bold;
}

.CardPanelHeader {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  spacing: 0.5em;
  padding-bottom:0.5em;
  padding-top:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: white;
  background-color: rgb(76,77,81);
}

.CardPanelContent {
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
}

.TileContent {
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
}

.SummaryTileHeader {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  spacing: 0.5em;
  padding-bottom:0.5em;
  padding-top:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: white;
  background-color: rgb(76,77,81);
}

.SummaryTileOKHeader {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  spacing: 0.5em;
  padding-bottom:0.5em;
  padding-top:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: white;
  background-color: rgb(42, 157, 0);
}

.SummaryTileRemarkHeader {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  spacing: 0.5em;
  padding-bottom:0.5em;
  padding-top:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: white;
  background-color: DarkOrange;
}

.SummaryTileErrorHeader {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  spacing: 0.5em;
  padding-bottom:0.5em;
  padding-top:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: white;
  background-color: Red;
}

.DataTileHeader {
  width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  spacing: 0.5em;
  padding-bottom:0.1em;
  padding-top:0.1em;
  padding-left:0.5em;
  padding-right:0.5em;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: black;
  background-color: rgb(220,220,220);
}

.gwt-TabPanel {
}
.gwt-TabPanelBottom {
  border-color: #92c1f0;
  border-style: solid;
  border-width: 3px 2px 2px;
  overflow: hidden;
  padding: 6px;
}

.ECHelpPanel {
  background-color: #F7DDB4;
  padding: 4px;
  border-radius: 5px;
  font-size: 85%;
  font-style: italic;
}

.ECRemarksPanel {
  background-color: #FFE4E1;
  padding: 4px;
  border-radius: 5px;
  font-size: 85%;
  font-style: italic;
}

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

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

.ECWebClientTabButtonTopSelected {
  background-color: #ffffff;
  border-left: 1px solid #97a8be;
  border-right: 1px solid #97a8be;
  border-top: 1px solid #97a8be;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.ECWebClientTabButtonTopSelectedOver {
  background-color: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.ECWebClientTabButtonTopSelectedDown {
  background-color: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

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

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

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

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

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

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

.ECWebClientOrderDetailEditor {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border-top: 1px solid #8299b8;
}

.ECWebClientOrderDetailName {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-top: 7px;
}

.ECWebClientOrderDetailDescription {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #3764a3;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ECWebClientConflictLabel {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background-color:red;
  color:white;
  margin-right: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ECWebClientWhiteLabel,
.ECWebClientWhiteLabelDisabled,
.ECWebClientWhiteLabelFocused,
.ECWebClientWhiteLabelSelected,
.ECWebClientWhiteLabelError {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color:white;
}

.ECWebClientBlackLabel,
.ECWebClientBlackLabelDisabled,
.ECWebClientBlackLabelFocused,
.ECWebClientBlackLabelSelected,
.ECWebClientBlackLabelError {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color:black;
}

.ECWebClientOrangeLabel,
.ECWebClientOrangeLabelDisabled,
.ECWebClientOrangeLabelFocused,
.ECWebClientOrangeLabelSelected,
.ECWebClientOrangeLabelError {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color:orange;
}

.ECWebClientRedLabel,
.ECWebClientRedLabelDisabled,
.ECWebClientRedLabelFocused,
.ECWebClientRedLabelSelected,
.ECWebClientRedLabelError {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color:red;
}

.borderPanel {
  border: 1px solid White;
  border-radius: 4px 4px 4px 4px;
}

.PanelEditorHelpLabel {
  color: grey;
  font-size: 0.9em;
}

.wordWrapCell {
  width: 100%;
  word-wrap: break-word;
}

.FlexTable {
  border-top: thin solid #444444;
  border-left: thin solid #444444;
  border-right: thin solid #111111;
  border-bottom: thin solid #111111;
  background-color:  #505050;
}

.FlexTable-OddRow {
  background-color: #cccccc;
}

.FlexTable-EvenRow {
  background-color:  #505050;
}


.FlexTable-ColumnLabel {
  color: white;
  padding: 3px;
}

.FlexTable-ColumnLabelCell {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
}

.FlexTable-Cell {
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-color: white;
  padding: 5px;
}

.Panel-Bg {
	 background-color:  #FFFFFF;
} 


.gwt-TabBar { 
    margin-top: 3px;
    border-bottom: 1px solid #ABABAB !important;
}

.gwt-TabBarFirst-wrapper, .gwt-TabBarRest-wrapper {
    border: medium none !important;
}

.gwt-TabBar .gwt-TabBarItem{
	color: black !important;
  font-family: Arial, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
}

.gwt-TabBar .gwt-TabBarItem {  
  background-color: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -moz-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -o-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;  
  padding: 0 7px 1px 7px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  background-color: #ffffff !important;
  border-left: 1px solid #97a8be !important;
  border-right: 1px solid #97a8be !important;
  border-top: 1px solid #97a8be !important;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;  
  padding: 0 7px 1px 7px;
}

.tab-header {	
 border-bottom: 1px solid #ABABAB;
 display: block;
}

.tab-heading-height {
	height: 35px;
	vertical-align: middle;
}

.header-toolbar-last {
	margin-right: 5px;
}

.checker-content {
	border: 1px solid #ABABAB;
	margin: 5px;	
	
}

.dataGridHeaderEmpty {
	
}

.sectionHeaderopened {
	width: 100%;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 0px;
  padding: 2px;
  border: 1px solid #CCCCCC;
  background-attachment: scroll;
  background-color: #D9D9D9;
  background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #F0F0F0 17%, #E3E3E3 43%, #E3E3E3 48%, #E8E8E8 61%, #EDEDED 74%, #EDEDED 87%, #EDEDED 100%);
  background-repeat: repeat-x;
  background-size: 100% auto;
  border-bottom: 1px solid #ABABAB;
  border-top: 1px solid #ABABAB;
}

.sectionHeaderopened td {
	 color: black; 
  font-size: 11px !important;
}

.group-header {		
    color: #2A9D00;
    font-size: 13px;
    font-weight: bold;    
    position: absolute;    
    border-bottom: 1px solid #3764A3;
    background-color: #E3E3E3;
    padding:4px 8px;    
}

.data-grid-content td {
	padding: 4px 3px;	
}

.gwt-SplitLayoutPanel-HDragger { 
  background: #DEDEDE url("images/Splitter.png") no-repeat right center !important;
 } 
 
 .canvas-background {
 	background: #E3E3E3;
 }