.eventType2
{
	background-color: #000000;
	color: #FFFFFF;
}

.eventTypeHover2
{
	background-color: #000000;
	color: #FFFFFF;
}

.eventText2
{
	color: #000000;
}

.eventText2:hover
{
	color: #000000;
}
    
.graphArrowLeft2
{
	border-color: white #000000 white white;
}

.graphArrowRight2
{
	border-color: white white white #000000;
}
    .eventType3
{
	background-color: #6b3fa0;
	color: #FFFFFF;
}

.eventTypeHover3
{
	background-color: #5B2F90;
	color: #FFFFFF;
}

.eventText3
{
	color: #6b3fa0;
}

.eventText3:hover
{
	color: #5B2F90;
}
    
.graphArrowLeft3
{
	border-color: white #6b3fa0 white white;
}

.graphArrowRight3
{
	border-color: white white white #6b3fa0;
}
    .eventType4
{
	background-color: #837050;
	color: #FFFFFF;
}

.eventTypeHover4
{
	background-color: #736040;
	color: #FFFFFF;
}

.eventText4
{
	color: #837050;
}

.eventText4:hover
{
	color: #736040;
}
    
.graphArrowLeft4
{
	border-color: white #837050 white white;
}

.graphArrowRight4
{
	border-color: white white white #837050;
}
    .eventType5
{
	background-color: #fd0e35;
	color: #FFFFFF;
}

.eventTypeHover5
{
	background-color: #ED0025;
	color: #FFFFFF;
}

.eventText5
{
	color: #fd0e35;
}

.eventText5:hover
{
	color: #ED0025;
}
    
.graphArrowLeft5
{
	border-color: white #fd0e35 white white;
}

.graphArrowRight5
{
	border-color: white white white #fd0e35;
}
    .eventType6
{
	background-color: #da3287;
	color: #000000;
}

.eventTypeHover6
{
	background-color: #CA2277;
	color: #000000;
}

.eventText6
{
	color: #da3287;
}

.eventText6:hover
{
	color: #CA2277;
}
    
.graphArrowLeft6
{
	border-color: white #da3287 white white;
}

.graphArrowRight6
{
	border-color: white white white #da3287;
}
    .eventType7
{
	background-color: #1ab385;
	color: #FFFFFF;
}

.eventTypeHover7
{
	background-color: #0AA375;
	color: #FFFFFF;
}

.eventText7
{
	color: #1ab385;
}

.eventText7:hover
{
	color: #0AA375;
}
    
.graphArrowLeft7
{
	border-color: white #1ab385 white white;
}

.graphArrowRight7
{
	border-color: white white white #1ab385;
}