body {
		width: 600px;
		margin: auto;
		font-family: sans-serif;
		background: #aaaaaa;
}

h1 {
		font-size: 120%;
		font-weight: bold;
}

#header {         
		border: 1px solid #222222;
		background-color: #dddddd;
		padding: 0px 10px 0px 10px;
		margin: 10px 0px 10px 0px;
}


#maincontent {
		border: 1px solid #222222;
		background-color: #dddddd;
		padding: 20px;
}

#gridlabel {
		font-weight: bold;
		font-size: 120%;
}

#maintable {
		float: left;
}

table.cmaintable {
		border: 0px solid;
		border-spacing: 1px;
}
td.cmaintable {
		border: 0px solid #000000;
		margin: 2px;
		margin:0px;
		padding:0px;
}
tr.cmaintable {
		border: 0px solid #000000;
}


#minitable {
	float:left;
	margin-left: 50px;

}

table.cminitable {
		border: 0px;
		empty-cells:show;
		border-spacing: 0px;
}       
td.cminitable {
		border: 0px solid #000000;
		font-size:1px;
		margin:0px;
		padding:0px;
}
tr.cminitable {
		border: 0px;
}   

#controles {
		clear:both; 
}

#colors {        
		margin-right: auto;
}

#generate {
		margin-right: auto;
}

#info {
		margin-right: auto;
}

#colors {
		margin-right: auto;
}

table.colorTable {
		empty-cells:show;
		border-spacing: 3px;
}

td.colorTable { 
		border: 1px #000000 solid;
		margin: 0px;
		margin:0px;
		padding:0px;
}

#output {
		font-size: 6px;
}


#footer {
		margin-right: auto;
		margin-top: 20px;
		font-size:80%;
}