/* PUT STYLES THAT ARE COMMONG TO ALL THEMES IN HERE ONLY - SEPERATE CODE PER GENERIC PAGE WITH COMMENTS */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Lato');

a img {
    border: 0;
}

:focus {
    outline: 0;
}

h1 {
    line-height: 26px;
}

table {
    *border-collapse: collapse;
    *border-spacing: 0;
    table-layout: fixed;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}

.marginL-15 {
    margin-left: 15px;
}

.marginL-45 {
    margin-left: 45px;
}

.relative-top-15 {
    position: relative;
    top: 15px;
}

.relative-left-50 {
    position: relative;
    left: 50px;
}

.h-15 {
    height: 15px;
}

.h-120 {
    height: 120px;
}

.w-3 {
    width: 3px;
}

.w-30 {
    width: 30px;
}

.w-40 {
    width: 40px;
}

.w-60 {
    width: 60px;
}

.Black {
    color: #000;
}

.white {
    color: #fff;
}

.left {
    float: left;
}

.right {
    float: right;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

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

.text-underline, a.text-underline {
    text-decoration: underline;
}

.text-no-underline, a.text-no-underline {
    text-decoration: none;
}

.bold {
    font-weight: bold;
}

.no-border {
    border: 0;
}

.uppercase {
    text-transform: uppercase;
}

.bg-positive {
    background-color: #d9efdb;
}

.bg-negative {
    background-color: #f6d3d4;
}

ul.li-disc {
    list-style-type: disc;
    padding-left: 15px;
}

    ul.li-disc li {
        text-align: left;
    }

dt {
    font-weight: bold;
}

dd {
    margin: 5px 15px 20px 0;
    line-height: 1.2em;
    text-align: justify;
}

    dt a, dd a {
        text-decoration: underline;
    }



/* general layout size */
#header .top, #header .bottom, #navigation, #wrapper, #footer .links {
    width: 1005px;
    text-align: center;
    margin: 0 auto;
}


#navigation {
    height: 35px;
    position: relative;
    z-index: 100;
}
/* hack IE6 */ *html #navigation {
    height: 29px;
}

/* LAYOUT */

/*HEADER*/
/*logo*/
#topMenu ul.menuList li a.btnLogReg {
    margin-top: -3px\9;
}

#header .wrapper-bottom .logo {
    margin: 13px 0 0 30px;
}

.innerLeaderboard {
    padding-top: 3px;
}


/*menu*/
.wrapper-navigation #navigation {
    margin-left: 78px;
}


/* 3 cols layout */
#wrapper .threeCols-first {
    float: left;
    width: 132px;
    height: 100%;
    margin: 10px 0px 20px 6px;
}

#wrapper .threeCols-second {
    float: left;
    width: 554px;
    margin: 8px 0 10px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

#wrapper .threeCols-third {
    float: left;
    width: 300px;
    margin: 8px 10px 0 3px;
    text-align: center;
}

/* 2 column layout */
#wrapper .two-col-layout {
    float: left;
    width: 855px!important;
    margin: 10px 6px 10px!important;
    text-align: left!important;
    padding: 10px 10px 60px!important;
    box-sizing: border-box!important;
    background: white;
}

/*Content Pages' Layout and Style*/
#wrapper .contentHeader {
    border-radius: 0px 0px 0 0;
}

#wrapper .threeCols-second .contentpages {
    width: 530px;
    background-color: #fff;
    margin-left: 10px;
    padding: 20px 0;
    margin-top: 10px;
    *margin-left: 1px;
}

    #wrapper .threeCols-second .contentpages h3 {
        margin-left: 20px;
    }

    #wrapper .threeCols-second .contentpages i {
        text-align: left;
    }

    #wrapper .threeCols-second .contentpages p {
        margin: 30px 20px;
    }

    #wrapper .threeCols-second .contentpages ul {
        text-align: left;
        margin-left: 50px;
        margin-right: 10px;
    }

/* FOOTER */
#footer {
    width: 1005px;
    margin: 0 auto 50px;
    height: 187px;
    border-radius: 0 0 0px 0px;
    -moz-border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
}

    #footer .links ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        #footer .links ul li {
            float: left;
            padding: 10px 15px 0 0;
            margin: 0 6px 0 0;
        }

            #footer .links ul li.first {
                list-style-type: none;
                padding-left: 0;
            }

            #footer .links ul li a {
                text-decoration: none;
            }

    #footer .about ul {
        float: left;
        list-style-type: disc;
        padding: 0;
        margin: 0 0 0 545px;
    }

        #footer .about ul li {
            float: left;
            padding: 10px 15px 0 0;
            margin: 0 6px 0 0;
            color: #fff;
        }

            #footer .about ul li.first {
                list-style-type: none;
                padding-left: 0;
            }

            #footer .about ul li a {
                color: #fff;
                text-decoration: none;
            }

                #footer .about ul li a:hover {
                    color: #ddd;
                    text-decoration: none;
                }


/* specific tags */
table.data {
    border-collapse: separate;
    border-spacing: 0;
}

    table.data tr th {
        font-size: 0.85em;
        border-bottom: 1px solid #999999;
    }

        table.data tr th a {
            text-decoration: none;
        }

    table.data tr th, table.data tr td {
        height: 25px;
        width: 20px;
        text-align: center;
        padding: 2px 4px;
    }

    table.data.rankingTable tr th, table.data.rankingTable tr td {
        padding: 2px 3px;
    }

table.viewContestTable tr th,
table.viewContestTable tr td {
    width: 20px;
}
/* hack IE6 */ *html table.data tr th {
    border-left: 1px solid #7c7c7c;
}
/* hack IE6 */ *html table.data tr td {
    border-left: 1px solid #7c7c7c;
}
    /* table.data tr th.first, table.data tr td.first { border-left: 0 } */
    table.data tr th.last, table.data tr td.last {
        border-right: 1px dotted #000;
    }

    table.data tr td table.table-page-nav {
        border: 0;
    }

        table.data tr td table.table-page-nav tr td {
            border: 0;
        }
        /* hack IE6 */ *html table.data tr td table.table-page-nav tr td {
            padding-top: 6px;
        }
        /* hack IE7 */ *:first-child + html table.data tr td table.table-page-nav tr td {
            padding-top: 6px;
        }

            table.data tr td table.table-page-nav tr td a {
                margin: 0 2px;
                padding: 3px;
                font-weight: bold;
                text-decoration: none;
            }

                table.data tr td table.table-page-nav tr td a.active {
                    color: #000;
                    border: 0;
                }

                table.data tr td table.table-page-nav tr td a:hover.active {
                    color: #000;
                    background: none;
                }

table.data tr.table-page-nav table,
table.data tr.page-nav table {
    *position: relative;
    *left: -400px;
}


/* home */
.registerToPlay {
    margin: 0 -15px;
    padding: 20px 15px;
}

    .registerToPlay h3 {
        margin: 0 0 10px 0;
    }

.login-key {
    position: relative;
    top: 8px;
}

label {
    float: left;
    display: block;
    width: 215px;
    text-align: right;
    padding: 12px 20px;
}


/* registration page */
.registration input {
    width: 220px;
}

input.btn {
    width: 150px;
    height: 46px;
    color: #1a44f8;
    font-weight: bold;
    text-align: center;
    padding: 2px 15px;
    background: #c1ced7 url(/common/img/bg_btn.jpg) 0 0 repeat-x;
    border-top: 2px solid #aeaeae;
    border-right: 2px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
    border-left: 2px solid #aeaeae;
    cursor: pointer;
}

label.field-checkbox {
    margin: -24px 0 0 255px;
    width: 380px;
    float: left;
}

.inputCheckbox {
    margin: 0 0 0 255px;
    float: left;
    width: 15px;
}

    .inputCheckbox input {
        width: 10px;
        margin: 3px 0 0 0;
        border: 0;
        position: relative;
        top: 0;
    }
    /* hack IE7 */ *:first-child + html .inputCheckbox input {
        position: relative;
        top: 3px;
    }

.radio input {
    border: 0;
}

.checkbox input {
    border: 0;
}


input.margin-btn {
    margin-left: 255px;
}

.errormessage {
    position: relative;
    top: 7px;
    left: 5px;
}

.simpleerrormessage {
    position: relative;
    top: 10px;
    left: 5px;
}

.captchaerrormessage {
    position: relative;
    top: -10px;
    left: 5px;
}

/* captcha */
label.captcha-label {
    position: relative;
    top: 3px;
}

input.captcha-input {
    position: relative;
    top: -10px;
    width: 100px;
}

.captcha {
    margin-top: 5px;
}

/* captcha on contact page */
.contact input.captcha-input {
    position: relative;
    top: -12px;
}
/* hack IE6 */ *html .contact input.captcha-input {
    top: -5px;
}
/* hack IE7 */ *:first-child + html .contact input.captcha-input {
    top: -5px;
}

.contact .captcha {
    margin-top: -9px;
    margin-top: -2px\9;
}


ul li {
    line-height: 1.4em;
}

.alt {
    background-color: #f0f0f0;
}

.registration-confirmation .first-col {
    clear: left;
    float: left;
    width: 180px;
    margin: 5px 0 0;
    text-align: right;
}

.registration-confirmation .second-col {
    float: left;
    margin: 5px 0 0 15px;
    width: 300px;
    text-align: left;
}

/* TRADE SCREEN */
.minus-margin-top {
    margin: -48px 0 0 0;
}
/* hack IE6 */ *html .dashboard-portfolio-dropdown {
    margin: 20px 20px 0;
    padding: 0;
}


/*Portfolio Pages*/
.portfolio-value .title {
    display: block;
    float: left;
    width: 120px;
    font-size: 1.1em;
    line-height: 1.4em;
    text-align: left;
    font-weight: bold;
}

.portfolio-value .value {
    display: block;
    float: left;
    width: 70px;
    text-align: right;
    font-size: 1.1em;
    line-height: 1.4em;
}

.portfolio-value .left-col {
    float: left;
    width: 245px;
    border-right: 1px solid #e3f7ff;
    border-top: 1px solid #e3f7ff;
    height: 128px;
    font-size: 10px;
}

.portfolio-value .right-col {
    float: left;
    width: 307px;
    border-left: 1px solid #74b6d2;
    border-top: 1px solid #e3f7ff;
    height: 128px;
    font-size: 10px;
}

.portfolio-value .first-col {
    width: 193px;
    margin: 23px;
}

.portfolio-value .right-col ul.portfolio-title {
    list-style-type: none;
    margin-top: 18px;
    margin-left: 60px;
}

    .portfolio-value .right-col ul.portfolio-title li {
        float: left;
        width: 70px;
        font-size: 11px;
        font-weight: bold;
        text-align: right;
        margin-right: 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.portfolio-value .right-col span.value {
    margin-left: 10px;
}

.portfolio-value .second-col {
    float: left;
    width: 110px;
    margin-left: 25px;
}

    .portfolio-value .second-col .title {
        width: 50px;
    }

    .portfolio-value .second-col .value {
        width: 25px;
    }

.portfolio-value .third-col {
    float: left;
    width: 68px;
    margin-left: -20px;
}

.portfolio-value .fourth-col {
    float: left;
    width: 68px;
    margin-left: 5px;
}

#toggleBtn {
    display: inline-block;
    /*margin: 10px 0 10px 350px;*/
    padding: 5px;
    background-color: #fff;
    font-size: 10px;
    text-decoration: none;
    width: 155px;
}

.text-positive {
    color: Green !important;
}

.text-negative {
    color: Red !important;
}

#wrapper .threeCols-second .portfolio-table-title {
    width: 511px!important;
    height: 45px;
    background-color: #f1f1f1;
    margin: 0 0 0 10px;
    padding-left: 21px;
    border-radius: 0 0 0px 0px;
    border: none!important;
    border-bottom: none!important;
    background-image: -moz-linear-gradient( top, #f4f4f4 30%, #f2f2f2 70% );
    background-image: -webkit-linear-gradient( top, #f4f4f4 30%, #f2f2f2 70% );
    background-image: -ms-linear-gradient( top, #f4f4f4 30%, #f2f2f2 70% );
}

    #wrapper .threeCols-second .portfolio-table-title h3 {
        width: 215px;
        float: left;
        text-align: left;
        font-size: 15px;
        text-shadow: -1px -1px 1px #fff;
    }

    #wrapper .threeCols-second .portfolio-table-title .portfolio-table-menu {
        float: left;
        list-style-type: none;
        margin: 10px 0 0 0;
    }

        #wrapper .threeCols-second .portfolio-table-title .portfolio-table-menu li {
            display: inline;
        }

            #wrapper .threeCols-second .portfolio-table-title .portfolio-table-menu li a {
                background-color: transparent;
                border: 0;
                color: #47b0ca;
                text-decoration: none;
                font-size: 9px;
                font-weight: bold;
                text-transform: uppercase;
            }

    #wrapper .threeCols-second .portfolio-table-title .widgetLogo {
        float: right;
        width: 100px;
        text-transform: uppercase;
        font-size: 8px;
        font-weight: bold;
        margin-right: 10px;
        margin-top: 1px;
        text-align: left;
    }

    #wrapper .threeCols-second .portfolio-table-title .titleTop,
    #wrapper .threeCols-second .portfolio-table-title .titleBottom {
        width: 520px;
        list-style-type: none;
        text-align: left;
    }

        #wrapper .threeCols-second .portfolio-table-title .titleTop li,
        #wrapper .threeCols-second .portfolio-table-title .titleBottom li {
            float: left;
        }

    #wrapper .threeCols-second .portfolio-table-title .titleTop {
        color: #000;
        margin: 7px 0 0 -5px;
        font-size: 10px;
        text-transform: uppercase;
    }

    #wrapper .threeCols-second .portfolio-table-title .titleBottom {
        color: #000;
        margin-left: -5px;
        margin-top: -1px;
        font-weight: bold;
        font-size: 16px;
    }

    #wrapper .threeCols-second .portfolio-table-title .contestName {
        width: 180px;
        margin-right: 50px;
        word-wrap: break-word;
    }

    #wrapper .threeCols-second .portfolio-table-title .contestDate {
        width: 120px;
        margin-right: 17px;
    }

#wrapper .threeCols-second .contestTable .portfolio-table-title .titleTop li {
    line-height: 1.1em;
    font-size: 9px;
}

#wrapper .threeCols-second .contestContent {
    width: 509px;
    background-color: #62787f;
    color: #fff;
    border-top: 1px solid #97afb7;
    border-radius: 0 0 0px 0px;
    box-shadow: 0px 2px 3px #000;
    margin-left: 11px;
    padding-left: 21px;
    text-align: left;
    height: 95px;
    background-image: -moz-linear-gradient( top, #6f8990 30%, #53676c 80% );
    background-image: -webkit-linear-gradient( top, #6f8990 30%, #53676c 80% );
    background-image: -ms-linear-gradient( top, #6f8990 30%, #53676c 80% );
}

    #wrapper .threeCols-second .contestContent ul.contentTitle {
        list-style-type: none;
        width: 120px;
        float: left;
        margin-left: 0;
        margin-top: 12px;
    }

    #wrapper .threeCols-second .contestContent ul.contentDetails {
        list-style-type: none;
        width: 375px;
        margin-left: 12px;
        float: left;
        margin-top: 12px;
    }

    #wrapper .threeCols-second .contestContent ul li {
        font-size: 13px;
        line-height: 15px;
        word-wrap: break-word;
        width: 350px;
    }

