/*  dark: #3F58A7
   light: #E9E9F7 */

body {  
  background-color: #FFFFFF;
  text-align: center;
  padding: 10px;
}

.rootPanel {  
  background-color: #F1F5FC;
  margin: auto;
  width: 800px;
}

.tableHeader {
  font-family: Tahoma,Arial,Helvetica;
  background-color: #3F58A7;
  font-size: 9pt;  
  color: white;
  font-weight: bold;
}

.tableHeaderRightJustify {
  font-family: Tahoma,Arial,Helvetica;
  background-color: #3F58A7;
  font-size: 9pt;  
  color: white;
  font-weight: bold;
  text-align: right;
}

.tableHeaderRightCenter {
  font-family: Tahoma,Arial,Helvetica;
  background-color: #3F58A7;
  font-size: 9pt;  
  color: white;
  font-weight: bold;
  text-align: center;
}

.evenRow {
  background-color: #E9E9F7;
  color: black;
}

.valueNumericColumn {
  font-family: Tahoma,Arial,Helvetica;
  text-align: right;
  font-size: 9pt;  
}

.valueColumn {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 9pt;  
}

.labelColumn {
  text-align: right;
  font-weight: bold;
  font-family: Tahoma,Arial,Helvetica;
  font-size: 8pt;  
  background-color: #E9E9F7;
  border-style: solid;
  border-width: 1px;
  border-color: #C0C0C0;
}

.gwt-TextBox {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 8pt;  
}

.gwt-Button {
  height: 22px ! important;
  font-family: Tahoma,Arial,Helvetica ! important;
  font-size: 8pt ! important; 
  
    border-style: solid ! important; 
    border-width: 2px ! important; 
    border-color: #C0C0C0;
    font-weight: bold ! important; 
    background-color: #E9E9F7 ! important;

}

.gwt-RadioButton {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 9pt; 
}

.decoratorPanel {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #3F58A7;
}

.titlePanel {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  width: 800px;
  /*background-image: url("images/banner.gif");*/
  background-repeat: no-repeat;
  padding-top:2px;       
  padding-left:1px;
}

.messagePanel {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  color: #CC0000;
}

table td {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 8pt;  
}

.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter,
.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight,
.gwt-DecoratorPanel .topLeft,
.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRight,
.gwt-DecoratorPanel .bottomLeft,
.gwt-DecoratorPanel .bottomRight {
  background: #3F58A7;
}

.gwt-TabBar .gwt-TabBarItem {
  background: #E9E9F7 ! important;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  background: #3F58A7 ! important;
  color: #FFFFFF ! important;
}

.gwt-TabPanelBottom {
  border-width: medium ! important;
  border-color: #3F58A7 ! important;
  background-color: #FFFFFF;
}

/* new Stuff */


.gwt-TextBox-readonly {
  background-color: lightgrey;
  color: #000000 ! important;
}

.gwt-Label {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 9pt;  
}

.gwt-Hyperlink {
  font-family: Calibri,Tahoma,Arial,Helvetica;
  font-size: 14pt;  
  font-weight: bold;
}

.gwt-Anchor {
  font-family: Calibri,Tahoma,Arial,Helvetica;
  font-size: 12pt;  
  font-weight: bold;
}

.utilAcctNumLink a:link {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 9pt;  
  color: #E9E9F7 ! important;  
}

.gwt-HTML {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 9pt;  
}

.gwt-HTML-title {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
}

.gwt-DialogBox .Caption {
  font-family: Tahoma,Arial,Helvetica;
  font-size: 9pt;  
}

.lssDividerLine {
  background-color: #3F58A7;
}

.utilAmtReadDividerDividerLine {
  border-right: medium solid #3F58A7
}

/* Labels */

.boldLabel {
  font-size: 9pt;  
  font-weight: bold;
}

.paymentPendingLabel {
  color: #CC0000;
  font-family: Tahoma,Arial,Helvetica;
  font-size: 9pt;  
}

.legendLabel {
  font: status-bar
}

.categoryPanel {
  font-family: Courier;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
  background-color: #e3eff7;
  width: 240px;
  height: 750px;
  padding-top:20px;       
  padding-left:5px;
  
  border-style: solid;
  border-width: 1px;
  border-color: #3F58A7;
  
}

.categoryPanel2 {
  font-family: Calibri,Tahoma,Arial,Helvetica;
  font-size: 14pt;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
  background-color: #F1F5FC;
  width: 244px;
  height: 650px;
  padding-top:20px;       
  padding-left:5px;
  border-style: solid;
  border-width: 1px;
  border-color: #424447;
}

.mpInfoPanel {
  font-family: Courier  !important;
  font-size: 20px;
  text-align: center;
  width: 550px;
  height: 750px;
  padding-top:20px;       
  padding-left:10px;
  border-style: solid;
  border-width: 1px;
  border-color: #3F58A7;  
}

.fisPanel {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif  !important;
  width: 555px;
  height: 650px;
  padding-top:1px;       
  border-style: solid;
  border-width: 1px;
  border-color: #424447;  
  background-color: #FFFFFF;
}