/**
 *
 * VSOWEB-project source code file
 *
 * Copyright (c) Vaisala Group 2016, 2018. All rights reserved.
 *
 * The terms "Vaisala" and "Vaisala Group" are defined as
 * "Vaisala Oyj and all its subsidiaries".
 *
 **/

* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
    background-color: #ECECEC;
	color: #222222;
	font-size: 12px;
}

body, input, textarea, keygen, select, button, table td, .gwt-Button {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	height: auto !important;
	/*min-height: 100%;*/
	position: relative;
	width: 100%;
}

#footer-login {
	border-top: 12px solid #E6E7E8;
	margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 18px;
    margin-right: 18px;
    color: #666666;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 0px;
    text-align: left;
    height: 25px;
    font-size: 70%;
	position: absolute;
	bottom: 0px;
	width: 96%;
}

#footer {
    border-top: 12px solid #E6E7E8;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 18px;
    margin-right: 18px;
    color: #666666;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 0px;
    text-align: left;
    height: 25px;
    font-size: 70%;
}

.gwt-PushButton-up, .gwt-PushButton-down, .gwt-PushButton-up-hovering, .gwt-PushButton-down-hovering, .gwt-Label-selectable {
	cursor: pointer;
}

/* Viewports */

.Viewport {
	cursor: url(grab.cur), default;
}

.Viewport-mouseDown {
	cursor: url(grabbing.cur), default;
}

.Viewport-mouseDrag {
	cursor: url(grabbing.cur), default;
}

/* Banner area */
#banner {
	background: transparent url(banner_bg.png) repeat-x scroll left bottom;
	height: 45px;
	position: relative;
	margin-top: 0;
    padding: 0;
}

#banner h1 {
	float: left;
	font-size: 2.8em;
	margin: 0pt;
}

#banner h1 a.link-vaisala {
    background: transparent url(vaisala_logo.png) no-repeat scroll left center;
    display: block;
    float: left;
    height: 45px;
    margin-left: 0px;
    text-indent: -9000px;
    width: 116px;
}

#banner h1 a.link-NM10 {
    background: transparent url(NetworkManager.png) no-repeat scroll left center;
    display: block;
    float: left;
    height: 45px;
    margin-left: 0px;
    text-indent: -9000px;
    width: 220px;
}

#banner h1 div.vaisala {
    background: transparent url(vaisala_logo.png) no-repeat scroll left center;
    display: block;
    float: left;
    height: 45px;
    margin-left: 0px;
    text-indent: -9000px;
    width: 116px;
}

#banner h1 div.NM10 {
    background: transparent url(NetworkManager.png) no-repeat scroll left center;
    display: block;
    float: left;
    height: 45px;
    margin-left: 0px;
    text-indent: -9000px;
    width: 220px;
}

#banner h1 a.link-home {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0.35em;
    margin-left: 0;
    padding-top: 10px;
    text-decoration: none;
}

#header-lang {
	display: block;
	float: left;
	margin: 28px 10pt 0pt 0px;
	padding-bottom: 0px;
	position: relative;
}

#header-lang a {
	text-decoration: none;
}

/* Header Navigation */
#header-nav {
	float: right;
	text-align: center;
	margin: 20px 10pt 0pt 0px;
}

