#index-window {
	margin: 0 -33%;
	padding: 0;
	overflow: auto;
}

#index {
	position: relative;
	margin: auto;
	padding: 0;
	width: 620px;
	height: 374px;
	list-style-type: none;
	background: url('/images/screenshots/colourcoder/colourcoder-man.png') no-repeat;
}

#index li {
	position: absolute;
}

#index li a {
	position: absolute;
	border: 1px solid #000000;
	background: #F6F6F6;
	padding: 0.2em;
	white-space: nowrap;
}

#index-light-levels {
	top: 46px;
	left: 18px;
	width: 267px;
	height: 310px;
}

#index-light-levels a {
top:-15px;
	right: 272px;
}

#index-sample-history {
	top: 46px;
	left: 295px;
	width: 307px;
	height: 131px;
}

#index-sample-history a {
	top:-15px;
	left: 299px;
}

#index-current-sample {
	top: 208px;
	left: 310px;
	width: 89px;
	height: 83px;
}

#index-current-sample a {
	right: 90px;
}

#index-check-index-button {
	top: 208px;
	left: 405px;
	width: 182px;
	height: 39px;
}

#index-check-index-button a {
	left: 187px;
}

#index-store-sample-button {
	top: 252px;
	left: 405px;
	width: 182px;
	height: 39px;
}

#index-store-sample-button a {
	left: 187px;
}

#index-number-format {
	top: 295px;
	left: 310px;
	width: 277px;
	height: 20px;
}

#index-number-format a {
	right: 280px;
}

#index-sample-index-field {
	top: 320px;
	left: 311px;
	width: 275px;
	height: 20px;
}

#index-sample-index-field a {
	left: 278px;
}