body{
	
	font-family:"Bitstream Vera Sans",Arial,sans-serif;
	font-size:12pt;
	background-color:#fff;
	margin:0;
	padding:10px;
	background-color:black;
	
}

h1{
	color:white;
}

#target{
	position:absolute;
	border-top:5px solid #ddcbac;
	border-left:5px solid #bfb096;
	border-right:5px solid #9d8864;
	border-bottom:5px solid #88795e;
	top:80px;
	left:435px;
	height:200px;
	width:200px;
	background-color:#fff;
}

#complement{
	position:absolute;
	border-top:5px solid #ddcbac;
	border-left:5px solid #bfb096;
	border-right:5px solid #9d8864;
	border-bottom:5px solid #88795e;
	top:80px;
	left:645px;
	height:200px;
	width:200px;
	background-color:#000;
}

.redScrollbarContainer{
	
	position:absolute;
	border-top:5px solid #ddcbac;
	border-left:5px solid #bfb096;
	border-right:5px solid #9d8864;
	border-bottom:5px solid #88795e;
	top:80px;
	left:15px;
	height:200px;
	width:15px;
	background-color:#e5a7ab;
}

.greenScrollbarContainer{
	
	position:absolute;
	border-top:5px solid #ddcbac;
	border-left:5px solid #bfb096;
	border-right:5px solid #9d8864;
	border-bottom:5px solid #88795e;
	top:80px;
	left:55px;
	height:200px;
	width:15px;
	background-color:#ade5a7;
}

.blueScrollbarContainer{
	
	position:absolute;
	border-top:5px solid #ddcbac;
	border-left:5px solid #bfb096;
	border-right:5px solid #9d8864;
	border-bottom:5px solid #88795e;
	top:80px;
	left:95px;
	height:200px;
	width:15px;
	background-color:#aaa7e5;
}

.scrollable{
	
	position:absolute;
	overflow:hidden;
	border:2px solid #000;
	background-color:#ddd;
	top:100px;
	left:12px;
	margin-right:12px;
	margin-bottom:12px;
	background-color:#ffffee;
	
}

.scrollable th{
	background-color:#ffe9d6;
}

.scrollableObject{
	
	position:absolute;
	overflow:hidden;
	border:2px solid #000;
	background-color:#ddd;
	top:100px;
	left:12px;
	right:12px;
	bottom:12px;
	background-color:#c3cde9;
	
}

.pane{
	
	position:absolute;
	overflow:hidden;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
	background-color:#eee;
	top:0;
	left:0px;
	right:15px;
	bottom:15px;
	
}

.arrowContainer2{
	
	display:block;
	margin:0;
	padding:0px;
	background-color:#aabbe9;
	cursor:pointer;
	height:15px;
	width:15px;
	
}

.arrowContainer1{
	
	margin:0;
	padding:1px;
	border-left:1px solid #dee6f7;
	border-top:1px solid #dee6f7;
	border-right:1px solid #445882;
	border-bottom:1px solid #445882;
	background-color:#aabbe9;
	cursor:pointer;
	height:11px;
	width:11px;
	
}

.arrowContainer2:hover .arrowContainer1{
	
	border-left:1px solid #445882;
	border-top:1px solid #445882;
	border-right:1px solid #dee6f7;
	border-bottom:1px solid #dee6f7;
	
}

.rightArrow{
	
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:5px solid #aabbe9;
	border-left:9px solid #000;
	border-right:0;
	cursor:pointer;
	
}

.arrowContainer2:hover .arrowContainer1 .rightArrow{
	
	border-left:9px solid #fff;
	
}

.leftArrow{
	
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:5px solid #aabbe9;
	border-right:9px solid #000;
	border-left:0;
	cursor:pointer;
	
}

.arrowContainer2:hover .arrowContainer1 .leftArrow{
	
	border-right:9px solid #fff;
	
}

.upArrow{
	
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:5px solid #aabbe9;
	border-bottom:9px solid #000;
	border-top:0;
	cursor:pointer;
	
}

.arrowContainer2:hover .arrowContainer1 .upArrow{
	
	border-bottom:9px solid #fff;
	
}

.downArrow{
	
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:5px solid #aabbe9;
	border-top:9px solid #000;
	border-bottom:0;
	cursor:pointer;
	
}

.arrowContainer2:hover .arrowContainer1 .downArrow{
	
	border-top:9px solid #fff;
	
}

