.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 */

div.x-border-layout-ct { background-color: #3DB4A9; } /* Background colour that shows up briefly when collapsing Admin, Map Tools, and Map panels */
.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 */

/* ExtJS Window Styling Overrides */

/* Thicker outer border colour for all pop-up windows */
.x-window-default {
	border-color: #000000;
}
/* Background colour for some pop-up windows; thin inner border colour for all pop-up windows */
.x-window-body-default {
	background-color: #E8E2DA;
	border-color: #E8E2DA;
}
/* Header border for pop-up windows */
.x-window-header-default {
	border-color: #10879B;
}
/* Header background for pop-up windows */
.x-window-header-default-top {
	background-color: #10879B;
}

/* ExtJS Panel Styling Overrides */

.x-panel-default {
	border-color: #E8E2DA;
}
/* Exposed side panel borders */
.x-panel-body-default {
	background-color: #3DB4A9;
	border-color: #3DB4A9;
}
/* Background panel color */
.x-panel-body {
	background-color: #E8E2DA;
}
/* Side panel titles when collapsed */
.x-panel-header-default {
	background-color: #10879B;
	border-color: #10879B;
}
/* Side panel titles when not collapsed */
.x-panel-header-default-vertical {
	background-color: #3DB4A9;
	border-color: #3DB4A9;
}

/* ExtJS Toolbar Styling Overrides */

/* Map Tools interior boxes and border */
.x-toolbar-default {
	background-color: #E8E2DA;
	border-color: #10879B;
}
/* Pop-up window buttons background and border */
.x-btn-default-toolbar-small {
	border-color: #10879B;
	background-image: -webkit-linear-gradient(#10879B,#10879B); /* Safari 5.1-6.0 */
	background-image: -o-linear-gradient(#10879B,#10879B); /* Opera 11.1-12.0 */
	background-image: -moz-linear-gradient(#10879B,#10879B); /* Firefox 3.6-15 */
	background-image: linear-gradient(#10879B,#10879B); /* Standard syntax */
}
/* Pop-up window button text */
.x-btn-inner-default-toolbar-small {
	color: #FFFFFF;
}
/* Pop-up window buttons when hovering over */
.x-btn-over.x-btn-default-toolbar-small {
	border-color: #10879B;
	background-image: -webkit-linear-gradient(#E8E2DA,#E8E2DA); /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#E8E2DA,#E8E2DA); /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#E8E2DA,#E8E2DA); /* Firefox 3.6-15 */
        background-image: linear-gradient(#E8E2DA,#E8E2DA); /* Standard syntax */
}
/* Pop-up window button text when hovering over */
.x-btn-over.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small {
	color: #10879B;
}
/* Pop-up window buttons when active or pressed */
.x-btn-active.x-btn-default-toolbar-small, .x-btn.x-btn-pressed.x-btn-default-toolbar-small {
	border-color: #10879B;
        background-image: -webkit-linear-gradient(#23A5B9,#23A5B9); /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#23A5B9,#23A5B9); /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#23A5B9,#23A5B9); /* Firefox 3.6-15 */
        background-image: linear-gradient(#23A5B9,#23A5B9); /* Standard syntax */
}
/* Pop-up window button text when active or pressed */
.x-btn-active.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small, .x-btn.x-btn-pressed.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small {
	color: #FFFFFF;
}
/* Pop-up window buttons when in focus */
.x-btn-focus.x-btn-default-toolbar-small {
	border-color: #10879B;
        background-image: -webkit-linear-gradient(#267087,#267087); /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#267087,#267087); /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#267087,#267087); /* Firefox 3.6-15 */
        background-image: linear-gradient(#267087,#267087); /* Standard syntax */
}
/* Pop-up window button text when in focus */
.x-btn-focus.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small {
	color: #FFFFFF;
}

/* ExtJS Tab Styling Overrides */

/* Tab background */
.x-tab-bar-default {
	background-color: #E8E2DA;
}
/* Tab bar */
.x-tab-bar-strip-default {
	border-color: #10879B;
	background-color: #10879B;
}
/* Tab */
.x-tab-default {
	border-color: #10879B;
	background-color: #23A5B9;
}
/* Tab text */
.x-tab-inner-default {
        color: #FFFFFF;
}
/* Tab when hovering over */
.x-tab-over.x-tab-default {
	border-color: #10879B;
	background-color: #E8E2DA;
}
/* Tab text when hovering over */
.x-tab-over.x-tab-default .x-tab-inner-default {
	color: #10879B;
}
/* Tab when pressed */
.x-tab.x-tab-pressed.x-tab-default {
	border-color: #10879B;
	background-color: #267087;
}
/* Tab text when pressed */
.x-tab.x-tab-pressed.x-tab-default .x-tab-inner-default {
	color: #FFFFFF;
}
/* Tab when active */
.x-tab.x-tab-active.x-tab-default {
	border-color: #10879B;
	background-color: #10879B;
}
/* Tab text when active */
.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
	color: #000000;
}

/* ExtJS Grid Styling Overrides */

.x-grid-item-over {
	border-color: #23A5B9;
	background-color: #23A5B9;
}
.x-grid-item-selected {
	border-color: #10879B;
	background-color: #10879B;
	color: #E8E2DA;
}
.x-grid-item-focused {
	border-color: #267087;
	background: #267087;
	color: #E8E2DA;
}

/* ExtJS Button Styling Overrides */

/* Main window buttons background and border */
.x-btn-default-small {
	border-color: #3DB4A9;
        background-image: -webkit-linear-gradient(#3DB4A9,#3DB4A9); /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#3DB4A9,#3DB4A9); /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#3DB4A9,#3DB4A9); /* Firefox 3.6-15 */
        background-image: linear-gradient(#3DB4A9,#3DB4A9); /* Standard syntax */
}
/* Main window buttons background and border when hovering over */
.x-btn-over.x-btn-default-small {
	border-color: #3DB4A9;
        background-image: -webkit-linear-gradient(#E8E2DA); /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#E8E2DA,#E8E2DA); /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#E8E2DA,#E8E2DA); /* Firefox 3.6-15 */
        background-image: linear-gradient(#E8E2DA,#E8E2DA); /* Standard syntax */
}
/* Main window button text when hovering over */
.x-btn-over.x-btn-default-small .x-btn-inner-default-small {
	color: #10879B;
}
/* Main window buttons background and border when active or pressed */
.x-btn.x-btn-menu-active.x-btn-default-small, .x-btn.x-btn-pressed.x-btn-default-small {
	border-color: #3DB4A9;
        background-image: -webkit-linear-gradient(#10879B,#10879B); /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#10879B,#10879B); /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#10879B,#10879B); /* Firefox 3.6-15 */
        background-image: linear-gradient(#10879B,#10879B); /* Standard syntax */
}
/* Main window button text when pressed or active */
.x-btn.x-btn-menu-active.x-btn-default-small .x-btn-inner-default-small, .x-btn.x-btn-pressed.x-btn-default-small .x-btn-inner-default-small {
	color: #FFFFFF;
}
/* Main window buttons background and border when in focus */
.x-btn-focus.x-btn-default-small {
	border-color: #3DB4A9;
        background-image: -webkit-linear-gradient(#267087,#267087); /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#267087,#267087); /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#267087,#267087); /* Firefox 3.6-15 */
        background-image: linear-gradient(#267087,#267087); /* Standard syntax */
}
/* Main window button text when in focus */
.x-btn-focus.x-btn-default-small .x-btn-inner-default-small {
	color: #FFFFFF;
}
/* Map Controls Buttons (i.e. Identify) when active */
.mapControlsButtons.x-btn-pressed {
	border-color: red !important;
}

/* Task Manager button background and border */
#taskManagerButton {
        border-color: #3DB4A9 !important;
        background-image: -webkit-linear-gradient(#3DB4A9,#3DB4A9) !important; /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#3DB4A9,#3DB4A9) !important; /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#3DB4A9,#3DB4A9) !important; /* Firefox 3.6-15 */
        background-image: linear-gradient(#3DB4A9,#3DB4A9) !important; /* Standard syntax */
}
/* Task Manager button text */
#taskManagerButton .x-btn-inner-default-small {
	color: #FFFFFF !important;
}
/* Task Manager button background and border when hovering over */
#taskManagerButton.x-btn-over {
        border-color: #3DB4A9 !important;
        background-image: -webkit-linear-gradient(#E8E2DA) !important; /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#E8E2DA,#E8E2DA) !important; /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#E8E2DA,#E8E2DA) !important; /* Firefox 3.6-15 */
        background-image: linear-gradient(#E8E2DA,#E8E2DA) !important; /* Standard syntax */
}
/* Task Manager button text when hovering over */
#taskManagerButton.x-btn-over .x-btn-inner-default-small {
        color: #10879B !important;
}
/* Task Manager button background and border when active or pressed */
#taskManagerButton.x-btn-menu-active, #taskManagerButton.x-btn.x-btn-pressed {
        border-color: #3DB4A9 !important;
        background-image: -webkit-linear-gradient(#10879B,#10879B) !important; /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#10879B,#10879B) !important; /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#10879B,#10879B) !important; /* Firefox 3.6-15 */
        background-image: linear-gradient(#10879B,#10879B) !important; /* Standard syntax */
}
/* Task Manager button text when pressed or active */
#taskManagerButton.x-btn.x-btn-menu-active .x-btn-inner-default-small, #taskManagerButton.x-btn.x-btn-pressed .x-btn-inner-default-small {
        color: #FFFFFF !important;
}
/* Task Manager button background and border when in focus */
#taskManagerButton.x-btn-focus {
        border-color: #3DB4A9 !important;
        background-image: -webkit-linear-gradient(#267087,#267087) !important; /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#267087,#267087) !important; /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#267087,#267087) !important; /* Firefox 3.6-15 */
        background-image: linear-gradient(#267087,#267087) !important; /* Standard syntax */
}
/* Task Manager button text when in focus */
#taskManagerButton.x-btn-focus .x-btn-inner-default-small {
        color: #FFFFFF !important;
}

/* Expression Builder Add Rule or Condition buttons background and border */
.expressionBuilderAddRuleConditionButton {
        border-color: #3DB4A9 !important;
        background-image: -webkit-linear-gradient(#3DB4A9,#3DB4A9) !important; /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#3DB4A9,#3DB4A9) !important; /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#3DB4A9,#3DB4A9) !important; /* Firefox 3.6-15 */
        background-image: linear-gradient(#3DB4A9,#3DB4A9) !important; /* Standard syntax */
}
/* Expression Builder Add Rule or Condition buttons text */
.expressionBuilderAddRuleConditionButton .x-btn-inner-default-small {
        color: #FFFFFF !important;
}
/* Expression Builder Add Rule or Condition buttons background and border when hovering over */
.expressionBuilderAddRuleConditionButton.x-btn-over {
        border-color: #3DB4A9 !important;
        background-image: -webkit-linear-gradient(#E8E2DA) !important; /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#E8E2DA,#E8E2DA) !important; /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#E8E2DA,#E8E2DA) !important; /* Firefox 3.6-15 */
        background-image: linear-gradient(#E8E2DA,#E8E2DA) !important; /* Standard syntax */
}
/* Expression Builder Add Rule or Condition buttons text when hovering over */
.expressionBuilderAddRuleConditionButton.x-btn-over .x-btn-inner-default-small {
        color: #10879B !important;
}
/* Expression Builder Add Rule or Condition buttons background and border when active or pressed */
.expressionBuilderAddRuleConditionButton.x-btn-menu-active, .expressionBuilderAddRuleConditionButton.x-btn.x-btn-pressed {
        border-color: #3DB4A9 !important;
        background-image: -webkit-linear-gradient(#10879B,#10879B) !important; /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#10879B,#10879B) !important; /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#10879B,#10879B) !important; /* Firefox 3.6-15 */
        background-image: linear-gradient(#10879B,#10879B) !important; /* Standard syntax */
}
/* Expression Builder Add Rule or Condition buttons text when pressed or active */
.expressionBuilderAddRuleConditionButton.x-btn.x-btn-menu-active .x-btn-inner-default-small, .expressionBuilderAddRuleConditionButton.x-btn.x-btn-pressed .x-btn-inner-default-small {
        color: #FFFFFF !important;
}
/* Expression Builder Add Rule or Condition buttons background and border when in focus */
.expressionBuilderAddRuleConditionButton.x-btn-focus {
        border-color: #3DB4A9 !important;
        background-image: -webkit-linear-gradient(#267087,#267087) !important; /* Safari 5.1-6.0 */
        background-image: -o-linear-gradient(#267087,#267087) !important; /* Opera 11.1-12.0 */
        background-image: -moz-linear-gradient(#267087,#267087) !important; /* Firefox 3.6-15 */
        background-image: linear-gradient(#267087,#267087) !important; /* Standard syntax */
}
/* Expression Builder Add Rule or Condition buttons text when in focus */
.expressionBuilderAddRuleConditionButton.x-btn-focus .x-btn-inner-default-small {
        color: #FFFFFF !important;
}

/* Expression Builder Remove buttons */
.expressionBuilderRemoveButton {
	background: #CC0000 !important;
	border-color: #880000 !important;
	color: #FFFFFF !important;
}
/* Expression Builder Remove buttons when hovering over */
.expressionBuilderRemoveButton.x-btn-over {
        background: #CC0000 !important;
        border-color: #880000 !important;
        color: #FFFFFF !important;
}
/* Expression Builder Remove buttons when active or pressed */
.expressionBuilderRemoveButton.x-btn-active, .expressionBuilderRemoveButton.x-btn.x-btn-pressed {
        background: #CC0000 !important;
        border-color: #880000 !important;
        color: #FFFFFF !important;
}
/* Expression Builder Remove buttons when in focus */
.expressionBuilderRemoveButton.x-btn-focus {
        background: #CC0000 !important;
        border-color: #880000 !important;
        color: #FFFFFF !important;
}



/* Openlayers 3 Style Overrides */

.ol-box{
	opacity:  0.3;
	background-color: #10879B;
	border: 2px solid #10879B;
	z-index: 1000;
}

/* Portal Theme Specific Styles */

/* For the countdown of how many minutes remaining in Portal session */
#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;
}
/* The very top banner and header of Main Page */
.portal-header .x-box-inner {
	background-image: url(../img/header.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-color: #3DB4A9;
}
/* Top skinny header behind top row buttons */
.portal-top-toolbar .x-panel-body {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #3DB4A9;
}
/* Very skinny strip of header directly underneath top row buttons */
.portal-top-toolbar .x-box-inner {
	border-bottom: 1px solid #E8E2DA;
}
/* Background for the side panels when opened */
.portal-admin-panel .x-panel-body, .portal-maptools-panel .x-panel-body {
	background-color: #3DB4A9;
	padding-right: 1px;
	padding-left: 1px;
}
/* The very bottom footer for the Portal main window and text */
.portal-footer .x-panel-body {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #3DB4A9;
	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: #E8E2DA;
}

/* Popup Section Headers */
.popupSectionHeader {
	background: #3DB4A9 !important;
	text-align: center !important;
	padding: 10px !important;
}

/* Expression Builder Rule Body */
.expressionBuilderRuleBody {
	background: #3DB4A9 !important;
}

/* Expression Builder Condition Body */
.expressionBuilderConditionBody {
	background-color: #E8E2DA !important;
	border-color: #10879B !important;
	border-width: 2px !important;
	border-radius: 5px !important;
}

/* Dashboard Notifications */
#dashboardNotifications {
	background: #9E1717 !important;
}

/* 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;
}