/**
 * The file contains styles for GWT widgets in the dark theme.
 *
 * In order to maintain cross-browser compatibility, the following syntax is
 * used to create IE6 specific style rules:
 *    .gwt-Widget {
 *      property: rule applies to all browsers
 *      -property: rule applies only to IE6 (overrides previous rule)
 *    }
 *    * html .gwt-Widget {
 *      property: rule applies to all versions of IE
 *    }
 */

body, table td, select {
  font-family: Helvetica Arial Unicode MS, Arial, sans-serif;
  font-size: small;
  color: #DCDCF0;
}
select {
  color: #000;
}
pre {
  font-family: "courier new", courier;
  font-size: small;
}
body {
  margin: 0px;
  border: 0px;
  padding: 0px;
  background: black;
  direction: ltr;
}
a, a:visited, a:hover {
  color: #7474FF;
}

/**
 * The reference theme can be used to determine when this style sheet has
 * loaded.  Create a hidden div element with absolute position, assign the style
 * name below, and attach it to the DOM.  Use a timer to detect when the
 * element's height and width are set to 5px.
 */
.gwt-Reference-dark {
  height: 5px;
  width: 5px;
}

.gwt-Button {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: small;
  color: #DCDCF0;
  cursor: pointer;
  background: #39395C;
  border: 0px;
}
.gwt-Button:active {
  background: #6E7B9F;
  color: white;
}
.gwt-Button:hover {
  background: #2C2C4C;
}
.gwt-Button[disabled] {
  cursor: default;
  background: #202039;
  color: #6E6E8C;
}
.gwt-Button[disabled]:hover {
  cursor: default;
  background: #202039;
  color: #6E6E8C;
}

.gwt-CheckBox {
  color: #DCDCF0;
}
.gwt-CheckBox-disabled {
  color: #888;
}

.gwt-DecoratorPanel {
}
.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter,
.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight,
.gwt-DecoratorPanel .topLeft,
.gwt-DecoratorPanel .topRight,
.gwt-DecoratorPanel .bottomLeft,
.gwt-DecoratorPanel .bottomRight {
  background: #646464;
}
.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 1px;
  height: 1px;
  overflow: hidden;
}


.gwt-DisclosurePanel {
}
.gwt-DisclosurePanel-open {
}
.gwt-DisclosurePanel-closed {
}
.gwt-DisclosurePanel .header,
.gwt-DisclosurePanel .header a,
.gwt-DisclosurePanel .header td {
  text-decoration: none;  /* Remove underline from header */
  color: #DCDCF0; 
  cursor: pointer;
}
.gwt-DisclosurePanel .content {
  border-left: 3px solid #646464;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
}

.gwt-FileUpload {
}

.gwt-Frame {
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  border-right: 2px solid #bbb;
  border-bottom: 2px solid #bbb;
}

.gwt-HorizontalSplitPanel {
}
.gwt-HorizontalSplitPanel .hsplitter {
  cursor: move;
  cursor: ew-resize;
  border: 0px; 
  background-image: url("/images/syngovia/hsplit_background.png");
  background-repeat: repeat-y;
}
.gwt-VerticalSplitPanel {
}
.gwt-VerticalSplitPanel .vsplitter {
  cursor: move;
  cursor: ns-resize;
  border: 0px; 
  background-image: url("/images/syngovia/vsplit_background.png");
  background-repeat: repeat-x;
}

.gwt-HTML {
	color: #DCDCF0;
}

.gwt-Hyperlink {
}

.gwt-Image {
}

