@charset "UTF-8";
/* CSS ionora.com december 2012 */
/*
  Based on html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
    }

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

:focus {
    outline: 0;
}

a img, img {
    border: 0;
}

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

not-link {
    cursor: default;
}


/* fonts */
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* tags */
body {
    font-family: "Arial", sans-serif;
    font-size: 62.5%; /* 1em = 10px */
    line-height: 1;
    background-color: #000;
    color: #fff;
    overflow-x: hidden;
    text-rendering: optimizelegitibility;
}

h1 {
    font-family: "Arial", sans-serif;
    font-size: 2em;
    line-height: 1.8em;
    color: #517398;
}
    /* 30px */
    h1 em {
        font-family: "Arial", sans-serif;
    }

h2 {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    margin: 20px 0 10px;
    padding: 0 50px;
    height: 35px;
    line-height: 35px;
}

h3 {
    font-family: "Arial", sans-serif;
    color: #232323;
    font-size: 95%;
}

h4 {
    font-family: "Arial", sans-serif;
    color: #232323;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 6px;
}

h5 {
    font-family: "Arial", sans-serif;
    color: #232323;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 6px;
}

hr {
}

p {
    font-size: 85%;
    line-height: 125%;
    color: #fff;
    margin: 0 50px;
}
/* 11px */
.txt-alignc {
    text-align: center;
}

.txt-red {
    color: #ee0000;
}

a:link, a:visited, a:active {
    color: #60a800;
}

a:hover {
    color: #437600;
    text-decoration: underline;
    cursor: pointer;
}

a:link.a-green, a:visited.a-green, a:active.a-green {
    color: #60A800;
    text-decoration: none;
}

a:hover.a-green {
    color: #60A800;
    text-decoration: underline;
}

a:link.a-orange, a:visited.a-orange, a:active.a-orange {
    color: #c59100;
    text-decoration: underline;
}

a:hover.a-orange {
    color: #c59100;
    text-decoration: underline;
}

/* basics */
.desktop {
    display: block;
}

.tablet, .mobile, .hide {
    display: none;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.txtalign-r {
    text-align: right;
}

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

.clear, .clear-both {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.h-5 {
    height: 5px;
}

.h-10 {
    height: 10px;
}

.h-20 {
    height: 20px;
}

.h-30 {
    height: 30px;
}

.h-50 {
    height: 50px;
}

.h-400 {
    height: 400px;
}

.h-500 {
    height: 500px;
}

.h-550 {
    height: 550px;
}

.marginT-5 {
    margin-top: 5px;
}

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

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

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

.marginR-20 {
    margin-right: 20px;
}

.marginR-40 {
    margin-right: 40px !important;
}

.width-100 {
    width: 100%;
}

.width-60 {
    width: 60%;
}

.width-68 {
    width: 68%;
}

.w-65 {
    width: 65px !important;
}

.w-140 {
    width: 140px !important;
}

.w-200 {
    width: 200px !important;
}

.txt-12 {
    font-size: 12px;
}

/* colors */
.color-red {
    color: Red;
}

.color-green {
    color: Green;
}

.color-black {
    color: Black;
}

/* buttons */
.btn {
    cursor: pointer;
    text-decoration: none;
    padding: 3px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
}

.btn-blue {
    background-color: #5389E3;
    color: #fff !important;
}

.btn-red {
    background-color: #FF4001;
    color: #fff !important;
}

.btn-yellow {
    background-color: #FECD00;
    color: #fff !important;
}

.bold {
    font-weight: bold;
}

.f-size-14 {
    font-size: 14px;
}

.hidden {
    display: none;
}

body {
    background-color: #dedede;
}

.wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#header, .content {
    width: 100%;
    background-color: #00aa00;
    margin: 0 auto;
    text-align: left;
}


/* TOP BAR */
.topbar-wrapper {
    height: 60px;
    background: #004182;
}
/* Logged in */
.loggedin {
    width: 1000px;
    margin: 0 auto;
}
    /*Registered */
    .loggedin .registered {
        float: left;
        width: 280px;
        height: 20px;
        padding: 12px;
    }

        .loggedin .registered .profile {
            float: left;
            width: 400px;
        }

            .loggedin .registered .profile img.avatar {
                float: left;
                height: 32px;
                margin-right: 7px;
                cursor: pointer;
            }

            .loggedin .registered .profile p {
                float: left;
                font-size: 1.2em;
                font-family: "Arial", sans-serif;
                color: #72bc23;
                cursor: pointer;
                margin: 0;
            }

                .loggedin .registered .profile p img {
                    float: right;
                    width: 20px;
                }

        .loggedin .registered a {
            float: left;
            font-size: 1.2em;
            color: #fff;
            text-decoration: none;
        }

            .loggedin .registered a:hover {
                color: #c3c3c3;
            }
/* Logged out */
.loggedout {
    width: 1000px;
    margin: 0 auto;
}
    /*Register */
    .loggedout .registering {
        padding: 12px 15px;
        height: 20px;
        float: left;
    }

        .loggedout .registering button {
            position: relative;
            background-color: #60A800;
            font-family: 'Arial', Sans-serif;
            color: #fff;
            margin: 0 0 0 4px;
            border: 1px solid #407000;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            cursor: pointer;
            height: 25px;
        }

            .loggedout .registering button:hover {
                background-color: #407000;
                border: 1px solid #407000;
            }

        .loggedout .registering input {
            width: 110px;
            background: transparent url('../images/bg-searchbox.png') 0 0 no-repeat;
            font-family: 'Arial', Sans-serif;
            color: #fff;
            margin: -4px 0 0 4px;
            padding: 0 8px;
            border-right: solid 1px #60a800;
            border-bottom: solid 1px #60a800;
            border-top: solid 1px #343434;
            border-left: solid 1px #343434;
            font-style: italic;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            height: 28px;
        }

        .loggedout .registering a {
            color: #92ff00;
            text-decoration: underline;
        }

            .loggedout .registering a.forgot {
                width: 30px;
                color: #FFF;
                font-size: 1em;
                text-transform: uppercase;
                text-decoration: underline;
                margin: 0 0 0 4px;
            }

            .loggedout .registering a:hover.forgot {
                color: #c3c3c3;
            }

::-webkit-input-placeholder {
    color: #ffffff;
}

:-moz-placeholder {
    color: #ffffff;
}
/* Language */
.language {
    width: 160px;
    height: 50px;
    float: right;
}

    .language a {
        line-height: 28px;
        position: relative;
        top: 10px;
        padding-right: 5px;
        font-size: 1.2em;
        font-style: italic;
        color: #898989;
        text-decoration: none;
        text-shadow: rgba(255, 254, 255, 0.24) 1px 1px 2px;
    }

        .language a:hover {
            color: #c3c3c3;
        }
/*Search */
.searching {
    padding: 12px 0 0;
    height: 20px;
    float: right;
    width: 340px;
}

    .searching input {
        background-color: transparent;
        padding: 0 5px;
        border: none;
        font-style: italic;
        color: #ffffff;
        text-shadow: rgba(255, 254, 255, 0.24) 1px 1px 2px;
    }

    .searching .searchbox {
        width: 151px;
        height: 28px;
        margin-top: -3px;
        background: transparent url('../images/bg-searchbox.png') 0 0 no-repeat;
    }
/* HEADER */
#header {
}
    /* Logo + leaderboard ad */
    #header .htmw {
        clear: both;
        background-color: #004182;
        border: 0px solid #004182;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
/* Navigation */


/*
	nav { 
		margin-top: 1px; height:40px; background-color: #60a800; border: 0 solid #60a800; 
		-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; 
		-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; 
	}
	ul.navigation { display: block; margin-top: -8px; z-index: 100; position: absolute; }
	ul.navigation li { position: relative; display: block; float: left; padding: 10px 15px; margin-top:5px }
	ul.navigation li a { display: block; padding:0 4px 2px; color:#ffffff; line-height: 1.1em; font-family: 'OpenSansBold', Helvetica, Arial, Sans-serif; font-size:1.5em; text-decoration: none; border:4px solid transparent; } 
	ul.navigation li:hover a, ul.navigation li a:hover, ul.navigation li.active a { color:#91fe00; background-color: #407000; border:4px solid #407000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
	ul.navigation li ul { display: none; position: absolute; }
	ul.navigation li ul li a { background: none; border: none; line-height: 30px; margin: 0; padding: 0 0 0 5px; }
	ul.navigation li:hover > ul.sub { display: block; width:auto; margin-top:-2px; padding-top:8px; font-size:0.8em; color:#ffffff; background-color: #407000; }
	ul.sub li { margin:0; padding:0 5px 5px; border:0 }
	ul.navigation li.active > ul.sub li a, ul.navigation li:hover > ul.sub li a { color:#fff; line-height:1.2em; border:0; margin:0; padding:0; white-space:nowrap }
	ul.navigation li:hover > ul.sub li a:hover { color:#91fe00 } 
	*/

/* NAVIGATION */
.wrapper-navigation {
    clear: both;
    padding: 0;
    height: 30px;
    width: 1000px;
    text-align: center;
    border: 0;
    margin: 0 auto;
    background-color: #00aa00;
    border: 0 solid #00aa00;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 0px;
}



/* hack IE6 */ *html .wrapper-navigation {
    margin: -15px 0 0 0;
    padding: 0;
}

    .wrapper-navigation #navigation {
        margin-left: 0;
    }

#navigation {
    height: 30px;
    position: relative;
    z-index: 500;
}

/* hack IE6 */ *html #navigation {
    height: 30px;
}

    #navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        #navigation ul li {
            float: left;
            display: block;
            height: 30px;
            padding: 0px 4px 0 0;
        }

            #navigation ul li a.basic-link {
                display: block;
            }

            #navigation ul li a {
                display: block;
                padding: 0 4px 2px;
                color: #ffffff;
                line-height: 1.34em;
                font-family: 'Arial', Sans-serif;
                font-size: 1.5em;
                text-decoration: none;
                border: solid 4px transparent;
            }

                #navigation ul li a b {
                    display: block;
                    line-height: 35px;
                    padding: 0;
                    height: 35px;
                    color: #fff;
                }
                /* hack IE6 */ *html #navigation ul li a b {
                    width: 10px;
                    white-space: nowrap;
                }

                #navigation ul li.current a.basic-link,
                #navigation ul li a:hover,
                #navigation ul li:hover a.basic-link {
                    color: #91fe00;
                    background-color: #004182;
                    border: 4px solid #004182;
                }

    #navigation a, #navigation a:visited {
        display: block;
    }

    /* hide the sub levels and give them a positon absolute so that they take up no room */
    #navigation ul ul {
        display: block;
        visibility: hidden;
        position: absolute;
        width: 1000px;
        height: 35px;
        left: 0;
        background-color: #004182;
    }

