.headerRow       { background-color:#aaaaaa }
.headerCell      { font-weight: bold }
.RPMCol          { font-weight: bold }
.gearDetailLine0 { background-color:#ffffdc }
.gearDetailLine1 { background-color:#CBDFEF }
body             { font-family: verdana, arial, sans-serif; font-size: 14px; }
input            { font-family: verdana, arial, sans-serif; font-size: 14px; }
select           { font-family: verdana, arial, sans-serif; font-size: 14px; }

#layoutTable           { width: 1200px; background-color: #e1e1e1; }
#inputCol              { padding: 10px; vertical-align: top; text-align: left; width: 220px; }
#resultsCol            { padding: 10px; text-align: center; vertical-align: top; }
#resultTableWrapper    { border: 1px solid black; border-spacing: 0; }
#resultTableWrapper td { padding: 0; }
#resultTable           { border-spacing: 0; }
#resultTable td        { padding: 5px; }

#viewToggle            { margin-bottom: 10px; text-align: left; }
.viewBtn               { padding: 5px 15px; cursor: pointer; background: #ddd; border: 1px solid #999; font-family: verdana, arial, sans-serif; font-size: 14px; border-radius: 4px; }
.viewBtn.active        { background: #3498db; color: white; border-color: #2980b9; }
#chartContainer        { width: 100%; background-color: #f5f5f5; }