.header-navigation-link, .header-navigation-link a, .header-navigation-link a:visited, .header-navigation-link a:hover, .header-navigation-link a:active {
	padding: 0px 10px 0px 10px;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

.delete-org-link {
	padding: 2px;
	color: blue;
	cursor: pointer;
	text-decoration: none;
}

.Desktop {
	margin-bottom: 0px;
}

.Desktop-common {
	background-color: #cdb6c2;
}

/* Tab bar */
.gwt-TabBar {
	background-color: #004277;
	height: 20px;
	margin: 0;
	padding: 10px 0 10px 0;

}

.gwt-TabBar .gwt-TabBarItem {
	cursor: pointer;
	border-collapse: collapse;
	color: white;
	width: 130px !important;
	padding: 0 10px 0 10px;
}

.PageSelectorView {
	white-space: nowrap;
	padding-top: 5px;
	padding-left: 5px;
	background-color: #00728F;
}

.gwt-DecoratedTabBar .gwt-TabBarItem {
	cursor: pointer;
	border-collapse: collapse;
	margin-right: 6px;
	width: 130px !important;
}

.gwt-TabBarItem-selected {
}

.gwt-DecoratedTabBar .tabTopLeft  {
	width: 5px;
	padding: 0px;
}

.gwt-DecoratedTabBar .tabTopRight {
	width: 5px;
	padding: 0px;
}

.gwt-DecoratedTabBar .tabTopLeftInner, .gwt-DecoratedTabBar .tabTopRightInner {
  	width: 5px;
  	height: 7px;
  	padding: 0px;
}

.gwt-DecoratedTabBar .tabTopCenterInner {
  	height: 7px;
  	padding: 0px;
}

.gwt-DecoratedTabBar .tabTopCenter {
  	padding: 0px;
}

.gwt-DecoratedTabBar .tabMiddleLeft {
  	width: 5px;
  	padding: 0;
}

.gwt-DecoratedTabBar .tabMiddleRight {
  	width: 5px;
  	padding: 0;
}

.gwt-DecoratedTabBar .tabMiddleLeftInner, .gwt-DecoratedTabBar .tabMiddleRightInner {
  	width: 1px;
  	height: 1px;
}

.gwt-DecoratedTabBar .tabMiddleCenter {
  	background: #00728F;
  	padding: 0px 4px 2px 4px;
  	height: 25px;
}

.gwt-DecoratedTabBar .tabMiddleCenterInner {
	text-align: center;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  	background: #004277;
}

.PageSelectorView .PageNameContainer {
    width: 100%;
}

.PageSelectorView .PageName {
    font-size: 75%;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.PageSelectorView .PageName-hovering {
	text-decoration: underline;
}

.PageSelectorView .RemovePageButton {
	width: 10px;
}

.PageSelectorView .PageNameEditor, .PageSelectorView, .PageNameEditOkButton {
}

.PageSelectorView .PageNameEditor {
	width: 170px;
}

.PageSelectorView .PageNameEditOkButton {
	height: 22px;
	width: 30px;
	font-size: 80%;
}

.PageSelectorView .NewPageButton {
	font-weight: bold;
	font-size: 75%;
	color: #003366;
	margin-bottom: 8px;
	width: 130px;
}

.PageSelectorView .NewPageButtonIcon {
	margin-left: 7px;
}

.PageSelectorView .NewPageButtonText {
	margin-left: 5px;
	width: 100px;
}

.PageSelectorView .ReleaseCommonLockButton {
	font-weight: bold;
	font-size: 75%;
	color: #003366;
}

.PageSelectorView .ReleaseCommonLockButtonText {
	margin-left: 10px;
}

.CommonDesktopLockInformation {
	background-color: white;
	color: red;
    padding: 4px 0 4px 4px;
}

.CommonDesktopLockedMessageInformation {
	background-color: white;
	color: red;
    padding: 4px 0 4px 4px;
}

.ModuleTabsPanel {
	height: 100%;
}

/* Module Page */
.Desktop-user .ModulePage {
	background-color: #FFFFFF;
	/*border-top: 4px solid #004277;*/
}

.Desktop-common .ModulePage {
	background-color: #FFFFFF;
	/*border-top: 4px solid #004277;*/
}

/* Module Page Menu */
.ModulePageMenu {
	background-color: #004277;
	height: 20px;
	margin: 0;
	padding: 7px 0 7px 0;
}

.ModulePageMenuItem {
	font-size: 75%;
	color: #ffffff;
	margin-left: 14px;
	margin-right: 8px;
	cursor: pointer;
}

.ModulePageMenu img {
	border: 0;
}

/* Add Module Menu */
.AddModuleMenu {
	margin: 0;
	padding-left: 18px;
	background-color: #004277;
	width: 100%;

}

.AddModuleMenu * {
	color: #ffffff;
}

.AddModuleButton {
	margin: 7px 11px 7px 4px;
    font-size: 75%;
}

.CloseAddModuleMenuButton {
	margin-right: 5px;
    font-size: 75%;
}

/* Module Column */
.ModuleColumn {
	margin-top: 10px;
	margin-left: 10px;
}

/* Dockable Widget */
.DockableWidget {
	margin-bottom: 4px;
}

.DockableWidget-Placeholder {
	border: 1px dashed #c00;
	background-color: #B1BDBE;
}

/* Module Container */

.ModuleContainerBodyWrapper {
	/*background: transparent url(portlet_bg.jpg) no-repeat scroll top left;*/
	border: 1px solid #0064AA;
	background-color: #ffffff;
}

.ModuleContainerBody {
	/*background: transparent url(portlet_bg.jpg) no-repeat scroll bottom right;*/
	margin: 4px 0 0 4px;
}

.ModuleContainerBodyBasic {
	background: white;
	margin: 4px 0 0 4px;
	padding: 5px;
}

.ModuleContainerOverflowWrapper {
    overflow: auto;
    /*border: 1px solid #99BBE8;*/
}

.ModuleContainerTitleBar {
    /*border-bottom: 1px solid #B6C2CD;*/
    color: #0064AA;
    line-height: 26px;
    margin: 0 0 0 0;
    width: 100%;
}

.ModuleContainerTitle-movable {
    cursor: move;
}

.ModuleContainerTitle {
	width: 100%;
	color: #0064AA;
	font-size: 18px;
	font-weight: bold;
	padding: 4px;
}

.StationSelector div {
	display: inline;
}

.ModuleContainerTitle .StationLabel, .ModuleContainerTitle .StationLabelSelectable {
	color: #0064AA;
	font-size: 18px;
    font-weight: bold;
	cursor: pointer;
}

.ModuleContainerTitle .ChangeStation {
	cursor: pointer;
	font-size: 65%;
    color: #555555;
	margin: 0 0 3px 9px;
	font-weight: normal;
}

.ModuleContainerTitle .CancelStationChange {
	cursor: pointer;
	color: #0064AA;
	font-size: 14px;
    font-weight: normal;
}

.ModuleContainerUpdateTime {
	/*-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px; */
	border-left: 1px solid #B6C2CD;
	border-right: 1px solid #B6C2CD;
	border-top: 1px solid #B6C2CD;
	font-size: 14px;
	padding: 0 2px;
	margin-top: 8px;
	margin-right: 6px;
	right: 27px;
	float: right;
	text-align: center;
}

.ModuleContainerMinimizeButton * {
	border: 0;
}

.ModuleContainerContent td {
	padding: 0;
}

.ModuleContainerActionBarOverflowWrapper {
    margin: 0px;
    margin-top: 5px;
}

.ModuleContainerActionBar {
	text-align: center;
	color: #003366;
	font-size: 75%;
	font-weight: bold;
}

.ModuleContainerActionBar * {
	display: inline;
}

.ModuleContainerActionBarWidget {
	padding: 0 15px 0 15px;
}

.VsoTable {
	border: 1px solid #DBE1E6;
	border-collapse: collapse;
}

.VsoTable thead tr td, .VsoTable tbody tr td {
	min-width: 100px;
	font-size: 100%;
}

.VsoTable tbody tr:hover {
	background-color: #e1e8ed;
}

.VsoTable tbody tr td {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;

}

.VsoTable thead tr td, .VsoTable .headerColumn {
	background-color: #003366;
	color: white;
	font-size: 110%;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

.ReportTable {
	font-size: 90%;
}

.smallerText {
	font-size: 70%;
}

.pnlShowReport {
	margin-top: 10px;
	margin-bottom: 10px;
}

.ReportCloseButton {
	cursor: pointer;
	color: #555555;
}

.ReportListBox {
    width: 350px;
}

.CurrentPageTextBox {
	margin-left: 7px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.NumberOfPagesLabel {
	margin-left: 2px;
	margin-right: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
}

div #loginPage {
    margin: 0pt auto;
    position: relative;
    top: 100px;
    width: 850px;
	margin-left: 150px;
}

div #loginForm {
    float: left;
    text-align: left;
    top: 10px;
    width: 300px;
}

div #welcomeMessage {
	float: right;
    width: 550px;
}

.welcomeMessage {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}

div #resetPasswordPage {
    margin: 0pt auto;
    position: relative;
    top: 100px;
    width: 850px;
	margin-left: 150px;
}

