@CHARSET "ISO-8859-1";
/** Scaffolding **/
*, h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
body {
    background: #008000;
    font-size: 14px;
}
@media (max-width: 768px) {
    body {
        font-size: 12px;
    }
}
h1, h2, h3, h4, h5, h6 { background: transparent; }
hr { margin-bottom: 0.5em; }

ul, li { margin: 0px 10px; }

form {
    margin-right: none;
    width: 100%;
}
form.inline div, form.inline div * { display: inline-block; }
form.inline div * { max-width: none; width: auto; }
form.inline div label { margin-right: 1em; }
form.inline div.submit { margin-top: 0px; }
form.inline div input[type="text"] { padding: 6px; }

input, textarea, select, option {
    clear: both;
    font-size: 100%;
    padding: 6px;
    width: 99%;
}
select {
    margin-bottom: -9px;
}
.input.datetime {
    padding-bottom: 15px;
}

.checkbox label, .radio label {
    font-weight: 700;
}
.datetime label {
    width: 100%;
}
.datetime select {
    width: 15%;
}

.tt-uppercase { text-transform: uppercase; }

dd .checkbox {
    margin: 0px;
    position: relative;
}
.checkbox input[type="checkbox"] {
    float: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 6px;
    position: absolute;
    width: auto;
}
a, a:focus, a:hover, #blank #footer a {
    color: #008000;
}
a:hover.red {
    color: #FF0000;
}

div#dashboard.tab-pane:before,
div#top_lists.tab-pane:before,
div#beta_list.tab-pane:before,
div#div_yield_list.tab-pane:before {
    display: block;
    content: " ";
    margin-top: -125px;
    height: 125px;
    visibility: hidden;
}
div#dashboard div#watchlist.tab-pane:before,
div#dashboard div#quote_tool.tab-pane:before,
div#dashboard div#price_alerts.tab-pane:before,
div#dashboard div#candlestick_alerts.tab-pane:before {
    display: block;
    content: " ";
    margin-top: -167px;
    height: 167px;
    visibility: hidden;
}

#market_toplists_results ul, #market_toplists_results li { margin: 0 1px; }
#market_toplists_results li { top: 1px; }

/** Forms **/
div.form,
div.index,
div.view {
    border-left-width: 0px;
    float: left;
    min-width: 100%;
    width: auto;
}
div.actions {
    background-color: #FFF;
    border: 1px solid #000;
    border-left-width: 0px;
    position: absolute;
    left: -348px;
}
div.actions h3 {
    background-color: #FFF;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    padding: 5px 5px;
    position: absolute;
    right: -29%;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
div.actions:hover {
    left: 0px;
}
div.actions:hover h3 {
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    padding: 0px;
    position: relative;
    right: 0%;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
table td.actions a.glyphicon {
    margin: 0px;
}
input[readonly="readonly"] {
    background-color: #eee;
    border: 1px solid #eee;
}

form div .jqte div {
    clear: none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.jqte_tool.jqte_tool_1 .jqte_tool_label {
    height: 28px;
}
form .submit input[type=submit] {
    background:#62af56;
    background-image: none;
//    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
//    background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
//    background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
    border-color: #2d6324;
    color: #fff;
    text-shadow: none;
//    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
    padding: 6px;
}
dd {
    margin-top: 0px;
}
.btn {
    padding: 6px;
}
.btn-primary {
    background: #62AF56;
    background-image: none;
//    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
//    background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
//    background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
    border-color: #2D6324;
}
.btn-primary:hover, .btn-primary:focus,
.btn-primary:active, .btn-primary.active {
    background-color: #5BA150;
    border-color: #2D6324
}
.pagination>li>a, .pagination>li>span {
    color: #008000;
}
.pagination>li>a:focus, .pagination>li>a:hover,
.pagination>li>span:focus, .pagination>li>span:hover {
    color: #008000;
}

/** Header **/
#header {
    color: #fff;
    padding-bottom: 0px;
    padding-top: 0px;
}
#header h1 {
    background: none;
    margin: 0px;
    padding: 15px 0px;
}
#header h1 a, #header h1 a:hover {
    background: none;
    font-weight: bold;
}
#header {
    background: #008000;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    z-index: 999;
}
#header .navbar-default {
    border-width: 0px;
}

/** Content **/
#default #content {
    margin-top: 50px;
    z-index: -1;
}
#canvas {}

/** Footer  **/
#footer div { margin: 0px; text-align: center; width: 100%; }

#footer { color: #fff; text-align: initial; }
#blank #footer { color: #000; }

#footer .col {
    display: inline-block;
    padding: 5px;
}

#footer p { margin: 0em; }

@media (min-width: 992px) {
    #footer div {
        width: auto;
    }
    #footer .col {
        margin: 5px;
        min-width: 31%;
    }
    #footer .col.left { text-align: left; }
    #footer .col.right { text-align: right; }
}

