
#page_content {
    margin: 10px; 
    border: 1px solid #07BCFD;
    padding: 10px;

}

.score_scale {
    clear: both;
    overflow: hidden;
    width: 520px;
    margin: 20px auto;
}

.score_scale .back {
    overflow: hidden;
    height: 10px;
    margin: 0 10px;
    background: url('http://wellness-zing.org/images/opportunity/bg_scale.gif') top left repeat-y;
}

.score_scale .screen {
    height: 100%;
    background: url('http://wellness-zing.org/images/opportunity/bg_scale_screen.gif') top left repeat-y;
}

.score_scale .screen .division {
    height: 100%;
    background: url('http://wellness-zing.org/images/opportunity/bg_scale_division.gif') top left repeat-y;
}

.score_scale ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.score_scale ul li {
    float: left;
    margin: 0 80px 0 0;
    padding: 0;
    width: 20px;
    text-align: center;
}

.score_scale ul li.last {
    margin: 0;
}

.score_scale ul lh {
    float: left;
    margin: 0 80px 0 0;
    padding: 0;
    width: 20px;
    text-align: center;
    list-style-type: none;
}

.score_scale ul lh.last {
    margin: 0;
}

#score_field {
    border: none;
    background: #fff;
}

#page_content form {
    width: 400px;
    margin: 0 auto;
}

#page_content form dl {
    margin: 0;
    padding: 0;
}

#page_content form dt {
    float: left;
    width: 100px;
    height: 30px;
    margin: 0;
    padding: 0 20px 0 0;
    line-height: 22px;
}

#page_content form dd {
    float: left;
    width: 270px;
    height: 30px;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

#page_content form dd input {
    width: 100%;
    margin: 0;
}

#page_content .controls {
    clear: both;
    text-align: center;
}

#page_content form.test {
    width: 600px
}

#page_content form.test dt {
    width: 550px;
}

#page_content form.test dd {
    width: 30px
}

#page_content form.results {
    width: 100%;
    text-align: center;
}

.btn_box {
    text-align: center;
}