body { background-color: #5d5d5d; font-family: arial; font-size: 12pt }
input { font-family: arial }
button { font-family: arial }

a { text-decoration: none; color: #00A }
a:hover { text-decoration: underline }

a.white { color: white }
a.white:visited { color: white }

a.boldGray { font-weight: bold; color: #777 }
a.boldGray:visited { color: #777 }

a.underlined { text-decoration: underline }

p { margin: 0; padding: 0.5em 0 }

form { margin: 0; padding: 0 }

h3 { font-size: 130%; margin: 0; padding: 1em 0 0.5em 0 }
h4 { font-size: 110%; margin: 0; padding: 1em 0 0.5em 0 }

.clearFloats { clear: both; height: 0px; line-height: 0px; font-size: 0px }

form {}
    form .error { color: red; padding-bottom: 0.5em }
    form .requiredNote { font-size: 80%; padding-bottom: 0.5em }
        form .requiredMark { color: red }
    form td { padding-bottom: 0.5em }
    form td.label { padding-right: 0.5em; text-align: right }
    form input { padding: 0; margin: 0 }
    form button { background: none; border: none; color: #00A; cursor: pointer }
    form button img { vertical-align: -20% }

.main { width: 786px; margin: auto }

.topDecor { background: url(img/round-top.gif) no-repeat; height: 102px }
    .topDecor .nameAndLogo { padding-top: 25px; padding-left: 10px; float: left }
        .topDecor .nameAndLogo .logo { display: block; float: left; width: 196px }
        .topDecor .nameAndLogo .siteName { font-size: 24px; font-family: arial; font-weight:
            bold; color: #dcfeb4; padding-left: 10px; width: 400px; float: left; text-align:
            center; padding-top: 2px }

.bottomDecor { width: 786px; height: 45px; background: url(img/round-bottom.gif) no-repeat }

.copyrightNotice { font-size: 60%; color: white; margin: 10px 15px; float: left }
.privacyPolicyLink { font-size: 60%; color: white; float: right; width: 10em; margin: 10px 15px }

.smallMenu { font-size: 60%; width: 145px; float: right; margin-top: 10px }
    .smallMenu img { padding: 0 5px; vertical-align: -30%; width: 16px; height: 16px }

.mainBack { background: url(img/blue-ruler.gif) repeat-y; }

.blueBack { background: url(img/blue-back.gif) repeat-y; width: 786px }
.blueBackFoot { background: url(img/blue-back-foot.gif) no-repeat; width: 786px; height: 6px;
    line-height: 0; font-size: 0 }

.blueRuler { background: url(img/blue-ruler.gif) repeat-y; height: 5px; line-height: 0;
    font-size: 0px }

.mainMenu { padding-left: 5px; height: 54px }
    .mainMenu .button { float: left; width: 155px; height: 54px; background: url(img/menu-button.gif)
        0 -54px no-repeat }
    .mainMenu .button a { display: block; width: 100%; height: 34px; font-weight: bold;
        text-align: center; padding-top: 20px; background: url(img/menu-button.gif) 0 0 no-repeat }
    .mainMenu .button a:hover { background: none }

.featuredProducts { width: 774px; padding: 10px 0 5px 12px }

.package { width: 251px; float: left; padding-right: 3px }
    .packageBody { background: url(img/package-back.gif) repeat-y; width: 231px;
        color: #888; font-size: 80%; text-align: right; padding-right: 20px; padding-bottom: 10px }
    .packageName { float: right; font-size: 20px; font-weight: bold;
        width: 105px; padding-top: 4px }
    .packageFoot { background: url(img/package-foot.gif) no-repeat; height: 23px; width: 231px;
        font-size: 16px; font-weight: bold; padding: 8px 10px; color: #a8a8a8 }
        .packageFoot .learnMore a { color: #a8a8a8 }
        .packageFoot .separator { font-weight: normal }

.orangePackage {}
    .orangePackage .orderNow a { color: #ee7315 }
    .orangePackage .packageName { color: #ee7315 }
    .orangePackageHead { background: url(img/package-orange-head.gif) no-repeat; height: 78px;
        width: 251px }

.purplePackage {}
    .purplePackage .orderNow a { color: #924d90 }
    .purplePackage .packageName { color: #924d90 }
    .purplePackageHead { background: url(img/package-purple-head.gif) no-repeat; height: 78px;
        width: 251px }

.cyanPackage {}
    .cyanPackage .orderNow a { color: #34bca6 }
    .cyanPackage .packageName { color: #34bca6; font-size: 12px; width: 110px; padding-top: 10px }
    .cyanPackageHead { background: url(img/package-cyan-head.gif) no-repeat; height: 78px;
        width: 251px }

.infoBlocksHost { width: 786px; background: url(img/light-back.gif) repeat-y }
    .infoBlocksHost .lightBackground { background: url(img/light-gradient-back.gif) repeat-x;
        margin: 0 7px; padding: 5px }

.infoBlock { overflow: auto }
    .infoBlockHead { height: 36px; background: url(img/info-block-head.gif) repeat-x;
        border: solid 1px #d9d9d9; font-weight: bold; font-size: 100%; color: #055b7e }
        .infoBlockHead .title { margin-left: 10px; margin-top: 10px }
    .infoBlockBody { border-left: solid 1px #d9d9d9; border-right:
        solid 1px #d9d9d9; background: white; font-size: 80%; color: #777 }
        .infoBlockBody .content { padding: 5px 10px }
    .infoBlockFoot { height: 12px; line-height: 0; font-size: 0;
        background: url(img/info-block-foot-white.gif) repeat-x }
        .infoBlockFoot .left { background: url(img/info-block-foot-left.gif) no-repeat;
            width: 11px; height: 12px; float: left; margin-bottom: 10px }
        .infoBlockFoot .right { background: url(img/info-block-foot-right.gif) no-repeat;
            width: 11px; height: 12px; float: right }

.infoBlock-Cyan {}
    .infoBlock-Cyan .infoBlockHead { color: #498b17 }
    .infoBlock-Cyan .infoBlockBody { background: #ecfafd; color: #777 }
    .infoBlock-Cyan .infoBlockFoot { background: url(img/info-block-foot-cyan.gif) repeat-x }
        .infoBlock-Cyan .infoBlockFoot .left { background: url(img/info-block-foot-left-cyan.gif)
            no-repeat }
        .infoBlock-Cyan .infoBlockFoot .right { background: url(img/info-block-foot-right-cyan.gif)
            no-repeat }
        .infoBlock-Cyan .infoBlockFoot .middle { background: #ecfafd }

.versionComparisonSheet .header td { padding: 15px 10px 5px 10px;
    vertical-align: top; font-size: 100%; font-weight: bold }
.versionComparisonSheet .header .feature { color: #055b7e }
.versionComparisonSheet .feature { color: #777; width: 14em; text-align: left;
    font-weight: normal; font-size: 100% }
.versionComparisonSheet .header .mtFeedLite a { color: #ee7315 }
.versionComparisonSheet .header .mtFeedPro a { color: #924d90 }
.versionComparisonSheet .header .mtFeedProTrader a { color: #34bca6 }
.versionComparisonSheet td { padding: 1px 10px; text-align: center;
    font-weight: bold; font-size: 85% }
.versionComparisonSheet .footnote { padding-left: 2px; color: red;
    vertical-align: super; font-size: 70% }
.versionComparisonSheet .lastRow td { padding-bottom: 15px; border-bottom:
    solid 1px #AAA }
.versionComparisonSheet .footnotes { margin-top: 0.5em }
.versionComparisonSheet .footnotes div { margin-bottom: 0.2em }
.versionComparisonSheet .footnotes .footnote { vertical-align: baseline;
    font-size: 100% }
.versionComparisonSheet .prices { color: #800 }
.versionComparisonSheet .orderLinks td { padding-top: 1em }
.versionComparisonSheet .orderLinks .orderButton { width: 95px;
    height: 29px; background: url(img/order-button.gif) no-repeat }
    .orderLinks .orderButton a { display: block; width: 95px;
        height: 29px; background: url(img/order-button.gif) 0 -29px no-repeat }
    .orderLinks .orderButton a:hover { background: none;
        text-decoration: none }


.homePage {}
    .homePage .infoBlock { width: 250px; float: left; margin-right: 4px }

    .homePage .whyMTFeed {}
        .homePage .whyMTFeed td { vertical-align: top }
        .homePage .whyMTFeed img { padding-right: 5px; padding-top: 0.15em }
        .homePage .whyMTFeed .infoBlockBody { height: 14em }

    .homePage .testimonials {}
        .homePage .testimonials .infoBlockBody { height: 14em }
        .homePage .testimonials .testimonial { font-style: italic }
        .homePage .testimonials .signature { font-weight: bold; margin-top: 10px; text-align: right }

    .homePage .mtBrokers {}
        .homePage .mtBrokers .infoBlockBody { height: 14em }
        .homePage .mtBrokers .mtLogo { display: block; margin-right: 5px; float: left }
        .homePage .mtBrokers .brokers { width: 16em; margin: 10px auto }
            .homePage .mtBrokers .brokers a { font-weight: bold; vertical-align: 10% }

.privacyPage {}

.productsPage {}
    .productsPage .mtFeedOverview { width: 248px; float: left; margin-right: 10px }
    .productsPage .infoBlockBody { height: 68em }
    .productsPage .versionComparisonSheetWrap { width: 502px; float: left; margin-bottom: 5px }

.downloadsPage {}
    .downloadsPage .infoBlockBody { height: 28em}
    .downloadsPage .mtFeedDocs { width: 248px; float: left; margin-right: 10px }

    .downloadsPage .helpIcon { display: block; float: left; margin-right: 10px }
    .downloadsPage .fileName { font-weight: bold }
    .downloadsPage .fileSize { margin-bottom: 0.2em }

    .downloadsPage .mtTerminal { width: 504px; float: left }

.contactsPage {}
    .contactsPage .infoBlockBody { height: 52em }
    .contactsPage .primaryContacts { width: 222px; float: left }
    .contactsPage .phoneIcon { padding-right: 10px }
    .contactsPage .worldRegion { border-top: solid 1px #888; margin-top: 1em }
        .contactsPage .worldRegion .name { border: solid 1px #888; border-top: none;
            padding-left: 0.5em; width: 7em; background: #c098bf; color: black; font-weight: bold }
    .contactsPage table td { vertical-align: top }
    .contactsPage .companyAddress { margin-top: 1em; font-weight: bold; color: #055b7e }
    .contactsPage .primaryContacts .emailWrap { margin-top: 1em }
    .contactsPage .primaryContacts .email { white-space: nowrap }
    .contactsPage .contactInfo { margin-top: 1em }
        .contactsPage .contactInfo td { padding-right: 0.2em }

    .contactsPage .contactForm { width: 300px; float: left; margin-right: 10px }
        .contactsPage .contactForm .label { padding-bottom: 1em }
        .contactsPage .contactForm .field { padding-bottom: 1em }
        .contactsPage .contactForm input { width: 12em }
        .contactsPage .contactForm .message { width: 12em; height: 10em }

    .contactsPage .faq { width: 220px; float: left; margin-right: 10px }
        .contactsPage .faq p { padding: 0 }
        .contactsPage .faqIcon { display: block; width: 64px; float: left; padding-right: 10px;
            padding-bottom: 10px }
        .contactsPage .faqSections { margin-top: 1em }
        .contactsPage .faqSections img { padding-right: 5px }
        .contactsPage .faqSections div { margin-top: 0.5em }

.faqPage {}
    .faqPage h3 { margin-bottom: 0.5em; color: black }

    .faqPage .faqTOC { margin-bottom: 2em }
    .faqPage .faqTOC ol { margin-top: 0; }
    .faqPage .faqSubSection { border-top: solid 1px #CCC; margin-bottom: 0.5em }
        .faqPage .faqSubSection span { display: block; color: #333; border: solid 1px #CCC; border-top: none;
            width: 7em; padding-left: 0.5em; background: #e1ecf0; font-weight: bold }

    .faqPage .faqContents {}
        .faqPage .faqContents .faqSubSection { margin-top: 1em }

        .faqPage .question { font-weight: bold; margin-top: 1em; margin-bottom: 0.5em }
        .faqPage .faqContents .question a { color: #777 }

.linksPage {}
    .linksPage .infoBlockBody { padding: 10px; height: 20em }
    .linksPage .link { padding-left: 20px; margin-bottom: 0.5em; background:
        url(img/right-arrow-icon.gif) 0 0.2em no-repeat }
        .linksPage .link a { font-weight: bold }

.productInfoPage {}
    .productInfoPage .versionComparisonSheetWrap { width: 80%; margin: 0.5em auto }
    .productInfoPage h3 { font-size: 110%; margin: 0 }

.sitemapPage {}
    .sitemapPage ul.topLevel li { margin-bottom: 1em }
    .sitemapPage ul.topLevel ul li { margin-bottom: 0.1em }
    .sitemapPage .redirectError { font-weight: bold; font-size: 120%; color: red }

.newsPage {}
    .newsPage .date { font-weight: bold; color: black; margin: 0.5em 0 }