﻿.helptab {
    padding-bottom: 101px;
}
.wizard {
    margin: 5px;
    max-width: initial;
    width: auto;
}
.wizard span.number {
    display: none;
}
.wizard.vertical > .steps {
    width: 22%;
}
.wizard.vertical > .content {
    width: 78%;
    min-height: 528px;
    border: solid 1px #007ae6;
    background-color: #fcfcfc;
    margin: 0;
}
.wizard.vertical > .actions {
    margin-right: 0;
}
.wizard > .content > .body {
    width: 100%;
    padding-left: 40px;
    padding-top: 5px;
    width: 100%;
}
.wizard button {
    margin-left: 6px;
}
.wizard > .content > .body > p,
.helptab p.image {
    font-size: 16px;
    margin-top: 8px;
}
.wizard > .content > .body > p.image,
.helptab p.image {
    text-align: center;
    margin: 5px 0;
}
.wizard > .content > .body > p.image {
    max-height: 400px;
}
.wizard > .content > .body > p.image > img {
    max-width: 100%;
    max-height: 400px;
    border: 1px solid #e6e6e6;
}
.wizard > .content > .body ul {
    list-style: none;
    font-size: 16px;
}
.wizard > .content > .body ul > li {
    margin-left: 10px;
    display: block;
    margin-bottom: 10px;
}
.wizard > .actions .disabled {
    display: none;
}
.wizard > .steps a,
.wizard > .steps li.done a,
.wizard > .steps a:hover,
.wizard > .actions a,
.wizard > .actions a:hover {
    padding: 8px 15px;
    font: normal 13px/20px "Lato",sans-serif;
    color: #212121;
    border: solid 1px #bcbbbb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8c8c8", endColorstr="#f3f3f3");
    background: -moz-linear-gradient(top, #c8c8c8, #f3f3f3);
    background: -webkit-linear-gradient(top, #c8c8c8, #f3f3f3);
    background: -o-linear-gradient(top, #c8c8c8, #f3f3f3);
    background: -ms-linear-gradient(top, #c8c8c8, #f3f3f3);
    background: linear-gradient(top, #c8c8c8, #f3f3f3);
    text-shadow: -1px 1px #f3f3f3;
}
.wizard > .steps a:hover,
.wizard > .steps li.done a:hover,
.wizard > .actions a:hover {
    color: #ffffff;
    border: solid 1px #006dcc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0ff", endColorstr="#007ae6");
    background: -moz-linear-gradient(top, #33a0ff, #007ae6);
    background: -webkit-linear-gradient(top, #33a0ff, #007ae6);
    background: -o-linear-gradient(top, #33a0ff, #007ae6);
    background: -ms-linear-gradient(top, #33a0ff, #007ae6);
    background: linear-gradient(top, #33a0ff, #007ae6);
    text-shadow: -1px 1px #006dcc;
}
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
    color: #ffffff;
    border: solid 1px #006dcc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0ff", endColorstr="#007ae6");
    background: -moz-linear-gradient(top, #33a0ff, #007ae6);
    background: -webkit-linear-gradient(top, #33a0ff, #007ae6);
    background: -o-linear-gradient(top, #33a0ff, #007ae6);
    background: -ms-linear-gradient(top, #33a0ff, #007ae6);
    background: linear-gradient(top, #33a0ff, #007ae6);
    text-shadow: -1px 1px #006dcc;
}

.wizard button.topbar {
    border: 0;
    color: #ffffff;
    font-weight: bold;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0ff", endColorstr="#007ae6");
    background: -moz-linear-gradient(top, #33a0ff, #007ae6);
    background: -webkit-linear-gradient(top, #33a0ff, #007ae6);
    background: -o-linear-gradient(top, #33a0ff, #007ae6);
    background: -ms-linear-gradient(top, #33a0ff, #007ae6);
    background: linear-gradient(top, #33a0ff, #007ae6);
    color: #ffffff;
    text-shadow: -1px 1px #007ae6;
    padding-bottom: 6px;
    padding-top: 6px;
    border-radius: 0;
    margin: 0;
}
.wizard button > img {
    width: 16px;
    margin-right: 6px;
    float: left;
    margin-top: 1px;
}
.wizard button.popup,
.wizard button.popup:hover {
    background: none;
    border: 1px solid #e6e6e6;
    background-color: #efefef;
    color: #007ae6;
    padding-top: 6px;
    border-radius: 0;
    text-shadow: none;
}
#helpUsingBidNav {
    margin: 10px 50px;
}
#helpProfileOptions {
    width: 610px;
    margin: 0 auto;
}
.helpTOC a,
.helpTOC a:link,
.helpTOC a:visited {
    color: #000000;
}
.helpTOC {
    margin-top: 35px;
    margin-bottom: 35px;
}
.helpTOC span.header {
    font-weight: bold;
    margin-left: 20px;
    display: block;
    text-transform: uppercase;
}
.helptab span.subhead {
    display: block;
    font-style: italic;
    margin-left: 60px;
}
#theOptions {
    margin-top: 30px;
}
#theOptions span.header {
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
    margin-top: 20px;
}
#theOptions span.subhead {
    margin: 0;
    font-weight: bold;
}
#theOptions .optionHelp span.avoid,
#theOptions .optionHelp span.award,
#theOptions .optionHelp span.set,
#theOptions .optionHelp span.waive {
    text-transform: none;
}
#theOptions div.optionHelp {
    margin-bottom: 35px;
}
#theOptions div.optionHelp p {
    margin-top: 0;
    margin-bottom: 18px;
}
#theOptions span.backToTop {
    float: right;
    height: 25px;
    font-weight: normal;
    font-size: 13px;
    color: #007ea6;
    cursor: pointer;
    text-transform: none;
}
#theOptions span.backToTop:after {
    content: " < Back to Top > ";
}
#theOptions span.multiples {
    font-size: 14px;
    font-style: italic;
}
#theOptions .optionHelp img {
    max-width: 600px;
}
#terms {
    padding-bottom: 120px;
}
#contact-ul {
    left: -72px;
}
#terms-ul {
    width: 195px;
}
#using-ul {
    width: 180px;
}
li.road {
    background-image: url(/img/roadGray.png);
}
li.strategy {
    background-image: url(/img/solutionsGray.png);
}
.strategies, .faq, #faqs {
    padding: 15px 35px;
    margin: 0 auto;
}
#strategies {
    margin-bottom: 15px;
}
#strategies.ui-tabs {
    border-color: #007ae6;
}
.strategies section,
.faq section {
    display: none;
    margin: 10px;
    margin-right: 35px;
}
.strategies section p,
.faq section p {
    clear: both;
}
.strategies section p.image,
.faq section p.image {
    text-align: center;
}
.strategies section p img.float,
.faq section p img.float {
    float: right;
    margin: 0 10px 10px 10px;
}
.strategies section.active,
.faq section.active {
    display: block;
    font-size: 16px;
}
.strategies section span.formula.definition,
.faq section span.formula.definition {
    font-style: italic;
    font-weight: normal;
}
.strategies section span.formula,
.faq section span.formula {
    display: block;
    clear: both;
    margin-left: 35px;
    font-weight: bold;
}
.strategies #line-strategies > a,
.strategies #basic-reserve-strategies > a,
.strategies #global-reserve-strategies > a,
.faq > a {
    margin-top: 8px;
    margin-left: 10px;
    display: block;
    font-weight: bold;
    text-decoration: underline;
    vertical-align: top;
}
.strategies #line-strategies > a:before,
.strategies #basic-reserve-strategies > a:before,
.strategies #global-reserve-strategies > a:before,
.faq > a:before {
    background-image: url(/img/plusMedBlue.png);
    background-size: 17px auto;
    display: inline-block;
    width: 25px;
    height: 17px;
    content: "";
    background-repeat: no-repeat;
}
.strategies #line-strategies > a.active,
.strategies #basic-reserve-strategies > a.active,
.strategies #global-reserve-strategies > a.active,
.faq > a.active {
    text-decoration: none;
    color: #000000;
    text-decoration: none;
}
.strategies #line-strategies > a.active:before,
.strategies #basic-reserve-strategies > a.active:before,
.strategies #global-reserve-strategies > a.active:before,
.faq > a.active:before {
    background-image: url(/img/minusMedBlue.png);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .ipadImgDims {
        max-width: 400px;
    }
    #content p.image {
        width: auto;
    }
    #content img {
        max-height: 400px;
    }
    .wizard > .content > .body {
        width: auto;
        padding-left: 20px;
        padding-top: 0;
    }
    #theOptions .optionHelp img {
    max-width: 560px;
}
}