.navigation-footer {
    width: 1000px;
    height: 22px;
    display: block;
    background-color: #60a800;
}

#navigation ul ul li {
    margin: 0;
    border: 0;
    width: auto;
    padding: 0;
}

#navigation ul li:hover ul li a,
#navigation ul a:hover ul li a {
    border: none;
    border-radius: 0;
    background: none;
}

#navigation ul li ul li a {
    border: none;
    position: relative;
}

/* hack IE6 */ *html .navigation ul :hover ul {
    width: 150px;
}
/* hack IE6 */ *html #navigation ul li:hover ul li a {
    border-bottom: 0;
}
/* hack IE6 */ *html #navigation ul a:hover ul li a {
    border-bottom: 0;
}
    /* hack IE6 */ *html #navigation ul a:hover ul li a.last {
        border-bottom: 1px solid #9a9a9a;
    }

#navigation table {
    position: absolute;
    top: 0;
    left: 0;
    border-collapse: collapse;
    width: 0;
    height: 0;
}

#navigation ul ul a, #navigation ul ul a:visited {
    padding: 2px 15px;
    height: 30px;
    width: auto;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 2.2em;
}

#navigation li :hover ul li a:hover,
#navigation ul li:hover ul li:hover a,
#navigation ul li ul li.selected a {
    color: #91FE00;
    height: 30px;
    position: relative;
    background-color: #003468;
}

#navigation :hover > a, #navigation ul ul :hover > a {
    color: #04135f;
    background-color: #f4f4f4;
}

#navigation ul li.current ul {
    visibility: visible;
    z-index: 1;
}

#navigation ul li:hover ul,
#navigation ul a:hover ul {
    visibility: visible;
    z-index: 5;
}


/* CONTENT */
.content {
    width: 987px;
    background: #ffffff;
    padding: 35px 0 0 13px;
}

.col-content {
    float: left;
    width: auto;
}

.full-table {
    float: left;
    clear: both;
    position: relative;
    padding: 20px;
    border: 2px solid #407000;
    -moz-border-radius: 0 .3333em .3333em .3333em;
    -webkit-border-radius: 0 .3333em .3333em .3333em;
    border-radius: 0 .3333em .3333em .3333em;
    -webkit-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #cacaca;
}

.col-68 {
    float: left;
    width: 675px;
}

.content-76 {
    background: #ffffff;
    width: 763px;
}
/* quotes, charts, news & symbol lookup */
.content-63 {
    background: #f1f1f1;
    width: 628px;
}
/* make a trade + myportfolio pages */
.transactions th {
    background: #517497;
}
/* transactions history */
/* print and share */
.functions {
    float: right;
    text-align: right;
    width: 63px;
    position: relative;
    top: -10px;
}

    .functions img {
        float: left;
        margin-left: 10px;
    }
/* HOME */
.home h2 {
    color: #60a800;
    font-size: 2em;
    padding-left: 0;
}

.home p {
    margin: 0 20px 0 0;
    padding: 0;
    color: #232323;
    font-size: 1.5em;
}

.home ul.arrow {
    margin: 0 20px 0 20px;
}

    .home ul.arrow li {
        background: transparent url('../images/arrow.png') 0 5px no-repeat;
        margin: 0 0 10px 0;
        padding: 0 0 0 15px;
        color: #232323;
        font-size: 1.5em;
        line-height: 1.3em;
    }

.home p a, .home ul li a {
    color: #0044c2;
}

.home .icon {
    position: relative;
    top: 15px;
}

.home .title {
    color: #004D99;
    line-height: 1.2em;
    padding-right: 5px;
}

.home .reg-links a {
    color: #000;
    text-decoration: none;
}

.home .featured-on {
    margin-left: 5px;
}

    .home .featured-on img {
        margin-left: 20px;
    }

.home .wallstreetbull {
    float: right;
    clear: right;
    margin: 0 30px 10px 20px;
    width: 200px;
}

.home h3 {
    font-size: 16px;
    color: #ff6600;
    margin-bottom: 10px;
}

.home ul.disc {
    list-style: disc;
    margin: 0 20px 0 20px;
}

    .home ul.disc li {
        margin: 0 0 10px 0;
        padding: 0 0 0 15px;
        color: #232323;
        font-size: 1.5em;
        line-height: 1.3em;
    }

.home ul ul.circle {
    list-style: circle;
    margin: 0 20px 0 20px;
}

    .home ul ul.circle li {
        margin: 10px 0 10px 0;
        padding: 0 0 0 15px;
        color: #232323;
        font-size: 1.0em;
        line-height: 1.3em;
    }

.home .regbutton {
    float: right;
    clear: right;
    margin-right: 40px;
    margin-bottom: 5px;
    width: 180px;
    height: 25px;
    background-color: #60a800;
    color: black;
    font-size: 14px;
    text-align: center;
}

    .home .regbutton a, .home .regbutton a hover {
        text-decoration: none;
        color: black;
    }

.home .createbutton {
    float: right;
    clear: right;
    margin-right: 30px;
    width: 200px;
    height: 25px;
    background-color: #60a800;
    color: black;
    font-size: 14px;
    text-align: center;
}

    .home .createbutton a, .home .createbutton a hover {
        text-decoration: none;
        color: black;
    }

/* REGISTRATION */
iframe {
    background-color: #fff;
    border: 1px solid #dddddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.tab {
    display: block;
    float: left;
    background-color: #517497;
    max-width: 70px;
    font-family: 'Arial', Sans-serif;
    font-size: 1.2em;
    color: #ffffff;
    text-transform: uppercase;
    padding: 5px 10px;
    border: 1px solid #517497;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.reg .boxed {
    background-color: #fff;
    border: 1px solid #dddddd;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    width: 645px;
    padding: 10px;
}

.reg button {
    background-color: #60a800;
    font-family: 'Arial', Sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 8px;
    margin: 0 5px 0 0;
    border: 1px solid #60a800;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

    .reg button:hover {
        background-color: #437600;
        border: 1px solid #437600;
    }

.reg a.cancel {
    background-color: #dddddd;
    font-family: 'Arial', Sans-serif;
    text-transform: uppercase;
    color: #a0a0a0;
    font-weight: bold;
    padding: 5px 8px;
    border: 1px solid #dddddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .reg a.cancel:hover {
        background-color: #6f6f6f;
        border: 1px solid #6f6f6f;
    }

.reg iframe {
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
}

.reg .required-legend {
    display: block;
    float: left;
    padding: 8px 0 0 5px;
    font-style: italic;
    color: #517497;
}

.reg .boxed fieldset {
    color: #232323;
}

    .reg .boxed fieldset legend {
        font-family: 'Arial', Sans-serif;
        font-size: 1.5em;
        color: #5c7d9d;
        margin-bottom: 15px;
    }

    .reg .boxed fieldset label {
        display: block;
        float: left;
        width: 150px;
        color: #232323;
        font-size: 1.4em;
        text-align: right;
        padding: 5px 0 0;
        margin-right: 6px;
    }

        .reg .boxed fieldset label.register-to {
            text-align: left;
        }

        .reg .boxed fieldset label.l-radio {
            display: block;
            float: left;
            width: 60px;
            color: #5c7d9d;
            text-align: left;
            padding: 5px 0 0;
            margin-right: 6px;
        }

        .reg .boxed fieldset label.l-cb {
            display: block;
            float: left;
            width: 580px;
            font-size: 1.2em;
            text-align: left;
            padding: 5px 0 0;
            margin-right: 6px;
        }

            .reg .boxed fieldset label.l-cb a {
                color: #60a800;
            }

                .reg .boxed fieldset label.l-cb a:hover {
                    color: #437600;
                }

    .reg .boxed fieldset input, .reg .boxed fieldset select, .reg .boxed fieldset select option {
        color: #517497;
    }

        .reg .boxed fieldset select:focus {
            background-color: #e2f4fc;
        }

        .reg .boxed fieldset input.cbox {
            float: left;
            width: 20px;
            position: relative;
            top: 1px;
        }

    .reg .boxed fieldset label.l-radio input {
        position: relative;
        top: -3px;
        display: block;
        float: left;
        width: 16px;
        text-align: left;
        padding: 5px 0 0;
        margin-right: 4px;
    }

    .reg .boxed fieldset p {
        padding: 0;
        margin: 0;
    }
/* helpful info */
.reg .helpfulinfo h3 {
    font-family: 'Arial', Sans-serif;
    font-size: 1.5em;
    line-height: 1.8em;
    color: #000;
}

.reg .helpfulinfo p {
    font-size: 1.4em;
    line-height: 1.6em;
    color: #202020;
    margin: 0 0 10px 0;
}

.reg .helpfulinfo .online-course {
    position: relative;
    top: 20px;
    padding: 14px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

    .reg .helpfulinfo .online-course img.banner {
        margin-top: -25px;
    }

.reg .helpfulinfo img {
    margin: 20px 0 0;
    padding: 0;
}

img.motley {
    width: 120px;
}

/* CONTACT US */
.contact-us fieldset label {
    display: block;
    float: left;
    width: 150px;
    color: #232323;
    font-size: 1.4em;
    text-align: right;
    padding: 5px 0 0;
    margin-right: 6px;
}

.contact-us button {
    position: relative;
    left: 158px;
    background-color: #60a800;
    font-family: 'Arial', Sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 8px;
    margin: 0 5px 0 0;
    border: 1px solid #60a800;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.contact-us #recaptcha_widget_div {
    position: relative;
    left: 157px;
}

.contact-us .bottom-content {
    color: #000;
    font-size: 16px;
    line-height: 1.4;
}

    .contact-us .bottom-content h3 {
        font-weight: bold;
    }

    .contact-us .bottom-content span {
        display: block;
    }

/* ACCOUNTING */
.tooltip-snapshot table {
    border: 1px solid #000;
}

/* LOGIN & LOGGED OUT */
.gen .text p, .reg .text p, .reg .boxed p {
    margin: 0 10px 0 0;
    padding: 0;
    font-size: 1.4em;
    color: #232323;
}

.reg .boxed p {
    margin-bottom: 25px;
}

    .gen .text p a, .reg .text p a, .reg .boxed p a {
        color: #60a800;
    }

        .gen .text p a:hover, .reg .text p a:hover, .reg .boxed p a:hover {
            color: #437600;
        }

.gen .text p img {
    margin-right: 14px;
}

.gen iframe {
    margin-top: 20px;
}

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

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

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

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

#modal-login {
    width: 450px;
    height: 240px;
    padding: 8px 2px 2px 8px;
}

    #modal-login fieldset {
        width: 295px;
        margin: 0 auto;
        padding: 0;
    }

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

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

    #modal-login button {
        background-color: #60a800;
        font-family: 'Arial', Sans-serif;
        color: #fff;
        font-weight: bold;
        padding: 5px 8px;
        border: 1px solid #60a800;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

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

    #modal-login label.remember {
        position: relative;
        top: 9px;
        display: block;
        float: left;
        width: 82px;
        margin-right: 5px;
        color: #232323;
        font-size: 1.1em;
        text-align: right;
    }

    #modal-login a.forgot {
        margin: 5px 0 0 110px;
        color: #60a800;
        text-transform: uppercase;
    }

        #modal-login a.forgot:hover {
            color: #437600;
        }

    #modal-login.modal-forgotpassword {
        width: 100%;
    }

        #modal-login.modal-forgotpassword label.main {
            width: auto;
        }

        #modal-login.modal-forgotpassword p {
            color: gray;
            font-size: 11px;
            font-weight: bold;
            margin: 0;
            padding-left: 110px;
        }

        #modal-login.modal-forgotpassword fieldset,
        #modal-login.modal-forgotpassword .validation-summary-errors {
            width: 100%;
            padding-left: 110px;
        }

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

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

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

    #modal-join-private input {
        position: relative;
        top: -12px;
        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: 'Arial', Sans-serif;
        color: #fff;
        font-weight: bold;
        padding: 5px 8px;
        border: 1px solid #60a800;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

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