.gwt-Image-cursor-manip {
  cursor: default;
}
.gwt-Image-cursor-not-allowed {
  cursor: not-allowed;
}
.gwt-Image-cursor-rotate {
  cursor: url(images/cursors/rotate.cur), default;
}
.gwt-Image-cursor-pan {
  cursor: url(images/cursors/pan.cur), default;
}
.gwt-Image-cursor-window {
  cursor: url(images/cursors/no_hotspots/window.cur) 15 15, default;
}
.gwt-Image-cursor-zoom {
  cursor: url(images/cursors/zoom.cur), default;
}
.gwt-Image-cursor-clip_rotate {
  cursor: url(images/cursors/no_hotspots/clip_rotate.cur) 4 0, default;
}
.gwt-Image-cursor-clip_shift {
  cursor: url(images/cursors/no_hotspots/clip_shift.cur) 4 0, default;
}
.gwt-Image-cursor-rove {
  cursor: url(images/cursors/no_hotspots/rove.cur) 16 15, default;
}
.gwt-Image-cursor-drag {
  cursor: url(images/cursors/drag.cur), default;
}
.gwt-Image-cursor-move-ud {
  cursor: url(images/cursors/no_hotspots/move_ud.cur) 8 9, default;
}
.gwt-Image-cursor-move-rl {
  cursor: url(images/cursors/no_hotspots/move_rl.cur) 9 8, default;
}
.gwt-Image-cursor-move-ul-br {
  cursor: url(images/cursors/no_hotspots/move_ul_br.cur) 9 9, default;
}
.gwt-Image-cursor-move-ur_bl {
  cursor: url(images/cursors/no_hotspots/move_ur_bl.cur) 9 9, default;
}
.gwt-Image-cursor-move-center {
  cursor: url(images/cursors/no_hotspots/move_center.cur) 9 9, default;
}
.gwt-Image-cursor-rotate-line {
  cursor: url(images/cursors/no_hotspots/rotate_line.cur) 9 9, default;
}
.gwt-Image-cursor-measure-ellipse {
  cursor: url(images/cursors/measure_ellipse.cur), default;
}
.gwt-Image-cursor-measure-angle {
  cursor: url(images/cursors/measure_angle.cur), default;
}
.gwt-Image-cursor-measure-length {
  cursor: url(images/cursors/measure_length.cur), default;
}
.gwt-Image-cursor-measure-pixel {
  cursor: url(images/cursors/no_hotspots/measure_pixel.cur) 15 15, default;
}
.gwt-Image-cursor-measure-poly {
  cursor: url(images/cursors/measure_poly.cur), default;
}
.gwt-Image-cursor-measure-free {
  cursor: url(images/cursors/no_hotspots/measure_free.cur) 0 35, default;
}
.gwt-Image-cursor-move {
  cursor: url(images/cursors/no_hotspots/move.cur) 15 15, default;
}
.gwt-Image-cursor-rotate-2d {
  cursor: url(images/cursors/rotate_2d.cur), default;
}
.gwt-Image-cursor-cube-anterior {
  cursor: url(images/cursors/cube_anterior.cur), default;
}
.gwt-Image-cursor-cube-posterior {
  cursor: url(images/cursors/cube_posterior.cur), default;
}
.gwt-Image-cursor-cube-left {
  cursor: url(images/cursors/cube_left.cur), default;
}
.gwt-Image-cursor-cube-right {
  cursor: url(images/cursors/cube_right.cur), default;
}
.gwt-Image-cursor-cube-head {
  cursor: url(images/cursors/cube_head.cur), default;
}
.gwt-Image-cursor-cube-feet {
  cursor: url(images/cursors/cube_feet.cur), default;
}



/*The cursors with specified offsets do not work in IE
  Therefore we need to duplicate them for IE*/
