BODY {
	border: none;
	margin: 0;
	padding: 0;
	font-family: 'lucida grande', verdana, sans-serif;
	font-size: 9pt;
	background-color:#ddd;
}
#container {
	/*width: 370px;/*460
	height: 260px;/*36
	/*background-image: url(images/back.png);
	background-repeat: no-repeat;*/
	position: absolute;
	top: 0px;
	left: 0px;
	width: 380px;/*460*/
	height: 260px;/*360*/
}
/*#view1 {
	position: absolute;
	top: 0;
	left: 0;
	/*background-image: url(images/shadows.png);
	background-repeat: no-repeat;
	width: 365px;/*460
	height: 260px;/*360
}
#view2 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 460px;
	height: 360px;
}
H1 SPAN {
	display : none;
}
H1 {
	background-image: url(images/title.png);
	background-position: 0 -160px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	left: 30px;
	width: 300px;
	height: 40px;
}
#arrow1, #arrow2 {
	position: absolute;
	top: 21px;
	width: 30px;
	height: 25px;
	cursor: pointer;
	 -apple-dashboard-region: dashboard-region(control rectangle 0px 0px 0px 0px);
}
#arrow1:hover, #arrow2:hover {
	background-position: 30px 0;
}
#arrow1 {
	left: 357px;
	background-image: url(images/arrow1.png);
}
#arrow2 {
	left: 392px;
	background-image: url(images/arrow2.png);
}*/
#square1, #square2, #square3 {
	position: absolute;
	top: 5px;/*55px;*/
	left: 15px;/*39px;*/
	width: 256px;
	height: 256px;
	cursor:crosshair;
	/* -apple-dashboard-region: dashboard-region(control rectangle 0px 0px 0px 0px); */
}
#square3 {
	background-image: url(images/case1.png);
}
#square_mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 21px;
	margin-left: -9px;
	margin-top: -8px;
	background-image: url(images/mark1.png);
	overflow: hidden;
}
#bar, #bar2 {
	position: absolute;
	top: 5px;/*55*/
	left: 281px;/*309*/
	width: 20px;
	height: 256px;
	/* -apple-dashboard-region: dashboard-region(control rectangle 0px 0px 0px 0px);*/
}
#bar2 {
	background-image: url(images/case2.png);
}
#bar_mark {
	position: absolute;
	top: 5px;
	left: 272px;/*300*/
	width: 23px;
	height: 21px;
	margin-top: -3px;/*48*/
	background-image: url(images/mark2.png);
	overflow: hidden;
	/* -apple-dashboard-region: dashboard-region(control rectangle 0px 0px 0px 0px);*/
}
#colour {
	position: absolute;
	top: 7px;/*55*/
	left: 306px;/*343*/
	width: 75px;
	height: 42px;
	background-color: #FFF;
	background-image: url(images/case3.png);
}
#control {
	font-family: Arial;
	font-size: 9pt;
}
#hsv {
	position: absolute;
	top: 66px;/*114*/
	left: 304px;/*342*/
}
#rgb {
	position: absolute;
	top: 155px;/*203*/
	left: 304px;/*342*/
}
#hex {
  position: absolute;
	top: 241px;/*289*/
	left: 310px;/*362*/
}
#input_h {
	background-image: url(images/degrees.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
#input_s, #input_v {
	background-image: url(images/percent.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
#input_hex {
	
	width: 55px !important;
}
#control DIV {
	height: 25px;
}
#control LABEL {
	display: block;
	float: left;
	width: 38px;
}

#control INPUT[type=text] {
	font-family: 'lucida grande', verdana, sans-serif;
	font-size: 8pt; 
	color: #333;
	width: 34px;
	height: 16px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

/*
#config1 {
	position: absolute;
	top: 270px;
	left: 240px;
	width: 180px;
	font-size: 8pt;
	text-align: right;
	line-height: 200%;
}
#config1 SELECT {
	width: 100px;
	font-family: 'lucida grande', verdana, sans-serif;
	font-size: 8pt;
	color: #555;
}
#config2 {
	position: absolute;
	top: 300px;
	left: 45px;
	font-size: 8pt;
	color: #666;
	line-height: 150%;
	font-family: arial;
}
#config3 {
	position: absolute;
	top: 60px;
	left: 50px;

}
#colourOut {
	width: 180px;
	height: 130px;
	margin-top: 5px;
	overflow: hidden;
	border: none;
	background-color: transparent;
	font-family: 'lucida grande', verdana, sans-serif;
	line-height: 150%;
	font-size: 8pt;
	color: #555;

}*/
.button {
text-align:center;
padding:0;
}