html {
overflow:hidden;
height:100%;	
	/*background-color:green;
	color:green;*/
}
body {

overflow:hidden;
height:100%;
margin:0px;
max-height:1089px;
/*background-color:orange;
	color:orange;
*/	
}
#bodyid {

height:100%;
max-height:1089px;
color:red;
/*background-color:red;*/
margin:0px;
overflow:hidden;
padding:0px;
}
.ready {
	overflow:scroll;
}
.readyhtml {
	/*overflow:visible;*/
}

.mobile-only, .tablet {
	display:none;
}
#spinnerdivid {
	width:200px;
	height:70px;
	background-color:none;
	position:fixed;
/*top:94%;*/
bottom:-10px;
left:54px;
opacity:1;
pointer-events:none;
}
#copy {
/*top:305px;*/
top:50%;

padding-bottom:100px;
color:green;
width:90%;

/*color:blue;
background-color:blue;
*/
position:relative;
color:#241F20;
font-family:Georgia, serif;

/*overflow: -moz-scrollbars-none;
*/
}
.logodiv {
	position:fixed;
	top:10px;
left:56px;
fill:white;
	z-index:50;

	cursor:pointer;
	cursor:hand;
}
.logodiv:hover {
	fill:#A9F0FF;
}




.twitterdiv {
	position:fixed;
	top:100px;
left:10px;
	z-index:49;
	
	cursor:pointer;
	cursor:hand;
}
.facebookdiv {
	position:fixed;
	top:130px;
left:10px;
	z-index:49;
	
	cursor:pointer;
	cursor:hand;
}
#facebook, #twitter {
	fill:#ccc;
}
#twitter {
	-ms-transform: scale(0.9); /* IE 9 */
    -webkit-transform: scale(0.9); /* Chrome, Safari, Opera */
    transform: scale(0.9);
}
#facebook {
	-ms-transform: scale(0.8); /* IE 9 */
    -webkit-transform: scale(0.8); /* Chrome, Safari, Opera */
    transform: scale(0.8);
}

#facebook:hover, #twitter:hover {
fill:#00ADF4;
pointer:cursor:
pointer:hand;
}
#arrow {
position:fixed;
/*top:640px;*/
/*top:93%;*/
bottom:35px;
left:54px;
pointer-events:all;
}
#arrow:hover {
cursor:pointer;
cursor:hand;
}

#content {

position:relative;
width:355px;
/*overflow: -moz-scrollbars-none;*/
left:56px;
}
/*
::-webkit-scrollbar { 
    display: none; 
}*/
#clippingrect {
position:fixed;
/*top:625px;*/
bottom:-20px;
opacity:1;
pointer-events:none;

}
#markers {
margin-top:-1225px;
margin-left:20px;
}
.marker {
fill:#BCBEC0;
stroke:none;
opacity:0;
pointer-events:none

}
.highlighted {
	fill:#00ADF3;
}

.espanolbutton {
	font-family: Helvetica Neue;
	font-size:10px;
	margin-bottom: 35px;
	letter-spacing:1px;
}

.title-were {

position:relative;
font-family: Georgia, serif;
font-style:oblique;
font-size:26px;
font-weight:bold;
display:inline;
left:-5px;
}
.title-apostrophe {
position:relative;
	display:inline;
	font-family: Georgia, serif;
font-style:oblique;
font-size:28px;
font-weight:bold;
position:relative; 
top:-15px;
left:-2px;
margin-left:-1px;

}
.title-fracked{
font-family:Georgia;
font-size:87px;
font-weight:bold;
letter-spacing: -5px;
top:-90px;
position:relative;
left:-6px;
}
.subtitle {
font-size:16px;

line-height:1.6em;
top:-180px;
position:relative;

}

.byline {
margin-top:-185px;
font-family: Georgia, serif;
font-size:14px;
font-style:italic;

}
/*.paragraphs {

}*/
.par {
position:relative;
top:10px;
font-size:20px;
font-family:Georgia, serif;
line-height:1.35em;
color:#DCDBD8;

}
.parreadstories {
	color:#aaa;
	font-family:Georgia, serif;
	font-size:13px;
	line-height:19px;
	margin-top:30px;

}

.readlink {
	color:#00ADF3;
	text-decoration:none
}