.upperLeftCorner{
	
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:5px solid #aabbe9;
	border-left:5px solid #000;
	border-top:5px solid #000;
	cursor:pointer;
	
}

.arrowContainer2:hover .arrowContainer1 .upperLeftCorner{
	
	border-left:5px solid #fff;
	border-top:5px solid #fff;
	
}

.upperRightCorner{
	
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:5px solid #aabbe9;
	border-right:5px solid #000;
	border-top:5px solid #000;
	cursor:pointer;
	
}

.shadeIcon{
	
	margin:0;
	padding:0;
	width:7px;
	height:2px;
	border:2px solid #000;
	cursor:pointer;
	background-color:#ffe9d6;
	
}

.arrowContainer2:hover .arrowContainer1 .upperRightCorner{
	
	border-right:5px solid #fff;
	border-top:5px solid #fff;
	
}

.rightSpeedArrow{
	
	float:left;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:5px solid #aabbe9;
	border-left:5px solid #000;
	border-right:0;
	cursor:pointer;
	
}

.arrowContainer2:hover .arrowContainer1 .rightSpeedArrow{
	
	border-left:5px solid #fff;
	
}

.leftSpeedArrow{
	
	float:left;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:5px solid #aabbe9;
	border-right:5px solid #000;
	border-left:0;
	cursor:pointer;
	
}

.arrowContainer2:hover .arrowContainer1 .leftSpeedArrow{
	
	border-right:5px solid #fff;
	
}

.upSpeedArrow{
	
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:5px solid #aabbe9;
	border-bottom:5px solid #000;
	border-top:0;
	cursor:pointer;
	
}

.arrowContainer2:hover .arrowContainer1 .upSpeedArrow{
	
	border-bottom:5px solid #fff;
	
}

.downSpeedArrow{
	
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:0;
	height:0;
	border:5px solid #aabbe9;
	border-top:5px solid #000;
	border-bottom:0;
	cursor:pointer;
	
}

.arrowContainer2:hover .arrowContainer1 .downSpeedArrow{
	
	border-top:5px solid #fff;
	
}

.arrowContainer2:active .arrowContainer1 .downSpeedArrow{
	
	border-top:5px solid #afa;
	
}


.hz1{
	
	position:absolute;
	bottom:0px;
	left:200px;
	
}

.hz2{
	
	position:absolute;
	bottom:0px;
	left:225px;
	
}

.hz3{
	
	position:absolute;
	bottom:0px;
	right:30px;
	
}

.hz4{
	
	position:absolute;
	bottom:0px;
	right:15px;
	
}

.vt1{
	
	position:absolute;
	top:0px;
	left:0px;
	
}

.vt2{
	
	position:absolute;
	top:15px;
	left:0px;
	
}

.vt3{
	
	position:absolute;
	bottom:15px;
	left:0px;
	
}

.vt4{
	
	position:absolute;
	bottom:0px;
	left:0px;
	
}

.bottomRightCorner{
	
	position:absolute;
	bottom:0px;
	right:0px;
	
}

.topRightCorner{
	
	position:absolute;
	top:0px;
	right:0px;
	
}

.fixedHeader{
	
	position:absolute;
	margin:0;
	padding:0;
	z-index:25;
	background-color:#fff2d6;
	
}

.fixedHeader table{
	
	border-right:2px solid #000;
	
}

.horizontalHeader{
	
	position:absolute;
	margin:0;
	padding:0;
	z-index:20;
	background-color:#ffe9d6;
	
}

.verticalHeader{
	
	position:absolute;
	margin:0;
	padding:0;
	z-index:15;
	background-color:#faffe8;
	
}

.verticalHeader table{
	
	border-right:2px solid #000;
	
}

.tableContainer{
	
	position:absolute;
	margin:0;
	padding:0;
	z-index:10;
	left:0px;
	top:0px;
	background-color:#fff;
	
}

table{
	
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:1px solid #000;
	white-space:nowrap;
	overflow:hidden;
	
}

th{
	
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:3px;
	border:1px solid #000;
	border-bottom:2px solid #000;
	width:10px;
	
}

td{
	
	margin:0;
	padding:3px;
	border:1px solid #000;
	
}

.hSlider{
	
	position:absolute;
	display:block;
	bottom:0px;
	left:250px;
	height:13px;
	width:50px;
	margin:0;
	background-color:#aabbe9;
	border-left:1px solid #dee6f7;
	border-top:1px solid #dee6f7;
	border-right:1px solid #445882;
	border-bottom:1px solid #445882;
	cursor:pointer;
	color:#000;
	
}

