body {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: tahoma, arial, helvetica, sans-serif;
    background-color: white;
    color: #5c5c5c;
    text-align: center;
}

* {
    -webkit-tap-highlight-color: #FFF;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
}

div {
    vertical-align: top;
}

th {
    text-align: center;
}

#header, #header-master, #headerMobile {
    padding: 10px;
    padding-top: 20px;
    text-align: left;
}

    #header, #headerMobile img {
        margin: 0 0 0px 50px;
        border-width: 0;
    }

div#upPart, div#upPart-flexible {
    background: #ccc; /* for non-css3 browsers */
    background: -webkit-gradient(linear, left, from(#cccccc), color-stop(0.5, #f7f7f7), to(#cccccc));
    background: -webkit-linear-gradient(left, #cccccc, #f7f7f7 50%, #cccccc);
    background: -moz-linear-gradient(left, #cccccc, #f7f7f7 50%, #cccccc);
    background: -ms-linear-gradient(left, #cccccc, #f7f7f7 50%, #cccccc);
    background: -o-linear-gradient(left, #cccccc, #f7f7f7 50%, #cccccc);
}

div#mainPart {
    background: #e7e7e7; /* for non-css3 browsers */
    background: -webkit-gradient(linear, top, from(#e7e7e7), to(#ffffff));
    background: -webkit-linear-gradient(top, #e7e7e7, #ffffff);
    background: -moz-linear-gradient(top, #e7e7e7, #ffffff);
    background: -ms-linear-gradient(top, #e7e7e7, #ffffff);
    background: -o-linear-gradient(top, #e7e7e7, #ffffff);
    background: linear-gradient(to bottom, #e7e7e7 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 );
}

.no-bg div#mainPart {
    background-color: white;
    background-image: none;
}

div#mainPartMobile {
    background: #e7e7e7; /* for non-css3 browsers */
    background: -webkit-gradient(linear, top, from(#e7e7e7), to(#ffffff));
    background: -webkit-linear-gradient(top, #e7e7e7, #ffffff);
    background: -moz-linear-gradient(top, #e7e7e7, #ffffff);
    background: -ms-linear-gradient(top, #e7e7e7, #ffffff);
    background: -o-linear-gradient(top, #e7e7e7, #ffffff);
    background: linear-gradient(to bottom, #e7e7e7 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 );
    margin: 0 auto;
    width: 1000px;
}

div#upPart div#upPartMain, div#upPart-flexible div#upPartMain {
    margin: 0 auto;
    width: 1000px;
}

div#upPart-flexible div#upPartMain {
    width: auto;
}

div#upLine {
    display: inline-block;
    background: url('../images/upline.png') center center no-repeat;
    width: 570px;
    height: 63px;
}

div#upLineMobile {
    display: inline-block;
    background: url('../images/upline_mobile.png') center center repeat;
    width: 1000px;
    height: 350px;
}

div#logIn {
    text-align: left;
}

div#logInTemplate {
    margin: 5px 0px 5px 15px;
}

    div#logInTemplate div.loginText, div#logInTemplatediv.loginValue {
        display: block;
        width: 200px;
    }

div.loginText span {
    color: #FFF;
    float: left;
    font-size: 12px;
    padding-bottom: 3px;
}

div.loginText a {
    color: #86aec9 !important;
    float: right;
    font-size: 12px;
    padding-bottom: 3px;
}

div.userName, div.userPwd {
    display: inline-block; /*width: 200px;*/ /*margin-right: 30px;*/
}

div.userNameMobile, div.userPwdMobile {
    width: 315px;
    height: 120px;
    margin-left: 40px;
}

div.logInSubmit {
    display: inline-block;
    margin-right: 10px;
}

    div.logInSubmit .chkBox {
        display: block;
        font-size: 12px;
        color: #86aec9;
        margin-bottom: 3px;
    }

        div.logInSubmit .chkBox input {
            border: 0;
            margin: 0;
            margin-right: 3px;
            vertical-align: bottom;
        }

        div.logInSubmit .chkBox label {
            vertical-align: top;
        }

    div.logInSubmit input[type='submit'] {
        height: 29px;
    }

div.logInSubmitMobile {
    display: inline-block;
    margin-left: 40px;
}

    div.logInSubmitMobile .chkBox {
        display: block;
        font-size: 12px;
        color: white; /*#86aec9;*/
    }

        div.logInSubmitMobile .chkBox input {
            border: 0;
            margin: 1px 3px 3px 0;
            vertical-align: middle;
        }

        div.logInSubmitMobile .chkBox label {
            vertical-align: top;
        }

    div.logInSubmitMobile input[type='submit'] {
        margin: 25px 0px 0px 0px;
    }

.subscribe {
    background: #1d3c4e;
    color: white;
    font-size: 30px;
    font-weight: bold;
    width: 200px;
    height: 50px;
    border: 0;
    margin-left: 25px;
    margin-top: 7px;
    border-radius: 10px;
    background: linear-gradient(to bottom, #248f5f 0%,#075d38 100%);
    padding-bottom: 7px;
    position: relative;
    z-index: 1;
}

    .subscribe:hover {
        cursor: pointer;
        background: linear-gradient(to bottom, #75c7a2 0%,#248f5f 100%);
    }

.subscribeMobile {
    background: #1d3c4e;
    color: white;
    font-size: 40px;
    font-weight: bold;
    width: 250px;
    height: 50px;
    border: 0;
    margin-left: 25px;
    margin-top: 0px;
    border-radius: 10px; /*background: linear-gradient(to bottom, #248f5f 0%,#075d38 100%);*/
    background-color: #4ba2db;
    padding-bottom: 7px;
    position: relative;
    z-index: 1;
}

    .subscribeMobile:hover {
        cursor: pointer; /*background: linear-gradient(to bottom, #75c7a2 0%,#248f5f 100%);*/
        background-color: #58c0ce;
    }


div#subscribeLine {
    display: inline-block;
    background: url('../images/subscribeline.png') center center repeat;
    width: 430px;
    height: 63px;
    text-align: left;
}

    div#subscribeLine > div {
        display: inline-block;
        position: relative;
        cursor: pointer;
        z-index: 1;
    }

        div#subscribeLine > div:hover div.arrowSmall {
            background: url('../images/but_sub_roll.png') center center no-repeat;
        }

    div#subscribeLine div.arrowSmall {
        position: relative;
        margin: 7px 10px 8px 20px;
        display: inline-block;
        background: url('../images/but_sub.png') center center no-repeat;
        width: 48px;
        height: 48px;
    }

    div#subscribeLine span {
        color: #FFF;
        font-size: 15px;
        padding-top: 23px;
        display: inline-block;
    }

div#news {
    background: url('../images/hnzline.png') center center repeat;
    width: 795px;
    height: 46px;
    display: inline-block;
}

div.news {
    margin: 15px 20px;
    width: 755px;
    overflow: hidden;
}

div.move {
    text-align: center;
}

    div.move span {
    }

div#runLine-right {
    display: inline-block; /*background-color: #FFF;*/
    width: 205px;
    height: 46px;
}

div#showDemo {
    display: inline-block; /*background: url('../images/showdemoline.png') center center repeat;*/
    height: 298px;
    width: 668px; /*background: linear-gradient(to bottom, #f9faf5 0%,#e6e7e1 100%);*/
}

    div#showDemo div#howItWorks {
        margin: 35px 0 38px 20px;
        text-align: left;
    }

span.showDemoBig1 {
    color: #296c98;
    font-size: 30px;
    font-weight: bold;
    margin-left: 60px;
}

span.showDemoBig2 {
    color: #296c98;
    font-size: 30px;
    font-weight: bold;
}

span.youCanSeeHow {
    color: #6c6c6c;
    margin-left: 50px;
}

span.arrowRight {
    background: url('../images/show_but.png') center center no-repeat;
    width: 161px;
    height: 161px;
    display: block;
    margin-top: 10px;
    margin-left: 60px;
}

div#showDemo:hover span.arrowRight {
    cursor: pointer;
    background: url('../images/show_but_roll.png') center center no-repeat;
}

.graygradient {
    background: linear-gradient(to bottom, #f9faf5 0%,#e6e7e1 100%);
}

div#showDemo-right {
    display: inline-block; /*background-color: #FFF;*/ /*background: url('../images/showdemoline.png') center center repeat;*/ /*background: linear-gradient(to bottom, #f9faf5 0%,#e6e7e1 100%);*/
    height: 298px;
    width: 332px;
    position: relative;
}

    div#showDemo-right div#man {
        position: absolute;
        top: -154px;
        background: url('../images/man-n.png') center center no-repeat;
        width: 390px;
        height: 462px;
        z-index: 0;
    }

    div#showDemo-right div#graphic {
        position: absolute;
        right: 200px;
        top: 15px;
        background: url('../images/graphic.png') top center no-repeat;
        width: 493px;
        height: 294px;
    }

