body, button, input, select, td, textarea { font-family: arial, sans-serif; font-size: 12px; }
body { color: black; margin: 0px; border: 0px; padding: 0px; background: #cccccc; }
button { white-space: nowrap; line-height: 20px; }

a, a:visited, a:hover { color: #0000aa; }

.ActionButton img { vertical-align: middle; margin-right: 4px; }
.ActionBar.vertical { width: 160px; }
.ActionBar.vertical .ActionButton { width: 100%; }
.ActionGrid .ActionButton { width: 100%; }

.AppHeader { height: 38px; background: #b2cb00; }
.AppHeader .OrgTitle { float: left; color: #fff; font-size: 24px; font-weight: bold; padding: 4px; margin: 0px; }
.AppHeader .AppTitle { display: inline; float: right; color: #fff; font-weight: bold; font-size: 24px; padding: 4px; margin: 0px; }

.ComboBox img { margin-left: 3px; vertical-align: middle; }

.Dialog { background: #e9e8e8; border: 2px outset #666; }
.Dialog .dialogMiddle { height: 100%; }
.Dialog .dialogContent { height: 100%; }
.Dialog .popupContent { width: 100%; height: 100%; }
.Dialog .Caption { height: 25px; background: url(../images/dialog-caption.png) repeat-x; padding: 6px 6px 0px 6px; color: #fff; font-weight: bold; }
.Dialog .StatusBar      { padding: 4px; background: #dfdfdf; }
.Dialog .StatusBar.info { color: #000; }
.Dialog .StatusBar.error { background: #ffa0b4; }

.ErrorPopup { background: #f9ba43; border: 1px solid #ff3300; padding: 2px; }
.ErrorPopup .Icon { padding-right: 2px; vertical-align: middle; }

.FieldGroup { padding: 6px;  }
.FieldGroup .Title { font-weight: bold; border-bottom: 1px solid #222; }

.InputIndicator.clean {  }
.InputIndicator.invalid {  }
.InputIndicator.dirty   {  }

tr.invalid { background: #f9ba43; }
tr.dirty   {  }

.LoginDialog {   }
.LoginDialog .Header { height: 80px; width: 360px; background: url(../images/logo.jpg) #fff right no-repeat; }
.LoginDialog .Header .Title { font-size: 18px; font-weight: bold; padding: 50px 0 0 30px; }

.gwt-MenuBar {  }
.gwt-MenuBar-horizontal { background: #333333 url(../images/menubar.png) repeat-x; }
.gwt-MenuBar-horizontal .gwt-MenuItem { color: #ffffff; background: none; font-weight: bold; padding: 4px 4px 4px 4px; cursor: pointer; }
.gwt-MenuBar-horizontal .gwt-MenuItem-selected { color: #ffffff; }
.gwt-MenuBar-vertical   { background: #333333; border: none; }
.gwt-MenuBar-vertical   .gwt-MenuItem { color: #ffffff; background: none; font-weight: bold; padding: 4px 4px 4px 4px; cursor: pointer; }
.gwt-MenuBar-vertical   .gwt-MenuItem-selected { color: #ffffff; background: none; border: none; }

.OpenEditorLink { color: #2c4661; font-weight: bold; text-decoration: underline; cursor: pointer; }

.Pager { background: #e9e8e8; padding: 2px; }

.PaymentBalance { font-weight: bold; text-align: right; }
.PaymentBalance.negative { color: red; }
.PaymentBalance.positive { color: green; }

.gwt-PopupPanelGlass { background-color: #000; opacity: 0.3; filter: alpha(opacity=30); }

.gwt-RichTextEditor {  }
.gwt-RichTextToolbar { padding: 4px; border: 1px outset #000000; }
.gwt-RichTextArea { background: #ffffff; border: 1px inset #000000; }

.SelectionDialog .SelectedItemLabel { padding: 4px; }
.SelectionDialog .SelectedItemDisplay { background: #fff; border: 1px inset #999; padding: 4px; }

.SelectColumnsPopup { background: #e9e8e8; border: 1px solid #666; }

.TabbedPanel { }
.TabbedPanel .tabBar { padding-top: 4px; }
.TabbedPanel .start  { width: 4px;	border-bottom: 1px solid #a1a1a1; }
.TabbedPanel .left   { width: 4px;	background: url(../images/tab-left.png) no-repeat; border-bottom: 1px solid #a1a1a1; }
.TabbedPanel .left-selected { width: 4px; background: url(../images/tab-selected-left.png) no-repeat; border-bottom: none; }
.TabbedPanel .center { background: url(../images/tab-center.png) repeat-x; cursor: pointer; border-bottom: 1px solid #a1a1a1; text-align: center; padding: 6px;  }
.TabbedPanel .center * { font-weight: bold; color: #555555; }
.TabbedPanel .center-selected { background: url(../images/tab-selected-center.png) repeat-x; cursor: default; border-bottom: none; text-align: center; padding: 6px; }
.TabbedPanel .center-selected * { font-weight: bold; color: #000000; }
.TabbedPanel .right  { width: 4px; background: url(../images/tab-right.png) no-repeat top right; border-bottom: 1px solid #a1a1a1; }
.TabbedPanel .right-selected { width: 4px; background: url(../images/tab-selected-right.png) no-repeat top right; border-bottom: none; }
.TabbedPanel .space  { width: 4px; border-bottom: 1px solid #a1a1a1; }
.TabbedPanel .rest   { border-bottom: 1px solid #a1a1a1; width: 100%; }
.TabbedPanel .body   { padding: 4px; background: #e9e8e8; border: 1px solid #a1a1a1; border-top: none; vertical-align: top; }

.gwt-Scrolltable { background: #fff; }
.gwt-ScrollTable .headerWrapper { background: url(../images/tablehead.png) repeat-x; }
.gwt-ScrollTable .dataTable td   { white-space: nowrap; overflow: hidden; padding: 4px; }
.gwt-ScrollTable .headerTable td {  white-space: nowrap; overflow: hidden; padding: 4px; }
.gwt-ScrollTable .headerTable td { color: #fff; border-left: 1px solid #e9e8e8; font-weight: bold; cursor: pointer; text-align: center; }
.gwt-ScrollTable .dataTable tr.even { background: #ffffff; }
.gwt-ScrollTable .dataTable tr.odd  { background: #f7f7f7; }
.gwt-ScrollTable .dataTable tr.highlighted { background: #e4eef9; }
.gwt-ScrollTable .dataTable tr.selected    { background: #9fb8d3; }
.gwt-ScrollTable .dataTable td.highlighted { cursor: pointer; }

.gwt-ScrollTable.LineItemTable td.MainCell { padding: 0px; margin: 0px; }
.gwt-ScrollTable.LineItemTable td.MainCell td { padding: 0px; margin: 0px; }

.gwt-ScrollTable .DateCell { text-align: center; }
.gwt-ScrollTable .NumberCell { text-align: right; }

.ContractView h1 { font-size: 16px; font-weight: bold; text-align: center; }
.ContractView h2 { font-size: 12px; font-weight: bold; text-align: left; }
.ContractView { padding: 10px; background: #fff; border: 1px solid #666; }
.ContractView ol li { margin-bottom: 10px; }
.ContractView ol.section { list-style-type: upper-roman; }
.ContractView .ContractItemsTable { width: 100%; height: 200px; margin: 10px 0px 10px 0px; border: 1px solid #666; }
.ContractView .InputIndicator { display: inline-block; }

.ContractStructureTree { background: #fff; border: 1px solid #666; }
.ContractStructureTree .gwt-TreeItem { padding: 4px; cursor:pointer; }
.ContractStructureTree .gwt-TreeItem-selected { padding: 4px; background: #9fb8d3; }

.gwt-SuggestBox { padding: 2px; }
.gwt-SuggestBoxPopup { margin-left: 3px; background: #fff; border: 1px solid #666; }
.gwt-SuggestBoxPopup .item { padding: 2px 6px; color: #424242; cursor: default; }
.gwt-SuggestBoxPopup .item-selected { background: #cdcdcd; }

/*============================================================================*/
/* DatePicker - GWT Incubator                                                 */
/*============================================================================*/

/*
.gwt-DatePicker { width: 200px; border: 1px outset #666; }
.gwt-DatePicker td { font-size: 65%; padding: 2px; text-align: center; padding: 2px; outline: none; }
.gwt-DatePicker td,.month-selector td :focus { outline: none }
.gwt-DateBox input { width: 8em; }

.calendar-view { background-color: white; width: 100%; }
.calendar-view .filler-cell { color: #bfbfbf; padding: 1px; }
.calendar-view .date-cell { padding: 1px; cursor: pointer; }
.calendar-view .selected-cell { background: #aaccee; }
.calendar-view .day-title { background: #9fb8d3; }
.calendar-view .highlighted-cell { border: 1px solid #eeeeee; padding: 0px; }
.calendar-view .today-cell { border: 1px solid black; padding: 0px; }
.calendar-view .weekend { background: #f1f1f1; }
.calendar-view .disabled-cell { color: gray; }

.month-selector { background: #2c4661; width: 100%; text-align: center; }
.month-selector td { font-weight: bold; font-size: 70%; color: #fff; }
.month-selector .month-label { text-align: center; }
.month-selector .month-backward { padding-right: 2em; cursor: pointer; }
.month-selector .month-forward { padding-left: 2em; cursor: pointer; }
*/

.gwt-DatePicker {
  border: 1px solid #A2BBDD;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}
.datePickerDay {
  padding: 4px;
  cursor: pointer;
}
.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}
.datePickerDayIsWeekend {
  background: #EEEEEE;
}
.datePickerDayIsFiller {
  color: #888888;
}
.datePickerDayIsValue {
  background: #aaccee;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}
.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}
.datePickerMonth {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  /*font-size: 70%;*/
  font-weight: bold;
  color: blue;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: pointer;
  padding: 0px 4px;
}