#modal-portfolioreset {
    width: 600px;
    height: 150px;
}

    #modal-portfolioreset h1 {
        text-align: left;
        margin-left: 30px;
        margin-bottom: 0;
    }

    #modal-portfolioreset h3 {
        color: #517497;
        font-size: 14px;
        margin-left: 30px;
    }

    #modal-portfolioreset p {
        text-align: center;
        margin-top: 20px;
    }

        #modal-portfolioreset p a {
            font-family: 'Arial', Sans-serif;
            color: #fff;
            font-weight: bold;
            padding: 5px 8px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            text-decoration: none;
            font-size: 16px;
        }

            #modal-portfolioreset p a.yes {
                background-color: #60a800;
                border: 1px solid #60a800;
                margin-right: 10px;
            }

                #modal-portfolioreset p a.yes:hover {
                    background-color: #437600;
                    border: 1px solid #437600;
                }

            #modal-portfolioreset p a.no {
                background-color: #ff1f3a;
                border: 1px solid #ff1f3a;
                margin-left: 10px;
            }

            #modal-portfolioreset p a.yes:hover {
                background-color: #437600;
                border: 1px solid #437600;
            }

#order-cancel {
    width: 480px;
    height: 140px;
    padding: 8px 2px 2px 8px;
}

    #order-cancel h1 {
        margin: 25px 0 0;
        padding: 0;
        text-transform: none;
    }

    #order-cancel p {
        text-align: center;
    }

        #order-cancel p.cancel-time {
            font-size: 1.3em;
            margin: 10px 0 0;
            padding: 0;
            color: #8c8c8c;
        }

/* dartboard */
#modal-dartboard {
    background: url(../images/dartboard-610x370.png) no-repeat;
}

    #modal-dartboard h1 {
        padding: 0;
        margin-bottom: 5px;
    }

    #modal-dartboard h3 {
        color: #517497;
        font-size: 14px;
    }

    #modal-dartboard .left-col, #modal-dartboard .right-col {
        width: 50%;
        float: left;
    }

    #modal-dartboard #dartboard-items .company {
        position: relative;
        left: -16px;
    }

    #modal-dartboard #dartboard-items .symbol {
        width: 50%;
        float: left;
        padding-left: 0px;
        color: #000;
    }

    #modal-dartboard #dartboard-items .action {
        width: 50%;
        float: left;
    }

    #modal-dartboard .right-col {
        font-size: 14px;
        color: #517497;
    }

        #modal-dartboard .right-col > span {
            position: relative;
            top: 30px;
            left: -20px;
        }

#throw-again {
    width: 300px;
    height: 300px;
    position: relative;
    display: block;
}

#modal-dartboard #dartboard-items {
    margin-top: 70px;
    padding-left: 120px;
}

    #modal-dartboard #dartboard-items .row {
        margin-top: 10px;
    }

    #modal-dartboard #dartboard-items .action .btn {
        position: relative;
        top: 8px;
    }


/* Overlay all */
#basic-modal-content {
    display: none;
}

#simplemodal-overlay {
    background-color: #000;
    cursor: wait;
}

#simplemodal-container {
    color: #bbb;
    background-color: #fff;
    margin: 0;
    padding: 0;
    height: auto!important;
    border: 2px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    #simplemodal-container .simplemodal-data {
        background-color: #fff;
        margin: 0;
        padding: 10px;
        border: 5px solid #517497;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    #simplemodal-container a.modalCloseImg {
        background: url(../images/x.jpg) no-repeat;
        width: 18px;
        height: 18px;
        display: inline;
        z-index: 3200;
        position: absolute;
        top: -5px;
        right: -6px;
        cursor: pointer;
    }

/* MY PORTFOLIO */
#head-select {
    float: left;
    width: 545px;
    clear: both;
}

    #head-select label {
        color: #202020;
        font-size: 12px;
        float: left;
        margin-top: 5px;
        margin-right: 15px;
        margin-left: 40px;
    }

        #head-select label:first-child {
            margin-left: 0;
        }

a.snapshot:link, a.snapshot:visited, a.snapshot:active {
    color: #407000;
}

.snapshot {
    margin-right: 15px;
    float: right;
    background: url('../images/show.png') no-repeat top left;
    padding-left: 20px;
}
/* Transaction history */
.filterdates label {
    font-size: 1.15em;
    line-height: 25px;
    font-family: 'Arial', Sans-serif;
    color: #202020;
    margin-right: 3px;
}

.filterdates input.dates {
    position: relative;
    top: -2px;
    width: 80px;
    height: 25px;
    background-color: #ffffff;
    color: #407000;
    padding: 0 3px;
    border: 1px solid #dddddd;
    -moz-border-radius: .3333em;
    -webkit-border-radius: .3333em;
    border-radius: .3333em;
}

.filterdates input.img {
    width: auto;
    height: auto;
    border-radius: 0;
}

.full-table2 {
    float: left;
    clear: both;
    position: relative;
    padding: 20px 20px 0 20px;
    border: 2px solid #407000;
    -moz-border-radius: .3333em;
    -webkit-border-radius: .3333em;
    border-radius: .3333em;
    -webkit-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #cacaca;
}

.time {
    color: #adadad;
}

table.history {
    width: 668px;
    margin: 0 -20px;
    padding: 0;
}

    table.history thead tr {
        background-color: #517497;
        margin: 0;
        padding: 2px 20px;
        text-align: left;
    }

        table.history thead tr th {
            font-size: 1em;
            margin: 0;
            padding: 5px;
            font-family: 'Arial', Sans-serif;
            font-weight: normal;
            text-align: left;
            text-transform: capitalize;
            white-space: nowrap;
        }

    table.history tbody tr {
        background-color: #ffffff;
        text-align: left;
    }

        table.history tbody tr.odd {
            background-color: #e2f4fc;
        }

        table.history tbody tr.selected {
            background-color: #66ffff;
            font-weight: bold;
        }

        table.history tbody tr td {
            font-size: 1.1em;
            color: #131313;
            line-height: 20px;
            display: table-cell;
            vertical-align: top;
            margin: 0;
            padding: 5px;
            line-height: 1.2em;
        }
/* myportfolio */
.myportfolio img.refresh {
    position: relative;
    top: 2px;
    left: -20px;
}

.myportfolio p {
    position: relative;
    top: 25px;
    font-size: 1.15em;
    line-height: 25px;
    color: #202020;
    margin: 0 0 0 -10px;
    float: left;
    width: 55%;
}

.myportfolio .sponsor {
    float: left;
}

.sponsor {
    margin: 0;
    width: 215px;
}

    .sponsor p {
        position: relative;
        top: 25px;
        margin: 0 5px 0 10px;
        font-size: 1.15em;
        line-height: 25px;
        color: #b0b0b0;
        float: left;
        width: auto;
        font-style: italic;
    }

table.tbmyportfolio {
    width: 668px;
    margin: 0 -20px;
    padding: 0;
}

    table.tbmyportfolio thead tr {
        background-color: #004182;
        margin: 0;
        padding: 2px 20px;
        text-align: left;
    }

        table.tbmyportfolio thead tr th {
            font-size: 1em;
            margin: 0;
            padding: 5px;
            font-family: 'Arial', Sans-serif;
            font-weight: normal;
            text-align: center;
            text-transform: capitalize;
            white-space: nowrap;
        }

    table.tbmyportfolio tbody tr {
        background-color: #ffffff;
        text-align: left;
    }

        table.tbmyportfolio tbody tr.odd {
            background-color: #e2f4fc;
        }

        table.tbmyportfolio tbody tr td {
            font-size: 1.1em;
            color: #131313;
            line-height: 20px;
            display: table-cell;
            vertical-align: top;
            text-align: right;
            margin: 0;
            padding: 3px;
            line-height: 1.2em;
        }

        table.tbmyportfolio tbody tr.last {
            border-top: 4px solid #d8d8d8;
            background-color: #ffffff;
        }

    table.tbmyportfolio tr td a {
        color: #60a800;
    }

    table.tbmyportfolio tr td img {
        position: relative;
        margin-right: 2px;
    }

/* rankings */
.rank-position {
    font-size: 1.15em;
    line-height: 25px;
    font-family: 'Arial', Sans-serif;
    color: #202020;
}

