﻿.nonmainfeature
{
    width: 100%;
    display: table;
    padding: 5px 0;
}

.featurecriteria
{
    margin: 0 0 10px;
    padding: 0;
}

.featurecriteria li
{
    display: inline;
    border-right: 1px solid;
    padding: 0 8px;
}

.featurecriteria li.last
{
    border-right: 0;
}

.featurecriteria li a
{
    color: #3C3C3C;
}

.featurecriteria li a.selected
{
    font-weight: 700;
    color: #94641B;
}

.featurecriteria li a:hover
{
    color: #94641B;
}

.mainfeature
{
    text-align: center;
    margin-bottom: 20px;
    line-height: 20px;
    margin-top: 15px;
}

.featurelist
{
    width: 100%;
    display: table;
    margin-left: 3px;
}

.featurelistitem
{
    text-align: left;
    display: table;
    clear: left;
    width: 100%;
    margin: 10px 0;
}

.featurelistitem2
{
    float: left;
    width: 100%;
    text-align: left;
    margin: 10px 0;
}

.featurelistimage2
{
    float: left;
    padding-right: 10px;
}

.featurelistdetail2
{
    padding: 0;
}

.featurelistimage
{
    float: left;
    padding-right: 10px;
    padding-top: 5px;
    display: table;
}

.featurelistimage img, .mainfeature img
{
    cursor: pointer;
}

.featurelistdetail
{
    line-height: 13px;
    padding: 3px 0;
}

.featurelistdetail p.featuretitle, .featurelistdetail2 p.featuretitle
{
    color: #4C4C4C;
    line-height: 18px;
    font-weight: 700;
    padding-bottom: 3px;
}

.featurecontent
{
    padding-right: 5px;
    line-height: 18px;
}

.mainfeaturetitle
{
    font-size: 21px;
    line-height: 20px;
}

.mainfeaturecontent
{
    line-height: 20px;
    padding: 10px 0;
}

.collectionfeaturelist
{
    width: 100%;
}

.collectionfeaturelist div.list
{
    float: left;
    position: relative;
    width: 30%;
    border: 1px solid red;
}

.collectionfeaturelist div.firstright
{
    position: relative;
    text-align: right;
}

.firstright p, .featureright p
{
    padding-right: 5px;
}

.featureleft p
{
    padding-left: 5px;
}

.arrowlistcontainer
{
    float: left;
    clear: right;
    margin: 20px 10px 10px 15px;
}

.featuredetailcontainer
{
    display: table;
    widows: 100%;
}

.featureright p.featuretitle, .featureleft p.featuretitle
{
    color: #4C4C4C;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
}

.productfeature h2
{
    color: #6D6D6D;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 10px;
}

.productfeature h3
{
    line-height: 22px;
    margin: 0;
}

.productfeature h5
{
    margin-bottom: 0;
}

.productfeature h3 a
{
    color: #044476;
    font-size: 16px;
    font-weight: 400;
    cursor: default;
    margin: 5px 0;
    padding: 5px 0;
}

.template1-main .main-text
{
    padding: 40px 20px 25px;
}

.template1b-main
{
    padding: 5px 20px 0;
}

.template1b-main h2
{
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
}

.template1-main .main-image
{
    float: right;
    text-align: right;
    margin-left: 5px;
}

.template1-actionbuttons
{
    text-align: right;
    float: right;
    margin: 0 5px;
}

.template1-content
{
    width: 100%;
    display: table;
    line-height: 20px;
    margin-left: 7px;
    padding: 5px 0;
}

.template1-content .feature-detail
{
    display: table;
    padding: 3px 15px;
}

.template2-content1, .template2-content2
{
    display: table;
    width: 100%;
    margin: 0 0 10px;
    padding: 5px 0;
}

.template2-contentfull
{
    display: table;
    width: 100%;
    margin: 15px 0;
}

.template2-actionbuttons
{
    float: right;
    padding-top: 5px;
    margin: 0 5px;
}

.template2-content1 .feature-detail
{
    float: left;
    width: 53%;
    line-height: 20px;
}

.template2-content2 .feature-detail
{
    float: left;
    line-height: 20px;
    padding-top: 25px;
    width: 52%;
}

.template2-contentfull .feature-detail-full
{
    margin: 0 20px 10px;
}