div#knowYourStuff {
    position: relative;
    background: url('../images/downline.png') center center no-repeat;
    width: 1000px;
    height: 102px;
}

div#knowYourStuffText {
    width: 950px;
    margin: 16px 0 0 50px;
    float: left;
    text-align: left;
}

    div#knowYourStuffText > div {
        display: inline-block;
    }

    div#knowYourStuffText div span.knowYourStuff {
        padding-right: 40px;
        color: #FFF;
        font-size: 22px;
        font-weight: bold;
    }

    div#knowYourStuffText div div {
        margin-bottom: 10px;
    }

        div#knowYourStuffText div div span.kysQA {
            color: #b7cedc;
            margin-right: 10px;
            font-size: 18px;
        }

        div#knowYourStuffText div div span.kysText {
            color: #FFF;
            font-size: 13px;
        }

div.question {
    position: absolute;
    display: inline-block;
    background: url("../images/bigquest.png") center center no-repeat;
    width: 161px;
    height: 162px;
    top: -30px;
    left: 885px;
}

    div.question:hover {
        cursor: pointer;
        background: url("../images/bigquest_roll.png") center center no-repeat;
    }

/* Bottom part. */
div#downPart {
    margin: 0 auto;
    padding: 40px 0;
    width: 1000px;
}

    div#downPart div#info {
        display: inline-block;
        float: left;
        padding-left: 40px;
        width: 680px;
        text-align: left;
    }

div#info span.infoTitle {
    font-size: 22px;
    font-weight: normal;
    color: #e03938;
}

