@font-face {
	font-family: 'Gotham';
	font-weight: 100;
	font-style: normal;
	src: local('Gotham-Light'), url('/Content/Gotham-Light.woff') format('woff');
}

body {
	color: black;
	background-color: white;
	font-size: 1em;
	font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","HelveticaNeue-Light","Helvetica","Arial","sans-serif","Verdana";
	margin: 0;
}

html {
}

a:link {
	color: #1d60ff;
	text-decoration: none;
}

a:visited {
	color: #1d60ff;
}

a:hover {
	color: #3d80ff;
	text-decoration: none;
}

a:active {
	color: #1d60ff;
}

p, ul {
}

div {
	outline: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 0.75em 0;
	padding: 0;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2 {
	color: white;
	text-align: center;
}

h1 {
	font-family: "Gotham", "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","HelveticaNeue-Light","Helvetica","Arial","sans-serif","Verdana";
	font-weight: 100;
	font-size: 2.7em !important;
	line-height: 1em;
	margin: 0;
}

	h1.spaced {
		margin-bottom: 50px;
	}

h2 {
	font-family: "Gotham", "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","HelveticaNeue-Light","Helvetica","Arial","sans-serif","Verdana";
	font-weight: 100;
	font-size: 2em !important;
	margin: 0 0 40px 0;
}

h3 {
	padding: 2px 0;
	margin: 0 0 3px 0;
	font-size: 1.2em;
	font-weight: normal;
}

h4 {
	padding: 0 0 0 5px;
	margin: 0 0 3px 0;
	font-weight: normal;
	font-size: 1.2em;
}

h5 {
	margin: 5px 0 2px 0;
	font-size: 1.0em;
	font-weight: bold;
	font-style: italic;
	color: #444;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#header {
	padding: 2px 10px 4px 10px;
	margin: 0;
	height: 52px;
	overflow: hidden;
	top: 0;
	z-index: 1002;
}

	#header #logoMenu {
		display: block;
		padding-bottom: 3px;
	}

	#header .logo {
		padding: 3px 5px;
		vertical-align: middle;
		height: 42px;
	}

	#header .padded {
		padding: 5px 7px 8px 7px;
	}

	#header .selectable {
	}

	#header .spacer {
		background-repeat: no-repeat;
		background-position: center 12px;
	}

	#header .centred {
		text-align: center;
	}

	#header .dropdown {
		display: block;
		position: absolute;
		margin-top: 7px;
		line-height: 1.5em;
		z-index: 1002;
		cursor: default;
	}

	#header .dropdownPanel {
		padding: 5px;
	}

	#header .dropdownMenu {
		display: block;
		padding: 10px 20px;
		cursor: pointer;
	}

	#header #menu {
		display: block;
		height: 32px;
		vertical-align: middle;
		padding: 5px;
	}

	#header .right {
		right: 7px;
	}

#headerTable td {
	white-space: nowrap;
	vertical-align: middle;
	padding: 2px;
}

#main {
	padding: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.mainTable {
	width: 100%;
	table-layout: fixed;
}

	.mainTable td {
		padding: 0;
	}

#statusBar {
	background-color: #eee;
	color: #666;
	border-bottom: 1px solid #ccc;
	font-size: 0.9em;
}

	#statusBar input[type='button'] {
		background-color: #f04b22;
		color: white;
		padding: 2px 10px 5px 10px;
		margin-right: 10px;
		border: none;
		cursor: pointer;
	}

.status {
	display: inline-block;
	padding: 10px;
	min-width: 161px;
}

.statusSmall {
	display: inline-block;
	padding: 0 5px;
	white-space: nowrap;
}

.statusGreen {
	border-left: 15px solid #a5cf4e;
}

.statusOrange {
	border-left: 15px solid #f5822b;
}

.statusRed {
	border-left: 15px solid #f04b22;
}

.statusGrey {
	border-left: 15px solid #888;
}

#panelBase {
	text-align: center;
	text-shadow: 0 0 8px black;
}

#footer {
	position: fixed;
	padding: 7px 0;
	width: 100%;
	z-index: 2;
	bottom: 0px;
	color: black;
	font-size: 0.9em;
	white-space: nowrap;
}

	#footer table {
		width: 100%;
	}

	#footer .copyright {
		text-align: left;
		padding-left: 20px;
		width: 33%;
	}

		#footer .copyright img {
			width: 75px;
			margin-left: 3px;
			margin-right: 3px;
			margin-bottom: -1px;
		}

	#footer .version {
		text-align: center;
		width: 33%;
		color: #666;
	}

	#footer .language {
		text-align: right;
		padding-right: 20px;
		width: 33%;
	}

		#footer .language select {
			font-size: 0.9em;
		}

#overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: black;
	opacity: 0.6;
	z-index: 1001;
}

#menuOverlay {
	display: none;
	position: fixed;
	top: 59px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: black;
	opacity: 0.6;
	z-index: 1001;
}

#waitOverlay {
	position: fixed;
	display: none;
	background-color: white;
	opacity: 0.7;
	top: 59px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1002;
}

#waitProgress {
	display: none;
	top: 50%;
	left: 50%;
	position: fixed;
	z-index: 1003;
}

#waitProgressBox {
	top: -70px;
	left: -120px;
	width: 220px;
	height: 120px;
	border: 2px solid #2d84b4;
	text-align: center;
	color: #444;
	position: relative;
	background-color: white;
	padding: 10px;
	z-index: 1003;
}

	#waitProgressBox .spacer {
		height: 53px;
	}

	#waitProgressBox input[type=button] {
		background-color: #f04b22;
		color: white;
		border: none;
		padding: 5px 10px 7px 10px;
		min-width: 100px;
		cursor: pointer;
	}

#waitCentre {
	display: none;
	top: 50%;
	left: 50%;
	position: fixed;
	z-index: 1004;
}

#waitImg {
	top: -11px;
	left: -70px;
	width: 140px;
	z-index: 1004;
	position: relative;
}

#mapCentre {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
}

#mapCentreImg {
	position: relative;
	left: -70px;
	top: -11px;
}

/* Login
----------------------------------------------------------*/

#loginContent {
	font-size: 1.2em;
	color: white;
	display: inline-block;
	text-align: left;
}

	#loginContent input {
		font-size: 1.2em;
		width: 300px;
		border-radius: 3px;
		border: none;
		padding: 5px;
		margin-top: 3px;
	}

		#loginContent input[type=checkbox] {
			width: 24px;
			height: 24px;
			vertical-align: middle;
		}

		#loginContent input[type=submit] {
			cursor: pointer;
			font-weight: bold;
			padding: 5px 10px;
		}

	#loginContent .forgotPassword {
		margin-top: 5px;
		font-size: 0.85em;
		cursor: pointer;
	}

.startMessageControls {
	height: 28px;
	padding: 15px;
	text-align: center;
}

	.startMessageControls input[type="checkbox"] {
		width: 24px;
		height: 24px;
		cursor: pointer;
		vertical-align: top;
	}

	.startMessageControls label {
		font-size: 0.9em;
		cursor: pointer;
		vertical-align: top;
	}

/* Main Menu
----------------------------------------------------------*/