table.history tbody tr.myrank {
    background-color: #d7eabd;
    font-weight: bold;
}
/* rankings - no contests */
.no-contest {
    text-align: center;
}

    .no-contest h4 {
        color: #000;
        font-size: 1.4em;
        line-height: 1.4em;
        font-weight: bold;
        font-family: 'Arial', Sans-serif;
    }

    .no-contest h5 {
        color: #000;
        font-size: 1.5em;
        line-height: 1.5em;
        width: 70%;
        margin: 0 auto;
    }

#date-range {
    display: inline-block;
    margin-left: 40px;
}

    #date-range label {
        font-size: 1.15em;
        line-height: 25px;
        font-family: 'Arial', Sans-serif;
        color: #202020;
    }

.timestamp {
    color: #5c7d9d;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: -5px;
    left: -15px;
}

/* open positions */
table.tbmyportfolio tbody.openpositions-data tr td {
    width: 11.11%;
    height: auto;
}

.op-sub-menu a {
    text-decoration: none !important;
}

.htmwmascot {
    margin-top: 25px;
    font-size: 1.5em;
    color: #60a800;
}

    .htmwmascot ul {
        margin-left: 30px;
        line-height: 20px;
    }

    .htmwmascot span {
        margin-left: 15px;
        color: blue;
    }

    .htmwmascot ul li {
        display: list-item;
        list-style: disc;
    }

        .htmwmascot ul li a {
            text-decoration: underline;
        }

| .wrapper-alert .alert-box {
    width: 95%;
}

.wrapper-alert table {
    color: #000;
    font-size: 12px;
}

    .wrapper-alert table td {
        padding-bottom: 5px;
    }

        .wrapper-alert table td.date {
            width: 70px;
        }

/* order history */
.full-table p {
    font-size: 1.2em;
    line-height: 1.4em;
    color: black;
    margin: 0 0 10px 0;
}

/* Graph my Portfolio */
#portfoliochart-tabs li a {
    background: #ccf;
    padding: 10px;
    float: left;
    border-right: 1px solid #ccf;
    border-bottom: none;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

#portfoliochart-tabs li.active a {
    background: #eef;
}

#div-onemonth-container,
#div-threemonths-container {
    float: left;
    clear: both;
    border: 1px solid #ccf;
    border-top: none;
    border-left: none;
    background: #eef;
    padding: 10px 20px 20px;
    width: 600px;
    height: 330px;
}

    #div-onemonth-container h3,
    #div-threemonths-container h3 {
        text-transform: uppercase;
        text-align: center;
    }

.portfoliograph #ddlSymbols {
    position: relative;
    left: 15px;
    float: right;
}

/* POPULAR STOCKS */
.popular-stock .sponsor {
    float: right;
}

.popular-stock table.history a {
    color: #517497;
}

.popular-stock table.history tr td {
    vertical-align: middle;
}

/* SEARCH RESULTS */
.search-results .sponsor {
    float: right;
}

.search-results table.history a {
    color: #517497;
}

.search-results table.history tr td {
    vertical-align: middle;
}

.search-results table.history tr th {
    height: 20px;
}

.search-results table.history tr td h2 {
    font-size: 14px;
    line-height: 16px;
    color: #517497;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 0;
    height: auto;
}

.full-table ul.search-result {
    width: 668px;
    margin: 0 -20px;
    padding: 0;
}

    .full-table ul.search-result p {
        margin: 15px;
    }

/* FIND CONTEST */
.find-contest table.history {
    width: 668px;
    margin: 0 -20px;
    padding: 0;
}

    .find-contest table.history thead tr {
        background-color: #517497;
        margin: 0;
        padding: 2px 20px;
        text-align: left;
    }

        .find-contest table.history thead tr th {
            font-size: 1em;
            margin: 0;
            padding: 5px;
            font-family: 'Arial', Sans-serif;
            font-weight: normal;
            text-align: left;
            text-transform: capitalize;
            white-space: nowrap;
        }

    .find-contest table.history tbody tr {
        background-color: #ffffff;
        text-align: left;
    }

        .find-contest table.history tbody tr.odd {
            background-color: #e2f4fc;
        }

        .find-contest table.history tbody tr.selected {
            background-color: #66ffff;
            font-weight: bold;
        }

        .find-contest table.history tbody tr td {
            font-size: 1.1em;
            color: #131313;
            line-height: 20px;
            display: table-cell;
            vertical-align: top;
            margin: 0;
            padding: 5px;
            line-height: 1.2em;
            width: 25%;
        }

            .find-contest table.history tbody tr td a.join,
            .find-contest table.history tbody tr td a.join-private {
                float: right;
                cursor: pointer;
            }

/* PROFILE */
.myprofile {
    width: 650px;
}

img.myavatar {
    float: left;
    margin-left: 20px;
}

.myprofile .col-label {
    font-size: 1.2em;
    line-height: 1.2em;
    float: left;
    width: 140px;
    margin: 0 10px 3px 0;
    padding: 4px 0;
    text-align: right;
    color: #517497;
    display: table-cell;
    vertical-align: middle;
}

.myprofile .col-content {
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 3px 10px;
    padding: 4px 10px;
    float: left;
    width: 470px;
    color: #517497;
    display: table-cell;
    vertical-align: middle;
    min-height: 14px;
}

    .myprofile .col-content.odd {
        background-color: #daffca;
    }

.myprofile .interests span {
    display: block;
    float: left;
    color: #d9d9d9;
    width: 110px;
    ;
    margin-bottom: 12px;
}

.myprofile .interests .interest {
    color: #517497;
}

#profilepwd-container {
    border-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    #profilepwd-container .simplemodal-data {
        border: 5px solid #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    #profilepwd-container .modal-profilepwd {
        width: 450px;
        color: #517497;
        background: #fff url('../images/bg-profilepopup.jpg') 0 0 repeat-x;
        display: none;
    }

        #profilepwd-container .modal-profilepwd a.modalCloseImg {
            display: none;
        }

        #profilepwd-container .modal-profilepwd.simplemodal-data {
            border: 0;
        }

        #profilepwd-container .modal-profilepwd h1 {
            height: 46px;
            background: #fff url('../images/bg-profilepopup-title.jpg') 0 0 repeat-x;
            border: 0;
            color: #fff;
            padding: 5px 0 0;
            margin-bottom: 20px;
            text-align: center;
            border-color: #000;
            -moz-border-radius: 5px 5px 0 0;
            -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
        }

        #profilepwd-container .modal-profilepwd fieldset {
            width: 100%;
            margin: 0 auto;
            text-align: center;
            font-size: 16px;
        }

        #profilepwd-container .modal-profilepwd p {
            clear: both;
            color: #517497;
            text-align: center;
            font-size: 10px;
        }

        #profilepwd-container .modal-profilepwd label {
            float: left;
            width: 200px;
            margin: 0 10px 0 40px;
            text-align: right;
        }

        #profilepwd-container .modal-profilepwd input {
            float: left;
            border: 1px solid #dddddd;
        }

            #profilepwd-container .modal-profilepwd input.input-validation-error {
                border: 1px solid #e89698;
            }

            #profilepwd-container .modal-profilepwd input.valid {
                border: 1px solid #8dd17d;
            }

#profileedit-container {
    width: 500px;
    margin: 0 auto;
    text-align: center;
    border-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    #profileedit-container .simplemodal-data {
        border: 5px solid #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    #profileedit-container .modal-profileedit {
        color: #517497;
        background: #fff url('../images/bg-profilepopup.jpg') 0 0 repeat-x;
        display: none;
    }

        #profileedit-container .modal-profileedit a.modalCloseImg {
            display: none;
        }

        #profileedit-container .modal-profileedit.simplemodal-data {
            border: 0;
        }

        #profileedit-container .modal-profileedit h1 {
            height: 46px;
            background: #fff url('../images/bg-profilepopup-title.jpg') 0 0 repeat-x;
            border: 0;
            color: #fff;
            padding: 5px 0 0;
            margin-bottom: 20px;
            text-align: center;
            border-color: #000;
            -moz-border-radius: 5px 5px 0 0;
            -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
        }

        #profileedit-container .modal-profileedit fieldset {
            width: 100%;
            margin: 0 auto;
            text-align: center;
            font-size: 14px;
        }

        #profileedit-container .modal-profileedit label {
            float: left;
            width: 130px;
            margin: 0 10px 0 30px;
            text-align: right;
        }

        #profileedit-container .modal-profileedit strong {
            float: left;
            width: 270px;
            text-align: left;
        }

        #profileedit-container .modal-profileedit input, #profileedit-container .modal-profileedit textarea, #profileedit-container .modal-profileedit select {
            float: left;
            width: 270px;
            border: 1px solid #dddddd;
        }

            #profileedit-container .modal-profileedit input.input-validation-error {
                border: 1px solid #e89698;
            }

            #profileedit-container .modal-profileedit input.valid {
                border: 1px solid #8dd17d;
            }

        #profileedit-container .modal-profileedit .col input {
            position: relative;
            top: -3px;
            width: 16px;
            float: left;
        }

        #profileedit-container .modal-profileedit .col {
            width: 120px;
            float: left;
            text-align: left;
            font-size: 12px;
        }

        #profileedit-container .modal-profileedit .first {
            margin-left: 20px;
        }

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

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

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

#frmEditContest .half-size {
    width: 45.5%;
}

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

.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: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.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: 'Arial', Sans-serif;
}

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

.half-size .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: #e2f4fc;
    margin: 20px 30px 0;
    padding: 5px 20px 10px;
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .contest h3 {
        font-size: 1.3em;
        line-height: 1.4em;
        margin: 5px 0 10px;
        padding: 0;
        font-family: '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: 6px;
    margin-right: 10px;
}

.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: 'Arial', Sans-serif;
}

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

    .find-contest .full-table table i {
        display: block;
        padding: 5px 0 0 15px;
        word-wrap: break-word;
        max-width: 200px;
    }

