.portal-treepanel-node-disabled {
	color: #868686;
    opacity: 30;
}
.portal-treepanel-node-inactive {
	color: #868686;
    opacity: 30;
	font-style: italic;
}
.portal-treepanel-node-partialcheck .x-tree-checkbox {
	background-image: url(../img/IndeterminateCheckbox.png);
}

.grey-out {
    color: #868686;
    opacity: 50;
}

/* ExtJS Style Overrides */
.x-form-text-default { padding: 2px 6px 2px 6px; } /* Override to fix text input vertical alignment */
.x-webkit .x-form-text { height: 100%; } /* Override to fix text input vertical alignment */

/* Map Controls Buttons (i.e. Identify) when active */
.mapControlsButtons.x-btn-pressed {
	border-color: red !important;
}

/* Openlayers 3 Style Overrides */
.ol-box{
	opacity:  0.3;
	background-color: #ffbb00;
	border: 2px solid #a06300;
	z-index: 1000;
}

/* Portal Theme Specific Styles */
#countdown {
	float: right;
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

/* For the "Welcome, {user}!" text */
#welcome-message {
	color: #FFFFFF;
}

.portal-header .x-box-inner {
	background-image: url(../img/header.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-color: #157FCC;
}

.portal-top-toolbar .x-panel-body {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #157FCC;
}

.portal-top-toolbar .x-box-inner {
	border-bottom: 1px solid silver;
}

.portal-admin-panel .x-panel-body, .portal-maptools-panel .x-panel-body {
	background-color: #157FCC;
	padding-right: 1px;
	padding-left: 1px;
}

.portal-footer .x-panel-body {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #157FCC;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding: 2px 5px 2px 5px;
	color: #FFFFFF;
}

/* Submission node panels */
.portal-submission-node-panel {
	background-color: #dedede;
}

/* Portal Specific Colors*/
/*Color to distinguish base layers in the table of contents*/
.baseTocLayers{
	background-color: #f4c542
}
/*Color to distinguish shared layers from suggested layers in the shared manager*/
.sharedLayers{
	background-color: #cee1ff;
}
/*Colours for different task states*/
.completedTasks{
	background-color: #cfefbf;
}
.cancelledTasks{
	background-color: #e8e8e8;
}
.highlight-date{
	background-color: #f4c542;
}