#panelMenu {
	margin: 0 auto;
	max-width: 800px;
}

	#panelMenu img {
		vertical-align: middle;
	}

	#panelMenu .arrows {
		opacity: 0.2;
		width: 12px;
		vertical-align: middle;
	}

	#panelMenu .selectItem {
		width: 180px;
		height: 90px;
		display: table-cell;
		vertical-align: middle;
	}

		#panelMenu .selectItem img {
			height: 32px;
		}

	#panelMenu .menuItem {
		display: inline-block;
		text-align: center;
		font-family: "Gotham", "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","HelveticaNeue-Light","Helvetica","Arial","sans-serif","Verdana";
		font-weight: bold;
		font-size: 1.5em;
		color: #444;
		background-color: rgba(255,255,255,0.8);
		width: 210px;
		margin: 0 10px 20px 10px;
		padding: 10px 10px;
		border-radius: 5px;
		text-shadow: 0 0 5px white;
		box-shadow: 0 0 20px #444;
	}

		#panelMenu .menuItem table {
			width: 100%;
		}

			#panelMenu .menuItem table td {
				height: 120px;
				vertical-align: middle;
			}

		#panelMenu .menuItem input[type="text"] {
			width: 200px;
		}

.padded {
	padding: 20px;
}

/* Left Navigation
----------------------------------------------------------*/

#nav {
	font-size: 1.1em;
	vertical-align: top;
	background-color: #eee;
	border-right: 1px solid #ccc;
	width: 200px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

	#nav .title {
		color: white;
		background-color: #888;
		font-size: 1.1em;
		padding: 10px 20px;
	}

	#nav .content {
		padding: 0;
	}

		#nav .content .link {
			font-size: 0.85em;
			font-style: italic;
			text-align: right;
			padding: 4px 10px 6px 10px;
			color: #aaa;
			cursor: pointer;
		}

			#nav .content .link:hover {
				background-color: #888;
				color: white;
			}

		#nav .content ul {
			padding: 0;
			margin: 0;
		}

		#nav .content li, h4 {
			font-size: 1em;
			color: #2d84b4;
			display: block;
			margin: 0;
			padding: 10px 0 10px 10px;
			list-style: none;
			cursor: pointer;
		}

			#nav .content li.small {
				padding: 4px 5px 2px 5px;
			}

			#nav .content li:hover, h4:hover {
				text-decoration: none;
				color: white;
				background-color: #888;
			}

			#nav .content li.selected, h4.ui-state-active {
				cursor: default;
				color: white;
				background-color: #2d84b4;
				background-image: url('/Content/right.png');
				background-position: right 5px top 13px;
				background-repeat: no-repeat;
				background-size: 8px;
			}

		#nav .content h4.ui-state-active {
			cursor: pointer;
		}

		#nav .content div.subContent {
			margin-top: 10px;
		}

			#nav .content div.subContent div {
				font-size: 0.9em;
				padding: 4px 10px 6px 10px;
			}

				#nav .content div.subContent div:hover {
					background-color: #888;
				}

				#nav .content div.subContent div.selected {
					color: #2d84b4;
					background-color: white;
				}

			#nav .content div.subContent span {
				display: block;
				padding-bottom: 6px;
			}

		#nav .content div.subContentAccordion {
			margin-top: 5px;
		}

			#nav .content div.subContentAccordion div {
				font-size: 0.95em;
				line-height: 1.1em;
				padding: 2px 0 4px 10px;
			}

				#nav .content div.subContentAccordion div.groupHeader {
					cursor: pointer;
					padding: 4px 10px 6px 10px;
				}

			#nav .content div.subContentAccordion .ui-corner-all:hover {
				background-color: #888;
				color: white;
			}

			#nav .content div.subContentAccordion div.ui-accordion-header-active, div.ui-accordion-content-active {
				background-color: white;
				color: #2d84b4;
			}

			#nav .content div.subContentAccordion div.pointer:hover {
				background-color: #888;
				color: white;
			}

			#nav .content div.subContentAccordion div.pointer.selected {
				background-color: #2d84b4;
				color: white;
			}

		#nav .content .sites {
			padding: 0 0 5px 10px;
			color: white;
			background-color: #2d84b4;
		}

			#nav .content .sites .site {
				font-size: 0.9em;
				padding: 1px 5px 5px 10px;
				cursor: pointer;
			}

				#nav .content .sites .site:hover {
					background-color: #888;
				}

				#nav .content .sites .site.selected {
					color: #2d84b4;
					background-color: white;
				}

/* Main Content
-----------------------------------------------------------*/

#mainContent {
	padding: 10px;
}

	#mainContent .controlItem {
		display: inline-block;
		margin: 0 10px 10px 0;
		padding: 7px 7px 2px 10px;
		min-height: 33px;
		background-color: #eee;
		border: 1px solid #ccc;
		vertical-align: middle;
	}

		#mainContent .controlItem div {
			margin-top: 5px;
		}

		#mainContent .controlItem span {
			/*vertical-align: middle;*/
		}

		#mainContent .controlItem input[type="checkbox"] {
			width: 23px;
			height: 23px;
			margin: 5px 3px 10px 10px;
			vertical-align: middle;
			cursor: pointer;
		}

		#mainContent .controlItem.changed {
			background-color: #f5822b;
		}

		#mainContent .controlItem td {
			vertical-align: baseline;
		}

	#mainContent .controlButton {
		padding: 14px 20px;
		margin: 0 10px 10px 0;
		color: white;
		border: none;
		cursor: pointer;
		vertical-align: middle;
	}

		#mainContent .controlButton.changed {
			background-color: #f5822b;
		}

	#mainContent input[type="image"] {
		width: 60px;
		height: 49px;
	}

	#mainContent .dateControl {
		background-color: #2d84b4;
		color: white;
		border: none;
		padding: 6px 5px;
		width: 100px;
		margin: 0 0 5px 10px;
		cursor: pointer;
	}

	#mainContent .dateTimeControl {
		background-color: #2d84b4;
		color: white;
		border: none;
		padding: 6px 5px;
		width: 160px;
		margin: 0 0 5px 10px;
		cursor: pointer;
	}

	#mainContent .disabledControl {
		background-color: #888;
		color: white;
		border: none;
		padding: 6px 5px;
		width: 100px;
		margin: 0 0 5px 10px;
		cursor: pointer;
	}

.controls .groupTitle {
	background-color: #2d84b4;
	color: white;
	padding: 5px;
	margin-bottom: 10px;
}

.controls .licenseLegend {
	padding: 2px 8px 4px 8px;
	margin: 0 5px 10px 0;
	border: 1px solid #ccc;
	font-size: 0.85em;
	white-space: nowrap;
	display: inline-block;
}

.dropdownControl {
	background-color: #2d84b4;
	color: white;
	border: none;
	padding: 5px;
	margin: 0 0 5px 10px;
	cursor: pointer;
}

.textControl {
	border: solid 1px #ccc;
	padding: 5px;
	margin: 0 0 5px 10px;
}

.buttonControl {
	background-color: #2d84b4;
	color: white;
	border: none;
	padding: 5px 10px 7px 10px;
	margin: 0 0 5px 10px;
	min-width: 100px;
	cursor: pointer;
	vertical-align: middle;
}

.fakeControl {
	background-color: #888;
	color: white;
	padding: 6px 10px;
	margin: 0 0 5px 10px;
	display: inline-block;
	vertical-align: middle;
	min-height: 20px;
}

#mainContent .green {
	background-color: #a5cf4e;
}

#mainContent .red {
	background-color: #f04b22;
}

#mainContent .noLeftMargin {
	margin-left: 0;
}

#mainContent .headerTable {
	width: 100%;
	background-color: #eee;
}

	#mainContent .headerTable td {
		padding: 10px;
	}

#backImg {
	width: 64px;
	vertical-align: middle;
	margin: 0 10px 5px 0;
	opacity: 0.3;
	cursor: pointer;
}

	#backImg:hover {
		opacity: 1;
	}

