/* Styles for charts */
.minichart,
.minichart_home,
.sidebarchart {
    background-color: white;
    position: relative;
    left: 0px;
    top: 0px;
    padding: 0px;
    border: 1px solid #9F9F9F;
    margin: 0px;
    width: 190px;  /* + 2 for border in FF */
    height: 135px; /* + 2 for border in FF */
    overflow: hidden;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}
.minichart_home {
	  width: 246px;
}
.dj_IE .minichart,
.dj_IE .minichart_home {
    width: 192px;
    height: 137px;
}
.dj_IE .minichart_home {
    width: 248px;
}
.smallchart,
.smallchart_noHeader {
    position: relative;
    left: 0px;
    top: 0px;
    padding: 0px;
    border: 0px;
    margin: 0px;
    width: 280px;
    height: 170px;
    overflow: hidden;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}
.dj_IE .smallchart,
.dj_IE .smallchart_noHeader {
    width: 307px;
    height: 157px;
}

.chartTopLine {
    position: relative;
    padding-left: 52px;
    background-color: #FFFFFF;
}

.dj_IE .chartTopLine {
	  padding-left: 51px;
}

.chartTopLineSidebarButtons {
    position: absolute;
    top: 2px;
    right: 0px;
    z-index: 4;
}
        
.chartInfoLine {
    color: #9F9F9F;
    position: relative;
    top: 3px;
}
.chartInfoElement,
.chartInfoElementR {
    position: absolute;
    top: 0px;
}
.chartInfoElementR {
    text-align: right;
}
        
.chartGraph {
    position: relative;
    top: 1px;
}
        
.gfxHolder {
}
        
.gfxLoading {
    position: absolute;
}

.chartBox,
.chartBox-last,
.chartBox-lastbutnotend,
.chartBox-first,
.chartBox-hover {
    position: absolute;
    top: 0px;
    z-index: 2;
    width: 50px;
    height:20px;
    line-height: 20px;
    background-image: url(/resources/images/dojo/tab_middle.gif);
    overflow: hidden;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    color:#4D4F53;
    border-left: 1px solid #9F9F9F;
}

.chartBox-lastbutnotend,
.chartBox-lastbutnotend-hover,
.chartBox-last, 
.chartBox-last-hover{
    border-right: 1px solid #9F9F9F;
}

.ie.chartBox-last,
.ie.chartBox-last-hover{
    border-right: 0;          
}

.chartBox-lastbutnotend-hover,
.chartBox-last-hover,
.chartBox-first-hover,
.chartBox-hover {
    background-image:url(/resources/images/dojo/tab_middle_checked.gif); 
    color: #D52B1E;             
}

.chartBox-active,
.chartBox-active-hover {
    background-image:url(/resources/images/dojo/tab_middle_checked.gif);
    color: #D52B1E;
}

/* for drag and drop charts: */
.topOfSidebarchartBox, .bottomOfSidebarchartBox { display: none; }
.sidebarchartDndEmptyBox { width: 192px; height: 15px; border: 1px solid #9F9F9F; }
.dojoDndHandle { cursor: move; }
.dojoDndSourceMoved { cursor: move; }
.dojoDndItem {z-index: 10; }
.dojoDndItemBefore .topOfSidebarchartBox { display: block; }
.dojoDndItemAfter .bottomOfSidebarchartBox { display: block; }
.dojoDndSourceMoved .dojoDndItemAnchor { display: none; } /* hide selected chart */
.dojoDndMove .dojoDndAvatarHeader { display: none; } /* hide number of elements we move */
/* End for drag and drop charts: */

/* End style for charts */

/* white titlepane */
.dijitTitlePane.whiteInnerTitlePane .dijitTitlePaneContentOuter,
.dijitTitlePane.whiteInnerTitlePaneNoPadding .dijitTitlePaneContentOuter {
  background: transparent;
}
  
/* Chart styles */
.axisDiv,
.iconDiv {
  position: absolute;
  font-family: Verdana;
  font-size: 9px;
  font-weight: normal;
  z-index: 1;
  white-space: nowrap;
}
.iconDiv {
  z-index: 2; /* over trackball (crosshair) */
}
.chartTooltipHeader {
  color: #306E92;
  font-weight: bold;
}
.chartTooltipHeaderSeparator {
  height: 1px;
  width: 100%;
  background-color: #306E92;
}

.timeRangeHolder {
  position: absolute;
  font-family: Arial;
  font-size: 11px;
  right: 34px;
  top: -1px;
}
.dj_ie .timeRangeHolder {
  right: 35px;
}

.nonSelectedTimeRange {
  -moz-outline: 0;
}
.selectedTimeRange {
  color: red !important;
  -moz-outline: 0;
}

.trackInfo {
  border: 0px;
  position: absolute;
  text-align: left;
  top: 5px;
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
}
.ie.trackInfo {
  top: 6px;
}
  
#chartTT.dijitTooltipDialog .dijitTooltipContainer .dijitTooltipContents {
  -moz-outline: 0; /* removes firefox strange dotted box for focus */
  padding: 0px;
}
#chartTT.dijitTooltipDialog .dijitTooltipContainer {
  border: 1px solid #B6C7D5;
  background-color: white; /* #FAFAFA; */
  font-size: 11px;
  padding: 0px;
}
#chartTT.dijitTooltipDialog .dijitTooltipContainer .chartNewsTooltipDialogLine {
  cursor: pointer;
}
  
.chartNewsTooltipDialogLine div {
  color: #3366CC;
}
tr.row-odd-mouseover td .chartNewsTooltipDialogLine div,
tr.row-even-mouseover td .chartNewsTooltipDialogLine div {
  text-decoration: underline;
}

.chart_D_Icon { background-image: url('/resources/scripts/charts/images/icon_D.gif'); }
.chart_D_Icon.chart_D_Icon_Hover { background-image: url('/resources/scripts/charts/images/icon_D_hover.gif'); }
.chart_C_Icon { background-image: url('/resources/scripts/charts/images/icon_C.gif'); }
.chart_C_Icon.chart_C_Icon_Hover { background-image: url('/resources/scripts/charts/images/icon_C_hover.gif'); }
.chart_S_Icon { background-image: url('/resources/scripts/charts/images/icon_S.gif'); }
.chart_S_Icon.chart_S_Icon_Hover { background-image: url('/resources/scripts/charts/images/icon_S_hover.gif'); }
.chart_R_Icon { background-image: url('/resources/scripts/charts/images/icon_R.gif'); }
.chart_R_Icon.chart_R_Icon_Hover { background-image: url('/resources/scripts/charts/images/icon_R_hover.gif'); }
.chart_N_Icon { background-image: url('/resources/scripts/charts/images/icon_N.gif'); }
.chart_N_Icon.chart_N_Icon_Hover { background-image: url('/resources/scripts/charts/images/icon_N_hover.gif'); }
.chart_M_Icon { background-image: url('/resources/scripts/charts/images/icon_M.gif'); }
.chart_M_Icon.chart_M_Icon_Hover { background-image: url('/resources/scripts/charts/images/icon_M_hover.gif'); }
.chart_G_Icon { background-image: url('/resources/scripts/charts/images/icon_G.gif'); }
.chart_G_Icon.chart_G_Icon_Hover { background-image: url('/resources/scripts/charts/images/icon_G_hover.gif'); }
.chart_T_Icon { background-image: url('/resources/scripts/charts/images/icon_T.gif'); }
.chart_T_Icon.chart_T_Icon_Hover { background-image: url('/resources/scripts/charts/images/icon_T_hover.gif'); }