.find-contest .input-findcontest-container {
    width: 50%;
    float: left;
}
/* 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: '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: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.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: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

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

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

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

.expired-contest .expired-content {
    position: relative;
    margin-top: -71px;
    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: 'Arial', Sans-serif;
}

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

.active-contest .clean-box {
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    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: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.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;
    width: 470px;
}

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

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

.active-contest .active-joined-content {
    position: relative;
    margin-top: -17px;
    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-manage-assignments {
    background-color: #517398;
    height: 48px;
    color: #fff !important;
    text-decoration: none;
    padding: 3px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    margin-left: 10px;
}

.what-is-assignment {
    position: relative;
    top: 5px;
    margin-left: 200px;
}


.btn-cancel-contest-form {
    background-color: #ff1f3a;
}

/* helpful info */
img.helpful {
    position: relative;
    top: 33px;
    left: 50px;
    z-index: 9999;
}

.helpfulinfo {
    position: relative;
    z-index: 99;
    margin: 0 60px;
}

    .helpfulinfo h4 {
        font-family: "Arial", sans-serif;
        font-size: 1.1em;
        font-weight: normal;
        float: left;
        color: #fff;
        width: auto;
        padding: 5px 6px 3px 14px;
        background-color: #517497;
        border: 1px solid #517497;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    .helpfulinfo ul.circle {
        color: #407000;
        list-style-type: disc;
        clear: left;
        position: relative;
        top: -6px;
        margin: 0;
        padding: 14px;
        background-color: #fff;
        border: 1px solid #dddddd;
        border-radius: 0 5px 5px 5px;
        -moz-border-radius: 0 5px 5px 5px;
        -webkit-border-radius: 0 5px 5px 5px;
        border-radius: 0 5px 5px 5px;
    }

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

            .helpfulinfo ul.circle li a {
                color: #407000;
            }
/* all */
.positive, a.positive {
    color: #407000;
}

.negative, a.negative {
    color: #ec0000;
}

.pagination {
    width: auto;
    text-align: center;
    margin: 0 auto;
}

    .pagination .navig {
        display: inline-block;
    }

        .pagination .navig a {
            display: inline-block;
            font-size: 1.3em;
            font-family: 'Arial', Sans-serif;
            background-color: #407000;
            color: #ffffff;
            text-decoration: none;
            padding: 7px 10px;
            margin: 0;
            cursor: pointer;
        }

            .pagination .navig a.first {
                -webkit-border-top-left-radius: 5px;
                -moz-border-radius-topleft: 5px;
                border-top-left-radius: 5px;
                -webkit-border-bottom-left-radius: 5px;
                -moz-border-radius-bottomleft: 5px;
                border-bottom-left-radius: 5px;
            }

            .pagination .navig a.last {
                -webkit-border-top-right-radius: 5px;
                -moz-border-radius-topright: 5px;
                border-top-right-radius: 5px;
                -webkit-border-bottom-right-radius: 5px;
                -moz-border-radius-bottomright: 5px;
                border-bottom-right-radius: 5px;
            }

    .pagination .pages {
        position: relative;
        top: 28px;
        display: inline-block;
    }

    .pagination .currentpage {
        display: inline-block;
        padding: 8px 10px 9px;
        background-color: #60a800;
        font-size: 1.4em;
        font-family: 'Arial', Sans-serif;
        text-transform: uppercase;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .pagination .totalpages {
        margin-top: 5px;
        margin-bottom: 25px;
    }

        .pagination .totalpages i {
            font-size: 1.4em;
            color: #407000;
        }

    .pagination .navig .paging-button.disabled {
        cursor: default;
        background-color: #888;
    }

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

/* TABS */
.exchange-tabs {
    float: left;
    clear: both;
}

    .exchange-tabs li {
        float: left;
        display: block;
        text-indent: -999em;
        height: 50px;
        width: 133px;
        margin-right: 1px;
        background-position: 0 -50px;
        background-repeat: no-repeat;
        cursor: pointer;
    }
        /* trade */
        .exchange-tabs li.us {
            background-image: url('../images/tab-us.png');
        }

        .exchange-tabs li.t {
            background-image: url('../images/tab-canada.png');
        }

        .exchange-tabs li.ln {
            background-image: url('../images/tab-london.png');
        }

        .exchange-tabs li.euro {
            background-image: url('../images/tab-euro.png');
        }

        .exchange-tabs li.india {
            background-image: url('../images/tab-india.png');
        }

a.show-dartboard {
    cursor: pointer;
}

/* widgets */
.exchange-tabs li.quotes {
    width: 72px;
    background-image: url('../images/tab-quotes.png');
}

.exchange-tabs li.charts {
    width: 72px;
    background-image: url('../images/tab-charts.png');
}

.exchange-tabs li.news {
    width: 72px;
    background-image: url('../images/tab-news.png');
}

.exchange-tabs li.symbollookup {
    width: 132px;
    background-image: url('../images/tab-symbollookup.png');
}
/* myportfolio */
.exchange-tabs li.allalone {
    width: 62px;
    background-image: url('../images/tab-all-alone.png');
}

.exchange-tabs li.etf {
    width: 117px;
    background-image: url('../images/tab-stocks.png');
}

.exchange-tabs li.mf {
    width: 132px;
    background-image: url('../images/tab-mf.png');
}

/* account balances */
.exchange-tabs li.value {
    width: 162px;
    background-image: url('../images/tab-value.png');
}

.exchange-tabs li.portfolio {
    width: 222px;
    background-image: url('../images/tab-portfolio.png');
}

.exchange-tabs li.rates {
    width: 172px;
    background-image: url('../images/tab-rates.png');
}
/* my ranking */
.exchange-tabs li.weekly {
    width: 92px;
    background-image: url('../images/tab-weekly.png');
}

.exchange-tabs li.monthly {
    width: 92px;
    background-image: url('../images/tab-monthly.png');
}

.exchange-tabs li.overall {
    width: 92px;
    background-image: url('../images/tab-overall.png');
}
/* order history */
.exchange-tabs li.all {
    width: 62px;
    background-image: url('../images/tab-all.png');
}

.exchange-tabs li.open {
    width: 72px;
    background-image: url('../images/tab-open.png');
}

.exchange-tabs li.filled {
    width: 72px;
    background-image: url('../images/tab-filled.png');
}

.exchange-tabs li.cancelled {
    width: 102px;
    background-image: url('../images/tab-cancelled.png');
}

.exchange-tabs li.expired {
    width: 92px;
    background-image: url('../images/tab-expired.png');
}
/* contests */
.exchange-tabs li.activecontests {
    width: 143px;
    background-image: url('../images/tab-activecontests.png');
}

.exchange-tabs li.expiredcontests {
    width: 148px;
    background-image: url('../images/tab-expiredcontests.png');
}

.exchange-tabs li.createcont {
    width: 135px;
    background-image: url('../images/tab-createcontest.png');
}

.exchange-tabs li.findcontest {
    width: 155px;
    background-image: url('../images/tab-findcontest.png');
}
/* popular stock */
.exchange-tabs li.best {
    width: 130px;
    background-image: url('../images/tab-besttrade.png');
}

.exchange-tabs li.worst {
    width: 133px;
    background-image: url('../images/tab-worsttrade.png');
}

.exchange-tabs li.mostbought {
    width: 137px;
    background-image: url('../images/tab-mostbought.png');
}

.exchange-tabs li.mostsold {
    width: 131px;
    background-image: url('../images/tab-mostsold.png');
}

.exchange-tabs li.mosttraded {
    width: 132px;
    background-image: url('../images/tab-mosttraded.png');
}
/* search results */
.exchange-tabs li.stocks {
    width: 132px;
    background-image: url('../images/tab-stock.png');
}

.exchange-tabs li.articles {
    width: 132px;
    background-image: url('../images/tab-article.png');
}
/*all */
.exchange-tabs li:hover, .exchange-tabs li.active {
    background-position: 0 0;
}

.exchange-tabs li a {
    display: block;
    min-width: 72px;
    height: 44px;
}

#trade-equities .wrapper-alert h3 {
    margin-top: 5px;
}

#trade-equities .wrapper-alert .alert-box {
    margin-bottom: 0;
}

.wrapper-alert .close {
    position: relative;
    top: -8px;
    left: -10px;
}

/* PAGES */
/* Trade */
.symbols {
    float: left;
}

.cols {
    float: left;
    margin-right: 10px;
}

.results {
    background: #ffffff;
    float: left;
    border: 1px solid #dddddd;
    padding: 10px 10px 5px;
    margin-bottom: 10px;
    -moz-border-radius: 0.3333em;
    -webkit-border-radius: 0.3333em;
    border-radius: 0.3333em;
}

.full-table label {
    color: #a1a1a1;
    font-size: 10px;
    font-weight: bold;
}

.full-table .confirmation label {
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

#exchange-table {
    float: left;
    clear: both;
}

    #exchange-table select, #exchange-table [type=text] {
        float: left;
        clear: left;
        font-size: 11px;
        color: #5c7d9d;
        height: 26px;
        margin-bottom: 5px;
    }

    #exchange-table [type=text] {
        width: 90px;
        padding: 5px;
        height: 12px;
    }

    #exchange-table label {
        float: left;
        padding-bottom: 2px;
        padding-top: 5px;
        font-weight: bold;
    }

    #exchange-table .results label {
        font-size: 12px;
        color: #5c7d9d;
    }

    #exchange-table .getinfo {
        font-size: 12px;
        color: #434343;
        border: none;
        height: 22px;
        padding: 0;
        width: 90px;
    }

    #exchange-table .btn-refresh {
        width: 96px;
        height: 29px;
        position: absolute;
        right: -2px;
        top: -4px;
    }
    /* Current quote wrapper */
    #exchange-table .current-quote-wrapper {
        float: left;
        margin-right: 10px;
    }

        #exchange-table .current-quote-wrapper h3 {
            width: 303px;
        }

    #exchange-table .current-quote-wrapper {
        width: 347px;
        position: relative;
        float: left;
    }

        #exchange-table .current-quote-wrapper .getinfo {
            clear: none;
            width: auto;
            float: left;
            height: auto;
        }

        #exchange-table .current-quote-wrapper label {
            clear: left;
            width: 100px;
            text-align: left;
            padding: 0;
            margin-right: 10px;
        }

    #exchange-table .estimated-cost {
        padding: 5px 0;
        background: #daffca;
        float: left;
        text-align: center;
        width: 235px;
        margin-left: 190px;
        height: 50px;
    }

    #exchange-table .results .estimated-cost label {
        font-size: 17px;
        float: none;
        color: #60a800;
    }

    #exchange-table .results .estimated-cost .getinfo {
        font-size: 31px;
        color: #60a800;
    }

    #exchange-table .current-quote-wrapper .green {
        color: #60a800;
        margin-left: 10px;
    }

    #exchange-table .current-quote-wrapper .red {
        color: #ff0000;
        margin-left: 10px;
    }

    #exchange-table .odd {
        background: #f2f2f2;
        float: left;
        clear: both;
        width: 333px;
        padding: 10px;
    }

    #exchange-table .even {
        background: #ebebeb;
        float: left;
        clear: both;
        width: 333px;
        padding: 10px;
    }

    #exchange-table .last {
        -moz-border-radius: 0 0 0.3333em 0.3333em;
        -webkit-border-radius: 0 0 0.3333em 0.3333em;
        border-radius: 0 0 0.3333em 0.3333em;
    }