.aboutTable {
	font-size: 1.1em;
}

	.aboutTable th {
		font-weight: normal;
		color: #888;
		text-align: right;
		width: 10px;
		padding: 5px 10px;
		margin: 0;
		vertical-align: baseline;
		white-space: nowrap;
	}

	.aboutTable td {
		font-weight: normal;
		padding: 5px 10px;
		margin: 0;
		vertical-align: baseline;
	}

/* Right panel
-----------------------------------------------------------*/
#rightPanel {
	width: 300px;
	background-color: #eee;
	border-left: 1px solid #ccc;
}

	#rightPanel .titleTable {
	}

		#rightPanel .titleTable td {
			padding: 10px;
		}

		#rightPanel .titleTable .iconCell {
			width: 1px;
		}

		#rightPanel .titleTable .icon {
			height: 40px;
		}

		#rightPanel .titleTable .labelCell {
			padding-left: 0;
		}

	#rightPanel .customerTable td {
		padding: 0;
	}

	#rightPanel .eulaTable {
	}

		#rightPanel .eulaTable th {
			padding: 0 5px 2px 0;
			font-size: 0.75em;
			font-weight: normal;
			color: #888;
		}

		#rightPanel .eulaTable td {
			padding: 0 5px 2px 0;
			font-size: 0.9em;
			max-width: 200px;
			word-wrap: break-word;
			overflow-wrap: break-word;
		}

	#rightPanel .title {
		font-weight: bold;
	}

	#rightPanel .subTitle {
		font-size: 0.9em;
	}

	#rightPanel div.label {
		font-size: 0.85em;
		color: #888;
	}

	#rightPanel div.value {
		padding-bottom: 5px;
	}

	#rightPanel .buttons {
		display: none;
		font-size: 0.9em;
	}

		#rightPanel .buttons input[type=button] {
			padding: 4px 6px 6px 6px;
			margin-bottom: 5px;
			color: white;
			border: none;
			cursor: pointer;
		}

	#rightPanel .active {
		background-color: #a5cf4e;
	}

	#rightPanel img.delete {
		width: 16px;
		height: 16px;
		opacity: 0.3;
		position: absolute;
		right: 6px;
		padding: 4px;
		cursor: pointer;
		display: none;
	}

		#rightPanel img.delete:hover {
			opacity: 1;
		}

/* Search Instrument
-----------------------------------------------------------*/

#instrumentDropdown {
	left: 40px;
}

#instrumentNav {
	color: black;
	background-color: #96c1d9;
}

#instrumentTable {
}

	#instrumentTable td {
		padding: 0 10px 0 0;
	}

#searchBox {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#searchBoxPadded {
	padding: 10px;
	display: block;
}

#searchTable {
	width: 100%;
}

	#searchTable td {
		vertical-align: top;
		padding: 5px;
	}

#scopePanel {
	min-height: 10px;
	border-bottom: 1px solid white;
}

#searchOrgColumn {
	width: 240px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.searchSpan {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 100px;
}

#resultsTable {
	width: 239px;
}

	#resultsTable td {
		vertical-align: middle;
		padding: 2px;
	}

	#resultsTable tr.selected {
		background-color: #2d84b4;
		color: white;
	}

		#resultsTable tr.selected:hover {
			background-color: #2d84b4;
			color: white;
		}

	#resultsTable tr.selectableRow:hover {
		background-color: #aaa;
		color: white;
	}

	#resultsTable td.iconCell {
		width: 1px;
		text-align: right;
	}

	#resultsTable td.fixedHeight {
		height: 45px;
	}

	#resultsTable td.arrow {
		width: 13px;
		background-image: url('/Content/right.png');
		background-position: right 5px center;
		background-repeat: no-repeat;
		background-size: 8px;
	}

	#resultsTable .label {
	}

	#resultsTable .remove {
		cursor: pointer;
		padding: 5px 10px;
	}

		#resultsTable .remove:hover {
			opacity: 1;
		}

	#resultsTable img {
		border: none;
		vertical-align: middle;
	}

		#resultsTable img.large {
			width: 56px;
		}

		#resultsTable img.small {
			width: 36px;
		}

		#resultsTable img.tiny {
			width: 18px;
		}

	#resultsTable .label1 {
		font-size: 1em;
		line-height: 1.3em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 180px;
	}

	#resultsTable .label2 {
		font-size: 0.8em;
		line-height: 1.3em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 180px;
	}

	#resultsTable #scopeOrganisationRow {
		display: none;
	}

	#resultsTable #scopeSiteRow {
		display: none;
	}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
	border: 1px solid #ddd;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
}

legend {
	font-size: 1.2em;
	font-weight: bold;
}

textarea {
	min-height: 75px;
}

.editor-label {
	margin: 1em 0 0 0;
	width: 300px;
}

	.editor-label .field-validation-error {
		font-size: 0.85em;
		display: inline-block;
	}

.editor-field {
	margin: 0;
}

	.editor-field input {
		font-weight: bold;
		width: 300px;
	}

input, select, textarea {
	font-family: inherit;
	font-size: 1em;
	box-sizing: border-box;
}

section#filterSection {
	padding-bottom: 20px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #fcc;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #fcc;
	background-color: #fee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #fcc;
	text-align: center;
}

	.validation-summary-errors ul {
		padding-left: 0;
		list-style: none;
	}

.validation-summary-valid {
	display: none;
}

/* DIALOG BOX
----------------------------------------------------------*/

#dialogBox {
	display: none;
	top: 50%;
	left: 50%;
	position: fixed;
	z-index: 1002;
}

#dialogBoxBackground {
	display: none;
	position: fixed;
	z-index: 1001;
	background-color: Black;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	text-align: center;
	vertical-align: middle;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#dialogBoxContent {
	position: absolute;
	font-size: 1.2em;
	background-color: White;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	border: 12px solid rgb(64, 64, 64);
	border: 12px solid rgba(220, 220, 220, .3);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

	#dialogBoxContent .validation-summary-errors {
		color: red;
		text-align: left;
	}

		#dialogBoxContent .validation-summary-errors ul {
			margin: 0 0 5px 0;
		}

	#dialogBoxContent .field-validation-error {
		color: red;
		display: inline-block;
		font-size: 0.9em;
	}

.dialogTitle {
	background-color: #2d84b4;
	color: white;
	padding: 0 10px 5px 10px;
	font-size: 1.2em;
}

	.dialogTitle span {
		vertical-align: middle;
		display: block;
		max-width: 450px;
	}

	.dialogTitle .spacer {
		padding: 0 5px;
		vertical-align: middle;
	}

	.dialogTitle .buttons {
		position: absolute;
		right: 5px;
		top: 5px;
	}

		.dialogTitle .buttons .saveButton {
			display: none;
		}

		.dialogTitle .buttons img {
			width: 28px;
			opacity: 0.5;
			cursor: pointer;
		}

			.dialogTitle .buttons img:hover {
				opacity: 1;
			}

#dialogSearch {
	font-size: 0.85em;
	width: 500px;
	height: 350px;
	color: #2d84b4;
}