.gwt-Image-cursor-manip {
  cursor: default;
}
.gwt-Image-cursor-not-allowed-ie {
  cursor: not-allowed;
}
.gwt-Image-cursor-rotate-ie {
  cursor: url(images/cursors/rotate.cur), default;
}
.gwt-Image-cursor-pan-ie {
  cursor: url(images/cursors/pan.cur), default;
}
.gwt-Image-cursor-window-ie {
  cursor: url(images/cursors/window.cur), default;
}
.gwt-Image-cursor-zoom-ie {
  cursor: url(images/cursors/zoom.cur), default;
}
.gwt-Image-cursor-clip_rotate-ie {
  cursor: url(images/cursors/clip_rotate.cur), default;
}
.gwt-Image-cursor-clip_shift-ie {
  cursor: url(images/cursors/clip_shift.cur), default;
}
.gwt-Image-cursor-rove-ie {
  cursor: url(images/cursors/rove.cur), default;
}
.gwt-Image-cursor-drag-ie {
  cursor: url(images/cursors/drag.cur), default;
}
.gwt-Image-cursor-move-ud-ie {
  cursor: url(images/cursors/move_ud.cur), default;
}
.gwt-Image-cursor-move-rl-ie {
  cursor: url(images/cursors/move_rl.cur), default;
}
.gwt-Image-cursor-move-ul-br-ie {
  cursor: url(images/cursors/move_ul_br.cur), default;
}
.gwt-Image-cursor-move-ur_bl-ie {
  cursor: url(images/cursors/move_ur_bl.cur), default;
}
.gwt-Image-cursor-move-center-ie {
  cursor: url(images/cursors/move_center.cur), default;
}
.gwt-Image-cursor-rotate-line-ie {
  cursor: url(images/cursors/rotate_line.cur), default;
}
.gwt-Image-cursor-measure-ellipse-ie {
  cursor: url(images/cursors/measure_ellipse.cur), default;
}
.gwt-Image-cursor-measure-angle-ie {
  cursor: url(images/cursors/measure_angle.cur), default;
}
.gwt-Image-cursor-measure-length-ie {
  cursor: url(images/cursors/measure_length.cur), default;
}
.gwt-Image-cursor-measure-pixel-ie {
  cursor: url(images/cursors/measure_pixel.cur), default;
}
.gwt-Image-cursor-measure-poly-ie {
  cursor: url(images/cursors/measure_poly.cur), default;
}
.gwt-Image-cursor-measure-free-ie {
  cursor: url(images/cursors/measure_free.cur), default;
}
.gwt-Image-cursor-move-ie {
  cursor: url(images/cursors/move.cur), default;
}
.gwt-Image-cursor-rotate-2d-ie {
  cursor: url(images/cursors/rotate_2d.cur), default;
}
.gwt-Image-cursor-cube-anterior-ie {
  cursor: url(images/cursors/cube_anterior.cur), default;
}
.gwt-Image-cursor-cube-posterior-ie {
  cursor: url(images/cursors/cube_posterior.cur), default;
}
.gwt-Image-cursor-cube-left-ie {
  cursor: url(images/cursors/cube_left.cur), default;
}
.gwt-Image-cursor-cube-right-ie {
  cursor: url(images/cursors/cube_right.cur), default;
}
.gwt-Image-cursor-cube-head-ie {
  cursor: url(images/cursors/cube_head.cur), default;
}
.gwt-Image-cursor-cube-feet-ie {
  cursor: url(images/cursors/cube_feet.cur), default;
}



.gwt-Label {
  color: #DCDCF0;
}

.gwt-ListBox {
  color: #DCDCF0;
  background: #39395C;
}

.gwt-MenuBar {
  cursor: default;
}
.gwt-MenuBar .gwt-MenuItem {
  cursor: default;
  color: black;
}
.gwt-MenuBar .gwt-MenuItem-selected {
  background: blue;
  color: white;
}
.gwt-MenuBar-horizontal {
  background: #000000;
  border: 1px solid #777;
}
.gwt-MenuBar-horizontal .gwt-MenuItem {
  padding: 0px 10px;
  vertical-align: bottom;
  font-weight: bold;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  width: 1px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-left: 1px solid #bec7cc;
  background: #000;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
  width: 1px;
  height: 1px;
  background: #000; 
}
.gwt-MenuBar-vertical {
  margin-top: 0px;
  margin-left: 0px;
  background: #4D4D4D;
}
.gwt-MenuBar-vertical table {
  border-collapse: collapse;
}
.gwt-MenuBar-vertical .gwt-MenuItem {
  padding: 4px 14px 4px 1px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
  padding: 2px 0px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  height: 1px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #bec7cc;
  background: #222;
  overflow: hidden;
}
.gwt-MenuBar-vertical .subMenuIcon {
  padding-right: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
  background: #666;
}
.gwt-MenuBarPopup {
  margin: 0px 0px 0px 0px;
}
.gwt-MenuBarPopup .menuPopupTopCenter {
  background: #444444;
}
.gwt-MenuBarPopup .menuPopupBottomCenter {
  background: #444444;
}
.gwt-MenuBarPopup .menuPopupMiddleLeft {
  background: #444444;
}
.gwt-MenuBarPopup .menuPopupMiddleRight {
  background: #444444;
}
.gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 2px;
  height: 2px;
}
.gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 2px;
  height: 2px;
}
.gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 2px;
  height: 2px;
}
.gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 2px;
  height: 2px;
}
.gwt-MenuBarPopup .menuPopupTopLeft {
  background: #444444;
}
.gwt-MenuBarPopup .menuPopupTopRight {
  background: #444444;
}
.gwt-MenuBarPopup .menuPopupBottomLeft {
  background: #444444;
}
.gwt-MenuBarPopup .menuPopupBottomRight {
  background: #444444;
}
* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

