@font-face {
    font-family: 'LA Web Display Kis Bold';
    src: url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/laheadline.eot');
    src: url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/laheadline.eot?#iefix') format('embedded-opentype'),
         url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/laheadline.woff') format('woff'),
         url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/laheadline.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Belizio Narrow Bold';
    src: url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-bold.eot');
    src: url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-bold.eot?#iefix') format('embedded-opentype'),
         url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-bold.woff') format('woff'),
         url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Belizio Narrow SemiBold';
    src: url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-semibold.eot');
    src: url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-semibold.eot?#iefix') format('embedded-opentype'),
         url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-semibold.woff') format('woff'),
         url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.3.1/belizio-narrow-semibold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
	
}

  html, body
  {
    width:100%;
	height: 100%;
    margin: 0px;
	font: normal 14px Arial, sans-serif;
  }
  .cell {
      stroke: none;
      fill: none;
      pointer-events: fill;
  }

  .graphicHead {
	font-family:"LA Web Display Kis Bold";
	font-size: 20px !important;
	padding-left:10px;
	margin:0 0 10px 0;
	padding-right:20px;
	font-weight: normal !important;
	
  }
  
  .graphicLeadin {
    font-size: 14px !important;
	padding-left:10px;
	padding-right:20px;
	margin:0 0 5px 0;
  }
  
  .graphicLegend {
    font-size: 12px !important;
	padding-left:10px;
  }

  .axis text {
    font: 10px sans-serif;
  }

  .axis path,
  .axis line {
    fill: none;
    stroke: #B2B2B2;
    shape-rendering: crispEdges;
	
  }
  .axis.highlight {
    fill: none;
    stroke: #B2B2B2;
    shape-rendering: crispEdges;
	
  }
  
  .axis.textHighlight {
    font: bold 10px sans-serif;
	fill:#A75217;
  }
  
  .tick.major {
  	fill: #8B8B8B;
  }

  .circle1 {
    fill: gray;
	fill-opacity:1;
	pointer-events:none
  }
  
  .circle2 {
    fill: #BC2A00;
	fill-opacity:1;
	pointer-events:none
  }
  

  .line
  {
    stroke: #1755BC;
	stroke-width:3px;
    fill: none;
	stroke-linejoin:round;
  }
  
  .legendLine1{
  	color:#1755BC;font-family: "Belizio Narrow Bold", "Arial Black", sans-serif; font-size:16px;
	pointer-events:none
  }
  
  
  .line2
  {
    stroke: #BC4D00;
	stroke-width:3px;
    fill: none;
	stroke-linejoin:round;
  }
  
  .legendLine2{
  	color:#BC4D00;font-family: "Belizio Narrow Bold", "Arial Black", sans-serif;font-size:16px;
  }
  
  .tipDataLable{
	  font-weight: normal;
	  font-size:9px;
	  line-height:10px;
	  text-transform:uppercase;
	  margin-bottom:0;
	  margin-top:2px;
  }
  
  .tipData{
	  font-weight: bold !important;
	  font-size:14px !important;
	  line-height:16px !important;
	  margin-bottom:4px;
	  margin-top:2px;
	  overflow: visible;
  }
  
  .tipData.y1{ 

}
  .tipData.y2{ 
  }
  .tipData.y1s{
}
  .tipData.y2s{
}
  
  .tipnote{
	  
	  font-size:9px;
	  line-height:10px;
	  font-weight: normal;
	  margin-bottom:2px;
	  margin-top:2px;
	  color: gray;
	  fill: gray;
	  overflow: visible;
  }
  
  .tipnote.s{ }
  
  .legendLine1{
  	color:#1755BC;font-weight:bold;
  }
  
  .legendData1{
	  font-weight:bold;
	  visibility:visible;
	  
  }
  
  .legendData2{
  	  font-weight:bold;
  	  visibility:visible;
    }
	
  #chartContainer
  {
    overflow: visible;
    width:100%;
	font-size: 10px;
  }
  
  
  #chartSvg {pointer-events:none}

  .graphicNote{
	font-size: 10px !important;
	margin:0 0 5px 0 !important;
	padding-left:10px;
	padding-right:20px;

  }

  .graphicSource{
	font-size: 10px ;
	float:left;
	margin:0 0 5px 0 !important;
	padding-left:10px;
	padding-right:20px;
  }

  .graphicCredit{
	font-size: 10px !important;
	float:right;
	margin:0 0 5px 0 !important;
	padding-right:20px;
  }
  
  #tooltipdiv {
	  position: absolute;
	  z-index: 10;
/*	  visibility: hidden;*/
	  opacity:0;
	  background: white;
	  padding: 5px;
	  border-style:solid;
	  border-width:1px;
	  border-color:#D4D4D4;
	  
	  
		
		
	  box-shadow: 2px 2px 2px rgba(64,64,64,0.3);
	  -moz-box-shadow: 2px 2px 2px rgba(64,64,64,0.3);
	  -webkit-box-shadow: 2px 2px 2px rgba(64,64,64,0.3);
	  border-radius: 2px;
	  -moz-border-radius: 2px;
  }
  
  .barContainer{
    fill: #8C8C8C;
	font-size:12px;
  }
  .bar{
    fill: #C2C0BB;
	vertical-align:middle;
  }  
  
  .bar.dataLabel{
    opacity:0;
  }
  
  .label.highlight {
    fill: #000;
	font-weight:bold;
  }
 
  .dataName{
    opacity:.8;
	fill: #666561;
  }
  .bar.negative {
    fill: #A72427;
  }
  .bar.highest {
    fill: #A75217;
  }
  .bar.highlight {
    fill: #BD4E16;
	font-weight:bold;
  }
 
  .bar:hover, .bar:hover+.bar.dataLabel{ 
    fill: #666561;
	font-weight:bold;
	opacity:1;
	display:block;
	opacity:1;
  }
  .overlay {
    fill: none;
    pointer-events: all;
  }