/*Global Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

    ul.termsList {
        list-style: square;
        list-style-position: inside;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*Global Styles*/
body {
    background: url(../images/mainbackground.png) repeat;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 12px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clear {
    clear: both;
}

.wrapper {
    width: 1024px;
    margin: auto;
}

.wrapper90 {
    width: 1024px;
    margin: auto;
}

.seperator {
    height: 1px;
    display: block;
    background: #d8d8d8;
    border-bottom: 1px solid #fff;
    margin: 10px 0;
}

.width75 {
    width: 75%;
}

.width48 {
    width: 48%;
}

.marginauto {
    margin: auto;
}

.margintop20 {
    margin-top: 20px;
}

p {
    line-height: 18px;
    margin-bottom: 10px;
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    text-transform: uppercase;
}

.margintopbot10 {
    margin: 10px 0;
}
/*Header*/
.header {
    background: url(../images/headerbackground.png) repeat-x;
    height: 70px;
    display: block;
    position: relative;
    z-index: 100;
    width: 100%;
}

.topMenu {
    padding-top: 15px;
}

    .topMenu ul li {
        margin-left: 10px;
        float: left;
    }

        .topMenu ul li a {
            color: #fff;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 14px;
            padding-bottom: 5px;
            display: block;
        }

            .topMenu ul li a:hover, .topMenu ul li a:active {
                border-bottom: 1px dotted #7189be;
            }

.logo a.clickToCall {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
    float: right;
    padding-top: 15px;
    padding-right: 5px
}

    .logo a.clickToCall:hover, .logo a.clickToCall:active {
        border-bottom: 1px dotted #7189be;
    }

/*Banner*/
.bannerTopContent {
    text-align: center;
}

    .bannerTopContent h1 {
        font-size: 22px;
        font-weight: normal;
        text-transform: uppercase;
        margin: 20px 0;
    }

.bannerImg {
    width: 506px;
}

.signupForm {
    width: 425px;
}

.signUpTop {
    background: url(../images/formtop.png) center no-repeat;
    width: 359px;
    height: 54px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding-top: 27px;
    font-size: 20px;
    text-shadow: 1px 1px #415a09;
}

.FormSignUp {
    background: url(../images/signupbackground.png) repeat-y;
    text-align: center;
    margin-top: -21px;
    padding-top: 25px;
    width: 359px;
}

    .FormSignUp ul li {
        padding-bottom: 15px;
    }

        .FormSignUp ul li input[type="text"], .FormSignUp ul li input[type="password"] {
            width: 265px;
            height: 30px;
            background: #fff;
            border: #c3c3c3 1px solid;
            font-size: 14px;
            padding-left: 5px;
            color: #626262;
        }

        .FormSignUp ul li input[type="submit"] {
            background: #7ca1bc;
            width: 272px;
            height: 35px;
            display: block;
            border: 0;
            margin: auto;
            cursor: pointer;
            font-size: 16px;
            color: #fff;
            text-shadow: 1px 1px #415a09;
        }

.signupbottom {
    background: url(../images/signupbottom.png) top center no-repeat;
    width: 359px;
    height: 14px;
    display: block;
}

.FormSignUp h2 {
    text-align: left;
    padding-left: 45px;
}

.FormSignUp a {
    color: #000;
    text-transform: uppercase;
    line-height: 15px;
    font-size: 12px;
}

.contactUsForm
{

}

.messageText
{

}

.contactUsForm input[type="text"]
{
    width: 500px;
}

.contactUsForm .messageText
{
    width: 500px;
    height: 150px;
}


/*Landing Page*/
.middleTxt {
    background: url(../images/middlebackground.png) repeat-x;
    height: 50px;
    display: block;
    text-align: center;
}

    .middleTxt h1 {
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
        font-weight: normal;
        padding-top: 15px;
    }

.contentColumns {
    margin-top: 25px;
}

.column {
    width: 216px;
    margin-right: 52px;
}

    .column.last {
        margin-right: 0;
    }

    .column h3, .clients h3, .tiptemplatedbox h3 {
        font-weight: normal;
        font-size: 16px;
        margin: 20px 0 10px 0;
        text-transform: none;
    }

    .column p {
        line-height: 18px;
        margin-bottom: 10px;
    }

.clientList {
    margin-top: 15px;
    padding: 10px;
    text-align: center;
}

    .clientList ul li {
        display: inline;
        margin-left: 15px;
    }


/*Midfooter*/
.midFooter {
    background: url(../images/midfooterbackground.jpg) repeat;
    padding: 15px 0;
}

.contactDetail {
    background: #fff;
    border: 1px #bebebe solid;
    width: 248px;
    padding: 20px 0;
    text-align: center;
}

    .contactDetail a {
        color: #000;
    }

        .tiptemplatedbox a:hover, .contactDetail a:hover, .footerLinks a:hover, .sideLinks ul li a:hover, .plnks a:hover, .smalllinks:hover, .content a:hover {
            text-decoration: underline;
        }

    .contactDetail ul {
        width: 120px;
        margin: auto;
    }

        .contactDetail ul li {
            float: left;
        }

.social_link_img {
    width: 32px;
    margin: 2px;
}

.fb, .twit {
    background: url(../images/socialMediaicons.png) top left no-repeat;
    height: 32px;
    width: 32px;
    display: block;
    text-indent: -9999px;
}

.fb {
    background: url(../images/socialMediaicons.png) top right no-repeat;
}

.twit:hover {
    background-position: 0px -30px;
}

.fb:hover {
    background-position: -29px -30px;
}

.tipandtemplates {
    width: 740px;
}

.tiptemplatedbox h3 {
    margin-bottom: 20px;
}

.tiptemplatedbox a {
    color: #7aa815;
}

.tiptemplatedbox p {
    margin: 5px 0 20px 0;
}

.more, .user .logout, .smalllinks {
    color: #b42121 !important;
}

.plnks {
    text-transform: uppercase;
    padding: 10px 0;
    color: #b42121;
}

.signupmidfooter {
    background: url(../images/signupfree.png) center no-repeat;
    width: 244px;
    height: 84px;
    display: block;
    padding-top: 30px;
}

    .signupmidfooter a {
        font-size: 20px;
        text-shadow: 1px 1px #415a09;
        color: #fff;
        text-transform: uppercase;
    }

        .signupmidfooter a:hover {
            text-decoration: none;
        }

    .signupmidfooter span {
        font-size: 14px;
        margin-top: 10px;
        display: block;
    }


/*Footer*/
.footer {
    background: #e1e1e1;
    border-top: 1px solid #fff;
    padding: 20px 0;
}

.footerLinks {
    width: 80px;
    margin-right: 5px;
}

    .footerLinks ul li {
        margin-bottom: 5px;
    }

    .footerLinks a {
        color: #000;
        text-transform: uppercase;
        line-height: 15px;
        font-size: 10px;
    }

.cpyright {
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    padding-top: 10px;
}

/*Content*/
.content {
    width: 750px;
    margin: 20px 0;
}

    .content h1 {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: normal;
        margin-bottom: 15px;
    }

.sideLinks {
    width: 200px;
}

    .sideLinks h3 {
        font-weight: normal;
        font-size: 16px;
        margin: 10px 0;
        color: #b42121;
        padding: 0 10px;
    }

    .sideLinks ul {
        margin-left: 10px;
    }

        .sideLinks ul li {
            margin-bottom: 10px;
            padding-left: 20px;
            background: url(../images/liststyle.png) left center no-repeat;
        }

            .sideLinks ul li a, .priceDetail ul li a, .content a {
                color: #000;
            }

.content a {
    color: #b42121;
}

.priceBox {
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 5px;
}

    .priceBox h3 {
        font-size: 16px;
        margin-bottom: 15px;
        color: #7ca1bc;
        font-weight: bold;
    }

.priceIcon {
    height: 100px;
    width: 128px;
    text-align: center;
    display: block;
}

.priceDetail ul {
    margin-left: 20px;
}

    .priceDetail ul li {
        margin-bottom: 10px;
        text-transform: uppercase;
        list-style: circle;
    }

.content tr td {
    vertical-align: middle;
    padding: 5px 0;
}

.content input[type="text"], .content input[type="password"] {
    height: 25px;
    background: #fff;
    border: #eaeaea 1px solid;
    font-size: 12px;
    padding-left: 5px;
    color: #626262;
}

.pricelist .prices, .roundBox {
    border: #d8d8d8 1px solid;
    margin-bottom: 10px;
    border-radius: 5px;
}

.customBox {
    border: #d8d8d8 1px solid;
    margin: 10px 0px;
    padding: 10px;
    border-radius: 5px;
}

/*Application*/
.applicationWrapper {
    width: 1084px;
    margin: auto;
}

.application {
    position: relative;
    z-index: 50;
    margin-top: -23px;
    background: url(../images/sidebarbackground.png) 119px repeat-y;
}

.sidebar {
    width: 215px;
    display: block;
    position: relative;
    text-align: right;
    padding-top: 50px;
    text-transform: uppercase;
}

.applicationRight {
    background: #f7f7f7;
    padding: 50px 20px;
    width: 770px;
    border-right: 1px solid #eaeaea;
    min-height: 635px;
}

.user {
    padding-right: 20px;
}

    .user h3 {
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .user .date, .user .logout {
        font-size: 10px;
    }

.sideBarLinks, .upgradeaccount {
    margin: 15px 0;
}

    .sideBarLinks h3 {
        padding: 10px;
        font-weight: normal;
        cursor: default;
        padding-right: 20px;
    }

    .sideBarLinks ul li {
        padding: 10px 0;
    }

        .sideBarLinks ul li a {
            padding-right: 20px;
        }

            .sideBarLinks ul li a:hover, .sideBarLinks ul li a:active {
                background: url(../images/sideLinkarrow.png) right center no-repeat;
            }

    .sideBarLinks h3 {
        background: url(../images/sidebarnotselected.png) #4a9529 right repeat-y;
        color: #fff;
        margin-bottom: 10px;
    }

    .sideBarLinks a {
        color: #6c6c6c;
    }

    .sideBarLinks h3 a {
        color: #fff;
    }

    .sideBarLinks h3.selected, .sideBarLinks h3:hover {
        background: url(../images/sidebarselected.png) #27498e right repeat-y;
    }

.sidebarLinkGroup {
    margin: 10px 0;
}

.mainContainer {
    padding: 10px 0;
}

    .mainContainer tr td {
        vertical-align: middle;
        padding: 0;
        margin: 0;
    }

    .mainContainer textarea {
        background: #fff;
        border: 1px solid #eaeaea;
        padding: 5px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        margin-bottom: 10px;
    }

.title h1 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
}

.box {
    background: #efefef;
    border: 1px solid #e0e0e0;
    width: 142px;
    float: left;
    margin: 30px 70px 30px 30px;
    cursor: pointer;
}

    .box:hover {
        border: 1px solid #ccc;
    }

    .box .largeLink {
        height: 115px;
        width: 140px;
        border: 1px solid #fff;
        display: block;
        text-align: center;
        padding-top: 25px;
    }

    .box a {
        color: #000;
        text-transform: uppercase;
    }

.upgradeaccount {
    background: url(../images/upgradebackground.png) repeat;
    display: block;
    text-align: center;
    color: #fff;
    padding: 15px;
    text-shadow: 1px 1px #8b2e09;
    position: relative;
}

    .upgradeaccount p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .upgradeaccount h3 {
        font-size: 26px;
    }

    .upgradeaccount a {
        font-size: 26px;
        color: #ffffff;
    }

    .upgradeaccount img {
        position: absolute;
        top: 35px;
        right: 160px;
    }

.blue {
    color: #27498e;
}

.red {
    color: #b42121;
}

.mainContainer h2 {
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.bigselectbox {
    width: 300px;
    display: block;
    margin: 10px 0;
}

.smalltexts {
    font-size: 10px;
    text-transform: none;
}

.mainContainer input[type="text"] {
    height: 25px;
    background: #fff;
    border: #eaeaea 1px solid;
    font-size: 12px;
    padding-left: 5px;
    color: #626262;
    margin: 10px 0;
}

.mainContainer input[type="file"] {
    margin: 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.mainContainer input[type="submit"] {
    border: none;
    background: #ff7400;
    color: #fff;
    padding: 7px 15px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 5px 0;
}

.greyDiv {
    background: #eeeeee;
    border: 1px solid #eaeaea;
    padding: 10px 20px;
    position: relative;
    margin: 10px 0;
}

    .greyDiv p {
        margin: 10px 0;
    }

.closebtn {
    position: absolute;
    right: 5px;
    top: 5px;
}

.uploadmediaLink {
    margin-top: 17px;
    margin-left: 10px;
}

.width455 {
    width: 455px;
}

.width200 {
    width: 200px;
}

.mainContainer input[type="radio"], .mainContainer input[type="checkbox"] {
    margin: 10px 10px 10px 0px;
}

.width200 .greyDiv select, .pollstyleDiv select {
    width: 100%;
    color: #626262;
}

.moveupdown {
    margin-top: 7px;
    margin-right: 5px;
}

.addelrows {
    margin-top: 15px;
    margin-left: 10px;
}

.up {
    background: url(../images/updown.png) top center no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
}

.down {
    background: url(../images/updown.png) bottom center no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    margin-top: 3px;
}

.addrow, .deletrow {
    background: url(../images/plusminus.png) left center no-repeat;
    height: 18px;
    width: 19px;
    display: block;
    text-indent: -99999px;
    float: left;
    margin-right: 5px;
}

.deletrow {
    background: url(../images/plusminus.png) right center no-repeat;
}

.pollstyleDiv {
    width: 45%;
}

.pollstyleprevDiv {
    width: 107px;
    margin: auto;
    margin-top: 10px;
    height: 124px;
}

    .pollstyleprevDiv .bx-window, .pollstyleprevDiv .bx-wrapper, .pollstyleprevDiv img {
        width: 107px !important;
    }

.pollStylePreview {
    height: 124px;
}

.pollstyleDiv .bx-prev, .pollstyleDiv .bx-next {
    background: url(../images/leftright.png) left center no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    float: left;
}

.pollstyleDiv .bx-next {
    background: url(../images/leftright.png) right center no-repeat;
    float: right;
}

.saveContinue input[type="submit"] {
    background: #27498e;
    padding: 10px 0;
    color: #fff;
    width: 170px;
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

.topOptions a {
    background: #c8c8c8;
    padding: 10px 0;
    color: #000;
    width: 140px;
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 12px;
}

    .topOptions a:active, .topOptions a:hover {
        background: #ff7400;
        color: #fff;
    }

.btns {
    background: #ff7400;
    padding: 10px 0;
    color: #fff !important;
    width: 140px;
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
}

    .btns:hover {
        background: #e26b03;
        text-decoration: none !important;
    }

.btns_website {
    background: #7ca1bc;
    padding: 10px 0;
    color: #fff !important;
    width: 140px;
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
}

    .btns_website:hover {
        background: #7ca1dc;
        text-decoration: none !important;
    }

.btnsright {
    background: #ff7400;
    padding: 10px 0;
    color: #fff !important;
    width: 140px;
    display: block;
    text-align: center;
    float: right;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
}

    .btnsright:hover {
        background: #e26b03;
        text-decoration: none !important;
    }

.inspage .btns {
    margin-right: 0;
}

.respondants img {
    vertical-align: middle;
    margin: 0 5px;
}

.dReport tr td {
    padding: 5px;
}

.dReport .question {
    background: #4a9529;
    color: #fff;
    padding: 10px;
}

.dReport .answer {
    background: #e5e6e5;
    padding: 10px;
    padding-left: 20px;
}

.questioneditor textarea {
    width: 99%;
    height: 200px;
}

.sReport tr th, .mReport tr th {
    background: #4a9529;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 5px;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}

.mReport tr th {
    padding: 10px 3px;
}

.sReport tr td, .mReport tr td {
    padding: 10px 5px;
    background: #e5e6e5;
    border-bottom: 1px solid #fff;
}

.mReport tr.mReportHeader td {
    background: #4a9529;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 5px;
    font-weight: normal;
    font-size: 12px;
}

    .mReport tr.mReportHeader td.whitelinks a {
        color: #fff;
        text-transform: uppercase;
    }

.sReport tr.sReportHeader td {
    background: #4a9529;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 5px;
    font-weight: normal;
    font-size: 12px;
}

    .sReport tr.sReportHeader td.whitelinks a {
        color: #fff;
        text-transform: uppercase;
    }

.btnsBlue {
    background: #27498e;
    padding: 10px 0;
    color: #fff !important;
    width: 140px;
    display: block;
    text-align: center;
    float: left;
    margin: 10px;
    text-transform: uppercase;
    font-size: 12px;
}

    .btnsBlue:hover {
        background: #27498e;
        text-decoration: none !important;
    }

.btnsBlueNoFloat {
    background: #27498e;
    padding: 10px 0;
    color: #fff !important;
    width: 140px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}

    .btnsBlueNoFloat:hover {
        background: #27498e;
        text-decoration: none !important;
    }

.tutorial ul li {
    margin-bottom: 10px;
    list-style: circle;
    padding-bottom: 5px;
    padding-top: 5px;
}

.tutorial ul {
    margin-left: 20px;
}