div#info div.textArea {
    padding-top: 20px;
    font-size: 13px;
    font-weight: normal;
    text-align: justify;
}

div#info div.sections {
    padding: 0 15px;
}

    div#info div.sections div.items {
        width: 50%;
        display: inline-block;
        text-align: left;
        padding-top: 20px;
    }

        div#info div.sections div.items .redArow {
            background: url('../images/red.png') center center no-repeat;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin: 5px;
        }

            div#info div.sections div.items .redArow:hover {
                cursor: pointer;
            }

        div#info div.sections div.items span.itemText {
            padding: 5px 0 0 10px;
            color: #5e87c4;
            font-size: 12px;
            display: inline-block;
        }

div#downPart div#companies {
    display: inline-block;
    width: 280px;
}

    div#downPart div#companies span {
        color: #5E87C4;
        font-size: 15px;
    }

    div#downPart div#companies div#slider_cont {
        top: 0; /*height:695px;*/ /*overflow:hidden;*/
    }

    div#downPart div#companies div.compSection { /*overflow: hidden;*/
        margin: 10px;
        margin-top: 0px; /*height: 650px;*/
        top: 0;
        position: relative;
    }

div.compSection li div {
    height: 120px;
    width: 260px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

div.compSection img.companyImage {
    margin: auto;
    padding: 5px 0;
    display: block;
    max-width: 220px;
    max-height: 110px;
}

div.compSection span.delimiter {
    display: block;
    margin: 0 5px;
    border-bottom: 1px dotted #000;
    height: 1px;
}

#footerContainer, #footerContainer-flexible {
    width: 1000px;
    border-top: 7px solid #b4b4b3;
    margin: 0 auto 10px;
}

#footerContainerMobile {
    width: 1000px;
    border-top: 7px solid #b4b4b3;
    margin: 0 auto 10px;
    background-color: #FFF;
    text-align: center;
}

#footerContainer-flexible {
    width: auto;
}

#copyright {
    float: left;
    color: #B4B4B3;
    padding-left: 8px;
}

#copyrightMobile {
    font-size: 40px;
    color: #B4B4B3;
    margin: 0 auto 10px;
    width: 1000px; /*text-align:left;*/
}

#footerContainer #privacy, #footerContainer-flexible #privacy, #footerContainer #privacyMobile {
    text-align: right;
    width: 1000px;
    margin: 10px auto 20px auto;
}

#footerContainer-flexible #privacy {
    width: auto;
    margin: 10px 10px 20px;
}

#privacy a {
    color: #b4b4b3 !important;
    text-decoration: none;
}

    #privacy a:hover {
        color: #4887b1 !important;
    }

    #privacy a.terms {
        padding-right: 8px;
    }

#privacy span {
    color: #b4b4b3;
    margin: 0 15px;
}


#privacyMobile a {
    color: #b4b4b3 !important;
    font-size: 40px;
    text-decoration: none;
    padding-right: 8px;
}

    #privacyMobile a:hover {
        color: #4887b1 !important;
    }

    #privacyMobile a.terms {
        padding-right: 8px;
    }

#privacyMobile span {
    color: #b4b4b3;
    margin: 0 15px;
}




