@charset "utf-8";
/* CSS Document */

 


.dvChartContainer{
	
	position: relative;
		/**width:550px;
	height:665px;**/
	
	/***    1.21 mult of width asp ratio for ht ****/
	
	width:100%;
	/*height:665px;
	background-color:#4ED0C2;*/
	color:#000;
	padding:0 0 0 0; margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;
	overflow:visible;
}



.dvChartHold{
	position: relative;
	width:100%;
	height:98%;
	/* background-color:#4ED0C2;*/ 
	color:#000;
	padding:0; margin:0;
	}
	
.dvChartNotesHtm{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#58585b; 
	width:90%; padding:0; margin:-40px 0 20px 10px;
	}

.dvChartTitleHoldTwo{font-size:3vmin;}



/** PRIMARY CHART CONTAINER ROWS/HOLDERS ********/	
.dvChartTop{position:relative; width:100%; height:85%;  }
.dvChartBottom{position:relative; width:100%; height:15%; }

/**** SVG HOST ****************************************************/

#dvSvgHost{position:relative; width:100%; height:100%; max-width:580px; /*background-color:#C3C0C0; */}

  

/**** NODE INFO POPPER *******/

.dvNodePop{
	position:absolute; z-index:120; 
	/*width:100px; height:100px; */
	margin:0 0 0 0; /*padding:1.5% 2.25% 1.5% 1.5%;*/ padding:3px 7px 3px 3px; border:2px solid #539cbd; /*#5EA0C2*/
	color:#000; background-color:#f4f5f0; /***#e6eff6****/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px; 
	text-align:center;
	/*display:none;*/
	opacity:0;
	overflow:visible;
	/** box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit ***/
	box-shadow: 4px 4px 5px #888888; display:inline-block;
	}


.dvNodePop .dvNodePopHeaderHold{
	 background-color:#539cbd;  /** #E6EFF6 **/
	 margin:0 0 0 0; padding:0; /*padding:1% 2% 2% 3%;*/
	 text-align:left;  position:relative;  
	}


.dvNodePop .dvNodePopHeader{
	text-transform:uppercase;
	color:#fff; 
	font-size:12px; 
	letter-spacing:0px;
	display:inline-block;
	/*width:100%;*/ position:relative;
	}


.dvNodePop .dvNodePopQuarterHold{
	 margin:0 0 0 0; padding:0; /**4% 2% 1% 4%;***/ text-align:left; position:relative; 
	}

.dvNodePop .dvNodePopQuarter{
	text-transform:uppercase;
	color:#000;
	font-size:10px; 
	letter-spacing:-.5px;
	font-weight:bold;
	display:inline-block; text-align:left; position:relative;
	/*width:100%;*/
	}


.dvNodePop .dvNodePopPercentHold{
 	margin:0 0 0 0; padding:0; /*padding:2% 2% 1% 3%;*/ text-align:left; position:relative;  
	}

.dvNodePop .dvNodePopPercent{
	
	font-weight:bold;
	color:#000;
	font-size:24px; 
	letter-spacing:-1.5px;
	display:inline-block; text-align:left; position:relative;
	/*width:100%;*/
	}


@media (max-width: 500px) {
    
			.dvNodePop{
				font-size:12px;
			}
			
			.dvNodePop .dvNodePopHeader{
				font-size:11px; 
			}
			
			.dvNodePop .dvNodePopQuarter{
				font-size:11px; 
			}
			
			.dvNodePop .dvNodePopPercent{
				font-size:15px; 
			}
	
	
	
	
}
@media (max-width: 400px) {
    
			.dvNodePop{
				font-size:11px; padding:2px 6px 2px 2px;
			}
			
			.dvNodePop .dvNodePopHeader{
				font-size:11px; 
			}
			
			.dvNodePop .dvNodePopQuarter{
				font-size:11px; 
			}
			
			.dvNodePop .dvNodePopPercent{
				font-size:14px; 
			}
	
	
	
	
}








/****** GDP FILTER ELEMENTS ****************/

.dvFormFilters{position:relative; width:100%; height: 4%; margin:1px 0 0 0; padding:0; } /** THIS BREAKS 100% Ht **/


.dvChartSelect{
	
	width: 100%; 
    background: url(../images/ui/form-arrow-orange.gif) no-repeat 95% #fff; /*background-size:21%;*/
    border: none;
    color: #474844;
    -webkit-appearance: none;
	padding:1.5%;
	/*font-size:1.3vw;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; /*font-size:12px;*/
	cursor:pointer;
	}
	
	
.dvChartSelect.dvChartDateStartMonth,.dvChartSelect.dvChartDateStopMonth{
	
	/*background-size:32%;*/
    
	}
	
#center-content .dvChartSelect li:hover{background-color:#99D5EF;}

 
	
	
.dvChartFilterLabel{
	width: 100%; height:50%;
	color:#000; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; /*font-size:1.5vw;*/
	text-transform:uppercase;
	
	}


@media (max-width: 200px) {
    .dvChartFilterLabel{
	 		font-size:5px; 
	}
}


/**** UNORDERED LIST VERSION OF THE PULLDOWN ***********/

#center-content ul.dvChartSelect{ 
	list-style-type:none; background:none;
	margin:0; padding:0 0 0 10px; list-style-image:none; color:#474844;
	
}



#center-content ul.dvChartSelect li { 
	list-style-type:none; background:none;
	margin:0; padding:0 0 0 10px; list-style-image:none; color:#474844;
	font-size:14px;
}





		@media (max-width: 430px) {
			 
			 #center-content ul.dvChartSelect li { 
 				font-size:12px;
			}
			 
		}
		 
		@media (max-width: 300px) {
			 
			 #center-content ul.dvChartSelect li { 
 				font-size:11px;
			}

			 
		} 