.threeCols-second table.portfolioTable {
    border-top: 1px solid #fff;
}

    .threeCols-second table.portfolioTable tr th span {
        color: #979797;
        font-style: italic;
    }

    #wrapper .threeCols-second table.historyTable tr td .action-button,
    .threeCols-second table.portfolioTable .action-button,
    .threeCols-second table.portfolioTable a.action-button {
        width: 15px;
        border-radius: 0px;
        background-color: #0a5697;
        color: #fff;
        border: 1px solid #999999;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 11px;
        padding: 0 4px;
        line-height: 20px;
    }

        .threeCols-second table.portfolioTable .action-button:hover,
        .threeCols-second table.portfolioTable a.action-button:hover {
            background-color: #204361;
            color: #fff;
            background-image: -moz-linear-gradient( top, #204361 30%, #204361 70% );
            background-image: -webkit-linear-gradient( top, #204361 30%, #204361 70% );
            background-image: -ms-linear-gradient( top, #204361 30%, #204361 70% );
        }

    .threeCols-second table.portfolioTable tr td {
        font-weight: bold;
    }
    /*Page navigation footer*/
    .threeCols-second table.historyTable tr.table-page-nav,
    .threeCols-second table.joinTable tr.page-nav,
    .threeCols-second table.portfolioTable td.portfolioTableFooter {
        background-color: #f2f2f2;
        border-radius: 0 0 0px 0px;
        border-top: 0px solid #999999;
        background-image: -moz-linear-gradient( top, #f2f2f2 30%, #f2f2f2 80% );
        background-image: -webkit-linear-gradient( top, #f2f2f2 30%, #f2f2f2 80% );
        background-image: -ms-linear-gradient( top, #f2f2f2 30%, #f2f2f2 80% );
    }

#wrapper .threeCols-second table.portfolioTable.data .portfolioTableFooter {
    height: 45px;
}

    #wrapper .threeCols-second table.portfolioTable.data .portfolioTableFooter .paging li,
    #wrapper .threeCols-second table.portfolioTable.data .table-position-page-nav tr {
        background-color: transparent;
        list-style-type: none;
        display: inline;
        margin-right: 12px;
    }

#wrapper .threeCols-second table.historyTable.data tr.table-page-nav table tr,
#wrapper .threeCols-second table.joinTable.data tr.page-nav table tr {
    background-color: transparent;
}

#wrapper .threeCols-second table.joinTable.data tr td.contestName {
    text-align: left;
}

.table-page-nav table tr td a,
.table-page-nav table tr td span,
.page-nav table tr td span,
.page-nav table tr td a,
.portfolioTableFooter .paging li a,
.table-position-page-nav tr td a,
.pageNavBtn a {
    padding: 4px 10px;
    background-color: #f2f2f2;
    border: 1px solid #a9a9a9;
    border-radius: 6px;
    color: #3aabc8;
    font-size: 14px;
    text-decoration: none;
}

.pageNavBtn {
    margin-top: 10px;
}

    .pageNavBtn a {
        color: #3aabc8!important;
    }

        .table-page-nav table tr td span,
        .page-nav table tr td span,
        .page-nav table tr td a:hover,
        .table-page-nav table tr td a:hover,
        .portfolioTableFooter .paging li a:hover,
        .portfolioTableFooter .paging li a.active,
        .table-position-page-nav tr td a:hover,
        .table-position-page-nav tr td a.active,
        .pageNavBtn a:hover {
            background-color: #727272;
            box-shadow: inset 0px 1px 2px #000;
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            text-decoration: none;
        }

        .pageNavBtn a:hover {
            color: #fff!important;
        }

.trade-form {
    width: 530px;
    margin-left: 10px;
    padding: 0;
    background-color: #fff;
    height: 55px;
    border: 1px solid #999999;
    border-top: 0;
}

    .trade-form.futures {
        width: 526px;
        padding: 10px 8px 0;
        background: #fff url(/common/img/bg_trade_futures.jpg) 0 100% repeat-x;
        height: 120px;
        border: 1px solid #999;
    }

    .trade-form label {
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        color: #333333;
        width: auto;
        margin: 0;
        padding: 0;
    }

    .trade-form input[type=text] {
        width: 50px;
    }

.msg_closed {
    width: 530px;
    background-color: #fff;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    margin-left: 10px;
    padding: 5px 0;
}

.threeCols-second .trade-form .needHelp {
    float: right;
}

.threeCols-second .trade-form .needHelp {
    color: #1da0c1;
    text-decoration: none;
    margin-right: 13px;
    text-transform: uppercase;
}

.needhelp {
    display: inline-block;
    text-decoration: none!important;
    border-bottom: 1px dotted;
    font-size: 11px;
    margin: 8px 17px 0;
    color: #333!important;
    text-transform: uppercase;
}

.threeCols-second .trade-form .tradeOptions {
    float: left;
    margin-top: 12px;
    margin-right: 4px;
}

    .threeCols-second .trade-form .tradeOptions img {
        padding-left: 3px;
        border: 0;
        padding-bottom: 1px;
    }

    .threeCols-second .trade-form .tradeOptions.bondQuantity img {
        padding-bottom: 3px;
    }

    .threeCols-second .trade-form .tradeOptions.symbolOption img {
        padding-left: 9px;
        height: 17px;
    }

    .threeCols-second .trade-form .tradeOptions.MFSearch img {
        padding-bottom: 3px;
    }

    .threeCols-second .trade-form .tradeOptions input {
        border: 1px solid #1da0c1;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        background-color: #d4fafa;
        box-shadow: inset 0 0 2px 2px #b5d8d9;
        -moz-box-shadow: inset 0 0 2px 2px #b5d8d9;
        -webkit-box-shadow: inset 0 0 2px 2px #b5d8d9;
        height: 24px;
        *height: 17px;
    }

    .threeCols-second .trade-form .tradeOptions select {
        background-color: #86def4;
        border-radius: 0px;
        border: 1px solid #999999;
        color: #005a71;
        padding: 3px 0;
        height: 27px;
        background-image: -moz-linear-gradient( top, #98e9fe 30%, #69cbe3 70% );
        background-image: -webkit-linear-gradient( top, #98e9fe 30%, #69cbe3 70% );
        background-image: -ms-linear-gradient( top, #98e9fe 30%, #69cbe3 70% );
    }

    .threeCols-second .trade-form .tradeOptions .shortInput {
        width: 70px;
    }

    .threeCols-second .trade-form .tradeOptions .midInput {
        width: 90px;
    }

    .threeCols-second .trade-form .tradeOptions .longInput {
        width: 110px;
    }

        .threeCols-second .trade-form .tradeOptions .longInput.priceInput {
            position: relative\9;
            left: 6px\9;
        }

    .threeCols-second .trade-form .tradeOptions .limit.longInput.priceInput {
        top: 6px\9;
        left: -90px\9;
    }

    .threeCols-second .trade-form .tradeOptions .dateField {
        position: relative;
        top: -27px;
        left: 105px;
        *top: -33px;
        *left: 117px;
    }

    .threeCols-second .trade-form .tradeOptions .actionSelect {
        margin-left: -40px\9;
        margin-top: 7px\9;
        *margin-top: 12px;
    }

    .threeCols-second .trade-form .tradeOptions .quantitySelect {
        margin-left: -50px\9;
        margin-top: 7px\9;
        *margin-top: 12px;
    }

    .threeCols-second .trade-form .tradeOptions .xchSelect {
        margin-left: -58px\9;
        margin-top: 7px\9;
        *margin-top: 12px;
    }

    .threeCols-second .trade-form .tradeOptions .orderSelect {
        margin-left: -65px\9;
        margin-top: 7px\9;
        *margin-top: 12px;
    }

        .threeCols-second .trade-form .tradeOptions .orderSelect.orderTerm,
        .threeCols-second .trade-form .tradeOptions label.furOT {
            position: relative\9;
            left: -90px\9;
        }

    .threeCols-second .trade-form .tradeOptions .dateSelect {
        margin-left: -30px\9;
        margin-top: 7px\9;
        *margin-top: 12px;
    }

.threeCols-second .trade-form .actionOption,
.threeCols-second .trade-form .orderOption {
    margin-left: 15px;
}

    .threeCols-second .trade-form .actionOption label {
        margin: 4px 0;
    }

.threeCols-second .trade-form .quantityOption label {
    padding-top: 3px;
    margin-right: -4px;
}

.threeCols-second .trade-form .symbolOption label {
    padding-top: 3px;
    margin-right: -50px;
}

.threeCols-second .trade-form .futureSymbolOption a {
    color: #1DA0C1;
}

.threeCols-second .trade-form .futureSymbolOption select {
    width: 215px;
    margin-left: -80px;
}

.threeCols-second .trade-form .listPriceRadio {
    position: relative;
    top: -22px;
    left: 80px;
}

    .threeCols-second .trade-form .listPriceRadio input {
        background-color: transparent;
        border: none;
        border-shadow: none;
        border-radius: 0;
        height: 12px;
    }
/* hack IE6 */ *html input {
    width: 50px;
}

.trade-form .liquidate label {
    float: left;
    margin: 23px 0 0;
    padding: 0;
}

.trade-form .liquidate input {
    float: left;
    margin: 23px 5px 0 0;
    padding: 0;
    border: 0;
}
/* hack IE6 */ *html .trade-form .liquidate input {
    position: relative;
    top: 15px;
    margin: 0;
}
/* hack IE7 */ *:first-child + html .trade-form .liquidate input {
    position: relative;
    top: 10px;
}

.trade-form .liquiDate label {
    float: left;
    margin-top: 8px;
}

.trade-form .liquiDate input {
    float: left;
    margin-left: 15px;
}


/* hack IE6 */ *html .trade-form input {
    margin-top: 5px;
}
/* hack IE6 */ *html .trade-form select {
    margin-top: 5px;
}
/* hack IE7 */ *:first-child + html .trade-form input {
    margin-top: 5px;
}
/* hack IE7 */ *:first-child + html .trade-form select {
    margin-top: 5px;
}

.trade-form input[type=submit] {
    float: right;
}

input.btnGrey, input.btnGreen, input.btnBlue {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    padding: 2px 8px;
}
/* hack IE6 */ *html input.btnGrey {
    width: 125px;
    padding: 2px 0;
}
/* hack IE6 */ *html input.btnGreen {
    width: 125px;
    padding: 2px 0;
}
/* hack IE6 */ *html input.btnBlue {
    width: 125px;
    padding: 2px 0;
}

/* hack IE7 */ *:first-child + html input.btnGrey {
    width: 135px;
    padding: 2px 0;
}
/* hack IE7 */ *:first-child + html input.btnGreen {
    width: 135px;
    padding: 2px 0;
}
/* hack IE7 */ *:first-child + html input.btnBlue {
    width: 135px;
    padding: 2px 0;
}


input.previewOrderBtn,
input.placeOrderBtn,
input.newOrderBtn {
    width: 105px;
    height: 38px;
    position: relative;
    top: -15px;
    right: 15px;
    background-color: #30b204;
    color: #fff;
    border: 1px solid #999999;
    text-transform: uppercase;
    border-radius: 0px;
    font-weight: bold;
    background-image: -moz-linear-gradient( top, #46ea0f 0%, #36c307 60%, #29a201 90% );
    background-image: -webkit-linear-gradient( top, #46ea0f 0%, #36c307 60%, #29a201 90% );
    background-image: -ms-linear-gradient( top, #46ea0f 0%, #36c307 60%, #29a201 90% );
}

input.placeOrderBtn {
    top: -70px;
}

input.previewOrderBtn {
    top: 0;
}

input.cancelBtn,
input.editBtn,
input.viewOrderHistoryBtn,
input.printBtn {
    position: relative;
    top: -15px;
    right: 320px;
    width: 88px;
    height: 23px;
    background-color: #f1f1f1;
    color: #39aac7;
    border: 1px solid #999999;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8px;
}

input.newOrderBtn {
    position: relative;
    top: -71px;
    right: 8px;
    font-size: 8px;
}

input.viewOrderHistoryBtn {
    position: relative;
    top: 24px;
    right: 430px;
}

input.printBtn {
    right: 339px;
    top: -5px;
}

input.editBtn {
    right: 340px;
    top: -2px;
}

input.cancelBtn {
    position: relative;
    top: 25px;
    right: 431px;
}

optionsAction {
    margin-left: -120px\9;
}
/* ARROW */
.arrow.symbol {
    left: 25px;
}
/* hack IE6 */ *html .arrow.spots {
    left: 70px;
}
/* hack IE7 */ *:first-child + html .arrow.spots {
    left: 70px;
}

.arrow.exchange {
    left: 93px;
}

.arrow.quantity {
    left: 160px;
}

.arrow.quantityMF {
    left: 220px;
}

.arrow.action {
    left: 220px;
}

.arrow.actionMF {
    left: 160px;
}

.arrow.actionOption {
    left: 250px;
}

.arrow.order {
    left: 310px;
}

.arrow.orderOption {
    left: 350px;
}

.arrow.quantityTypeMF {
    left: 300px;
}

.arrow.duration {
    left: 424px;
}
/* hack IE6 */ *html .arrow.quantity {
    left: 92px;
}
/* hack IE7 */ *:first-child + html .arrow.quantity {
    left: 92px;
}

.arrow {
    position: relative;
    top: -9px;
}
/* hack IE6 */ *html .arrow {
    top: -11px;
}
/* hack IE7 */ *:first-child + html .arrow {
    top: -13px;
}


.help-form {
    width: 530px;
    height: 16px;
    font-weight: bold;
    padding: 8px 0;
    margin: 0 0 0 10px;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #fff;
    background-color: #f2f2f2;
}

.help-form2 {
    width: 530px;
    height: 16px;
    font-weight: bold;
    padding: 8px 0;
    margin: 0 0 0 10px;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #fff;
    background-color: #f2f2f2;
}

.help-form-eq {
    width: 530px;
    height: 16px;
    font-weight: bold;
    padding: 8px 0;
    margin: 0 0 0 10px;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #fff;
    background-color: #f2f2f2;
}

/* hack IE6 */ *html .help-form {
    margin-top: -14px;
}
/* hack IE7 */ *:first-child + html .help-form {
    margin-top: -16px;
}
/* hack IE6 */ *html .help-form2 {
    margin-top: -14px;
}
/* hack IE7 */ *:first-child + html .help-form2 {
    margin-top: -10px;
}
/* hack IE6 */ *html .help-form-eq {
    margin-top: -14px;
}
/* hack IE7 */ *:first-child + html .help-form-eq {
    margin-top: -10px;
}

input.error {
    border: 1px solid #ffff99;
}

input.valid {
    border: 1px solid #66ff66;
}

.help-form input.error {
    color: #ff0000;
    font-weight: bold;
}

input.limit {
    width: 65px;
    height: 16px;
}

.help-form-eq input.error {
    color: #ff0000;
    font-weight: bold;
}

.blue {
    z-index: 10;
    background-color: #c1fbfe;
}

.yellow {
    background-color: #ffff99;
    color: #ff0000;
    font-weight: bold;
    height: 25px;
}

.green {
    background-color: #66ff66;
    height: 25px;
}

.clientViewWidth {
    width: 380px;
    float: left;
    *margin-left: 4px;
}

    .clientViewWidth.futures {
        margin-top: 5px;
        width: 380px;
        float: left;
    }

.limitStopPrice {
    width: 160px;
    margin: -65px 0 0 400px;
}

    .limitStopPrice span, .limitStopPrice input, .limit {
        z-index: 200;
    }

    .limitStopPrice span {
        position: relative;
        top: 0;
    }
    /* hack FF2 */ .limitStopPrice span, x:-moz-any-link {
        top: -8px;
    }
    /* hack FF3 */ .limitStopPrice span, x:-moz-any-link, x:default {
        top: 0;
    }
/* hack IE6 */ *html .limitStopPrice {
    margin-top: -87px;
    padding: 0;
}
    /* hack IE6 */ *html .limitStopPrice span {
        top: -8px;
    }
    /* hack IE7 */ *:first-child + html .limitStopPrice span {
        top: -8px;
    }

.exchange-blue-box {
    height: 20px;
}

.btn-help {
    float: left;
    position: relative;
    top: -12px;
    width: 197px;
    height: 19px;
    margin-right: 15px;
    background: transparent url(/common/img/option_help.jpg) 0 0 no-repeat;
}

    .btn-help:hover {
        background-position: 0 -19px;
    }

.btns-actions-eq {
    clear: left;
    text-align: right;
    width: 530px;
    padding: 6px 0;
    margin-left: 10px;
    background-color: #f2f2f2;
    min-height: 73px;
    border: 1px solid #999;
    border-top: 1px solid #fff;
}
/* hack IE6 */ *html .btns-actions-eq {
    height: 16px;
}

    .btns-actions-eq .symbollookup {
        float: left;
        position: relative;
        top: 0;
        left: 0;
    }
/* hack IE7 */ *:first-child + html {
    position: absolute;
}

.btns-actions {
    clear: left;
    text-align: right;
    width: 526px;
    padding: 10px 8px 0;
    margin: 0;
    background: #d9d9d9 url(/common/img/bg_trade.jpg) 0 80% repeat-x;
    height: 20px;
    border: 1px solid #999;
    border-top: 0;
}
/* hack IE6 */ *html .btns-actions {
    height: 16px;
}

.btns-bonds-actions {
    clear: left;
    text-align: right;
    width: 526px;
    padding: 10px 8px 0;
    margin: -15px 0 0 0;
    background: #d9d9d9 url(/common/img/bg_trade.jpg) 0 80% repeat-x;
    height: 20px;
    border: 1px solid #999;
}
/* hack IE6 */ *html .btns-bonds-actions {
    height: 16px;
}


/* symbol lookup link for options */
.btns-actions .symbollookup {
    float: left;
    position: relative;
    top: 0;
    left: 0;
}
/* hack IE7 */ *:first-child + html {
    position: absolute;
}

.trade-notes-wrapper {
    position: relative;
    margin-top: -55px;
    text-align: center;
}

    .trade-notes-wrapper textarea {
        width: 300px;
        font-size: 12px;
        padding: 5px 10px;
    }

.equity-price {
    float: right;
    width: 200px;
    background-color: #f0f0f0;
    padding: 10px;
    border: 1px solid #999;
    margin-right: -2px;
}

/* VALIDATION */
.valid-form, .valid-form-bonds, .status-form {
    background-color: #fff;
    width: 496px;
    min-height: 30px;
    padding: 5px;
    margin: 0;
    font-weight: bold;
    border: 1px solid #33cc00;
}

    .valid-form.optionsForm {
        width: 250px;
        position: relative;
        top: -60px;
        left: 120px;
    }

.status-form {
    width: 250px;
    position: relative;
    top: -60px;
    left: 120px;
}

.btns-actions-eq .valid-form {
    position: relative;
    top: -26px;
    left: 120px;
    *margin-right: 255px;
}

    .btns-actions-eq .valid-form.errorMessage {
        border: 1px solid red;
        top: -7px;
        height: auto;
        *left: 95px;
        *top: -8px;
    }

.valid-form a.btns {
    margin-top: 10px;
}
/* hack IE6 */ *html .valid-form a.btns {
    margin-top: -10px;
}
    /* hack IE7 */
    *:first-child + html .valid-form a.btns input.btnBlue {
        margin-top: -25px;
    }

    *:first-child + html .valid-form a.btns input.btnGreen {
        margin-top: -5px;
    }

.valid-form-bonds a.btns {
    margin-top: 30px;
}

.status-form-eq {
    background-color: #ccffcc;
    width: 558px;
    height: 12px;
    padding: 8px;
    clear: left;
}

.status-form-bonds {
    background-color: #ccffcc;
    width: 528px;
    height: 54px;
    padding: 8px;
    clear: left;
}


/* hack IE6 */ *html .stock-info {
    margin-top: 45px;
}

    .stock-info .title {
        font-size: 1.3em;
        font-weight: bold;
        margin-right: 15px;
    }

    .stock-info .first-col, .stock-info .second-col {
        float: left;
        width: 260px;
        font-weight: bold;
    }

        .stock-info .first-col .title, .stock-info .second-col .title {
            display: block;
            float: left;
            width: 90px;
            font-size: 1.2em;
            line-height: 1.4em;
            font-weight: bold;
            margin-right: 8px;
        }

        .stock-info .second-col .title {
            width: 105px;
        }

        .stock-info .first-col .symbol, .stock-info .second-col .symbol {
            display: block;
            float: left;
            width: 140px;
            font-size: 1.2em;
            line-height: 1.4em;
        }

            .stock-info .second-col .symbol input {
                position: relative;
                top: -3px;
            }
    /* hack IE6 */ *html .stock-info .first-col {
        width: 260px;
    }
    /* hack IE6 */ *html .stock-info .second-col {
        width: 260px;
    }
        /* hack IE6 */ *html .stock-info .second-col .symbol input {
            width: 130px;
            height: 22px;
        }

    .stock-info hr {
        margin: 15px 0;
        color: #666;
        background-color: #666;
        height: 1px;
        border: 0;
    }

.rules {
    width: 530px;
    margin: 10px;
    text-align: left;
}

    .rules h3 {
        color: #666;
        font-weight: bold;
        text-align: center;
    }

    .rules ul {
        list-style-type: disc;
        padding-left: 15px;
    }

    .rules .first-col {
        float: left;
        width: 240px;
    }

    .rules .second-col {
        float: left;
        width: 240px;
        margin-left: 15px;
    }
    /* hack IE6 */ *html .rules .first-col {
        width: 265px;
    }
    /* hack IE6 */ *html .rules .second-col {
        width: 265px;
    }

.adminName {
    position: relative;
    right: 150px;
    top: 11px;
    font-weight: bold;
    font-size: 14px;
}

/* AutoCompleteExtender */
/* box form ***/
.completionList {
    background-color: #fff;
    margin: 0;
    height: 150px;
    cursor: pointer;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
    font-size: 1em;
    z-index: 500;
    min-width: 200px;
    text-align: left;
}
/* hack IE6 */ *html .completionList {
    min-width: 400px;
    white-space: nowrap;
}


.completionListItem {
    margin: 0;
    padding: 0 3px;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
}

.completionListHighlightedItem {
    padding: 0 3px;
    margin: 0;
    height: 20px;
    line-height: 20px;
    background-color: #e2e2e2;
    cursor: pointer;
}


/* FAQ */
.faq {
    width: 680px;
}

    .faq h1.bottom {
        margin-top: 30px;
    }

    .faq h2.title {
        margin: 16px 0 8px;
    }

    .faq h3.subtitle {
        font-style: italic;
        margin: 25px 0 10px;
    }

    .faq .hidden {
        display: none;
    }

    .faq .answer p, .faq ol, .faq ul {
        line-height: 1.3em;
        margin: 0 25px;
        padding-bottom: 20px;
    }

        .faq ol li, .faq ul li {
            line-height: 1.3em;
            padding-bottom: 20px;
        }


/******* TABS FAQs ***************/
.wrapper_tabs {
    padding: 10px 0 0 10px;
    height: 27px;
    background-color: #f1f1f1;
}

.tabs {
    list-style: none;
}

ul.tabs li {
    border-right: 2px solid white;
}

ul.tabs a {
    background-image: none;
    text-decoration: none;
    padding: 0 8px;
    /* font-weight: bold; */
    line-height: 34px;
}
/* hack IE6 */ *html ul.tabs a {
    border-top: 2px;
}

    ul.tabs a span {
        background-image: none;
        padding-right: 8px;
    }

    ul.tabs a, ul.tabs a span {
        display: block;
        float: left;
    }

        ul.tabs a.active {
            border-bottom: 1px solid #fff;
            background-color: #fff;
        }
        /* hack IE6 */ *html ul.tabs a.active {
            position: relative;
            bottom: -1px;
        }
        /* hack IE7 */ *:first-child + html ul.tabs a.active {
            padding-bottom: -1px;
        }

ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.tabs li {
        float: left;
        display: block;
        margin: 0;
        padding: 0;
    }

        /* Active server */
        /* hack IE6 */ *html ul.tabs li.active-server {
            padding-bottom: -1px;
        }
        /* hack IE7 */ *:first-child + html ul.tabs li.active-server {
            padding-bottom: -1px;
        }

            ul.tabs li.active-server a {
                padding-right: 8px;
            }
            /* hack IE6 */ *html ul.tabs li.active-server a {
                position: relative;
                bottom: -2px;
                text-decoration: none;
            }


/* tabs for the trade screen */
.secondLevel .tabs a {
    font-size: 11px;
    padding-left: 6px;
}

.secondLevel ul.tabs a span {
    padding-right: 6px;
}

/*Tabs in private pages*/
/*five tabs*/
#wrapper .threeCols-second .wrapper_tabs.fiveTabs ul li a {
    width: 79px;
    font-size: 12px;
}


/** Tooltip **/
.tooltip .ico {
    width: 15px;
    height: 15px;
    position: relative;
    top: 10px;
    margin-left: 3px;
}

a.tooltip {
    position: relative; /*this is the key*/
    z-index: 524;
    color: #000;
    text-decoration: none;
    float: left;
}

    a.tooltip:hover {
        z-index: 625;
    }

    a.tooltip span {
        display: none;
    }

    a.tooltip:hover span { /*the span will display just on :hover state*/
        display: block;
        position: absolute;
        padding: 5px;
        top: 0.8em;
        left: 2em;
        width: 200px;
        border: 1px solid #aeaeae;
        background-color: #f0f0f0;
        color: #000;
        text-align: center;
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        opacity: 0.9;
    }

.trade-form .tooltip .ico {
    position: relative;
    top: 2px;
    margin-left: 0;
}

.trade-form a.tooltip:hover span {
    left: -100px;
    width: 200px;
}

/* Contact */
.websitetitle {
    position: relative;
    top: 12px;
}

/*////////////////////////////////////////////////////////
ADMIN SECTION
////////////////////////////////////////////////////////*/
a.link-class {
    text-decoration: none;
    color: #004eff;
}

.progress {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    height: 32px;
    font-size: 1.4em;
}

#admin .leftSection {
    text-align: left;
    float: left;
    border-right: solid 1px #999;
    width: 230px;
    overflow: hidden;
}

    #admin .leftSection select {
        width: 220px;
    }

#admin .rightSection {
    float: right;
    width: 300px;
    font-size: 0.9em;
    margin-right: 5px;
    overflow: hidden;
}

#admin .label {
    position: relative;
    top: 0;
}
/* hack IE7 */ *:first-child + html #admin .label {
    top: -10px;
}

.margin-right {
    margin-right: 10px;
}

.skypeCall {
    width: 350px;
    margin-left: 10px;
}

    .skypeCall a {
        width: 95px;
        float: left;
    }

    .skypeCall p {
        width: 500px;
        font-size: 13px;
        font-weight: bold;
        position: relative;
        float: left;
    }

/* accordeon */
#admin .accordionHeader {
    border: 1px solid #5078B3;
    color: #fff;
    background-color: #5078B3;
}

#admin .accordionHeaderSelected {
    border: 1px solid #5078B3;
    color: #fff;
    background-color: #5078B3;
}