.buttonStyle {
    background: #d6dde1; /* Old browsers */
    background: -moz-linear-gradient(top, #eff3f5, #d6dde1); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff3f5), color-stop(100%,#d6dde1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eff3f5,#d6dde1); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eff3f5,#d6dde1); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eff3f5,#d6dde1); /* IE10+ */
    background: linear-gradient(to bottom, #eff3f5,#d6dde1); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff3f5', endColorstr='#d6dde1',GradientType=0 ); /* IE6-9 */
    padding: 3px 10px;
    color: #482553;
    cursor: pointer;
    border: 1px solid #a2b0b7;
    border-radius: 5px;
}

    .buttonStyle:hover {
        color: #1D3C4E;
        border-color: #87D1FC;
        background: #BBE6FE; /* Old browsers */
        background: -moz-linear-gradient(top, #FFFFFF, #BBE6FE); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#BBE6FE)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #FFFFFF,#BBE6FE); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #FFFFFF,#BBE6FE); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #FFFFFF,#BBE6FE); /* IE10+ */
        background: linear-gradient(to bottom, #FFFFFF,#BBE6FE); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#BBE6FE',GradientType=0 ); /* IE6-9 */
    }

/* Roll images. */

div.subscribe_roll {
    background: url('../images/but_sub_roll.png') center center no-repeat;
}

div.arrow1_roll {
    background: url('../images/show_but_roll.png') center center no-repeat;
}

div.question_roll {
    background: url("../images/bigquest_roll.png") center center no-repeat;
}

.clear {
    clear: both;
}

.stockTitle {
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
    background-color: rgb(72, 135, 177);
    height: 46px;
    line-height: 46px;
    color: white;
    padding-left: 5px;
}

.stockBody {
    background: url('../images/user/bkg/bkgua.png') left top repeat;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    padding-left: 5px;
}

    .stockBody:hover {
        cursor: pointer;
        color: #4887b1;
    }

    .stockBody div {
        display: inline-block;
        width: 30px;
        height: 38px;
        background: url('../images/user/image_next.png') left center no-repeat;
    }

    .stockBody:hover div {
        background: url('../images/user/image_next_hover.png') left center no-repeat;
    }

    .stockBody span {
        margin-right: 5px;
    }



.stockBodyMobile { /*background: url('../images/user/bkg/bkgua.png') left top repeat;*/
    height: 75px;
    line-height: 75px;
    font-weight: bold;
    padding-left: 5px;
}

    .stockBodyMobile:hover {
        cursor: pointer;
        color: #4887b1;
    }

    .stockBodyMobile div {
        display: inline-block;
        width: 900px; /*make the whole line clickable*/
        height: 75px; /*background: url('../images/user/image_next_75.png') left center no-repeat;*/ /*Alex doesn't want image - wants just click on the row*/
    }

    /*
    .stockBodyMobile:hover div {
        background: url('../images/user/image_next_hover_75.png') left center no-repeat;
    }*/

    .stockBodyMobile span {
        margin-right: 5px;
    }



.content-border-nopadding, .quartAss {
    -moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
    padding: 20px;
    clear: both;
    background-color: white;
}

.content-border-nopadding-Mobile, .quartAss {
    -moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
    padding: 20px;
    clear: both;
    background-color: white;
}

.infoBlue {
    font-weight: normal;
    font-size: 14px;
    color: #4378b8;
}

.blueBg {
    background-color: rgb(72, 135, 177);
}

.grayBorder {
    border: solid 1px gray;
}

.stockDataTitle {
    border: solid 1px gray;
    background-color: rgb(72, 135, 177);
    font: bold 22px Verdana, Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    vertical-align: middle;
    height: 38px;
}


.cancelButtonWithLabel:hover {
    cursor: pointer;
}

.cancelButtonWithLabel .image {
    border: none;
    float: left;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background: url('../images/user/image_back.png') center center no-repeat;
    margin-right: 5px;
}

.cancelButtonWithLabel .label {
    font-weight: bold;
    line-height: 25px;
}

.cancelButtonWithLabel:hover .image {
    background: url('../images/user/image_back_hover.png') center center no-repeat;
}

.cancelButtonWithLabel:hover .label {
    color: rgb(72, 135, 177);
}

.nextButton, .backButton, .cancelButton, .simpleButton {
    border: none;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

    .nextButton:hover, .backButton:hover, .cancelButton:hover, .simpleButton:hover {
        cursor: pointer;
    }

.nextButton, .simpleButton {
    background: url('../images/user/image_next.png') center center no-repeat;
}

.backButton {
    background: url('../images/user/image_back.png') center center no-repeat;
}

.cancelButton {
    background: url('../images/user/image_cancel.png') center center no-repeat;
}

.simpleButton {
    width: auto;
    padding-right: 25px;
    background-position-x: right;
}

.nextButton:hover {
    background: url('../images/user/image_next_hover.png') center center no-repeat;
}

.backButton:hover {
    background: url('../images/user/image_back_hover.png') center center no-repeat;
}

.cancelButton:hover {
    background: url('../images/user/image_cancel_hover.png') center center no-repeat;
}

.simpleButton:hover {
    color: rgb(72, 135, 177);
    background: url('../images/user/image_next_hover.png') right center no-repeat;
}

/*.nextButton span, .backButton span, .cancelButton span {
    float: left;
    line-height: 38px;
    font-weight: bold;
}

.nextButton:hover span, .backButton:hover span, .cancelButton:hover span {
    color: rgb(72, 135, 177);
}

.continueBtn:hover {
    cursor: pointer;
}*/

.logoImg {
    max-width: 220px;
    max-height: 110px;
}

DIV[id*=BenchmarkMenu] { /*background-color:red;*/
}

/* default layout */
.ajax__tab_default .ajax__tab_header {
}

.ajax__tab_default .ajax__tab_outer {
}

.ajax__tab_default .ajax__tab_inner {
}

.ajax__tab_default .ajax__tab_tab {
}

.ajax__tab_active .ajax__tab_outer { /*margin-bottom: -6px;*/
}

/* xp theme */
.ajax_custom_container .ajax__tab_header {
    text-align: left;
    height: 48px;
    vertical-align: bottom;
    border-bottom: 2px solid #55B1E0;
}

.ajax_custom_container .ajax__tab_outer {
    height: 48px;
    width: 190px;
    background-image: url('../images/passivetab.png');
    background-repeat: no-repeat;
    background-position: bottom;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.ajax_custom_container .ajax__tab_inner {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

    .ajax_custom_container .ajax__tab_inner a span {
        margin-top: 20px;
        display: inline-block;
        color: #9c9c9c;
    }

.ajax_custom_container .ajax__tab_tab {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.ajax_custom_container .ajax__tab_active .ajax__tab_outer {
    width: 190px;
    background-image: url('../images/activetab.png');
    cursor: default;
}

.ajax_custom_container .ajax__tab_active .ajax__tab_inner a span {
    color: #FFF;
    margin-top: 12px;
    display: inline-block;
}

.ajax_custom_container .ajax__tab_active .ajax__tab_tab {
}

.ajax_custom_container .ajax__tab_body {
    border: 3px solid #f8f8f8;
    background-color: white;
}

/* scrolling */
.ajax__scroll_horiz {
    overflow-x: scroll;
}

.ajax__scroll_vert {
    overflow-y: scroll;
}

.ajax__scroll_both {
    overflow: scroll;
}

.ajax__scroll_auto {
    overflow: auto;
}

.ajax_custom_container .ajax__tab_panel {
    margin-top: 18px;
    background-color: white;
}

    .ajax_custom_container .ajax__tab_panel table td {
        text-align: left;
        padding-left: 30px;
    }

#CustomSelection {
    text-align: left;
}

.buttonsPanel {
    text-align: left;
}

    .buttonsPanel span[id$='nextBtn_Div'], .buttonsPanel span.right {
        float: right;
    }

    .buttonsPanel div > span .label {
        font-weight: bold;
    }

    .buttonsPanel div > span:hover {
        color: rgb(72, 135, 177);
        cursor: pointer;
    }

    .buttonsPanel span[id$='cancelBtn_Div']:hover {
        color: rgb(183, 111, 24);
        cursor: pointer;
    }

    .buttonsPanel div > span .image_next, .buttonsPanel div > span .image_back, .buttonsPanel div > span .image_cancel {
        vertical-align: middle;
        display: inline-block;
        width: 25px;
        height: 25px;
    }

    .buttonsPanel div > span .image_back {
        background: url('../images/user/image_back.png') center center no-repeat;
    }

    .buttonsPanel div > span .image_next {
        background: url('../images/user/image_next.png') center center no-repeat;
    }

    .buttonsPanel div > span .image_cancel {
        background: url('../images/user/image_cancel.png') center center no-repeat;
    }

    .buttonsPanel div > span:hover .image_back {
        background: url('../images/user/image_back_hover.png') center center no-repeat;
    }

    .buttonsPanel div > span:hover .image_next {
        background: url('../images/user/image_next_hover.png') center center no-repeat;
    }

    .buttonsPanel div > span:hover .image_cancel {
        background: url('../images/user/image_cancel_hover.png') center center no-repeat;
    }

.viewContent > div {
    text-align: left;
}

    .viewContent > div > div {
        margin-bottom: 20px;
    }

.viewContent .companyItemTitle, .viewContent .benchItemTitle, .viewContent .subscrItemTitle, .viewContent .industryItemTitle {
    width: 310px;
    line-height: 25px;
}

.viewContent .adminItemTitle {
    width: 400px;
    line-height: 25px;
}

.viewContent .subscrItemTitle {
    width: 100%;
}

.viewContent .benchItemTitle {
    width: 380px;
}

.required:after {
    content: '*';
    color: red;
}

.delselButton {
    width: 130px;
    height: 35px;
    border: none;
    background-image: url('../images/buttons/delsel.png');
}

.resselButton {
    width: 130px;
    height: 35px;
    border: none;
    background-image: url('../images/buttons/ressel.png');
}

img[alt='Skip Navigation Links'] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.tbl1left .ui-accordion-content table td:first-child {
    text-align: left;
}

.tbl1left .ui-accordion-content table td:not(:first-child) {
    text-align: center;
    padding: 0;
}

.tblallleft td {
    text-align: left !important;
}

#reports, #reports_popup {
    text-align: left;
}

    #reports a:hover {
        cursor: pointer;
    }

#reports_popup {
    margin-left: 5px;
}

#reports div {
    padding-bottom: 15px;
}

#reports th {
    background-color: rgb(72, 135, 177);
    width: 200px;
    color: white;
}

    #reports th a {
        color: white;
    }

#reports .gridTitleBlue {
    color: #4378b8;
    font-size: 18px;
}