.current-quote-wrapper h3, .wrapper-alert h3 {
    background: #517497;
    float: left;
    padding: 5px 15px;
    font-size: 1.5em;
    font-weight: normal;
    font-family: "Arial", sans-serif;
    -moz-border-radius: 0.3333em 0.3333em 0 0;
    -webkit-border-radius: 0.3333em 0.3333em 0 0;
    border-radius: 0.3333em 0.3333em 0 0;
    color: #fff;
}

    .current-quote-wrapper h3 span {
        font-weight: normal;
        font-size: 0.7em;
    }

.message {
    font-size: 12px;
    line-height: 16px;
    color: #407000;
    text-align: center;
    width: 610px;
    padding: 5px 0;
    display: block;
}

.quotes-message {
    font-size: 8px;
    font-style: italic;
    color: #434343;
    text-align: center;
    background-color: #f2f2f2;
    width: 353px;
}

.results .results-right-col [type=image] {
    margin-bottom: 10px;
}

.results-right-col {
    float: left;
    text-align: center;
    width: 610px;
}

.symbol-example {
    float: left;
    clear: both;
}

a.symbol-lookup:link, a.symbol-lookup:visited, a.symbol-lookup:active {
    float: left;
    clear: both;
    color: #407000;
    margin-bottom: 10px;
    text-decoration: underline;
    font-weight: bold;
    margin-top: 5px;
    font-size: 11px;
}

/* alert box */
.alert-box {
    background: #ffffff;
    float: left;
    border: 1px solid #dddddd;
    padding: 10px;
    width: 650px;
    -moz-border-radius: 0.3333em;
    -webkit-border-radius: 0.3333em;
    border-radius: 0.3333em;
    margin-bottom: 20px;
}

    .alert-box p {
        color: #434343;
        font-size: 12px;
        margin: 0;
    }

    .alert-box strong {
        color: #517497;
    }

.btn-print-order {
    margin-top: 0px;
}

.btn-view-order {
    margin-top: 0px;
}

.Orderprint {
    float: right;
    margin-left: 5px;
}

.neworder {
    float: left;
    margin-left: 200px;
}

.socialbtn {
    float: left;
    margin-top: -8px;
    margin-left: 5px;
}

.tw-btn {
    margin-top: -3px;
}
/* table */
table.data {
    width: 668px;
    margin: 0 -20px;
    padding: 0;
}

    table.data thead tr {
        background-color: transparent;
        margin: 0;
        padding: 0;
    }

        table.data thead tr th h2 {
            font-family: "Arial", sans-serif;
            font-size: 25px;
            line-height: 25px;
            height: 25px;
            margin: 0 0 0 20px;
            padding: 0;
        }

            table.data thead tr th h2.blue {
                color: #6591bc;
            }

            table.data thead tr th h2.green {
                color: #65bca2;
            }

    table.data tbody tr {
        background-color: #ceddec;
    }

        table.data tbody tr.odd {
            background-color: #adc7e1;
        }

        table.data tbody tr td {
            font-size: 12px;
            color: #131313;
            line-height: 20px;
            padding: 5px 20px;
        }


.checkbox-liquidate {
    float: left;
}

#no-rights h2 {
    color: #517398;
    font-size: 22px;
    margin-top: 50px;
    margin-bottom: 35px;
}

/* Right Panel */
.col-30 {
    float: right;
    width: 310px;
    box-shadow: 4px 10px 15px 2px #aaaaaa;
}

.col-16 {
    float: left;
    width: 165px;
    margin-left: 15px;
    background-color: #ff8040;
    margin-top: -10px;
}

.col-30 .search-quote {
    width: 285px;
    border-radius: 5px;
    top: 10px;
    position: relative;
    margin-bottom: 20px;
    margin-left: 3px;
}

.search-quote {
    background-color: #517398;
    padding: 10px;
    margin: 0 0 10px;
}

    .search-quote input.quotefield {
        border: 0;
        padding: 0 5px;
        width: 100px;
        height: 38px;
        background: transparent url('../images/bg-searchquote.png') 0 0 no-repeat;
    }

    .search-quote a.link {
        color: white;
    }

.col-30 .search-quote a.link {
    margin-left: 10px;
    color: white;
}

.search-quote a:hover.link {
    color: #000000;
}

.search-quote .ad-88-31 {
    float: right;
    position: relative;
    top: 4px;
}

.widget {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 3px;
}

.col-16 .search-quote {
    width: 145px;
    text-align: center;
    border-radius: 5px;
    top: 25px;
    position: relative;
    margin-bottom: 27px;
}

.col-16 .ad-88-31, .col-16 .ad-88-31 a, .col-16 .ad-88-31 a img {
    float: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

/* FOOTER */
.sep-footer {
    clear: both;
    width: 1000px;
    height: 0;
    margin: 0 auto;
    background-color: #ffffff;
}

#footer {
    color: #617f9f;
    background-color: #0d1f32;
}

    #footer .st-family {
        background-color: #fff;
    }

        #footer .st-family img {
            padding: 10px 20px 0 10px;
            margin: 0 0 -1px;
        }

        #footer .st-family .firstLine {
            clear: both;
            background-color: #0b4495;
            padding: 10px 20px;
            border-top: 1px solid #445d79;
        }

            #footer .st-family .firstLine .st-family-logo img {
                float: left;
                margin: 0 10px;
                padding: 0;
            }

            #footer .st-family .firstLine .st-family-logo.first img {
                margin: 0;
            }

    #footer .dark-bg {
        background-color: #0d1f32;
        margin: 0 auto;
        width: 1000px;
        padding: 0 20px 10px;
    }

    #footer p {
        margin: 0;
        padding: 0;
        font-family: 'Arial', Sans-serif;
        color: #617f9f;
        font-size: 1.2em;
    }
        /* 12px */
        #footer p a {
            color: #83a3c4;
            text-decoration: underline;
        }

            #footer p a:hover {
                color: #a2bfdf;
                text-decoration: underline;
            }

    #footer hr {
        margin: 0 -20px;
        color: #455f7b;
        background-color: #455f7b;
        height: 1px;
        width: 1000px;
        border: 0;
    }

    #footer .col-2 {
        float: left;
        width: 50%;
    }

        #footer .col-2 a {
            text-decoration: none;
        }

        #footer .col-2.last {
            width: 35%;
            float: right;
            background-color: #405974;
            padding: 10px;
        }

            #footer .col-2.last img {
                margin-right: 10px;
            }

    #footer .col-3 {
        float: left;
        width: 32%;
        font-family: 'Arial', Sans-serif;
    }

        #footer .col-3 h3 {
            color: #ffffff;
            font-size: 1.2em;
            font-family: 'Arial';
        }

        #footer .col-3 ul {
            margin-top: 8px;
        }

            #footer .col-3 ul li {
                margin: 0;
                padding: 0;
                list-style-type: none;
                line-height: 1.6em;
            }

                #footer .col-3 ul li a {
                    font-size: 1.2em;
                    color: #617f9f;
                    text-decoration: none;
                    text-transform: capitalize;
                }

                    #footer .col-3 ul li a:hover {
                        color: #83a3c4;
                        text-decoration: underline;
                    }

/* Validation */
.input-validation-error, .error,
input.input-validation-error, input.error,
textarea.input-validation-error, textarea.error,
select.input-validation-error, select.error {
    border-color: #e89698;
    border-style: solid;
    border-width: 2px;
}

.input-validation-valid, .valid,
input.input-validation-valid, input.valid,
textarea.input-validation-valid, textarea.valid,
select.input-validation-valid, select.valid {
    border-color: #8dd17d;
    border-style: solid;
    border-width: 2px;
}

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

.field-validation-valid {
    display: none;
}

.validation-summary-errors {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

    .validation-summary-errors ul {
        padding: 5px 0px 5px 0px;
    }

.validation-summary-valid {
    display: none;
}

#frm-changepassword .field-validation-error {
    float: left;
    font-size: 13px;
    margin-left: 20px;
}

/* Controls */
a.btn {
    cursor: pointer;
}

/* Widgets */
.widget-conteiner {
    width: 300px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #fff;
    border: 2px solid #517398;
    margin-top: 10px;
    font-size: 11px;
}

.widget-conteiner-portolio {
    width: 350px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #fff;
    border: 2px solid #004182;
    margin-top: 10px;
    font-size: 11px;
    color: black;
    text-align: left;
}

.widgets-market-summary table {
    text-align: right;
    border-top: 1px solid #fff;
    table-layout: fixed;
}

    .widgets-market-summary table th {
        border-bottom: 1px solid #78a4b4;
        background-color: #fbfbfb;
        padding: 5px 2px 5px 0;
    }

    .widgets-market-summary table tr.odd {
        background-color: #e2f4fc;
    }

.widgets-title {
    background-color: #517398;
    height: 28px;
    border-bottom: 1px solid #517398;
}

    .widgets-title h3 {
        width: 260px;
        font-size: 17px;
        color: #fff;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }

.market-summary-list-row {
    color: #272727;
    border-top: solid 1px #adc7e1;
}

    .market-summary-list-row.odd {
        background-color: #e2f4fc;
    }

    .market-summary-list-row td {
        padding: 5px 0 5px 0;
    }

    .market-summary-list-row .first-item {
        width: 90px;
        padding-left: 10px;
        text-align: left;
        color: #1da0c1;
        padding-top: 8px;
        padding-bottom: 4px;
    }

    .market-summary-list-row .second-item {
        text-align: right;
        width: 70px;
    }

    .market-summary-list-row .last-item {
        width: 70px;
        padding-right: 5px;
        text-align: right;
    }

#dPortfolioPieChart {
    margin-top: -5px;
}

    #dPortfolioPieChart .pane-content {
        height: 220px;
        overflow: hidden;
    }