.readlinkmethodlink {
	color:#00ADF3;
	text-decoration:none;

	font-family: Helvetica Neue;
	font-size:10px;
	
letter-spacing:1px;
	
	
}
.readlink:hover, .readlinkmethodlink:hover {
	text-decoration: underline;
}
.highlightedtext {
	color:#241F20;
}
.invisibletext {
	opacity:0;
}

#toxingraph {

	
	position:relative;
	top:-20px;
}
.healthbars {
  fill: steelblue;
  text-align: right;
 /* padding: 3px;
  margin: 1px;
  color: white;*/
}
#smallsvg {
	/*background:#eee;*/


}



/* Map */
#map {
position:fixed;
top:0px;
overflow:hidden;
overflow-y:hidden;
overflow-x:hidden;
pointer-events:none;
opacity:0;
}

.mapimage {
/*
	-webkit-transition: opacity 2s ease;
       -moz-transition: opacity 2s ease;
        -ms-transition: opacity 2s ease;
         -o-transition: opacity 2s ease;
            transition: opacity 2s ease;*/
}
/*
.maintext {
position:relative;
top:-250px;
font-size:32px;
font-family:Georgia, serif;
line-height:1.35em;
}
.activepar {
border: 1px solid black;
    height: 50px; 
    width: 600px;
    vertical-align: top;
}

span {
    width: 600px;
    height: 50px;
}

.flt {
    float: left;
}

.frt {
    float: right;

}

rect {
    fill: red;
}*/



.basin {
	fill-opacity:.1;
	stroke:#00AEEF;
	stroke-opacity:0;
	/*stroke-width:0px;*/
	fill:#00AEEF;
	opacity:0;
	transition: fill-opacity .5s, stroke-opacity .5s;
        -webkit-transition: fill-opacity .5s, stroke-opacity .5s;
        -moz-transition: fill-opacity .5s, stroke-opacity .5s;
        -ms-transition: fill-opacity .5s, stroke-opacity .5s;
         -o-transition: fill-opacity .5s, stroke-opacity .5s;

}
.basinshow {
	opacity:1;
}
.basinhighlighted {
	fill-opacity:.25;
	stroke-opacity:0;
	/*fill-opacity:1;*/
	/*stroke-opacity:1;
	stroke-width:1;
	  -webkit-transition: stroke-opacity 2s ease;
       -moz-transition: stroke-opacity 2s ease;
        -ms-transition: stroke-opacity 2s ease;
         -o-transition: stroke-opacity 2s ease;
            transition: stroke-opacity 2s ease;
     -webkit-transition: stroke-width 2s ease;
       -moz-transition: stroke-width 2s ease;
        -ms-transition: stroke-width 2s ease;
         -o-transition: stroke-width 2s ease;
            transition: stroke-width 2s ease;*/
   
/*
	stroke-width:1px;
	stroke-opacity:1;*/
}

