html, body {
    height: 100.1%;
}
/***************** HEAD *****************/
header {
    width: 963px;
    margin: 1em auto;
    color: #525252;
    overflow: hidden;
}
h1 {
    width: 11em;
    font-family: Calibri, Verdana, Ariel, sans-serif;
    font-size: 3.4em;
    float: right;
    text-align: right;
    color: #6B6B6B;
    text-shadow: 1px 1px 2px #CCC;
    filter: Shadow(Color=#CCCCCC, Direction=45, Strength=2);
}
header > a {
    display: block;
    width: 327px;
    float: left;
}
header > a > img {
    padding-top: .7em;
}
/***************** BODY *****************/
article {
    width: 963px;
    margin: 1em auto;
    color: #525252;
}
a {
    color: #e73628;
}
a:hover {
    text-decoration: none;
}
/***************** SPEEDOMETER *****************/
.test-speedometer {
    width: 100%;
    overflow: hidden;
    margin-top: 5em;
    margin-bottom: 4em;
    position: relative;
    }
.test-speedometer > .wantest {
    float: left;
    width: 49.5%;
    overflow: hidden;
    height: 190px;
    position: relative;
}
.wantest > .wanspeed {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 388px;
    height: 187px;
    background: url('../img/wan3.png') no-repeat left 0px;
}
.wantest > .bg-odometer {
    width: 110px;
    height: 52px;
    background: #6B6B6B;
    background: rgba(107,107,107, .7);
    position: absolute;
    top: 114px;
    left: 318px;
    border-radius: 10px;
    z-index: -10;
}
.wantest > .progress-scale {
    height: 52px;
    position: absolute;
    background: #6CC410;
    top: 112px;
    left: 318px;
    border-radius: 10px;
    z-index: -5;
}
.wantest > .wanarrow {
    position: absolute;
    top: 81px;
    left: 328px;
    -ms-transform-origin: 43px 13px 0;
    -o-transform-origin: 43px 13px 0;
    -webkit-transform-origin: 43px 13px 0;
    -moz-transform-origin: 43px 13px 0;
    transform-origin: 43px 13px 0;
    cursor: pointer;
}
.wantest > .wantxt {
    position: absolute;
    left: 325px;
    top: 128px;
    display: inline-block;
    text-align: center;
    width: 5.5em;
    font-size: 1.1em;
}
.test-speedometer > .lantest {
    float: left;
    width: 49.5%;
    overflow: hidden;
    height: 190px;
    position: relative;
}
.lantest > .lanspeed {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 388px;
    height: 187px;
    background: url('../img/lan3.png') no-repeat left 0px;
}
.lantest > .bg-odometer {
    width: 110px;
    height: 52px;
    background: #6B6B6B;
    background: rgba(107,107,107, .7);
    position: absolute;
    border-radius: 10px;
    top: 114px;
    left: 48px;
    z-index: -10;
}
.lantest > .progress-scale {
    height: 52px;
    position: absolute;
    background: #6CC410;
    top: 112px;
    left: 48px;
    z-index: -5;
    border-radius: 10px;
}
.lantest > .lanarrow {
    position: absolute;
    top: 81px;
    left: 58px;
    -ms-transform-origin: 43px 13px 0;
    -o-transform-origin: 43px 13px 0;
    -webkit-transform-origin: 43px 13px 0;
    -moz-transform-origin: 43px 13px 0;
    transform-origin: 43px 13px 0;
    cursor: pointer;
}
.lantest > .lantxt {
    position: absolute;
    display: inline-block;
    width: 5.5em;
    left: 55px;
    top: 128px;
    font-size: 1.1em;
    text-align: center;
}
.wantest > .wanspeed:hover, .lantest > .lanspeed:hover {
    cursor: pointer;
}
.lantest > .lantxt, .wantest > .wantxt {
    font-family: Calibri, Ariel, sans-serif;
    color: #FFF;
    font-weight: bold;
    text-shadow: 1px 1px 2px black;
    filter: Shadow(Color=#000000, Direction=45, Strength=2);
}
/***************** BODY TEXT *****************/
.question {
    font-family: Arial, sans-serif;
    letter-spacing: .01em;
    margin: 1em auto;
}
.question > h3 {
    color: #e73628;
    font-size: 1.1em;
}
.question > p, .question li,  .question > ul, .question > ol {
    text-align: justify;
    /*text-indent: 1.5em;*/
    margin: .5em auto;
    line-height: 1.3em;
}
.question > ol {
    list-style-type: none;
    list-style-type: decimal !ie;
    margin-left: 1em;
    padding: 0;
    counter-reset: li-counter;
}
.question ol > li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 3em;
}
.question ol > li:before {
    position: absolute;
    top: 0;
    left: -1em;
    content: counter(li-counter);
    counter-increment: li-counter;
    background: url('../img/point_m.png') no-repeat center center;
    min-height: 1.1em;
    min-width: 3.5em;
    font-weight: bold;
    color: #FFF;
    font-size: 1.3em;
    text-indent: 1.4em;
}
.question ul > li {
    margin-left: 4em;
    margin-bottom: 5px;
    padding-left: 5px;
    list-style: circle;
}
p.read {
    width: 11em;
    border-bottom: 1px dashed #525252;
    text-align: left;
    padding-right: 2em;
    padding-bottom: 2px;
    margin-left: 1em;
    margin-top: .7em;
    margin-bottom: 2em;
    line-height: 1em;
}
p.read a {
    text-decoration: none;
    color: #525252;
    background: url('../img/directional.png') no-repeat right -33px;
    padding-right: 1.5em;
    display: block;
    width: 100%
}
p.read a.less {
    background: url('../img/directional.png') no-repeat right -50px;
}
p.read a.less:hover {
    background: url('../img/directional.png') no-repeat right -17px;
}
p.read a:hover {
    color: #e73628;
    background: url('../img/directional.png') no-repeat right 0;
}
p.notice-check {
    padding-left: 115px;
    background: url('../img/atn.gif') left top no-repeat;
    min-height: 100px;
    margin-bottom: 3em;
}
/***************** FOOTER *****************/
footer {
    width: 963px;
    margin: 1em auto;
    margin-top: 4em;
    color: #525252;
    height: 2em;
    border-top: 2px solid #C0C0C0;
    padding-top: 1em;
    color: #C0C0C0;
    font-family: Calibri, Verdana, Ariel, sans-serif;
    word-spacing: .5em;
}
footer > a {
    color: #C0C0C0;
}
footer > a:hover {
    color: #525252;
}
footer > p {
    width: 35em;
    float: right;
    text-align: right;
	white-space: nowrap;
}
/***************** OTHER *****************/
.jswarning {
    width: 963px;
    margin: 1em auto;
    font-family: Calibri, Verdana, Ariel, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    padding: 1em;
    color: #e73628;
    border: 1px solid #e73628;
    border-radius: 10px;
    text-align: center;
}
.totals {

    font-family: Calibri, Verdana, Ariel, sans-serif;
    padding: 0 1em 1em 5em;
    color: #525252;
    display: none;
    position: relative;
}
.equals-speed {
    position: absolute;
    width: 15em;
    padding: 1em;
    border: 2px solid #19C628;
    border-radius: 1em;
    font-weight: bold;
    top: -1em;
    left: 38em;
    display: none;
}