.viewContent .smallTextBox {
    width: 90px;
    height: 22px;
    box-sizing: border-box;
    vertical-align: middle;
}

.viewContent .middleTextBox {
    width: 190px;
    height: 22px;
    vertical-align: middle;
}

.viewContent .largeTextBox {
    width: 275px;
    height: 22px;
    vertical-align: middle;
}

div[id$=accUpdateAccount] .ui-accordion-content table td div.questionPanel .label {
    display: inline-block;
    width: 100px;
    margin-top: 15px;
    margin-bottom: 15px;
}

div[role=validation] ul {
    margin: 0;
}

/* Quartile Assesstment */
div.quartAss {
    width: 870px;
    height: 500px;
    margin-top: 10px;
}

    div.quartAss div.row {
        height: 230px;
        display: block;
    }

        div.quartAss div.row div {
            display: inline-block;
            position: relative;
        }

            div.quartAss div.row div.prop-left,
            div.quartAss div.row div.prop-right {
                width: 215px;
                height: 230px;
            }

                div.quartAss div.row div.prop-left div,
                div.quartAss div.row div.prop-right div {
                    margin: 0 3px 3px 0;
                    border: 1px solid green;
                    padding: 2px;
                    vertical-align: middle;
                    display: block;
                    z-index: 1;
                    background-color: #FFF;
                }

                div.quartAss div.row div.prop-right div {
                    margin: 0 0 3px 3px;
                }

                    div.quartAss div.row div.prop-left div span,
                    div.quartAss div.row div.prop-right div span {
                        display: block;
                    }

    div.quartAss span.quarter {
        position: absolute;
        left: 60px;
        font-weight: bold;
    }

div.FQM, div.SQM, div.FrQM, div.TQM {
    width: 230px;
    height: 230px;
}