.gwt-PasswordTextBox {
  padding: 2px;
}
.gwt-PasswordTextBox-readonly {
  color: #888;
}

.gwt-PopupPanel {
  border: 1px solid #3C3C66;
  padding: 1px;
  background: #000000;
}

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled,
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
  margin: 0;
  text-decoration: none;
  background: transparent;
}
.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled {
  padding: 0px 0px 0px 0px;
}
.gwt-PushButton-up {
  border: 0px;
  padding: 1px 1px 1px 1px;
  background: transparent;
  cursor: pointer;
}
.gwt-PushButton-up-hovering {
  border: 1px solid #FFFFFF;
  background: #2C2C4C;
  cursor: pointer;
}
.gwt-PushButton-up-disabled {
  cursor: default;
  border: 0px;
  padding: 1px 1px 1px 1px;;
  color: #6E6E8C;
  opacity: .4;
  filter: alpha(opacity=40);
}
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
  padding: 0px 0px 0px 0px;
}
.gwt-PushButton-down {
  background: #6E7B9F;
  border: 0px;
  cursor: pointer;
}
.gwt-PushButton-down-hovering {
  background: #2C2C4C;
  border: 1px solid #FFFFFF;
  cursor: pointer;
}
.gwt-PushButton-down-disabled {
  border: 1px outset #ccc;
  cursor: default;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.gwt-PushButton .html-face {
  color: #000;
}

.gwt-RadioButton {
	color: #DCDCF0;
}
.gwt-RadioButton-disabled {
  color: #888;
}

.gwt-RichTextArea {
}
.hasRichTextToolbar {
  border: 0px;
}
.gwt-RichTextToolbar {
  background: #222222;
  border-bottom: 1px solid #959595;
  padding: 3px;
  margin: 0px;
}
.gwt-RichTextToolbar .gwt-PushButton-up {
  padding: 0px 1px 0px 0px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}


.gwt-StackPanel {
  border-bottom: 1px solid #646464;
}
.gwt-StackPanel .gwt-StackPanelItem {
  cursor: pointer;
  font-weight: bold;
  font-size: 1.3em;
  padding: 4px;
  border: 1px solid #646464;
  border-bottom: 0px;
  background: #222;
}
.gwt-StackPanel .gwt-StackPanelContent {
  border: 1px solid #646464;
  border-bottom: 0px;
  background: #666;
  padding: 2px 2px 10px 5px;
}


.cw-StackPanelHeader {
  padding-left: 7px;
  font-weight: bold;
  font-size: 1.2em;
  color: #303030;
}


.gwt-TabBar {
}
.gwt-TabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.gwt-TabBar .gwt-TabBarRest {
}
.gwt-TabBar .gwt-TabBarItem {
  margin-left: 6px;
  padding: 4px 6px;
  cursor: pointer;
  color: #DCDCF0;
  font-weight: bold;
  text-align: center;
  background: #222222;
}
.gwt-TabBar .gwt-TabBarItem-selected {
  cursor: default;
  color: black;
  background: #BBBBFF;
} 
.gwt-TabBar .gwt-TabBarItem-disabled {
  cursor: default;
  color: #777777;
}
.gwt-TabPanel {
}
.gwt-TabPanelBottom {
  border-color: #6E7B9F;
  border-style: solid;
  border-width: 3px 2px 2px;
  overflow: hidden;
  padding: 6px;
}

.gwt-DecoratedTabBar {
}
.gwt-DecoratedTabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.gwt-DecoratedTabBar .gwt-TabBarRest {
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 6px;
}
.gwt-DecoratedTabBar .tabTopCenter {
  padding: 0px;
  background: #000000;
}
.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
  padding: 0px;
}
.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
}

.gwt-DecoratedTabBar .tabTopLeft {
  background: #000000;
}
.gwt-DecoratedTabBar .tabTopRight {
  background: #000000;
}

* html .gwt-DecoratedTabBar .tabTopLeftInner,
* html .gwt-DecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
  width: 6px;
  padding: 0px;
  background: #000000;
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
  width: 1px;
  height: 1px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
  padding: 0px 4px 2px 4px;
  cursor: pointer;
  color: #DCDCF0;
  font-weight: bold;
  text-align: center;
  background: #000000;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background: #6E7B9F;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
  /*background-position: 0px -61px;*/
  background: #6E7B9F;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
  /*background-position: -6px -61px;*/
  background: #6E7B9F;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background: #6E7B9F;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  color: #FFFFFF;
  background: #6E7B9F;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
  cursor: default;
  color: #777777;
}

