* {
	margin: 0;
	padding: 0;
}

section, header, article, nav, aside, hgroup, footer {
	display: block;
}

/* @group LINKS */

a:link, a:visited {
	color: #C86B07;
}


a:active {
	position: relative;
	top: 1px;
}
	
/* @end */
/*@group Custom Layout*/
html {
	height: 100%;
	width: 100%;
}
body {
/*	background: #001544;
*/	

	background: #fff;
	color: #999;
	text-rendering: optimizeLegibility;
	height: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;


}

div#header {
	width: 100%;
	min-width: 800px;
	height: 85px;
	position: relative;
	
    background: url("http://datacat.cbrdi.ca/digitalbasin/images/fancy_deboss.png") repeat scroll 0 0 #F0F0F0;



/*
    color: white;
    -pie-background: linear-gradient(top, #ffa84c, #ff7700); /* PIE */
/*    background: #ffa84c;*/ /* Old browsers */
/*    background: -moz-linear-gradient(top, #ffa84c 0%, #ff7700 100%);*/ /* FF3.6+ */
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7700));*/ /* Chrome,Safari4+ */
/*    background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7700 100%);*/ /* Chrome10+,Safari5.1+ */
/*    background: -o-linear-gradient(top, #ffa84c 0%,#ff7700 100%);*/ /* Opera 11.10+ */
/*    background: -ms-linear-gradient(top, #ffa84c 0%,#ff7700 100%);*/ /* IE10+ */
/*    background: linear-gradient(top, #ffa84c 0%,#ff7700 100%);*/ /* W3C */
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7700',GradientType=0 );*/ /* IE6-9 */
/*    text-shadow: 2px 2px 2px #d15e00;
    filter: dropshadow(color=#d15e00, offx=2, offy=2);
    behavior: url(http://datacat.cbrdi.ca/digitalbasin/styles/PIE.htc); 
*/

}

div#header h1 {
	position: absolute;
	top: 14px;
	left: 14px;
	width: 800px;
	height: 70px;
	text-indent: -9999px;
	margin-top: 0;
	background: url(http://datacat.cbrdi.ca/digitalbasin/images/cbrdi-logo-170x60.png) no-repeat;
/*	background: url(http://datacat.cbrdi.ca/digitalbasin/images/rdi_logo_transparent.png) no-repeat;
*/}

div#header h2 {
	position: absolute;
	top: 20px;
	right: 20px;
}


div#status {
	width: 100%;
	height: 24px;
	position: absolute;
	top: 85px;
	left: 0;
	background: #535355; /* was 001d42 */
		background: rgba(0,0,0,0.6);
	z-index: 600;
	overflow: hidden;
	min-width: 800px;
}

div#status p {
	margin-left: 20px;
}

div#status p, div#status a, div#coords, div#messages, div#selection{
	color: #fff;
	font-size: 12px;
	line-height: 24px;
}

div#status a:hover {
	color: #C86B07;
}

div#messages {
	position: absolute;
	right: 12px;
	top: 0;
}
div#coords {
	position: absolute;
	right: 120px;
	top: 0;
}div#main-nav {
	position: absolute;
	right: 0px;
	top: 0;
	width: 300px;
	padding: 3px 30px;
	height: 30px;
	background: url(http://datacat.cbrdi.ca/digitalbasin/images/main-nav.png) no-repeat}

div#main-nav li {
	display: inline;
	font-size: 12px;
	text-transform: uppercase;
	margin-right: 12px;
}

div#main-nav li a {
	color: #FFFFFF;
	text-decoration: none;
}

div#main-nav li a:hover {
	color: #C86B07;
	text-decoration: none;
}

div#mapWindow {
	/*background: #f7f2e0 url(http://datacat.cbrdi.ca/digitalbasin/styles/map-bg.png) center center;*/
	position: absolute;
	top: 87px;
	left: 0;
	right: 0;
	bottom: 2px;
}



div#mapDiv {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

div#mapDiv_root {
	width: 100%;
	height: 100%;
}

#mapDiv_gc {
left: 0;	
}

