#col1 {
    height: 575px;
}

#results {
    float: left;
    width: 1170px;
    /*18px .5em 0 18px;*/
    padding: 1em 0 0 1em;
    /*.75em .5em 0 .5em;*/
    margin: 0;
    background-color: #fff;
}

#instructions {
    padding: .25em 2em 0 1em;
    margin: 0;
    background-color: #fff;
}

a {
    color: #348;
    font-weight: bold;
    text-decoration: none;
}

#instructions a {
    background: url(../graphics/pictures/underline.gif) repeat-x left bottom;
}

#instructions ul,
#instructions ol {
    margin: 0 0 1em 2em;
    padding: 0;
    line-height: 1.3;
}

#instructions ul li,
#instructions ol li {
    margin: 0 0 .20em 0;
    padding: 0;
}

#instructions #footer #left {
    margin: 0;
    padding: .5em 0;
}

#instructions #footer {
    margin: 0;
}

#instructions .loose li {
    margin-bottom: .75em;
    line-height: 1.3;
}

form {
    font-family: Verdana;
    font-size: 14px;
    width: 850px;
    padding: .5em 1em 1em 1em;
    margin: 2em auto;
    background-color: #f6f0ed;
}

fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #bebcba;
}

legend {
    font-weight: bold;
    padding: 0 3px;
}

#tuningpanel div select {
    margin-right: .5em;
}

.select-item,
#melodynote {
    font-size: 15px;
}

#chordroot-select,
#chordtype-select {
    float: left;
    margin-top: .7em;
}

#chordroot-select .error {
    margin-top: .5em;
}

#chordroot-select input {
    width: 4em;
    margin: 0 1.5em 0 0;
}

#chordtype-select .error {
    margin-top: .5em;
}

#scale-panel {
    margin: 0;
}

#scale-panel .tone {
    margin: 0 8px 0 4px;
    width: 4em;
}

#scale-panel div select {
    width: 150px;
}

#scaleroot-select {
    float: left;
    margin: 0 1em 0 0;
    padding: 0;
}

#scaletype-select {
    float: left;
    margin: 0 1em 0 0;
    padding: 0;
}

#scaleroot-select .error {
    margin-top: .5em;
}

#scaletype-select .error {
    margin-top: .5em;
}

#button input {
    font-size: 14px;
    color: black;
    padding: .5em 1em;
    margin-right: 1em;
    background: #e4e0db;
    border: 1px solid #9a9590;
}

#button input:hover {
    background: #d8d4d0;
    border: 1px solid #7a7570;
}

canvas {
    border: 0px solid #e6e6e6;
}

.help {
    margin-bottom: .75em;
    font-style: italic;
    font-size: 1em;
    color: #a32;
}

#exec-time {
    float: right;
    color: #888;
}

input[type="checkbox"] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

input[type="radio"] {
    vertical-align: -2px;
}

.error {
    color: #934;
    margin-left: 0;
}

small {
    color: #934;
    font-weight: bold;
    padding-left: 0;
}