/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

#topbar {
	background: #1c3a71;
	color: white;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 2px;
}

.title {
	font-size: 14pt;
	color: white;
}

.subtitle {
	font-size: 10pt;
	color : lightgray;
}
 
.block {
	display:block;
}

.userPanel, .navigationMenuPanel {
	padding :5px;
}

.navigationMenuPanel .gwt-Hyperlink {
	padding-left:10px;
}

.monospace {
	font-family: monospace;
}

.pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.button-error div { opacity: 0.6; }

/* somehow the GXT TabPanel has some UI glitches... */

.gxt_tab_fix ul {
	padding-left: 0;
	margin-bottom: 0;
}

.gxt_tab_fix li {
	list-style: none;
}


/* make stuff flow horizontally to fit screen of different sizes... */

.flow_horizontal_form > div {
	margin-left: 10px;
	margin-right: 10px;
	min-width: 200px;
	float: left;
}

div.heading-1 { font-size: 12px !important; font-weight:bold; }
div.heading-2 { font-size: 12px !important; font-style: italic; }

.buttonDisabled {
  cursor:text !important; 
  text-decoration: none !important; 
  pointer-events: none;
}

/* metobservation */
.metobservation .entry-container { width: 100%; border-spacing:0px; }
.metobservation .entry-container .metadata-entry { width: auto; }
.metobservation .entry-container td { vertical-align:top; text-align:left; }
.metobservation .entry-container td.rw-no { width: 15px; vertical-align:middle; }
.metobservation .entry-container td.rw-area { width: 30px; vertical-align:middle; }

.metobservation .entry-container .warning { color: orange; }
.metobservation .entry-container .readonly input { background:none !important; background-color:#ffffdd !important; }
.metobservation .entry-container .disabled input { background:none !important; background-color:#aaaaaa !important; }

.metobservation label, 
.metobservation div.gwt-Label,
.metobservation div.gwt-HTML { font-size: 11px !important; font-weight:bold !important; }

.metobservation .entry-container .remark input { text-transform:uppercase !important; }
.metobservation .entry-container .rw-no div.gwt-HTML { font-size: 11px !important; font-weight: normal !important; }
.metobservation .entry-container div.serverResponseLabelError { font-weight: normal !important; }

.webviewframe { float: none !important; display: inline-block; }

.chartview-series-container { max-height: 190px; }

.station-data-panel .heading { text-align: center; }
.station-data-panel .label {  padding: 5px; text-align: right; width: 45%; }
.station-data-panel .value {  padding: 5px; text-align: left; font-weight: bold; }
.station-data-panel .no-rows-msg { padding: 5px; text-align: center; }