.dialogPanel {
	padding: 20px;
	width: 500px;
}

	.dialogPanel .label {
		margin-bottom: 5px;
	}

	.dialogPanel .header {
		padding-bottom: 5px;
		margin: 10px 0 5px 0;
		border-bottom: 1px solid #ccc;
	}

	.dialogPanel .column {
		display: inline-block;
		vertical-align: top;
	}

	.dialogPanel .w1 {
		width: 56px;
	}

	.dialogPanel .w2 {
		width: 120px;
	}

	.dialogPanel .w3 {
		width: 128px;
	}

	.dialogPanel .w4 {
		width: 200px;
	}

	.dialogPanel .w5 {
		width: 270px;
	}

	.dialogPanel .w6 {
		width: 400px;
	}

	.dialogPanel .wf {
		width: 484px;
	}

	.dialogPanel .leftMargin {
		margin-left: 10px;
	}

	.dialogPanel h2 {
		color: black;
		margin-bottom: 20px;
	}

	.dialogPanel table td {
		padding: 0;
	}

	.dialogPanel input {
		width: 100%;
		margin-bottom: 5px;
		height: 29px;
	}

		.dialogPanel input[type="checkbox"] {
			width: 24px;
			height: 24px;
			margin: 10px 5px 10px 0;
			text-align: left;
			vertical-align: middle;
		}

			.dialogPanel input[type="checkbox"].noTopMargin {
				margin: 3px 0 7px 0;
			}

		.dialogPanel input[type="button"] {
			padding-top: 5px;
			padding-bottom: 8px;
			height: auto;
			cursor: pointer;
		}

		.dialogPanel input[type="radio"] {
			width: 18px;
			height: 18px;
			margin: 10px 5px 10px 0;
			text-align: left;
			vertical-align: middle;
		}

	.dialogPanel select {
		width: 100%;
		margin-bottom: 5px;
		height: 29px;
		padding: 1px 0;
	}

	.dialogPanel .roleBox {
		font-size: 0.75em;
		padding: 5px 10px;
		margin-top: 5px;
		border: 1px solid #ccc;
	}

		.dialogPanel .roleBox input[type="checkbox"] {
			width: 18px;
			height: 18px;
			margin: 0 5px 0 0;
			vertical-align: middle;
		}

		.dialogPanel .roleBox label {
			vertical-align: middle;
		}

	.dialogPanel .locationMapSearch {
		position: absolute;
		top: 50px;
		left: 20px;
		width: 760px;
		font-size: 0.85em;
	}

		.dialogPanel .locationMapSearch input[type="text"] {
			height: 38px;
			padding: 5px 10px;
			border: 1px solid #aaa;
			border-radius: 5px;
			background-color: rgba(255, 255, 255, 0.8);
		}

	.dialogPanel .popupPanel {
		position: absolute;
		top: 160px;
		left: 150px;
		width: 200px;
		height: 200px;
		background-color: white;
		border: 2px solid #2d84b4;
		padding: 10px 20px;
		display: none;
	}

.fixedSize {
	height: 420px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.fixedSizeSmall {
	height: 200px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.fixedSizeLarge {
	width: 800px;
	height: 640px;
	padding: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.licensesTable {
	width: 100%;
	font-size: 0.9em;
}

	.licensesTable th {
		font-size: 0.9em;
	}

	.licensesTable td {
		white-space: nowrap;
	}

	.licensesTable input, .licensesTable select {
		margin: 5px 0;
		height: 35px;
	}

		.licensesTable input[type=text] {
			width: 110px;
		}

/* Generic Table (column headings)
-----------------------------------------------------------*/
table {
	border-spacing: 0;
	border-collapse: collapse;
}

tr.highlightable:hover {
	background-color: #eee;
}

tr.selectableRow:hover {
	background-color: #eee;
	cursor: pointer;
}

th {
	text-align: left;
	vertical-align: bottom;
	line-height: 100%;
}

	th.small {
		font-size: 0.8em;
	}

	th.centreAligned {
		text-align: center;
	}

td {
	vertical-align: top;
}

	td.small {
		font-size: 0.8em;
	}

	td.centreAligned {
		text-align: center;
	}

/* List Table (row headings)
-----------------------------------------------------------*/
#listTable {
	border-spacing: 0;
	border-collapse: collapse;
}

	#listTable th {
		text-align: right;
		padding: 2px 5px;
		padding-right: 10px;
		font-weight: normal;
	}

	#listTable td {
		padding: 2px 5px;
		vertical-align: top;
	}

/* Data Table
----------------------------------------------------------*/

tr.zero {
	background-color: #bcfffd;
}

tr.spanPort1, tr.o3Calibrator {
	background-color: #fffd99;
}

tr.spanPort2 {
	background-color: #ffe0bb;
}

tr.service {
	background-color: #d1ffd1;
}

#dataTable {
	width: 100%;
	font-size: 0.85em;
}

	#dataTable th {
		padding: 5px;
		background-color: #2d84b4;
		font-weight: normal;
		color: white;
	}

		#dataTable th.light {
			background-color: #888;
		}

		#dataTable th.underlined {
			border-bottom: 1px solid white;
		}

		#dataTable th a {
			color: white;
		}

			#dataTable th a:hover {
				color: lightblue;
			}

	#dataTable td {
		padding: 2px 5px;
		vertical-align: top;
	}

	#dataTable .hide {
		display: none;
	}

	#dataTable th.unhide {
		cursor: pointer;
	}

	#dataTable .paging {
		font-weight: bold;
		padding: 5px 0;
		vertical-align: middle;
	}

		#dataTable .paging img {
			border: none;
			padding-bottom: 4px;
			height: 16px;
			vertical-align: middle;
		}

	#dataTable .filler {
		width: 1px;
	}

	#dataTable .title {
		font-weight: bold;
	}

	#dataTable .clickable {
		cursor: pointer;
	}

/* Diagnostics Table
----------------------------------------------------------*/

#diagTable {
	border: 1px solid #ccc;
}

	#diagTable th {
		padding: 10px;
		background-color: #2d84b4;
		font-weight: normal;
		color: white;
		text-align: center;
	}

	#diagTable td {
		padding: 2px 10px;
		vertical-align: top;
		text-align: center;
	}

#modulesTable {
	border: 1px solid #ccc;
}

	#modulesTable h3 {
		text-align: left;
	}

	#modulesTable tr.highlight {
		background-color: #a5cf4e;
	}

	#modulesTable th {
		padding: 10px 5px;
		background-color: #2d84b4;
		font-weight: normal;
		color: white;
		text-align: center;
	}

		#modulesTable th.light {
			background-color: #888;
			padding: 5px;
		}

	#modulesTable td {
		padding: 4px 3px;
		text-align: center;
	}

		#modulesTable td.changed {
			background-color: #f5822b;
		}

	#modulesTable input[type="text"] {
		width: 65px;
		text-align: center;
		border: none;
		cursor: pointer;
	}

	#modulesTable input.changed {
		background-color: #f5822b;
	}

	#modulesTable input.invalid {
		background-color: #f04b22 !important;
	}

	#modulesTable select {
		border: none;
		cursor: pointer;
	}

		#modulesTable select.changed {
			background-color: #f5822b;
		}

	#modulesTable .controls {
		margin-top: 5px;
	}

#titleTable {
	width: 100%;
}

	#titleTable td {
		vertical-align: baseline;
		padding: 0;
	}

		#titleTable td.right {
			text-align: right;
		}

	#titleTable select {
		margin-left: 10px;
	}