.gwt-TextArea {
  padding: 2px;
}
.gwt-TextArea-readonly {
  color: #888;
}

.gwt-TextBox {
  background: #39395C;
  border: 0px;
  color: #DCDCF0;
  padding: 2px;
}
.gwt-TextBox-readonly {
  color: #888;
  background: #ddd;
}

.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled,
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
  margin: 0;
  text-decoration: none;
}
.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled {
  padding: 0px 0px 0px 0px;
}
.gwt-ToggleButton-up {
  border: 0px;
  padding: 1px 1px 1px 1px;
  background: transparent;
  cursor: pointer;
}
.gwt-ToggleButton-up-hovering {
  border: 1px solid #FFFFFF;
  background: #2C2C4C;
  cursor: pointer;
}
.gwt-ToggleButton-up-disabled {
  border: none; 
  cursor: default;
  opacity: .5;
  filter: alpha(opacity=40);
}
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
  padding: 0px 0px 0px 0px;
}
.gwt-ToggleButton-down {
  border: 0px;
  padding: 1px 1px 1px 1px;
  background: #6E7B9F;
  cursor: pointer;
}
.gwt-ToggleButton-down-hovering {
  border: 0px;
  padding: 1px 1px 1px 1px;
  background: #2C2C4C;
  cursor: pointer;
}
.gwt-ToggleButton-down-disabled {
  border: none;
  cursor: default;
  opacity: .4;
  filter: alpha(opacity=40);
}
.gwt-ToggleButton .html-face {
  color: #DCDCF0;
  text-align: center;
}

.gwt-Tree .gwt-TreeItem {
  padding: 0px 0px;
  margin: 0px;
  width: 100%;
  white-space: nowrap;
  cursor: pointer;
  color: #DCDCF0;
  font-weight: normal;
  background: #202039;
}

.gwt-Tree .gwt-TreeItem-selected {
  padding: 0px 0px;
  margin: 0px;
  width: 100%;
  white-space: nowrap;
  cursor: pointer;
  color: #DCDCF0;
  font-weight: bold;
  background: #6E7B9F;
}

.gwt-DateBox input {
  width: 8em;
}
.dateBoxFormatError {
  background: #a8eeff;
  color: red;
}
.dateBoxPopup {
}

