/* $Id: two201008.css 3881 2010-07-22 06:12:38Z gritton $ */

/* Some bits based on http://ryanfait.com/sticky-footer/
 * The rest is (C) Two Corner Timing LLC
 */

* { margin: 0; padding: 0; }

html, body { height: 100%; }

body
{
 background-color: white;
 background-image: url("//2cornertiming.com/topmarble.jpg");
 background-repeat: repeat-x;
 font-family: verdana, "bitstream vera sans", arial, helvetica, sans-serif;
 font-size: 10pt;
}

#topbar
{
 position: absolute;
 color: white;
}

#login
{
 margin-top: 25px;
 margin-left: 25px;
 padding: 0.5em 1em 2px;
 background-color: #689090;
 border-width: 2px;
 border-style: solid;
 border-top-color: #c2d2d2;
 border-left-color: #c2d2d2;
 border-bottom-color: #425b5b;
 border-right-color: #425b5b;
}

#login input
{
 background-color: #9cc8c8;
 border-style: solid;
 border-top-color: #3f5757;
 border-left-color: #3f5757;
 border-bottom-color: #c8d7d7;
 border-right-color: #c8d7d7;
}

#login .checkbox, #page_performance .checkbox, #page_subscribe .checkbox,
.account_box .checkbox
{
 background: none;
 border: none;
}

#login_stay { vertical-align: bottom; }
#login label { font-size: 75%; }
#login_name { margin-bottom: 0.5ex; }

#login_button
{
 margin-left: 1ex;
 background-color: #9cc8c8;
 border-style: solid;
 border-top-color: #dbebeb;
 border-left-color: #dbebeb;
 border-bottom-color: #5e7878;
 border-right-color: #5e7878;
 color: #344848;
}

#login_error
{
 color: #910020;
 font-weight: bold;
}
#login_reset, #login_reset a
{
 color: #910020;
 font-size: 75%;
}

.signal_summary { margin-left: 25px; }

.signal_summary div
{
 padding: 0.5em 0.5em;
 background-color: #689090;
 border-width: 2px;
 border-style: solid;
 border-top-color: #c2d2d2;
 border-left-color: #c2d2d2;
 border-bottom-color: #425b5b;
 border-right-color: #425b5b;
 font-size: 75%;
 font-weight: bold;
}
.signal_summary .first { padding-top: 0; }

.summary_name { font-weight: bold; }

.summary_time, .summary_ndx
{
 color: #e0e0e0;
 font-weight: normal;
}
.summary_time { text-align: left; }
.summary_ndx { text-align: right; }