#admin .accordionContent {
    background-color: #fff;
    border: 1px solid #5078B3;
}

table.radio {
    float: left;
    width: 200px;
}

#wrapper table.radio tr td {
    width: 80px;
}

    #wrapper table.radio tr td input {
        width: 15px;
        float: left;
    }

    #wrapper table.radio tr td label {
        width: 30px;
        text-align: left;
        padding: 10px 10px;
    }

.checkbox label {
    margin: 0 -80px 0 20px;
    padding: 0;
    width: 320px;
    float: left;
}

/* create a tournament */
input.createtournament {
    margin-left: 190px;
}

.inline-checkbox {
    display: inline-block;
}

    .inline-checkbox tr td {
        width: 105px;
    }

#wrapper .registration table.inline-radio {
    margin-left: 180px;
}

    #wrapper .registration table.inline-radio tr td input {
        width: 14px;
        background-color: #fff\9;
        border: 0\9;
    }

    #wrapper .registration table.inline-radio tr td label {
        width: 95px;
        text-align: left;
        padding: 12px 0;
        padding: 15px 0\9;
    }

#wrapper .registration .inline-checkbox tr td input, #wrapper .registration .inline-checkbox input {
    position: relative;
    top: 2px;
    width: 15px;
    float: left;
    text-align: left;
    border: 0;
}

.inline-checkbox tr td label {
    float: left;
    text-align: left;
    margin-top: 4px;
    width: 75px;
    padding: 10px 0 0 5px;
}

.inline-checkbox label {
    margin-top: 4px;
}

#wrapper .registration .btnGo {
    box-shadow: none;
}
/* IE6 */ *html .inline-checkbox input {
    top: -2px;
}
/* IE7 */ *:first-child + html .inline-checkbox input {
    top: -2px;
}
/* IE6 */ *html .inline-checkbox tr td input {
    top: -2px;
}
/* IE7 */ *:first-child + html .inline-checkbox tr td input {
    top: -2px;
}

.inline-checkbox label {
    float: left;
    text-align: left;
    margin-top: 4px;
    width: 100px;
    padding: 10px 0 0 5px;
}


/* Accordion */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    padding: 0 5px;
    cursor: pointer;
    min-height: 20px;
}

    .accordionHeader a {
        color: #fff;
        background: none;
        text-decoration: none;
    }

        .accordionHeader a:hover {
            background: none;
            text-decoration: underline;
        }

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 5px 0;
    cursor: pointer;
    min-height: 20px;
}

    .accordionHeaderSelected h3 {
        margin: 0;
        padding: 0;
    }

    .accordionHeaderSelected a:link, .accordionHeaderSelected a:active,
    .accordionHeaderSelected a:visited {
        color: #fff;
        text-decoration: none;
        padding-top: 5px;
    }

    .accordionHeaderSelected a:hover {
        text-decoration: underline;
    }