.template2-content1 .feature-detail h3
{
    margin: 10px 20px 0;
}

.template2-content2 .feature-detail h3
{
    margin: 10px 20px 0 3px;
}

.template2-content1 p
{
    margin: 0 5px 0 20px;
}

.template2-content2 p
{
    margin: 0 20px 0 5px;
}

.template2-content1 .feature-detail-image
{
    padding-top: 15px;
    text-align: right;
}

.template2-content2 .feature-detail-image
{
    float: left;
    text-align: left;
    width: 46%;
    margin-right: 10px;
    padding-top: 15px;
}

.template2-content1 .feature-detail ul, .template2-content2 .feature-detail ul
{
    padding: 5px 20px;
}

.template2-content2 .feature-detail ul
{
    padding-right: 20px;
    padding-left: 3px;
}

.template3-main-text
{
    line-height: 20px;
    margin-bottom: 20px;
    padding: 5px 20px;
}

.template3-actionbuttons
{
    padding-top: 8px;
}

.template3-main-text h2
{
    color: #6D6D6D;
}

.template4-content
{
    line-height: 20px;
    margin: 10px 20px;
}

.template4-actionbuttons
{
    margin: 15px 0 0;
}

.use-min-height
{
    min-height: 650px;
}

.template5-main-text
{
    line-height: 20px;
    margin-bottom: 20px;
    text-align: left;
    padding: 5px 20px;
}

.template6-main .main-text
{
    line-height: 20px;
    text-align: left;
    padding: 5px 20px;
}

.template6-main .main-text h2
{
    text-align: left;
    padding-bottom: 8px;
}

.template6-actionbuttons
{
    padding: 7px 0 5px;
}

.template6-main ul
{
    padding-left: 40px;
}

.template7-actionbuttons
{
    margin: 0 0 0 20px;
}

.template7-threecontent
{
    width: 100%;
    display: table;
    margin: 10px 0;
}

.template7-threecontent .feature
{
    width: 33%;
    float: left;
}

.webuistudio .mainheader
{
    padding-top: 20px;
}

.webuistudio .mainheader h2
{
    text-align: center;
    line-height: 24px;
    margin-bottom: 30px;
    padding: 5px 25px;
}

.webuistudio .mainheader p
{
    padding: 15px;
}

.mainbuttons
{
    display: table;
    margin-left: 27px;
    text-align: center;
    margin-bottom: 15px;
}

.btndownload
{
    background-image: url(/WebResources/Images/WebUIStudio/download_arrow.png);
    padding-left: 20px;
    padding-right: 10px;
    background-position: left 1px;
    background-repeat: no-repeat;
}

.gap
{
    background-image: url(/WebResources/Images/WebUIStudio/gap.png);
    padding-right: 5px;
    background-repeat: no-repeat;
}

.btnupgrade
{
    background-image: url(/WebResources/Images/WebUIStudio/upgrade.png);
    padding-left: 25px;
    padding-right: 10px;
    background-position: left 2px;
    background-repeat: no-repeat;
}

.mainbutton-center ul
{
    list-style: none;
    padding: 0;
}

.mainbutton-center ul li
{
    padding-bottom: 0;
    display: inline;
    float: left;
}

.mainbutton-left
{
    background-image: url(/WebResources/Images/WebUIStudio/classybutton_left.png);
    width: 7px;
    float: left;
    padding: 15px 0 8px;
}

.mainbutton-center
{
    background-image: url(/WebResources/Images/WebUIStudio/classybutton_center.png);
    float: left;
    padding: 5px 0 1px;
}

.mainbutton-right
{
    background-image: url(/WebResources/Images/WebUIStudio/classybutton_right.png);
    width: 6px;
    float: left;
    padding: 15px 0 8px;
}

.ovalsquare
{
    display: table;
    text-align: center;
    margin-bottom: 15px;
    width: 100%;
}

.ovalsquare-left
{
    background-image: url(/WebResources/Images/WebUIStudio/ovalsquare_left.png);
    height: 140px;
    width: 7px;
    float: left;
}

.ovalsquare-center
{
    background-image: url(/WebResources/Images/WebUIStudio/ovalsquare_center.png);
    float: left;
    padding: 5px 0 1px 2px;
}

