﻿article,
p,
figure
{
    margin:0;
    padding:0;
}

figure
{
    display:inline;
}

.dialog
{
    display:none;
    position:absolute;
    z-index:20;
    width:600px;
    background-color:White;
    border-radius:20px;
    padding:30px;
    margin-top:140px;
}

.dialog h1
{
    margin-top:0;
    font-size:28pt;
}

.dialog p
{
    margin-top:15px;
}

.dialog .dialogButtons
{
    text-align:right;
}

.dialog .dialogButtons a
{
    border-radius:10px;
    display:inline-block;
    padding-left:18px;
    padding-right:18px;
    padding-top:8px;
    padding-bottom:8px;
    font-weight:600;
    font-size:12pt;
    margin:5px;
    cursor:pointer;
    background-color:#5A70FB;
    color:White;
}

#DialogBackground
{
    display:none;
    opacity:0.5;
    background-color:Black;
    z-index:10;
    position:absolute;
    left:0;
    top:0;
    width:100%;    
}

.dialog .dialogText
{
    display:block;
}

#headerBackgroundColor
{
    height:900px;
}

#TopBarContainer
{
    display:none;
}

#bodyContent #TopSection
{
    background-color:#07294A;
    text-align:center;
    color:White;
}

#bodyContent #TopSection h1
{
    color:White;
    font-weight:600;
    font-size:30pt;
}

#bodyContent #TopSection #HeaderSubText
{
    font-size:12pt;
}

#bodyContent #TopSection #HeaderSubText a
{
    color:White;
    text-decoration:underline;
}

#bodyContent #TopSection .licenseCard
{
    width:270px;
    height:365px;
    display:inline-block;
    background-color:White;
    color:#07294A;
    border-radius:8px;
    margin:30px;
    font-size:10.5pt;
}

#bodyContent #TopSection .licenseCard .cardTopMargin
{
    width:100%;
    display:inline-block;
    height:10px;
    border-radius:8px 8px 0 0;
    vertical-align:top;
}

#bodyContent #TopSection .licenseCard .cardLicenseName
{
    display:inline-block;
    padding-left:13px;
    padding-right:13px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:8px;
    margin:20px;
    font-weight:600;
    font-size:12pt;
}

#bodyContent #TopSection .licenseCard .cardDescription a
{
    color:#07294A;
    text-decoration:underline;
    cursor:pointer;
}

#bodyContent #TopSection .licenseCard .cardPrice
{
    font-size:36pt;
    margin:20px;
}

#bodyContent #TopSection .licenseCard .cardSubText
{
    color:#575757;
}

#bodyContent #TopSection .licenseCard .cardPrice .cornerStar
{
    vertical-align:top;
    display:inline-block;
    font-size:14pt;
    margin-top:10px;
}

#bodyContent #TopSection .licenseCard .cardPrice .dollarSign
{
    vertical-align:top;
    display:inline-block;
    font-size:22pt;
    margin-top:10px;
}

#bodyContent #TopSection .licenseCard .cardUpgradeButton,
#bodyContent #TopSection .licenseCard .cardBuyButton
{
    border-radius:10px;
    display:inline-block;
    padding-left:18px;
    padding-right:18px;
    padding-top:8px;
    padding-bottom:8px;
    font-weight:600;
    font-size:12pt;
    margin:5px;
    margin-top:20px;
}

#bodyContent #TopSection .licenseCard .cardBuyButton
{
    background-color:#5A70FB;
    color:White;
}

#bodyContent #TopSection .licenseCard .cardUpgradeButton
{
    background-color:White;
    border:2px solid #5A70FB;
    color:#5A70FB;
}

#bodyContent #TopSection #NamedUserCard .cardTopMargin
{
    background-color:#9724F1;
}

#bodyContent #TopSection #NamedUserCard .cardLicenseName
{
    color:#9724F1;
    border:2px solid #9724F1;    
}

#bodyContent #TopSection #CompanySeatCard .cardTopMargin
{
    background-color:#0A80FB;
}

#bodyContent #TopSection #CompanySeatCard .cardLicenseName
{
    color:#0A80FB;
    border:2px solid #0A80FB;    
}

#bodyContent #TopSection #StarText
{
    color:#A0A0A0;
    font-size:9.75pt;
}

#bodyContent #TopSection #QuoteText
{
    margin-top:20px;
    font-size:13.5pt;
}

#bodyContent #TopSection #QuoteText #QuoteLink
{
    color:#6A80FF;
    text-decoration:underline;
    font-weight:600;
    margin-left:10px;
}

#bodyContent #MiddleStreak
{
    background-color:#F1F4FF;
    display:inline;
    position:absolute;
    height:240px;
    left:0px;
    z-index:-1;
    width:100%;
    margin-top:80px;
    min-width:1000px;
}

#bodyContent #YoursToKeepSection
{
    margin-top:30px;
    text-align:center;
}

#bodyContent #YoursToKeepSection #HighFiveImage
{
    display:inline-block;
    vertical-align:top;
}

#bodyContent #YoursToKeepSection #YoursToKeepRight
{
    display:inline-block;
    text-align:left;
    width:500px;
    margin-left:40px;
}

#bodyContent #YoursToKeepSection #YoursToKeepRight #YoursToKeepHeader
{
    font-size:20pt;
    font-weight:600;
    margin-top:80px;
}

#bodyContent #YoursToKeepSection #YoursToKeepRight #YoursToKeepText
{
    margin-top:10px;
    margin-bottom:15px;
    font-size:9.75pt;
}

#bodyContent #YoursToKeepSection #YoursToKeepRight #EULALink
{
    color:#5A70FB;
}

#bodyContent #LowerSection
{
    text-align:center;
    margin-bottom:100px;
}

#bodyContent #LowerSection #LicensingFAQ
{
    margin-top:100px;
    font-size:32pt;
}

#bodyContent #LowerSection #Questions
{
    width:900px;
    display:inline-block;
}

#bodyContent #LowerSection #Questions .faqQuestion
{
    text-align:left;
    border-bottom:2px solid #D0D0D0;
}

#bodyContent #LowerSection #Questions .faqQuestion:hover
{
    background-color:#F7F7FF;
}

#bodyContent #LowerSection #Questions .faqQuestion h1
{
    cursor:pointer;
    text-align:left;
    font-size:13pt;
    font-weight:normal;
    color:#07294A;
    width:820px;
    display:inline-block;
    vertical-align:middle;
    margin:none;
}

#bodyContent #LowerSection #Questions .faqQuestion .faqAnswer
{
    margin-left:50px;
    margin-bottom:40px;
    display:none;
    font-size:11pt;
}

#bodyContent #LowerSection #Questions .faqQuestion .faqAnswer a
{
    color:Black;
    text-decoration:underline;
    font-weight:500;
}

#bodyContent #LowerSection #Questions .faqQuestion .faqAnswer p
{
    margin-bottom:15px;
}

#bodyContent #LowerSection #Questions .faqQuestion img
{
    cursor:pointer;
    display:inline-block;
    margin-right:20px;
    margin-top:2px;
    vertical-align:middle;
}