#subtabs .inner {
    margin: 5px;
    height: 35px;
    text-align: left;
    border-radius: 10px 10px 0 0;
    border: 1px solid #878787;
    text-shadow: 1px 1px 1px #fff;
    background-color: #c9d1c2;
    background-image: -moz-linear-gradient( top, #eaefe2 15%, #d2d9cb 40%, #b8c2b2 90% );
    background-image: -webkit-linear-gradient( top, #eaefe2 15%, #d2d9cb 40%, #b8c2b2 90% );
    background-image: -ms-linear-gradient( top, #eaefe2 15%, #d2d9cb 40%, #b8c2b2 90% );
}

    #subtabs .inner ul {
        padding: 0 20px 0 20px;
    }

        #subtabs .inner ul li {
            margin: 5px 0 0 10px;
            float: left;
            color: #fff;
            line-height: 17px;
            list-style-type: none;
        }

    #subtabs .inner li a {
        display: block;
        float: left;
        padding: 15px 10px 12px;
        color: #333;
        margin-top: -11px;
        font-size: 11px;
        font-weight: bold;
        line-height: 17px;
        text-decoration: none;
        text-shadow: 1px 1px 1px #fff;
    }

    #subtabs .inner li.active {
        border-right: 0;
    }

        #subtabs .inner li.selected a:link, #subtabs .inner li.active a {
            display: block;
            float: left;
            padding: 15px 10px 12px;
            margin: -11px;
            color: #fff;
            text-shadow: none;
            background-color: #004182;
            border: 1px solid #878787;
            border-bottom: 0;
            line-height: 13px;
            border-radius: 6px 6px 0 0;
        }

.noDataMsg {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #0b5789;
    width: 298px !important;
    position: relative;
    top: 50px;
}

    .noDataMsg a {
        display: block;
        position: relative;
        top: 50px;
        font-size: 15px;
    }

/* Tablets (portrait and landscape) ----------- */
@media only screen and (min-device-width : 600px) and (max-device-width : 1280px) {
    .loggedin .registered {
        padding-left: 10px;
    }

        .loggedin .registered .profile {
            width: 220px;
        }

    ul.navigation li {
        padding: 10px 5px;
    }

    #modal-login label.main {
        width: 95px;
    }
}

/* CSS Tooltip */
.tooltip {
    display: inline;
    position: relative;
}
/*.tooltip:hover:after{ background: #333; background: rgba(0,0,0,.8); border-radius: 5px; bottom: 26px; color: #fff; 
                      content: attr(data-title); left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 220px; }
.tooltip:hover:before{ border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px;
    		           content: ""; left: 50%; position: absolute; z-index: 99; }
*/

/* Status Message */
.status-message {
    color: Red;
    font-size: 14px;
}

    .status-message.profile {
        position: relative;
        top: 60px;
        margin-left: 20px;
    }

/* Contests Forum */
#frmPostForm, #frmPostReply {
    margin-top: 20px;
}

    #frmPostForm label,
    #frmPostReply label {
        display: block;
        float: left;
        width: 30%;
        color: #232323;
        font-size: 1.4em;
        text-align: right;
        padding: 5px 0 0;
        margin-right: 6px;
    }

    #frmPostReply label {
        width: 20%;
    }

.post-details {
    color: #232323;
    font-weight: bold;
    font-size: 11px;
    margin: 10px 5px;
}

#frmPostForm #tbQuestion, #frmPostForm #tbDetails {
    width: 40%;
}

#frmPostReply #tbReply {
    width: 70%;
}

#frmPostForm button, #frmPostReply button {
    margin-bottom: 10px;
}

#frmPostReply a {
    float: right;
    margin-right: 50px;
}

.full-table2.forum {
    padding: 0;
}

    .full-table2.forum table {
        margin: 0;
        width: 100%;
    }

#post-container .top-bar div {
    float: left;
    background-color: #888;
    color: #fff;
    padding: 5px 0;
}

#post-container .top-bar .left {
    width: 30%;
    text-align: left;
}

#post-container .top-bar .center {
    width: 40%;
    text-align: center;
}

#post-container .top-bar .right {
    width: 30%;
    text-align: right;
}

#post-container .top-bar .left > span {
    margin-left: 5px;
}

#post-container .top-bar .right > a, #post-container .top-bar .right > a:hover {
    margin-right: 5px;
    color: #fff;
}

#posts-container a.btn-delete-post, #post-container a.btn-delete-reply {
    position: relative;
    top: -5px;
}

#frmPostForm .status {
    color: #517497;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 23px;
    margin-left: 15px;
}

#frmPostReply .status {
    color: #517497;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 10px;
    margin-left: 15px;
}

/* orderhistory */
.order-history .help-title {
    color: #000;
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 5px;
}

.qtip-content a {
    color: red;
}

.small-search-ad {
    display: inline-block;
    position: relative;
    top: 10px;
}

.quote-button-ads {
    position: relative;
    left: 10px;
    margin-bottom: 5px;
    top: 0px;
    display: inline-block;
}

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

.op-sub-menu-item img {
    position: relative;
    top: 4px;
}

.op-sub-menu-item.op-item-selected {
    color: #91fe00;
    font-family: 'Arial', Sans-serif;
    background-color: #004182;
    line-height: 44px;
    padding: 0 10px;
}

.op-sub-menu-item:hover {
    color: #91fe00 !important;
    font-family: 'Arial', Sans-serif;
    text-decoration: none;
    background-color: #003468;
    line-height: 44px;
    padding: 0 10px;
}

.op-sub-menu {
    text-align: left;
    background-color: #00aa00;
    width: 668px;
    margin: -20px 0 0 -20px;
    line-height: 40px;
    font-family: 'Arial', Sans-serif;
}

    .op-sub-menu a {
        color: white;
        display: inline-block;
        font-size: 1.5em;
        padding: 0 10px;
    }

.op-chart-container {
    float: left;
    width: 33%;
    margin-bottom: 25px;
    margin-right: 3px;
    margin-left: 3px;
    font-size: 14px;
    height: 215px;
    width: 190px;
    border: 1px solid #CCC;
    background-color: #FFF;
    border-radius: 5px;
    padding: 5px;
}

    .op-chart-container .op-data-companyname {
        font-size: 12px;
        margin-left: 5px;
        width: 172px;
        text-transform: initial;
        text-align: center;
    }

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

    .op-details span {
        display: inline-block;
        margin-right: 10px;
    }

.op-details, .op-details2 {
    text-align: left;
    border-top: 1px solid #CCC;
    padding: 2px;
}

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

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

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

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

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

.chart-view {
    color: black;
    padding-top: 15px;
}

.open-position-box .op-sub-menu {
    margin-right: 0px;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 5px;
    background-color: #3990a7;
    color: white;
    margin-top: -5px;
}

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

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

p.batsmessage {
    font-size: 0.9em;
    line-height: 1.4em;
    margin: 0 0 10px 0;
    text-align: center;
    color: grey;
    width: 353px;
    background-color: #f2f2f2;
}

.newleaderboard {
    text-align: center;
    border-bottom: 1px solid #517398;
    padding: 2px;
    margin-left: -13px;
}

.register {
    color: black;
    font-size: 1.4em;
    font-family: Arial;
    line-height: 125%;
}

/* Assignment */
#AssignmentsAdmin {
    color: black;
}

    #AssignmentsAdmin h1 {
        color: black;
    }

    #AssignmentsAdmin p {
        color: black;
        font-size: 12px;
        margin: 0;
        /*font-weight: bold;*/
    }

.quoterefresh {
    float: right;
    margin-top: -51px;
    margin-right: -27px;
}

.popularstocksheader {
    background: #517497;
    padding: 5px 15px;
    width: 600px;
    font-size: 1.5em;
    font-weight: normal;
    font-family: "Arial", sans-serif;
    -moz-border-radius: 0.3333em 0.3333em 0 0;
    -webkit-border-radius: 0.3333em 0.3333em 0 0;
    border-radius: 0.3333em 0.3333em 0 0;
    color: #fff;
    font-weight: normal;
}

.thestreet {
    margin-top: 20px;
    margin-left: 100px;
    text-align: center;
}

.tradepagebox {
    float: right;
    margin-bottom: -70px;
    color: green;
}

.htmwmascottrade {
    margin-right: 30px;
    margin-bottom: -70px;
    font-size: 1.2em;
    color: #60a800;
}

    .htmwmascottrade ul {
        margin-left: 30px;
        line-height: 20px;
    }

    .htmwmascottrade span {
        margin-left: 15px;
        color: blue;
    }

    .htmwmascottrade ul li {
        display: list-item;
        list-style: disc;
    }

        .htmwmascottrade ul li a {
            text-decoration: underline;
        }

table.data.assignmentTable {
    margin: 0;
    border: solid 1px black;
    text-align: center;
    width: 673px;
}

    table.data.assignmentTable tr th {
        height: 30px;
        line-height: 30px;
        background-color: #00aa00;
        color: #f1f1f1;
        border: solid 1px grey;
    }

        table.data.assignmentTable tr th a {
            color: #f1f1f1;
            font-weight: bold;
            text-decoration: underline;
        }

    table.data.assignmentTable tr td {
        height: 25px;
        line-height: 25px;
        border: 1px solid grey;
    }

        table.data.assignmentTable tr td span {
            font-size: 14px;
        }

table.data.scrollable-table {
    margin-left: 0;
    font-family: Trebuchet MS;
}

    table.data.scrollable-table tr th {
        background-color: #d4ecf7;
        text-align: center;
        color: #071d2d;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        font-family: Trebuchet MS;
    }

    table.data.scrollable-table tr.title td {
        background-color: #004182;
        text-align: center;
        height: 28px;
        line-height: 28px;
        color: #f2f2f2;
    }

        table.data.scrollable-table tr.title td span {
            color: #fff;
            font-size: 16px;
            text-transform: uppercase;
            font-family: Trebuchet MS;
        }

    table.data.scrollable-table tr td {
        height: 28px; /*line-height: 28px*/
    }

        table.data.scrollable-table tr td span {
            font-size: 14px;
            font-family: Trebuchet MS;
        }

    table.data.scrollable-table tr.alt td {
        background-color: #b7adb1;
    }

    table.data.scrollable-table input {
        margin-top: 7px;
        text-align: center;
    }