div.quartAss div.row div.circle {
    width: 46px;
    height: 46px;
    background-color: #FFF;
    border-radius: 50%;
    text-align: center;
    z-index: 1;
    display: block;
    position: absolute;
    border: 1px solid black;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    div.quartAss div.row div.circle span {
        font-weight: bold;
        color: black;
        padding-top: 10px;
        font-size: 20px;
        display: inline-block;
    }

div.quartAss div.row div.line {
    padding: 0;
    margin: 0;
    height: 1px;
    position: relative;
    line-height: 1px;
    background-color: black;
    display: block;
}

/* Quartile Assesstment - Green */

div.FQM {
    background-color: #BFFBBE;
}

div.quartAss div.row div.FQM div.circle,
div.quartAss div.row div.green-area-q div {
    border-color: #378F4F;
}

    div.quartAss div.row div.FQM div.circle span,
    div.quartAss div.row div.green-area-q div span,
    div.FQM span.quarter {
        color: #378F4F;
    }

div.quartAss div.row div.line.green-place {
    background-color: #378F4F;
}

div.FQM span.quarter {
    top: 10px;
}

/* Quartile Assesstment - Yellow */

div.SQM, div.TQM {
    background-color: #FFFD75;
}

div.quartAss div.row div.TQM div.circle,
div.quartAss div.row div.SQM div.circle,
div.quartAss div.row div.yellow-area-q div {
    border-color: #927D1E;
}

    div.quartAss div.row div.TQM div.circle span,
    div.quartAss div.row div.SQM div.circle span,
    div.quartAss div.row div.yellow-area-q div span,
    div.SQM span.quarter,
    div.TQM span.quarter {
        color: #927D1E;
    }

div.quartAss div.row div.line.yellow-place {
    background-color: #927D1E;
}

div.SQM span.quarter {
    top: 10px;
}

div.TQM span.quarter {
    bottom: 10px;
}


/* Quartile Assesstment - Red */

div.FrQM {
    background-color: #FFC9C9;
}

div.quartAss div.row div.FrQM div.circle,
div.quartAss div.row div.red-area-q div {
    border-color: #971212;
}

    div.quartAss div.row div.FrQM div.circle span,
    div.quartAss div.row div.red-area-q div span,
    div.FrQM span.quarter {
        color: #971212;
    }

div.quartAss div.row div.line.red-place {
    background-color: #971212;
}

div.FrQM span.quarter {
    bottom: 10px;
}

div.quartAss.minpadding {
    padding: 10px;
    width: 890px;
}

.CloseButtonStyle:hover {
    cursor: pointer;
}

div.qfUA.companies select {
    margin-bottom: 3px !important;
}

#tooltip {
    width: 300px; /*height: 200px;*/
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -150px;
    position: fixed;
    background: #FFF;
    border: 1px solid #666;
    border: 1px solid #555;
    box-shadow: 2px 2px 40px #222;
    z-index: 999999;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    #tooltip > div:first-child {
        text-align: right;
        background-color: gray;
    }

    #tooltip #tooltip_content {
        text-align: left;
    }

    #tooltip #close_tooltip {
        text-align: right;
        background-color: rgb(72, 135, 177);
        color: white;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
    }

.currencyAdmin .middleTextBox, .currencyAdmin .generalTextBoxYear-Border {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

.currencyAdmin .middleTextBox {
    width: 260px;
}

.currencyAdmin .generalTextBoxYear-Border {
    width: 83px;
}

.weightingAccordion.ui-accordion .ui-accordion-content table td {
    text-align: center;
}

.textBoxWithLabel {
    width: 220px;
}

.inlineBlock {
    display: inline-block;
}

div.textBoxWithLabel.inlineBlock {
    margin-right: 10px;
}

.clientAccess ul.child {
    width: 265px;
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #5c5c5c;
    background-color: #e3e3e3;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: 400px;
    top: 25px;
    z-index: 2;
}

    .clientAccess ul.child span, ul.child input {
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 5px;
    }

.floatLeft {
    float: left;
}

.privacy, .text-left {
    text-align: left;
}

    .privacy span {
        padding: 0;
        font-size: 16px;
        color: #4378b8;
    }

    .privacy h3 {
        margin-left: 25%;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .privacy > div:last-child {
        margin-left: 50%;
    }

/* Chart Control */
div.content-border-nopadding svg text {
    font: 12px tahoma, arial, helvetica, sans-serif;
}
/* Chart Control for mobile version*/
div.content-border-nopadding-Mobile svg text {
    font: 24px tahoma, arial, helvetica, sans-serif;
}

div.content-border-nopadding-Mobile svg g g g.nv-legendWrap text {
    font: 50px tahoma, arial, helvetica, sans-serif;
}

div.content-border-nopadding-Mobile svg g g g.nv-y text {
    font: 12px tahoma, arial, helvetica, sans-serif;
}

.bmTextBox {
    width: 280px;
    text-align: left;
    height: 25px;
    font-size: 20px;
}

#demoVideo { /*width: 560px;
    height: 425px;*/
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -280px;
    margin-top: -212px;
    z-index: 2;
}

#shadow {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: black;
    opacity: 0.9;
    z-index: 1;
}

#demoPointer {
    text-align: right;
    color: white;
    font-weight: bold;
    padding-right: 5px;
    background-color: black;
}

    #demoPointer:hover {
        cursor: pointer;
    }

