body {
	font-family: 'Source Code Pro';
	font-weight: 600;
}

.leftColumn {
	float: left;
	width: 180px;
}

.leftColumn a {
	text-decoration: none;
}

.gf3 {
	font-family: 'Rubik', sans-serif;
	margin-top: -10px;
	font-weight: 500;
	font-size: 64px;
}

.gf3 a {
	color: black;
	text-decoration: none;
}

.gf3 a:visited {
	color: black;
}

.gf3 a:hover {
	color: black;
}

.rightColumn {
	padding-left:180px;
	padding-bottom:100px;
	width: calc(100% - 230px);
}

.playbackWindow {
	width: 100%;
	height: 90%;
}

.mainText .title {
	font-size: 24px;
	text-decoration: underline;
}

.mainText .minorTitle {
        font-size: 16px;
}

.mainText div table {
	margin-left: 10px;
}

.big {
	font-size: 24px;
}

.middle {
	font-size: 14px;
}

.statsTable {
	font-size: 14px;
	border-spacing: 0px;
}

.mainText {
	width: 100%;
}

.mainText td {
	font-size: 12px;
	padding-right: 15px;
}

.mainText td a {
	text-decoration: none;
}

.mainText > div {
	padding-top: 2px;
	padding-left: 5px;
	margin-left: 10px;
	font-size: 12px;
}

.mainText a {
	text-decoration: none;
}

.topRow td {
	font-size:16px;
}

.eventsuccessex {
	background: #D4F494;
}

.eventcomplete {
	background: #84B523;
}

.eventstarted {
	background: #84A4C8;
}

.eventDetail {
	word-wrap: break-word;
}



	.mainTitle {
                position: absolute;
                top: 40px;
                left: 213px;
        }

        .neuronBlock {
                position: absolute;
                width: 12px;
                height: 12px;
                border: 1px solid #707070;
        }

        .geneIndicatorLine {
                width: 1px;
                height: 100%;
                background: black;
                position: absolute;
        }

        .geneIndicatorText {
                font-size: 12px;
                width: 100px;
                position: absolute;
                text-align: center;
        }

        .neuronLine {
                width: 100%;
                font-size: 10px;
                position: absolute;
        }

	.neuronLineElement {
                font-size: 8px;
                width: 12px;
                height: 12px;
                display: inline-block;
                margin: auto;
                text-align: center;
        }

        .borderSquare {
                border: 1px solid #000000;
        }

        .borderOpen {
                border-left: 1px solid #000000;
                border-top: 1px solid #000000;
                border-bottom: 1px solid #000000;
		padding-right: 1px;
        }

        .borderMiddle {
                border-top: 1px solid #000000;
                border-bottom: 1px solid #000000;
		padding-right: 1px;
		padding-left: 1px;
        }

        .borderClose {
                border-right: 1px solid #000000;
                border-top: 1px solid #000000;
                border-bottom: 1px solid #000000;
		padding-left: 1px;
        }

.borderWhite {
	border: 1px solid #FFFFFF;
}


.neuronRowText {
	width: 125px;
	position: absolute;
	text-align: right;
}