#mapDiv_zoom_slider {
	z-index: 120;
}
div#expander.expanded {
	background:url('http://datacat.cbrdi.ca/digitalbasin/images/sprite_icons_30x30.png') -61px -181px; /*col 2, row 6 (zero based)*/
}
div#expander.expanded a:hover{
	background:url('http://datacat.cbrdi.ca/digitalbasin/images/sprite_icons_30x30.png') -91px -181px; /*col 3, row 6 (zero based)*/
}
div#expander {
	/* row = -(height*row) - 1, col = -(width*col) - 1 where col/row count starts at 0 */
	/* col row, eg row 1 = - height - 1, col 3 = -(46*2) - 1 */
	background:url('http://datacat.cbrdi.ca/digitalbasin/images/sprite_icons_30x30.png') -121px -181px; /*col 4, row 6 (zero based)*/
	width: 30px; /* required to tell size of portion of image */
	height: 30px;
}
#expander a {
	text-decoration:none;
/*	position: absolute;
	left: 60px;
*/}
#expander a:hover {
	background:url('http://datacat.cbrdi.ca/digitalbasin/images/sprite_icons_30x30.png') -151px -181px; /*col 5, row 6 (zero based)*/
	
}
div#filterInfo {
    display:inline;
}

.clearButton {
    display:inline;
}
.clearButton a {
    background:url('http://datacat.cbrdi.ca/digitalbasin/images/sprite_icons_16x16.jpg') -192px -2px; /*col 12, row 0 (zero based)*/
    width: 16px;
    height: 16px; 
    text-decoration:none;

}
.clearButton a:hover {
    background:url('http://datacat.cbrdi.ca/digitalbasin/images/sprite_icons_16x16.jpg') -176px -2px; /*col 11, row 0 (zero based)*/

}

div#layerSelector {
	padding-top: 5px;
}
div#filterInfo {
	padding-top: 15px;
}
div#filterInfo h3 {
	padding-bottom: 5px;
}
div#bottomTab.expanded {
	display:none;
}
div#status.expanded {
	display:none;
}
div#dataWrap #bottomTab {
	width: 100px;
	height: 25px;
	margin-left: 6px;
	text-indent: -9999px;
	background: url(http://datacat.cbrdi.ca/digitalbasin/images/bottom-tab.png) no-repeat;
	margin-bottom: 0;
}
table#filterContainer{
	padding-right: 0px; /*was 25 */
        border: 1px solid  #999;
        border-radius: 3px;
}
.searchCriteria td {
	padding: 0px 2px 2px 2px; /* was 0 2 0 0 */
}
.searchCriteria div {
    padding: 2px;
}
.searchCriteria {
	border: 1px solid  #999;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	padding: 6px 0px 6px; /* was 6 0 6 */
	font-size: 12px;
	line-height: 12px;
	display: none;
}
.searchCriteria label {
/*    display: block; */
}
div#searchAddress {
/*	float: left;
	padding: 0px 0px 12px 12px;
    display: block; */
  position: absolute;
