/* 
    Document   : scc.css
    Created on : Nov 20, 2010, 4:10:55 PM
    Author     : chipa
    Description:
        Global styles for most StockCharts.com pages.
*/

/* ================== BASIC HTML ELEMENTS ================== */

html {overflow-y:scroll;}
body {font-family:Arial,Helvetica,sans-serif; font-size:small; font-style:normal; font-variant:normal;
      padding:0 8px; line-height:1.2; background:#333; color:#000;}
/* body - setting border: 0 hoses ie5 win window inner well border */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0; padding:0;}
body {text-align:center/* center on ie */; padding:0 8px;}
table,select,option,th,td,textarea,input {font-family:Arial,Helvetica,sans-serif; font-size:100%;}
h2, h3, h4, h5, h6, p, ol, ul, blockquote {margin-top:.5em; margin-bottom:.5em;}
h1 {color:#1F6B95; font-weight:normal;}
h2 {color:#000; font-weight:normal;}
h3, h4, h5, h6 {color:#444; color:rgba(0,0,0,0.75); font-weight: normal;}
pre {display:block; font-family:monospace; margin:1em 0px; white-space:pre; overflow:auto;}
a {text-decoration:underline; color:#1F6B95; text-decoration:none; cursor:pointer;}
h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit; text-decoration:none;}
a img {border:0;}
a:hover,a:focus {text-decoration:underline;}
fieldset {border:none;}
/*select option {padding:0 2px; min-width:1em;}*/
input,textarea {padding:2px;}
input[type=text], input[type=password], textarea {border:1px solid #A8A8A8; background:#FBFBFB;}
input[type=text]:focus, input[type=password]:focus {background:#FFF;}
input[type=text].maininput:focus {background:none;}
textarea:focus {background:#FFF;}

@media print {
    html {overflow-y:visible;}
    body {background:#fff; min-width:0;}
    a {color:#555; text-decoration:underline;}
}

optgroup {
   font-weight: normal;
   font-style: normal;
   color: gray;
}
optgroup option {
   color: black;
}
/* ================== MULTI-COLUMN LAYOUT ================== */

/* Example Usage (Two Column):

    <div id="container" class="container layout-two-column">
        <div id="container-inner" class="container-inner pkg">

            <div id="pagebody" class="pagebody">
                <div id="pagebody-inner" class="pagebody-inner pkg">

                    <div id="alpha" class="alpha">
                        <div id="alpha-inner" class="alpha-inner pkg">

                            <!-- Entry or Module(s) goes here -->

                        </div><!--alpha-inner-->
                    </div><!--alpha-->

                    <div id="beta" class="beta">
                        <div id="beta-inner" class="beta-inner pkg">

                            <!-- Entry or Module(s) goes here -->

                        </div><!--beta-inner-->
                    </div><!--beta-->

                </div><!--pagebody-inner-->
            </div><!--pagebody-->

        </div><!--container-inner-->
    </div><!--container-->
*/


.container {position:relative; min-width:690px; text-align:left; margin:0 auto; /* center on everything else */ }
.scc-freecharts-galleryx .container {min-width:672px;} /*exception for gallery - allow narrower than header*/
* html .container {width:940px;}
.container-inner {position:relative; background:#FFF; margin:0 auto; padding:0 10px;}
.container {font-size: 100%;} /*IE8*/

.pagebody {position:relative; min-height:400px;}
.pagebody-inner {position:relative; background-color:transparent; padding:9px 0;}

.alpha,.beta,.gamma {position:relative; background:#FFF; display:inline/* ie win bugfix */;
                     min-height:200px; float:left; margin:0 0 0 10px;}
.alpha {width:100%;}
.alpha ul,.alpha ol {margin-left:2em; padding-left:0;}

.beta,.gamma {overflow:hidden;}
.beta {font-size:small; font-family:Arial,Helvetica,sans-serif;}
.beta-inner {font-size:100%;}/*IE8*/

/* one-column tweaks */
.layout-one-column .container .alpha-inner {margin-right:20px; position:relative; z-index:0;}
.scc-freecharts-gallery .container .alpha-inner {margin-right:10px;}
.scc-font-toggle+.entry {z-index:0; clear:none;}
.layout-one-column .alpha {width:auto; min-width:100%} /* allows overflow */

/* two-column tweaks */
.layout-two-column .pagebody {padding-right:240px/* RC fullwidth + CC padding */;}
.layout-two-column .beta {width:220px/* RC width */; margin-right:-240px/* RC fullwidth + CC padding */;}
* html .layout-two-column .pagebody {padding-right:230px;}

/* three-column tweaks */
.layout-three-column .container {min-width:800px;}
.layout-three-column .pagebody {padding-left:220px/* LC fullwidth */; padding-right:240px/* RC fullwidth + CC padding */;}
.layout-three-column .gamma {width:220px; right:230px; margin-left:-100%;}
.layout-three-column .beta {width:220px; margin-right:-240px;}
* html .layout-three-column .pagebody {padding-right:230px;}
* html .layout-three-column .gamma {right:220px;}

@media print {
    body #container {min-width:0; width:auto; max-width:100%; margin:0; padding:0; border:0; background:transparent;}
    #container #container-inner {margin:0; padding:0; border:0; background:transparent;}
    #container #pagebody {width:auto; margin:0; padding:0; border:0; background:transparent; font-size:100%;}
    #container #pagebody-inner {width:auto; margin:0; padding:0; border:0; background:transparent;}
    #container #container-inner #alpha {float:none; width:auto; margin:0; padding:0; border:0; background:transparent;}
    #container #container-inner #alpha-inner {margin:0; padding:5px 1em; border:0; background:transparent;}
    #container #container-inner #beta {display:none;}
    body.layout-two-column #pagebody {padding:0;}
    .layout-three-column #container #pagebody-inner {padding-left:230px;}
    .layout-three-column #container #container-inner #gamma {display:block; margin:0; float:none; position:absolute; top:10px; left:0;}
}


/* ================== ENTRY ================== */

.entry {position:relative; clear:both; width:100%; margin-bottom:20px;}
.entry-content {position:relative; clear:both; margin:5px 10px;}
.date-header {clear:both;}
.entry-excerpt,.entry-body,.entry-more-link,.entry-more {clear:both;}
.entry-footer {clear:both; margin:5px 10px 20px;}
.alpha .entry p {line-height:1.4;}
.entry-footer p {margin-top:0; margin-bottom:2px;}
.content-header {color:#555; font-size:150%; text-transform:capitalize; margin:-10px 0 5px -10px;}
.content-header span.sub {font-size:100%; padding-left:10px; color:#555;}
.content-nav {margin:5px 0 10px;}
.date-header {color:#666; margin:0; font-size:110%}
.entry-header {color:#1F6B95; font-size:170%; font-weight:bold; margin:0 0 .5em 0; }
.entry-header a {color:#1F6B95; text-decoration:none;}
.entry-header a:hover,.entry-header a:focus {text-decoration:underline;}
.entry-content {margin:.5em 0;}
.entry-more-link {font-weight:bold;}
.entry-footer {font-size:1em; border:1px solid #E5E5E5; border-width:0 0 1px 0; color:#666; margin:10px 0 0 0; padding-top:5px;}

@media print {
    .entry-header,.entry-header a {color:#555}
    .entry-footer {margin-top:1em; padding-top:.5em; border-top-color:#999}
}


/* ================== PACKAGES ================== */

/* .pkg wraps enclosing block element around inner floated elements */
.pkg:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.pkg {display:inline-block;}
/* no ie mac */
* html .pkg {height:1%;}
.pkg {display:block;}


/* ================== MODULES ================== */

.module {position:relative; background:#E9E9D9; font-size:100%; margin:0 0 10px 0;
         padding:10px; border:1px solid #C9C9B9; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.module h2 {margin:0; font-size:120%; font-weight:bold;}
.module-more {text-align:right; margin-bottom:0;}
.module-header {margin:0; font-size:120%; font-weight:bold;}
.module-header .normal,.module-header .normal-size {font-size:83.3%; font-weight:normal;}
.module-header .normal a,.module-header a.normal,.module-header .normal-size a,.module-header a.normal-size {color:#1F6B95;}
.beta .module-header a {color:#000;}
.module-content {position:relative; margin:5px 0 0 0; font-size:1em;}
.module-content p:first-child {margin-top:0;}
.module-content p:last-child {margin-bottom:0;}
.alpha .module {background-color:#EEEEEE; border-color:#DADADA;}
.alpha .module p {line-height:1.4;}
.alpha h1.module-header {font-size:200%; color:#000;}
.alpha .module-header {font-size:150%; color:rgba(0,0,0,0.75);}
.half-col {width:50%; float:left;}
.half-col-left {clear:left;}
.half-col-right {float:right; clear:right;}
.half-col .half-col-inner {margin-right:10px;}
.half-col-right .half-col-inner {margin-right:0;}
.module-list {margin:0; padding:0; list-style:none;}
.module-list-item {margin-top:5px; margin-bottom:5px;}
.module-elsewhere .module-list img,.module-presence img {vertical-align:middle;}
.module-category-cloud .module-list {margin-right:0; margin-left:0;}
.module-category-cloud .module-list-item {display:inline; margin:0 5px 0 0; padding:0; line-height:1.2; background:none;}
.module-category-cloud .cloud-weight-1  {font-size:90%;}
.module-category-cloud .cloud-weight-2  {font-size:95%;}
.module-category-cloud .cloud-weight-3  {font-size:100%;}
.module-category-cloud .cloud-weight-4  {font-size:112%;}
.module-category-cloud .cloud-weight-5  {font-size:125%;}
.module-category-cloud .cloud-weight-6  {font-size:137%;}
.module-category-cloud .cloud-weight-7  {font-size:150%;}
.module-category-cloud .cloud-weight-8  {font-size:162%;}
.module-category-cloud .cloud-weight-9  {font-size:175%;}
.module-category-cloud .cloud-weight-10 {font-size:175%;}

@media print {
    .half-col,.half-col-right {float:none; width:auto;}
}



/* ================== PAGE BANNER ================== */

.banner {position:relative;}
.banner-inner {background:#333367; color:#FFF; padding:8px 0 1px 0;}
#banner-icon {vertical-align:middle; padding:0 15px; border-right:1px solid #666;}
.banner-header {color:#FFF; font-size:1.7em; margin:0; padding:0; line-height:1; vertical-align:middle;}
.banner-header {font-size:20px;}
#banner-title {padding:0 15px;}
#banner-title a {color:#FFF; text-decoration:none;}
#banner-title a:hover,#banner-title a:focus {text-decoration:underline;}
#banner-description {color: #CCC; font-size:.9em; font-weight:normal; font-style:italic;
                     margin:-.25em 0 0 83px; padding:0 0 10px 0; line-height:1;}
#banner-description {font-size:11px;}
#nav-main .nav-list-item {font-size:11px;}
.nav-search {font-size:11px}
.nav-search {vertical-align:middle; text-align:center; background:#B0B3CA; margin-top:1px;}
.nav-search select,.nav-search input {font-size:100%;}
.nav-search .searchtext {height:1.3em; width:20em;}
.nav-search input {padding-top:0; padding-bottom:0;}
.nav-search .searchsymcat a {font-size:90%; padding-left:2em; color:#456;}

@media print {
    #banner {background:none; color:#000; border-bottom:1px solid #999; margin-bottom:1em; width:auto;}
    #banner-inner {background:none; border:0;}
    #banner table,#banner table td {font-size:100%;}
    #banner-header {font-size:175%;}
    #banner-title  a {color:#000; font-size:100%}
    #banner-icon {padding-left:0; border-right:1px solid #CCC;}
    #banner-description {color:#999; margin-left:70px; margin-top:2px; font-size:100%;}
}


/* ================== NAVAGATION BAR ================== */

.nav {border:1px solid white; border-width:1px 0;}
/* generic nav */
.nav-list {margin:0; padding:0; list-style: none;}
.nav-list-item {display:block; float:left; font-size:85%; font-weight:bold; text-transform:uppercase; padding:0; line-height:1;}
.nav-list-item a {display:block; border-right:1px solid #999; padding:8px 15px; text-decoration:none;}
/* primary nav */
#nav-main {background:#343055;}
#nav-main .nav-list {background:#343055;}
#nav-main .nav-list-item:hover,#nav-main .nav-list-item:focus,#nav-main .nav-list-item:active {background:#484869;}
#nav-main .nav-list-item a {color:white;}
#nav-main .nav-list-current {background:white;}
#nav-main .nav-list-current a {color:#000; border-color:white;}
#nav-main .nav-list-current:hover,#nav-main .nav-list-current:focus,#nav-main .nav-list-current:active {background:white;}
/* secondary nav */
#nav-sub {margin-bottom:-9px;} /* absorb default pagebody padding */
#nav-sub .nav-list-item {position:relative; float:right; padding:2px 0;}
#nav-sub .nav-list a {border-color:#CCC; color:#666; font-weight:normal; padding:3px 10px;}
#nav-sub .nav-list-first,#nav-sub .nav-list-first a {padding-right:0; border:0;}
#nav-sub .nav-list li:hover,#nav-sub .nav-list li:focus,#nav-sub .nav-list li:active {background:none;}
#nav-sub .nav-list li a:hover,#nav-sub .nav-list li a:focus,#nav-sub .nav-list li a:hover {background:none; color:black;}
/* tertiary nav */
.nav-topright {position:absolute; top:0; right:0; margin-right:20px; padding:.5em; font-size:85%; color:#FFF; font-weight:bold;}
.nav-topright a {color:white;}
.nav-topright .highlight {background: #ccaa22; padding: 5px;}

@media print {
    .nav {display:none;}
}


/* ================== AUTOSUGGEST BAR ================== */

.autosuggest {font-size:12px;}
.autosuggest input[type="text"] {font-size:12px; font-style:italic; color:#aaaaaa;}
.autosuggest .suggestions {cursor:pointer; border:1px solid #888888; background:#FFFFFF; margin:5px 0; text-align:left; color:black;}
.autosuggest table.suggestions {border-spacing:0; border-collapse:collapse;}
.autosuggest table.suggestions td {padding:2px;}
.autosuggest .suggestions .suggestion .exchange {font-size:10px; color:#555555;}
.autosuggest .suggestions .suggestion .more {font-style:italic; color:#555555;}
.autosuggest .suggestions .suggestion.even {background:#EEEEEE;}
.autosuggest .suggestions .suggestion.odd {background:#F9F9F9;}
.autosuggest .suggestions .suggestion.hovered {background:#CEE2E5;}
.autosuggest .suggestions .suggestion.selected {background: #C4E5C8;}

@media print {
    .autosuggest {display:none;}
}


/* ================== FONT SIZE WIDGET ================== */

.scc-font-toggle {position:relative; text-align:right; margin-bottom:5px; line-height:1.7;
                  font-family:Arial, Helvetica, sans-serif; font-size:12px; opacity:0.6; filter:alpha(opacity=60); z-index:10;}
.alpha-inner .scc-font-toggle {margin-right:-10px;}
* html .alpha-inner .scc-font-toggle {margin-right:0;}
.layout-one-column .alpha-inner .scc-font-toggle {clear:right; float:right;}
.scc-font-toggle a {padding:2px; color:black; font-weight:bold; text-decoration:none; background:#E9E9D9; border:1px solid #C9C9B9;}

@media print {
    .scc-font-toggle {display:none; float:none; position:absolute; left:-1000em;}
}


/* ================== FOOTER ================== */

.footer {clear:both; margin-left:-15px; margin-right:-15px;}
.footer-inner {background:#333; color:#999; font-size:.9em; padding:1em 15px 2em 15px; text-align:center;}
.footer a {color:#999; text-decoration:none;}
.footer-data a,.footer a:hover,.footer a:focus,.footer a:active {text-decoration:underline;}
.footer-nav {margin-top:.5em; width:45%; float:left;}
.footer-data {width:45%; float:right;}
.footer-nav ul {margin:0 0 .5em 0;}
.footer-nav li {float:none; display:inline; padding:0; text-transform:none; font-weight:normal; font-size:1em;}
.footer-nav li a {display:inline; white-space:nowrap; padding:0 .5em;}
.footer-nav .nav-list-item:hover,.footer-nav .nav-list-item:focus,.footer-nav .nav-list-item:active {background:transparent;}
.footer-nav .nav-list-last a {border-right:0;}
.footer-data p.footer-datafeed {margin:0 0 .5em 0;}
.footer-data p.footer-copyright {margin:.5em 0 0 0;}

@media print {
    #footer {padding:.5em 1em; margin:1em 0; border:none; border-top:1px solid #999;}
    #footer-inner {text-align:left; background:none; margin:0; padding:0; font-size:100%; color:black;}
    #footer-nav,#footer-links {display:none;}
    #footer-data {float:none; width:auto;}
}



/* ================== BOXES ===================== */
.box {color:black; background:#F7F9FA; overflow:hidden; margin:.5em 0; padding:3px 8px; border:1px solid #DADADA; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
#container .box h2,#container .box h3,#container .box h4,#container .box p {margin:0 0 .5em 0;} /* override other settings! */
.box.blue {border-color:#BBD; background:#E9EFFF;} /* note: .box.blue invalid css in IE */
.box.red {border-color:#C00; background:#F97;}
.box.green {border-color:#BDB; background:#CF9;}
.box.orange {border-color:#DA3; background:#F4E8CA;}
.box.yellow {border-color:#DC3; background:#FFC;}
.box-header {margin:0; font-size:110%; font-weight:bold;}
.box-header .normal,.box-header .normal-size {font-size:90.9%;font-weight:normal}
.box-header .normal a,.box-header a.normal,.box-header .normal-size a,.box-header a.normal-size {color:#1F6B95}



/* ========= MISC ======== */
/* TODO: Find a home for this stuff */
#scc-modaldialog ul,#scc-modaldialog ol  {margin-left:2em; padding-left:0;}

/* jQuery Validator styles */
.error {color:#FF0000; display:block;}
.valid {color:#009900;}
.hidden {display:none;}

.breadcrumbs {font-size: 90%; color: #888; text-align: left; margin-bottom: 10px;}
.breadcrumbs a {color: #888; font-weight: bold;}