#videoChoice {
    border: 1px solid white;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -280px;
    margin-top: -212px;
    z-index: 2;
}

#videoChoicePointer {
    text-align: right;
    color: white;
    font-weight: bold;
    margin-right: 5px;
}

    #videoChoicePointer:hover {
        cursor: pointer;
    }

#videoChoicePlayer {
    width: 640px;
    height: 360px;
}

    #videoChoicePlayer > div {
        text-align: left;
        margin-left: 15px;
    }

        #videoChoicePlayer > div > div {
            margin-top: 45px;
            margin-bottom: 45px;
            cursor: pointer;
        }

            #videoChoicePlayer > div > div:hover > div {
                background-image: url("../images/video-over.png");
            }

            #videoChoicePlayer > div > div:hover > span {
                color: white;
            }

            #videoChoicePlayer > div > div > div {
                display: inline-block;
                vertical-align: middle;
                background-image: url("../images/video.png");
                background-repeat: no-repeat;
                width: 250px;
                height: 119px;
                margin-right: 5px;
            }

            #videoChoicePlayer > div > div > span {
                font-size: 28px;
                color: rgb(143,156,188);
            }

*::-webkit-input-placeholder {
    color: rgb(177,177,177);
}

*:-moz-placeholder { /* FF 4-18 */
    color: rgb(177,177,177);
}

*::-moz-placeholder { /* FF 19+ */
    color: rgb(177,177,177);
}

*:-ms-input-placeholder { /* IE 10+ */
    color: rgb(177,177,177);
}

div[id$=nasdaqInfo] {
}

div[id$=nasdaqInfoTitle] {
    margin-top: 98px;
    margin-bottom: 15px;
}

div[id$=nasdaqInfo] td[align=right], .text-right {
    text-align: right;
}

div[id$=nasdaqNews] a {
    color: rgb(49, 101, 198);
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

div[id$=nasdaqInfo] + div {
    color: rgb(67, 120, 184);
    font-size: 22px; /*font-weight:bold;*/
    margin-top: 40px;
    margin-bottom: 15px;
}

.blueTitle {
    color: rgb(67, 120, 184);
    font-size: 22px;
}

.content-border-nopadding {
    -moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
    padding: 20px;
    clear: both;
    background-color: white;
    text-align: center;
}

    .content-border-nopadding img {
        max-width: 200px;
    }

/*div[id$=divAnnualGC], div[id$=divAnnualTC] {
    text-align: left;
}*/

div[id$=accAnnualBenchmarkTab], div[id$=accQuarterlyScorecardTab], div[id$=accUserQuickFactsCompensation], div[id$=accFaceToFaceOfficer], div[id$=accUpdateAccount] {
    text-align: left;
}

    div[id$=accUpdateAccount] .ui-accordion-content table td, div[id$=accUpdateAccount] .ui-accordion-content table td span, div[id$=accUpdateAccount] .ui-accordion-content table input.generalTextBox {
        text-align: left;
        width: 220px;
    }

div.faceToface .table {
    display: table;
    width: 100%;
}

    div.faceToface .table .row {
        display: table-row;
    }

        div.faceToface .table .row .cell, div.faceToface .table .row .header {
            display: table-cell;
            padding-left: 5px;
            padding-right: 5px;
            vertical-align: bottom;
        }

            div.faceToface .table .row .cell, div.faceToface .table .row .header:first-child {
                text-align: left;
            }

            div.faceToface .table .row .cell, div.faceToface .table .row .header:not(:first-child) {
                text-align: center;
            }

        div.faceToface .table .row .cell {
            padding-bottom: 20px;
        }

            div.faceToface .table .row .cell:first-child {
                text-align: left;
            }

            div.faceToface .table .row .cell:not(:first-child) input {
                text-align: center;
            }

table.dark_color th {
    color: #5c5c5c;
}

.uqfComp {
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 15px;
}

.topOffset5 {
    margin-top: 5px;
}

.topOffset15 {
    margin-top: 15px;
}

.chklistCenter td {
    text-align: center;
}

table.colorWhite {
    margin-top: -3px;
}

.colorWhite td {
    color: white;
    padding: 0;
}

    .colorWhite td input {
        margin: 0;
        margin-right: 3px;
        vertical-align: middle;
    }

    .colorWhite td label {
        vertical-align: middle;
        margin-right: 10px;
    }

.redBorder {
    border: 1px solid red;
}

.redText {
    color: rgb(205,23,28);
}

.white {
    color: white !important;
}

.infoMobileHeader {
    font-size: 40px;
    color: #4378B8;
}

.infoMobileText {
    font-size: 30px;
    color: #4378B8;
}

.table {
    display: table;
}

.row {
    display: table-row;
}

.cell {
    display: table-cell;
}

#dir {
    width: 280px;
}

    #dir .cell {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #dir .cell:last-child {
            text-align: right;
        }

        #dir .cell input {
            width: auto;
        }

.directorTable {
    margin-left: 30px;
}

    .directorTable table {
        border: 1px solid #5c5c5c;
    }

    .directorTable th {
        font-weight: bold;
        color: #5c5c5c;
    }

    .directorTable input {
        width: auto;
    }

