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

.grey-out {
    color: #000;
    opacity: 50;
}
/* ------------------------------------------------------------------------------ */
/*                             ExtJS Style Overrides                              */
/* ------------------------------------------------------------------------------ */
/* Background colour that shows up briefly when collapsing Admin and Legend panels */
div.x-border-layout-ct {
	background-color: #035642
}

/* Override to fix text input vertical alignment */
.x-form-text-default { 
	padding: 2px 6px 2px 6px;
}


/* Override to fix text input vertical alignment */
.x-webkit .x-form-text {
	height: 100%;
} 


/* ExtJS Window Styling Overrides */

/* Thicker outer border color for all pop-up windows */
.x-window-default {
	border-color: #000;
}
/* Background color for some pop-up windows; thin inner border color for all pop-up windows */
.x-window-body-default {
	background-color: white;
	border-color: white;
}
/* Header border for pop-up windows */
.x-window-header-default {
	border-color: #035642
}
/* Header background for pop-up windows */
.x-window-header-default-top {
	background-color: #035642;
}


/* ExtJS Panel Styling Overrides */
.x-panel-default {
	border-color: white;
}
/* Exposed Legend Panel plus Admin Panel Borders */
.x-panel-body-default {
	background-color: #035642;
	border-color: #035642;
}
/* Background legend and map color */ 
.x-panel-body {
	background-color: white;
}
/* Admin and Legend Panel title when collasped */ 
.x-panel-header-default {
	background-color: #035642;
	border-color: #035642;
}
/* Admin and Legend Panel title when not collasped */
.x-panel-header-default-vertical {
	background-color: #035642;
	border-color: #035642;
}


/* ExtJS Toolbar Styling Overrides */
/* Map Tools weird interior boxes and border */ 
.x-toolbar-default {
	background-color: white;
	border-color: #035642;
}
/* Pop-up window buttons background and border */
.x-btn-default-toolbar-small {
	border-color: #2382a4;
	background-image: -webkit-linear-gradient(#2382a4,#2382a4); /* Safari 5.1-6.0 */
    background-image: -o-linear-gradient(#2382a4,#2382a4); /* Opera 11.1-12.0 */ 
    background-image: -moz-linear-gradient(#2382a4,#2382a4); /* Firefox 3.6-15 */
    background-image: linear-gradient(#2382a4,#2382a4); /* Standard syntax */
}
/* Pop-up header window button text */ 
.x-btn-inner-default-toolbar-small {
	color: #FFFFFF;
}

/* ExtJS Tab Styling Overrides */
.x-tab-bar-default {
	background-color: #5e5e5e;
}

.x-tab-bar-strip-default {
	border-color: #035642;
	background-color: #909090
}

.x-tab-default {
	border-color: #FFFFFF;
	background-color: #FFFFFF
}

.x-tab-over.x-tab-default {
	border-color: #E0E0E0;
	background-color: #E0E0E0
}

.x-tab-inner-default {
	color: #404040
}

.x-tab.x-tab-active.x-tab-default {
	border-color: #909090;
	background-color: #909090
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
	color: #FFFFFF
}

/*ExtJS Grid Styling Overrides */
.x-grid-item-over {
	border-color: #E0E0E0;
	background-color: #E0E0E0
}

.x-grid-item-selected {
	border-color: #909090;
	background-color: #909090;
	color: #FFFFFF
}

.x-grid-item-focused {
	border-color: #707070;
	background-color: #707070;
	color: #FFFFFF
}

/* ExtJS Button Styling Overrides */
/* Main window buttoms background and border */
.x-btn-default-small {
	border-color: #2382a4;
	background-image: -webkit-linear-gradient(#2382a4,#2382a4); /* Safari 5.1-6.0 */
    background-image: -o-linear-gradient(#2382a4,#2382a4); /* Opera 11.1-12.0 */ 
    background-image: -moz-linear-gradient(#2382a4,#2382a4); /* Firefox 3.6-15 */
    background-image: linear-gradient(#2382a4,#2382a4); /* Standard syntax */
}

/* Main window buttons background and border when hovering over */
.x-btn-over.x-btn-default-small {
	border-color: #2382a4;
	background-image: -webkit-linear-gradient(#007eac,#007eac); /* Safari 5.1-6.0 */
	background-image: -o-linear-gradient(#007eac,#007eac); /* Opera 11.1-12.0 */ 
	background-image: -moz-linear-gradient(#007eac,#007eac); /* Firefox 3.6-15 */
	background-image: linear-gradient(#007eac,#007eac); /* Standard syntax */
}

/* Main window buttons background and border when pressed/active */
.x-btn.x-btn-menu-active.x-btn-default-small, .x-btn.x-btn-pressed.x-btn-default-small {
	border-color: #2382a4;
	background-image: -webkit-linear-gradient(#00668b,#00668b); /* Safari 5.1-6.0 */
	background-image: -o-linear-gradient(#00668b,#00668b); /* Opera 11.1-12.0 */ 
	background-image: -moz-linear-gradient(#00668b,#00668b); /* Firefox 3.6-15 */
	background-image: linear-gradient(#00668b,#00668b); /* Standard syntax */
}

/* Main window buttons background and border when in focus */
.x-btn-focus.x-btn-default-small {
	border-color: #2382a4;
	background-image: -webkit-linear-gradient(#006b92,#006b92); /* Safari 5.1-6.0 */
	background-image: -o-linear-gradient(#006b92,#006b92); /* Opera 11.1-12.0 */ 
	background-image: -moz-linear-gradient(#006b92,#006b92); /* Firefox 3.6-15 */
	background-image: linear-gradient(#006b92,#006b92); /* Standard syntax */
}

/* 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: #035642;
	border: 2px solid #035642;
	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: #035642;
}
/* Top skinny header behind top row buttons */
.portal-top-toolbar .x-panel-body {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #035642;
}
/* Very skinny strip of header directly underneath top row buttons */
.portal-top-toolbar .x-box-inner {
	border-bottom: 1px solid #2382a4;
}
/* Background for the admin and map tools panels when opened */
.portal-admin-panel .x-panel-body, .portal-maptools-panel .x-panel-body {
	padding-right: 1px;
	padding-left: 1px;
	background-color: #035642;
}
/* The very bottom footer for the Portal main window and text */
.portal-footer .x-panel-body {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #035642;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding: 2px 5px 2px 5px;
	color: #ffffff;
}

/* Portal Specific Colors*/
/*Color to distinguish base layers in the table of contents*/
.baseTocLayers{
	background-color: #9de3ff
}
/*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;
}