/* Date picker
----------------------------------------------------------*/
.ui-datepicker {
	width: 17em;
	padding: 15px;
	display: none;
	background: #ffffff;
	color: #222222;
	border: 1px solid #2d84b4;
	font-size: 1.1em;
}

	.ui-datepicker .ui-datepicker-current-day {
		border: 2px solid #f5822b;
	}

	.ui-datepicker .ui-datepicker-today {
		border: 1px solid #bbb;
	}

	.ui-datepicker .ui-datepicker-header {
		position: relative;
		padding: .2em 0;
	}

	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		position: absolute;
		top: 3px;
		width: 1.8em;
		height: 1.8em;
		cursor: pointer;
	}

	.ui-datepicker .ui-datepicker-prev {
		left: 2px;
	}

	.ui-datepicker .ui-datepicker-next {
		right: 12px;
	}

	.ui-datepicker .ui-datepicker-prev-hover {
		left: 2px;
	}

	.ui-datepicker .ui-datepicker-next-hover {
		right: 12px;
	}

	.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		top: 50%;
		margin-top: -8px;
	}

	.ui-datepicker .ui-datepicker-title {
		margin: 0 2.3em;
		line-height: 1.8em;
		text-align: center;
	}

		.ui-datepicker .ui-datepicker-title select {
			font-size: 1em;
			margin: 1px 0;
		}

	.ui-datepicker select.ui-datepicker-month-year {
		width: 100%;
	}

	.ui-datepicker select.ui-datepicker-month,
	.ui-datepicker select.ui-datepicker-year {
		width: 49%;
	}

	.ui-datepicker table {
		width: 100%;
		font-size: 1em;
		border-collapse: collapse;
		margin: 0 0 .4em;
	}

	.ui-datepicker th {
		padding: .7em .3em;
		text-align: center;
		font-weight: bold;
		border: 0;
	}

	.ui-datepicker td {
		border: 0;
		padding: 1px;
	}

		.ui-datepicker td span, .ui-datepicker td a {
			display: block;
			padding: .2em;
			text-align: right;
			text-decoration: none;
		}

	.ui-datepicker .ui-state-highlight {
	}

	.ui-datepicker .ui-state-active {
		font-weight: bold;
		color: #f5822b;
	}

/* Time picker
----------------------------------------------------------*/
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
	margin: 0;
}

	.ui-timepicker-div dl dt {
		float: left;
		clear: left;
		padding: 0 0 0 5px;
	}

	.ui-timepicker-div dl dd {
		margin: 0 10px 10px 40%;
	}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
	display: none;
}

.ui-timepicker-rtl {
	direction: rtl;
}

	.ui-timepicker-rtl dl {
		text-align: right;
		padding: 0 5px 0 0;
	}

		.ui-timepicker-rtl dl dt {
			float: right;
			clear: right;
		}

		.ui-timepicker-rtl dl dd {
			margin: 0 40% 10px 10px;
		}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
	padding-right: 2px;
}

	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
	.ui-timepicker-div.ui-timepicker-oneLine dt {
		display: none;
	}

	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
		display: block;
		padding-top: 2px;
	}

	.ui-timepicker-div.ui-timepicker-oneLine dl {
		text-align: right;
	}

		.ui-timepicker-div.ui-timepicker-oneLine dl dd,
		.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
			display: inline-block;
			margin: 0;
		}

			.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
			.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
				content: ':';
				display: inline-block;
			}

			.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
			.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
				content: '.';
				display: inline-block;
			}

	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
		display: none;
	}

.ui-slider {
	position: relative;
	text-align: left;
}

	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 1.1em;
		height: 1.4em;
		cursor: pointer;
		-ms-touch-action: none;
		touch-action: none;
		background-color: #888;
	}

	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
		background-position: 0 0;
	}

	/* For IE8 - See #6727 */
	.ui-slider.ui-state-disabled .ui-slider-handle,
	.ui-slider.ui-state-disabled .ui-slider-range {
		filter: inherit;
	}

.ui-slider-horizontal {
	height: .7em;
	border: 1px solid #ccc;
	top: .3em;
}

	.ui-slider-horizontal .ui-slider-handle {
		top: -.4em;
		margin-left: -.6em;
	}

	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}

	.ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}

	.ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

	.ui-slider-vertical .ui-slider-handle {
		left: -.3em;
		margin-left: 0;
		margin-bottom: -.6em;
	}

	.ui-slider-vertical .ui-slider-range {
		left: 0;
		width: 100%;
	}

	.ui-slider-vertical .ui-slider-range-min {
		bottom: 0;
	}

	.ui-slider-vertical .ui-slider-range-max {
		top: 0;
	}

.ui_tpicker_hour {
	padding-bottom: 0.5em;
}

/* Auto-complete
----------------------------------------------------------*/
.ui-autocomplete {
	list-style: none;
	padding: 1px;
}

.ui-menu-item {
	font-size: 0.8em;
	padding: 3px;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.8);
}

.ui-state-focus {
	color: white;
	background-color: #2d84b4;
}

.ui-helper-hidden-accessible {
	display: none;
}

/* Admin Instruments
----------------------------------------------------------*/
.configureContent {
}

	.configureContent .group {
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
		margin-bottom: 10px;
		border: 1px solid #ccc;
	}

	.configureContent .groupTitle {
		background-color: #2d84b4;
		color: white;
		padding: 5px;
	}

	.configureContent table {
	}

	.configureContent th {
		font-weight: normal;
	}

	.configureContent td {
		font-size: 1.1em;
		font-weight: bold;
		padding-bottom: 7px;
	}

	.configureContent input[type="password"] {
		width: 200px;
		font-weight: bold;
		padding: 0 2px;
	}

	.configureContent input[type="text"] {
		width: 200px;
		font-weight: bold;
		padding: 0 2px;
	}

	.configureContent input[type="checkbox"] {
		width: 18px;
		height: 18px;
		margin-left: 0;
		cursor: pointer;
	}

	.configureContent select {
		width: 200px;
		font-weight: bold;
		cursor: pointer;
	}

	.configureContent .sensor {
		width: 80px;
		vertical-align: middle;
		white-space: nowrap;
		overflow: hidden;
		display:inline-block;
	}

	.configureContent .remove {
		width: 18px;
		vertical-align: middle;
		display: none;
		cursor: pointer;
		opacity: 0.5;
	}

		.configureContent .remove:hover {
			opacity: 1;
		}

.configureItem {
	display: block;
	padding: 7px 5px;
	vertical-align: top;
}

	.configureItem .title {
		font-size: 0.9em;
		padding-bottom: 2px;
		width: 200px;
		color: #666;
	}

	.configureItem .value {
		font-size: 1.1em;
		font-weight: bold;
	}

	.configureItem .sub {
		font-size: 0.9em;
		font-weight: normal;
		width: 200px;
		margin-bottom: 5px;
	}

	.configureItem.changed {
		background-color: #f5822b;
	}

input#Sensors_Active_Sensors {
	display: none;
}

#deviceAccordion {
	padding: 0 10px;
	font-size: 1.2em;
}

#configGroup {
	margin: 0;
	padding: 4px 0 0 12px;
	outline: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

	#configGroup:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
	}

	#configGroup.ui-state-default {
		color: #444;
		background-image: url('/Content/expand.png');
		background-position: 0 12px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	#configGroup.ui-state-active {
		color: #2d84b4;
		background-image: url('/Content/contract.png');
		background-position: 0 12px;
		background-repeat: no-repeat;
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		cursor: auto;
	}

#configContent {
	padding-left: 22px;
}

	#configContent #caption {
		font-size: 0.8em;
		color: #888;
		line-height: 1em;
		padding-top: 3px;
	}

	#configContent #value {
		font-size: 1em;
		font-weight: bold;
		padding-bottom: 2px;
	}

		#configContent #value img {
			cursor: pointer;
			vertical-align: middle;
		}

		#configContent #value select {
			font-weight: bold;
			margin-top: 2px;
		}

		#configContent #value input {
			font-weight: bold;
			margin-top: 2px;
			width: 200px;
		}

#configTable {
}

	#configTable td img {
		vertical-align: middle;
		cursor: pointer;
	}

	#configTable td.remove {
		display: none;
		width: 1px;
	}

	#configTable td.bold {
		font-weight: bold;
	}

/* Sensor Graphs
----------------------------------------------------------*/