.gwt-DatePicker {
  border: 1px solid #646464;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}
.datePickerDays {
  width: 100%;
  background: #6E7B9F;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
  color: #FFFFFF;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #202039;
  padding: 0px 4px 2px;
  cursor: default;
  color: #DCDCF0;
}
.datePickerDay {
  padding: 4px;
  cursor: pointer;
}
.datePickerDayIsToday {
  border: 1px solid #646464;
  padding: 3px;
}
.datePickerDayIsWeekend {
  background: #39395C;
}
.datePickerDayIsFiller {
  color: #c6c6e7;
}
.datePickerDayIsValue {
  background: #202039;
  color: #FFFFFF;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #000000;
  color: white;
}
.datePickerDayIsValueAndHighlighted {
  background: #000000;
  color: white;
}
.datePickerMonthSelector {
  background: #6E7B9F;
  width: 100%;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 85%;
  font-weight: bold;
  color: white;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  cursor: pointer;
  padding: 0px 4px;
  color: white;
}

.log-panel .log-scroll-panel {
  width: 800px !important;
  height: 800px !important;
}

.hgAlignRight {
	float: right;
}

.hgBlackBackground {
  background: #000000;
}

.hgUserPreset {
  font-style: italic;
}

.hgDebugBorderRed {
  border: 2px solid #FF0000;
  margin: 0;
  padding: 0;
}

.hgDebugBorderGreen {
  border: 2px solid #00FF00;
  margin: 0;
  padding: 0;
}

.hgDebugBorderBlue {
  border: 2px solid #0000FF;
  margin: 0;
  padding: 0;
}

.hgViewBorderNormal {
  border: 2px solid #3B3B66;
  margin: 0;
  padding: 0;
}

.hgViewBorderSelected {
  border: 2px solid #E4E4FF;
  margin: 0;
  padding: 0;
}

.hgTextColorWhiteBold {
  color: white;
  font-weight: bold;
  font-size:13px;
}

.hgTextColorWhiteSm {
  color: white;
  font-size:12px;
}

.hgErrorText {
  color: red;
  font-size: 10px;
}

.hgDisableSelection {  
  -webkit-user-select: none;  /* Chrome 49+ */
  -moz-user-select: none;     /* Firefox 43+ */
  -ms-user-select: none;      /* No support yet */
  user-select: none;          /* Likely future */   
}

.hgEnableSelection {  
  -webkit-user-select: text;  /* Chrome 49+ */
  -moz-user-select: text;     /* Firefox 43+ */
  -ms-user-select: text;      /* No support yet */
  user-select: text;          /* Likely future */   
}

.hgSmallText {
  color: black;
  font-size: 10px;
}

.hgLogDebug {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-size:13px;
  cursor: pointer;
  background: #2c2c4c;
  border: 1px solid #6E7B9F;
  color: #32CD32;
}
.hgLogInfo {
  color: #6E7B9F;
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-size:13px;
  cursor: pointer;
  background: #2c2c4c;
  border: 1px solid #6E7B9F;
}
.hgLogWarn {
  color: #FFA500;
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-size:13px;
  cursor: pointer;
  background: #2c2c4c;
  border: 1px solid #6E7B9F;
}
.hgLogError {
  color: #DC143C;
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-size:13px;
  cursor: pointer;
  background: #2c2c4c;
  border: 1px solid #6E7B9F;
}
.hgLogFatal {
  color: #FF0000;
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-size:13px;
  cursor: pointer;
  background: #2c2c4c;
  border: 1px solid #6E7B9F;
}
.hgLogButton {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-size:13px;
  cursor: pointer;
  background: #2c2c4c;
  border: 1px solid #6E7B9F;
  color: white;
}

.hgLogResize {
  cursor: pointer;
  cursor: se-resize;	
}

.hgTextDisclaimer {
  color: gray;
  font-style:italic;
  font-size:10px;
}

.hgRightPadding {
  padding-right:10px;
}

.hgTextColorBlack {
  color: black;
  font-size:13px;
}

.hgTextColorWhite {
  color: white;
  font-size:13px;
}

.hgNormalButton {
  margin: 0;
  padding: 10px 20px;
  color: #DCDCF0;
  font-size:13px;
  cursor: pointer;
  background: #39395C;
  border: 1px solid #6E7B9F;
}


.hgHand {
  cursor: pointer;
}

.hgDropdownItem {
  color: #DCDCF0;
  font-weight: bold;
  font-size:14px;
}

.hgPatBrowItemInfo {
  color: black;
  font-size:12px;
}

.hgWatermarkTextInput {
  padding: 2px;
}

.hgWatermarkTextWatermark {
   /*font-style: italic;*/
   color: #909090;
   padding: 2px;
}

.hgBackgroundWhite {
  background-color: white;
}

.hgLog {
	font-size: 11px;
	font-family: monospace;
}

.hgNoWrapTruncate {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: clip;
}

.hgNoWrapEllipsis {
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* Used in TextCellEllipsis.java */
div.ellipsis {
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.syngoTitle {
  font-family: arial;
  color: #7474FF;
  font-weight:bold;
  font-size:35px;
}

.syngoTransparent {
  background-color: transparent;
}

.syngoSearchFilterBar {
  background: #C0C0E2;
  padding: 5px 7px;
}

.syngoButton {
  cursor: pointer;
  border: 0px;
}



.syngoColumnResize {
  cursor: pointer;
  cursor: col-resize;
}

.syngoFontColor {
  color: #9E9EFF;
  margin: 0;
  padding: 0px 0px;
  font-size:13px;
}

.syngoTopBackground {
  margin: 0;
  padding: 0px 0px;
  background: #202039;
}

.syngoSideBackground {
  margin: 0;
  padding: 0px 0px;
  background: black;
}

.syngoCardTitle {
  background: #1A1A33;
  color: #DCDCF0;
  font-size:15px;
  padding-left: 2px;
}

.syngoConfigTitle {
	background: #1A1A33;
	font-size:20pt;
	color: #DCDCF0;
	padding: 5px;
}

.syngoPatientTitle {
  color: #31315B;
  font-weight: bold;	
}

.syngoCardBackground {
  margin: 0;
  padding: 5px 5px;
  background: #202039;
}

.syngoSelectedBackground {
  margin: 0;
  padding: 5px 5px;
  background: #6E7B9F;
}

.syngoCurrentPatientBackground {
  background: #6E7B9F;
}

.syngoLoadedPatientBackground {
  background: #39395C;
}

.syngoPatientsBackground {
  margin: 0;
  padding: 5px 5px;
  background: #000000;
}

.syngoSearchBackground {
  background: #000000;
}

.syngoPresetSelected {
  background: #FFFFFF;
}

.syngoPresetUnselected {
  background: #CACAFF;
}

.syngoItemSelected {
	background: #6E7B9F;
    padding: 2px 2px;
}

.syngoItemDeselected {
    background: #202039;
    padding: 2px 2px;
}

.syngoItemHover {
    background: #39395C;
    padding: 2px 2px;
}

.syngoItemDown {
    background: #FFFFFF;
    padding: 2px 2px;
}

.syngoContextBackground {
  /*background-color: transparent;*/
  background-color: black;
}

.syngoCornerMenuBackground {
  background-color: rgba(0,0,0,0.6);
}

.syngoContextHoverLR {
	background:#000000 url('images/context_background_hover_lr.png') repeat-y left top;
	padding: 2px 2px;
}
.syngoContextHoverRL {
	background:#000000 url('images/context_background_hover_rl.png') repeat-y right top;
	padding: 2px 2px;
}
.syngoContextLR {
	background:#000000 url('images/context_background_lr.png') repeat-y left top;
	padding: 2px 2px;
}
.syngoContextRL {
	background:#000000 url('images/context_background_rl.png') repeat-y right top;
	padding: 2px 2px;
}
.syngoContextSelLR {
	background:#000000 url('images/context_background_sel_lr.png') repeat-y left top;
	padding: 2px 2px;
}
.syngoContextSelRL {
	background:#000000 url('images/context_background_sel_rl.png') repeat-y right top;
	padding: 2px 2px;
}

.syngoContextText {
  color: white;
  font-weight: bold;
  font-size: 18px;
}

.syngoBorderTop {
  border-top: 1px solid #3C3C66;
}

.syngoBorderBackground {
  background: #3C3C66;
}

.syngoBorderFull {
  border: 1px solid #A0AAC8;
}

.syngoLabelPadding {
  padding: 4px 0px 0px 4px;
}

.syngoErrorDialog {
  background: #202039;
  border: 1px solid #6E7B9F;
  padding: 10px;
}


.syngoOpenSourceText{
	font-size:10px;
	font-family: Arial Unicode MS, Arial, sans-serif;
	color: #DCDCF0;
    background: #202039;
}

.syngoLargePBFont {
	font-size:20pt;
	color: #DCDCF0;
	padding: 5px;
}

.syngoSearchFont {
	color: #9292A8;
	padding-left: 10px;
	padding-bottom: 10px;
}

.syngoSmallishFont {
  font-size:12px;
}

.syngoSmallFont {
  color: #DCDCF0;
  font-size:10px;
}

.syngoSuperSmallFont {
  font-size:8px;
}

.syngoDisclaimerFont {
  font-size:9px;
  color: #858599;
}

.syngoVersionFont {
  font-size:13px;
  color: #dcdcf0;
}

.syngoMPRPinkBold{
  border: 2px solid #FF0080;
}

.syngoMPRPinkDark{
  border: 2px solid #AA0055;
}

.syngoMPRPurpleBold{
  border: 2px solid #8000FF;
}

.syngoMPRPurpleDark{
  border: 2px solid #5500AA;
}

.syngoMPROrangeBold{
  border: 2px solid #FF8000;
}

.syngoMPROrangeDark{
  border: 2px solid #AA5500;
}

.syngoTextBox {
  padding: 5px;
  background: #39395C;
  color: #DCDCF0;
  border: 0px;
}

.syngoTextBoxResizeable {
  background: #39395c;
  border: 0px;
}


.syngoButtonBig {
  margin: 0;
  padding: 15px 30px;
  font-weight: bold;
  font-size:13px;
  cursor: pointer;
  background: #2c2c4c;
  border: 0px;
  color: white;
}

.syngoTextArea {
  color: #DCDCF0;
  background: #202039;
  resize: none;
}