div #resetPasswordForm {
    float: left;
    text-align: left;
    top: 10px;
    width: 800px;
    font-size: 12px;
}

div #resetPasswordWelcomeMessage {
	width: 100%;
	color: #0064AA;
	font-size: 18px;
	font-weight: bold;
	padding: 4px;
}

#resetPasswordSaveButton {
    padding: 1px 6px;
!important
}

.errorPageMessageWrapper {
	margin: 200px 20px;
}

.formLabel {
	padding-right: 5px;
}

.formField {
	padding-right: 5px;
}

.separatorLabel {
    width: 20px;
    align-content: center
}

.messageInfoTable {
    border-collapse: collapse;
    color: black;
}

.warningInfoTable {
    border-collapse: collapse;
    color: white;
}

.warningInfoIcon {
    margin-right: 10px;
    margin-top: 2px;
    height: 34px;
}

.panelContent {
    padding: 20px;
}

.panel {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
}

.panelHeader {
    margin: 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    width: 100%;
}

.panelHeader h1 {
    margin: 0;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: bold;
}

.messagePanel {
    background: #d9e9b9;
    border: 0px solid #B5B5B5;
}

.errorPanel {
    background: #f16060;
    border: 0px solid #B5B5B5;
}

.mainPanelHeader {
    background: #FAFAFA;
    background-image: -ms-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -moz-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -o-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ECECEC), color-stop(1, #FAFAFA));
    background-image: -webkit-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: linear-gradient(to bottom, #ECECEC 0%, #FAFAFA 100%);
}

.mainPanel {
    background: #FAFAFA;
    background-image: -ms-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -moz-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -o-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ECECEC), color-stop(1, #FAFAFA));
    background-image: -webkit-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: linear-gradient(to bottom, #ECECEC 0%, #FAFAFA 100%);
    border: 1px solid #B5B5B5;
}

.mainPanel .formField input {
    background-color: #FFFFFF;
    border: 1px solid #77AEDE;
    width: 150px;
    padding-bottom: 1px;
    padding-left: 1px;
    margin-bottom: 3px;

}

.mainPanel .formField select {
    background-color: #FFFFFF;
    border: 1px solid #77AEDE;
    width: 150px;
}

.mainPanel .formLabel {
    padding-right: 10px;
    text-align: left;
    width: 100px;
}

.mainPanel .loginPanel {
    width: 100%;
}

.mainPanel .loginLeftSide{
    min-width: 320px;
}
.mainPanel .loginRightSide{
    width: 210px;
}
.errorMessage {
    padding-left: 20px;
	color: red;
    font-size: 12px;
}

/* Messages panel*/
#messages {
	width: 100%;
	display: block;
	clear: both;
	background-color: #00728F;
}

.cleaner {
    clear: both;
	width: 100%;
}

.messagesPanel {
    width: 100%;
}

.commonErrorMessages, .commonInfoMessages {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border: none;
    text-align: center;
    width: 100%;
}

.commonErrorMessages {
	/* White on red */
    background-color: #BF2C2C;
    color: #FFFFFF;
    /* border-top: 1px solid #f70000;
    border-bottom: 1px solid #f70000; */
}

.commonInfoMessages {
	/* Black on white */
    /*background-color: #bbf7bb;*/
    /* background-color: #FFFFFF; */
	background-color:  #23537c;
    color: #000000;
    /* border-top: 1px solid #00f700;
    border-bottom: 1px solid #00f700; */
}

.commonErrorMessages *, .commonInfoMessages * {
	margin-left: 5px;
	margin-right: 5px;
}

/* -------------------------------------------------------*/
/* Component styles */
/* -------------------------------------------------------*/

.componentBaseStyle {
    z-index: 1;
}

.component_area {
    overflow: hidden;
}

.component_edit_area {
	overflow-y: hidden;
    overflow-x: auto;
}

.component, .component_content, .component_icon {
	margin: 0.4em;
	padding: 0.2em;
}

.component_content {
	height: 50px;
	border: 2px solid #DBE3EF;
	background-color: #FFFFFF;
	width: 99%;
	margin: 0.1em;
}

.component_content-reorderable {
	background-color: #fcf8b8;
    cursor: url(grab.cur), default;
}

.component_content_station_info_adjustment {
	width: 98.2%;
    margin-left: 0.25em;
}

.componentLabel {
	width: 150px;
	text-align: left;
}

.component, .component_icon {
	border: 1px solid #DBE3EF;
	white-space: nowrap;
	display: inline;
}

.component .parameter_area {
	position: relative;
	float: left;
    margin: 0px;
}

.component .componentImage {
    position: absolute;
    right: 5px;
    top: 5px;
}

.componentExplanation {
    font-size: 14px;
	font-weight: bold;
	color: #B8C4CD;
    top: 3px;
}

.componentValue {
    font-size: 20px;
	font-weight: bold;
	color: #0064AA;
	float: left;
	bottom: 0px;
}

.component_content-reorderable .componentValue {
    font-size: 18px;
	font-weight: normal;
}

.component .componentUnit {
    font-size: 14px;
	color: #B8C4CD;
	float: left;
    padding: 5px;
}

.componentContainerLink {
	color: #003366;
	font-size: 75%;
}

.componentInfo {
	background-color: #FCF8B8;
	border: 1px solid #F0D402;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-size: 75%;
}

.componentError {
	background-color: #f7bbbb;
	border: 1px solid #f70000;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-size: 75%;
}

.ComponentSelection {
	background-color: #23537c;
	padding: 3px;
    font-size: 85%;
}

.ComponentSelection tr {
	height: 20px;
}

.ComponentSelection .componentCheckbox {
	color: #eee;
}

.ComponentSelection .componentCheckbox-checked {
	font-weight: bold;
	color: white;
}

.componentCheckBox {
	white-space: nowrap;
}

/* Stations View */

.StationsViewUpload {
	padding: 7px 0 10px 2px;
	width: 100%;
	background-color: #f4f4f4;
}

.StationsViewUploadTitle {
	font-weight: bold;
	font-size: 14px;
    color: #0064AA;
}

.StationsViewUploadSubmit {
	margin-left: 40px;
}

.StationsViewUploadCancel {
	margin-left: 10px;
	cursor: pointer;
	color: #003366;
	font-size: 14px;
	vertical-align: middle;
}

.StationsViewVariables {
	height: 100%;
	background-color: #23537c;
	padding: 3px;
    font-size: 85%;
}

.StationsViewVariables .StationsViewVariableCheckbox {
	padding-bottom: 4px;
	color: #eee;
}

.StationsViewVariables .StationsViewVariableCheckbox-checked {
	font-weight: bold;
	color: white;
}

.StationsViewVariables input {
	margin-right: 6px;
}

.StationsViewOrganizer {
	height: 100%;
}

.StationMarker {
	margin: 2px 0 2px 0;
}

.StationMarker .MarkerPin {
	margin-right: 3px;
}

.StationMarker .MarkerPin-clickable {
	cursor: pointer;
}

.StationMarkerLabel {
	font-size: 70%;
	color: white;
	background-color: #002b5c;
}

.StationMarker-draggable {
	cursor: url(grab.cur), default;
}

.StationMarker-dragging {
	cursor: url(grabbing.cur), default;
}

.StationMarkerObservationDisplay, .StationMarkerMetadataDisplay {
	color: white;
	background-color: #23537c;
	padding: 0;
    border: 1px solid white;
}

.StationMarkerObservationDisplay .StationName, .StationMarkerMetadataDisplay .StationName {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #91a9be;
    background-color: #002b5c;
	font-size: 70%;
	padding: 3px 0 3px 0;
}

.StationMarkerObservationDisplay .ObservationTable, .StationMarkerMetadataDisplay .StationMarkerMetadataGrid  {
	font-size: 70%;
}

.StationMarkerObservationDisplay .ObservationTable {
    color: white;
    background-color: #23537c;
}

.StationMarkerMetadataDisplay .StationMarkerMetadataGrid {
    background-color: 3 EA5F1;
	width: 100%;
}

.StationMarkerObservationDisplay .VariableValue, .StationMarkerMetadataDisplay .MetadataValue {
	font-weight: bold;
	text-align: right;
	padding: 0px 2px 0px 2px;
}

.ExpiredValue {
	color: #FF2A2A;
}

/*  Tooltips */

.tooltip {
	font-family: verdana, arial, tahoma;
	font-size: 75%;
	background-color: #738B9E;
	color: #ffffff;
	border: 1px solid #ffffff;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.tooltipDivider {
	border-top: 1px solid white;
}

.tooltipSource {
	color: green;
	text-decoration: underline;
	cursor: pointer;
}

/* Formtable */
.vsoFormTable {
}

.vsoFormTable tbody tr td .gwt-Label, .vsoFormTable tbody tr td .gwt-Button, .vsoFormTable tbody tr td .gwt-RadioButton, .vsoFormTable tbody tr td .gwt-TextBox, .vsoFormTable tbody tr td .gwt-ListBox {
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.DebugTable tbody tr td {
	border: solid red 1px;
	background: #bbffbb;
}

#unsupported {
	display: none;
	margin-bottom: 15px;
}

.gwt-DialogBox  {
	border: 1px solid #0064AA;
	background: white;
	z-index: 50000000;
}

.gwt-DialogBox .Caption {
	border-bottom: 1px solid #B6C2CD;
	color: #0064AA;
	line-height: 26px;
	margin: 0 5px 3px 0;
	width: 100%;
}

.gwt-DialogBox .dialogContent {
}

.gwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}

