@charset "utf-8";
/* CSS Document */
body {
	padding: 0;
	margin: 0;
	
}
#cont {
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	min-height: 800px;
}
header {
	font-family: 'Cinzel', serif;
	font-size: 240%;
	color: #666;
	padding: 20px 0;

}
h4 {
	font-family:'roboto', sans-serif;
		color: #666;
		font-size:100%;
	font-weight: 300;
}
td {
	font-family:'roboto', sans-serif;
	font-size: 90%;
}
#score {
text-align:right;
	padding: 0px 4px 8px;
	width: 96px;
	height: 48px;
	border-radius: 4px;
	 background-color: rgba(0, 0, 0, 0.63);
	color:slategray;
	font-family: "BlackOpsOne-Regular", sans-serif;
	font-size: 36px;
	float: right;
	clear: left;
}
.cat {
	text-transform: uppercase;
	font-family: 'Archivo Black', sans-serif;
	font-weight: 600;

	font-size:100%;
}
.cat a {
		color: #eee;
}
.fundamental {
 padding:1%;
	margin:10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width:96%;
	position: relative;
	min-height: 40px;
}
.hold {
	width:160px;
	height: 20px;
	text-align:center;
float: right;

}


path {
  fill: transparent;
}

text {
  fill: #FF9800;
	font-family: 'Seaweed Script', cursive; 
	font-size: 160%;
}


.off {
	display: none;
}
.on {
	display: block;
}
.trans {
font-family: 'Roboto', sans-serif;

}
.kj {
	margin: 20px 0;
}
.plus {
text-align: left;
padding: 4px;
	color:lightcoral;
	float: left;
width:50%;


}

.catopen {
	list-style-type: none;
	display: none;
}

.pull_right {
	width:50%;
	float: right;
}
.indent {
width:60%;
	text-align: right;
	float: right;
}
.circle24 {
	width:16px;
	height: 16px;
	border-radius: 10px;
	display: inline-block;
}
.red {
	background-color: red;
}
.orange {
	background-color: orange;
}
.yellow {
	background-color: yellow;
}
.chartreuse {
	background-color:chartreuse;
}
.cyan {
	background-color:cyan;
}

.gray {
	background-color: slategray;
}

.judge_up {
	background-color:#533FD3;
	color:snow;
}
.judge_down {
	background-color:#4d4d77;
	color: snow;
}