#theform table {
	border:1px solid #FFA399;
	margin-top:3px;
}
#theform td {
	background:#FFD699;
	color:#013;
	padding:3px;
}

h1, h2, h3 {
	display:inline;
	margin:0;
	padding:0;
}
h2 {
	font-size:14pt;
}

#header {
	padding:12px 25px;
	background-color:#139;
}
#header h1, #header h2 {
	display:inline;
	color:#fff;
}
#cwnav {
	position:absolute;
	top:-1px;
	background-color:#139;
	width:100%;
}
#cwnav>div:last-child { display:none; } 

#navcontainer {
	position:relative!important;
	margin:0 auto;
}

#top {
	position:relative;
	text-align:center;
	padding:8px 0;
}

#bottom {
	position:relative;
	text-align:center;
	margin-top:15px;
}

#everything {
	position:relative;
}

#cwmain { padding-top:12px; }
#cwmain form {
	display:inline;
}

#monochrome, #analogous, #complementary, #splitcomplementary, #triadic {
	position:relative;
	height:255px;
	text-align:center;
}

#complementary { width:182px; }
#splitcomplementary { width:274px; }
#triadic { width:274px; }
#analogous { width:274px; }

.swatch {
	position:absolute;
	height:42px;
	width:90px;
	font-size:7pt;
	text-align:center;
	background:black;
	color:transparent;
}
.swatch:hover {
	color:#666;
}

.sa { top:30px; }
.sb { top:74px; }
.sc { top:118px; }
.sd { top:162px; }
.se { top:206px; }

.s1 { left:0px; }
.s2 { left:92px; }
.s3 { left:184px; }

#TriggerNoteStripeBottom>div:last-child { padding:0!important; }