html, body {
    font-family: roboto;
    font-size: 10pt;
    font-weight: 300;
    height: 100%;
    min-width: 960px;
    margin: 0;
    padding: 0;
}

    html ul {
        padding: 0;
        margin-left: 20px;
    }

form {
    font-family: roboto;
    font-size: 10pt;
    font-weight: 300;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #5a5a5a;
}

    form input {
        outline: none;
    }

        form input[type="text"] {
            border-color: #cccccc;
            border-radius: 6px;
            border-style: solid;
            border-width: 1px;
            padding: 4px;
            outline: none;
            color: #717171;
        }

        form input[type="password"] {
            border-color: #cccccc;
            border-radius: 6px;
            border-style: solid;
            border-width: 1px;
            padding: 4px;
            outline: none;
            color: #808080;
        }

    form select {
        border-color: #cccccc;
        border-radius: 6px;
        border-style: solid;
        border-width: 1px;
        padding: 4px;
        outline: none;
        color: #808080;
    }

    form textarea {
        border-color: #cccccc;
        border-radius: 6px;
        border-style: solid;
        border-width: 1px;
        padding: 4px;
        outline: none;
        color: #808080;
    }

h1 {
    font-family: "Roboto",sans-serif;
    font-size: 40pt;
    font-weight: 100;
    text-align: center;
    margin-top: 27px;
    color: #676767;
}

h2 {
    color: dodgerBlue;
    font-family: "Roboto",sans-serif;
    font-size: 26pt;
    font-weight: 100;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 150%;
}

h3 {
    color: dodgerBlue;
    font-family: "Roboto",sans-serif;
    text-decoration: none;
    font-weight: 400;
    font-size: 12pt;
    margin-top: 0px;
    margin-bottom: 5px;
    text-align: left;
}

h4 {
    color: dodgerBlue;
    font-family: "Roboto",sans-serif;
    text-decoration: none;
    font-weight: 400;
    font-size: 12pt;
    margin-top: 0px;
    margin-bottom: 5px;
    text-align: left;
}

a {
    line-height: inherit;
    color: #5a5a5a;
}

Select {
    vertical-align: middle;
}

.Banner {
    background-position: center top;
    background-repeat: repeat-x;
    min-height: 100%;
    width: 100%;
    position: relative;
}

.BannerNoMenu {
    background-position: center top;
    background-repeat: repeat-x;
    min-height: 100%;
    position: relative;
    width: 100%;
    background-image: url("/Graphics/PageBackground_no_Menu.jpg");
}

.BannerSplash {
    background-position: center top;
    background-repeat: repeat-x;
    min-height: 100%;
    position: relative;
    width: 100%;
}

.TopBanner {
    width: 100%;
    position: relative;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    overflow: hidden;
    background-image: url(../Graphics/Banners/Desk.jpg);
    background-position: left -70px;
    background-size: cover;
}

.TopBannerTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: white;
    font-size: 68pt;
}