/*  z-index: 2;
*/  top: 18px;
  left: 10px;
}
div#navToolbar {
	float: right;
	padding: 3px 0px 0px 0px;
}
#minSizeInput {
	width: 10px;
}
div#dataGridTypeSelector {
	font-size: 14px;
	line-height: 14px;
	float: left;
}
/*
div#dataGridTypeSelector input {
	margin-right: 60px;
}
*/
.resetIcon { background-image:url(http://datacat.cbrdi.ca/digitalbasin/images/reset.png); width:16px; height:16px; }
.zoominIcon { background-image:url(http://datacat.cbrdi.ca/digitalbasin/images/magnify_zoom_in.png); width:16px; height:16px; }
.zoominIconActive { background-image:url(http://datacat.cbrdi.ca/digitalbasin/images/magnify_zoom_in_active.png); width:16px; height:16px; }
.zoomoutIcon { background-image:url(http://datacat.cbrdi.ca/digitalbasin/images/magnify_zoom_out.png); width:16px; height:16px; }
.zoomprevIcon { background-image:url(http://datacat.cbrdi.ca/digitalbasin/images/previous-icon.png); width:16px; height:16px; }
.zoomnextIcon { background-image:url(http://datacat.cbrdi.ca/digitalbasin/images/next-icon.png); width:16px; height:16px; }
.panIcon { background-image:url(http://datacat.cbrdi.ca/digitalbasin/images/panicon.gif); width:16px; height:16px; }

#right-pane {
	position: absolute;
	right: 0px;
	top: 110px;
	height: 400px;
	z-index: 600;
}

div#rightPane {
	width: 300px; /*was 240 */
	height: 500px; /* was 400 */
	z-index: 600;
	/*display: none;*/
	background: #fff;
/*	border: 5px solid #001544;
*/	
	border: 5px solid #6C9722;
	overflow-y: scroll;
	overflow-x: hidden;
	border-right: none;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
}

.legend-title {
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	color: #666;
}
#right-pane h2 {
	width: 27px;
	height: 100px;
	position: absolute;
	top: 6px;
	left: -27px;
	text-indent: -9999px;
	background: url(http://datacat.cbrdi.ca/digitalbasin/images/right-tab.png) no-repeat;
}
#toc img {
	opacity:0.7;
	filter: alpha (opacity=70); /* for IE8 and earlier */
}

#sliderDialog_underlay { 
	display: none;	
}

/*#sliderButton {
	padding-right: 7px;
}
#sliderButton.hidden {
	display:none;
}
.lilayout {
	display:inline;
}
*/
div#welcomeDialog {
	position: absolute;
	bottom: 0;
	top: 99%;
	width: 98%;
	margin: 0 1%;
	overflow: auto;
/*	z-index: 100;
*/	opacity: 0;
/*	border: 5px solid #001544;
*/	border: 5px solid #6C9722;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	z-index:800;
	min-width: 950px;
/*	background: #001544 url(http://datacat.cbrdi.ca/digitalbasin/images/bg-underwater.jpg) no-repeat -10px -96px;
*/	background: #6C9722;

}

div#welcomeDialog.active {
	top: 90px;
	opacity: 1;
}

#welcomeContentPane {
	width: 50%;
	margin: 18px 100px;
}
/*a#closeWelcome {
	color: #fff;
	padding: 12px 24px;
	text-decoration: none;
	display: block;
	width: 200px;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	background: url(http://datacat.cbrdi.ca/digitalbasin/images/btn-getstarted.png) no-repeat;
	text-indent: -9999px;
}
*/

/*a#closeWelcome {
	color: #fff;
	padding: 12px 24px;
	margin: 5px 70px;
	text-decoration: none;
	display: block;
	width: 103px;
	height: 117px;
	font-size: 18px;
	font-weight: bold;
	background: url(http://datacat.cbrdi.ca/digitalbasin/images/sotb_pie_sm.png) 0 -120px;
	text-indent: -9999px;
}*/

#sotbpietop{position:relative;}
#sotbpietop li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#sotbpietop li, #sotbpietop a{height:148px;display:block;}

#sotbpiebottom{position:relative;}
#sotbpiebottom li{margin:148px 0;padding:0;list-style:none;position:absolute;top:152;}
#sotbpiebottom li, #sotbpiebottom a{height:146px;display:block;}

#environment{left:0px;width:151px;}
#environment{background:url('http://datacat.cbrdi.ca/digitalbasin/images/sotb_pie_sm.png') 0 0px;}

#economic{left:151px;width:150px;}
#economic{background:url('http://datacat.cbrdi.ca/digitalbasin/images/sotb_pie_sm.png') -151px 0px;}

#social{left:0px;width:151px;}
#social{background:url('http://datacat.cbrdi.ca/digitalbasin/images/sotb_pie_sm.png') 0 -151px;}

#cultural{left:151px;width:150px;}
#cultural{background:url('http://datacat.cbrdi.ca/digitalbasin/images/sotb_pie_sm.png') -151px -151px;}



div#main-content {
	/*overflow: hidden;*/
	position: relative;
}

section#primary {
	width: 818px;
	margin-right: 0px;
	/*min-height: 300px;*/
	background: url(http://datacat.cbrdi.ca/digitalbasin/images/bg-primary-head.png) no-repeat;
	padding-top: 20px;
}


section#primary article {
	background: url(http://datacat.cbrdi.ca/digitalbasin/images/bg-primary-body.png) repeat-y;
	padding: 2px 20px 2px 36px;
	overflow: hidden;
}

section#primary footer {
	background: url(http://datacat.cbrdi.ca/digitalbasin/images/bg-primary-foot.png) no-repeat;
	padding-bottom: 40px;
}

div#instruct {
	width: 240px;
	float: right;
	color: #333;
}

div#instruct h2, div#instruct p, div#instruct ul {
	width: 230px;
}

div#instruct li {
	list-style-position: outside;
	margin-bottom: 12px;
	margin-left: 18px;
}

article.page-content h1,  article.page-content h2,  article.page-content h3,  article.page-content h4,  article.page-content ul,  article.page-content ol,  article.page-content dl,  article.page-content p {
	width: 480px;
}

article.page-content h1 {
	margin-top: 0;
	margin-bottom: 9px;
}

article.page-content p {
	margin-bottom: 9px;
}

div#viewDataDialog {
	overflow: hidden;
	left: 10%;
	z-index: 1000;
}

div#fetchStatus {
	margin: 20px;
	text-align: center;
}

div#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
}
/*@end*/