.hSlider:hover{
	
	color:#fff;
	background-color:#92aae8;
	
}

.vSlider{
	
	position:absolute;
	display:block;
	left:0px;
	top:30px;
	height:50px;
	width:13px;
	margin:0;
	background-color:#aabbe9;
	border-left:1px solid #dee6f7;
	border-top:1px solid #dee6f7;
	border-right:1px solid #445882;
	border-bottom:1px solid #445882;
	cursor:pointer;
	color:#000;
	
}

.vSlider:hover{
	
	color:#fff;
	background-color:#92aae8;
	
}

#s1{
	position:absolute;
	border:5px solid #b3b3b3;
	top:80px;
	left:140px;
	height:0px;
	width:0px;
	line-height:0;
	border-top:0;
	border-left:  38px solid black;
	border-right: 38px solid red;
	border-bottom:66px solid red;
}

#s2{
	position:absolute;
	border:5px solid #b3b3b3;
	top:80px;
	left:216px;
	height:0px;
	width:0px;
	line-height:0;
	border-top:0;
	border-left:  38px solid red;
	border-right: 38px solid #0f0;
	border-bottom:66px solid yellow;
}

#s3{
	position:absolute;
	border:5px solid #b3b3b3;
	top:80px;
	left:292px;
	height:0px;
	width:0px;
	line-height:0;
	border-top:0;
	border-left:  38px solid #0f0;
	border-right: 38px solid black;
	border-bottom:66px solid #0f0;
}

#s4{
	position:absolute;
	border:5px solid #b3b3b3;
	top:146px;
	left:140px;
	height:0px;
	width:0px;
	line-height:0;
	border-top:   66px solid red;
	border-left:  38px solid black;
	border-right: 38px solid #f0f;
	border-bottom:0;
}

#s5{
	position:absolute;
	border:5px solid #b3b3b3;
	top:146px;
	left:216px;
	height:0px;
	width:0px;
	line-height:0;
	border-top:   66px solid white;
	border-left:  38px solid #f0f;
	border-right: 38px solid #0ff;
	border-bottom:0;
}

#s6{
	position:absolute;
	border:5px solid #b3b3b3;
	top:146px;
	left:292px;
	height:0px;
	width:0px;
	line-height:0;
	border-top:   66px solid #0f0;
	border-left:  38px solid #0ff;
	border-right: 38px solid black;
	border-bottom:0;
}

#s7{
	position:absolute;
	border:5px solid #b3b3b3;
	top:212px;
	left:140px;
	height:0px;
	width:0px;
	line-height:0;
	border-top:0;
	border-left:  38px solid black;
	border-right: 38px solid #00f;
	border-bottom:66px solid black;
}

#s8{
	position:absolute;
	border:5px solid #b3b3b3;
	top:212px;
	left:216px;
	height:0px;
	width:0px;
	line-height:0;
	border-top:0;
	border-left:  38px solid #00f;
	border-right: 38px solid #00f;
	border-bottom:66px solid #00f;
}

#s9{
	position:absolute;
	border:5px solid #b3b3b3;
	top:212px;
	left:292px;
	height:0px;
	width:0px;
	line-height:0;
	border-top:0;
	border-left:  38px solid #00f;
	border-right: 38px solid black;
	border-bottom:66px solid black;
}

#redvalue{
	position:absolute;
	z-index:20;
	top:114px;
	left:174px;
	color:#fff;
	font-size:25px;
	font-weight:bold;
}

#greenvalue{
	position:absolute;
	z-index:20;
	top:114px;
	left:309px;
	color:#fff;
	font-size:25px;
	font-weight:bold;
}

#bluevalue{
	position:absolute;
	z-index:20;
	top:230px;
	left:242px;
	color:#fff;
	font-size:25px;
	font-weight:bold;
}

#targetValue{
	position:absolute;
	z-index:20;
	top:330px;
	left:490px;
	color:#ddcbac;
	font-size:25px;
	font-weight:bold;
}

#targetLabel{
	position:absolute;
	z-index:20;
	top:300px;
	left:490px;
}

#complementValue{
	position:absolute;
	z-index:20;
	top:330px;
	left:675px;
	color:#ddcbac;
	font-size:25px;
	font-weight:bold;
}


#complementLabel{
	position:absolute;
	z-index:20;
	top:300px;
	left:655px;
}