.TopBannerTitleContainer {
    width: 960px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.TopMenuRepeater {
    width: 100%;
    display: inline-table;
    height: 60px;
    min-width: 960px;
    top: 0;
    background: url("/Graphics/TopMenuRepeater.png") repeat-x scroll 0 0 transparent;
    left: 0;
    position: absolute;
}

.BottomHeader {
    width: 100%;
    height: 564px;
    min-width: 960px;
    top: 369px;
    background-color: #5c5c5c;
    left: 0;
    top: 120px;
    position: absolute;
    z-index: -100;
}

    .BottomHeader h3 {
        color: white;
    }

.BottomMenuRepeater {
    width: 100%;
    display: block;
    height: 50px;
    min-width: 960px;
    top: 189px;
    position: absolute;
    left: 0;
    background: url("/Graphics/BottomMenuRepeater.png") repeat-x scroll 0 0 transparent;
}

.BottomMenuRepeaterSplash {
    width: 100%;
    display: block;
    height: 50px;
    min-width: 960px;
    top: 189px;
    position: absolute;
    left: 0;
    background: url("/Graphics/BottomMenuRepeaterSplash.png") repeat-x scroll 0 0 transparent;
}

.BottomNoMenuRepeater {
    width: 100%;
    display: block;
    height: 16px;
    min-width: 960px;
    top: 189px;
    position: absolute;
    left: 0;
    background: url("/Graphics/BottomNoMenuRepeater.png") repeat-x scroll 0 0 transparent;
}

.PageHeader {
    margin: 0 auto;
    width: 100%;
    overflow: auto;
    min-height: 100%;
    padding-bottom: 440px;
}

.Footer {
    bottom: 0;
    height: 440px;
    left: 0;
    position: absolute;
    width: 100%;
    background: #dedede;
    font-size: 11pt;
    font-family: roboto;
    font-weight: normal;
    color: #626262;
    line-height: 1;
}

    .Footer h2 {
        font-weight: 400;
        font-size: 22pt;
    }

.FooterColumn {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.FooterColumnSocial a {
    height: 29px;
    width: 29px;
}

.FooterColumnSocial div {
    margin-top: 8px;
}

.FooterLinkHeader {
    width: 100%;
    float: left;
}

.FooterLink {
    width: 100%;
    float: left;
}

    .FooterLink a, .FooterLink a:Visited {
        color: #626262;
        text-decoration: none;
        line-height: 150%;
    }

        .FooterLink a:Hover {
            color: #a5a5a5;
            text-decoration: none;
            transition: 0.5s;
        }

.MenuLink {
    color: #595959;
    text-decoration: none;
    margin: 0px;
    font-weight: 400;
    font-size: 11pt;
    font-family: 'Roboto', sans-serif;
    padding-top: 23px;
    display: block;
    height: 40px;
    transition: 0.5s;
    text-align: center;
}

    .MenuLink:Visited {
        color: #595959;
        text-decoration: none;
    }

    .MenuLink:Hover {
        color: #919191;
        text-decoration: none;
    }

.MenuLinkActive {
    color: #595959;
    text-decoration: none;
}

.SubMenuLink {
    color: white;
    text-decoration: none;
    text-align: center;
    margin: 0px;
    font-weight: 400;
    font-size: 13pt;
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    transition: 0.5s;
    font-family: "Roboto",sans-serif;
}

    .SubMenuLink:Hover {
        background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0;
    }

.AccordionHeader {
    text-align: left;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: auto;
    border: solid 1px #DDDDDD;
    background: #C7DFFE url(Graphics/Common/AccordionHeader.png) repeat-x scroll center top;
    cursor: pointer;
}

    .AccordionHeader:hover {
        background: #00FFFF url(Graphics/Common/AccordionHeader.png) repeat-x scroll center top;
    }

.AccordionContent {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    border: solid 1px #DDDDDD;
    background: transparent url(Graphics/Tables/NormalRow.png) repeat-x scroll center top;
}

.HighlightedRow {
    background: transparent url(Graphics/Tables/AltRow.png) repeat-x scroll center top;
    color: Black;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    overflow: auto;
    padding-bottom: 7px;
    padding-left: 5px;
    padding-top: 9px;
    text-align: left;
}

.FormSubsectionHeader h2 {
    background: url("Graphics/Tables/NormalHeader2.png") repeat-x scroll center top transparent;
    color: White;
    font-family: "Roboto",sans-serif;
    font-size: 10pt;
    font-weight: 400;
    overflow: auto;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-top: 9px;
    text-align: left;
    margin-bottom: 0px;
}

.FormSubsection {
    text-align: left;
    padding-top: 15px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    _padding-left: 5px;
    overflow: auto;
    border: solid 1px #DDDDDD;
    font-size: 10pt;
    font-family: "Roboto",sans-serif;
    _width: 100%;
}

.FormSubsectionClear {
    text-align: left;
}

    .FormSubsectionClear h3 {
        margin-bottom: 3px;
    }

.FormLabelSpanShort {
    margin-top: 3px;
    text-align: right;
    width: 20%;
    float: left;
}

.FormLabelSpan {
    margin-top: 3px;
    text-align: right;
    width: 40%;
    float: left;
}

.FormLabelRight {
    margin-top: 3px;
    margin-left: 5%;
    font-weight: bold;
    text-align: right;
    float: left;
}

.FormTxt {
    font-size: 9.5pt;
    margin-left: 5%;
    width: 50%;
    float: left;
}

.FormDiv {
    padding-bottom: 3px;
    overflow: auto;
    text-align: left;
}

.FormPanelHeaderSmall {
    margin-top: 20px;
}

.FormPanelHeaderCenter {
    height: 33px;
    background-image: url(graphics/common/PanelHeaderRepeater.png);
    background: background-repeat x;
    padding-top: 6px;
}

.FormPanelHeaderLeft {
    height: 39px;
    background-image: url(graphics/common/PanelHeaderLeft.png);
    width: 40px;
    float: left;
    _padding-top: 2px;
    _margin-right: -3px;
}

.FormPanelHeaderRight {
    height: 39px;
    background-image: url(graphics/common/PanelHeaderRight.png);
    width: 40px;
    float: right;
    _padding-top: 2px;
    _margin-left: -3px;
}

.FormPanel {
    border-right: #000000 2px solid;
    border-left: #000000 2px solid;
    border-bottom: #000000 2px solid;
    padding-bottom: 15px;
    margin-bottom: 10px;
    padding-top: 6px;
    text-align: left;
}

.FormPanelWrapper {
    width: 960px;
}

.FormBottomDiv {
    text-align: center;
    padding-top: 10px;
}



.HeaderHyperlink {
    margin-right: 5px;
    color: White;
    text-decoration: underline;
}

    .HeaderHyperlink:Visited {
        color: White;
    }

.QuestionList {
    color: Black;
    text-decoration: none;
    background: #93C0FD url(graphics/MenuRepeater.png);
    height: 19px;
    cursor: pointer;
    padding-top: 6px;
    padding-left: 10px;
    text-align: center;
}

    .QuestionList:Hover {
        background: #1AC0FF url(graphics/MenuRepeater.png);
    }

.QuestionContent {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: left;
    background: InfoBackground url(graphics/Common/ShadowBackgroundTransparent.png);
    background-repeat: repeat-x;
}

.QuestionHeader {
    background: transparent url(Graphics/Tables/NormalRow.png) repeat-x scroll center top;
    text-align: left;
    height: 18px;
    padding-top: 4px;
    font-weight: bold;
    border: solid 1px #DDDDDD;
}

.QuestionHeaderAlt {
    background: transparent url(Graphics/Tables/AltRow.png) repeat-x scroll center top;
    text-align: left;
    height: 18px;
    padding-top: 4px;
    font-weight: bold;
    border: solid 1px #DDDDDD;
}

.QuestionContainer {
    border: solid 1px #DDDDDD;
    padding-bottom: 4px;
    padding-top: 12px;
    _width: 99%;
    padding-left: 20px;
    padding-right: 20px;
}

.ContactInfoLabel {
    margin-top: 3px;
    text-align: right;
    width: 25%;
    float: left;
}

.ContactInfoText {
    font-size: 9pt;
    margin-left: 12px;
    margin-right: 12px;
    width: 45%;
    float: left;
}

.ContactInfoDiv {
    float: left;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
}

.ReOrderList {
    width: 90%;
}

.ReorderListActual {
    border-top: solid 1px #DDDDDD;
    border-bottom: solid 1px #DDDDDD;
}

    .ReorderListActual li {
        padding-bottom: 3px;
        list-style: none;
        margin: 2px;
        cursor: move;
        padding-bottom: 8px;
        padding-left: 20px;
        padding-top: 2px;
    }

.ReorderListQnDrag {
    text-align: left;
    cursor: move;
}

.ReorderListDrag {
    text-align: left;
    width: 14px;
    height: 21px;
    cursor: move;
    background-image: url(graphics/CreateSurvey/DragToMove.png);
}

    .ReorderListDrag li {
        list-style: none;
    }

.ReorderListCue {
    border: dashed thin black;
    width: 100%;
    height: 25px;
    margin: 0px;
}

.ReorderListCue {
    list-style: none;
}

.ReorderListItemArea {
    margin-left: 15px;
    font-family: Arial, roboto, sans-serif;
    font-size: 1em;
    text-align: left;
}

.dragVisualContainer li {
    list-style: none;
}

.QuestionSpacer {
    background-color: White;
    padding: 5px;
}

.Question td {
    padding: 5px;
}

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Graphics/Rating/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(Graphics/Rating/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Graphics/Rating/SavedStar.png);
}

.designerValidationPanel {
    padding-top: 5px;
}

.standardTable {
    width: 100%;
    text-align: left;
    border: 1px solid #dddddd;
    border-collapse: collapse;
}

    .standardTable td {
        padding: 8px 7px;
        border-right: 1px solid #DDDDDD;
    }

    .standardTable tr {
        border-left: 1px solid #dddddd;
    }

    .standardTable th {
        background: #191919 url(Graphics/Tables/NormalHeader2.png) repeat-x scroll center top;
        color: White;
        height: 35px;
        padding-left: 7px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 13pt;
        font-weight: 400;
        border-left: none;
    }

.standardTableThin {
    width: 100%;
    text-align: left;
    border: 1px solid #dddddd;
    border-collapse: collapse;
}

    .standardTableThin td {
        padding: 5px 7px;
        border-right: 1px solid #DDDDDD;
    }

    .standardTableThin tr {
        border-left: 1px solid #dddddd;
    }

    .standardTableThin th {
        background: transparent url(Graphics/Tables/NormalHeader2.png) repeat-x scroll center top;
        color: White;
        padding-left: 7px;
        text-align: left;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 11pt;
        font-weight: 400;
        border-left: none;
    }

    .standardTableThin a {
        text-decoration: none;
        color: #5a5a5a;
    }

.costHeaderLabel {
    color: #8e8e8e;
    font-size: 9pt;
    margin-top: 5px;
}

.ShoppingCartTableRow {
    border-left: 2px solid #e5e5e5;
    height: 30px;
}

.ShoppingCartTableRowAlt td {
    background: #f5f5f5 none repeat scroll 0 0;
}

.ShoppingCartPriceBackdrop {
    background: #CCCCCC;
}

.ShoppingCartTableSection {
    background: #1889c7;
    font-size: 14pt;
    color: White;
}

.ShoppingCartAccountListFooterCell {
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
}

.ShoppingCartFooterCell {
    border-bottom: 1px solid #DDDDDD;
    color: #333333;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
}

.questionTable {
    width: 100%;
    border: 1px solid #DDDDDD;
    text-align: left;
    border-collapse: collapse;
}

    .questionTable td {
        padding: 0px 0px;
        border-right: 1px solid #DDDDDD;
        border-top: 1px solid #DDDDDD;
        overflow: hidden;
    }

.questionTableButton {
    color: Black;
    text-decoration: none;
    width: 100%;
    padding: 5px 0px 5px 4px;
    display: block;
}

    .questionTableButton:Hover {
        background: #EFFEFF
    }

.questionTableHeader {
    background: transparent url(Graphics/Tables/NormalHeader2.png) repeat-x scroll center top;
    color: White;
    height: 25px;
    padding-top: 10px;
    border: 1px solid #DDDDDD;
    text-align: left;
    font-weight: bold;
}

.altRow td {
    background-color: #f5f5f5;
}

.infoBox {
    border: solid 1px #DDDDDD;
    background: #FFFFCC;
    width: 80%;
    padding: 10px;
    text-align: left;
    border-radius: 4px;
}

.innerBox {
    border: solid 1px #DDDDDD;
    background: white;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}

.lowerSurveyOption {
    width: 100%;
    margin-top: 5px;
    border-top: dotted 1px black;
}

.popupState {
    display: none;
}

.DashboardInfo {
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 11pt;
}

.DashboardLabel {
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: 11pt;
    color: dodgerBlue;
}

.TwoColumnIconsContainer {
    display: inline-block;
    vertical-align: top;
    width: 94%;
    margin-left: 3%;
    padding-top: 8px;
    padding-bottom: 5px;
}

.TwoColumnIconsIcon1 {
    float: left;
    width: 13%;
    margin-left: 2%;
    margin-right: 5%;
}

.TwoColumnIconsText1 {
    float: left;
    width: 20%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 20px;
    border-top: 1px dotted silver;
    border-bottom: 1px dotted silver;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
}

.TwoColumnIconsIcon2 {
    float: left;
    width: 15%;
    margin-right: 3%;
    border-left: 1px dotted silver;
}

.TwoColumnIconsText2 {
    float: left;
    width: 20%;
    margin-left: 5%;
    margin-top: 20px;
    border-top: 1px dotted silver;
    border-bottom: 1px dotted silver;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
}


.ThreeColumnIconsContainer {
    width: 94%;
    margin-left: 3%;
    padding-top: 8px;
    padding-bottom: 5px;
    border-bottom: 1px dotted silver;
}

.ThreeColumnIconsIcon1 {
    display: inline-block;
    vertical-align: top;
    width: 13%;
}

.ThreeColumnIconsText1 {
    display: inline-block;
    vertical-align: top;
    width: 16%;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
}

.ThreeColumnIconsIcon2 {
    display: inline-block;
    vertical-align: top;
    width: 13%;
    border-left: 1px dotted silver;
    margin-left: 30px;
}

.ThreeColumnIconsText2 {
    display: inline-block;
    vertical-align: top;
    width: 16%;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
}

.ThreeColumnIconsIcon3 {
    display: inline-block;
    vertical-align: top;
    width: 13%;
    border-left: 1px dotted silver;
    margin-left: 30px;
}

.ThreeColumnIconsText3 {
    display: inline-block;
    vertical-align: top;
    width: 16%;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
}

.HelpPanel {
    width: 400px;
    padding: 15px;
    background-color: White;
    font-size: 10pt;
    text-align: center;
}

.HelpPanelInner {
    border-bottom: 1px dotted silver;
    margin-bottom: 10px;
    padding-bottom: 15px;
    text-align: left;
    font-size: 10pt;
}

    .HelpPanelInner h2 {
        color: dodgerBlue;
        font-family: "Roboto",sans-serif;
        font-size: 12pt;
        font-weight: normal;
        overflow: auto;
        text-align: left;
        margin-bottom: 5px;
        margin-top: 0px;
    }

.HeaderSubPanel {
    float: left;
    padding-top: 35px;
    text-align: left;
    width: 305px;
    color: #5a5a5a;
}

    .HeaderSubPanel ul {
        padding-left: 24px;
        padding-right: 12px;
    }

    .HeaderSubPanel h3 {
        padding-left: 24px;
        padding-top: 5px;
    }

    .HeaderSubPanel img {
        float: left;
        margin-top: -15px;
        margin-right: 5px;
    }

.HeaderSubPanelDiv {
    background: #EEEEEE;
    padding: 6px;
}

.BottomHeaderPanel {
    padding-top: 15px;
    text-align: left;
    color: white;
    width: 100%;
    height: 94px;
    background-image: url(graphics/BottomHeaderBox.png);
}

    .BottomHeaderPanel h3 {
        color: white;
    }

    .BottomHeaderPanel ul {
        margin-left: 25px;
    }

.PriceHomePanel {
    text-align: left;
    width: 100%;
    height: 200px;
    margin-top: 20px;
}

    .PriceHomePanel h3 {
        color: dodgerBlue;
        padding-top: 4px;
    }

    .PriceHomePanel ul {
        margin-left: 15px;
        line-height: 14px;
    }

.PriceHomeBox {
    width: 230px;
    height: 260px;
    padding: 5px;
    float: left;
}

    .PriceHomeBox img {
        float: left;
        margin-right: 5px;
        margin-top: -15px;
    }

    .PriceHomeBox a {
        color: midnightblue;
    }

.PriceSignupBox {
    background: none repeat scroll 0 0 #eeeeee;
    margin-top: 8px;
    padding: 6px;
    text-align: center;
}

    .PriceSignupBox a {
        color: black;
    }

.ScreenShotBanner {
    background: url("Graphics/Banners/BannerBackground.png") repeat-x scroll center top transparent;
    float: left;
    height: 410px;
    padding-top: 10px;
    text-align: left;
    width: 950px;
    color: White;
}

    .ScreenShotBanner h2 {
        font-size: 24pt;
        color: White;
        margin-top: 40px;
        margin-bottom: 20px;
    }

.BulletPoint {
    vertical-align: middle;
}

.BulletList {
    margin-left: 0;
    padding-left: 0;
}

    .BulletList li {
        padding-left: 20px;
        padding-bottom: 6px;
        vertical-align: middle;
        background-repeat: no-repeat;
        padding-top: 3px;
    }

.BrandingLogo img {
    vertical-align: middle;
}

.HomepageHeader {
    width: 960px;
    height: 284px;
    overflow: visible;
    position: relative;
}

    .HomepageHeader h1 {
        font-weight: 300;
        color: #676767;
        font-size: 24pt;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .HomepageHeader h2 {
        font-weight: normal;
        font-size: 12pt;
        color: Black;
    }

.SplashText {
    position: absolute;
    top: 180px;
    left: 10px;
    width: 400px;
}

    .SplashText h2 {
        color: White;
        font-size: 12pt;
        font-family: Arial;
        padding-left: 5px;
        padding-top: 2px;
        margin-top: 0px;
    }

    .SplashText img {
        float: left;
    }

.FormDivContainer {
    background-color: #f8f8f8;
    padding: 10px;
    border: 1px solid #dddddd;
    border-radius: 3px;
}

.FormDivContainerCustomExportEdit {
    background-color: #EFEFEF;
    border: 1px solid silver;
    padding: 5px;
    margin-bottom: 8px;
    margin-right: 3px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 23%;
    font-weight: bold;
}

    .FormDivContainerCustomExportEdit a {
        margin-left: 10px;
    }

.FormDivContainerCustomExportFixed {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
}

    .FormDivContainerCustomExportFixed span {
        margin-left: 10px;
        font-weight: bold;
    }

.FormDivContainerCustomExportFixedDiv {
    display: inline;
    width: 700px;
}

.FormDivContainerCustomContactDiv {
    display: inline;
    width: 60%;
}

.ajax__html_editor_extender_texteditor {
    background-color: #FFFFFF;
}

.RadioButtonAligned {
    text-align: left;
}

    .RadioButtonAligned label {
        display: inline-block;
        margin-left: 30px;
        margin-top: -20px;
    }

.AllCentered h3 {
    text-align: center;
}

.Carousel_Paging {
    text-align: center;
    position: absolute;
    z-index: 20;
    left: 8px;
    top: 238px;
}

    .Carousel_Paging a {
        background: url(/Graphics/Common/CarouselButtons.png) 0 0px no-repeat transparent;
        width: 15px;
        height: 15px;
        margin: 0 10px 0 0;
        display: inline-block;
        outline-style: none;
    }

        .Carousel_Paging a.selected {
            background-position: -0px -15px;
            cursor: default;
            text-decoration: none;
            outline-style: none;
        }

        .Carousel_Paging a span {
            display: none;
        }

.Carousel_ClearFix {
    float: none;
    clear: both;
}

.ImageUploaderField input {
    width: 72% !important;
}

.HighlightSurveyArea {
    top: 15px;
    right: 20px;
    position: absolute;
    width: 55px;
    height: 55px;
    background-color: white;
    text-align: center;
    padding: 3px;
    border-style: dashed;
    border-width: 2px;
    text-decoration: none;
    color: black;
    outline-style: none;
}

.ui-progressbar {
    position: relative;
}

.progress-label {
    position: absolute;
    left: 43%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    color: black;
}

.SocialTop {
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
}

.PriceSummaryBox {
    display: inline-block;
    width: 230px;
    vertical-align: top;
    background-color: #f7f7f7;
    border-radius: 4px;
}

    .PriceSummaryBox h3 {
        text-align: center;
        color: white;
        font-size: 18pt;
    }

.PriceSummaryHeader {
    background: transparent url("Graphics/Tables/NormalHeader2.png") repeat-x scroll center top;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.PriceCostTopBox {
    background: #1889c7 none repeat scroll 0 0;
    color: white;
    padding: 20px;
    line-height: 1;
}

    .PriceCostTopBox h4 {
        font-size: 30pt;
        font-family: "Roboto",sans-serif;
        font-weight: 300;
        color: white;
        text-align: center;
    }

.PriceCostDetailBox {
    padding: 10px;
    text-align: left;
}

.PriceCostDetailSignupBox {
    border-top: 1px solid silver;
    padding: 15px;
    margin-top: 15px;
    text-align: center;
}

.PopupOption {
    position: fixed;
    width: 500px;
    max-height: 90%;
    overflow-y: auto;
    z-index: 100001;
    display: none;
    padding: 20px;
    background-color: white;
    box-shadow: 5px 5px 5px #000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.Backdrop, .BackdropSwitchOrg {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    display: none;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.hideQuestion {
    display: none;
}

.ContentContainer {
    width: 960px;
    padding-bottom: 30px;
    text-align: left;
    min-height: 300px;
    line-height: 165%;
}

.ContentSurveyEditOuter {
    width: 960px;
    padding-bottom: 30px;
    text-align: left;
    background-color: #EBEBEB;
    border: 1px solid silver;
    margin-top: -5px;
    padding-top: 1px;
    padding-bottom: 15px;
}

.ContentSurveyEditInner {
    width: 908px;
    background-color: white;
    border: 1px solid silver;
    margin-left: 15px;
    padding: 10px;
    text-align: center;
}

    .ContentSurveyEditInner h2 {
        margin-top: 0px;
    }

.SampleListing {
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

    .SampleListing a {
        text-decoration: none;
        line-height: 160%;
    }

.NetPromoterContactDetails {
    padding-bottom: 3px;
    margin-right: 5px;
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.TabContainer {
    font-size: 11pt;
    font-family: roboto;
    font-weight: 300;
}

.Testimonial {
    background: #eeeeee none repeat scroll 0 0;
    display: inline-block;
    padding: 14px;
    text-align: left;
    vertical-align: top;
    border-radius: 4px;
}

.HeadingAlign h4 {
    display: inline-block;
    vertical-align: text-top;
    margin-left: 10px;
}

.HeadingAlign a {
    outline: none;
}

.HowItWorks {
    color: #898989;
    font-family: "Roboto",sans-serif;
    font-size: 11pt;
    font-weight: 500;
    line-height: 1.5;
}

    .HowItWorks h3 {
        color: black;
        display: inline-block;
        margin-left: 10px;
        margin-top: 5px;
        vertical-align: middle;
        font-size: 16pt;
        font-weight: 500;
        font-family: "Roboto",sans-serif;
    }

    .HowItWorks img {
        display: inline-block;
        vertical-align: middle;
    }

.FormNoFloatDiv {
    padding-bottom: 3px;
}

.FormLabel {
    display: inline-block;
    width: 40%;
    text-align: right;
    padding-top: 3px;
}

.FormText {
    font-size: 9.5pt;
    margin-left: 5%;
    width: 45%;
    display: inline-block;
    vertical-align: top;
}

.SliderStandard {
    display: inline-block;
    width: 95%;
    vertical-align: top;
    margin-top: 4px;
    background: #0d9cea;
}

.SliderLabel {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
}

.ui-sortable li {
    list-style-type: none;
}

.ButtonImg {
    margin-right: 5px;
    vertical-align: middle;
    border: none;
}

.RowOptions {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.hierarchyMarker {
    border-top: 1px solid black;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    border-radius: 5px;
}

.fileinput-button {
    background-color: #0d9cea;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: roboto;
    font-size: 10pt;
    outline-style: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
    font-weight: 300;
    position: relative;
    overflow: hidden;
}

    .fileinput-button:hover {
        background-color: #22b1ff;
    }

    .fileinput-button:active {
        background-color: #22b1ff;
    }

    .fileinput-button:focus {
        background-color: #22b1ff;
    }

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px !important;
        direction: ltr;
        cursor: pointer;
    }

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.colourPicker {
    width: 80px;
}

.evo-cp-wrap {
    display: inline-block;
}

.month-picker-header {
    background-color: #f8f8f8;
}

.month-picker {
    width: 277px;
}

.month-picker-title a {
    background: none;
}

.HomepageHeader {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 380px;
}

    .HomepageHeader h1 {
        font-weight: bolder;
        color: White;
        font-size: 18pt;
        text-shadow: 2px 2px #303030;
        filter: dropshadow(color=#303030, offx=1, offy=2);
    }

.ResponseGroupTypeImg {
    width: 55px;
    vertical-align: middle;
    margin-top: 8px;
}

.NPSType {
    width: 50px;
}

.SplashText {
    position: absolute;
    top: 180px;
    left: 10px;
    width: 400px;
}

    .SplashText h2 {
        color: White;
        font-size: 14pt;
        font-family: Arial;
        padding-left: 5px;
        padding-top: 2px;
    }

    .SplashText img {
        float: left;
    }

.PageHeaderLeft {
    float: left;
    Width: 27%;
    text-align: left;
    padding-top: 10px;
}

.PageHeaderCenter {
    float: left;
    width: 53%;
}

.PageHeaderRight {
    float: right;
    padding-top: 19px;
    width: 50%;
    text-align: right;
}