/* @group TYPE */
/*
Type-A-File "Swissface" designed by Russ Maschmeyer, aka StrangeNative.
http://www.strangenative.com
@strangenative

Creative Commons License by Attribution. 
Feel free to take it, adapt it, & use it on both commercial and non-commercial projects.
Though I'd like a smidgeon of credit, so just leave this bit in here. K?
*/

/*Pick Your Fonts*/
body, aside h1, .sidenote h1, aside, .sidenote, blockquote{font-family:Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, .header, .subheader, .head, .subhead, .pullquote, .kicker{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}

/*Size & Vertical Rhythm*/
body{font-size:75%;font-size:12px;line-height:1.5em;}

/*HTML Standard Elements*/
h1{font-size:2.25em;line-height:1.333em;margin:.85em 0 0em;
} 
h2{font-size:1.4em;padding-top:.1em;}
h3{font-size:1.125em;}
h4{font-weight:bold;font-size:1em;}
h3, h4, h5, h6, .kicker, .pullquote{font-weight:200;}
h1{font-weight:bold;}
small{display:block;font-size:.75em;letter-spacing:.105em;word-spacing:.2em;margin:2.2em 0 -.2em;font-style:italic;}
/*p, ul, ol, form{margin:1em 0 1em;}*/
ul{list-style-position:inside;list-style-type:disc;}
ol{list-style-position:inside;list-style-type:decimal;}
blockquote{font-style:italic;}
blockquote:before {content: "“";font-size:4em;text-indent:-.6em;margin-top:.15em;float:left;}
cite{display:block;text-transform:uppercase;letter-spacing:1px;font-style:normal;font-weight:bold;font-size:smaller;margin-top:1.8em;}
cite:before{content:"–";float:left;font-size:1.5em;text-indent:-1.3em;font-weight:bold;margin-top:-.1em;}
pre{margin:1.5em;}
dl{margin:1.45em 0;/*border-top:1px dotted #999;border-bottom:1px dotted #999;*/}
dt{word-spacing:.2em;border-bottom:1px dotted #999;margin-top:1.5em;font-weight:bold;text-transform:uppercase;font-size:.9em;letter-spacing:1px;}
dd{font-style:italic;font-size:.9em;margin-bottom:1.65em;}
abbr{text-transform:uppercase;font-size:.9em;letter-spacing:.1em;}
p {margin-bottom:0;hyphenate: auto;hyphenate-before:2;hyphenate-after:3;hyphenate-lines: 3;orphans:4}

/*Compositional Elements*/
.kicker{font-size:1.33em;line-height:1.693em;font-style:italic;margin:1.65em 0 -.2em;letter-spacing:.05em;}
/* {font-weight:100;} */
.run-in{font-weight:bold;}
.superscript{font-family:arial, sans-serif;vertical-align:super;font-size:75%;text-transform:lowercase;font-variant:small-caps;letter-spacing:.1em;line-height:0em;}
.subscript{font-family:arial, sans-serif;vertical-align:sub;font-size:75%;text-transform:lowercase;font-variant:small-caps;letter-spacing:.1em;line-height:0em;}
a.superscript, a.subscript{text-decoration:none;}
aside, .sidenote{font-size:.83em;font-style:italic;margin-top:2em;}
aside h1, .sidenote h1{text-transform:uppercase;margin:0;font-size:1em;line-height:1.9em;font-style:italic;font-weight:bold;}
aside p, .sidenote p{line-height:1.9em;margin:0;}
aside p + p, .sidenote p + p{margin:1.85em 0;}
aside ul, aside ol, .sidenote ul, .sidenote ol{margin-top:1.85em;}
.pullquote{letter-spacing:.05em;margin:.45em .5em 0 0;padding-top:.45em;line-height:1.5em;display:block;float:left;font-size:2em;width:50%;/*border-bottom:1px solid black;*/border-top:.15em solid black;}
.footnote{border-top:1px solid black;font-size:.75em;margin-top:3.5em;}
.footnote li{margin:.6em 0 2em;}
.caption{font-size:.8em;font-style:italic;margin:.6em 0 -.2em;}

/*Tweaks*/
.kern{letter-spacing:-.1em;}

#primary h1 {
/*	color: #1a7dc6;
*/	color: #6C9722;
	font-size: 2em;
}
/* @end */

/* @group Dojo Overrides */
.dijitDialogUnderlay {
	background: #000;
	opacity: 0.4;
}

div.dojoxGrid {
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	color: #666;
}


td.dojoxGridCell {
	font-size: 11px;
	line-height: 11px;
	padding-top: 0;
	padding-bottom: 0;
}

th#dataGridHdr3.dojoxGridCell.dojoDndItem {
	font-size: 11px;
	line-height: 11px;
}

