/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html, body{height:100%;}
body {
background: url("../images/main-bg.png") repeat center top #000 !important;
color: #989899;
font: 11px Segoe UI, Calibri, Helvetica, Arial, sans-serif;
margin: 0 auto;
padding: 0;
position: relative;
overflow:hidden;
}
h3{ font-size:16px;}
h1,h2,h3,h4,h5,h6{ color:#fff;}
small{ font-size:10px;}
b, strong{ font-weight:bold;}
a{ text-decoration: none; cursor: pointer; }
.left { float:left; }
.right { float:right; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.text-left{ text-align:left;}
.text-right{ text-align:right;}
.clearfix:after,
form:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
/* Buttons */
.btnChart { display: inline-block; padding: 5px 10px; margin-bottom: 0; font-size: 12px; line-height: 13px; color: #262626; text-align: center; text-decoration: none;
vertical-align: middle; background-color: #e6e6e6; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.75);
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(top, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#262626', GradientType=0);
border: 1px solid;
border-color: #262626 #262626 #989899;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.15);
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
*margin-left: .3em;
}
.btnChart:hover,
.btnChart:active,
.btnChart.active,
.btnChart.disabled,
.btnChart[disabled] { background-color: #e6e6e6; }
.btnChart:active, .btnChart.active { background-color: #cccccc \9; }
.btnChart:first-child { *margin-left: 0; }
.btnChart:hover {
color: #262626;
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btnChart:focus { outline: thin dotted #262626; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btnChart.active, .btnChart:active {
background-image: none;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #e6e6e6;
background-color: #e6e6e6 \9;
outline: 0;
}
.btnChart.disabled, .btnChart[disabled] { cursor: default; background-image: none; background-color: #e6e6e6; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none;
-moz-box-shadow: none; box-shadow: none;
}
.btnChart-blue,
.btnChart-blue:hover,
.btnChart-orange,
.btnChart-orange:hover,
.btnChart-red,
.btnChart-red:hover,
.btnChart-green,
.btnChart-green:hover,
.btnChart-black,
.btnChart-black:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #ffffff; }
.btnChart-blue,
.btnChart-orange,
.btnChart-red,
.btnChart-green,
.btnChart-black {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
}
.btnChart-blue.active,
.btnChart-orange.active,
.btnChart-red.active,
.btnChart-green.active { color: rgba(255, 255, 255, 0.75); }
.btnChart-black {
font-size:12px;
cursor:pointer;
background-color: #393939;
background-image: -moz-linear-gradient(top, #454545, #262626);
background-image: -ms-linear-gradient(top, #454545, #262626);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));
background-image: -webkit-linear-gradient(top, #454545, #262626);
background-image: -o-linear-gradient(top, #454545, #262626);
background-image: linear-gradient(top, #454545, #262626);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);
border-color: #222 #222 #000;
border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
padding:4px 10px;
}
#scrip_search .btnChart-addscript, #dvMktMovLkUp .btnChart-addscript{
background:url(../Images/add-script.png) no-repeat center;
height: 24px;
width:25px;
cursor:pointer;
margin:0 5px;
text-indent:-9999px;
border:none;
box-shadow:none;
}
#scrip_search .btnChart-clear, #dvMktMovLkUp .btnChart-clear{
background:url(../Images/clear.png) no-repeat center;
height: 24px;
width:18px;
cursor:pointer;
text-indent:-9999px;
border:none;
box-shadow:none;
}
.btnChart-ref{
background:url(../Images/ref.png) no-repeat center #262626;
height:25px;
width:33px;
border:none;
}
.btnChart-filter{
background:url(../Images/filter.png) no-repeat center #262626;
height:25px;
width:33px;
}
.btnChart-ColumnView{
background:url(../Images/column-template.png) no-repeat center #262626;
height:25px;
width:33px;
}
.btnChart-submit{
background:url(../Images/submit.png) no-repeat center #262626;
height:25px;
width:33px;
}
.btnChart-cancel-ord{
background:url(../Images/doc-close.png) no-repeat center #262626;
height:25px;
width:33px;
}
.btnChart-add-scrip{
background:url(../Images/add-script.png) no-repeat center #262626;
height:28px;
width:33px;
}
.btnChart-exit-opt{
background:url(../Images/exitOption.png) no-repeat center #262626;
height:28px;
width:33px;
}
.btnChart-pos-conversion{
background:url(../Images/pos-conversion.png) no-repeat center #262626;
height:28px;
width:33px;
}
.btnChart-black:hover,
.btnChart-black:active,
.btnChart-black.active,
.btnChart-black.disabled,
.btnChart-black[disabled] { background-color: #222; }
.btnChart-black:active, .btnChart-black.active { background-color: #000728 \9; }
button.btnChart, input[type="submit"].btnChart { *padding-top: 2px; *padding-bottom: 2px; }
button.btnChart::-moz-focus-inner, input[type="submit"].btnChart::-moz-focus-inner { padding: 0; border: 0; }
button.btnChart.large, input[type="submit"].btnChart.large { *padding-top: 7px; *padding-bottom: 7px; }
button.btnChart.small, input[type="submit"].btnChart.small { *padding-top: 3px; *padding-bottom: 3px; }
.btnChart-group { position: relative; *zoom: 1; *margin-left: .3em; }
.btnChart-group:before, .btnChart-group:after { display: table; content: ""; }
.btnChart-group:after { clear: both; }
.btnChart-group:first-child { *margin-left: 0; }
.btnChart-group + .btnChart-group { margin-left: 5px; }
.btnChart-toolbar { }
.btnChart-toolbar .btnChart-group { display: inline-block; *display: inline; *zoom: 1; }
.btnChart-group .btnChart { position: relative; float: left; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.btnChart-group .btnChart:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
}
.btnChart-group .btnChart:last-child, .btnChart-group .dropdown-toggle {
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;
}
.btnChart-group .btnChart.large:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
}
.btnChart-group .btnChart.large:last-child, .btnChart-group .large.dropdown-toggle {
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;
}
/* Buttons Ends */
select{
/*for chrome*/
-webkit-appearance: none;
/*for firefox*/
-moz-appearance: none;
text-indent:0.01px;
text-overflow:'';
background: #262626 url(../Images/buy-sell-ddwn-bg.png) no-repeat right 6px;
border:1px solid #989899;
color:#fff;
/*outline: 0; Commented by NavinM on 15/04/2015*/
font-size: 11px;
margin: 0;
overflow: hidden;
padding: 2px 20px 2px 0;
/*text-overflow: ellipsis;
/* min-width:70px; */
white-space: nowrap;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
max-width:215px;
}
@media screen and (min-width:0\0){
select {
background-image:none; padding-right:2px;}
}
input[type="text"], input[type="password"], input[type="text"]:disabled{
background: #262626;
font-family: Tahoma, Arial, Helvetica, sans-serif;
padding: 2px;
color: #ccc;
border: 1px solid #989899;
font-size:13px;
}
button {
border: none;
}
.basicChartControlPanel div {padding:0 6px 0 0;}
.basicChartControlPanel div span{ float:left; padding:2px 6px 0 0;}
.basicChartControlPanel ol { list-style-type: none; margin: 0; padding:3px 0 0 4px; float:left;}
.basicChartControlPanel ol li{display:inline; float:left; padding:0 4px;}
.basicChartControlPanel ol li a {display:block; width:16px; height:16px; border:0}
.chartDataSeparator {font-weight: 800; color: #FF6B00;}
.advSlctdChrtPanel{ border: 1px solid #E80; width:100%; height:100%; box-shadow:0 0 10px #E80; }
.advChrtPanel{ border: 1px solid #4f4f4f; width:100%; height:100% }
.chartfilter{width: 100%; float:left; background:#3F3F3F url('../Images/chart-head-bg.png') center center no-repeat;}
.chartfilter table{width:100%}
.chartfilter td{height:33px;}
.advDialogHighliter{box-shadow: #FFF 0px 0px 15px;}
.advChartControlPanel {min-width:930px; width:100%; float:left; padding:5px 10px; background:#5c5c5c}
.advChartControlPanel div {float:left; padding:0 10px 0 0;}
.advChartControlPanel div span{ float:left; padding:3px 5px 0 0;}
.wh100{float:left;width:100%; height:100%;}
.advChartControlPanel ol { list-style-type: none; margin: 0; padding:3px 0 0 4px; float:left;}
.advChartControlPanel ol li{display:inline; float:left; padding:0 4px;}
.advChartControlPanel ol li a {display:block; width:16px; height:16px; border:0}
.single-view a {background: url('../Images/singleview.png') center center no-repeat;}
.two-hori a {background: url('../Images/two-hori.png') center center no-repeat;}
.two-verti a {background: url('../Images/two-verti.png') center center no-repeat;}
.four-view a {background: url('../Images/four-view.png') center center no-repeat;}
.single-view a:hover {background: url('../Images/singleview-on.png') center center no-repeat;}
.two-hori a:hover {background: url('../Images/two-hori-on.png') center center no-repeat;}
.two-verti a:hover {background: url('../Images/two-verti-on.png') center center no-repeat;}
.four-view a:hover {background: url('../Images/four-view-on.png') center center no-repeat;}
.single-view-selected a {background: url('../Images/singleview-on.png') center center no-repeat; outline: 1px solid #FFB800;}
.two-hori-selected a {background: url('../Images/two-hori-on.png') center center no-repeat; outline: 1px solid #FFB800;}
.two-verti-selected a {background: url('../Images/two-verti-on.png') center center no-repeat; outline: 1px solid #FFB800;}
.four-view-selected a {background: url('../Images/four-view-on.png') center center no-repeat; outline: 1px solid #FFB800;}
.chart-i a {background:#dddddd url('../Images/chart-i.png') center center no-repeat;}
.chart-i a:hover {background: url('../Images/chart-i-on.png') center center no-repeat; outline:1px solid #ffb800; outline-offset:-1px;}
.chart-h a {background:#dddddd url('../Images/chart-h.png') center center no-repeat;}
.chart-h a:hover {background: url('../Images/chart-h-on.png') center center no-repeat; outline:1px solid #ffb800; outline-offset:-1px;}
.chart-c a {background:#dddddd url('../Images/chart-c.png') center center no-repeat;}
.chart-c a:hover {background: url('../Images/chart-c-on.png') center center no-repeat; outline:1px solid #ffb800; outline-offset:-1px;}
.chart-i-selected a {background: url('../Images/chart-i-on.png') center center no-repeat; outline:1px solid #ffb800; outline-offset:-1px;}
.chart-h-selected a {background: url('../Images/chart-h-on.png') center center no-repeat; outline:1px solid #ffb800; outline-offset:-1px;}
.chart-c-selected a {background: url('../Images/chart-c-on.png') center center no-repeat; outline:1px solid #ffb800; outline-offset:-1px;}
.oth-btn ol { list-style-type: none; margin: 0; padding:4px 0 0 5px; float:left;}
.oth-btn ol li{display:inline; float:left; padding:0 4px;}
.oth-btn ol li a {display:block; width:16px; height:16px; border:0; padding:0 0 0 5px;}
.excel a {background: url('../Images/export.png') center center no-repeat;}
.excel a:hover {background: url('../Images/export-on.png') center center no-repeat;}
.image a {background: url('../Images/image-ico.png') center center no-repeat;}
.image a:hover {background: url('../Images/image-ico-on.png') center center no-repeat;}
.indicator-manage a {background: url('../Images/ind-manage.png') center center no-repeat;}
.indicator-manage a:hover {background: url('../Images/ind-manage-on.png') center center no-repeat;}
.indicator-setting a {background: url('../Images/ind-setting.png') center center no-repeat;}
.indicator-setting a:hover {background: url('../Images/ind-setting-on.png') center center no-repeat;}
.chart-data-loader {
margin-top: 26%;
margin-left: 45%;
content:url(../images/ajax-loader_blue.gif);
display:block;
background-image:url(../images/sync_on.png);
background-repeat:no-repeat;
}
.zoom-custom a {background: url('../Images/zoom-custom.png') center center no-repeat;}
.zoom-custom a:hover {background: url('../Images/zoom-custom-on.png') center center no-repeat;}
.zoom-in a {background: url('../Images/zoom-in.png') center center no-repeat;}
.zoom-in a:hover {background: url('../Images/zoom-in-on.png') center center no-repeat;}
.zoom-out a {background: url('../Images/zoom-out.png') center center no-repeat;}
.zoom-out a:hover {background: url('../Images/zoom-out-on.png') center center no-repeat;}
.zoom-reset a {background: url('../Images/zoom-reset.png') center center no-repeat;}
.zoom-reset a:hover {background: url('../Images/zoom-reset-on.png') center center no-repeat;}
.scrip-filter {padding:5px 10px; width:100%;}
.indicator-filter {float:left;padding:5px 5px; min-width:930px; width:100%;display: inline-flex; display: -ms-inline-flexbox; display: -webkit-inline-box; }
.indicator-filter span {/*float:left;*/ padding:4px 0 0 4px;}
.indicator-filter select{margin:1px 0 0 4px;}
.scrip-selector a {background: url('../Images/search.png') center 7px no-repeat;padding:5px 10px 6px 4px; margin:-9px 0 0px 0}
.scrip-selector a:hover {background:#3F3F40 url('../Images/search.png') center 7px no-repeat; border-radius:0 0 4px 4px;}
.scrip-selector-selected a {background:#3F3F40 url('../Images/search.png') center 7px no-repeat; border-radius:0 0 4px 4px; border: 1px solid #797979 !important; border-top: 0px !important; padding:5px 10px 6px 4px; margin:-9px 0 0px 0}
.chartguide-show a {background: url('../Images/image-ico.png') center center no-repeat;}
.indicator-panel a {background: url('../Images/indicator-panel.png') center 7px no-repeat;padding:5px 10px 6px 4px; margin:-9px 0 0px 0}
.indicator-panel a:hover {background:#3F3F40 url('../Images/indicator-panel-on.png') center 7px no-repeat; border-radius:0 0 4px 4px;}
.indicator-panel-selected a {background:#3F3F40 url('../Images/indicator-panel-on.png') center 7px no-repeat; border-radius:0 0 4px 4px; border: 1px solid #797979 !important; border-top: 0px !important; padding:5px 10px 6px 4px; margin:-9px 0 0px 0}
.advChartControlPanel ul { list-style-type: none; margin: 0; padding: 0px 12px;}
.advChartControlPanel ul li{ float: left; margin: 3px 0 0; line-height: 23px; }
.chart-panel-holder{float:left; margin:0 0 0 6px; width:80%; position:relative;}
.divChart {float:left;}
.single-view-size { float:left; width:100%; height:100%;}
.two-view-h-size {float:left; width:100%; height:50%;}
.two-view-v-size {float:left; width:50%; height:100%;}
.four-view-size {float:left; width:50%; height:50%;}
.single-view-size canvas; .two-view-h-size canvas; .two-view-v-size canvas; .four-view-size canvas {float:left; width:100%; height:100%}
.advChartGuide{float:right; margin:0 6px 0 0; border:1px solid #383838; /*height:582px;*/}
.advChartGuide table {padding:3px 3px 0 3px; width:100%;}
.advChartGuide th{background:#333; font-weight:bold; color:#fff; border-bottom:1px dotted #333;}
.advChartGuide td {border-bottom:1px dotted #333; /*width:50%;*/ }
.advChartGuide th, .advChartGuide td{padding:4px 0px;}
.advChartGuideHigh {color: #2AC95E !important;}
.advChartGuideLow {color: #EE5F5B !important;}
.advChartGuideClose {color: #ECAA00 !important;}
/*.advChartGuideCaption {width:47%;}*/
.advChartGuideCaption {width:23%;} /* CR4461 */
.advChartGuideValue {width:53%}
.chartguide-slide-in {background:#333 url('../Images/slide-in.png') center 1px no-repeat; height: 13px; width: 13px;}
.chartguide-slide-close {background:#333 url('../Images/slide-close.png') center 1px no-repeat; height: 13px; width: 13px; float: right !important;}
.chartguide-slide-out {background:#333 url('../Images/slide-out.png') center 1px no-repeat; margin: 0 2px !important; height: 13px; width: 13px; position: relative; top: 50%;}
.graphName {color:#ffb800; text-transform:uppercase;}
.chart-head{float:left; padding:4px; font-size:14px; width:100%}
.chart-head a{float:right; width:16px; height:16px; margin:1px 10px 0 0; display:block; background:url(../Images/close.png) center center no-repeat;}
.chart-head a:hover{background:url(../Images/close_on.png) center center no-repeat;}
.panelslider {float:left; width:100%; display:block; height:10px;}
.panelslider button {position: relative; left: 45%; height: 8px; width: 24px; vertical-align: middle; }
.panelslider-close {background:#ccc url('../Images/chart-close.png') center 1px no-repeat; border-radius:0 0 4px 4px;}
.panelslider-open {background:#ccc url('../Images/chart-open.png') center 1px no-repeat; border-radius:0 0 4px 4px;}
.ind-pop-table{width:100%}
.ind-pop-table th {text-align: left; font-size: 115%;}
.ind-pop-table th span {padding: 4px 0 4px 3px; display:block; font-weight:bold;}
.ind-pop-table span {padding:12px 0 4px 3px; display:block; font-weight:bold;}
.ind-h-lines{border: 1px solid rgba(255, 255, 255, 0.5); width:92px; padding: 2px; min-height: 34px; max-height: 58px; overflow-y: scroll; margin:0 0 0 4px; float:left;}
.ind-h-lines span{padding: 4px 4px 0 4px; font-weight: normal;}
.ind-h-close{ width:12px; height:12px; display:block; border:none; background: url('../Images/deletepoint.png') center center no-repeat;}
.ind-h-lines td{padding:1px 0px 0px 6px;}
.ind-h{float:left; padding:8px;}
.ind-graph-styles td{vertical-align:middle; padding:3px;}
.ind-buttons{margin:0 0 0 65px; padding:20px 0 0 0;}
.IndctrSettings{ position:absolute; top:14%; bottom:14%;left:30%;right:30%; background:rgb(32, 70, 119) url(../images/stripes_blue.png); padding:8px; border:1px solid rgb(138, 131, 131); height:460px; width:300px; min-width:300px; }
.CloseIndctrSettings{ background: url(../images/close_new.png) no-repeat; cursor: pointer; width: 30px; height: 30px; position: absolute; top: 7px; right: 4px; }
.teetip{padding: 6px; margin-top: 0px; border: 1px solid #4F4F4F; z-index: 99999; color: #FFF; background-color: #000;}
.teetipCaption {width:49%;}
.teetipBlock {width:2%}
.teetipValue {width:49%}