@charset "utf-8";

/* mac hide \*/
html {height: 100%; margin: 0; padding: 0; overflow-y: scroll;}
* html ul li a {height: 1%;}
/* end hack */
html, body {background: #f0f0f0; color: #000; font: 11px arial, sans-serif; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
body {height: 100%; min-width: 1000px; text-align: left;}

#wrapper {background: #f0f0f0 url(img/header.gif) repeat-x left 2.7em;}
#wrapper p {line-height: 1.5em; margin: 0.5em 0; text-align: justify; word-wrap: break-word; vertical-align: baseline;}
#wrapper p a {color: #097a20; font-weight: bold; text-decoration: underline;}
#wrapper a:hover {color: #097a20; text-decoration: none;}
#wrapper a:focus {outline: 0;}

#outer {height: 99.9%; margin: 0 auto; min-height: 100%; overflow: visible; position: relative; text-align: left; width: 1000px;}
/* mac hide \*/
* html #outer {width: 1000px;}
/* end hack */
html>body #outer {height: auto;}
#inner {padding-top: 140px; width: 100%;}
#header {height: 140px; left: 0; position: absolute; top: 0; width: 100%; z-index: 10;}
/* mac hide \*/
* html #header {width: 1000px;}
/* end hack */

#header-panel {background: #222; border-bottom: 1px solid #222; color: #999; display: block; font: normal 90%/3em verdana, sans-serif; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
#header-panel-inner {margin: 0 auto; width: 1000px;}
#header-panel ul {float: right; line-height: 0; list-style: none outside none; margin: 0; padding: 0;}
#header-panel ul li {border-left: 1px solid #333; display: inline-block;}
#header-panel ul li:first-child {border: none;}
#header-panel ul li a {color: #999; display: block; line-height: 3em; padding: 0 1em; text-decoration: none; white-space: normal;}
#header-panel ul li:last-child a {padding-right: 0;}
#header-panel ul li a:hover {color: #fff; text-decoration: underline;}

#header-quotes {float: right; line-height: 0; list-style: none outside none; margin: 1.5em 0 0 0; padding: 0;}
#header-quotes li {display: inline-block; font: normal 1.5em/2em arial, sans-serif; padding: 0 1.5em; text-align: right;}
#header-quotes li a {color: #fff; text-decoration: none;}
#header-quotes li a:hover {color: #fff; text-decoration: underline;}
#header-quotes li:last-child {padding-right: 0;}
#header-quotes li img {margin-bottom:-2%; margin-right: 0.75em; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
#header-quotes li span.value {color: #000; font-size: 150%; text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}

#logo {background: url(img/logo.png) no-repeat left top; background-size: cover; height: 60px; left: 0; position: absolute; text-indent: -5000px; top: 20px; width: 227px; z-index: 20;}
#footer-logo {float: left; width: 50px; margin-right: 1em;}

#topmenu {background: #097a20 url(img/menu.gif) repeat-x left top; border: 1px solid #fff; font-family: arial, sans-serif; height: 38px; margin-left: auto; margin-right: auto; position: absolute; left: 0; bottom: 1px; width: 999px; z-index: 400;}
#topmenu ul {list-style: none; margin: 0; padding: 0;}
#topmenu ul li {float: left; font-weight: bold; position: relative; text-align: center; text-decoration: none; transition: all 500ms linear 0s;}
#topmenu ul li ul {border-top: 1px solid #fff; display: none; left: -1px; line-height: 19px; position: absolute; top: 38px; opacity: 0.95;}
#topmenu ul li a {color: #fff; font-weight: bold;}
#topmenu ul li a:hover {color: #fff; text-decoration: underline;}
#topmenu ul li.category {border-right: 1px solid #fff; color: #fff; font-weight: bold; height: 38px; line-height: 38px; padding-left: 0; padding-right: 0; text-decoration: none;}
#topmenu ul li.category:hover, #topmenu ul li.category.over {background: #097a20; color: #fff; text-decoration: none;}
#topmenu li a {text-decoration: none; text-transform: uppercase;}
#topmenu li a, #topmenu li.over a {color: #fff; display: block; width: 148px;}
#topmenu li li a:hover, #topmenu li.over li a:hover {background: #097a20 url(img/menu.gif) repeat-x left top; color: #fff; text-decoration: underline; text-indent: 10px;}
#topmenu li li a, #topmenu li.over li a {background: #097a20; border: 1px solid #57a466; border-top: 0; color: #fff; font-weight: bold; text-align: left; text-indent: 10px; width: 200px;}
#topmenu li ul li a {padding: 5px 5px; text-decoration: none; text-transform: none;}
#topmenu li:hover ul, #topmenu li.over ul {display: block; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
#menu {display: block; left: 0; position: absolute; top: 0; z-index: 1000;}

#footer {bottom: 0; clear: both; height: 180px; left: 0; position: absolute; width: 1000px;}
#footer img {-webkit-box-shadow: 0 1px 2px 0 rgba(4,0,0,.15); box-shadow: 0 1px 2px 0 rgba(4,0,0,.15);}
* html #footer {margin-bottom: -1px;}
/* mac hide \*/
* html #footer {height: 180px;}
/* end hack */
#clearfooter {clear: both; height: 180px; width: 100%;}
html>body #minHeight {float: left; height: 100%; margin-bottom: -180px; width: 0;}

#sitemap {text-align: center;}
#sitemap ul {line-height: 0; list-style: none outside none; margin: 1em 0; padding: 0; text-align: center;}
#sitemap ul li {border-left: 1px solid #b0b0b0; display: inline-block;}
#sitemap ul li:first-child {border: none;}
#sitemap ul li a {color: #097a20; display: block; font-weight: bold; line-height: 1.5em; padding: 0 1em; text-decoration: underline; text-transform: uppercase; white-space: normal;}

#copyright {font-size: 10px; line-height: 1.5em; text-align: left; margin: 2em 1em;}
#copyright a {color: #646464; font-weight: bold; text-decoration: underline;}
#copyright span a {text-decoration: none;}
#counter {text-align: right; position: absolute; right: 1em; top: 5em; z-index: 60;}
#risk {border-top: 1px solid #e0e0e0; margin: 2em 0;}
#risk p {margin: 0 1em; padding-top: 1em; text-align: justify; word-wrap: break-word; vertical-align: baseline;}

#center {float: left; width: 746px; z-index: 300;}
#center-inner {padding: 0; text-align: left;}
#content {background: #fff; background: linear-gradient(to bottom, #c7e1cc 0, #fff 50px); border: 1px solid #c7e1cc; padding: 0; z-index: 310;}
#content h2 {border-bottom: 1px dotted #b0b0b0; color: #000; font: bold 100%/15px arial, sans-serif; margin: 0 1.5em; padding: 10px 0 2px 0; text-transform: uppercase;}
#content .block {margin: 0; padding: 1em 1.5em;}
#article h3 {margin: 2em 0 !important;}
#article .block h3 {margin: 0 !important;}
#article p {font: 150%/1.5em arial, sans-serif; margin: 0.5em 0 1.5em 0;}
#article p a {border-bottom: 1px solid #0067d0; color: #000; font-weight: bold; text-decoration: none;}
#article p a:hover {border-bottom: 1px dotted #0067d0; color: #000; text-decoration: none;}

#right {float: right; overflow: hidden; width: 252px; z-index: 200;}
#right-inner {padding: 0; text-align: left;}
#right-sidebar {background: #fff; background: linear-gradient(to bottom, #c7e1cc 0, #fff 50px); border: 1px solid #c7e1cc; padding: 0; z-index: 210;}
#right-sidebar h2 {border-bottom: 1px dotted #b0b0b0; color: #000; font: bold 100%/15px arial, sans-serif; margin: 0 10px; padding: 10px 0 2px 2px; text-transform: uppercase;}
#right-sidebar .block {padding: 10px;}

h2.ls {color: #df031c !important;}
div.ls a {font-size: 1.2em;}
div.ls a.more {font-size: inherit;}

.block ul {list-style: none; margin: 0; padding: 0;}
.block ul li, .block ol li {border-top: 1px dotted #e0e0e0; color: #646464; line-height: 1.5em; padding: 1em 0 1em 2em; text-align: justify; word-wrap: break-word; vertical-align: baseline;}
.block ul li:first-child, .block ol li:first-child {border: 0;}
.block ul li {background: url(img/bullet.png) no-repeat 0.75em 1.5em;}
.block ul li a, .block ol li a {color: #000; text-decoration: none;}
.block ol li a {color: #097a20; font-weight: bold;}
.block ul li a:hover, .block ol li a:hover {text-decoration: underline !important;}
.block ul li:nth-child(2n) {background-color: #fafafa;}
ul.calendar li:nth-child(5n) {margin-bottom: 40px;}
#article ul, #article ol {font-size: 1.5em; margin: 0 1em;}
#article ul li, #article ol li {background-color: inherit; line-height: 1.5em;}
table ul, table ol {font-size: 1.2em !important;}

.fillbar-outer {background: #fff; border: 1px solid #097a20; font-size: 1px; height: 6px; margin: 0; padding: 0;}
.fillbar-inner {background: #097a20; font-size: 1px; height: 4px; margin: 1px; padding: 0;}

table {border: 0; border-collapse: collapse; margin: 10px 0; width: 99.9%;}
table.inv {border: 0; margin: 0 auto; width: 80%;}
table.inv tr td {border: 0; border-top: 1px dotted #e0e0e0; padding: 10px;}
table.rating {width: 100%;}
table.ct tr td {text-align: center;}
table.ct tr td.l {text-align: left;}
table.nobdr tr td {border: 0; border-top: 1px dotted #e0e0e0;}
table a {color: #646464; display: block; font-weight: bold; text-decoration: underline;}
table tr {text-align: left;}
table tr th {background: #57a466; color: #fff; border: 0; border-left: 1px solid #fff; font-weight: bold; margin: 0; padding: 10px; text-align: center;}
table tr td {border: 0; border-left: 1px solid #fff; border-top: 1px dotted #e0e0e0; margin: 0; padding: 10px;}
table tr td:first-child {border-left: 0;}
table tr:first-child td {border-top: 0;}
table tr:nth-child(2n) td {background: #fafafa;}
table tr td.last {border: 0; border-top: 1px solid #e0e0e0; font-weight: bold;}
table tr td.val {color: #646464; font-size: 90%; text-align: right;}
table tr td.btn {border-width: 1px 0 0 0; padding: 3em 0 1.5em 0; text-align: center;}

p.source {color: #b0b0b0; font: 90% arial, sans-serif !important; text-align: right !important;}
p.source a {color: #b0b0b0 !important;}

p.more {background: #fafafa; font-size: 120% !important; margin: 1em -1.25em !important; text-align: center !important; text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
p.more a {border: none !important; color: #097a20; display: inline-block; padding: 1em 0em; text-decoration: none !important; vertical-align: top; width: 45%;}
p.more a:hover {border: none !important; color: #000 !important;}
p.more a b {color: #000; font-size: 1.5em; line-height: 2em;}

p a.more {color: #0067d0 !important; text-decoration: none !important;}
p a.more:hover {text-decoration: underline !important;}
p.remark {color: #646464; font: 90%/14px arial, sans-serif !important;}
p.colon, div.colon {background: #fafafa; color: #646464; font-size: 1em; margin: 1em -1.5em !important; padding: 1em 1.5em;}
div.colon span {font-size: 1em;}
div.colon h3 {line-height: 0 !important;}
div.colon a {color: #097a20 !important; text-decoration: underline;}

.inf {color: #df031c;}
span.view {background: url(img/view.png) no-repeat left center; padding: 0 0 0 20px;}
span.val {background: #57a466; color: #fff; font-weight: bold; padding: 2px 5px; margin-right: 2px;}

div, p {margin-top: 0;}
.clearing {zoom: 1;}
.clearing:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; zoom: 1;}
br.margin {font-size: 1px; height: 0;}

a img {border: 0;}
img {border: 0; height: auto; max-width: 100%; width: auto\9; /* ie8 */}
.img {float: left; cursor: default; margin-right: 1em;}
.img img {border: 1px solid #d0d0d0; border-width: 0 1px 1px 0; padding: 2px;}
.sa .img {width: 30%;}
.sa h3 {margin-top: 5px;}

.figure {background: #fafafa; border-top: 1px solid #cfcfcf; text-align: center !important; margin: 1em 0 !important; padding: 2em 1.5em;}
.figure img {width: 460px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
.figure img.noshadow {-webkit-box-shadow: none; box-shadow: none;}
.figure i {color: #646464; font-size: 10px; line-height: 1.5em; word-wrap: break-word;}

#ytplayer {border: 0; margin: 1em 0;}

h1, h2.first {border: 0 !important;}
h1, h3 {color: #000; font: bold 1.5em arial, sans-serif; margin: 0;}
h1.first, h3.first {font-size: 16px;}
h1 {font-size: 2.5em; line-height: 1.5em; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}
h3 a {color: #097a20; text-decoration: none;}
h3 a:hover {text-decoration: underline !important;}
h1.cat {color: #000; font: bold 15px/15px arial, sans-serif; margin: 0 10px; padding: 10px 0 2px 0; text-transform: uppercase;}

b.up {color: #097a20 !important; padding: 0 20px 0 5px;}
b.down {color: #df031c !important; padding: 0 20px 0 5px;}
b.arrow {color: #000; font: bold 130% arial, sans-serif; padding: 0 5px;}
b.smb {color: #000; float: right; font-size: 0.8em; padding-right: 1em;}
a b.arrow {color: #097a20; padding: 0;}
td b.up, td b.down {padding: 0;}

form {margin: 10px 0;}
fieldset {border: 1px solid #097a20; margin: 10px; padding: 10px;}
legend {padding: 5px;}
label {color: #757575; float: left; font-size: 90%; padding: 5px;}
form a, label a {color: #097a20; margin: 5px 0; text-align: center;}
input, textarea, select {border: 1px solid #e0e0e0; color: #757575; float: left; font-size: 90%; padding: 3px;}
textarea {margin: 5px 10px;}
input.checkbox {border: 0; margin: 0; padding: 0; width: auto;}
input.submit {background: #097a20; border: 0; color: #fff; cursor: pointer; font-size: 90%; margin: 0 5px; padding: 3px 5px; text-align: center; text-transform: uppercase; width: auto;}
a.button {background: #f57c00; color: #fff !important; font-size: 1.5em; line-height: 1.5em; padding: 1em 3em; text-align: center; text-decoration: none !important; text-transform: uppercase; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
a.button:hover {background: #f57c00; -webkit-box-shadow: none; box-shadow: none;}

#last-news {background: #f57c00; height: 80px; margin: -1px 1px 3px 1px; width: 998px; text-align: center; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
#last-news div {display: inline-block; margin: 1.5em auto; text-align: left; overflow: hidden;}
#last-news div > span {color: #000; font: bold 12px/16px tahoma, sans-serif; margin: 0; padding: 2px 0; vertical-align: baseline;}
#last-news div > ul {float: right; line-height: 0; list-style: none outside none; margin: 0; padding: 0;}
#last-news div > ul li {display: inline-block;}
#last-news div > ul li a {color: #000; display: block; line-height: 1.4em; padding: 0 1em; text-decoration: none; white-space: normal;}
#last-news div > ul li:last-child a {padding-right: 0;}
#last-news div > ul li a:hover {color: #fff; text-decoration: underline;}
#last-news div > a {color: #fff; font: 24px/1.5em tahoma, sans-serif; text-decoration: none;}
#last-news div > a:hover {color: #fff; text-decoration: underline;}

.tabsheets {margin: 0; padding: 0; position: relative; width: auto; zoom: 1;}
.tabsheets dt {font: 10px/12px arial, sans-serif; background: #57a466; border: 1px solid #57a466; border-bottom: 0; color: #fff; cursor: pointer; float: left; margin-right: 1px; padding: 2px 5px; position: relative;}
.tabsheets dt:hover {background: #097a20; border-color: #097a20;}
.tabsheets dt.selected {border-color: #d0d0d0; background: #f5faf6; color: #000; cursor: auto; margin-top: -1px; padding-bottom: 4px; z-index: 3;}
.tabsheets dd {background: #f5faf6; border: 1px solid #d0d0d0; float: right; margin-left: -100%; position: relative; width: 99%; z-index: 2;}
.tabsheets dd p {padding: 5px 10px;}

#qtable {margin-top: 20px;}
#qtable tr th {padding: 5px 0;}
#qtable tr td {color: #646464; text-align: center;}
#qtable tr td:first-child {text-align: left;}
#qtable tr td.top {vertical-align: top;}
#qtable tr td b {color: #000; font-size: 120%;}
#qtable tr td a {color: #097a20; font-weight: bold; text-decoration: none;}
#qtable tr td a:hover {text-decoration: underline;}
#qtable b.up, #qtable b.down {font-size: 100%;}

#calc input, #calc select, #calc button {color: #000; float: none; font: normal 150%/2 tahoma, sans-serif;}
#calc {background: #fafafa; border-top: 1px solid #fafafa; text-align: center;}
#calc h3 {color: #df031c; font: bold 200%/1.5em arial, sans-serif; margin: 1em 0;}
#calc-inner {margin: 1em 0;}
#calc a {text-decoration: none !important; padding: 0 0.5em;}
#calc p a:hover {text-decoration: underline !important;}
#calc p {text-align: center; margin: 1.5em 0;}
#calc a#calc-swap {color: #000; display: inline-block; font-size: 200%; padding: 0 0.25em; vertical-align: middle; text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
#calc a#calc-swap:hover {color: #df031c; cursor: pointer;}
#calc select, #calc input, #calc button {border: 1px solid #a0a0a0; vertical-align: middle; -webkit-box-shadow: 0 1px 2px 0 rgba(4,0,0,.15); box-shadow: 0 1px 2px 0 rgba(4,0,0,.15);}
#calc select {background: #ddd; margin: 0 -4px; padding: 0.45em; overflow: hidden; width: 5em; line-height: 2em; z-index: 1; position: relative;}
#calc option {background: #fff;}
#calc input {padding: 0.5em 1em; line-height: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 10; position: relative;}
#calc button {background: #fff; color: #000; margin: 0 0.5em; padding: 0 0.5em; line-height: 2.25em; text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
#calc button:hover {background: #df031c; border: 1px solid #df031c; color: #fff; cursor: pointer;}
#calc button:disabled {background: #fff; border: 1px solid #a0a0a0; color: #000; cursor: inherit; opacity: 0.5; -webkit-box-shadow: none; box-shadow: none;}

#chart {float: right;}
#chart #forecast, #chart #ma {margin: 5px 0;}
#chart select {overflow: hidden; line-height: 17px; margin-right: 2px;}
#chart button {border: 1px solid #e0e0e0; float: left; font: inherit; font-size: 90%; padding: 4px; vertical-align: middle;}
#chart button {background: #fff; color: #757575; margin: 0 2px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
#chart button:hover {background: #df031c; border: 1px solid #df031c; color: #fff; cursor: pointer;}
#chart button:disabled {background: #fff; border: 1px solid #e0e0e0; color: #757575; cursor: inherit; opacity: 0.5;}
#graphic {cursor: pointer;}

ul.breadcrumbs {line-height: 0; list-style: none outside none; margin: 1em 0; padding: 0;}
ul.breadcrumbs li {background: none !important; border: none; display: inline-block; margin: 0; padding: 0;}
ul.breadcrumbs li:before {content: "›"; padding: 0 0.5em;}
ul.breadcrumbs li:first-child:before {content: ""; padding: 0;}
ul.breadcrumbs li a {font: inherit;}