html {
  background-color:#e6e6e6;
  min-height:100%;
  }
  
body {
  width:750px;
  margin:0 auto;
  padding:0 3em;
  position:relative;
  font-size:.75em;
  font-family:sans-serif;
  min-height:100%;
  }

h1 {
  text-align:center;
  font-weight:normal;
  margin:0;
  padding:0;
  padding-top:1.2em;
  }

h1 + p , fieldset + p {
  text-align:center;
  margin:0;
  padding:0;
  padding-bottom:2em;
  }
  
fieldset + p {
  padding-top:2em;
  }
  
p  a {
  text-decoration:none;
  color:#000;
  }

p  a:hover {
  background-color:#333;
  color:#fff;
  }
  
#color-controls {
  position:relative;
  width:100%;
  height:380px;
  margin-bottom:3em;
  }

hue-saturation-circel {
  left:0px;
  top:0px;
  width:380px;
  height:380px; 
  }

hue-saturation-quadrat {
  width: 320px;
  height:320px;
  left:30px;
  top:30px;
  }

luminosity-axis {
  height: 320px;
  width: 32px;
  left:418px;
  }
  
luminosity-axis pointer-1-d {
  left:-24px;
  }
  
form {
  padding:0;
  margin:0;
  }

fieldset {
  border:none;
  padding:0;
  margin:0;
  }
  
fieldset input {
  vertical-align:top;
  }

fieldset input[type='number'], fieldset input[type='text'] {
  margin:0;
  width:4em;
  font-size:12px;
  height:18px;
  padding:0;
  }
  
fieldset input[type='radio'] {
  margin:0;
  height:22px;
  padding:0;
  }

legend {
  border:none;
  display:block;
  background-color:#666;
  border:1px solid #333;
  width:370px;
  margin:0;
  color:#fff;
  }
  
label {
  display:block;
  float:left;
  height:22px;
  line-height:22px;
  padding-right:7px;
  }

#color-value, #color-value-1, #color-value-2 {
  display:block;
  float:left;
  width:300px;
  height:22px;
  vertical-align:middle;
  margin-right:10px;
  border-left:1px solid #333;
  border-right:1px solid #333;
  }

#color-value-1, #color-value-2 {
  width:20px;
  height:21px;
  border-bottom:1px solid #333;
  }

#mixed-colors {
  position:absolute;
  top:0px;
  right:0;
  font-size: 11px;
  list-style: none;
  margin:0;
  padding:0;
  width:270px;
  }

#mixed-colors li {
  height:42px;
  margin-bottom:12px;
  }

#mixed-colors p {
  float:right;
  vertical-align: middle;
  margin:0;
  }

#mixed-colors span  {
  display:block;
  vertical-align: middle;
  margin:0 5px;
  white-space:pre;
  }

#mixed-colors p {
  height:40px;
  width:150px;
  margin:0px;
  border: 1px solid #333;
  }