.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 0 5px;
    padding-top: 10px;
}

.popup {
    border: 2px solid #000;
    padding: 20px;
    background-color: #fff;
}

.modalBackground {
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: 0.7;
}

/* Ranking calendar */
.cal-date {
    float: left;
    margin-top: 12px;
}

.cal-year img {
    position: relative;
    top: 4px;
}
/* IE7 */ *:first-child + html .cal-year img {
    top: -5px;
}

.cal {
    clear: left;
    position: relative;
    top: -5px;
    background-color: #f1f1f1;
    margin: 0 0 0 -17px;
    padding: 0;
}

input.cal-textbox {
    margin: 0;
    position: relative;
    top: -8px;
}

input.cal-img {
    position: relative;
    top: 3px;
}
/* IE7 */ *:first-child + html input.cal-img {
    top: 2px;
}

table.cal-table tr td {
    background-color: #fff;
    border: 1px solid #2F4F4F;
    text-align: center;
    padding: 2px;
}

    table.cal-table tr td:hover {
        background-color: #d3deef;
    }

    table.cal-table tr td a {
        text-decoration: none;
    }

/* Popup ***************/
.popup-title {
    background-color: #fff;
    min-height: 30px;
    border-bottom: 1px solid #e1e3e8;
}

    .popup-title input {
        margin-top: -5px;
        margin-right: -25px;
    }

.popup-content {
    background-color: #efeeef;
    padding: 15px;
}

.modalBackground {
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: 0.7;
}

.feeling input, .submit input {
    position: relative;
    top: 3px;
    margin-left: 15px;
    margin-right: 5px;
    border: 0;
}

.modalPopup2 h1 {
    background-color: transparent;
    padding-left: 15px;
    border-bottom: 0;
}

.modalPopup2 h4 {
    background: transparent;
    border: 0;
}

.modalPopup2 {
    background-color: #fff;
    border: 1px solid #525050;
    padding: 5px 25px 15px 15px;
}

.edit .modalPopup2 {
    width: 300px;
}

.modalPopup2 .eg,
.modalPopup2 .paraEg {
    font-size: 13px;
}

.modalPopup2 .paraEg {
    position: relative;
    left: -128px;
}

table.editTournamentCheckbox tr td input {
    float: left;
    border: 0;
}

table.editTournamentCheckbox tr td label {
    float: left;
    position: relative;
    top: 3px;
}

/*register page*/
#wrapper .registration h3 {
    margin-left: 10px;
}

#wrapper .registration select {
    float: left;
}

#wrapper .registration input,
#wrapper .registration textarea {
    width: 200px;
    border: 1px solid #1da0c1;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #d4fafa;
    box-shadow: inset 0 0 2px 2px #b5d8d9;
    -moz-box-shadow: inset 0 0 2px 2px #b5d8d9;
    -webkit-box-shadow: inset 0 0 2px 2px #b5d8d9;
    height: 24px;
    margin-top: 7px;
}

    #wrapper .registration input[type='radio'],
    #wrapper .registration input[type='checkbox'] {
        box-shadow: none;
        border: none;
        background-color: transparent;
        width: 120px;
    }

    #wrapper .registration input.margin-btn {
        background-color: #86def4;
        border-radius: 0px;
        border: 1px solid #999999;
        color: #005a71;
        font-weight: bold;
        padding: 3px 12px;
        width: 110px;
        height: 30px;
        box-shadow: none;
        margin-left: 215px;
        /*background-image: -moz-linear-gradient( center top, #98e9fe 30%, #69cbe3 70% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.3, #98e9fe), color-stop(0.7, #69cbe3))*/
    }

    #wrapper .registration input.nomargin-btn {
        background-color: #86def4;
        border-radius: 0px;
        border: 1px solid #999999;
        color: #005a71;
        font-weight: bold;
        padding: 3px 12px;
        width: 110px;
        height: 30px;
        box-shadow: none;
        /*background-image: -moz-linear-gradient( center top, #98e9fe 30%, #69cbe3 70% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.3, #98e9fe), color-stop(0.7, #69cbe3))*/
    }

#wrapper .registration select {
    background-color: #86def4;
    border-radius: 0px;
    border: 1px solid #999999;
    color: #005a71;
    width: 200px;
    margin-top: 7px;
    padding: 3px 0;
    height: 23px;
    background-image: -moz-linear-gradient( top, #98e9fe 30%, #69cbe3 70% );
    background-image: -webkit-linear-gradient( top, #98e9fe 30%, #69cbe3 70% );
    background-image: -ms-linear-gradient( top, #98e9fe 30%, #69cbe3 70% );
}

#wrapper .registration option {
    background-color: #0a5697;
    color: #94feff;
}

.registration-share {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1em;
}

    .registration-share .buttons {
        width: 26px;
        height: 26px;
        position: relative;
        top: -22px;
        left: 440px;
    }

/***Private Pages***/
/*account balance*/
.threeCols-second .leftCol,
.threeCols-second .rightCol {
    width: 255px;
    float: left;
}

#wrapper .threeCols-second .leftCol table.data,
#wrapper .threeCols-second .rightCol table.data {
    width: 255px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-bottom: 10px;
    border: 1px solid #999999\9;
}

    #wrapper .threeCols-second .leftCol table.data tr td,
    #wrapper .threeCols-second .rightCol table.data tr td {
        padding: 0 8px;
    }

    #wrapper .threeCols-second .leftCol table.data tr th,
    #wrapper .threeCols-second .rightCol table.data tr th {
        width: 255px;
        font-size: 16px;
        text-shadow: -1px -1px 1px #fff;
        line-height: 45px;
        font-weight: bold;
        border-radius: 0 0 0px 0px;
        padding-left: 20px;
        text-align: left;
    }

    #wrapper .threeCols-second .leftCol table.data tr.lastTableItem,
    #wrapper .threeCols-second .rightCol table.data tr.lastTableItem {
        height: 33px;
        border-radius: 0 0 0px 0px;
    }

        #wrapper .threeCols-second .leftCol table.data tr.lastTableItem td:first-child,
        #wrapper .threeCols-second .rightCol table.data tr.lastTableItem td:first-child {
            border-radius: 0 0 0 0px;
        }

        #wrapper .threeCols-second .leftCol table.data tr.lastTableItem td:last-child,
        #wrapper .threeCols-second .rightCol table.data tr.lastTableItem td:last-child {
            border-radius: 0 0 0px 0;
        }

#wrapper .threeCols-second .balanceTables .leftCol table.data tr th,
#wrapper .threeCols-second .balanceTables .rightCol table.data tr th {
    padding-left: 8px;
    width: 245px;
    font-size: 14px;
}

.HPV {
    width: 150px;
    height: 25px;
    background-color: #352f2b;
    color: #fff;
    margin-left: 380px;
    line-height: 25px;
    font-weight: bold;
    box-shadow: 0 -1px 2px #2a2a2a;
    border: 1px solid #a39085;
    background-image: -moz-linear-gradient( top, #655951 8%, #2b221c 100% );
    background-image: -webkit-linear-gradient( top, #655951 8%, #2b221c 100% );
    background-image: -ms-linear-gradient( top, #655951 8%, #2b221c 100% );
}

    .HPV a:hover {
        color: #ffa1a1;
        text-decoration: none;
    }

/*ranking*/
#wrapper .threeCols-second table.data.rankingTable tr.table-page-nav table {
    margin: auto;
    *position: relative;
    *left: 0;
}

.ajax__calendar_container {
    z-index: 100;
    margin-left: -35px;
}

.rankingDate {
    vertical-align: middle;
    font-weight: bold;
    float: left;
    background-color: #cdcdcd;
    font-size: 13px;
    color: #272727;
    padding: 0px 10px 0px 10px;
    *padding: 18px 15px 18px 15px;
    margin-left: 10px;
    *margin-left: 14px;
    margin-top: 5px;
    *margin-top: 5px;
    border-left: 0px solid #999999;
}

.rankingDateField {
    background-color: #cdcdcd;
    width: 531px;
    *width: 160px;
    height: 20px;
    border-right: 1px solid #999999;
    margin-left: 10px;
    padding: 13px 0 9px;
    *padding-right: 290px;
    text-align: left;
    *position: relative;
    *left: -20px;
}

.currentRank {
    vertical-align: middle;
    font-weight: bold;
    float: left;
    background-color: #cdcdcd;
    font-size: 13px;
    color: #272727;
    padding: 7px;
    margin-top: 1px;
    position: relative;
    top: -40px;
    left: 160px;
    *left: 140px;
    z-index: 1000!important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .currentRank {
        left: 230px;
    }
}

.rankShare {
    width: 70px;
    float: right;
    margin-top: -5px;
}

.tradeShare {
    width: 70px;
    float: left;
    position: relative;
    top: 50px;
}

    .tradeShare .buttons {
        margin-left: 3px;
    }

        .tradeShare .buttons a {
            width: 30px;
            float: left;
            margin-left: 3px;
        }

.rankingTable .first {
    width: 8%;
}

table.rankingTable tr th:nth-child(3), table.rankingTable tr td:nth-child(3),
table.rankingTable tr th:nth-child(5), table.rankingTable tr td:nth-child(5),
table.rankingTable tr th:nth-child(6), table.rankingTable tr td:nth-child(6) {
    width: 30px;
}

table.rankingTable tr th:last-child, table.rankingTable tr td:last-child {
    width: 15px;
}

table.tranHistoryTalbe tr th:nth-child(3), table.tranHistoryTalbe tr td:nth-child(3) {
    width: 15px;
}

table.tranHistoryTalbe tr th:nth-child(4), table.tranHistoryTalbe tr td:nth-child(4) {
    width: 35px;
}

table.tranHistoryTalbe tr th:nth-child(5), table.tranHistoryTalbe tr td:nth-child(5) {
    width: 40px;
}

table.historyTable tr td {
    word-wrap: break-word;
}

/*top 10 players widget*/
#wrapper .threeCols-third #leaderboard .topHeader {
    width: 265px;
    font-size: 13px;
    color: #272727;
    text-shadow: 1px 1px 1px #fff;
    margin-left: 5px;
    padding: 15px;
    border: 1px solid #b3bbbd;
    border-bottom: 1px solid #78a4b4;
    line-height: 40px;
    border-radius: 0 0 0px 0px;
    -moz-border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
    background-color: #c8e1ea;
    background-image: -moz-linear-gradient( top, #d9ecf2 20%, #a5cad8 80% );
    background-image: -webkit-linear-gradient( top, #d9ecf2 20%, #a5cad8 80% );
    background-image: -ms-linear-gradient( top, #d9ecf2 20%, #a5cad8 80% );
}

#wrapper .threeCols-third .topPlayers {
    margin-top: -15px;
}

#wrapper .threeCols-third #tLeaderboard {
    width: 297px;
    margin-left: 5px;
    border: 1px solid #999999;
    border-top: 1px solid #fff;
    border-radius: 0 0 0px 0px;
    -moz-border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
    padding-bottom: 3px;
    background-color: #fff;
}

    #wrapper .threeCols-third #tLeaderboard tbody tr:first-child {
        background-color: #dff3fa;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #78a4b4;
        color: #000;
    }

    #wrapper .threeCols-third #tLeaderboard tbody tr {
        background-color: #f3fcff;
    }

        #wrapper .threeCols-third #tLeaderboard tbody tr:nth-child(2n) {
            background-color: #fff;
        }

        #wrapper .threeCols-third #tLeaderboard tbody tr td.lastTrade {
            color: #2ca6c5;
            text-align: right;
        }

.topHeader img {
    width: 88px;
    float: right;
    height: 31px;
}

#tLeaderboard .first {
    width: 7%;
}
/*dashboard*/
#wrapper .threeCols-second #tWatchlist tr th,
#wrapper .threeCols-second #tWatchlist tr td {
    text-align: right;
}

#wrapper .threeCols-second tr th.symName,
#wrapper .threeCols-second tr td.symName {
    text-align: left !important;
}
/*Combine all open position tables in dashboard*/
.open-position-tabs,
.portfolio-graph-tabs {
    padding-top: 10px;
}

.open-position-tables ul,
ul.portfolio-graph-tabs,
ul.piechart-tabs {
    text-align: left;
    margin-left: 10px;
    margin-bottom: -3px;
}

    .open-position-tables ul li,
    ul.portfolio-graph-tabs li,
    ul.piechart-tabs li {
        display: inline-block;
        list-style-type: none;
        height: 21px;
    }

        .open-position-tables ul li a,
        ul.portfolio-graph-tabs li a,
        ul.piechart-tabs li a {
            padding: 5px 10px;
            border-radius: 6px 6px 0 0;
            text-decoration: none;
            background-color: #3f9fb8;
            color: #fff!important;
            background-image: -moz-linear-gradient( top, #0a5697 30%, #0a5697 70% );
            background-image: -webkit-linear-gradient( top, #0a5697 30%, #0a5697 70% );
            background-image: -ms-linear-gradient( top, #0a5697 30%, #0a5697 70% );
        }

        .open-position-tables ul li.active a,
        ul.portfolio-graph-tabs li.active a,
        ul.piechart-tabs li.active a {
            background-color: #1d5f70;
            background-image: -moz-linear-gradient( top, #134755 0%, #3990a7 80% );
            background-image: -webkit-linear-gradient( top, #134755 0%, #3990a7 80% );
            background-image: -ms-linear-gradient( top, #134755 0%, #3990a7 80% );
        }

.table-tabs-divider {
    width: 532px;
    height: 5px;
    margin-left: 10px;
    background-color: #3990a7;
}

.table-container {
    width: 532px;
    margin-left: 10px;
}

#wrapper .threeCols-second .open-position-box table.data {
    margin-left: 0;
}

/*portfolio graph*/
.portfolio-graph-dropdown {
    width: 200px;
    float: right;
    margin: 10px 15px 0 0;
}

.portfolio-graph-footer {
    width: 530px;
    margin-left: 10px;
    height: 50px;
    border: 1px solid #9ba5a9;
    border-radius: 0 0 0px 0px;
    background-color: #f1f1f1;
    background-image: -moz-linear-gradient( top, #f4f4f4 30%, #f2f2f2 70% );
    background-image: -webkit-linear-gradient( top, #f4f4f4 30%, #f2f2f2 70% );
    background-image: -ms-linear-gradient( top, #f4f4f4 30%, #f2f2f2 70% );
}

.portfolio-graph-box .portfoliochart {
    padding: 10px 0;
}

.threeCols-second .leftCol {
    margin-right: 19px;
}
/*my portfolio*/
#wrapper .threeCols-second table.data.portfolioTable.joinTable,
#wrapper .threeCols-second table.data.portfolioTable.contestTable {
    table-layout: fixed;
}

    #wrapper .threeCols-second table.joinTable.data tr td.contestName,
    #wrapper .threeCols-second table.data.portfolioTable.contestTable tr td.contestNameCell {
        word-wrap: break-word;
        -ms-word-wrap: break-word;
    }

.no-pofolio-msg {
    width: 532px;
    margin-left: 10px;
    height: 40px;
    background-color: #f1f1f1;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    border-radius: 0 0 0px 0px;
}

.table-container .no-pofolio-msg {
    margin-left: 0;
}
/*Tooltips' Style*/
#wrapper a.moreInfo,
#wrapper .moreInfo {
    text-decoration: none;
    position: relative;
    color: #116b82;
    margin-right: 3px;
}

#wrapper .text-positive a.moreInfo {
    color: Green;
}

#wrapper .text-negative a.moreInfo {
    color: red;
}

#wrapper a.moreInfo span.toolTip,
#wrapper table tr td a.moreInfo span.toolTip,
#wrapper a.moreInfo span.toolTipList,
#wrapper .moreInfo span.toolTipList {
    display: none;
}

#wrapper a.moreInfo:hover span.toolTip,
#wrapper table tr td a.moreInfo:hover span.toolTip {
    z-index: 100;
    display: block;
    width: 150px;
    position: absolute;
    top: -50px;
    left: 30px;
    color: #fff;
    text-align: left;
    filter: alpha(opacity:90);
    KHTMLOpacity: 0.90;
    MozOpacity: 0.90;
    opacity: 0.90;
    background-color: #999999;
    border: 1px solid #fff;
    border-radius: 0px;
    padding: 12px 8px;
    box-shadow: 1px 5px 5px #585857;
}

#wrapper .moreInfo:hover span.toolTipList {
    z-index: 100;
    display: block;
    width: 100px;
    font-size: 12px;
    position: absolute;
    top: 12px;
    left: 0;
    color: #94feff;
    text-align: left;
    filter: alpha(opacity:90);
    KHTMLOpacity: 0.90;
    MozOpacity: 0.90;
    opacity: 0.90;
    background-color: #0a5697;
    border: 1px solid #fff;
    border-radius: 0px;
    padding: 4px 6px;
    box-shadow: 1px 5px 5px #585857;
    text-transform: capitalize;
    *position: absolute;
}

    #wrapper .moreInfo:hover span.toolTipList a {
        color: #94feff;
        text-decoration: none;
        line-height: 15px;
        font-weight: bold;
    }