#graphTable {
	width: 100%;
	margin-top: 5px;
}

	#graphTable td {
		vertical-align: top;
	}

		#graphTable td.sensorGraph {
			padding-bottom: 15px;
		}

		#graphTable td.sensorHeader {
			width: 1px;
			white-space: nowrap;
			vertical-align: bottom;
		}

.sensorLegend {
	width: 100%;
	text-align: right;
	vertical-align: bottom;
	line-height: 1em;
}

.graphLegend {
	display: inline-block;
	color: white;
	font-size: 0.75em;
	font-weight: bold;
	padding: 2px 5px 3px 5px;
	border-radius: 3px;
	margin: 0 0 5px 5px;
	white-space: nowrap;
}

.sensorItemTitle {
	color: white;
	background-color: #2d84b4;
	font-weight: bold;
	padding: 1px 15px 4px 15px;
	display: inline-block;
}

.sensorItemUnits {
	color: #666;
	background-color: #ccc;
	padding: 1px 10px 4px 10px;
	display: inline-block;
}

.sensorItem {
	height: 160px;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	text-align: center;
}

.sensorItemWait {
	margin-top: 70px;
}

.graphDialogUnits {
	color: #ccc;
	font-size: 0.85em;
}

.graphDialogPanel {
	padding: 0;
	overflow-y: auto;
	font-size: 0.85em;
	position: absolute;
	top: 40px;
	bottom: 0;
	width: 100%;
}

.graphDialogItem {
	margin: 15px 15px 0 15px;
}

.seriesTable {
	width: 100%;
	margin-bottom: 10px;
}

	.seriesTable .colorCell {
		width: 15px;
		vertical-align: top;
		cursor: pointer;
	}

	.seriesTable .contentCell {
		padding-left: 10px;
	}

	.seriesTable .group {
		display: inline-block;
		margin-right: 10px;
	}

	.seriesTable .label {
		display: inline-block;
		margin-right: 10px;
	}

	.seriesTable select {
		width: auto;
		max-width: 330px;
	}

	.seriesTable input[type='text'] {
		width: 390px;
	}

	.seriesTable input[type='radio'] {
		width: 20px;
		cursor: pointer;
	}

	.seriesTable input[type='checkbox'] {
		margin: 0 5px;
		cursor: pointer;
	}

	.seriesTable label {
		cursor: pointer;
	}

	.seriesTable img {
		padding: 5px 10px;
		vertical-align: top;
		width: 24px;
		opacity: 0.5;
		cursor: pointer;
	}

		.seriesTable img:hover {
			opacity: 1;
		}

.toolMenu {
	position: absolute;
	display: none;
	padding: 5px;
	border: 1px solid #2d84b4;
	background-color: white;
}

	.toolMenu .item {
		color: #2d84b4;
		line-height: 1.5em;
		padding: 10px 20px;
		cursor: pointer;
		text-align: right;
	}

		.toolMenu .item:hover {
			color: white;
			background-color: #2d84b4;
		}

	.toolMenu .separator {
		background-color: #ccc;
		height: 1px;
		margin: 5px;
	}

#chartTooltip {
	position: absolute;
	display: none;
	padding: 3px;
	opacity: 0.8;
	color: white;
	line-height: 1.1em;
	text-align: center;
	font-size: 0.9em;
	border-radius: 3px;
	z-index: 1003;
}

.legend table td {
	vertical-align: bottom;
	padding: 0 0.5em;
	text-align: right;
}

.legend .legendTitle {
	text-align: left;
}

.chartButton {
	display: block;
	width: 24px;
	height: 24px;
	padding: 5px;
	opacity: 0.2;
	/*background-color: rgba(255, 255, 255, 0.8);*/
}

	.chartButton.active {
		cursor: pointer;
		opacity: 0.4;
		/*opacity: 1;*/
	}

		.chartButton.active:hover {
			opacity: 1;
			/*padding: 3px;
			border: 2px solid #ccc;*/
		}

.chartLegend {
	position: absolute;
	cursor: pointer;
	background-color: transparent;
}

	.chartLegend.disabled {
		background-color: rgba(255, 255, 255, 0.7);
	}


.seriesColorPicker {
	display: none;
	width: 450px;
	border: 1px solid #ccc;
	overflow-y: auto;
}

	.seriesColorPicker div {
		cursor: pointer;
		height: 20px;
		margin: 3px;
	}

		.seriesColorPicker div.selected {
			border: 3px solid black;
		}

.annotateColorPicker div {
	text-align: center;
}

.annotateColorPicker div {
	display: inline-block;
	cursor: pointer;
	width: 50px;
	height: 50px;
	margin: 3px;
}

	.annotateColorPicker div.selected {
		border: 3px solid black;
		margin: 0;
	}

.annotateRemoveLink div {
	margin-top: 10px;
	cursor: pointer;
	color: #1d60ff;
	font-style: italic;
}

.actionLink {
	font-size: 0.9em;
	font-style: italic;
	color: #888;
	cursor: pointer;
}

.newChartSettings {
	display: none;
}

.newChartSettingsTableContainer {
	max-height: 200px;
	overflow-y: auto;
	margin: 6px 0 4px 0;
}

.newChartSettingsTable {
	width: 100%;
}

.newChartSettings tr {
}

.newChartSettings th {
	font-weight: normal;
	padding: 0 0 5px 0;
}

.newChartSettings td {
	font-weight: bold;
	padding: 0 0 5px 0;
	border-top: 1px solid #ccc;
}

.roseTable {
	width: 100%;
	font-size: 0;
}

	.roseTable .rose {
		font-size: 12pt;
		display: inline-block;
		vertical-align: top;
		padding: 0 10px 10px 0;
		height: 1000px;
	}

/* Journal
----------------------------------------------------------*/

#headingTable {
	width: 100%;
	background-color: #eee;
	border: 1px solid #ccc;
}

	#headingTable td {
		padding: 5px 7px 5px 10px;
	}

	#headingTable h3 {
		margin-bottom: 6px;
		margin-top: 2px;
	}

#journalNav .content ul {
	padding: 0;
	margin: 0;
}

#journalDropdown {
	left: 40px;
}

	#journalDropdown .journalPanel {
		color: black;
	}

	#journalDropdown .entry {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}

		#journalDropdown .entry .buttonControl {
			margin-bottom: 0;
		}

		#journalDropdown .entry.highlightable:hover {
			border: 1px solid #2d84b4;
		}

		#journalDropdown .entry.selected {
			border: 1px solid #2d84b4;
		}

	#journalDropdown .tools {
		display: none;
		padding: 10px 10px 0 10px;
		vertical-align: top;
	}

		#journalDropdown .tools img {
			width: 20px;
			opacity: 0.5;
			cursor: pointer;
		}

			#journalDropdown .tools img:hover {
				opacity: 1;
			}

	#journalDropdown .edit, .save {
		display: none;
	}

	#journalDropdown table {
		width: 100%;
		background-color: white;
	}

		#journalDropdown table th {
			font-size: 0.9em;
			font-weight: normal;
			color: #888;
			background-color: #eee;
			border-bottom: 1px solid #ccc;
			padding: 5px 7px 5px 10px;
			vertical-align: middle;
		}

		#journalDropdown table td {
			padding: 5px 10px;
			vertical-align: top;
		}

	#journalDropdown .editor {
		width: 100%;
		height: 120px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 5px 0;
	}

	#journalDropdown #newEntry {
		display: none;
		border: 2px solid #2d84b4;
		background-color: #eee;
		margin-bottom: 10px;
	}

	#journalDropdown .journalLeft, .journalRight {
		display: inline-block;
		vertical-align: top;
	}

	#journalDropdown .journalLeft {
		height: 100%;
		width: 150px;
		padding-top: 20px;
		padding-left: 20px;
	}

	#journalDropdown .journalRight {
		padding: 20px;
	}

	#journalDropdown .headerTable {
		background-color: #eee;
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}

		#journalDropdown .headerTable td {
			padding: 10px 10px 5px 0;
		}

