body {
	background: black;	
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



#config {
	display: none;
}


.colourPicker-paintColour {
	position: relative;
	width: 60px;  /* colourSize */
	height: 60px;
	padding: 10px;
	cursor: pointer;
} 

.colourPicker-colourChip {
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	width: 80px;  /* colourSize + 20 */
	max-width: 90px; /* colourSize + 30 */
	border: solid 1px black;
	padding: 5px; /* (colourSize + 20) / 10 */
	float: left;
	margin: 5px; /* (colourSize + 20) / 10 */
	
}

.colourPicker-colourChip-active {
	opacity: 1;
}

.colourPicker-colourChip-behindActive {
	opacity: 0.5;
}


.colourPicker-paintColour-name {
	
}

.colourPicker-paintColour-name {
	position: absolute;
	bottom: 10px;
	
}

.endBlock {
	clear: both;
}
.light {
	color: white;
}

.dark {
	color: black;
}

.colourPicker-category {
	
	width: 5000px;
	
	overflow: hidden;
	
	
}


.colourPicker-categoryContainer {
	position: relative;
	top: 10px;
	left: 10px;
	width: 80%;
	height: 450px;
	display: none;
	overflow: auto;
	margin: 0 auto;
	border: solid 2px white;
}

.colourPicker-currentCategory {
	display: block;
}


table.formTable {
	font-size: 0.7em;
	margin: 0 auto;
}

table.formTable select {
	font-size: 0.8em;
}

table.formTable th {
	text-align: right;
}

table.formTable td {
	text-align: left;
}