.healthline {
	fill:none;
	stroke:#241F20;
	stroke-width:1.1px;
}
.backgroundhealthline {
	stroke:#241F20;
	stroke-width:1.1px;
	opacity:.15;
	fill:none;
}
.healthlabel {
	font-family:Georgia;
	fill:#6D6E71;
	font-size:11px;	
}
.masshoverrect {
	fill:black;
	opacity:.001;
	cursor:arrow;
}
.pointable {
	cursor: hand;
	cursor: pointer;
}
.massline {
	fill:none;
	stroke:#241F20;
	stroke-width:2px;
}
.masscircle {
	opacity:1;
	pointer-events: all;
}
.masscircle:hover {
	fill:#00AEEF;
	cursor:pointer;
	cursor:hand;
}
.backgroundmassline {
	stroke:#241F20;
	stroke-width:2px;
	opacity:.15;
	fill:none;
}
.toxinsgraphtitle {
	fill:#241F20;
	font-size: 21px;
	font-family:Helvetica Neue;
	font-weight:bold;
	letter-spacing:1px;
}
.toxinsgraphsubtitle {
	fill:#241F20;
	font-size: 15px;
	font-family:Georgia/*Helvetica Neue;
*/

}
.laBasinLabel {
	font-family: Helvetica Neue;
	font-size:12px;
	fill:#6D6E71;

	text-align:center;
	text-anchor:middle;
	dominant-baseline: central;
}
.laBasinCountyLabel {
letter-spacing:1px;
}
.mapLabel {
	
	-webkit-transition: opacity .2s ease;
       -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
         -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
}
.caLabel {
	font-family: Helvetica Neue;
	font-size:12px;
	fill:#6D6E71;
	font-weight:normal;
letter-spacing:1px;
	text-align:center;
	text-anchor:middle;
	dominant-baseline: central;
	
}
.massaxisdatelabel {
	fill:#6D6E71;

	font-size:11px;	
}
.masshoverlabel {
		fill:#6D6E71;
	font-style:oblique;
	font-size:14px;	
}
.massaxisamtlabel {
	fill:grey;
	font-size:11px;	
}
.massaxisamtlabelmoving {
	fill:#241F20;
	font-size: 13px;
	font-family:Georgia;

	letter-spacing:1px;
	text-anchor: end;
}
.healthamtlabelmoving {
	fill:#aaa;
	font-size: 10px;
	font-family:Georgia;
	letter-spacing:1px;
	text-anchor: end;
}
/*
.massdatelabel {
	fill:#241F20;
	font-size: 23px;
	font-family:Georgia;

	letter-spacing:1px;
}*/
.massdatelabel {
	fill:#241F20;
	font-size: 28px;
	font-family:Georgia;

	letter-spacing:1px;
}
.masschemname {
	fill:#241F20;
	font-size: 15px;
	font-family:Helvetica Neue;

	
}
.active {
	fill:#241F20;
	font-weight:bold;
}
.activedate {
	fill:#241F20;
}


.county {
  fill: yellow;
stroke:none;
opacity:.15;

	-webkit-transition: opacity .2s ease;
       -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
         -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
  /*pointer-events:all;*/
}
/*
.county:hover {
fill:red;
}*/
.state {
fill:#E8E9E8;

}
.state-boundary {
fill:none;
stroke:#E8E9E8;
stroke-width:3px;
pointer-events:all;
}/*
.state-boundary:hover {
	fill:blue;
}*/
.land-boundary {
/*fill:#E8E9E8;*/
stroke:none;
stroke-width:3px;
fill:#EEE9DC;
	-webkit-transition: opacity .2s ease;
       -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
         -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
}
.legendstate {
	fill:white;
	stroke:#6D6E71;
	stroke-width:1.01px;
}
.calegendlabel {
	font-family: Helvetica Neue;
	font-size:12px;
	fill: #6D6E71;;
	letter-spacing:1px;
}

.labasinlegendlabel {
	font-family: Helvetica Neue;
	font-size:13px;
	fill: #6D6E71;;
}
.welllegendshapelabel {
font-family: Helvetica Neue;
	font-size:13px;
	fill: #6D6E71;
	/*fill:#444;*/

}
.welllegendaquifer {
	fill-opacity:.6;

	fill:#00AEEF;
}
.legendcounty {
	fill:#6D6E71;;
	
}
.legendcountyhighlighted {
	fill:#939598;
	/*fill:#939598;*/
}
/*
#maplegendgid {
	-webkit-transition: opacity .2s ease;
       -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
         -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
}
#toxinlegendgid {
-webkit-transition: opacity .2s ease;
       -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
         -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
}*/
.legendtoxincircles {
stroke:#6D6E71;
fill:none;
stroke-width:1px;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d; 
/*
-webkit-transform: rotateZ(2deg);
   transform: rotate(2deg);
    -ms-transform: rotate(2deg); /* IE 9 */
  /*  -webkit-transform: rotate(2deg); /* Safari and Chrome */
  /*  -o-transform: rotate(2deg); /* Opera */
    /*-moz-transform: rotate(2deg); /* Firefox */

}
.toxinlegendlabel {

	text-anchor:middle;
}
.invisible {
opacity:0;

}
.sedbasin {
	fill:yellow;
	fill-opacity:.6;
	/*stroke:red;*/
	-webkit-transition: opacity .2s ease;
       -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
         -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
}
.sedbasinlegend {
fill:#F9F914;
	fill-opacity:1;

}
.wellshapes {
	fill:#241F20;
	stroke:white;
	-webkit-transition: opacity .2s ease;
       -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
         -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
}
.welllegendshapes {
	fill:#241F20;


	-webkit-transition: opacity .2s ease;
       -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
         -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
/*
	fill:none;
	stroke:#939598;
	stroke-width:1px;
	shape-rendering: crispEdges;
	-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d; */

}
.injectionwellcircles {
	/*fill-opacity:.3;*/
	
	fill:#FF7E00;
	
}
.legendinjectionwellcircles {
fill:#FF7E00;

}
.stimulatedwellcircles {
	/*fill-opacity:.3;*/
	fill:#7E0006;
	
}
.wellActive {

}
.legendstimulatedwellcircles {
	fill:#7E0006;

}
.wellcircles {
/*
	fill: yellow;
	stroke:black;
	pointer-events:all;*/
		fill:#8C0000;
	stroke: #58595B;
fill-opacity:1;
pointer-events:all;
}
.wellcircles-done {
/*fill:#241F20;
stroke:#58595B;*/
}
.welllines {
      fill: none;
      stroke: blue;
      stroke-width: 2px;
   }