#wrapper .moreInfo:hover span.toolTipBig {
    width: 250px;
}

#wrapper .toolTipLink {
    color: #60dbfa;
    text-decoration: none;
}

/*RHP widgets*/
#wrapper .threeCols-third .marketSummary table tr .secondItem {
    width: 130px;
}

/*Contest Details Page*/
.contestDetailsTable {
    width: 532px;
    margin: 10px auto;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-radius: 0 0 0px 0px;
    box-shadow: 0px 2px 3px #000;
    *border-bottom: 1px solid #999999;
}

    .contestDetailsTable tr {
        background-color: #fff;
    }

        .contestDetailsTable tr:nth-child(2n) {
            background-color: #f6f6f6;
        }

/*Edit Contest*/
.editContest h4 {
    margin-left: 10px;
}

.editContest select {
    margin: 12px 0 0 -56px;
}

.editContestTable {
    table-layout: fixed;
}

    .editContestTable tr td {
        word-wrap: break-word;
    }

    .editContestTable tr .postBtn {
        width: 30px;
    }

    .editContestTable tr .contestDetails {
        width: 140px;
    }

/*graph portfolio*/
ul.tabs.chart-tabs {
    margin-left: 6px;
}

.pane-content {
    position: relative;
    top: 18px;
    margin-left: 6px;
}

    .pane-content.detailedbalance,
    .pane-content.accounttransactions {
        top: 0;
    }

/*Pie Chart*/
.pieChart {
    width: 300px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #fff;
    border: 1px solid #b3bbbd;
    margin-top: 15px;
    margin-bottom: 3px;
    padding-bottom: 4px;
}

ul.piechart-tabs {
    margin-left: 0;
}

    ul.piechart-tabs li a {
        font-size: 10px;
    }

.table-tabs-divider.rhp-divider {
    width: 300px;
    margin-left: 0;
    margin-top: -1px;
}

.piecharts .pane-content {
    margin-left: 0;
}

.piecharts .noDataMsg {
    width: auto !important;
    font-weight: bold;
    font-size: 14px;
    color: #1d5f70;
    position: relative;
    height: 340px;
    /*top: -20px;*/
}

/*Admin pages*/
.adminPwd h1 {
    padding: 15px 0 0 0;
    margin: 0;
}

#wrapper .threeCols-third .announContent {
    text-align: left;
    padding-left: 5px;
}

    #wrapper .threeCols-third .announContent center {
        padding: 0;
    }

    #wrapper .threeCols-third .announContent span {
        word-wrap: break-word;
    }

table.admin-view-table tr th,
table.admin-view-table tr td {
    width: 60px;
}

.wrapper_tabs.admin-tabs {
    background-color: #52bae1;
    padding: 0;
    border: 0;
    height: 35px;
    background-image: -moz-linear-gradient( top, #75d5f9 0%, #036285 100% );
    background-image: -webkit-linear-gradient( top, #75d5f9 0%, #036285 100% );
    background-image: -ms-linear-gradient( top, #75d5f9 0%, #036285 100% );
}

.admin-description {
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    border-bottom: 1px solid #000;
}

.admin-action-btns {
    position: relative;
    top: 20px;
    right: 70px;
}

.wrapper_tabs.admin-tabs a,
.wrapper_tabs.admin-tabs a:hover {
    color: #fff;
    display: block;
    height: 35px;
    line-height: 35px;
}

.wrapper_tabs.admin-tabs li {
    padding: 0 8px;
    color: #fff;
    display: block;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
}

    .wrapper_tabs.admin-tabs li.active-server a {
        background-color: #f17c26;
        color: #fff;
    }

.select-class label {
    text-align: left;
    font-weight: bold;
    width: auto;
    padding: 8px;
}

.select-class select,
.select-class input {
    float: left;
}

.admin-snapshort {
    width: 900px;
    margin: 0 auto;
}

    .admin-snapshort .leftSection,
    .admin-snapshort .rightSection {
        width: 400px;
        float: left;
    }

    .admin-snapshort .admin-data {
        width: 400px;
        border-spacing: 0;
        table-layout: fixed;
    }

        .admin-snapshort .admin-data tr {
            background-color: #d6efff;
        }

            .admin-snapshort .admin-data tr:nth-child(2n) {
                background-color: #fff;
            }

            .admin-snapshort .admin-data tr td {
                height: 25px;
                line-height: 25px;
                font-size: 12px;
                word-break: break-all;
                padding: 0 8px;
            }

.snapshot-box .calculations {
    width: 200px;
    display: block;
    background-color: #111;
    opacity: 0.9;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 0px;
    position: absolute;
    left: 100px;
    z-index: 999999;
}

    .snapshot-box .calculations .cols {
        width: 90px;
        float: left;
    }

        .snapshot-box .calculations .cols span {
            padding: 2px 0;
            display: block;
            color: #f2f2f2;
        }

            .snapshot-box .calculations .cols span.green-text {
                color: #afe56f;
            }

            .snapshot-box .calculations .cols span.red-text {
                color: #eb5656;
            }

    .snapshot-box .calculations .left-side {
        border-right: 1px solid #a2a2a2;
        padding-right: 8px;
    }

    .snapshot-box .calculations .right-side {
        margin-left: 8px;
    }

    .snapshot-box .calculations .snapshot-divider {
        width: 100%;
        height: 1px;
        background-color: #a2a2a2;
    }

.portfolio-snapshot {
    /*margin-bottom: 10px;*/
}

.select-tournament {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.date-filter {
    float: right;
    margin-right: 60px;
}

.date-filter-left {
    float: left;
    margin-left: 10px;
}

.admin-table-container {
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    width: 96%;
}

.admin-report-table {
    width: auto;
}

    .admin-report-table tr th {
        border: 0;
        background-color: #3a9cd5;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        padding: 5px 8px;
    }

    .admin-report-table tr td {
        padding: 3px;
    }

    .admin-report-table tr:nth-child(2n+1) td {
        background-color: #ececec;
    }

.modalPopup.admin-modalPopup {
    background-color: #fff;
    width: 1050px;
    margin: 0 auto;
}

.admin-popup-title {
    padding: 5px 0;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.admin-popup-tabs {
    background-color: #3a9cd5;
    overflow: hidden;
}

    .admin-popup-tabs ul li {
        background-color: #3a9cd5;
    }

        .admin-popup-tabs ul li.active {
            background-color: #f17c26;
        }

        .admin-popup-tabs ul li a,
        .admin-popup-tabs ul li a:hover {
            color: #fff;
            outline: 2px solid white;
            /*padding: 2px 4px;*/
        }

.admin-popup-btn {
    background-color: #5078B3;
    color: White;
}

.admin-tabs ul.tabs li a {
    padding-right: 8px;
}

.pane-content.detailedbalance .detailedbalance-table {
    width: 100%;
    font-family: lato;
    font-size: 14px;
    line-height: 14px;
}
/*quick facebook login*/
/*facebook quick login*/
#topMenu ul.menuList li ul.loginMenu {
    background-color: #f2f2f2;
    border: none;
    z-index: 9999;
    height: 180px;
}

    #topMenu ul.menuList li ul.loginMenu li {
        color: #818181;
        font-size: 12px;
        width: 100%;
    }

    #topMenu ul.menuList li ul.loginMenu .fbLoginBtnSmall {
        margin: 5px 0 0 50px;
    }

        #topMenu ul.menuList li ul.loginMenu .fbLoginBtnSmall input {
            background-image: url("img/fbLoginBtn.jpg");
            width: 150px;
            height: 32px;
            text-indent: -999px;
            cursor: pointer;
            border: 0 !important;
        }

    #topMenu ul.menuList li ul.loginMenu .quickLoginForm {
        margin-top: 3px;
    }

        #topMenu ul.menuList li ul.loginMenu .quickLoginForm .formText {
            float: left;
            width: 70px;
            text-align: right;
            margin-right: 5px;
            line-height: 10px;
        }

        #topMenu ul.menuList li ul.loginMenu .quickLoginForm input {
            box-shadow: inset 1px 1px 1px #8d8d8d;
            border: 1px solid #818181;
            width: 150px;
            float: left;
            padding: 2px 4px;
        }

    #topMenu ul.menuList li ul.loginMenu .quickLoginBtn {
        float: right;
        margin-right: 15px;
        width: 160px;
        height: 35px;
        background-color: #379ed3;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        border-radius: 4px;
        border: 1px solid #799db0;
        text-align: center;
        margin-left: 25px;
        background-image: -moz-linear-gradient( top, #a9defa 0%, #379ed3 100% );
        background-image: -webkit-linear-gradient( top, #a9defa 0%, #379ed3 100% );
        background-image: -ms-linear-gradient( top, #a9defa 0%, #379ed3 100% );
    }

        #topMenu ul.menuList li ul.loginMenu .quickLoginBtn:hover {
            color: #02517a;
        }

    #topMenu ul.menuList li ul.loginMenu .divider {
        height: 1px;
        width: 240px;
        margin: 10px 0 10px 8px;
        background-color: #bfbfbf;
    }

    #topMenu ul.menuList li ul.loginMenu .forgotPWD {
        width: 245px;
        margin-left: 5px;
        font-style: italic;
    }

        #topMenu ul.menuList li ul.loginMenu .forgotPWD .rememberMe {
            width: 120px;
            float: left;
        }

            #topMenu ul.menuList li ul.loginMenu .forgotPWD .rememberMe label {
                width: 80px;
                display: inline;
                float: none;
                padding: 0;
                text-align: left;
            }

        #topMenu ul.menuList li ul.loginMenu .forgotPWD a {
            width: 120px;
            float: left;
            color: #379ed3;
            padding: 0;
            display: inline;
            line-height: 22px;
            background-color: transparent;
            text-transform: capitalize;
        }

    #topMenu ul.menuList li ul.loginMenu li:hover a {
        background-color: transparent !important;
        color: #379ed3;
    }

.login .fbLogin input,
#wrapper .registration .fbLogin input {
    background-image: url("img/fbLoginBtnLarge.jpg");
    width: 400px;
    height: 54px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    float: none;
    text-indent: -999px;
    cursor: pointer;
}

.login .fbLogin {
    margin-bottom: 20px;
}

#wrapper .registration .cbTerms input {
    box-shadow: none!important;
}

#wrapper .widgetsTitle.watchlist-table-title {
    width: 300px;
    padding-left: 0;
    margin: 0;
    border: 8px 8px 0 0;
}

    #wrapper .widgetsTitle.watchlist-table-title h3 {
        width: 100px;
        margin-left: 15px;
    }

    #wrapper .widgetsTitle.watchlist-table-title .portfolio-table-menu {
        padding: 10px 5px 0 0;
    }

        #wrapper .widgetsTitle.watchlist-table-title .portfolio-table-menu li {
            list-style-type: none;
            display: inline-block;
        }

            #wrapper .widgetsTitle.watchlist-table-title .portfolio-table-menu li a {
                font-size: 10px;
                text-decoration: none;
                color: #fff;
            }

#wrapper .data.portfolioTable.watchTable {
    width: 300px;
    margin-left: 0;
}

#wrapper span.watchlist-moreinfo {
    font-weight: bold;
    font-size: 14px;
}

.watchlistImg img {
    width: 300px;
    height: auto;
}

.watchlist-databox {
    width: 300px;
}

#wrapper .threeCols-second table.data {
    width: 532px;
    /*margin-left: 0px !important;*/
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-radius: 0 0 0px 0px;
    -moz-border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
    box-shadow: 0px 2px 3px #000;
    -moz-box-shadow: 0px 2px 3px #000;
    -webkit-box-shadow: 0px 2px 3px #000;
    *border-bottom: 1px solid #999999;
}

#wrapper table.data.watchTable {
    border-radius: 0 0 0px 0px;
}

    #wrapper table.data.watchTable tbody tr:first-child {
        background-color: #f2f2f2;
        color: #272727;
        font-weight: bolder;
        border: 0px;
        height: 45px;
        font-size: 13px;
        text-align: center;
    }

    #wrapper table.data.watchTable tbody tr {
        background-color: #fff;
    }

        #wrapper table.data.watchTable tbody tr.page-nav {
            background-color: #f2f2f2;
            border-radius: 0 0 0px 0px\9;
        }

        #wrapper table.data.watchTable tbody tr:nth-child(2n) {
            background-color: #f6f6f6;
        }

.portfolioTableFooter ul.paging {
    list-style: none;
}

    .portfolioTableFooter ul.paging li {
        width: 30px;
        display: inline-block;
    }


.recaptchatable {
    position: relative;
    left: 120px;
    background-color: #eee;
    border-radius: 0px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

    .recaptchatable tr td {
        background: none !important;
    }

    .recaptchatable a, .recaptchatable a:hover {
        line-height: 10px;
    }

#recaptcha_reload_btn {
    position: relative;
    top: -0px;
    left: 120px;
}

#recaptcha_switch_audio_btn,
#recaptcha_switch_img_btn {
    position: relative;
    top: -0px;
    left: 120px;
}

#recaptcha_whatsthis_btn {
    position: relative;
    top: -0px;
    left: 120px;
}

