html,body {
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;
  font-family:Arial,helvetica,sans-serif;background-color:white;color:#888;
}
#outerContainer {
  position:relative;
  height:100%;
}
#innerContainer { 
  position:absolute;
  top:40%;
  left:50%;
  margin-left:-240px;
  margin-top:-150px;
}
#status {font:11px 'courier new',mono,fixed;}
#colorSelector {visibility:hidden;position:relative;height:275px;width:250px;margin-top:28px;}
  
@media all {
  /* Hide the error message from supported browsers. Semi-old browsers (NN4 and IE Mac) will see error because @media all is ignored. */
  font {display:none;}
  /* Style the color samples */
  #matchedColor {display:block;height:135px;width:132px;border:1px solid black;}
  /* Style the inputs */
  input {margin-bottom:16px;padding:0px;clear:none;float:left;width:56px;height:18px;font: 13px verdana;color:#666;border:1px solid #999;text-align:center;}
  .error {color:#d00;border-color:#d00;}
  /* hide the error mesage */
  font {visibility:hidden;}
  /* Style the buttons */
  #swatchIdInputButton,#hexColorInputButton {
    padding:1px 3px 2px 3px; /*T,R,B,L*/
    height:16px;
    float:right;
    clear:right;
    text-decoration:none;
    border:1px solid #999;
    background-color:#ddd;
    font:10px arial;
    color:#888;
    cursor:pointer;
  }
  #swatchIdInputButton:hover,#hexColorInputButton:hover {
    background-color:#bbb;
    border-color:#555;
    color:#333;
  }
  label {float:left;font-size:12px;width:48px;padding-top:3px;}
  /* Position the sidebar */
  #side {position:absolute;left:348px;width:132px;}
  #RGB {font-size:10px;clear:both;padding-top:2px;margin-bottom:50px;}
  #RGB span {display:block;float:left;width:43px;}
  #R {color:red;text-align:left;}
  #G {color:#0c0;text-align:center;}
  #B {color:blue;text-align:right;}
  #debug {visibility:hidden;border:1px solid black;background-color:white;margin-top:30px;color:red;font:11px courier;width:600px;}
}