.toxincircles {
	fill:#241F20;
	stroke: #6D6E71;
fill-opacity:1;
pointer-events:all;
opacity:1;
	/*fill: url(#toxics-gradient);*/
}
.toxincircles-done {

fill:#393839;

opacity:.7;

}
.toxincircleshover {
	cursor:hand;
	cursor:pointer;
	stroke-width:4px;
	/*stroke: #00ADF3;*/
	stroke:#00ADF3;
	/*fill:#241F20;*/
	opacity:1;
	fill:#241F20;
}

.d3-tip {
    background-color: #ffffff;
   
    width: 230px;
    /*height: 260px;
*/
	padding:3px;
    position:fixed;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 5px 0px #aaa;
    -moz-box-shadow: 0px 0px 5px 0px #aaa;
    -webkit-box-shadow: 0px 0px 5px 0px #aaa;
     z-index:102;
    /* transition: all 0.1s ease;*/
     pointer-events:all;
    cursor:hand;
	cursor:pointer;
}

.d3-tip p {
    padding:10px;
}

#tailShadow {
    width: 4px;
    height: 4px;
    background-color: transparent;
    position:absolute;
    top: 27px;
    right: -6px;
    z-index:100;
    box-shadow: 0px 0px 5px 1px black;
    -moz-box-shadow: 0px 0px 5px 1px black;
    -webkit-box-shadow: 0px 0px 5px 1px black;    
    opacity:0;
    
}

#tail1 {
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color: transparent transparent transparent white;
    position:absolute;
    top: 20px;
    right: -18px;
    z-index:101;
}
.tipdate {
	text-align: left;
	
	margin-top:4px;
		font-family: Helvetica Neue;
	font-size:10px;
	letter-spacing: .65px;
	color:#939598;
}
.tipoperator {
	font-family: Georgia;
	font-size:15px;
	color:#241F20;
	text-align: left;
	margin-top:-21px;
/*letter-spacing:-.5px;*/

	
}

.tipamt {
font-family: Georgia;
	font-size:26px;
	color:#241F20;
	text-align: left;
	margin-top:-28px;
}
.tiplabel {
	font-family: Helvetica Neue;
	font-size:10px;
letter-spacing: .65px;
		color:#939598;
	margin-top:-30px;
}

.tipchemsdiv {
	width:223px;
	/*max-height:141px;*/
	overflow-y:scroll;
	/*background-color:#ddd;*/
	margin-top:-19px;
	line-height:1.2em;
	
}

.tipchem {

font-family: Georgia;
	font-size:12px;
	color: #6D6E71;
	margin-top:-25px;
}



















.date {
	position:absolute;
	color:#717270;
	font-size:64px;
	top:570px;
	left:700px;
}
.vistitle {
	position:absolute;
	color:#717270;
	font-size:12px;
	top:520px;
	left:700px;
	width:245px;
	font-family:Helvetica Neue;
	font-weight:500;
	letter-spacing: 1px;
}

.twitterdiv, .facebookdiv, #map, #arrow {
	opacity:0;
		-webkit-transition: opacity .2s ease;
       -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
         -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
}