.recaptcha_r4_c2, .recaptcha_r4_c4 {
    display: none !important;
}

#recaptcha_image, #recaptcha_image img {
    width: 200px;
}




.header-link-with-label label {
    width: auto;
    display: inline-block;
    float: none;
    padding: 0;
}

#topMenu ul.menuList li .header-link-with-label a {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menuTitle span {
    display: inline-block;
}

.navig, .pages, .currentpage, .totalpages {
    float: left;
}

.current-page-number {
    margin-right: 2px;
}

.pagination {
    display: inline-block;
}





/* CONTESTS */
/* active contests */
/* create contest */
.create-contest .sponsor {
    float: right;
}

.create-contest .full-size {
    width: 97%;
}

.create-contest .half-size {
    width: 45.5%;
}

.create-contest .clean-box {
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.create-contest .description p {
    float: left;
    width: 31%;
    margin-right: 1%;
}

.create-contest .description label, .create-contest .features label {
    font-size: 1.1em;
    line-height: 1.2em;
    display: block;
    color: #202020;
    margin-bottom: 5px;
}

.create-contest input, .create-contest select, .create-contest textarea {
    font-size: 1em;
    line-height: 1em;
    background-color: #fff;
    padding: 2px 5px;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.create-contest textarea {
    font-size: 1.5em;
}

.create-contest .features img {
    position: relative;
    top: 3px;
}

.create-contest input[type="radio"] {
    position: relative;
    top: -3px;
}

.create-contest .full-table h1 {
    top: 0;
    font-style: italic;
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    color: #517497;
    font-family: 'OpenSansDemiBold', Helvetica, Arial, Sans-serif;
}

.create-contest .full-table .datepicker {
    width: 23%;
}

.all-contests h2 {
    color: #000;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
}

.all-contests p.explanation {
    margin: 0 15px 0 0;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #202020;
}

    .all-contests p.explanation img {
        margin-right: 10px;
    }

.contest {
    background-color: #ffff99;
    margin: 20px 30px 0;
    padding: 5px 20px 10px;
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

    .contest h3 {
        font-size: 1.3em;
        line-height: 1.4em;
        margin: 5px 0 10px;
        padding: 0;
        font-family: 'OpenSansDemiBold', Helvetica, Arial, Sans-serif;
    }

        .contest h3 .highlighted {
            color: #004182;
        }

    .contest p {
        font-size: 1.2em;
        line-height: 1.4em;
        color: #202020;
    }
/* find contest */
.find-contest .input-findcontest {
    float: left;
    position: relative;
    top: -5px;
}

.find-contest .sponsor {
    float: right;
}

.find-contest .full-table h1 {
    font-style: italic;
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    color: #517497;
    font-family: 'OpenSansDemiBold', Helvetica, Arial, Sans-serif;
}

.find-contest .full-table table {
    width: 99.5%;
    margin: 0 auto;
    border: 1px solid #dfdfdf;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

    .find-contest .full-table table i {
        display: block;
        padding: 5px 0 0 15px;
    }

.find-contest .input-findcontest-container {
    float: left;
    padding: 20px;
}
/* expired contest */
.expired-contest .sponsor {
    float: right;
}

.expired-contest .full-table h1 {
    top: 0;
    font-style: italic;
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    color: #517497;
    font-family: 'OpenSansDemiBold', Helvetica, Arial, Sans-serif;
}

.expired-contest .full-size {
    width: 97%;
}

.expired-contest .clean-box {
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.expired-contest label {
    font-size: 1.1em;
    line-height: 1.2em;
    display: block;
    color: #202020;
    margin-bottom: 5px;
}

.expired-contest input, .expired-contest select, .expired-contest textarea {
    font-size: 1em;
    line-height: 1em;
    background-color: #fff;
    padding: 2px 5px;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.expired-contest .col-label {
    float: left;
    width: 120px;
    margin-right: 10px;
    text-align: right;
}

.expired-contest .col-content {
    float: left;
}

.expired-contest a {
    color: #407000;
}

.expired-contest .expired-content {
    position: relative;
    left: 0;
}

.expired-contest .expired-btns {
    text-align: right;
    position: relative;
    left: 460px;
    width: 150px;
    z-index: 1;
}

    .expired-contest .expired-btns a img {
        margin-top: 5px;
    }

.expired-contest a img.btn {
    position: relative;
    top: 3px;
}
/* active contest */
.active-contest .sponsor {
    float: right;
}

.active-contest .full-table h1 {
    top: 0;
    font-style: italic;
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    color: #517497;
    font-family: 'OpenSansDemiBold', Helvetica, Arial, Sans-serif;
}

.active-contest .full-size {
    width: 97%;
}

.active-contest .clean-box {
    padding: 5px 7px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    min-height: 80px;
}

.active-contest label {
    font-size: 1.1em;
    line-height: 1.2em;
    display: block;
    color: #202020;
    margin-bottom: 5px;
}

.active-contest input, .expired-contest select, .expired-contest textarea {
    font-size: 1em;
    line-height: 1em;
    background-color: #fff;
    padding: 2px 5px;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.active-contest .col-label, .fieldset .col-label {
    float: left;
    width: 120px;
    margin-right: 10px;
    text-align: right;
}

.active-contest .col-content, .fieldset .col-content {
    float: left;
}

.active-contest a {
    color: #407000;
}

.active-contest .active-content {
    position: relative;
    left: 0;
}

.active-contest .active-joined-content {
    position: relative;
    margin-top: 0px;
    left: 0;
}

.active-contest .active-btns {
    text-align: right;
    position: relative;
    left: 460px;
    width: 150px;
    z-index: 1;
}

    .active-contest .active-btns a img {
        margin-top: 5px;
    }

.active-contest a img.btn {
    position: relative;
    top: 3px;
}

.active-contest .description p {
    float: left;
    width: 31%;
    margin-right: 1%;
}

.active-contest .description label, .active-contest .features label {
    font-size: 1.1em;
    line-height: 1.2em;
    display: block;
    color: #202020;
    margin-bottom: 5px;
}
/* confirmation contest created */
.created, .created p {
    color: #202020;
    font-size: 1.3em;
    line-height: 1.5em;
}

    .created p {
        margin: 10px 10px 0;
    }

    .created ul.circle {
        color: #407000;
        list-style-type: disc;
        clear: left;
        position: relative;
        top: -6px;
        margin: 0;
        padding: 14px;
    }

        .created ul.circle li {
            font-size: 1.3em;
            line-height: 1.5em;
            margin: 0 0 0 14px;
            padding: 0;
        }

            .created ul.circle li a {
                color: #407000;
            }

    .created table.history {
        margin: 10px;
    }

.btn-edit-contest, .btn-save-contest, .btn-cancel-contest-form, .btn-search-contest, .btn-join-contest {
    background-color: #517398;
    height: 48px;
    color: #fff !important;
    text-decoration: none;
    padding: 3px 5px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-weight: bold;
    margin-left: 10px;
}

.col-label, .col-content {
    margin: 0px;
    padding: 0px;
}

.contentHeader h1 {
    width: 100% !important;
}

.modal-window, .modal-profileedit, .modal-profilepwd {
    display: none;
}

    .modal-window h1 {
        color: #517497;
        text-align: center;
        font-size: 2em;
        margin: 15px auto 20px;
        text-transform: uppercase;
    }

        .modal-window h1 span {
            color: #60a800;
        }

    .modal-window .validation-summary-errors {
        margin-left: 20px;
    }

#modal-join-private {
    width: 400px;
    height: 150px;
    padding: 8px 2px 2px 8px;
    background-color: #e2e2e2;
}

    #modal-join-private fieldset {
        width: 350px;
        height: 70px;
        margin: 0 auto;
        padding: 0;
    }

    #modal-join-private label.main {
        display: block;
        float: left;
        width: 105px;
        margin-right: 5px;
        font-family: 'OpenSansSemibold', Helvetica, Arial, Sans-serif;
        color: #517497;
        font-size: 1.4em;
        text-align: right;
    }

    #modal-join-private input {
        position: relative;
        top: 5px;
        background-color: #ffffff;
        padding: 2px 3px;
        height: 18px;
        border: 1px solid #dddddd;
        -moz-border-radius: .3333em;
        -webkit-border-radius: .3333em;
        border-radius: .3333em;
    }

    #modal-join-private button {
        position: relative;
        /*top: -10px;*/
        background-color: #60a800;
        font-family: 'OpenSansItalic', Helvetica, Arial, Sans-serif;
        color: #fff;
        font-weight: bold;
        padding: 5px 8px;
        border: 1px solid #60a800;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        margin-top: 10px;
    }

        #modal-join-private button:hover {
            background-color: #437600;
            border: 1px solid #437600;
        }


#wrapper .threeCols-second .previewInfo table {
    width: 460px !important;
}


.op-view {
    margin-left: 5px;
    margin-right: 7px;
    border-style: none solid solid;
    padding: 5px;
}

.op-sub-menu-item img {
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.op-sub-menu-item.op-item-selected {
    /*font-weight: bold;*/
    background: #76bed0;
    padding: 0 10px;
}

.no-bg-on-selected .op-sub-menu-item.op-item-selected {
    background: transparent;
    padding-bottom: 20px;
}

.op-sub-menu-item:hover {
    color: black !important;
    text-decoration: underline;
}

.op-sub-menu {
    margin-right: 7px;
    text-align: left;
    top: 0!important;
}

    .op-sub-menu a {
        color: black;
        display: inline-block;
        margin-right: 10px;
    }

.op-chart-container {
    float: left;
    width: 161px;
    padding: 6px 5px;
    min-height: 190px;
    margin: 0 2px;
    margin-bottom: 5px;
    font-size: 14px;
    overflow: hidden;
    border: 1px solid #CCC;
    border-radius: 3px;
}

    .op-chart-container .op-data-companyname {
        font-size: 12px;
    }

.op-details, .op-details2 {
    /*margin-left: 5px;*/
}

.op-details {
    padding: 5px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    overflow: auto;
    margin-bottom: 5px;
}

    .op-details span {
        display: inline-block;
        margin-right: 0px;
        width: 33.333%;
        float: left;
    }

.op-details, .op-details2 {
    text-align: left;
}

    .op-details2 .left {
        float: left;
        /*width:60%*/
    }

    .op-details2 .right {
        float: right;
        width: 35%;
        text-align: right;
    }

.fs16, .fs16 a {
    font-size: 12px !important;
    line-height: 14px !important;
}

.op-details2 .fs16, .op-details2 .fs16 a {
    font-size: 11px !important;
    line-height: 16px !important;
}

.op-details2 span.fs16 {
    font-weight: bold;
}

#portfolio-titles.portfolio-table-title h3 {
    margin-bottom: 5px;
}

.chart-view {
    padding-top: 25px;
}

.open-position-box .op-sub-menu {
    margin-right: 0px;
    text-align: left;
    background-color: #3990a7;
    color: white;
    /*margin-top: -5px;*/
    line-height: 40px;
    z-index: 5;
    position: relative;
}

    .open-position-box .op-sub-menu a {
        color: white !important;
    }

        .open-position-box .op-sub-menu a:first-child {
            margin-left: 10px;
        }

        .open-position-box .op-sub-menu a.op-item-selected:first-child {
            margin-left: 0px;
        }

.open-position-box .chart-view {
    margin-left: 0px;
}

.popular-symbols {
    width: 558px;
    margin: auto;
}

.quote-symbol {
    width: 164px !important;
}

.popular-symbols .quote-symbol {
    float: left;
    margin-bottom: 20px;
}

    .popular-symbols .quote-symbol .logo {
        text-align: center;
        overflow: hidden;
    }

    .popular-symbols .quote-symbol .quote-description {
        width: 165px;
    }

        .popular-symbols .quote-symbol .quote-description table {
            width: 100%;
        }

            .popular-symbols .quote-symbol .quote-description table td {
                width: 70%;
                text-align: center;
            }

                .popular-symbols .quote-symbol .quote-description table td:first-child,
                .popular-symbols .quote-symbol .quote-description table td:last-child {
                    width: 15%;
                }

        .popular-symbols .quote-symbol .quote-description .positive {
            font-size: 16px;
            color: #407000;
        }

        .popular-symbols .quote-symbol .quote-description .negative {
            font-size: 16px;
            color: #ec0000;
        }


.green-btn {
    width: 110px;
    background-color: #60a800;
    color: #fff !important;
    font-family: 'OpenSansSemiBold', Helvetica, Arial, Sans-serif;
    color: #fff;
    margin: 0 0 0 4px;
    padding: 3px 8px 3px;
    border: 1px solid #60a800;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
}

.quote-description a:link,
.quote-description a:visited {
    color: black;
}

#rssincl-box-767920 {
    margin: 0 auto;
}

#priceinfo-container {
    border: 1px solid #999999;
    /*border-left: none;
    border-right: none;*/
    border-top: 1px;
    width: 530px;
    margin-left: 10px;
    overflow: hidden;
    background: #fff;
}

    #priceinfo-container table.data {
        margin-left: 0px !important;
    }

    #priceinfo-container .symbol-header {
        background: #075697;
        text-align: left;
        padding: 0 15px;
        line-height: 40px;
        color: rgba(255,255,255,0.7);
    }

        #priceinfo-container .symbol-header span {
            font-size: 18px;
            font-weight: bold;
            color: white;
        }

    #priceinfo-container .symbol-logo,
    #priceinfo-container .symbol-price-info,
    #priceinfo-container .symbol-chart {
        width: 33.33%;
        min-height: 130px;
        margin: 10px 0;
        padding: 5px 15px;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: left;
        border-right: 1px solid #999;
    }

    #priceinfo-container .symbol-chart {
        border-right: none;
    }

    #priceinfo-container .symbol-logo .symbol,
    #priceinfo-container .symbol-logo .company {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 16px;
    }

        #priceinfo-container .symbol-logo .symbol span,
        #priceinfo-container .symbol-logo .company span {
            color: #075697;
            font-weight: bold;
            padding-right: 10px;
        }

    #priceinfo-container .symbol-logo #symbol-logo-img {
        margin-top: 5px;
        /*width: 100%;
    height: auto;*/
    }

    #priceinfo-container .symbol-price-info {
        padding: 5px 0;
    }

        #priceinfo-container .symbol-price-info .info-line {
            line-height: 17px;
            padding: 5px 5px 5px 15px;
            background: white;
        }

            #priceinfo-container .symbol-price-info .info-line span {
                font-weight: bold;
                padding-right: 10px;
            }

            #priceinfo-container .symbol-price-info .info-line:nth-child(even) {
                /*background: #f2f2f2;*/
            }

.ui-widget-content {
    /*max-width: 400px;*/
    list-style-type: none;
    overflow: hidden;
    margin-top: 5px;
}

.ui-autocomplete {
    max-width: 400px;
}

.ui-widget-content li {
    padding: 3px;
}

    .ui-widget-content li:hover,
    .ui-widget-content li:hover a,
    .ui-widget-content li a:hover,
    .ui-widget-content li:focus,
    .ui-widget-content li:focus a,
    .ui-widget-content li a:focus,
    a.ui-state-focus {
        background: #a6c9e2!important;
        border: none!important;
        font-weight: normal!important;
        text-decoration: none!important;
    }

