#classic_controls {
  font-size: 0.72em;
  overflow: auto;
}
#classic_controls #demand, #classic_controls #supply, #classic_controls #other {
  padding: 0;
  border: 0;
  margin: 0;
  margin-left: 2.5%;
  width: 40%;
  float: left;
}
#classic_controls table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px 0px;
}
#classic_controls table tr:hover td.name {
  font-weight: bold;
  background-image: url("../images/oneblackpixel.png");
}
#classic_controls table td.simple_level {
  width: 20px;
}
#classic_controls table td.simple_level a {
  display: block;
  width: 100%;
  text-align: center;
  color: #e1e1e1;
  text-decoration: none;
  border: solid #ccc 1px;
}
#classic_controls table td.simple_level a:hover {
  border: solid #000 1px;
}
#classic_controls table td.simple_level a.selected {
  color: #000;
}
#classic_controls table td.name {
  background-image: url("../images/onegreypixel.png");
  background-position: left center;
  background-repeat: repeat-x;
}
#classic_controls table td.name a {
  background-color: #fff;
  text-decoration: none;
  color: #000;
  cursor: default;
  /** cursor: help; **/
}
#classic_controls table td.name a:hover {
/**  text-decoration: underline; **/
}
#classic_controls table td.help a, #classic_controls div.help {
  text-align: center;
  display: block;
  background-color: #7c88fa;
  border: solid #7c88fa 1px;
  color: white;
  width: 100%;
  text-decoration: none;
}
#classic_controls table td.help, #classic_controls div.help {
  width: 14px;
}

#classic_controls table tr.incremental a {
  background-position: left center;
  background-repeat: repeat-y;
}

#classic_controls table tr.incremental a.level1_1 { background-image: url('../images/fractions/level1_1.png'); }

#classic_controls table tr.incremental a.level1_2 { background-image: url('../images/fractions/level1_2.png'); }

#classic_controls table tr.incremental a.level1_3 { background-image: url('../images/fractions/level1_3.png'); }

#classic_controls table tr.incremental a.level1_4 { background-image: url('../images/fractions/level1_4.png'); }

#classic_controls table tr.incremental a.level1_5 { background-image: url('../images/fractions/level1_5.png'); }

#classic_controls table tr.incremental a.level1_6 { background-image: url('../images/fractions/level1_6.png'); }

#classic_controls table tr.incremental a.level1_7 { background-image: url('../images/fractions/level1_7.png'); }

#classic_controls table tr.incremental a.level1_8 { background-image: url('../images/fractions/level1_8.png'); }

#classic_controls table tr.incremental a.level1_9 { background-image: url('../images/fractions/level1_9.png'); }


#classic_controls table tr.incremental a.level2_1 { background-image: url('../images/fractions/level2_1.png'); }

#classic_controls table tr.incremental a.level2_2 { background-image: url('../images/fractions/level2_2.png'); }

#classic_controls table tr.incremental a.level2_3 { background-image: url('../images/fractions/level2_3.png'); }

#classic_controls table tr.incremental a.level2_4 { background-image: url('../images/fractions/level2_4.png'); }

#classic_controls table tr.incremental a.level2_5 { background-image: url('../images/fractions/level2_5.png'); }

#classic_controls table tr.incremental a.level2_6 { background-image: url('../images/fractions/level2_6.png'); }

#classic_controls table tr.incremental a.level2_7 { background-image: url('../images/fractions/level2_7.png'); }

#classic_controls table tr.incremental a.level2_8 { background-image: url('../images/fractions/level2_8.png'); }

#classic_controls table tr.incremental a.level2_9 { background-image: url('../images/fractions/level2_9.png'); }


#classic_controls table tr.incremental a.level3_1 { background-image: url('../images/fractions/level3_1.png'); }

#classic_controls table tr.incremental a.level3_2 { background-image: url('../images/fractions/level3_2.png'); }

#classic_controls table tr.incremental a.level3_3 { background-image: url('../images/fractions/level3_3.png'); }

#classic_controls table tr.incremental a.level3_4 { background-image: url('../images/fractions/level3_4.png'); }

#classic_controls table tr.incremental a.level3_5 { background-image: url('../images/fractions/level3_5.png'); }

#classic_controls table tr.incremental a.level3_6 { background-image: url('../images/fractions/level3_6.png'); }

