/**
 * Applied to the main layout of the page.
 */
.Application-top {
  width: 100%;
  margin-bottom: 10px;
}
.Application-title {
  padding: 0px 10px 0px 0px;
}
.Application-title h1 {
  color: #67A7E3;
  margin: 0px;
  padding: 0px 4px 0px 0px;
  font-size: 22px;
}
.Application-title h2 {
  color: #888;
  margin: 0px;
  padding: 0px 4px 0px 0px;
  font-size: 16px;
}
.Application-links {
  padding: 2px 0px 2px 13px;
  background: #888888;
}
.Application-links .gwt-HTML{
  font-size: 12px;
}
.Application-options {
  padding: 6px 0px 0px 10px;
}
.Application-options .gwt-ListBox {
  width: 150px;
  font-size: 11px;
  color: blue;
  margin-right: 4px;
}
.Application-options td {
  font-size: 12px;
}
.Application-options .gwt-ToggleButton {
  width: 36px;
  height: 16px;
  margin: 3px 10px 0px 0px;
}
.Application-options .gwt-ToggleButton-down,
.Application-options .gwt-ToggleButton-down-hovering {
  cursor: default;
}
.Application-options .sc-ThemeButton-standard {
  background: #d0e4f6;
}
.Application-options .sc-ThemeButton-chrome {
  background: #ccc;
}
.Application-options .sc-ThemeButton-dark {
  background: #3d3d3d;
}
.Application-menu {
  width: 18em;
  text-align: right;
}

/**
 * Applied to widgets in the content area.
 */
.Application-content-decorator {
  margin-left: 8px;
}
.Application-content-title {
  padding: 4px 6px 3px 0px;
  text-align: right;
  background: #222;
  border-bottom: 2px solid #000;
}
.Application-content-title .gwt-TabBarItem {
  background: none;
  padding: 0px;
}
.Application-content-title  .gwt-TabBarItem .gwt-Label {
  padding-left: 20px;
}
.Application-content-title  .gwt-TabBarItem-selected .gwt-Label {
  color: #0cf;
}
.Application-content-wrapper {
  text-align: right;
}
.sc-ContentWidget {
  padding: 10px 20px;
}
.sc-ContentWidget-name {
  color: #BEC7CC;
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 15px;
}
.sc-ContentWidget-description {
  color: #fff;
  padding-bottom: 15px;
  border-bottom: 1px solid #999;
  margin-bottom: 15px;
}
.sc-ContentWidget pre {
  border: 1px solid #000;
  background: #fff;
  color: #000;
  padding: 10px 2px;
  margin: 10px 0px;
}

/**
 * Applied to specific components in Content Widgets.
 */
.cw-BasicPopup-thumb {
  cursor: pointer;
  cursor: hand;
}

.cw-DialogBox {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.cw-DictionaryExample-headerRow td {
  color: #7aa5d6;
  text-decoration: underline;
  font-weight: bold;
  padding-right: 20px;
}
.cw-DictionaryExample-dataRow td {
  padding-right: 20px;
}

.cw-DockPanel td {
  border: 1px solid #BBBBBB;
  padding: 3px;
}

.cw-FlexTable td {
  border: 1px solid #BBBBBB;
  padding: 3px;
}

.cw-FlexTable-buttonPanel td {
  border: 0px;
}

.cw-FlowPanel-checkBox {
  margin-left: 20px;
}

.cw-RedText {
  color: red;
}

.cw-RichText {
  background-color: #fff;
  border: 1px solid #fff;
  border-spacing: 0px;
  padding: 0px;
}
.cw-RichText td {
  padding: 0px;
}

.cw-StackPanelHeader {
  padding-right: 7px;
  font-weight: bold;
  font-size: 1.4em;
}

/**
 * Make all buttons the same size.
 */
.gwt-Button {
  width: 10em;
}