.gwt-DialogBox .dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}

.gwt-DialogBox .dialogTopRightInner {
  width: 8px;
  zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.ClockPanel {
	font-size: 75%;
	color: #ffffff;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 2px;
}

.gwt-PopupPanel {
    z-index: 9000;
	border: 1px solid black;
}

.ReportGraphPanel {
	font-weight: bold;
	cursor: pointer;
	color: #003366;
}

/*Open Layer Map Stytles*/
/* OLM styles edited by KOH, Sprint 1.19, Jan-2011 */
.olm_diagbegin {
	border: 0px solid;
    margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 70%;
    background-color: 3 EA5F1;
}

/*
.olm_stationname {
	text-align:center;
	color: white;
	background-color: #23537c;
}
*/
.olm_stationactive {
    text-align: center;
    color: white;
	background-color: #23537c;
	border-bottom: 2px solid #91a9be;
}

.olm_stationinactive {
    text-align: center;
    color: gray;
	background-color: #23537c;
	border-bottom: 2px solid #91a9be;
}

.olm_stationunknown {
    text-align: center;
    color: black;
	background-color: #23537c;
	border-bottom: 2px solid #91a9be;
}

.olm_variabletd {
    text-align: left;
	font-size: 70%;
	width: 100%;
    background-color: 3 EA5F1;
	padding-left: 1px;
	padding-right: 1px;
}

.olm_valuetd {
	text-align: right;
	font-size: 70%;
	width: 100%;
    font-weight: bold;
    background-color: 3 EA5F1;
	padding-left: 1px;
	padding-right: 1px;
}

.olm_diagtab {
	border: 1px;
	padding: 5px;
}

.olm_warningmsg {
    text-align: center;
    color: red;
}

/** Styles for Admin Navigator **/

#navigator-header {
  border: 0pt none;
  padding-left: 3px;
}

