/* CSS Rules for the Godiva client */
.loadingImage {
	z-index: 1499;
}

.subtitle {
	font-size: 0.85em;
}

/* This is used for the labels which are actually buttons */
.hiddenButton {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #111111;
	/* top right bottom left */
	margin: 3px 10px 10px;
	height: 70px text-align:     left;
	background-color: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
}

.hiddenButton-title {
	font-size: 1.4em
}

.hiddenButton-inactive {
	color: #777777;
	cursor: default;
}

.paletteOutOfRangeButton {
	background-color: transparent;
	cursor: pointer;
	overflow: hidden;
}

.paletteOutOfRangeButton-inactive {
	opacity: 0.3;
}

/* This is used for the labels on the time/elevation/variable selectors */
.labelStyle {
	font-size: 1.2em;
	font-weight: bold;
	color: #111111;
	/* top right bottom left */
	margin: 3px 10px 10px 12px;
	text-align: left;
}

/* This is used for the labels on the time/elevation/variable selectors (when disabled) */
.labelStyle-inactive {
	color: #777777;
}

/* This is used for the values of units, copyright, etc */
.labelStyle-light {
	font-size: 1em;
	font-weight: normal;
	margin: 5px 2px 0px;
}

/* This is used for the labels on the palette selector (when enabled) */
.imageStyle {
	opacity: 1;
}

/* This is used for the labels on the palette selector (when disabled) */
.imageStyle-inactive {
	opacity: 0.3;
}

/* Used by the links */
.linkStyle {
	font-size: 1.0em;
	font-weight: normal;
	color: #111111;
	/* top right bottom left */
	margin: 3px 10px 10px;
	text-align: center;
}

/* Used by the links */
.linkStyle:link {
	color: #000000
}

/* Used by the links */
.linkStyle:visited {
	color: #000000
}

/* Used for the non-editable scale labels */
.tickmark {
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	/* top right bottom left */
	margin: 0px 5px 10px;
	text-align: left;
}

/* Used for the non-editable scale labels */
.disabledTickmark {
	font-size: 0.9em;
	font-weight: normal;
	color: #777777;
	/* top right bottom left */
	margin: 0px 5px 10px;
	text-align: left;
}

/* Used for the map */
.mapStyle {
	float: right;
	font-family: sans-serif;
	font-size: 16px;
	padding: 35px 10px 15px 35px;
}

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

/* Hide all of the unused OpenLayers tools */
.olControlDrawFeaturePointItemInactive {
	visibility: hidden;
}

.olControlDrawFeaturePointItemActive {
	visibility: hidden;
}

.olControlDrawFeaturePolygonItemInactive {
	visibility: hidden;
}

.olControlDrawFeaturePolygonItemActive {
	visibility: hidden;
}

.olControlZoom {
	visibility: hidden;
}

/* Used for palette, animation, getFeatureInfo popups */
.gwt-DialogBox {
	z-index: 2000;
	/*     width: 400px; */
}

/* Used for palette, animation, getFeatureInfo popups */
.gwt-DialogBox .Caption {
	font-size: 1em;
	font-weight: bold;
	color: #111111;
	text-align: center;
}

.gwt-PushButton-CentreAndMargin {
	margin: 3px 10px 10px;
	text-align: center;
}

/* This needs to be larger than the OpenLayers widgets (around 1000-1010), but lower than any popups */
.gwt-PopupPanelGlass {
	z-index: 1500;
}

/* Used for layer selector */
.gwt-PopupPanel {
	z-index: 1999;
}

/* Used for layer selector */
.gwt-ListBox {
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

.gwt-Label {
	white-space: normal;
}

/* Used for popup in date selector */
.dateBoxPopup {
	z-index: 2010;
}