*/
/* #time_period, #trackPointToggle, #bkg_time, #status { */
#time_period, #bkg_time, #status {
	display: none;
}


body {
	background: #404040;
	color: #888888;
	font-family: sans-serif
}

.hidden {
	visibility: hidden;
}

#color-selector {
	position: relative;
	left: 200px;
	top: 15px;/* 	margin-top: 50px; */
}

#colors {
	width: 150px;
}

#night_colors 
{
	position: relative;
	left: -154px;
	width: 150px;
	z-index: -100;
	opacity: 0.0;
}

circle.dragHandle {
	fill: '#3af',
/* 	stroke: '#03f', */
	stroke-width: 5px
}

#time_toggle, #tod_now {
	width: 6em;
}

#status {
	margin-top: 0.5em;
	color: gray;
}

#triAlpha-wrapper {
	display: inline-block /* !important */;
	width: 300px;
	position: relative;
	top: 2px;
	left: 10px;

}

#triAlpha {
	display: inline-block;
	width: 200px;
	margin-left: 10px;
	position: relative;
	top: 4px;
}

#ahead {
	margin-top: 3em;
}

.color-box {
	display: inline-block;
	width: 1em;
	height: 1em;
	border: solid gray 2px;
	border-radius: 4px;
}

div #r1 {
	background-color: #fd1f1f;
}

div #r2 {
	background-color: #0C9814;
}

div #r3 {
	background-color: #0000ff;
}

div #r4 {
	background-color: #FF9900;
}

/*
div #r5 {
	background-color: #E500FF;
}
*/
div #r5 {
	background-color: #00C5FF;
}

div #r6 {
	background-color: #00DBFF;
}

#bkg_colors {
	white-space: nowrap;
}

.bkg_color {
	display: inline-block;
	border: solid gray 1px;
	height: 10px;
}

#bkg_color_val {
	position: relative;
	top: -3px;
	font-size: 0.8em;
	font-family: monospace;
	padding-left: 5px;
}

.bkg_color_trace_item {
		
}

.inline_block {
	display: inline-block;
}

.bkg_color_span {
	margin: 0px;
/* 	padding-left: 1px */
	border: solid gray 1px;
	height: 10px;
}

#time_tod {
	width: 500px;
}