.hyperlink {
    text-decoration: underline;
    color: #4378b8;
    display: inline-block;
    width: 50px;
}

    .hyperlink:hover {
        cursor: pointer;
        font-weight: bold;
    }

.vertical-center {
    vertical-align: middle;
}

.text-center {
    text-align: center;
}

table[id$=grdOfficers] td:empty {
    display: table-cell;
}

#questionPanel {
    margin-top: 10px;
}

    #questionPanel .label {
        width: 70px;
        display: inline-block;
    }

.cell-33 {
    width: 33%;
    float: left;
    text-align: left;
}

div#downPart-master div.row div.cell-6 div.qfUA div[id$=divFaceToFaceDir]:hover span {
    cursor: pointer;
    color: #4887b1 !important;
}

div#downPart-master div.row div.cell-6 div.qfUA div[id$=divFaceToFaceDir]:hover div.arrow {
    background: url("../images/user/image_next_hover.png") center center no-repeat;
}

span.info {
    color: #971212;
    font-size: 12px;
}

#user-selection {
    height: 600px;
    background-color: #295e7e;
    color: #c7ddea;
    padding: 90px 50px 0;
    text-align: left;
}

    #user-selection > div:first-child {
        font-size: 30px;
        color: #c7ddea;
        font-weight: bold;
    }

    #user-selection .section > span:first-child {
        font-size: 24px;
        font-weight: normal;
        color: #6cb9e7;
    }

    #user-selection .section {
        float: left;
        width: 50%;
    }


.companyName-small {
    color: #c7ddea;
}

.price {
    font-weight: bold;
}

    .price .green {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../images/green-arrow.png) center center no-repeat;
        background-size: contain;
    }

    .price .red {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../images/red-arrow.png) center center no-repeat;
        background-size: contain;
    }

    .price + .price {
        margin-left: 10px;
    }

    .price.green {
        color: #3d9400
    }

    .price.red {
        color: #dd4b39;
    }

    .price.green span:first-child {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../images/green-arrow.png) center center no-repeat;
        background-size: contain;
    }

    .price.red span:first-child {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../images/red-arrow.png) center center no-repeat;
        background-size: contain;
    }


.management-menu {
    cursor: pointer;
}

    .management-menu .text {
        margin-bottom: 5px;
        overflow: auto;
    }

    .management-menu .sub-menu {
        height: 0;
        overflow: hidden;
    }

    .management-menu:hover .sub-menu:not(.child) {
        height: 250px;
        width: 330px;
        transition: height 0.3s linear;
    }

    .management-menu .image {
        float: right;
        display: inline-block;
        width: 45px;
        height: 34px;
        background: url(../images/user/image_next_w.png) center center no-repeat;
        background-size: 25px;
    }

    .management-menu:hover .image {
        background-image: url(../images/user/image_next_hover.png)
    }

.stick-menu .management-menu .sub-menu {
    height: 250px;
}

.blue.management-menu {
    cursor: auto;
}

    .blue.management-menu .arrow {
        margin-right: 10px !important;
    }

    .blue.management-menu .generalTextBox {
        margin-right: 0px !important;
    }

    .blue.management-menu a {
        color: #5c5c5c;
    }

    .blue.management-menu .sub-menu ul.child a {
        vertical-align: middle
    }

        .blue.management-menu .sub-menu ul.child a div {
            vertical-align: middle;
        }

.ua-sub a {
    display: block;
    overflow: auto;
    height: 100%;
}

    .ua-sub a span {
        float: left;
        padding: 10px 0 0 8px;
        display: inline-block;
        font-weight: bold;
    }

    .ua-sub a div {
        display: inline-block;
        float: right;
        margin: 6px 10px 0 0;
        background: url(../images/user/image_next.png) center center no-repeat;
        width: 25px;
        height: 25px;
    }

.ua:hover .ua-sub a span {
    color: #4887b1;
}

.ua:hover .ua-sub a div {
    background: url(../images/user/image_next_hover.png) center center no-repeat;
}

.ua {
    background: url(../images/user/bkg/bkgua.png) left top repeat;
    height: 38px;
    width: 220px;
}

    .ua.child .child {
        height: 0;
        overflow: hidden;
    }

    .ua.child:hover .child {
        z-index: 99999;
        margin-left: 100px;
        height: 114px;
        width: 220px;
        transition: height 0.3s linear;
        border: 1px solid black
    }

.ua-sub-second {
    height: 100%;
    width: 100%;
}

    .ua-sub-second span {
        float: left;
        padding: 10px 0 0 8px;
        display: inline-block;
        font-weight: bold;
    }

    .ua-sub-second a {
        display: block;
        overflow: auto;
        height: 100%;
        text-decoration: none;
    }

    .ua-sub-second:hover a span {
        color: #4887b1
    }

    .ua-sub-second:hover a div {
        background: url(../images/user/image_next_hover.png) center center no-repeat;
    }

.segment-filter-wrapper {
    position: relative
}

.segment-filter {
    background: white;
    position: absolute;
    z-index: 999;
    width: 400px;
    height: 400px;
    box-shadow: 2px 2px 5px #888;
    overflow: auto;
    top: 275px;
    left: 50px;
}

    .segment-filter div {
        text-align: left;
    }

.segment-textbox {
    height: 25px;
    width: 655px;
    padding: 0 5px;
}