@charset "utf-8";


/* <input type="checkbox" /> */
label.checkbox 
{
  cursor: pointer;
  padding-left: 20px;
  line-height: 16px;
  margin-bottom: 3px;
  display: block;
}
label.checkbox-on  { background: transparent url(checkbox-on.png)  top left scroll no-repeat; }
label.checkbox-off { background: transparent url(checkbox-off.png) top left scroll no-repeat; }

label.checkbox input
{
  position: absolute;
  left: -100000px;
}

/* <input type="radio" /> */
label.radio
{
  cursor: pointer;
  padding-left: 20px;
  line-height: 16px;
  margin-bottom: 3px;
  display: block;
}
label.radio-on  { background: transparent url(checkbox-on.png)  top left scroll no-repeat; }
label.radio-off { background: transparent url(checkbox-off.png) top left scroll no-repeat; }

label.radio input
{
  position: absolute;
  left: -100000px;
}

/* <select> converted to <ol> */
div.select-box-container
{
  position: relative;
  display: block;
  line-height: 22px;
  height: 22px;
  z-index: 1;
}

div.select-box-bg
{
  width: 145px; 
  height: 22px;
    background: transparent url(select-box-bg-closed.png) 0px 0px no-repeat;
    *background: transparent none;
    *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='sexyforms/select-box-bg-closed.png')
}

ol.select-box
{
  width: 145px; /* TODO - make this automatic */
  height: auto;
  position: absolute;
  top: 0px;
  list-style-type: none;
  margin: 0;
  padding: 0;  
  display: block;
}

ol.select-box li
{
  cursor: pointer;
  color: #fcfaea; 
  display: none;  
  width: 100%;
  height: auto;
  padding: 0 8px 0 8px; 
}

ol.select-box-open li
{
  display: block;
  background: #734e2a none !important;
}

ol.select-box li.selected { display: block; }
ol.select-box li.hover    {}

/* <input type="file" /> */
input.file-input-overlay {
  display: inline; 
  width: 100px;
  background:#FFFFFF none repeat 0 0;
  color:#888888;
  border:1px solid #888888;
}

div.file-input-container 
{
  background: transparent url(choose-file.gif) no-repeat right center; 
  overflow: hidden; 
  width: 82px; 
  height: 22px;
  display: inline; 
  position: absolute;
}

input.file-input
{
  position: relative; 
  height: 22px; 
  width: 100px;
  display: inline; 
  cursor: pointer; 
  opacity: 0; 
  filter: alpha(opacity=0);
  margin-left: -142px;
  /*\*/ margin-left: -22px; /*\*/
  background:#FFFFFF none repeat 0 0;
  color:#888888;
  
  zoom: 1;
}