/* HTML TAGS */


a.cC
{
	display: block;
	float: left;
	width: 1px;
	height: 10px;
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	font-size: 0;
	text-decoration: none;
}

a.on
{
	border-top-color: #000000;
	border-bottom-color: #000000;
}

a.cC:hover
{
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

div.colorSlider
{
	clear: both;
}




/* OBJECTS */

#autoPaint
{
	clear:both;
	float: left;
	width: 256px;
	margin-top: 25px;
}

#hexCode
{
	width: 4em;
}

#hexEntry
{
	clear: both;
	float: left;
	width: 256px;
	margin-bottom: 25px;
}

#swatches
{
	clear: both;
}

#swatchValues
{
	clear:both;
	float: left;
	width: 256px;
	margin-top: 25px;
}




/* CLASSES */

.swatch
{
	float: left;
	width: 61px;
	height: 61px;
	margin: 0 1px 1px 0;
	border: 1px solid #000000;
}

.swatch a
{
	display: block;
	width: 100%;
	height: 100%;
}

.swatch a.on
{
	background-image: url(../images/selector.gif);
	background-repeat: no-repeat;
	background-position: center center;
}