.qmmt_main {
    background-color: #FFFFFF;
    font: 11px Arial;
    color: #666666;
}

.qmmt_text {
    font: 11px Arial;
    color: #666666;
    padding: 4px;
}

.qmmt_text_up {
    font: 11px Arial, Helvetica, sans-serif;
    color: #009900;
}

.qmmt_text_down {
    font: 11px Arial, Helvetica, sans-serif;
    color: #AC294B;
}

{
    * Links *;
}

a.qmmt, a.qmmt_text {
    color: #3168b2;
    font: 11px Arial;
}

a:visited.qmmt, a:visited.qmmt_text {
    color: #3168b2;
    font: 11px Arial;
}

a:hover.qmmt, a:hover.qmmt_text {
    color: #3168b2;
    font: 11px Arial;
}

.qmmt_tab {
    background-color: #3168b2;
    color: #ffffff;
}

.qmmt_tabactive {
    background-color: #e3e3e3;
    color: #000000;
}

{
    * Heading Bars *;
}

.qmmt_header_bar {
    background-color: #517398;
    border-color: #517398;
    font: 17px Arial;
    height: 28px;
    border-radius: 5px 5px 0 0;
}

.QM table tr td table {
    border: 2px solid #517398;
    border-collapse: separate;
    border-radius: 5px;
    margin-top: -3px;
}

.homenews table tr td table {
    border: 1px solid #517398;
}

.qmmt_header_text {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    font-family: Arial, sans-serif;
}

.qmmt_header_bar .qmmt_text {
    color: #ffffff;
}

.qmmt_header_bar a, .qmmt_header_bar a:visited {
    color: #ffffff;
}

{
    * Cycles for Alternating Cells *;
}

.qmmt_cycle, .qmmt_sub_header_bar {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    font: 11px Arial;
    color: #666666;
}

    .qmmt_cycle .qmmt_header_text, .qmmt_sub_header_bar .qmmt_header_text {
        color: #666666;
    }

    .qmmt_sub_header_text, .qmmt_sub_header_bar a, .qmmt_sub_header_bar:visited {
        color: #666;
    }

/* Ranking View More */
/* Ranking View More */
.modalPopup {
    background-color: #f1f1f1;
    border-color: #bc0a3a;
}

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

.admin-popup-tabs {
    width: 100%;
    height: 26px;
    display: block;
    background-color: #3a9cd5;
}

    .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;
            padding: 2px 4px;
        }

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

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

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



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;
            }

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

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


.admin-report-table {
    margin: 0 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;
    }


#accountdetails-transactions table.data th {
    font-size: 10px;
}

#accountdetails-transactions table.data tbody tr td {
    font-size: 10px;
    color: #131313;
    line-height: 15px;
    padding: 0px;
    text-align: center;
}

.pane-content.detailedbalance .detailedbalance-table {
    width: 450px;
    margin: 0 auto;
}

#quicknavlinktable tr td {
    width: 175px;
    padding-left: 10px;
    padding-bottom: 2px;
}

.snapshottable tr {
    line-height: 1.5em;
    text-align: left;
}

#btn-search {
    position: relative;
    background-color: #60A800;
    font-family: 'Arial', Sans-serif;
    color: #fff;
    margin: 0 0 0 4px;
    border: 1px solid #407000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    height: 28px;
}

    #btn-search:hover {
        background-color: #407000;
        border: 1px solid #407000;
    }

.newheader {
    width: 100%;
    height: 90px;
    background-color: #004182;
}

.headerlogo {
    width: 1000px;
    margin: 0 auto;
}

.QM {
    margin-left: 5px;
}

.ad-300-600 {
    margin-left: 5px;
}

.ad-300-250 {
    margin-left: 5px;
}

.ad-160-600 {
    margin-left: 3px;
}

.RegPage2 {
    display: block;
}

    .RegPage2 p {
        color: #000;
        font-size: 1.5em;
        line-height: 150%;
        margin: 0;
    }

    .RegPage2 h3 {
        color: #004182;
        font-size: 2em;
        margin: 15px 0 15px 0;
    }

    .RegPage2 img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .RegPage2 li {
        font-size: 1.25em;
        margin-top: 5px;
        font-weight: bold;
        color: #004182;
    }

.RegPage2-contest {
    margin: 20px;
}

#SliderNav {
    margin-left: 11px;
}

    #SliderNav li {
        background: transparent url(https://mw2.wsj.net/MW5/content/buttonwood/images/backgrounds/generic-bottom-shadow.png) repeat-x left bottom;
        font-size: 22px;
        font-weight: bold;
        padding: 5px 11.6px;
        float: left;
        line-height: 2em;
        background-position: left top;
        background-color: #00aa00;
        border-right: 1px solid white;
    }

        #SliderNav li a {
            text-decoration: none;
            color: white;
        }

#AssignmentsAdmin #subtabs .inner {
    margin: 0 !important;
}

.create-assignments {
    width: 673px !important;
    margin-top: 15px !important;
}

    .create-assignments th {
        background: none !important;
        color: white !important;
        height: auto !important;
        line-height: 40px !important;
    }

    .create-assignments tr.title td {
        background-color: #004182 !important;
        color: white !important;
    }

    .create-assignments .num-times {
        font-size: 12px !important;
        position: relative;
        top: 4px;
    }

    .create-assignments .no-bg, .create-assignments .no-bg td, #ViewAssignmentContainer .no-bg, #ViewAssignmentContainer .no-bg td, #pnlAssignmentView .no-bg, #pnlAssignmentView .no-bg td {
        background-color: white !important;
    }

#AssignmentTabsContainer, #DivAssignmentNameDDL {
    border: 1px solid #878787;
    border-top: 0px;
    border-bottom: 0px;
}

#AssignmentsAdmin #tournamentcontainer, #AssignmentsAdmin .extra-steps {
    margin-left: 40px;
    font-size: 14px !important;
    line-height: 40px;
}

#assignmentcontainer {
    font-size: 14px !important;
    line-height: 40px;
    position: relative;
    top: 8px;
}

#DivAssignmentNameDDL, #CreateNewAssignmentContainer {
    background-color: #f1f1f1 !important;
}

.selectallactionsbygroup {
    color: white !important;
    font-size: 10px !important;
    margin-left: 5px;
}

.round-step {
    display: inline-block;
    border: solid 3px #c3c3c3;
    border-radius: 30px;
    color: black !important;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    padding: 5px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

    .round-step br {
        line-height: 2px;
        display: block;
        margin: 0px 0;
        content: " ";
    }

#ReportCardContainer, #ViewAssignmentContainer {
    padding-top: 20px;
    background-color: #f1f1f1 !important;
}

.default-assignments {
    margin-top: 20px;
    overflow: hidden;
}

.default-assignment {
    margin-right: 6px;
    float: left;
    text-align: center;
}

    .default-assignment .option {
        display: block;
        font-size: 12px;
        line-height: 18px;
        width: 100px;
        padding: 10px 0!important;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.25s ease-in;
        opacity: 1;
        color: white;
        font-weight: bold;
        text-shadow: 0 0 3px #000;
        text-decoration: none;
        box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
    }

        .default-assignment .option.Economics {
            border: 1px solid #4183D7;
            background: url('../images/economics.jpg');
        }

        .default-assignment .option.PersonalFinance {
            border: 1px solid #2ECC71;
            background: url('../images/personal finance.jpg');
        }

        .default-assignment .option.Business {
            border: 1px solid #9B59B6;
            background: url('../images/business.jpg');
        }

        .default-assignment .option.SocialStudies {
            border: 1px solid #F9690E;
            background: url('../images/social studies.jpg');
        }

        .default-assignment .option.Math {
            border: 1px solid #E74C3C;
            background: url('../images/maths.jpg');
        }

        .default-assignment .option:hover:not(.active) {
            transition: all 0.25s ease-in;
            opacity: 0.8;
            text-decoration: none;
        }

        .default-assignment .option.active {
            box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,0.85);
        }

#clearallactions {
    font-size: 12px;
}

.default-assignment .view-assignment {
    display: inherit;
    font-size: 10px;
    line-height: 20px;
    color: #AAA;
}

.overlay-header {
    background-color: #337ab7;
    width: 100%;
    color: white;
    font-size: 22px;
    font-weight: normal;
}

    .overlay-header strong {
        margin-left: 20px;
        position: relative;
        top: -10px;
        z-index: 1000000;
    }

#OverlayModalPopup {
    padding: 0 !important;
    height: auto!important;
    overflow: hidden;
}

.cmsItem p {
    margin: 0;
}

.overlay-footer {
    padding: 10px 15px;
}

    .overlay-footer #btn-remindlater {
        display: inline-block;
        /*margin-left: 10px;*/
        background: #efad4e;
        padding: 10px 15px;
        color: white;
        border-radius: 5px;
    }

    .overlay-footer #btn-show-previous,
    .overlay-footer #btn-show-next,
    .overlay-footer .pagination {
        float: left;
        margin-right: 15px;
    }

    .overlay-footer #btn-show-previous,
    .overlay-footer #btn-show-next {
        height: 31px;
        width: 31px;
        border-radius: 1000px;
        color: white;
        background: #6fc4e2;
        border: 2px solid #5ea8cd;
    }

    .overlay-footer .pagination {
        line-height: 30px;
        font-size: 14px;
        display: inline;
        vertical-align: bottom;
    }

    .overlay-footer .btnCloseOverlay {
        display: inline-block;
        /*margin-right: 10px;*/
        padding: 10px 15px;
        color: #4d4d4d;
        border-radius: 5px;
        border: 1px solid #4d4d4d;
    }

/*dashboard*/
/*.threeCols-second #tWatchlist tr th,
.threeCols-second #tWatchlist tr td {
    text-align: right;
}*/

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

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

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

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

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

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

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

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

.watchlist-databox {
    width: 300px;
}*/
     a.moreInfo span.toolTip, #wrapper table tr td a.moreInfo span.toolTip, #wrapper a.moreInfo span.toolTipList, #wrapper .moreInfo span.toolTipList {
    display: none;
} 

.ui-dialog .ui-dialog-title {
    font-size: 18px;
}
#dialog {
    min-height: 0!important;
    overflow: hidden;
    font-size: 16px;
}

.info, .success, .warning, .errormsg {
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}

.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
}
.errormsg {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
}