/** $Header: $
 * Chart library CSS
 */

   #chartStatusBox { 
	background:#e0e0e0;
	font-weight: bold;
	position: absolute;
	width: 200px;
	border:solid black 1px;
	padding:10px;
	text-align:center;
	display: none;
	z-index: 100;
   }  
   #chartConsole { 
       position:absolute;
       top:100px;
       left:200px;
       display: none;
       z-index:100;
       border:solid black 1px; 
       padding:4px;
       width:200px;
       overflow:auto;
       height:250px;
       font-size:8pt;
       background:#b0ffdd;
   }
   .chartInfoDiv {
     position:absolute;
     display:none;
     z-index:41;
     border:solid black 1px; 
     padding:4px;
     width:100px;
     font-size:8pt;
     background:#ffffb0;
   }
   .chartLine {
       filter:alpha(opacity=40);
       opacity:0.4;
       position:absolute;
       display:none;
       z-index:2
   }
   .chartStatus {
       font-size:8pt;
       position:absolute;
       background:#ffffb0;
       display:none;
       z-index:2;
       border:solid black 1px;
       padding:0 2px;
   }
   .chartTrackDiv { 
       position:absolute;
       display:none;
       z-index:3;
       background:#808080;
       opacity:0.3;
       filter:alpha(opacity=30);
   }
   .pageBreak { 
       page-break-before: always;
   }

   .chartControlBar { 
       padding: 3px 5px;
       margin-left: 15px;
       margin-top: 5px;
       margin-bottom: 5px;
       background: #444;
       color: white;
   }
   .chartControlTracking { 
       font-weight: bold;
       font-size: 7pt;
   }

   .chartControlBar A, 
   .chartControlBar A:visited, 
   .chartControlBar A:link { 
       text-decoration: none;
       padding: 0 2px;
       color: white;
   }
   .chartControlBar A:hover { 
       color: #444;
       background: white;
   }
   A.btnZoomResetOff { font-size: 7pt; font-weight: normal; color: #999; }
   A.btnZoomResetOn { font-size: 7pt; font-weight: bold; color: black; }
   A.btnZoomResetOn:hover { font-size: 7pt; color: black; }

   .chartDialog {
       position: absolute;
       border:solid black 2px;
       top: 50px;
       left: 100px;
       background: #333;
       z-index: 100;
       opacity:0.92;
       display: none;
       filter:alpha(opacity=92);
       margin: 0px; padding:0px;	
   }

   .chartOptionsDialog {
       width: 450px;
       height: 250px;
   }

   .chartChartingDialog {
       width: 450px;
       height: 300px;
   }

   .chartInstrumentDialog {
       width: 450px;
       height: 450px;
   }
   .chartEmailDialog {
       width: 400px;
       height: 340px;
   }

@media print {
   .infoDiv { z-index: -1; visibility: hidden; }
   .chartLine { z-index: -1; visibility: hidden; }
   .chartStatus { z-index: -1; visibility: hidden; }
}