/** THIS IS THE CONTAINER THAT HOUSES THE SELECTED VALUE FROM THE PULLDOWN *******/




	
.dvChartFilterSelectHold{
	position:absolute; z-index:200; 
	width:100px; height:200px; 
	margin:20px 0 0 0; padding:0 0 0 0;
	overflow-y:scroll; overflow-x:hidden; 
	background-color:#fff; /** box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit ***/
	box-shadow: 1px 3px 5px #888888; display:none;
	opacity:0.9;
}




.dvColFilter{
			display:inline-block; padding:1% 2.5% 1% 1%;  /*position:relative;*/
			text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;
			font-size:15px; color:#000; margin:1%; background-size:24%; cursor:pointer;
			 background-image:url(/-/media/063a07a9b3f84290a4cac21913cffd9d.ashx); background-position:100% 53%; background-repeat:no-repeat;  
			/* border:1px solid #000;*/
}

.dvColFilter:hover{
			
			 background-image:url(/-/media/ce8f47ca027c429c8ae91eca4c4f615c.ashx); 

}



#center-content ul.dvChartSelect li.dvFormSelected{color:#f38b00; font-weight:bold;}

.dvMonthSelect{background-size:27%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-right:0;}
.dvQuarterSelect{background-size:27%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-right:0;}

.dvColFilterToFrom{display:inline-block; padding:0 0 0 0 ; font-size:12px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:relative;}


/**** RESET DEFAULT RANGE ******/




.dvResetDefaultRange{display:inline-block; padding:1% 2% 1% 2%; margin:0 0 0 2%; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:1px solid #f38b00; color:#f38b00;cursor:pointer; position:relative;}
.dvResetDefaultRange:hover{color:#fff; background-color:#f38b00;}





/****** COLOR DEFS ******************/

.dvChartToggles{position:relative; width:100%; height: 5%; margin:0 0 0 0;}

.dvColorDef{width:14px; height:14px; float:left; margin:1%; cursor:pointer;}
.dvColorDef {background-color:#009688; margin:1% 1% 1% 0;}
 
.dvChartToggleLabels{float:left; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; margin:6px 4px 0 0; cursor:pointer;}
.dvChartToggleLabels:hover{color: #41526c;}	

.dvChartToggleLabels.dvShown{opacity:0.9;}
.dvChartToggleLabels.dvHidden{opacity:0.3;}

.dvChartToggleInfo{float:left; width:3%; margin:0 20px 0 0; padding:6px 0 0 2px; cursor:pointer;}
.dvChartToggleInfo img{width:13px;}
	
.dvChartToggleInfoRevealer{display:none; padding:3%; margin:0 0 5px 0; position:absolute; background-color:#f4f5f0; z-index:200; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.75em; line-height:130%; color:#474844; box-shadow: 2px 2px 2px #888888; border: 1px solid #e5e8d7}
	

/*** LIGHTBOX EXPORTER ***************/

.dvExportLightboxCenter{position:fixed; width:100%; height:100%; z-index:1020; display:none;  margin:0; padding:0; text-align:center;  margin:0 auto;}
.dvExportLightboxHold{position:relative;  background-color:#fff; border:4px solid #539cbd; /***box-shadow: 8px 8px 11px #888888;***/ width:70%; height:70%; padding:1%;  margin:0 auto; margin-top:5%;   overflow:scroll;}
.dvExportLightbox{width:90%; height:90%;  margin:0 auto; }

/***
.dvExportLightboxTrigger{cursor:pointer; display:inline-block; padding:5px;  color:#002CFF; border:none; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
****/

.dvChartTitleDownload{ }
.dvExportLightboxTrigger{display:none; cursor:pointer; position:absolute; z-index:130;  padding:0; margin:0 0 0 0;  color:#002CFF; border:none; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


#dvMyImg{width:70%;} 

.dvExportLightboxScreenback{position:fixed; z-index:1010; width:100%; height:100%; margin:0; padding:0; background-color:#000; opacity:0.5; display:none;}

.dvExportDir{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.75em; line-height:130%; color:#474844; text-align:left;}

.dvExportDir ul{margin-top:10px;}

/*** TOOL TIP *****/

.dvToolTipBox{position:absolute; display:inline-block; z-index:200; padding:5px; background-color:#fbfbf9; border:1px solid #e5e8d7; color:#474844; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:none; box-shadow: 1px 3px 5px #888888;   }

.dvToolTipDownloadBox{position:absolute; z-index:200; padding:5px 5px 5px 5px; background-color:#fbfbf9; border:1px solid #e5e8d7; color:#474844; font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:none; box-shadow: 1px 3px 5px #888888;/* min-height:15px;*/  }


.dvChartTitleHold{width:100%;}
.dvChartTitle{float:left; }
.dvChartTitleDownload{float:right; margin:0px 30px 0 0; }



	
/*** UTILITY ************/

.dvLeft{float:left;}
.dvRight{float:left;}

.dvClearer{font-size:0; line-height:0; height:1%; overflow:hidden; clear:both;}

.dvBaseline{position:absolute; bottom:0; left:0;}




		@media (max-width: 430px) {
			.dvResetDefaultRange,.dvColFilterToFrom {
					font-size:2.5vmin;
			}
			.dvColFilter {
					font-size:3vmin;
			}
		}
		 
		@media (max-width: 500px) {
			.dvExportLightboxTrigger {
					display:none;
			}
			 
			#dvSvgSourceNotesA, #dvSvgSourceNotesB, #dvSvgSourceNotesBB{display:none;}
			 
			 
			 
		} 

		@media (min-width: 501px) {
			 
			 .dvChartNotesHtm{display:none;}
			 
			 
		}