.ovalsquare-right
{
    background-image: url(/WebResources/Images/WebUIStudio/ovalsquare_right.png);
    width: 10px;
    height: 140px;
    float: left;
}

.webuistudio .content p
{
    line-height: 20px;
    padding-bottom: 15px;
}

.fourlevelfloat h3, .fourlevelfloat p
{
    padding: 0 8px;
}

.subtopiclink
{
    text-align: left;
    padding: 10px 15px;
}

.subtopiclink a
{
    font-size: 11px;
}

.subtopiclink ul li
{
    margin: 0 5px;
}

.leftrightdetail .image
{
    width: 38%;
    text-align: left;
    margin-right: 5px;
    float: left;
}

.rightleftdetail .image
{
    width: 40%;
    text-align: right;
    margin-left: 10px;
    float: right;
}

.webuistudio .content h2
{
    font-size: 18px;
    margin-top: 15px;
    color: black;
}

.ssp_paging ul
{
    list-style-type: none;
}

.ssp_paging ul li
{
    display: inline;
    cursor: pointer;
}

.itemdesc
{
    margin-top: 5px;
    margin-bottom: 8px;
}

.itemsep
{
    color: gray;
    margin: 0pt 11px;
}

.productseparator
{
    clear: both;
    border-bottom: 1px solid #cedce7;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.twolevelfloat
{
    float: left;
    width: 48%;
}

.threelevelfloat
{
    margin-right: 0;
}

.threelevelfloat h3, .threelevelfloat p
{
    padding-right: 15px;
}

.listbulletblue
{
    float: left;
}

.listbulletblue li
{
    background-image: url(/WebResources/Images/bullet_build.png);
    background-position: 0 7px;
    background-repeat: no-repeat;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-left: 15px;
}

.license-agreement ol
{
    display: table;
    margin: 10px 15px;
    padding: 0;
}

.license-agreement ol li
{
    list-style-position: outside;
    margin: 0 10px;
    padding: 5px;
}

.webuistudio .content .pricelist
{
    display: table;
}

.webuistudio .content .pricelist li
{
    list-style: none;
}

.webuistudio .content .pricelist li p
{
    float: left;
    margin: 2px 0;
    padding: 0;
}

.webuistudio .content .pricelist li p.type
{
    width: 235px;
}

.pricelist2 li p
{
    margin: 0;
    padding: 0;
}

.compareedition
{
    padding: 15px 0;
}

.tblcompare-edition thead tr th
{
    font-size: 10px;
}

.tblcompare-edition tbody tr td
{
    font-size: 11px;
    padding: 10px 10px 5px;
}

.tblcompare-edition thead tr th.firstcolumn
{
    width: 180px;
    text-align: center;
    font-size: 12px;
    padding-right: 3px;
}

.tblcompare-edition tbody tr td.firstcolumn
{
    padding-left: 3px;
    padding-right: 5px;
    font-size: 11px;
}

.tblcompare-edition tbody tr td.aspnet
{
    background-color: #EBF0F4;
    text-align: center;
}

.tblcompare-edition tbody tr td.silverlight
{
    background-color: #ECF5E4;
    text-align: center;
}

.tblcompare-edition tbody tr td.premier
{
    background-color: #F8F5EB;
    text-align: center;
}

.tblcompare-edition tbody tr td.firstcolumn p
{
    margin: 0;
    padding: 0;
}

.tblcompare-edition tfoot tr td
{
    text-align: center;
    font-size: 11px;
    padding: 15px 0;
}

.tblcompare-edition tfoot tr td.aspnet
{
    background-color: #D4DCEB;
}

.tblcompare-edition tfoot tr td.silverlight
{
    background-color: #D8ECC3;
}

.tblcompare-edition tfoot tr td.premier
{
    background-color: #F1F3D2;
}

.tblcompare-edition tfoot tr td .price
{
    font-weight: 700;
}

.tblcompare-edition thead tr th p
{
    float: left;
    color: #FFF;
    margin: 0;
    padding: 0;
}

.tblcompare-edition thead tr.suitesubscription td
{
    width: 82px;
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    padding: 5px 0;
}

.tblcompare-edition thead tr th.aspnet p.left
{
    background-image: url(/WebResources/Images/Buttons/ButtonBlueLeft.png);
    height: 25px;
    width: 13px;
}

.tblcompare-edition thead tr th.aspnet p.center
{
    background-image: url(/WebResources/Images/Buttons/ButtonBlueMiddle.png);
    background-repeat: repeat-x;
    padding: 6px 0 2px;
    width: 138px;
}

.tblcompare-edition thead tr th.aspnet p.right
{
    background-image: url(/WebResources/Images/Buttons/ButtonBlueRight.png);
    width: 13px;
    height: 25px;
}

.tblcompare-edition thead tr th.silverlight p.left
{
    background-image: url(/WebResources/Images/Buttons/ButtonGreenLeft.png);
    width: 13px;
    height: 25px;
}

.tblcompare-edition thead tr th.silverlight p.center
{
    background-image: url(/WebResources/Images/Buttons/ButtonGreenMiddle.png);
    background-repeat: repeat-x;
    padding: 6px 0 2px;
    width: 138px;
}

.tblcompare-edition thead tr th.silverlight p.right
{
    background-image: url(/WebResources/Images/Buttons/ButtonGreenRight.png);
    width: 13px;
    height: 25px;
}

.tblcompare-edition thead tr th.premier p.left
{
    background-image: url(/WebResources/Images/Buttons/ButtonYellowLeft.png);
    width: 13px;
    height: 25px;
}

.tblcompare-edition thead tr th.premier p.center
{
    background-image: url(/WebResources/Images/Buttons/ButtonYellowMiddle.png);
    background-repeat: repeat-x;
    padding: 6px 0 2px;
    width: 138px;
}

.tblcompare-edition thead tr th.premier p.right
{
    background-image: url(/WebResources/Images/Buttons/ButtonYellowRight.png);
    width: 13px;
    height: 25px;
}

.compareedition .mainbuttons
{
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
}

.compareedition .mainbuttons ul li
{
    padding-top: 2px;
    height: 38px;
}

.callout-title
{
    font-weight: 700;
    font-family: Segoe UI;
    font-size: 11px;
    padding: 3px 3px 0 5px;
}

.callout-info
{
    color: #45484C;
    font-size: 11px;
    padding: 5px 0 5px 5px;
}

.tblsubscription th
{
    font-weight: 400;
    font-size: 11px;
    background-color: #EEC09B;
}

.tblsubscription tr.mainheader th
{
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    background-color: #DE8946;
}

.tblsuite th
{
    font-weight: 400;
    font-size: 11px;
    background-color: #E8C0C0;
}

.tblsuite tr.mainheader th
{
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    background-color: #CC6161;
}

.subscriptionbenefit
{
    border: 1px solid #DEDEDE;
    text-align: center;
    width: 320px;
    background-color: #D4E4EE;
    margin: auto auto 15px;
}

.withparagraph .subscriptionbenefit p
{
    margin: 5px 0;
}

.tblbenefit
{
    width: 100%;
    border-top: 1px solid #9590A6;
    border-right: 1px solid #9590A6;
    border-left: 1px solid #9590A6;
    margin-bottom: 10px;
}

.tblbenefit th
{
    font-weight: 400;
    font-size: 11px;
    background-color: #DFD8E8;
}

.tblbenefit thead tr th, .tblbenefit tbody tr td
{
    border-bottom: 1px solid #9590A6;
    text-align: center;
    padding: 5px;
}

.tblbenefit tbody tr td.left
{
    text-align: left;
    padding-left: 8px;
}

.tblbenefit tr.mainheader th
{
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    background-color: #8062AA;
    color: #FFF;
}

.tblbenefit tr.altrow
{
    background-color: #DFD8E8;
}

.overview h2
{
    color: #555;
    font-size: 24px;
    text-align: center;
    padding-top: 10px;
}

.overview h3
{
    color: #707070;
    font-size: 16px;
    text-align: center;
    line-height: 23px;
}

.overview h3 span
{
    display: block;
    margin-top: 10px;
}

.overview h3 a, .noarrow
{
    color: #0072BC;
    font-size: 16px;
    padding-right: 18px;
    background-image: url(/WebResources/Images/headerarrow.png);
    background-position: right;
    background-repeat: no-repeat;
}

.overview h3 a:hover, .noarrow:hover
{
    text-decoration: underline;
}

.overview h3 a.noarrow
{
    padding-right: 4px;
    background-image: none;
    font-size: 14px;
}

.overview h4
{
    color: #003663;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 5px;
}

.overview .contentseparator
{
    border-top: 0;
    border-bottom: 1px #DEDEDE solid;
}

.overview .content
{
    font-size: 12px;
    line-height: 17px;
    padding: 5px 20px;
}

.overview .container
{
    display: table;
    width: 100%;
    margin: 0 0 15px;
}

.overview .section
{
    clear: both;
    margin-top: 40px;
}

.container .leftfloatimage
{
    float: left;
    padding: 10px 20px 10px 0;
}

.container .rightfloatimage
{
    float: right;
    padding: 10px 10px 10px 20px;
}

.container .leftfloatdescription
{
    padding: 5px;
}

.container a img
{
    border: 0;
    cursor: pointer;
}

.container .column-layout
{
    width: 100%;
    display: table;
    line-height: 20px;
}

.webuistudio .rightleftdetail .lstcasestudy
{
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0 4px;
}

.pricingtitle
{
    font-size: 12px;
}

.productpage, .collectionfeaturelist p, .featureright p, .featureleft p, .productfeature, .withparagraph, .overview, .overview p
{
    line-height: 20px;
}

.learnmorecontainer, .container .rightfloatdescription
{
    padding: 5px 0;
}

.mainfeature h2, .template4-main-image, .template7-main-image
{
    text-align: center;
}

.featureright, .template3-main-image, .template5-main, .template6-main
{
    text-align: right;
}

.template1-main, .fullwithtable, .leftrightdetail, .rightleftdetail
{
    width: 100%;
    display: table;
}

.template1-title, .template2-title
{
    padding-top: 10px;
}

.template1-title h2, .template2-title h2
{
    border-bottom: 1px solid #DDD;
    color: #6D6D6D;
    padding-bottom: 10px;
    margin: 0 20px;
}

.template1-content .feature-content, .column-layout .column-content
{
    width: 49%;
    float: left;
    margin-bottom: 5px;
}

.template3-main-title, .template5-main-title
{
    float: left;
    margin-right: 10px;
}

.template4-main-text, .template7-main-text
{
    line-height: 20px;
    text-align: center;
    margin-bottom: 25px;
    padding: 5px 20px;
}

.template4-main-text h2, .template7-main-text h2
{
    text-align: center;
    color: #6D6D6D;
}

.template5-main .main-image, .template6-main .main-image
{
    margin-bottom: 5px;
}

.template7-threecontent .feature h3, .template7-threecontent .feature p, .webuistudio .content
{
    padding: 0 20px;
}

.btnbuysubscription, .btnrenewsubscription
{
    background-image: url(/WebResources/Images/WebUIStudio/cart.png);
    padding-left: 25px;
    padding-right: 10px;
    background-position: left 2px;
    background-repeat: no-repeat;
}

.mainbutton-center a, .ovalsquare-center a
{
    display: block;
    height: 40px;
    color: #FFF;
}

.mainbutton-center a:hover, .ovalsquare-center a:hover
{
    color: #FFFBC1;
}

.leftrightdetail .detail, .rightleftdetail .detail
{
    position: relative;
}

.paragraph_spacing, .withparagraph p
{
    margin-bottom: 15px;
}

.tblsubscription, .tblsuite
{
    width: 100%;
    border-top: 1px solid #7C4416;
    border-right: 1px solid #7C4416;
    margin-bottom: 10px;
}

.tblsubscription thead tr th, .tblsubscription tbody tr td, .tblsuite thead tr th, .tblsuite tbody tr td
{
    border-bottom: 1px solid #7C4416;
    border-left: 1px solid #7C4416;
    text-align: center;
    padding: 2px 1px;
}

.tblsubscription tfoot tr td, .tblsuite tfoot tr td
{
    border: 0;
    text-align: left;
}

h2.whatsnew
{
    text-align: left !important;
    margin-bottom: 0px !important;
    padding-left: 0px !important;
}

.whatsnew-subtext
{
    font-size: 11pt;
    padding: 5px 0px 0px 0px !important;
}

div.title-topleft-container
{
    float: right;
    width: 354px;
    background-image: url('/WebResources/Images/WebUIStudio/WhatsNew_Navi_Box.png');
    height: 215px;
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-right: -20px;
}

div.title-topright-container
{
    float: right;
    width: 50%;
    margin-top: 40px;
}

.whatsnew-product-title
{
    margin-left: 2px;
    margin-bottom: 10px;
}

a.whatsnew-product-selector
{
    padding: 7px 0px;
    margin-left: -15px;
    width: 95%;
    display: table;
}

a.whatsnew-product-selector:hover
{
    background-color: #f4f4f4;
}

a.whatsnew-product-selector:visited
{
    font-weight: bold;
}

.whatsnew-product-selector .product-image
{
    float: left;
    width: 35px;
    margin-left: 18px;
}

.whatsnew-product-selector .product-text
{
    float: left;
    font-size: 13px;
}

.webuistudio_subPage
{
    background-image: url(/WebResources/Images/WebUIStudio/webuistudio_background-tab.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 143px;
    width: 100%;
    text-align: center;
}

.webuistudio_subPage .item
{
    width: 170px;
    float: left;
    height: 143px;
}

.webuistudio_subPage .item img
{
    border: none 0px black;
    margin-top: 17px;
}

.webuistudio_subPage .item h4
{
    font-weight: normal;
    margin: 3px 0 0;
    color: black;
    font-size: 13px;
}

.webuistudio_subPage .item h5
{
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 0;
    margin-top: 3px;
}
.webuistudio_subPage .item a
{
    display: block;
}

.webuistudio_subPage .item a.activeSubPage
{
    background-image: url('/WebResources/Images/WebUIStudio/webuistudio_active-background-tab.png');
    background-position: center 0px;
    height: 143px;
    background-repeat: no-repeat;
    cursor: default;
}

.webuistudio_subPage .item a.inactiveSubPage
{
    background-image: none;
    height: 145px;
    cursor: pointer;
}

ul#CallToActionBox
{
    list-style: none;
    padding: 0;
    margin: 0px 0px 15px 0px;
    height: 47px;
}

ul#CallToActionBox li
{
    height: 47px;
    float: left;
}

ul#CallToActionBox li.CallToActionItem
{
    width: 76px;
    text-align: center;
    cursor: pointer;
}

ul#CallToActionBox li.LeftRightButton
{
    width: 84px;
}

ul#CallToActionBox a
{
    color: White;
    display: block;
    font-size: 10px;
    height: 49px;
    background-image: url(/WebResources/Images/WebUIStudio/calltoactionbutton_middle.png);
    background-repeat: no-repeat;
}

ul#CallToActionBox a.leftbutton
{
    background-image: url(/WebResources/Images/WebUIStudio/calltoactionbutton_left.png);
    width: 84px;
}

ul#CallToActionBox a.rightbutton
{
    background-image: url(/WebResources/Images/WebUIStudio/calltoactionbutton_right.png);
    width: 84px;
}

ul#CallToActionBox a:hover
{
    background-image: url(/WebResources/Images/WebUIStudio/calltoactionbutton_middlehover.png);
}

ul#CallToActionBox a.leftbutton:hover
{
    background-image: url(/WebResources/Images/WebUIStudio/calltoactionbutton_lefthover.png);
}

ul#CallToActionBox a.rightbutton:hover
{
    background-image: url(/WebResources/Images/WebUIStudio/calltoactionbutton_righthover.png);
}

ul#CallToActionBox a:active
{
    background-image: url(/WebResources/Images/WebUIStudio/calltoactionbutton_middleclick.png);
}

ul#CallToActionBox a.leftbutton:active
{
    background-image: url(/WebResources/Images/WebUIStudio/calltoactionbutton_leftclick.png);
}

ul#CallToActionBox a.rightbutton:active
{
    background-image: url(/WebResources/Images/WebUIStudio/calltoactionbutton_rightclick.png);
}

ul#CallToActionBox img
{
    border: none 0px black;
    margin-top: 5px;
}

ul#CallToActionBox img.CallToActionSeparator
{
    margin-top: 10px;
}

div.TopLeftContentArea
{
    float: left;
    width: 60%;
    margin-top: 32px;
}


div.TopRightContentArea
{
    float: right;
    width: 37%;
    margin-top: 10px;
}

div.TopRightContentArea img.MenuBoxItem
{
    border: 0;
    margin-left: 15px;
}

div.TopRightContentArea p
{
    margin-top: -114px;
    margin-left: 25px;
    font-weight: bold;
}

div.TopRightContentArea ul.MenuBoxItem
{
    list-style-type: none;
    margin-left: 45px;
    margin-top: -11px;
    width: 70%;
}

TopLeftContentArea h2Inline
{
    display: inline;
}

div.WhatsNewList
{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
}

div.Tier1List
{
    margin-left: 0px;
}

ul.Tier2List
{
    list-style-type: none;
    list-style-image: none;
    margin-left: 10px;
}

ul.Tier3List
{
    list-style: none;
    margin-left: 10px;
}

ul.Tier4List
{
    list-style-image: url(/WebResources/Images/WebUIStudio/WhatsNew_bullet.png);
    color: #5a5a5a;
    margin-left: 20px;
}

h4.h4WhatsNewStyle
{
    font-weight: 400;
    color: Black;
}

a.backtotop
{
    text-align: right;
    cursor: pointer;
    margin-left: 595px;
    width: 99%;
    color: #165FA7;
}

a.backtotop img
{
    border: none 0px black;
    padding-bottom: 2px;
    padding-left: 3px;
}

.sectiontitle
{
    padding-left: 20px;
    font-size: 12px;
}
.imageborderless
{
    border: none;
    float: left;
    margin: 3px 5px 0px 0px;
}

.whitepaperresources
{
    color: #044476;
    font-weight: normal;
    margin: 0px;
}

div.TopRightContentArea img.ResourcesLink
{
    margin-left: 6px;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.TopRightContentArea h2
{
    margin: 0px;
    padding: 0px;
}

div.TopRightContentArea div.ResourcesBox
{
    background-image: url(/WebResources/Images/WebUIStudio/Resources_Box.png);
    position: relative;
    width: 240px;
    height: 222px;
    margin-left: 6px;
}

div.TopRightContentArea div.LeftMargin
{
    margin-left: 10px;
}
div.TopRightContentArea div.LeftMargin h3
{
    padding-top: 16px;
    color: black;
}

div.TopRightContentArea div.LeftMargin div.SubHeadline
{
    width: 140px;
}

div.TopRightContentArea ul.ResourcesList
{
    list-style-position: inside;
    float: left;
    width: 49%;
    margin-top: 22px;
    list-style-type: none;
}

ul.ResourcesList img
{
    margin: 0px 2px -1px 0px;
}

.VerticalSeparator
{
    background-image: url(/WebResources/Images/WebUIStudio/VerticalSpt_mid.png);
    background-repeat: repeat-y;
    background-position: right center;
    margin: 0px;
    padding: 0px;
}

.VerticalSeparatorTop
{
    background-image: url(/WebResources/Images/WebUIStudio/VerticalSpt_top.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0px;
    padding: 0px;
}

.VerticalSeparatorBottom
{
    background-image: url(/WebResources/Images/WebUIStudio/VerticalSpt_btm.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin: 0px;
    padding: 0px;
}

div.VerticalSeparatorTop ul.SectionList
{
    list-style-type: none;
    padding-left: 0px;
    padding-right: 5px;
    width: 385px;
}

li.WhitePapersSectionStyle
{
    color: #6e6e6e;
}

div.VideoTutorialStyle
{
    float: left;
    width: 49%;
    line-height: 16px;
    margin-bottom: 10px;
}

div.VideoTutorialStyle img
{
    margin-right: 10px;
}

a.ProductFaceQuickNav:hover
{
    color: Maroon;
    cursor: pointer;
}

.SystemRequirementItems
{
    float: left;
    width: 145px;
    text-align: center;
    margin-top: 12px;
}
h4.SystemRequirement
{
    margin-left: 20px;
    font-weight: normal;
}
ul.SystemReqSelector
{
    list-style-type: none;
    list-style-image: none;
    line-height: 22px;
    padding: 0px;
}
ul.SystemReqSelector li
{
}
.SystemRequirementTopContainer
{
    width: 100%;
    margin-top: 40px;
}
.SystemRequirementImageContainer
{
    float: left;
    margin-left: -21px;
    width: 440px;
    margin-top: 10px;
}
.SystemRequirementNavigation
{
    float: right;
    background-image: url(/WebResources/Images/Services/navigation-box.png);
    height: 180px;
    width: 250px;
    margin-right: 0px;
}
.SystemRequirementNavigation div
{
    margin-top: 20px;
    margin-left: 30px;
}
.SystemRequirementNavigation div h2
{
    color: #044476; 
    margin-bottom: 8px;
}
.SystemRequirementBg
{
    background-image: url(/WebResources/Images/WebUIStudio/SysReq_ItemBox.png);
    width: 586px;
    height: 287px;
    margin-left: 53px;
    border: solid 0px black;
    background-position: center center;
    background-repeat: no-repeat;
}

.SystemRequirementBg-6Items
{
    background-image: url(/WebResources/Images/WebUIStudio/SysReq_ItemBox_6Items.png);
}

.SystemRequirementBg-4Items
{
    background-image: url(/WebResources/Images/WebUIStudio/SysReq_ItemBox_4Items.png);
    height: 144px;
}

.SystemRequirementBg-2Items
{
    background-image: url(/WebResources/Images/WebUIStudio/SysReq_ItemBox_2Items.png);
    height: 144px;
}

#ContentLoaderIndicator
{
    z-index: 25;
    position: absolute;
    border: 2px solid #BEBEBE;
    background-color: #FFF;
    visibility: hidden;
    padding: 5px 2px 0;
    width: 133px;
    height: 35px;
    margin-left: 290px;
    margin-top: 100px;
}

.overview h3.WebEssentials
{
    margin-top: -25px;
}
div.WebEssentialsMainImage
{
    text-align: center;
}
div.section1floatdesc
{
    float: left;
    padding-top: 25px;
    width: 247px;
}
.round-corner-bluebox-top
{
    background-image: url("/WebResources/Images/Panel/testi_blue_top.png");
    background-repeat: no-repeat;
    height: 11px;
}
.round-corner-bluebox-mid
{
    background-image: url("/WebResources/Images/Panel/testi_blue_body.png");
    background-repeat: repeat-y;
    padding: 0 15px;
}
.round-corner-bluebox-bottom
{
    background-image: url("/WebResources/Images/Panel/testi_blue_bottom.png");
    background-repeat: no-repeat;
    height: 11px;
}
.clientui-topmain-area
{
    background-image: url(/WebResources/Images/ClientUI/background-repeat.png);
    background-position: center 350px;
    background-repeat: repeat-x;
    display: table;
    width: 100%;
}
.clientui-topmain-image
{
    float: left;
    margin-top: 20px;
    text-align: right;
    width: 530px;
}
.clientui-topmain-image img
{
    border: none;
}
.clientui-topmain-text
{
    float: left;
    text-align: left;
    margin-top: 100px;
    margin-left: 50px;
    width: 360px;
}
.clientui-topmain-text .cta-area
{
    margin-top: 40px;
    width: 100%;
    margin-left: -10px;
}
.clientui-topmain-text .cta-image
{
    float: left;
    width: 120px;
    text-align: center;
    margin-left: 26px;
}
.clientui-topmain-text .cta-image a
{
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Segoe UI";
    color: #0082c6;
    font-size: 12px;
}
.clientui-topmain-text .cta-image a:hover
{
    text-decoration: underline;
}

.clientui-topmain-text .cta-image img
{
    border: 0;
}
.clientui-bottom-box
{
    background-image: url(/WebResources/Images/ClientUI/bottom-box.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 917px;
    height: 245px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
}
.clientui-bottom-box .item
{
    float: left;
    margin-left: 18px;
    width: 212px;
}
.clientui-bottom-box .item h5
{
    margin-bottom: 5px;
}
.clientui-bottom-box .item p
{
    line-height: 20px;
}

.calltoaction
{
    background-image: url("/WebResources/Images/WebUIStudio/2010-cta-button-bar.png");
    background-repeat: no-repeat;
    margin: 0 0 0 27px;
    width: 661px;
    height: 58px;
}
.premiercta
{
    background-image: url("/WebResources/Images/WebUIStudio/2010-cta-button-bar-premier.png");
    width: 661px;
    margin-left: 111px;
}
.calltoaction div
{
    float: left;
    margin-top: 4px;
}
.calltoaction div img
{
    border: none;
}
.calltoaction div:hover
{
    background-image: url("/WebResources/Images/WebUIStudio/2010-cta-hover.png");
}
