* { font-family: Tahoma; font-size: 12px; margin: 0; padding: 0; }
body { overflow: hidden; margin: 0; padding: 0;background-color: #e2e2e2; }
h3 { color: #FFF; }
.clear { clear: both; }
.link { text-decoration: underline; cursor: pointer; }
.btn-logout { width: 73px; height: 32px; background: url(/static/images/button.png) no-repeat center; cursor: pointer; text-align: center; }
.btn-logout .title { padding-top: 7px; font-size: 12px; color: #2f3e46; font-weight: bold; }
#header { position: relative; width: 100%; height: 44px; background: url(/static/images/bg_topbar.png) repeat-x center; top: 0; }
#content { width: 100%; background-color: #e2e2e2; position: relative; z-index: 1000; }
#footer { width: 100%; height: 49px; background: url(/static/images/bg_botbar.png) repeat-x center; position: fixed; bottom: 0; }
#loader { width: 100%; position: absolute; z-index: 10000; background: url(/static/images/loager-bkg.png) repeat center; }
#loader table { width: 100%; height: 100%; }
#loader .dlg { width: 280px; height: 32px; border: solid 1px #000; background-color: #FFF; padding: 5px; display: block; }
#loader .logo { width: 32px; height: 32px; background: url(/static/images/loading.gif) no-repeat center; float: left; }
#loader .message { line-height: 1.1; font-size: 12px; color: #F00; float: left; padding-left: 10px; padding-top: 8px; }
#messageBox { width: 100%; position: absolute; z-index: 10000; background: url(/static/images/loager-bkg.png) repeat center; }
#messageBox .title { font-weight: bold; border-bottom: solid 1px #808080; }
#messageBox .dlg { width: 280px; height: 100px; border: solid 1px #808080; border-radius: 5px; background-color: #FFF; padding: 5px; display: block; }
#messageBox .message { line-height: 1.1; font-size: 12px; color: #F00; float: left; padding-left: 10px; padding-top: 8px; }
#messageBox .btn-ok { width: 32px; height: 20px; font-weight: bold; border: solid 1px #969696; border-radius: 5px; padding-top: 5px; cursor: pointer; }
.t-cell { display: table-cell; padding: 5px; }
.t-row { display: table-row; }
.t { display: table; }
.h-table { width: 100%; }
.h-table td { padding: 2px; }
.tab { height: 100%; }
.main-navbar { height: 49px; width: 624px; margin: 0; padding: 0; }
.main-navbar ul { list-style: none; height: 49px; margin: 0; padding: 0; }
.main-navbar ul li { float: left; width: 102px; cursor: pointer; height: 49px; margin: 0; padding: 0; }
.main-navbar ul li .icon { height: 40px; width: 102px; }
.main-navbar ul li.btn { /*background-position: 0 31px;*/ }
.main-navbar ul li.btn-active { background: url(/static/images/bg_botbar_selectedtab.png) no-repeat center; }
.main-navbar ul li.spl { width: 2px; height: 49px; background: url(/static/images/bg_botbar_tabdivider.png) no-repeat center; }
.main-navbar ul li .text { width: 102px; height: 9px; font-size: 10px; color: #c0d5e1; font-weight: normal; margin-top: -5px; }
.main-navbar ul li.btn-active .text { width: 102px; height: 9px; font-size: 10px; color: #FFFFFF; font-weight: normal; }
/*---Draggable---*/
#cn-markets { overflow: hidden; width: 100%; }
#cn-markets .container { display: block; padding: 5px; }
#cn-markets .panel { width: 960px; height: 535px; display: block; }
#cn-ks-1 { overflow: hidden; margin-top: 10px; width: 480px; }
#cn-ks-2 { overflow: hidden; width: 480px; }
#cn-ks-1 .container { padding-left: 20px; display: block; position: relative; }
#cn-ks-2 .container { padding-left: 20px; display: block; position: relative; }
#cn-ks-1 .panel { width: 460px; display: block; }
#cn-ks-2 .panel { width: 460px; display: block; }
/*---END---*/
#t-tickers-1 * .label, #t-tickers-3 * .label, #t-tickers-4 * .label, #t-tickers-5 * .label { font-weight: bold; border-bottom: none; background-color: #f2f5f7; color: #000; }
#t-tickers-1 tr[id='10'] td.label, #t-tickers-3 tr[id='10'] td.label, #t-tickers-4 tr[id='10'] td.label, #t-tickers-5 tr[id='10'] td.label { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; }
/*---Auth---*/
#h-auth h3 { font-size: 14px; margin-top: 5px; }
#auth-page .panel { padding-top: 10px; }
#auth-page td { padding: 3px; }
#auth-page input { width: 200px; height: 24px; border: none; border-radius: 10px; font-size: 12px; padding: 5px; }
#fa-sbm { height: 24px; border: solid 1px #808080; margin-top: 10px; cursor: pointer; font-weight: bold; font-size: 14px; padding: 5px; }
/*---END---*/
/*Markets*/
#home .icon { background: url(/static/images/home.png) no-repeat center; }
#markets .icon { background: url(/static/images/markets.png) no-repeat center; }
#portfolio .icon { background: url(/static/images/portfolio.png) no-repeat center; }
#keystats .icon { background: url(/static/images/keystats.png) no-repeat center; }
#chart .icon { background: url(/static/images/chart.png) no-repeat center; }
#news .icon { background: url(/static/images/news.png) no-repeat center; }
#home .icon-active { background: url(/static/images/home_selected.png) no-repeat center; }
#markets .icon-active { background: url(/static/images/markets_selected.png) no-repeat center; }
#portfolio .icon-active { background: url(/static/images/portfolio_selected.png) no-repeat center; }
#keystats .icon-active { background: url(/static/images/keystats_selected.png) no-repeat center; }
#chart .icon-active { background: url(/static/images/chart_selected.png) no-repeat center; }
#news .icon-active { background: url(/static/images/news_selected.png) no-repeat center; }
.markets-navbar { height: 32px; width: 236px; margin: 0; padding: 0; background: url(/static/images/bg_segmentedcontrol.png) no-repeat center; }
.markets-navbar ul { list-style: none; height: 32px; }
.markets-navbar ul li { float: left; }
.markets-navbar ul li.btn { width: 78px; cursor: pointer; height: 32px; margin: 0; padding: 0; }
.markets-navbar ul li.btn-active { background: url(/static/images/bg_segmentedcontrol_selected.png) no-repeat; }
.markets-navbar ul li.spl { width: 1px; height: 32px; background: url(/static/images/bg_segmentedcontrol_tabdivider.png) no-repeat center; }
.markets-navbar ul li.btn .text { width: 78px; height: 9px; font-size: 12px; color: #c0d5e1; font-weight: normal; margin-top: 8px; text-align: center; }
.markets-navbar ul li.btn-active .text { width: 78px; height: 9px; font-size: 12px; color: #FFFFFF; font-weight: normal; text-align: center; }
#m-nyse { background-position: top left; }
#m-amex { background-position: center; }
#m-nasdaq { background-position: top right; }
.markets-sort { width: 146px; height: 30px; margin: 0; padding: 0; cursor: pointer; background: url(/static/images/bg_dd.png) no-repeat center; }
.markets-sort ul { display: none; width: 146px; z-index: 150000; position: absolute; background-color: #243949; border: solid 1px #B0C7D2; border-radius: 5px; }
.markets-sort .text { width: 80px; height: 26px; float: left; margin-top: 7px; font-size: 12px; color: #FFF; font-weight: normal; }
.markets-sort .icon { width: 32px; height: 30px; background: url(/static/images/dd_arrow.png) no-repeat center; float: left; }
.markets-sort .logo { width: 23px; height: 30px; float: left; margin-left: 10px; }
.markets-sort ul li { list-style: none; padding: 3px; z-index: 150000; }
.markets-sort ul li { background: url(/static/images/bg_submenuhl.png) no-repeat center; width: 139px; height: 25px; padding-left: 3px; }
.markets-sort ul li.btn { }
.markets-sort ul li.btn-active { }
.markets-sort ul li.btn .title { font-size: 12px; color: #000; font-weight: normal; margin-top: 4px; text-align: center; }
.markets-sort ul li.btn-active .title { font-size: 12px; color: #000; font-weight: normal; text-align: center; }
#t-tickers-1 *, #t-tickers-2 *, #t-tickers-3 *, #t-tickers-4 *, #t-tickers-5 * { font-size: 13px; }
#gbox_t-tickers-1 div.ui-jqgrid-hdiv, #gbox_t-tickers-3 div.ui-jqgrid-hdiv, #gbox_t-tickers-4 div.ui-jqgrid-hdiv, #gbox_t-tickers-5 div.ui-jqgrid-hdiv { display: none; }
/*---END---*/

#ks-s-text, #c-s-text { width: 50px; height: 26px; margin: 0; padding: 0; background-color: #E2E2E2; border: none; border-radius: 5px; padding-left: 3px; }
#ks-s-btn, #c-s-btn { width: 60px; height: 32px; background: url(/static/images/button-c.png) repeat-x center; cursor: pointer; text-align: center; border: solid 0 #000; border-radius: 3px; }
.ks-s-ll, .c-s-ll { width: 70px; height: 32px; background: url(/static/images/button.png) no-repeat center left; border-radius: 5px 5px 0 0; }
.ks-s-rr, .c-s-rr { width: 70px; height: 32px; background: url(/static/images/button.png) no-repeat center right; border-radius: 0 0 5px 5px; }
#ks-s-btn .text, #c-s-btn .text { padding-top: 6px; font-size: 14px; color: #2f3e46; font-weight: bold; }

/*Key Stats*/
#cn-keystats { overflow: hidden; }
#ks-topic { height: 42px; }
.keystats-navbar { height: 32px; width: 315px; margin: 0; padding: 0; }
.keystats-navbar ul { list-style: none; height: 32px; }
.keystats-navbar ul li { float: left; }
.keystats-navbar ul li.btn { width: 78px; cursor: pointer; height: 32px; margin: 0; padding: 0; background: url(/static/images/bg_segmentedcontrol.png) no-repeat; }
.keystats-navbar ul li.btn-active { background: url(/static/images/bg_segmentedcontrol_selected.png) no-repeat; }
.keystats-navbar ul li.spl { width: 1px; height: 32px; background: url(/static/images/bg_segmentedcontrol_tabdivider.png) no-repeat center; }
.keystats-navbar ul li.btn .text { width: 78px; height: 9px; font-size: 12px; color: #c0d5e1; font-weight: normal; margin-top: 8px; text-align: center; }
.keystats-navbar ul li.btn-active .text { width: 78px; height: 9px; font-size: 12px; color: #FFFFFF; font-weight: normal; text-align: center; }
#ks-company { background-position: top left; }
#ks-earnings { background-position: center; }
#ks-revenues { background-position: center; }
#ks-key-ratios { background-position: top right; }
.ks-menu { height: 32px; width: 560px; margin: 0; padding: 0; padding-top: 5px; }
.ks-menu ul { list-style: none; height: 32px; }
.ks-menu ul li { float: left; }
.ks-menu ul li.btn { width: 139px; cursor: pointer; height: 32px; margin: 0; padding: 0; }
.ks-menu ul li.btn-active { background: url(/static/images/bg_submenuhl.png) no-repeat; }
.ks-menu ul li.btn .text { width: 139px; height: 9px; font-size: 11px; color: #808080; font-weight: normal; margin-top: 6px; text-align: center; }
.ks-menu ul li.btn-active .text { width: 139px; height: 9px; font-size: 11px; color: #000; font-weight: normal; text-align: center; }
.ks-submenu { overflow: hidden; }
#ksm-1 { width: 570px; }
#ksm-2 { width: 700px; }
#ksm-3 { width: 570px; }
#ksm-4 { width: 840px; }
.ksp-t { width: 498px; height: 8px; background: url(/static/images/bg_scrollcontainer_top.png) no-repeat center; }
.ksp-c-1, .ksp-c-2 { width: 498px; height: 100%; }
#ks-p1, #ks-p2 { width: 498px; height: 100%; background: url(/static/images/bg_scrollcontainer_middle.png) repeat-y center; margin: 0; padding: 0; overflow: hidden; }
#ks-p1 .topic { width: 418px; height: 24px; margin-left: 5px; color: #6F6F6F; font-size: 15px; font-weight: bold; }
#ks-p1 .topic a { color: #316EC1; font-weight: bold; font-size: 15px; }
#ks-p1 .info { margin-left: 20px; width: 460px; }
#ks-p2 .topic { background-color: #E9F6FF; font-weight: bold; width: 230px; text-align: left; }
#ks-p2 table td { text-align: right; }
#ks-p2 .title { text-align: left; }
#ks-p2 .tb-8 td { text-align: center; }
#ks-p2 .tb-8 .topic { text-align: left; }
#ks-table-main { margin-left: 8px; width: 464px; height: 114px; background: url(/static/images/table.png) center no-repeat; }
#ks-table-main * { font-size: 11px; }
#ks-table-main td { padding: 2px; text-align: left; }
#ks-table-main td.title { font-weight: bold; text-align: right; width: 90px; }
#ks-table-main .data { width: 70px; height: 18px; padding-top: 4px; }
#ks-table-main .ks-t-open .data, #ks-table-main .ks-t-high .data, #ks-table-main .ks-t-low .data { width: 50px; }
.ks-th { /*background-color: #F2F2F2;*/ text-align: center; padding: 2px; font-weight: bold; background: url(/static/images/prof-topic.png) repeat-x; height: 32px; }
.ks-th td { border-right: solid 1px #FFF; }
.ks-row1 { background-color: #FFFFFF; }
.ks-row2 { background-color: #F0F0F0; }
.cell { border-right: solid 1px #C6C6FF; padding: 0 .5em 0 0.5em; }
.cell.cell-l { text-align: left; }
.cell.cell-c { text-align: center; }
.cell.cell-r { text-align: right; }
#ks-topic-btn { width: 24px; height: 24px; background: url(/static/images/arr_up.png) no-repeat center; }
#ks-ttt-topic, #ks-ttt-topic * { color: #FFF; font-size: 16px; }
#cn-ks-2 .link { color: #316EC1; text-decoration: underline; cursor: pointer; }
.ks-t-navbar { text-align: center; height: 26px; margin-top: 15px; width: 460px; }
.ks-t-navbar span { font-size: 14px; border: solid 1px #000; border-radius: 3px; cursor: pointer; padding: 3px; padding-left: 7px; padding-right: 7px; margin-right: 4px; }
.ks-t-navbar .sel { color: #F00; }
/*---END---*/
/*Portfolio*/
#p-cn-btn { width: 200px; height: 32px; background: url(/static/images/prof-topic.png) repeat-x center; border-right: solid 1px #74797F; cursor: pointer; }
#p-cn-btn h2 { display: block; width: 100%; text-align: center; font-weight: bold; font-size: 14px; color: #74797F; }
#portfolio-list { width: 240px; height: 30px; margin: 0; padding: 0; cursor: pointer; }
#portfolio-list .panel { padding-top: 4px; }
#portfolio-list .left { width: 16px; height: 30px; float: left; background: url(/static/images/bg_dd.png) no-repeat left; }
#portfolio-list .arr { width: 20px; height: 30px; float: left; background: url(/static/images/bg_dd.png) no-repeat right; }
#portfolio-list .cur { width: 200px; height: 30px; background: url(/static/images/bg_dd_center.png) repeat-x center; float: left; }
#portfolio-list .text { width: 200px; height: 14px; overflow: hidden; margin-top: 8px; font-size: 12px; color: #FFF; font-weight: normal; line-height: 1.1; }
#portfolio-list .icon { width: 16px; height: 30px; background: url(/static/images/dd_arrow.png) no-repeat center left; }
#portfolio-list .list { display: none; width: 240px; height: 400px; z-index: 150000; position: absolute; background-color: #243949; border: solid 1px #B0C7D2; border-radius: 5px; }
#portfolio-list button { border: none; height: 32px; background: url(/static/images/prof-topic.png) repeat-x center; margin-top: 2px; }
#portfolio-list .list .iitem { width: 220px; height: 32px; text-align: left; margin: 0; cursor: pointer; background-color: #E2E2E2; }
#portfolio-list .list .iitem .name { width: 200px; padding-bottom: 3px; color: #000; line-height: 1.0; }
#portfolio-list .list .iitem.active { width: 220px; height: 32px; text-align: left; cursor: pointer; background: url(/static/images/prof-btn-active.png) repeat-x center; }
#portfolio-list .list .iitem.active .name { width: 200px; padding-bottom: 3px; color: #FFF; }
#pl-spl { width: 0; height: 100%; border-left: solid 0 #969696; border-right: solid 0 #969696; }
#pl-spl.left { background: url(/static/images/arr_left.png) center no-repeat; }
#pl-spl.right { background: url(/static/images/arr_right.png) center no-repeat; }
.portfolio-navbar { height: 32px; width: 250px; margin: 0; padding: 0; /*background: url(/static/images/bg_segmentedcontrol.png) no-repeat center;*/ }
.portfolio-navbar ul { list-style: none; height: 32px; }
.portfolio-navbar ul li { float: left; }
.portfolio-navbar ul li.btn { width: 120px; cursor: pointer; height: 32px; margin: 0; padding: 0; background: url(/static/images/bg_segmentedcontrol.png) no-repeat center; }
.portfolio-navbar ul li.btn-active { background: url(/static/images/bg_segmentedcontrol_selected.png) no-repeat; }
.portfolio-navbar ul li.spl { width: 1px; height: 32px; background: url(/static/images/bg_segmentedcontrol_tabdivider.png) no-repeat center; }
.portfolio-navbar ul li.btn .text { width: 120px; height: 9px; font-size: 12px; color: #c0d5e1; font-weight: normal; margin-top: 8px; text-align: center; }
.portfolio-navbar ul li.btn-active .text { width: 120px; height: 9px; font-size: 12px; color: #FFFFFF; font-weight: normal; text-align: center; }
#p-watch-list { background-position: top left; }
#p-holdings { background-position: top right; }
#p-portfolio { background-color: #FFF; }
#p-portfolio .item { display: block; width: 100%; }
#p-portfolio .p-topic { height: 32px; width: 100%; background: url(/static/images/prof-topic.png) repeat-x center; }
#p-portfolio .p-topic .cl-1 { height: 32px; width: 200px; }
#p-portfolio .p-topic .cl-2 { height: 32px; }
#p-portfolio .p-topic .cl-3 { height: 32px; width: 140px; text-align: right; padding-right: 10px; }
#p-portfolio .tb-container { display: block; margin-left: 5px; margin-top: 5px; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #000; }
#p-table-2ghead_0_0 { display: none; }
#p-table-2ghead_1_1 td, #p-table-2ghead_1_2 td { padding-left: 0; }
#gbox_p-table-1 .ui-jqgrid-bdiv, #gbox_p-table-2 .ui-jqgrid-bdiv, #gbox_p-table-3 .ui-jqgrid-bdiv { overflow: hidden; }
#p-cn-dtime, #p-cn-putdate, #p-cn-name { padding-left: 10px; padding-right: 10px; font-weight: bold; font-size: 12px; color: #74797F; }
/*---END---*/
/*Chart*/
#chart-topic { width: 100%; /*height: 68px;*/ background-image: -webkit-linear-gradient( #C0C0C0, #FFF ); color: #FFF; display: block; position: relative; }
#chart-container { display: block; position: relative; width: 100%; }
.chart-navbar { height: 32px; width: 250px; margin: 0; padding: 0; }
.chart-navbar ul { list-style: none; height: 32px; }
.chart-navbar ul li { float: left; }
.chart-navbar ul li.btn { width: 120px; cursor: pointer; height: 32px; margin: 0; padding: 0; background: url(/static/images/bg_segmentedcontrol.png) no-repeat center; }
.chart-navbar ul li.btn-active { background: url(/static/images/bg_segmentedcontrol_selected.png) no-repeat; }
.chart-navbar ul li.spl { width: 1px; height: 32px; background: url(/static/images/bg_segmentedcontrol_tabdivider.png) no-repeat center; }
.chart-navbar ul li.btn .text { width: 120px; height: 9px; font-size: 12px; color: #c0d5e1; font-weight: normal; margin-top: 8px; text-align: center; }
.chart-navbar ul li.btn-active .text { width: 120px; height: 9px; font-size: 12px; color: #FFFFFF; font-weight: normal; text-align: center; }
#c-historical { background-position: top left; }
#c-intraday { background-position: top right; }
/*#c-s-text { width: 50px; height: 22px; margin: 0; padding: 0; background-color: #E2E2E2; border: none; border-radius: 5px; padding-left: 3px; }
#c-s-btn { width: 32px; height: 24px;  background: url(/static/images/button.png) no-repeat center; cursor: pointer; text-align: center; border: solid 0 #000; border-radius: 3px; }
#c-s-btn .text { padding-top: 4px; font-size: 12px; color: #2f3e46; font-weight: bold; }*/
.chart-range-1, .chart-range-2 { width: 76px; height: 30px; margin: 0; padding: 0; cursor: pointer; }
.chart-range-1 ul, .chart-range-2 ul { display: none; width: 80px; position: absolute; z-index: 15000; background-color: #243949; border: solid 1px #B0C7D2; border-radius: 5px; }
.chart-range-1 .left, .chart-range-2 .left, #chart-compare .left { width: 16px; height: 30px; float: left; background: url(/static/images/bg_dd.png) no-repeat left; }
.chart-range-1 .arr, .chart-range-2 .arr, #chart-compare .arr { width: 20px; height: 30px; float: left; background: url(/static/images/bg_dd.png) no-repeat right; }
.chart-range-1 .cur, .chart-range-2 .cur { width: 40px; height: 30px; background: url(/static/images/bg_dd_center.png) repeat-x center; float: left; }
.chart-range-1 .text, .chart-range-2 .text { width: 25px; height: 26px; float: left; margin-top: 7px; font-size: 12px; color: #FFF; font-weight: normal; }
.chart-range-1 .icon, .chart-range-2 .icon, #chart-compare .icon { width: 16px; height: 30px; background: url(/static/images/dd_arrow.png) no-repeat center left; }
.chart-range-1 ul li, .chart-range-2 ul li { list-style: none; padding: 3px; width: 72px; height: 25px; padding-left: 3px; }
.chart-range-1 ul li .left, .chart-range-2 ul li .left, #chart-compare ul li .left { width: 10px; height: 25px; background: url(/static/images/bg_submenuhl.png) no-repeat left; float: left; }
.chart-range-1 ul li .title, .chart-range-2 ul li .title { width: 50px; height: 25px; background: url(/static/images/bg_submenuhl.png) no-repeat center; float: left; }
.chart-range-1 ul li .title span, .chart-range-2 ul li .title span, #chart-compare ul li .title span { margin-top: 5px; display: block; }
.chart-range-1 ul li .right, .chart-range-2 ul li .right, #chart-compare ul li .right { width: 10px; height: 25px; background: url(/static/images/bg_submenuhl.png) no-repeat right; float: left; }
.chart-range-1 ul li.btn .title, .chart-range-2 ul li.btn .title, #chart-compare ul li.btn .title { font-size: 12px; color: #000; font-weight: normal; text-align: center; }
.chart-range-1 ul li.btn-active .title, .chart-range-2 ul li.btn-active .title, #chart-compare ul li.btn-active .title { font-size: 12px; color: #000; font-weight: normal; text-align: center; }

#chart-compare { width: 100px; height: 30px; margin: 0; padding: 0; cursor: pointer; margin-top: -1px; }
#chart-compare .text { width: 60px; height: 26px; float: left; margin-top: 7px; font-size: 12px; color: #FFF; font-weight: normal; }
#chart-compare .cur { width: 60px; height: 30px; background: url(/static/images/bg_dd_center.png) repeat-x center; float: left; }
#chart-compare .box { display: none; width: 160px; position: absolute; z-index: 15000; background-color: #243949; border: solid 1px #B0C7D2; border-radius: 5px; margin-left: -30px; }
#chart-compare ul { width: 160px; }
#chart-compare ul li { list-style: none; padding: 3px; width: 150px; height: 25px; padding-left: 3px; }
#chart-compare ul li .ch { float: left; margin-left: 13px; margin-top: 6px; margin-right: 3px; }
#chart-compare ul li .ch-ticker { width: 100px; }
#chart-compare ul li .title { width: 150px; height: 25px; background: url(/static/images/bg_submenuhl.png) no-repeat center; float: left; }
#chart-compare ul li .title span { width: 110px; float: left; text-align: left; }
#chart-compare .panel div.btn { float: left; padding: 3px; width: 72px; height: 25px; }
#chart-compare .panel div.btn .title { width: 50px; height: 25px; background: url(/static/images/bg_submenuhl.png) no-repeat center; float: left; text-align: center; }
#chart-compare .panel div.btn .title span { width: 50px; margin-top: 5px; display: block; }
#chart-compare .panel div.btn .left { width: 10px; height: 25px; background: url(/static/images/bg_submenuhl.png) no-repeat left; float: left; }
#chart-compare .panel div.btn .right { width: 10px; height: 25px; background: url(/static/images/bg_submenuhl.png) no-repeat right; float: left; }

#ct-bar { width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 2px; color: #000; font-size: 12px; }
#ct-info { width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 2px; color: #000; font-size: 13px; }
#ct-leg { width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 2px; color: #000; font-weight: bold; font-size: 12px; }
.legend { width: 10px; height: 10px; border: none; margin-right: 2px; }
.legend.ticker { background-color: #0000FF; }
.legend.ema { background-color: #FF0000; }
.legend.ma { background-color: #00FF00; }
.legend.second { background-color: #FF6600; }
.legend.spxi { background-color: #800080; }
.legend.oexi { background-color: #969696; }
.legend.indui { background-color: #339966; }
.legend.compni { background-color: #666699; }
.t-date { color: #808080; }
.t-ticker { color: #0000FF; }
.t-ema { color: #FF0000; }
.t-ma { color: #00FF00; }
.t-second { color: #FF6600; }
.t-spxi { color: #800080; }
.t-oexi { color: #969696; }
.t-indui { color: #339966; }
.t-compni { color: #666699; }
.t-spl { width: 1px; height: 22px; background-image: -webkit-linear-gradient( #808080, #C0C0C0, #808080 ); }
#ct-bar-mavg .item, #ct-bar-ema .item { width: 32px; height: 24px; background-image: -webkit-linear-gradient( #FFF, #C0C0C0, #FFF ); 
    cursor: pointer; padding-top: 6px; text-align: center; border: none; border-radius: 3px; }
#ct-bar-mavg .item.active, #ct-bar-ema .item.active { background-image: -webkit-linear-gradient( #C0C0C0, #FFF, #C0C0C0 ); cursor: pointer; }
#ct-date-period .d-to.hasDatepicker, #ct-date-period .d-from.hasDatepicker { width: 80px; height: 22px; }
/*---END---*/
.ui-jqgrid .ui-jqgrid-bdiv { overflow: hidden; }
.ui-jqgrid tr.jqgrow td { height: 25px; }
.envision-visualization { width: 100%; height: 100%; }
.envision-component-container { width: 100%; }