a.ui-state-focus {
    background: transparent!important;
    border: none!important;
    color: black;
}

.ui-widget-content .symbol-item .company-symbol,
.ui-widget-content .symbol-item .company-description {
    padding-right: 10px;
}

.ui-widget-content .symbol-item .company-symbol {
    font-weight: bold;
}

.field-validation-error {
    color: #e89698;
}

span.join-private-message {
    position: relative;
    top: -20px;
    left: 20px;
    font-size: 14px;
}

.widget-conteiner {
    /*width: 300px;*/
    padding-bottom: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
    background-color: #fff;
    border: solid 2px #CCC;
}

    .widget-conteiner .widgets-title {
        margin-bottom: 5px;
        text-align: center;
        font-weight: bold;
        border-bottom: 1px solid #CCC;
        padding: 8px 10px;
        text-transform: uppercase;
    }

    .widget-conteiner #wordtitle,
    .widget-conteiner #quotetitle {
        font-size: 16px;
        font-weight: bold;
        padding: 10px;
    }

    .widget-conteiner #wordcontent,
    .widget-conteiner #quotecontent {
        margin-bottom: 10px;
        padding: 0 10px;
        font-style: italic;
    }

    .widget-conteiner button {
        background: #67cc66;
        border: none;
        padding: 6px 10px;
        color: white;
        font-size: 12px;
    }

.videobox {
    width: 400px;
    height: 400px;
    padding: 10px;
    float: left;
}

.open-position-tables ul li a, ul.portfolio-graph-tabs li a, ul.piechart-tabs li a {
    border-radius: 0;
    padding: 3px;
    font-size: 9px;
}

ul.piechart-tabs li a {
    font-size: 10px;
}

#vs-registration ul {
    color: red;
    font-size: 1.5em;
}


.flicker-up {
    background-color: lightgreen;
}

.flicker-down {
    background-color: lightpink;
}

.flicker-up-imp {
    background-color: rgba(131,198,146,0.5) !important;
}

.flicker-down-imp {
    background-color: rgba(236,112,99,0.5)!important;
}

div.vs-registration.validation-summary-errors {
    color: red;
}

.portfolio-graph-box {
    -webkit-box-shadow: 0px 2px 3px 1px #000;
    -moz-box-shadow: 0px 2px 3px 1px #000;
    box-shadow: 0px 2px 3px 1px #000;
    width: 532px;
    margin: 0 auto;
    overflow: hidden;
}

.download-student-part-btn {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 15px;
    background: #efefef;
    text-decoration: none!important;
    color: #333!important;
    border: 1px solid #333;
}

.faqTabs {
    width: 60px!important;
}

#dTrading, #dBasics, #dOther {
    width: 400px!important;
}
/*Right side bar indices and commodities ETFs*/
.iconupanddown-negative {
    background: url(/common/img/arrow-negative.png) no-repeat center;
    background-size: 12px 12px;
}


.iconupanddown-positive {
    background: url(/common/img/arrow-positive.png) no-repeat center;
    background-size: 12px 12px;
}

.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}

#wrapper .threeCols-second .wrapper_tabs.fourTabs ul li a {
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: auto !important;
}

#wrapper .threeCols-second .wrapper_tabs.fourTabs ul li {
    width: auto !important;
}

.op-view_Options .first, .op-view_Spots .first, .op-view_Bonds .first, .op-view_FutureOptions .first {
    width: 55px;
    text-align: left;
}

.op-view_Options .first {
    width: 38px;
}



/* Assigments Pages */
.assignments-section h1,
.assignments-section h2 {
    margin: 20px 0;
}

.assignments-section p {
    margin: 0;
    margin-bottom: 10px;
    font-size: 12px;
}

.assignments-section ul.assignments-menu {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    overflow: hidden;
    text-align: center;
    list-style: none;
}

.assignments-section .assignments-menu li.menu-item {
    display: inline-block;
}

    .assignments-section .assignments-menu li.menu-item a {
        position: relative;
        display: inline-block;
        font-size: 13px;
        padding: 15px;
        color: #4d4d4d;
        opacity: 0.75;
        cursor: pointer;
        text-decoration: none;
    }

    .assignments-section .assignments-menu li.menu-item.active a {
        font-weight: bold;
        opacity: 1;
    }

        .assignments-section .assignments-menu li.menu-item.active a::after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: #4d4d4d;
            content: '';
        }

    .assignments-section .assignments-menu li.menu-item a:hover {
        opacity: 1;
    }

.assignments-section img.video-preview {
    margin: 0 20px 20px 20px;
    float: right;
    max-width: 200px;
    border-radius: 5px;
}

.model-popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.75);
    z-index: 9999;
}

.model-popup-inner {
    max-width: 500px;
    width: 90%;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
}

.model-popup-close {
    width: 30px;
    height: 30px;
    line-height: 28px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    text-decoration: none;
    transition: ease 0.25s all;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 1000px;
    background: rgba(0,0,0,0.8);
    font-family: Arial, Sans-Serif;
    font-size: 16px;
    text-align: center;
    color: #fff;
}

    .model-popup-close:hover {
        -webkit-transform: translate(50%, -50%) rotate(180deg);
        transform: translate(50%, -50%) rotate(180deg);
        background: rgba(0,0,0,1);
        text-decoration: none;
    }

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.assignments-section .assignment-details-bar {
    margin-bottom: 20px;
    padding: 15px 0;
    border: 1px solid #CCC;
    background: rgba(0,0,0,0.05);
    clear: both;
    overflow: hidden;
}

    .assignments-section .assignment-details-bar.widget {
        margin: 0;
        border: none;
    }

    .assignments-section .assignment-details-bar .details-column {
        display: inline-block;
        padding: 0 15px;
        width: 25%;
        float: left;
        box-sizing: border-box;
        color: #4d4d4d;
    }

        .assignments-section .assignment-details-bar .details-column.full-width {
            width: 100%;
            float: none;
        }

        .assignments-section .assignment-details-bar .details-column.border-bottom {
            padding-bottom: 15px;
            margin-bottom: 13px;
            border-bottom: 1px solid #CCC;
        }

        .assignments-section .assignment-details-bar .details-column span.title {
            display: block;
            margin-bottom: 5px;
            font-size: 10px;
            color: #4d4d4d;
        }

        .assignments-section .assignment-details-bar .details-column .contest-select {
            padding: 0;
            margin: 0;
            border: 1px solid #ccc;
            width: 100%;
            overflow: hidden;
            background-color: white;
            background: white url(img/downarrow.png) no-repeat 96% 50%;
        }

            .assignments-section .assignment-details-bar .details-column .contest-select select {
                padding: 0 10px;
                height: 28px;
                width: 130%;
                border: none;
                box-shadow: none;
                background-color: transparent;
                background-image: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
            }

                .assignments-section .assignment-details-bar .details-column .contest-select select:focus,
                .assignments-section .assignment-details-bar .details-column input[type='text']:focus {
                    outline: none;
                }

        .assignments-section .assignment-details-bar .details-column input[type='text'] {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 28px;
            line-height: 28px;
            border: 1px solid #CCC;
            background: white;
            text-indent: 10px;
        }

            .assignments-section .assignment-details-bar .details-column input[type='text'].split {
                width: 46%;
                text-align: center;
                text-indent: 0;
            }

                .assignments-section .assignment-details-bar .details-column input[type='text'].split:last-child {
                    float: right;
                }

        .assignments-section .assignment-details-bar .details-column a.assignment-details-btn {
            display: inline-block;
            width: 100%;
            height: inherit;
            text-align: center;
            line-height: 30px;
            border-radius: 3px;
            text-decoration: none;
            background: dodgerblue;
            color: white;
            transition: background 0.5s ease-in;
            text-transform: uppercase;
        }

            .assignments-section .assignment-details-bar .details-column a.assignment-details-btn.ruby {
                background: salmon;
            }

            .assignments-section .assignment-details-bar .details-column a.assignment-details-btn.green {
                background: mediumaquamarine;
            }

            .assignments-section .assignment-details-bar .details-column a.assignment-details-btn:hover,
            .assignments-section .delete-assignment-btn:hover,
            .assignments-section .assignment-table table td .assignment-table-btn:hover {
                opacity: 0.75;
                transition: background 0.5s ease-in;
                color: white;
            }

.assignments-section .assignment-table {
    overflow: hidden;
}

    .assignments-section .assignment-table .table-bar {
        background: dodgerblue;
        padding: 0 10px;
        overflow: hidden;
        color: white;
        font-size: 12px;
        clear: both;
        border-radius: 0!important;
    }

        .assignments-section .assignment-table .table-bar.table-closed {
            border-bottom: 1px solid white;
        }

        .assignments-section .assignment-table .table-bar .bar-title {
            display: inline-block;
            min-width: 250px;
            padding: 10px 0;
            font-weight: bold;
        }

        .assignments-section .assignment-table .table-bar .selection-options {
            /*margin-left: 50px;*/
            padding: 10px 0;
        }

            .assignments-section .assignment-table .table-bar .selection-options a {
                color: white;
                text-decoration: underline;
            }

                .assignments-section .assignment-table .table-bar .selection-options a:first-child {
                    margin-right: 10px;
                }

        .assignments-section .assignment-table .table-bar .collapse-hide {
            float: right;
            padding: 3px 5px;
            border: 1px solid white;
            border-radius: 3px;
            color: white;
            text-decoration: none;
            margin-top: 6px;
        }

    .assignments-section .assignment-table table {
        width: 100%!important;
        table-layout: fixed!important;
        border: 1px solid #CCC;
        border-spacing: 0;
    }

        .assignments-section .assignment-table table.widget {
            table-layout: auto!important;
            border: none;
            border-top: 1px solid #CCC;
        }

        .assignments-section .assignment-table table thead tr th {
            border: none!important;
            border-bottom: 3px solid #CCC!important;
        }

        .assignments-section .assignment-table table.widget tr.title td {
            font-weight: bold;
            box-shadow: 0px 2px 6px 0px #CCC;
            position: relative;
        }

        .assignments-section .assignment-table table td,
        .assignments-section .assignment-table table th {
            padding: 8px 12px!important;
            font-size: 12px!important;
            color: #4d4d4d;
            background: white;
            font-weight: normal;
            text-align: left;
            border: none!important;
            border-bottom: 1px solid #CCC!important;
            line-height: 14px;
        }

        .assignments-section .assignment-table table.widget td,
        .assignments-section .assignment-table table.widget th {
            /*padding: 8px 5px!important;*/
        }

        .assignments-section .assignment-table table th.green,
        .assignments-section .assignment-table table td.green {
            color: mediumaquamarine;
            font-weight: bold;
            background: white;
        }

        .assignments-section .assignment-table table tbody tr:last-child td {
            border-bottom: none!important;
        }

        .assignments-section .assignment-table table td.center,
        .assignments-section .assignment-table table th.center {
            text-align: center;
        }

        .assignments-section .assignment-table table tbody tr:nth-child(even) td {
            /*background-color: rgba(0,0,0,0.00)!important;*/
        }

        .assignments-section .assignment-table table td input:not([type=checkbox]) {
            display: inline-block;
            margin-right: 5px;
            width: 100%;
            height: 26px;
            line-height: 26px;
            max-width: 40px;
            text-align: center;
            margin: 0;
            padding: 0;
            border: 1px solid #CCC;
            background: white;
            border-radius: 3px;
            text-indent: 0;
        }

        .assignments-section .assignment-table table td span.label {
            display: inline-block;
            padding: 5px 10px;
            border-radius: 3px;
            background: #CCC;
            color: white;
        }

.assignments-section .delete-assignment-btn {
    display: inline-block;
    margin-top: 20px;
    float: right;
    padding: 0 15px;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    text-decoration: none;
    background: salmon;
    color: white;
    transition: background 0.5s ease-in;
    text-transform: uppercase;
}

.assignments-section .assignment-table table td .assignment-table-btn {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    text-decoration: none;
    background: mediumaquamarine;
    color: white;
    transition: background 0.5s ease-in;
    /*text-transform: uppercase;*/
}

.assignments-section .assignment-details-bar .assignments-progress {
    position: relative;
    width: 100%;
    height: 30px;
    /*height: 28px;*/
    /*border: 1px solid #CCC;*/
    /*background: rgba(0,0,0,0.075);*/
    background: white;
}

    .assignments-section .assignment-details-bar .assignments-progress .progress-percentage {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        /*height: 28px;
	line-height: 28px;*/
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        z-index: 10;
        color: #4d4d4d;
    }

    .assignments-section .assignment-details-bar .assignments-progress .progress-bar {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        /*height: 28px;
	line-height: 28px;*/
        background: mediumaquamarine;
    }

.introduction-box {
    /*border: 1px solid #fff;
    outline: 1px solid #efefef;
    width: 585px;
    background-color: #fbfbfb;
    margin: 35px 15px 0;
    padding: 10px;*/
    text-align: center;
    overflow: hidden;
}

.videoSection .video-left,
.videoSection .video-right {
    box-sizing: border-box;
    padding: 0 15px;
    width: 50%;
}

.videoSection .video-left {
    float: left;
}

.videoSection .video-right {
    float: right;
}

.videoSection h3 {
    text-align: center;
    font-size: 14px;
    margin: 10px 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.video-preview {
    position: relative;
    width: 100%;
    /*height: 160px;*/
    border-radius: 5px;
    overflow: hidden;
}

    .video-preview .content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        color: white;
        font-size: 36px;
        line-height: 36px;
        z-index: 10;
        opacity: 0.75;
    }

    .video-preview img {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        z-index: 1;
        border-radius: 5px;
    }

.hide {
    display: none !important;
}

.ishighschoolstudent label {
    width: 25px !important;
}

.ishighschoolstudent input[type='radio'] {
    width: 25px !important;
}



.reg-checkbox-radiobox {
    float: left;
    width: 200px;
}

    .reg-checkbox-radiobox label {
        width: 30px !important;
    }

    .reg-checkbox-radiobox input[type='radio'] {
        width: 20px !important;
    }

    .reg-checkbox-radiobox input[type='checkbox'] {
        width: 20px !important;
    }


.orange {
    color: orange !important;
}

.red {
    color: red !important;
}

.ui-widget-header {
    border: none!important;
    border-bottom: 1px solid #CCC!important;
    background: white!important;
}

span.ui-datepicker-month {
    color: #333;
}

span.ui-datepicker-year {
    color: #333;
}

tbody#popular-contests-container, #div-findcontest-container table {
    background-color: white!important;
    color: #333!important;
}

    #div-findcontest-container table th {
        font-weight: bold;
        text-decoration: underline;
    }

    #div-findcontest-container table tr td {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 14px;
        line-height: 16px;
    }

    #div-findcontest-container table tr:nth-child(even) {
        background-color: #e5eef8;
    }

.ui-datepicker {
    z-index: 9999 !important;
}

.sorting-icon-asc {
    background: url("/common/img/sort_asc.png") no-repeat center left;
}

.sorting-icon-desc {
    background: url("/common/img/sort_desc.png") no-repeat center left;
}