#navigator-theme {
  float: right;
  padding-top: 5px;
  padding-right: 8px;
}

#navigator-title {
  color: white;
  font-family: verdana, arial, tahoma, sans-serif;
  font-size: 16px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 6px 0 8px 6px;
}

.widgetContainer {
	width: 100%;
<!-- height : 100 %;
-->
}

.widgetContainer TD {
	height: 24px;
}

.legendLabel {
	margin-right: 5px;
}

/* Styling for additional header labels */
.statusBadge.error {
	color: red;
}

.statusBadge.text {
	font-size: smaller;
	color: rgb(185, 185, 185);
}

.with-nickname .x-panel-tc {
    color: red !important;
    font-variant: italic;
}

.windowPanelContent {
    padding: 10px;
}

.windowPanel {
    /*background-color: #ECECEC;*/
    background-image: -ms-linear-gradient(top, #EAEAEA 0%, #F8F8F8 100%);
    background-image: -moz-linear-gradient(top, #EAEAEA 0%, #F8F8F8 100%);
    background-image: -o-linear-gradient(top, #EAEAEA 0%, #F8F8F8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAEAEA), color-stop(1, #F8F8F8));
    background-image: -webkit-linear-gradient(top, #EAEAEA 0%, #F8F8F8 100%);
    background-image: linear-gradient(to bottom, #EAEAEA 0%, #F8F8F8 100%);
    border: 1px solid #B3B3B3;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    width: 100%;
}

.windowPanelHeader {
    margin: 0;
    /*background: #e5f2ff url(vonm-images/table/table-header.png) repeat-x scroll left bottom;*/
    background-image: -ms-linear-gradient(top, #EAEAEA 0%, #F8F8F8 100%);
    background-image: -moz-linear-gradient(top, #EAEAEA 0%, #F8F8F8 100%);
    background-image: -o-linear-gradient(top, #EAEAEA 0%, #F8F8F8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAEAEA), color-stop(1, #F8F8F8));
    background-image: -webkit-linear-gradient(top, #EAEAEA 0%, #F8F8F8 100%);
    background-image: linear-gradient(to bottom, #EAEAEA 0%, #F8F8F8 100%);
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    font-family: verdana;
}

.VChartVerticalTickLabel {
	font-size: 80%;
}

.gwt-ToggleButton, .gwt-Button {
	background: #e5f2ff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZjJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGQ3ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e5f2ff 0%, #c0d7f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5f2ff), color-stop(100%, #c0d7f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5f2ff 0%, #c0d7f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5f2ff 0%, #c0d7f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5f2ff 0%, #c0d7f0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e5f2ff 0%, #c0d7f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5f2ff', endColorstr='#c0d7f0', GradientType=0); /* IE6-8 */
	border: 1px solid #A5BFD6;
    color: #333333;
    font-family: "Verdana";
    font-weight: normal;
    text-align: center;
    padding: 2px 15px 2px 15px;
    border-radius: 2px;
}

.gwt-Button:hover {
	background: #e3f0f9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNlM2YwZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzBkN2YwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, #e3f0f9 66%, #c0d7f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(66%, #e3f0f9), color-stop(100%, #c0d7f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e3f0f9 66%, #c0d7f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e3f0f9 66%, #c0d7f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e3f0f9 66%, #c0d7f0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e3f0f9 66%, #c0d7f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3f0f9', endColorstr='#c0d7f0', GradientType=0); /* IE6-8 */
}

.gwt-ToggleButton-down {
	background: #85a7cc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1YTdjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGQ3ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #85a7cc 0%, #c0d7f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85a7cc), color-stop(100%, #c0d7f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #85a7cc 0%, #c0d7f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #85a7cc 0%, #c0d7f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #85a7cc 0%, #c0d7f0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #85a7cc 0%, #c0d7f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85a7cc', endColorstr='#c0d7f0', GradientType=0); /* IE6-8 */
}

.gwt-ToggleButton-down-hovering, .gwt-Button:active {
	background: #90adcc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwYWRjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGQ5ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #90adcc 0%, #c4d9ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #90adcc), color-stop(100%, #c4d9ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #90adcc 0%, #c4d9ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #90adcc 0%, #c4d9ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #90adcc 0%, #c4d9ef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #90adcc 0%, #c4d9ef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90adcc', endColorstr='#c4d9ef', GradientType=0); /* IE6-8 */
}

.gwt-ToggleButton-up-hovering {
	background: #e3f0f9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNlM2YwZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzBkN2YwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, #e3f0f9 66%, #c0d7f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(66%, #e3f0f9), color-stop(100%, #c0d7f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e3f0f9 66%, #c0d7f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e3f0f9 66%, #c0d7f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e3f0f9 66%, #c0d7f0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e3f0f9 66%, #c0d7f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3f0f9', endColorstr='#c0d7f0', GradientType=0); /* IE6-8 */
}

.olControlAttribution {
    margin-right: 20px;
}

.olControlScale {
    margin-right: 20px;
}

.olControlMousePosition {
    margin-right: 20px;
}

/** Fixes checkbox text alignment*/
.gwt-CheckBox label {
	vertical-align: top;
	margin-left: 5px;
}

.errorBackground {
	padding: 2px;
}

.errorBackground > div {
	background-color: #e25f4d;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e25f4d;
	color: #fff;
    box-sizing: border-box;
	min-height: 16px;
}

.cursorPointer {
    cursor: pointer;
}

.cursorPointer:hover {
    text-decoration: underline;
}

.cursorEditableField:hover {
	border: 1px solid #333333 !important;
	background-color: #ffffff;
	cursor: text;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
    border-radius: 4px;
}

.modifiedBackground > div {
	background-color: #91C3F2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #91C3F2;
	color: #fff;
    box-sizing: border-box;
}

.messageParserDropdown > DIV > SELECT {
	width: 100%;
	font-size: 12px;
	height: 18px;
}

.messageParserLinkStyle {
	font-size: 12px;
	text-decoration: underline;
	color: #00728f !important;
}

.gwt-RadioButton {
	font-family: verdana, arial, tahoma, sans-serif;
}

.link, .link:hover, .link:visited {
	text-decoration: none;
	color: #00728f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#banner h1 span.image-vaisala {
    background: transparent url(vaisala_logo.png) no-repeat scroll left center;
    display: block;
    float: left;
    height: 45px;
    text-indent: -9000px;
    width: 116px;
}

#banner h1 span.image-home {
    background: transparent url(product_name.png) no-repeat scroll left center;
    display: block;
    float: left;
    height: 45px;
    text-indent: -9000px;
    width: 250px;
}

#release-version {
    position: relative;
    top: -20px;
    right: 20px;
    float: right;
    color: #717171;
    font-size: 10px;
}

#release-version-text {
    float: left;
}

#release-version-number {
    float: left;
    padding-left: 5px;
}

.panelContent {
    padding: 20px;
}

.jspFormButton {
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #C0D7F0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #333333;
    background: #C0D7F0 url("hborder.png") repeat-x 0px -27px;
    width: 150px;
}

.loginButton {
    margin-top: 10px;
}

.jspFormButton:hover {
    background: #C0D7F0 url("hborder.png") repeat-x 0px -988px;
}

.jspFormButton:active {
    background: #C0D7F0 url("hborder.png") repeat-x 0px -513px;
}


#footer-text {
    padding-left: 30px;
    font-size: 10px;
}

div #mainPage {
    margin: 0 auto;
    position: relative;
    top: 20px;
    width: 850px;
}

.warningInfoTable {
    border-collapse: collapse;
    color: white;
}

.warningInfoIcon {
    margin-right: 10px;
    margin-top: 2px;
    height: 34px;
}

.panel {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
}

.mainPanel {
    background: #FAFAFA;
    background-image: -ms-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -moz-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -o-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ECECEC), color-stop(1, #FAFAFA));
    background-image: -webkit-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: linear-gradient(to bottom, #ECECEC 0%, #FAFAFA 100%);
    border: 1px solid #B5B5B5;
}

.errorPanel {
    background: #f16060;
    border: 0px solid #B5B5B5;
}

.panelHeader {
    margin: 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    width: 100%;
}

.mainPanelHeader {
    background: #FAFAFA;
    background-image: -ms-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -moz-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -o-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ECECEC), color-stop(1, #FAFAFA));
    background-image: -webkit-linear-gradient(top, #ECECEC 0%, #FAFAFA 100%);
    background-image: linear-gradient(to bottom, #ECECEC 0%, #FAFAFA 100%);
}

.panelHeader h1 {
    margin: 0;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: bold;
}

.gwt-CellTree .cellTreeTopItem {
	font-weight: normal;
	padding: 0;	
}

.loginTable {
	width: 100%;
}

.loginTable tr td * {
    vertical-align: top;
}

.loginTable tr td:nth-child(1) {
    text-align: right;
    font-size: 12px;
    width: 80px;
}

.loginTable tr td:nth-child(2) {
    padding-left: 10px;
    text-align: left;
}