#journalNav .content li, h4 {
	font-size: 1em;
	color: #2d84b4;
	display: block;
	margin: 0;
	padding: 10px 0 10px 10px;
	list-style: none;
	cursor: pointer;
}

	#journalNav .content li.small {
		padding: 4px 5px 2px 5px;
	}

	#journalNav .content li:hover, h4:hover {
		text-decoration: none;
		color: white;
		background-color: #888;
	}

	#journalNav .content li.selected, h4.ui-state-active {
		cursor: default;
		color: white;
		background-color: #2d84b4;
		background-image: url('/Content/right.png');
		background-position: right 5px top 13px;
		background-repeat: no-repeat;
		background-size: 8px;
	}

#journalDropdown #journalContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#journalDropdown #entriesList .details {
	white-space: normal;
}

/* Administration
----------------------------------------------------------*/

#adminContent .entry {
	border: 1px solid #ccc;
	margin-top: 10px;
}

	#adminContent .entry .buttonControl {
		margin-top: 2px;
		margin-bottom: 2px;
	}

	#adminContent .entry.highlightable:hover {
		border: 1px solid #2d84b4;
	}

	#adminContent .entry.selected {
		border: 1px solid #2d84b4;
	}

#adminContent table {
	width: 100%;
}

	#adminContent table th {
		font-size: 0.9em;
		font-weight: normal;
		color: #888;
		background-color: #eee;
		border-bottom: 1px solid #ccc;
		padding: 5px 7px 5px 10px;
		vertical-align: middle;
	}

	#adminContent table td {
		padding: 10px;
		vertical-align: top;
	}

.adminItem {
	padding: 5px;
}

	.adminItem img {
		width: 32px;
		vertical-align: middle;
	}

	.adminItem img, span, label {
		/*vertical-align: middle;*/
	}

	.adminItem .hidden1, .hidden2, .hidden3, .hidden4, .hidden5 {
		display: none;
	}

	.adminItem .floatright {
		float: right;
	}

	.adminItem.selected {
		background-color: #eee;
	}

	.adminItem.selectableRow {
		cursor: pointer;
	}

		.adminItem.selectableRow:hover {
			background-color: #888;
			color: white;
		}

.instrumentsItem .selected {
	color: #2d84b4;
}

.itemList {
	width: 50%;
	padding: 0;
}

.itemDetail {
	width: 50%;
	background-color: #eee;
	padding: 10px;
}

	.itemDetail div {
		padding-left: 10px;
	}

		.itemDetail div.label {
			font-size: 0.85em;
			color: #888;
		}

		.itemDetail div.value {
			padding-bottom: 5px;
		}

.adminList {
	margin-left: 10px;
	overflow-y: auto;
}

.treeSearch {
	padding: 5px 10px;
	color: #888;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
}

	.treeSearch input[type="search"] {
		border: solid 1px #ccc;
	}

		.treeSearch input[type="search"]::-ms-clear {
			display: none;
			width: 0;
			height: 0;
		}

		.treeSearch input[type="search"]::-ms-reveal {
			display: none;
			width: 0;
			height: 0;
		}

		.treeSearch input[type="search"]::-webkit-search-decoration,
		.treeSearch input[type="search"]::-webkit-search-cancel-button,
		.treeSearch input[type="search"]::-webkit-search-results-button,
		.treeSearch input[type="search"]::-webkit-search-results-decoration {
			display: none;
		}

	.treeSearch img {
		width: 16px;
		height: 16px;
		vertical-align: text-bottom;
		cursor: pointer;
		opacity: 0.3;
		padding: 2px;
	}

		.treeSearch img:hover {
			opacity: 0.75;
		}

	.treeSearch input[type="checkbox"] {
		width: 16px;
		height: 16px;
		vertical-align: text-bottom;
	}

.sensorListTable {
	font-size: 0.85em;
	border-collapse: collapse;
	box-sizing: border-box;
}

#sensorListTable .leftline {
	border-left: 2px solid white;
}

#sensorListTable .leftpadded {
	border-left: 2px solid transparent;
}

#sensorListTable .rightline {
	border-right: 2px solid white;
}

#sensorListTable .rightpadded {
	border-right: 2px solid transparent;
}

#sensorListTable .centred {
	text-align: center;
}

#sensorListTable .right {
	text-align: right;
}

#sensorListTable .bold {
	font-weight: bold;
}

#sensorListTable .remove {
	cursor: pointer;
	display: none;
}

#sensorListTable tr.highlighted {
	background-color: #eee;
}

#sensorListTable th {
	background-color: #2d84b4;
	font-size: 0.75em;
	font-weight: normal;
	color: white;
	text-align: left;
	vertical-align: bottom;
	padding: 3px 5px 5px 5px;
}

	#sensorListTable th.highlighted {
		background-color: #0d6494;
	}

	#sensorListTable th.title {
		font-weight: bold;
	}

	#sensorListTable th.clickable {
		cursor: pointer;
	}

		#sensorListTable th.clickable:hover {
			background-color: #0d6494;
		}

#sensorListTable td {
	padding: 0;
	height: 23px;
	min-height: 23px;
	min-width: 50px;
}

	#sensorListTable td.padded {
		padding: 0 5px;
		vertical-align: middle;
		white-space: nowrap;
	}

	#sensorListTable td.highlighted {
		background-color: #eee;
	}

	#sensorListTable td.modified {
		background-color: #f5822b;
	}

	#sensorListTable td.invalid {
		background-color: #f04b22 !important;
	}

	#sensorListTable td.greyed {
		color: #bbb;
	}

		#sensorListTable td.greyed input, #sensorListTable td.greyed select {
			color: #bbb;
		}

	#sensorListTable td img {
		vertical-align: middle;
		width: 16px;
		height: 16px;
	}

#sensorListTable input, #sensorListTable select {
	vertical-align: middle;
	border-collapse: collapse;
	border: none;
	background-color: transparent;
	padding: 0 5px;
	max-height: 23px;
}

	#sensorListTable input[type=checkbox] {
		width: 16px;
		height: 16px;
	}

	#sensorListTable input:focus, #sensorListTable select:focus {
		border: 1px solid #2d84b4;
	}

#sensorListTable .w1 {
	width: 50px;
	min-width: 50px;
}

#sensorListTable .w2 {
	width: 60px;
	min-width: 60px;
}

#sensorListTable .w3 {
	width: 80px;
	min-width: 80px;
}

#sensorListTable .w4 {
	width: 120px;
	min-width: 120px;
}

#sensorListTable .vertical {
	text-align: center;
	padding: 0;
	transform: rotate(-90deg);
}

/* Dashboards
----------------------------------------------------------*/

.dashboardsContent {
	padding: 20px;
}

.dashboardTable {
	width: 100%;
	font-size: 0.9em;
}

	.dashboardTable tr {
		margin: 20px;
	}

	.dashboardTable th {
		padding: 2px 8px;
	}

	.dashboardTable td {
		vertical-align: top;
		padding: 2px 8px;
	}

	.dashboardTable .status {
		padding: 0 5px;
		min-width: inherit;
		white-space: nowrap;
	}

