svg line {
            stroke: black;
        }

svg .pumpMark
{
	fill: #238b45;
}

svg .victimMark
{
	fill: #66c294;
}

svg .victimMark:hover
{
	fill: #00441b;
}

svg .selectedVictimMark
{
	fill: #00441b;
}
#brewerySquare, 
#workHouseSquare{
	fill: grey;
}


#brewerySquare:hover, 
#workHouseSquare:hover{
	fill: #00441b;
}

#oxfordStreet:hover
{
	fill: #00441b;
}

#dateSVG rect:hover, 
#ageSVG rect:hover, 
#genderSVG rect:hover {
				fill: #00441b;
			}
	
#maptip {
				display: inline-block;
				vertical-align: top;
				width: 33%;
				height: auto;
				padding: 1%;
				background-color: white;
				-moz-border-radius: 10px;
				border-radius: 10px;
				-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
				-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
				box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
				pointer-events: none;
			}

#datetip .hidden {
				display: none;
			}
	
#dateSVG, #ageSVG, #genderSVG
{
	padding-left: 1%;
}

#dateSVG #datetip p {
				margin: 0;
				font-family: sans-serif;
				font-size: 16px;
				line-height: 20px;
			}

#dateSVG rect {
	fill: #f89828;
}

#ageSVG rect {
	fill: #0397d5;
}

#genderSVG rect {
	fill: #7ac043;
}

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

svg	.axis path,
svg	.axis line {
	  fill: none;
	  stroke: #000;
	  shape-rendering: crispEdges;
	}

#aboutSourceArea, 
#documentationArea
{
	padding-left: 2%;
	display: inline-block;
}

#aboutSource:hover
{
	background-color: gainsboro;
}

#documentationSource:hover
{
	background-color: gainsboro;
	cursor: hand;
}
.rotateImage{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}