#classic_controls table tr.incremental a.level3_7 { background-image: url('../images/fractions/level3_7.png'); }

#classic_controls table tr.incremental a.level3_8 { background-image: url('../images/fractions/level3_8.png'); }

#classic_controls table tr.incremental a.level3_9 { background-image: url('../images/fractions/level3_9.png'); }


#classic_controls table tr.incremental a.level4_1 { background-image: url('../images/fractions/level4_1.png'); }

#classic_controls table tr.incremental a.level4_2 { background-image: url('../images/fractions/level4_2.png'); }

#classic_controls table tr.incremental a.level4_3 { background-image: url('../images/fractions/level4_3.png'); }

#classic_controls table tr.incremental a.level4_4 { background-image: url('../images/fractions/level4_4.png'); }

#classic_controls table tr.incremental a.level4_5 { background-image: url('../images/fractions/level4_5.png'); }

#classic_controls table tr.incremental a.level4_6 { background-image: url('../images/fractions/level4_6.png'); }

#classic_controls table tr.incremental a.level4_7 { background-image: url('../images/fractions/level4_7.png'); }

#classic_controls table tr.incremental a.level4_8 { background-image: url('../images/fractions/level4_8.png'); }

#classic_controls table tr.incremental a.level4_9 { background-image: url('../images/fractions/level4_9.png'); }

#classic_controls div.level1,
#classic_controls div.level2,
#classic_controls div.level3,
#classic_controls div.level4,
#classic_controls div.alternate  {
  width: 14px;
  text-align: center;
  color: #000;
  border: solid #ccc 1px;
  display: inline-block;
}

#classic_controls table#notes {
  border-spacing: 0px 5px;
}

#notes td#firstcell {
  width: 60px;
}

#classic_controls table tr.incremental a.level1, #classic_controls div.level1 {
  background-color: #FF7F27;
}
#classic_controls table tr.incremental a.level2, #classic_controls div.level2 {
  background-color: #FFC90E;
}
#classic_controls table tr.incremental a.level3, #classic_controls div.level3 {
  background-color: #B5E61D;
}
#classic_controls table tr.incremental a.level4, #classic_controls div.level4 {
  background-color: #22B14C;
}
#classic_controls table tr.alternative a.selected {
  background-color: #aaa;
}
#control_notes {
  display: none;
}
#classic_controls tr.title.incremental td.name a {
  padding-left: 0px;
}
#classic_controls tr.title.alternative td.name a {
  padding-left: 0px;
}
#classic_controls tr.incremental td.name a {
  padding-left: 8px;
}
#classic_controls tr.alternative td.name a {
  padding-left: 8px;
}
#classic_controls tr.sublever td.name a {
  padding-left: 15px;
  color: #009ddb;
}
#classic_controls tr.sublever td.simple_level a {
  border: solid #009ddb 1px;
}
#classic_controls .hassublevers td.name a:after {
  content: " (detailed choices) ";
  color: #009ddb;
  font-weight: lighter;
  text-decoration: none;
}
#classic_controls .hassublevers td.name a:hover {
  text-decoration: underline;
}
#classic_controls .hassublevers td.name a {
  cursor: pointer;
}
#classic_controls .title td {
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: solid #009ddb 1px;
}
#classic_controls .title td.name {
    background-image: none;
}
#classic_controls tr.title td.name a {
 color: #009ddb;
}
#classic_controls .subtitle td {
    font-weight: bolder;
    font-size: 11px;
    padding-top: 5px;
}
#classic_controls .subtitle td.name {
    background-image: none;
}
#classic_controls .title:hover td.name {
  background-image: none;
}
#classic_controls .subtitle:hover td.name {
  background-image: none;
}

#classic_controls tr.maintitle td.name a {
 color: #1f497d;
}
#classic_controls .maintitle td.name {
 background-image: none;
 text-transform: uppercase;
 font-size: 16px;
 font-weight: bold;
}
#classic_controls .maintitle:hover td.name {
    background-image: none;
}

#switch_controls {
  clear: both;
  padding-top: 20px;
  text-align: center;
  font-size: 0.72em; 
}

td.expert {
}

td.expert input {
  min-width: 35px;
  border: none;
  margin-left: 0;
  padding-left: 1;
}

td.expert label {
  font-size: smaller;
  font-weight: lighter;
  color: #ccc;
}