#mapSearchContainer {
	display: table;
	width: 100%;
	height: 100%;
	color: black;
}

	#mapSearchContainer .map {
		display: table-cell;
	}

	#mapSearchContainer .list {
		display: table-cell;
		width: 300px;
		height: 100%;
		padding: 0;
	}

	#mapSearchContainer .leftBorder {
		border-left: solid 1px #ccc;
	}

	#mapSearchContainer .rightBorder {
		border-right: solid 1px #ccc;
	}

	#mapSearchContainer .searchContainer {
		padding: 10px 10px 5px 0;
		background-color: #eee;
		border-bottom: 1px solid #ccc;
	}

		#mapSearchContainer .searchContainer td {
			padding: 0;
		}

		#mapSearchContainer .searchContainer input[type=checkbox] {
			width: 16px;
			height: 16px;
			vertical-align: middle;
		}

		#mapSearchContainer .searchContainer label {
			font-size: 0.9em;
			vertical-align: middle;
			color: #888;
		}

	#mapSearchContainer .searchEdit {
		width: 255px;
		padding: 5px;
		margin: 0 2px;
		border-radius: 5px;
		border: 1px solid #aaa;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: middle;
	}

	#mapSearchContainer .button {
		width: 32px;
		height: 32px;
		display: inline-block;
		vertical-align: top;
		opacity: 0.1;
	}

		#mapSearchContainer .button.canClick {
			opacity: 0.5;
			cursor: pointer;
		}

			#mapSearchContainer .button.canClick:hover {
				opacity: 1;
			}

	#mapSearchContainer .resultsContainer {
		overflow-y: auto;
	}

	#mapSearchContainer .item {
		cursor: pointer;
		padding: 3px 0 3px 10px;
	}

		#mapSearchContainer .item:hover {
			background-color: #eee;
		}

	#mapSearchContainer .disabled {
		color: #888;
	}

	#mapSearchContainer .highlight {
		background-color: #eee;
	}

	#mapSearchContainer .selected {
		color: #2d84b4;
		background-color: #eee;
		padding-left: 0;
		border-left: solid 10px #2d84b4;
		font-weight: bold;
	}

		#mapSearchContainer .selected:hover {
			color: #2d84b4;
		}

	#mapSearchContainer .smallIcon {
		display: inline-block;
		margin: 5px 5px 5px 0;
		width: 36px;
		height: 36px;
		vertical-align: middle;
	}

	#mapSearchContainer .itemInfo {
		display: inline-block;
		vertical-align: middle;
	}

		#mapSearchContainer .itemInfo div {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 222px;
		}

		#mapSearchContainer .itemInfo.lease {
			color: #888;
		}

	#mapSearchContainer .label1 {
		line-height: 1.3em;
		font-size: 1em;
	}

	#mapSearchContainer .label2 {
		line-height: 1.5em;
		font-size: 0.8em;
	}

	#mapSearchContainer .selectContainer {
		background-color: #eee;
		border-top: 1px solid #ccc;
		line-height: 1.2em;
		color: #aaa;
		width: 100%;
		font-size: 0.95em;
	}

	#mapSearchContainer .selectedItemsCount {
		font-size: 2.5em;
		padding: 1px 3px 5px 10px;
		width: 1px;
	}

	#mapSearchContainer .selectedItemsContainer {
		padding: 4px 5px 6px 10px;
		min-height: 38px;
	}

	#mapSearchContainer .selectedItemLabel1 {
		font-size: 0.9em;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 254px;
	}

	#mapSearchContainer .selectedItemLabel2 {
		font-size: 0.8em;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 254px;
	}

	#mapSearchContainer .selectLinks {
		font-size: 0.9em;
	}

	#mapSearchContainer .enabled {
		color: black;
	}

	#mapSearchContainer .link {
		color: #2d84b4;
		padding: 0;
		cursor: pointer;
	}


.leaflet-popup-content .itemLink {
	cursor: pointer;
	color: #2d84b4;
}

.leaflet-popup-content .itemName {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}

.leaflet-popup-content .itemStatus {
	display: none;
}

.leaflet-popup-content .itemStatus, .itemStatusLoading {
	margin: 5px 0;
}

	.leaflet-popup-content .itemStatus .status {
		padding: 0 5px;
		min-width: inherit;
		white-space: nowrap;
	}

.leaflet-popup-content .itemStatusLoading {
	font-style: italic;
	color: #aaa;
}

#sliderBox {
	padding: 5px 50px;
	height: 33px;
	display: none;
}

#slider {
	background-color: #eee;
}

#sliderHandle {
	width: 100px;
	height: 2em;
	top: 50%;
	margin-top: -1em;
	margin-left: -50px;
	text-align: center;
	line-height: 2em;
	background-color: #2d84b4;
	color: white;
	border-radius: 3px;
	z-index: 1;
}

.healthTable {
	font-size: 0.9em;
}

	.healthTable th {
		text-align: center;
		padding: 3px 0 5px 0;
		border: 1px solid #2d84b4;
		background-color: #2d84b4;
		color: white;
		font-weight: normal;
	}

		.healthTable th.Instrument {
			padding: 3px 10px 5px 10px;
			text-align: left;
			cursor: pointer;
			background-image: url('/Content/upwhite.png');
			background-position: right 10px bottom 6px;
			background-repeat: no-repeat;
			background-size: 10px;
		}

			.healthTable th.Instrument:hover {
				background-color: #63b1e3;
			}

			.healthTable th.Instrument.Desc {
				background-image: url('/Content/downwhite.png');
			}

		.healthTable th.Empty {
			border: none;
		}

	.healthTable td {
		padding: 3px 10px;
		width: 12%;
		border: 1px solid #ccc;
		text-align: center;
	}

		.healthTable td.Serial {
			width: auto;
			text-align: left;
		}

		.healthTable td.Pass {
			background-color: #a5cf4e;
		}

			.healthTable td.Pass.Highlighted {
				background-color: #c1eb69;
			}

		.healthTable td.Warning {
			background-color: #f5822b;
		}

			.healthTable td.Warning.Highlighted {
				background-color: #ff9d46;
			}

		.healthTable td.Fail {
			background-color: #f04b22;
		}

			.healthTable td.Fail.Highlighted {
				background-color: #ff683b;
			}

		.healthTable td.None {
			background-color: #eee;
		}

			.healthTable td.None.Highlighted {
				background-color: white;
			}

/* Miscellaneous
----------------------------------------------------------*/

.hidden {
	display: none;
}

.blue {
	background-color: #2d84b4;
}

.blueText {
	color: #2d84b4;
}

.green {
	background-color: #a5cf4e;
}

.greenText {
	color: #a5cf4e;
}

.orange {
	background-color: #f5822b;
}

.orangeText {
	color: #f5822b;
}

.red {
	background-color: #f04b22;
}

.redText {
	color: #f04b22;
}

.grayBackground {
	background-color: #ccc;
}

.gray {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

.lightgray {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
}

.small {
	font-size: 0.8em;
}

.left {
	text-align: left;
}

.leftImportant {
	text-align: left !important;
}

.right {
	text-align: right;
}

.rightImportant {
	text-align: right !important;
}

.pointer {
	cursor: pointer;
}

.topB {
	border-top: solid 1px #ccc;
}

.leftB {
	border-left: solid 1px #ccc;
}

.rightB {
	border-right: solid 1px #ccc;
}

.bottomB {
	border-bottom: solid 1px #ccc;
}

.smallButtonControl {
	padding: 1px 8px 3px 8px;
	margin-right: 5px;
	color: white;
	border: none;
	cursor: pointer;
	vertical-align: text-bottom;
	font-size: 0.8em;
}

#poweredBy img {
	display: block;
	width: 230px;
	margin-left: auto;
	margin-right: auto;
}