div.dojoxGridHeader th {
	font-size: 11px;
	line-height: 11px;
}
.tundra .dojoxGridRowOdd {background-color: #f8f8f8;}

.tundra .dojoxGridRowOver .dojoxGridCell {background-color: #eee; color:#333;}
/*.tundra .dojoxGridRowSelected {background-color: #007ec6 !important; color: #fff;}
.dijit_a11y .tundra .dojoxGridRowSelected {background-color: #007ec6 !important; border-style: solid; color: #fff;}*/

.esriAttributeInspector .atiLabel { color:black;font-weight:bold; }
.esriAttributeInspector .atiField { 
font-family:arial,helvetica,sans-serif;font-size:9pt; }
.esriAttributeInspector .dijitTextBox { width:50em;
	color: #a1999d;
}
.esriAttributeInspector {height:auto}
.esriAttributeInspector .atiLayerName {display:none;}
.attrInspectorButton {
padding-left:45px;
margin:0px;width:16px; height:16px;
}

#tooltipDialog div.dijitTooltipContainer {
	font: normal normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#actionTooltipDialog div.dijitTooltipContainer {
	font: normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#actionTooltipDialog div.dijitTooltipContainer div.dijitTooltipContents.dijitTooltipFocusNode table tbody tr td {
	padding: 4px;
	background: #aec7e3;
}

.esriLegendServiceLabel  { 
	font-weight:normal !important;
}
.esriLegendService {
	margin-left:15px;
}
.infowindow {
	opacity: 0.9;
}
.infowindow .window .top .right .user .titlebar .title {
	font-size: 11px;
	line-height: 11px;

}
.infowindow .window .top .right .user .content {
	font-style: bold;
	font-size: 11px;
	line-height: 11px;
	color: #666;
	background-color: #eee;
}


/******************************   Expand   **************************************/

div#dataWrap {
	position: absolute;
	bottom: 0px;
	left: 10px;
	width: 74%;
	z-index: 400;
	height: 28px;
	overflow: hidden;
}

div#dataWrap.active {
        
	height: 300px; 
        
}

div#dataWrap.expanded {
    
	height: 100%;
	width: 98%
}
div#dataDiv{
	height: 300px;
	border: 5px solid  #6C9722;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	background: #fff;
}

div#dataDiv.expanded {
	height:100%;
   
}
div#myData.expanded {

}

div#myData {
        /*height: 45px;*/
	width: 99%;
}

div#dataInfo {
	width: 100%;
	height: 200px;
	overflow:auto;
}
div#dataInfo.expanded {
   
	height: 100%;
	width: 98%;
   
}

div#graphRtPane {
	float: right;
	width: 65%;
	height: 200px;
	overflow:auto;
}
div#graphRtPane.expanded {
   
	height: 100%;
   
}
div#graphPane {
	float: left;
	padding-right: 10px;
	width: 30%;
	height: 200px;
	overflow:auto;
}

div#graphPane.expanded {
    
	height: 100%;
   
}

/* LP Added for datagrid */
div#gridWrapper {
    width: 99%;
    height: 100%;
}
div#gridWrapper.expanded {
   
    width: 99%;
    height: 100%;
   
}

.tundra .dijitTabContainerTop-dijitContentPane, 
.tundra .dijitTabContainerLeft-dijitContentPane, 
.tundra .dijitTabContainerBottom-dijitContentPane, 
.tundra .dijitTabContainerRight-dijitContentPane, 
.tundra .dijitAccordionContainer-dijitContentPane {
   min-height: 225px !important; 
   max-height: 1225px !important;
}

/* @end */