.sorting-icon-both-direction {
    background: url("/common/img/sort_both.png") no-repeat center left;
}

.snapshot {
    display: flex;
    padding: 10px 10px 0;
    flex-wrap: wrap;
}

    .snapshot .item {
        margin-bottom: 6px;
        box-sizing: border-box;
        flex-grow: 1;
        overflow: hidden;
        flex-basis: 33.33%;
    }

        .snapshot .item .box {
            padding: 10px;
            border: 1px solid #CCC;
            text-align: center;
        }

            .snapshot .item .box.positive {
                border: 1px solid #67cc66;
                background: #67cc66;
            }

            .snapshot .item .box.negative {
                border: 1px solid #ff777c;
                background: #ff777c;
            }

            .snapshot .item .box > .title {
                font-size: 10px;
                line-height: 14px;
                color: #4d4d4d;
                text-transform: uppercase;
                font-weight: 300;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .snapshot .item .box > .content {
                font-size: 18px;
                line-height: 21px;
                color: #4d4d4d;
                text-transform: uppercase;
                font-weight: bold;
            }

            .snapshot .item .box.positive > *,
            .snapshot .item .box.negative > * {
                color: white;
            }

            .snapshot .item .box > .content.progress-bar {
                position: relative;
                width: 100%;
                height: 21px;
                background: #ecf0f1;
            }

                .snapshot .item .box > .content.progress-bar .rank {
                    position: absolute;
                    width: 25px;
                    left: 0;
                    top: 0;
                    font-size: 8px;
                    font-weight: 400;
                    line-height: 21px;
                    text-align: center;
                }

                    .snapshot .item .box > .content.progress-bar .rank.first {
                        left: inherit;
                        right: 0;
                        top: 0;
                    }

                .snapshot .item .box > .content.progress-bar .user-rank {
                    position: relative;
                    font-size: 14px;
                    z-index: 1;
                }

                .snapshot .item .box > .content.progress-bar .progress-line {
                    position: absolute;
                    width: 80%;
                    height: 21px;
                    background: #67cc66;
                    background: -moz-linear-gradient(left, #67cc66 0%, #a6edb2 100%);
                    background: -webkit-linear-gradient(left, #67cc66 0%,#a6edb2 100%);
                    background: linear-gradient(to right, #67cc66 0%,#a6edb2 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67cc66', endColorstr='#a6edb2',GradientType=1 );
                }

        .snapshot .item:nth-of-type(2),
        .snapshot .item:nth-of-type(5) {
            padding: 0 6px;
        }

.progress-bar-wrapper {
    position: relative;
    width: 100%;
    height: 1.875rem;
    background: #f2f5f4;
    overflow: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .progress-bar-wrapper .progress-pin {
        position: absolute;
        height: 1.875rem;
        line-height: 1.875rem;
        color: #485154;
        text-align: center;
        transition: width 1s ease-in-out;
        white-space: nowrap;
    }

        .progress-bar-wrapper .progress-pin.negative {
            max-width: 50%;
            right: 50%;
            background: #ec7063;
        }

        .progress-bar-wrapper .progress-pin.positive {
            max-width: 50%;
            left: 50%;
            background: #83c692;
        }

        .progress-bar-wrapper .progress-pin.neutral {
            position: relative;
            margin: 0 auto;
            width: 100% !important;
        }


table.portfolioTable tr th a:after,
table.portfolioTable tr th.sorting-icon-asc a:after {
    font-family: FontAwesome;
    content: ' \f0d7';
}

table.portfolioTable tr th.sorting-icon-desc a:after {
    font-family: FontAwesome;
    content: ' \f0d8';
}

.market-value-box {
    margin-top: 5px;
}

.callout.alert {
    position: relative;
    margin-left: 10px;
    padding: 15px;
    background: #ff777c;
    width: 532px;
    box-sizing: border-box;
    color: white;
}

    .callout.alert h6 {
        margin: 0 0 10px;
        font-size: 14px;
    }

    .callout.alert ul {
        list-style: none;
    }

    .callout.alert .close-button {
        position: absolute;
        top: 5px;
        right: 5px;
        background: none;
        border: none;
        font-size: 18px;
        cursor: pointer;
    }

.market-value-box {
    margin: 20px 0;
    padding: 5px 0;
    border: 1px solid #CCC;
    overflow: hidden;
    clear: both;
}

    .market-value-box .value {
        width: 50%;
        padding: 5px 10px;
        float: left;
        box-sizing: border-box;
        text-align: center;
    }

        .market-value-box .value b {
            padding-right: 6px;
        }

#popular-stocks {
    padding: 0 10px;
}

.popularStocks {
    padding-bottom: 5px;
    border-radius: 5px;
    border: solid 1px #CCC;
    margin: 20px 0;
    clear: both;
    overflow: hidden;
}

    .popularStocks .title {
        margin-bottom: 5px;
        text-align: center;
        font-weight: bold;
        border-bottom: 1px solid #CCC;
        padding: 8px 10px;
    }

        .popularStocks .title .exchangeLogo {
            vertical-align: bottom;
            margin-left: 6px;
        }

    .popularStocks .exchangeitem {
        padding: 5px 10px;
        text-align: center;
        font-weight: bold;
        width: 50%;
        float: left;
        box-sizing: border-box;
    }

.forex h1 {
    margin: 0;
    margin-bottom: 20px;
    font-weight: 300;
}

.forex .snapshot {
    padding: 10px 0 0;
}

section.trade-forex {
    margin-bottom: 20px;
    padding: 15px 15px 9px;
    background: #f2f2f2;
    overflow: hidden;
    clear: both;
}

    section.trade-forex .forex-sidebar,
    section.trade-forex .forex-content {
        position: relative;
        /*padding-left: 15px;
    padding-right: 15px;*/
        box-sizing: border-box;
        width: 50%;
    }

    section.trade-forex .forex-sidebar {
        /*width: 41.66667%;*/
        float: left;
    }

    section.trade-forex .forex-content {
        /*width: 58.33333%;*/
        float: right;
    }

    section.trade-forex ul.tabs {
        margin-bottom: 0;
        margin-left: 0;
        padding: 0;
        padding-right: 10px;
        list-style-position: outside;
        font-family: inherit;
    }

        section.trade-forex ul.tabs:before,
        section.trade-forex ul.tabs:after,
        section.trade-forex .tabs-content:before,
        section.trade-forex .tabs-content:after {
            content: " ";
            display: table;
        }

        section.trade-forex ul.tabs:after,
        section.trade-forex .tabs-content {
            clear: both;
        }

        section.trade-forex ul.tabs li {
            width: 50%;
            position: relative;
            padding: 0;
            margin-bottom: 0 !important;
            list-style: none;
            float: left;
            border: none;
            box-sizing: border-box;
        }

            section.trade-forex ul.tabs li a {
                padding: 7px 15px;
                font-size: 13px;
                text-align: center;
                background: none;
                transition: all 0.2s ease-in-out;
                text-transform: uppercase;
                letter-spacing: 1px;
                border-radius: 3px;
                float: none;
                line-height: 1;
            }

            section.trade-forex ul.tabs li.active a {
                font-weight: bold;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.3);
                background: #fff;
                border: none;
                color: #4d4d4d;
            }

    section.trade-forex .tabs .tab-title > a {
        outline: none;
        display: block;
    }

    section.trade-forex .tabs-content {
        margin-bottom: 0;
        width: 100%;
    }

        section.trade-forex .tabs-content .content {
            display: none;
            float: left;
            padding: 0.9375rem 0;
            width: 100%;
        }

            section.trade-forex .tabs-content .content.active {
                display: block;
                float: none;
            }

    section.trade-forex ul.currency-select {
        margin: 5px 0 20px;
    }

        section.trade-forex ul.currency-select li {
            display: inline-block;
            margin-right: 3px;
            border-radius: 3px;
            border: 2px solid #CCC;
            overflow: hidden;
        }

            section.trade-forex ul.currency-select li.text {
                padding-right: 5px;
                border: none;
                font-size: 10px;
                text-transform: uppercase;
                font-weight: bold;
                letter-spacing: 1px;
                line-height: 20px;
            }

            section.trade-forex ul.currency-select li a {
                font-size: 12px;
                text-align: center;
                padding: 6px 14px 7px;
                font-weight: bold;
                color: #4d4d4d;
                text-decoration: none;
            }

                section.trade-forex ul.currency-select li a:hover {
                    color: white;
                    background: #4d4d4d;
                }

    section.trade-forex .forex-item {
        display: block;
        width: 48%;
        float: left;
        margin-bottom: 6px;
        margin-right: 2%;
        padding: 10px;
        text-align: center;
        background: #e0e1e7;
        background: rgba(255,255,255,1);
        box-sizing: border-box;
        border-radius: 3px;
        transition: all 0.25s ease-in-out;
    }

        section.trade-forex .forex-item:hover {
            box-shadow: 0px 1px 4px rgba(0,0,0, 0.25);
        }

        section.trade-forex .forex-item a:hover {
            text-decoration: none;
        }

        section.trade-forex .forex-item .title {
            margin-bottom: 5px;
            font-size: 12px;
            line-height: 12px;
            text-transform: uppercase;
            font-weight: bold;
            color: #4d4d4d;
        }

        section.trade-forex .forex-item .ticker {
            margin-bottom: 5px;
            padding: 2px 10px;
            border-radius: 3px;
            overflow: hidden;
        }

            section.trade-forex .forex-item .ticker .price {
                float: left;
                width: 50%;
                padding: 6px 5px;
                box-sizing: border-box;
                font-size: 16px;
                color: white;
                font-weight: bold;
            }

                section.trade-forex .forex-item .ticker .price sub,
                section.trade-forex .forex-item .ticker .price sup {
                    vertical-align: middle;
                    font-weight: normal;
                    font-size: 75%;
                }

            section.trade-forex .forex-item .ticker sup {
                vertical-align: top;
            }

            section.trade-forex .forex-item .ticker.up {
                background: #67cc66;
            }

            section.trade-forex .forex-item .ticker.down {
                background: #ff777c;
            }

        section.trade-forex .forex-item .actions {
            margin-bottom: 3px;
            overflow: hidden;
        }

            section.trade-forex .forex-item .actions input[type=number] {
                display: inline;
                margin: 0;
                padding: 0;
                width: 45%;
                height: 28px;
                background: transparent;
                color: #4d4d4d;
                border: 1px solid #CCC;
                text-align: center;
                border-radius: 3px;
            }

            section.trade-forex .forex-item .actions .sell-btn,
            section.trade-forex .forex-item .actions .buy-btn,
            section.trade-forex .forex-item .actions .short-btn,
            section.trade-forex .forex-item .actions .cover-btn {
                display: inline-block;
                padding: 0 5px;
                width: 25%;
                line-height: 30px;
                background: #CCC;
                border-radius: 3px;
                text-align: center;
                font-size: 10px;
                text-transform: uppercase;
                color: #4d4d4d;
                font-weight: bold;
                transition: all 0.25s ease-in-out;
                box-sizing: border-box;
            }

                section.trade-forex .forex-item .actions .sell-btn:hover,
                section.trade-forex .forex-item .actions .buy-btn:hover,
                section.trade-forex .forex-item .actions .short-btn:hover,
                section.trade-forex .forex-item .actions .cover-btn:hover {
                    opacity: 0.65;
                }

.chart-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #CCC;
}

    .chart-header h3 {
        margin: 15px 0 0;
        display: inline-block;
        font-size: 16px;
        color: #4d4d4d;
        text-transform: uppercase;
    }

    .chart-header span.label {
        display: inline-block;
        margin-top: -5px;
        margin-left: 10px;
        vertical-align: middle;
        text-transform: uppercase;
        background: transparent;
        color: #ff777c;
        border: 1px solid #ff777c;
    }

    .chart-header .button-group {
        list-style: none;
        margin: 0;
        left: 0;
        margin-top: 12px;
    }

        .chart-header .button-group:before, .chart-header .button-group:after {
            content: " ";
            display: table;
        }

        .chart-header .button-group:after {
            clear: both;
        }

        .chart-header .button-group.radius > *:first-child,
        .chart-header .button-group.radius > *:first-child > a,
        .chart-header .button-group.radius > *:first-child > button,
        .chart-header .button-group.radius > *:first-child > .button {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
            border-right: none;
        }

        .chart-header .button-group.radius > *:last-child,
        .chart-header .button-group.radius > *:last-child > a,
        .chart-header .button-group.radius > *:last-child > button,
        .chart-header .button-group.radius > *:last-child > .button {
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
        }

        .chart-header .button-group.radius > *,
        .chart-header .button-group.radius > * > a,
        .chart-header .button-group.radius > * > button,
        .chart-header .button-group.radius > * > .button {
            border-radius: 0;
        }

        .chart-header .button-group.radius > * {
            margin: 0 -2px;
            display: inline-block;
        }

        .chart-header .button-group .button {
            padding: 4px 15px;
            background: transparent;
            color: #4d4d4d;
            text-transform: uppercase;
            border: 1px solid #4d4d4d;
            transition: all 0.2s ease-in-out;
            text-decoration: none;
        }

            .chart-header .button-group .button:hover {
                background: #4d4d4d;
                color: white;
            }

        .chart-header .button-group li {
            font-size: 12px;
            line-height: 1.6;
        }

            .chart-header .button-group li:first-child .button {
                border-left: 1px solid #4d4d4d;
            }

            .chart-header .button-group li:last-child .button {
                border-left: none;
            }

    .chart-header .label.radius {
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
        padding: 3px 5px;
        text-transform: uppercase;
        background: transparent;
        color: #ec7063;
        border: 1px solid #ec7063;
        border-radius: 3px;
    }
#trading-confirmation h4 {
    margin-bottom: 20px;
}

.estimated-total-table table {
    margin-bottom: 20px;
    width: 100%;
    table-layout: auto;
}

.estimated-total-table table tr th {
    font-weight: bold;
}

#trading-confirmation .estimated-cost {
    margin-bottom: 20px;
    font-size: 14px;
    text-align: right;
    background-color: #d8ffcb;
    padding: 12px;
    font-weight: bold;
}

#trading-confirmation .estimated-cost span {
    float: left;
    font-size: 10px;
    font-weight: normal;
}

.trade-footer .row {
    margin-bottom: 20px;
}

.trade-footer .column {
    display: block;
    position: relative;
    width: 25%;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0;
    float: left;
}

.trade-footer .column.middle {
    width: 50%;
}

.trade-footer .column .button {  
    margin-bottom: 10px;  
    padding: 10px 15px;
    color: white;
    background: #CCC;
    color: #4d4d4d;
    display: inline-block;
    text-decoration: none!important;
}

.trade-footer .column .button.cancel-order {
    background: #ec7063;
    color: white;
}

.trade-footer .column .button.confirm-order-btn-forex {
    background: #67cc66;
    color: white;
    float: right;
}

.trade-footer .column .button.place-order-btn-forex {
    float: right;
}

.trade-footer .column .confirm-text,
.trade-footer .column .order-placed-txt {    
    padding: 0 15px;
    margin: 0;
    font-size: 13px;
    text-align: inherit;
}

.trade-footer .column .order-placed-txt {    
   color: #67cc66;
}