html,body {
      margin:0;
      padding:0;
      position: absolute;
      width: 100%;
      color: black;
      background-color: #CDEB8B;
}

noscript { background-color: red; color: white; font-weight: bold; font-size: 20pt; }
h1 { color: #8B9E5E; font-weight: bold; font-size: 150%; }
h2 { color: #8B9E5E; font-weight: bold; font-size: 300%; }
a { color: #707F4C; }

* { outline-style: none; }

#doc3 { z-index: 1;height: 99%; } 
#ft { z-index: 2; margin-bottom: 0; margin-top: 2.5em; width: 99%; text-align: center; }


.sub { color: #AAA; }
.hi { color: #9B5D5D; }
.italic { font-style:italic; }
.freakishlyLarge { color: #CDEB8B; padding: 0; margin: 0; font-size: 500%; position: relative; right: 0; float: right; width: 50px; }

input[type="text"] {
  border: 1px solid #AAA;
}

#dt_input_product {
  width: 300px;
}
#dt_input_fat,
#dt_input_amount {
  width: 75px;
}

#json button,
#json button img,
#autocomplete button,
#autocomplete button img {
      padding: 0;
      margin: 0;
      border: none;
      background-color: transparent;
}

#json button img {
      margin-top: 2px;
      margin-bottom: -3px;
}

.schmidt-ac-prehighlight { background-color: #BDDB7B; }
.schmidt-ac-highlight { background-color: #CDEB8B; }

.container {
  z-index: 3;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 4px 10px; 
  width: 100%;
  float: left;
}
.container .set {
  width: 40%;
  float: left;
  margin-right: 20px;
}

.container input {
  position: absolute;
}

#prodContainer { background-color: #C6D89E; /*opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.40; */ } 
#fatContainer { background-color:  #BCCB9B; /*opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; */ } 
#btnContainer { background-color:  #AAB494; /*opacity:.66;filter: alpha(opacity=66); -moz-opacity: 0.66; */ } 
#tableContainer { background-color:  #EEE; /*opacity:.75filter: alpha(opacity=75); -moz-opacity: 0.75;*/ } 

#prodContainer .set p { width: 340px; } 

.yui-skin-sam .yui-g {
  margin-right: auto;
  margin-left: auto;
  width: 50%;
  min-width:550px;
}

.yui-skin-sam .yui-ac {
}

#addbutton {
  width: 147px; 
  height: 37px; 
  background: transparent url(../images/button_add.png) 0 0 no-repeat; 
  font-weight: bold; 
  padding: 0;
  border: none;
  color: white;
  margin: 0;
}
#addbutton:active { outline-style: none; }
#addbutton:hover { outline-style: none; }
#addbutton[disabled=""] {
  color: #BBB;
}

#json .yui-dt-bd table {
  width: 100%;
  border: none;
  background-image: none;
}

#json .yui-dt-bd table th,
#json .yui-dt-bd table td {
  border: none;
  background-image: none;
}

#json .yui-dt-bd table thead th {
  font-weight: bold;
  background-color: transparent;
  background-image: none;
}

#json .yui-dt-bd table tbody td, 
.yui-skin-sam .yui-dt-empty, 
.yui-skin-sam .yui-dt-first, 
.yui-skin-sam .yui-dt-liner, 
.yui-skin-sam .yui-dt-last {
  background-color: transparent;
}

.yui-skin-sam tr.yui-dt-even,
.yui-skin-sam tr.yui-dt-odd {
  background-color: transparent;
}

.yui-skin-sam .yui-dt th a { font-weight: bold; }

.yui-skin-sam .yui-ac-container { width: 500px; margin-top: 1em; background-color: red; }

.buttonrow { margin-top: 1em; }

#btnContainer,
#fatContainer { display: none; }