.bright_tag, .dim_tag { padding: 0.5em 0px 0px; }    
.dim_tag { color: #e0e0e0; }    

.bright_long, .bright_short, .bright_cash
{
 border: 1px solid black;
 padding: 1px;
 color: white;
}
.bright_long { background-color: #18a018; }
.bright_short { background-color: #c01818; }
.bright_cash { background-color: #1818d0; }
.bright_left, .bright_middle { border-right-width: 0px; }
.bright_right, .bright_middle { border-left-width: 0px; }
.dim_long, .dim_short, .dim_cash { padding: 2px; }
.dim_long
{
 color: #70ff90;
 background-color: #4e8c6c;
}
.dim_short
{
 color: #ffa0b8;
 background-color: #926c6c;
}
.dim_cash
{
 color: #98c0ff;
 background-color: #4e6cac;
}

#letterhead
{
 display: block;
 margin: 0 auto;
 padding: 18px 0 17px;
 width: 481px;
 height: 115px;
}

#sidebar
{
 position: absolute;
 top: 150px;
 width: 150px;
 background-image: url("//2cornertiming.com/sidemarble.jpg");
 background-repeat: repeat-y;
 background-position: 0 -150px;
 color: white;
}

#nav
{
 margin: 0 auto auto;
 width: 100px;
 list-style-type: none;
}

#nav a
{
 display: block;
 height: 40px;
 font-size: 0px;
 text-align: center;
 vertical-align: top;
 text-decoration: none;
 color: #a8bfbf;
 background-image: url("//2cornertiming.com/navbuttons.png");
 background-repeat: no-repeat;
}

#home { background-position: 0 0; }
#performance { background-position: 0 -40px; }
#model { background-position: 0 -80px; }
#howto { background-position: 0 -120px; }
#faq { background-position: 0 -160px; }
#subscribe { background-position: 0 -200px; }
#managed { background-position: 0 -400px; }
#contact { background-position: 0 -240px; }
#signal { background-position: 0 -280px; }
#account { background-position: 0 -320px; }
#logout { background-position: 0 -360px; }
#home:hover, #home:active, #nav .curpage#home
{ background-position: -100px 0; }
#performance:hover, #performance:active, #nav .curpage#performance
{ background-position: -100px -40px; }
#model:hover, #model:active, #nav .curpage#model
{ background-position: -100px -80px; }
#howto:hover, #howto:active, #nav .curpage#howto
{ background-position: -100px -120px; }
#faq:hover, #faq:active, #nav .curpage#faq
{ background-position: -100px -160px; }
#subscribe:hover, #subscribe:active, #nav .curpage#subscribe
{ background-position: -100px -200px; }
#managed:hover, #managed:active, #nav .curpage#managed
{ background-position: -100px -400px; }
#contact:hover, #contact:active, #nav .curpage#contact
{ background-position: -100px -240px; }
#signal:hover, #signal:active, #nav .curpage#signal
{ background-position: -100px -280px; }
#account:hover, #account:active, #nav .curpage#account
{ background-position: -100px -320px; }
#logout:hover, #logout:active
{ background-position: -100px -360px; }

#timertrac, #paypal
{
 display: block;
 margin: 50px 15px 15px;
 font-size: 75%;
 color: white;
 text-decoration: none;
}

#timertrac img, #paypal img
{
 display: block;
 border-width: 0;
 margin: auto;
}

#timertrac img
{
 width: 113px;
 height: 56px;
}

#paypal img
{
 width: 62px;
 height: 31px;
}

#wrapper
{
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -2.5em;
 padding-left: 150px;
 background-image: url("//2cornertiming.com/sidemarble.jpg");
 background-repeat: repeat-y;
}

.content
{
 padding-left: 2em;
 padding-right: 2em;
 color: #344848;
}

#push { height: 4em; }

#footer
{
 height: 2.5em;
 margin-left: 150px;
 vertical-align: middle;
 font-size: smaller;
 text-align: center;
 color: #344848;
}

#footer a, #footer a:visited { color: #344848; }
#footer a:active, #footer a:hover { color: #900020; }

.hr
{
 height: 0px;
 line-height: 0px;
 margin-left: 4em;
 margin-right: 4em;
 border-width: 1px;
 border-style: solid;
 border-left: 0;
 border-right: 0;
 border-top-color: #344848;
 border-bottom-color: #9cc8c8;
}

.content p { margin-top: 1em; }

.content a { color: #003e8a; }
.content a:visited { color: #903e8a; }
.content a:active, .content a:hover { color: #900020; }

.title
{
 margin-top: 1em;
 margin-left: 2ex;
 color: #900020;
 font-size: larger;
 font-weight: bold;
 white-space: nowrap;
}

.heading, .headapart
{
 color: #003e8a;
 font-weight: bold;
}

p.heading + p, #account_subinfo p { margin-top: 0; }

p.subheading, div.subheading
{
 margin-top: 0;
 color: #003e8a;
 font-size: smaller;
 font-weight: normal;
}

p.subsection { margin-left: 2ex; }

p.last { padding-bottom: 1em; }

#page_home ul, #page_subscribe ul
{
 margin-top: 1em;
 margin-left: 6em;
}

#home_compare, .signal_index, #page_performance table, #subscribe_buttons,
#account_summary, #password_reset
{ margin: 1em auto 0; }

#timertrac_number1
{
 float: right;
 width: 50%;
 margin-top: 1em;
 margin-left: 1em;
 border-width: 2px;
 border-style: ridge;
 border-color: #bbddff;
 color: #336699;
}

#timertrac_number1 img
{
 display: block;
 width: 120px;
 height: 79px;
 margin: 0 20px 0 5px;
}

#timertrac_number1 .title
{
 margin: .5em;
 color: #003e8a;
}

#timertrac_number1 p
{
 margin-top: 0;
 margin-right: 1em;
}

#timertrac_number1 .footnote
{
 margin-top: 1em;
 margin-bottom: 1em;
}

#home_compare table
{
 border-width: 1px;
 border-style: solid;
 border-top-color: #eaefef;
 border-left-color: #eaefef;
 border-bottom-color: #717a7a;
 border-right-color: #717a7a;
 font-size: smaller;
 background-color: #c2d2d2;
}

#home_compare caption
{
 margin: 2px auto;
 text-align: center;
 color: #900020;
 font-size: larger;
 font-weight: bold;
 white-space: nowrap;
}

#home_compare caption a
{
 font-size: smaller;
 font-weight: normal;
}

#home_compare caption span { width: 20ex; }

#home_compare_prev
{
 margin-left: 100px;
 float: left;
}

#home_compare_next
{
 margin-right: 100px;
 float: right;
}

#home_compare table td
{
 border-width: 1px;
 border-style: solid;
 border-top-color: #eaefef;
 border-left-color: #eaefef;
 border-bottom-color: #717a7a;
 border-right-color: #717a7a;
 color: black;
}

#home_compare_lt { margin-right: 10px; }
#home_compare_ttm { margin-left: 10px; }

.home_compare_text
{
 width: 150px;
 min-width: 90px;
}

.home_compare_text p { margin: 1em; }

#home_compare_lt img, #home_compare_ttm img
{
 display: block;
 width: 200px;
 height: 150px;
}

#home_compare_year img
{
 display: block;
 width: 576px;
 height: 150px;
}

.footnote
{
 font-size: smaller;
 font-weight: normal;
}

#bigsubscribe
{
 display: block;
 margin: 2em auto 1em;
 width: 300px;
 height: 40px;
 background-position: 0 0;
 background-image: url("//2cornertiming.com/bigsubscribe.png");
 background-repeat: no-repeat;
 vertical-align: top;
 text-decoration: none;
 color: #a8bfbf;
 font-size: 0px;
}

#bigsubscribe span { visibility: hidden; }
#bigsubscribe:active, #bigsubscribe:hover { background-position: -300px 0; }

.signal_index
{
 border-width: 1px;
 border-style: solid;
 border-top-color: #eaefef;
 border-left-color: #eaefef;
 border-bottom-color: #717a7a;
 border-right-color: #717a7a;
 background-color: #c2d2d2;
}

.signal_index td
{
 border-width: 1px;
 border-style: solid;
 border-top-color: #eaefef;
 border-left-color: #eaefef;
 border-bottom-color: #717a7a;
 border-right-color: #717a7a;
 color: black;
 vertical-align: top;
}

.signal_index_old, .signal_index_new
{
 width: 300px;
 text-align: center;
}
.signal_index_old { margin: 1em 0 1em 46px; }
.signal_index_new { margin: 1em 64px 1em 0; }

.signal_index .long, .signal_index .short, .signal_index .cash
{ font-weight: bold; }

.signal_index img
{
 width: 712px;
 height: 338px;
}

.long { color: #18a018; }
.short { color: #c01818; }
.cash { color: #1818d0; }

#page_contact table { margin: 2em auto 0; }

caption
{
 margin-top: 2em;
 text-align: left;
 white-space: nowrap;
}

#page_performance td, #page_performance th, #page_contact td { padding: 2px; }
#page_performance select, #page_performance input, #page_performance button,
#page_contact input, #page_contact button, #page_contact textarea,
#complete select, #complete input, #complete button, .account_box select,
.account_box input, .account_box button
{ background-color: #c2d2d2; }
.account_box input.checkbox { background: none; }
#page_performance button { margin-left: 3ex; }
#page_contact button { margin-top: 1em; }

table.mix
{
 visibility: hidden;
 position: absolute;
 font-size: smaller;
 background-color: #c2d2d2;
 color: black;
}

#page_performance table.mix { margin: -2em 2ex 0; }
#complete table.mix { margin: -1.5em 26ex 0; }
#account_edit table.mix { margin: -2.5em 26ex 0; }
#complete table.mix td, #account_edit table.mix td { padding: 2px; }
#complete table.mix input.text, #account_edit table.mix input.text
{ background-color: #dbebeb; }

img.plot
{
 display: block;
 width: 665px;
 height: 345px;
 margin: 2em auto 0;
 border-width: 2px;
 border-style: solid;
 border-top-color: #eaefef;
 border-left-color: #eaefef;
 border-bottom-color: #717a7a;
 border-right-color: #717a7a;
 background-color: #c2d2d2;
}

#page_account div.subheading
{
 width: 665px;
 margin: 0 auto;
}

#page_performance img.plot { margin: 2em auto 0; }
#page_account img.plot { margin: 0 auto; }

#performance_summary, #performance_history
{
 border-collapse: collapse;
 color: black;
}

#performance_summary th, #performance_summary td,
#performance_history th, #performance_history td
{
 border-style: solid;
 border-color: black;
 border-width: 1px;
}

#page_performance th
{
 background-color: #c2d2d2;
 font-weight: normal;
}

#performance_summary td { background-color: #fff0e0; }
#performance_summary th { min-width: 17ex; }

#page_performance th.rowname
{
 padding-left: 2ex;
 text-align: left;
}

#page_performance .empty
{
 border-width: 0;
 background: none;
}

#page_performance th.subvalue
{
 padding-left: 3.5ex;
 min-width: 0;
}

#page_performance td.value
{
 padding-left: 2ex;
 padding-right: 0;
 border-right-width: 0;
 text-align: right;
}

#page_performance td.unit
{
 padding-left: 0;
 padding-right: 2ex;
 border-left-width: 0;
 text-align: left;
}

#page_performance td.valueonly
{
 padding-left: 2ex;
 padding-right: 2ex;
 text-align: right;
}

#page_performance th.endset, #page_performance td.endset
{ border-bottom-width: 2px; }

#performance_history td
{
 padding-left: 2ex;
 padding-right: 2ex;
 text-align: center;
}

#performance_history .live { background-color: #fff0e0; }
#performance_history .bt { background-color: #f8e8d0; }

#performance_history #all_trades
{
 padding-right: 0;
 border-width: 0;
 text-align: right;
}

#page_faq .footnote
{
    margin-top: 1.5em;
    color: #900020;
}

#page_terms ul, #subscribe_terms ul { margin-left: 2em; }

#subscribe_terms
{
 margin: 2em auto;
 padding: 0 2ex;
 height: 30em;
 border-width: 1px;
 border-style: solid;
 border-color: #344848;
 background-color: #c2d2d2;
 font-size: smaller;
 overflow-y: scroll;
}

#subscribe_buttons img
{
 margin: .5em 0 .25em;
 width: 73px;
 height: 44px;
}

#subscribe_buttons button, #reinstate_buttons button
{
 border: none;
 background: none;
 text-align: center;
 color: #003e8a;
}

#subscribe_buttons button
{
 margin: 0 6ex;
 font-weight: bold;
}

#reinstate_buttons button { margin: 0 1ex; }

#complete table { margin: 0 auto; }
#complete td, .account_box td { padding: 1px 0; }
#complete button { margin-top: 1em; }
#subname { margin-right: 24ex; }
.bigbr { margin-bottom: 0.5em; }

#complete .heading
{
 padding-left: 6ex;
 width: 80ex;
}

#complete th, .account_box th
{
 padding-top: 1em;
 color: #003e8a;
}

#mailtest button
{
 margin-top: 0;
 margin-left: 1ex;
}

th.topth { padding-top: 0; }
.account_box td.sep { padding-top: 1em; }

#complete .footnote
{
 padding-right: 32ex;
 width: 48ex;
}

#complete .footie { padding-right: 0; }
#complete .varlist { padding-top: 0.5em; }

.star, #complete td.formerr, .account_box td.formerr
{
 font-weight: bold;
 color: #c01818;
}

#page_account .title, #page_reset .title, .ctitle
{
 margin-left: 0;
 margin-bottom: -1em;
 text-align: center;
}

.account_box
{
 padding: .5em;
 border-width: 1px;
 border-style: solid;
 border-color: #c2d2d2;
}

.account_box button { margin: .5em auto 0; }
#account_subinfo p, .account_box td.formerr { width: 38ex; }