/** Decoration **/
.gray, .grey { color: gray; }
.green { color: green; }
.red { color: red; }
.yellow { color: yellow; text-shadow: 0px 1px 1px #333; }

/** Positioning **/
.center { margin: 0 auto; }
.centering-hv { position: relative; top: 25%; }
.text-block {
    text-align: left;
    min-height: 55px;
    width: 500px;
}
.border-1-solid-black { border: 1px solid #000000; }
.bg-black { background-color: #000000; }
.bg-blue { background-color: #D9EDF7; }
.bg-green { background-color: #DFF0D8; }
.bg-red { background-color: #F2DEDE; }
.bg-yellow { background-color: #FCF8E3; }
.color-white { color: #ffffff; }
.subtext { font-size: 9px;}
.ta-left { text-align: left; }
.ta-right { text-align: right; }
.ta-center { text-align: center; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.inline-block label { display: inline; float: left; margin: 0 0.5em 0 0; padding: 0.1em 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }
.pad-botm-1 { padding-bottom: 1em; }
.nowrap { white-space: nowrap; }
.numeric {
    padding-right: 3px;
    text-align: right;
}

/** Authentication Toggle Block **/
.authentication_toggle_block { float: right; }
.authentication_toggle_block .navbar-default { display: none; }
.authentication_toggle_block .navbar-text { margin: 0px; }
.authenticated ul li { margin: 0px 0px 0px 12px; padding: 0px; }
.authenticated ul li a { margin-right: 0px; padding-right: 0px; }
.authenticated .users-name { margin-right: 0px; padding: 15px 0px 15px 15px; }
.authenticated, .unauthenticated { margin: 0px; }
.unauthenticated ul {
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}
.unauthenticated li { list-style: none; }
.unauthenticated a {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-decoration: none;
}
.unauthenticated div { margin: 0em 0em 0.5em 0em; }
.unauthenticated ul li {
    float: left;
    line-height: 20px;
    vertical-align: middle;
}
.unauthenticated ul li ul {
    display: none;
    position: absolute;
    right: 1em;
    background: #008000;
    margin: 0em 0em;
    padding: 0em;
    width: 320px;
    z-index: 10;
}
.unauthenticated ul li:hover ul {
    display: block;
}
.unauthenticated form .input label, .navbar-default .navbar-text, .navbar-default .navbar-nav>li>a { color: #fff; }

@media (max-width: 767px) {
    #header {
        padding: 0px;
    }
    .navbar-brand {
        font-size: inherit;
    }
    .navbar-collapse .navbar-nav li {
        margin: 0px;
    }
    .authentication_toggle_block {
        float: none;
    }
    .authentication_toggle_block .navbar-default {
        display: block;
    }
    .authentication_toggle_block .authenticated,
    .authentication_toggle_block .unauthenticated {
        background: #008000;
        clear: both;
        margin: 0px;
        min-height: 3em;
    }
    .unauthenticated.navbar-collapse {
        padding: 0px;
    }
    .unauthenticated.navbar-collapse .authentication_menu>li {
        float: right;
    }
    .unauthenticated.navbar-collapse .authentication_menu>li>ul {
        left: 0em;
        right: 0em;
    }
    .unauthenticated form {
        margin: 0px;
        width: 100%;
    }
    .unauthenticated ul li:hover ul {
        position: inherit;
    }
    .unauthenticated ul li ul li {
        margin-left: 12px !important;
        padding-left: 15px;
    }
    .unauthenticated .authentication_menu li ul li a {
        padding: 0.5em !important;
    } 
}
.navbar-default { background-color: #008000; border-color: #000; z-index: 10; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: #008000; color: #fff; text-decoration: underline;
}

/** Tooltip **/
.tooltip.top .tooltip-arrow { border-top-color: #008000; }
.tooltip.right .tooltip-arrow { border-right-color: #008000; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #008000; }
.tooltip.left .tooltip-arrow { border-left-color: #008000; }
.tooltip.in { opacity: 1; }
.tooltip-inner { background-color: #008000; max-width: 340px; }

/** TK Market Quotes Horizontal **/
#content > .row.market_quotes { margin-left: 0px; margin-right: 0px; }
.market_quotes.horizontal { margin-bottom: 10px; }
.market_quotes.horizontal:after { margin-bottom: 0.5em; }
.market_quotes.horizontal>div.market_time {
    background-color: #008000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    color: white;
    font-weight: bold;
    text-align: center;
}
.market_quotes.horizontal>div.market_quotes {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}
.market_quotes.horizontal>div.market_quotes>div {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

/* TK effects */
.symbol { text-transform: uppercase; }

.trendline-candlestick-option {
    display: inline-block;
}

/** Box-shadows  **/
#header {  box-shadow: 0px 1px 10px #006000; }
#content { box-shadow: 0px 1px 10px #006000; }
.unauthenticated ul li:hover ul { box-shadow: 0px 5px 10px -4px #006000; }
.market_quotes.horizontal, .box-shadow { box-shadow: 0px 1px 5px #909090; }
.tooltip-inner { box-shadow: 0px 1px 10px #006000; } /* 206020; }*/

.c3-chart-full { height: 33% /*404px*/; width: 100%; }

/** MEDIA QUERY / RESPONSIVE LAYOUT CHANGES  **/
@media print {
    * {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0em;
        padding: 0em;
    }
    h1 { font-size: 2.667em; }
    h2 { font-size: 1.667em; }
    h3 { font-size: 1.250em; }
    h4 { font-size: 1em; }
    h5 { font-size: 0.750em; }
    h6 { font-size: 0.583em; }
    div#header, div#footer, div#navigation-menu, div.actions, form.printDisplayNone { display: none; }
    div.view {
        border-left-width: 0em;
        float: none;
        width: 100%;
    }
    div.financial_statement.view { padding: 0em; }
    table { page-break-inside: avoid; }
    table tr td { padding: 4px; }
    .page-break-before { page-break-before: always; }
}
