ul 								{ list-style: none; margin:0; padding:0; }
		 .dragWrap 				{	position:relative; overflow:hidden;}
			body div .dragSkate 				{	display:block; position:absolute; }


			#graphandoptions  {position: relative;  bo ttom:0px; h eight:100%; wid th:100%;   bo rder:1px solid purple}
			#plotScaleWrap 		{ wid th:850px; he ight:400px; b order:1px solid orange;  position:relative;   }
			
		
			#yScaleSkate			{ b order:2px solid green; }


			#yScaleWrap				{
			z-index:1000;
			
			position:absolute; height:300px; width:150px; b order:1px solid blue; }
			#viewWrap    			{   position:absolute; left:150px; top:0px; width:450px; height:300px; }
			#xScaleWrap				{ position:absolute; left:150px; top:300px; ma rgin-left:150px; bo rder:1px solid red; height:50px; padding-top:6px; width:450px;
				background:#fff;	
			}

		#botleft {position:absolute; right:0px; bottom:0px;}


		.opac  { opacity: 0.5; -moz-opacity: 0.5; background: blue; filter: alpha(opacity=50);}
		.mCan  { width:650px; height:300px; } 

		 #zoomcross {display:none;}
		


			#miniWrap , #debug , #status {display:none;}

			.canWrap 					{ position:absolute; bor der:2px solid red;}

			.clear						{	class:both; width:100%; height:1px;}

			.trannywindow 		{ filter: alpha(opacity=50); background: red; opacity:0.5; -moz-opacity: 0.5;  b order:1px solid orange; position:absolute;}
			/*
			#domCanvas        { border: 2px solid orange; position:absolute; top:0; left:0;}
			#domCanvas .note  {    border:2px solid black; position:absolute; width:50px; height 20px; }
			*/
		/*  an invisible div that all the mouseovers use as an element to click on, this way we aren't clicking on the actual canvas */
		 .q {
		 opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);
		}



			/*  options styles */
			/*#stocksmanager {posit ion: absolute;   b order:1px solid black;overfl ow:hidden;}*/
			#stocksmanager form {w idth: 325px; he ight: 95px ; float:left; bord er-right:1px solid grey}
			#stocksmanager form fieldset {border:none; padding:0; margin:5px 0 ;}
			#stocksmanager form label {text-align:right; width: 100px; float:left;}
			/*#stocksmanager form input,  #stocksmanager form select {text-align:left; width: 100px; float:left;}*/

			#stocksmanager .active { background :red ; }
			/*
			#stocksmanager form ul li { clear: both;  display : block ; height: 20px ; width: 250px;  } 
			#stocksmanager form ul li a { display: block;  float:left; padding:4px;}
			*/
			/*  legend styles */

		ul#xScaleSkate {
			width:450px;
			position:relative;
			display:block;
			height: 50px;
			bor der:1px solid black;
			z-index:1000;
		}
		ul#xScaleSkate li {
			position:absolute;
			display:block;
			width: 80px;
			height: 20px;
			clear:none;
			ou tline:2px solid green;
		}


		.trannylistn {bord er:1px solid red; 
		background:transparent; z-index:5000; position:absolute;}
			#the_chart {


			}
			canvas {display:block; 
					background:transparent ; 

							
							}


			#vertLineDiv {position:absolute; z-index:3;   top:0; background:grey; width:3px; height:1000px;}
			.bouncingBall		{position:absolute;    z-index:3;
					background:transparent url(../images/bluedot.png) 0 0 no-repeat;		
					b ackground:red; 
					width:100px;  height:30px; 
					padding-left:30px;
					margin-top:-10px;
					margin-left:-9px;
					b order:1px solid brown;
			}
			.legendWrapWrap		{position:absolute; bor der:1px solid red;}
			.legendScaleWrap {position:relative; display:block; width:40px; borde r:1px solid orange;  ov erflow:hidden;}
			.legendScaleWrap li {position: absolute; display:block; 
													 height :20px; width:30px;  left:10px ; o utline:1px solid red;
													margin-top:-10px;	
													}
		.scale {height: 300px; wid th:20px; float:left;  position: relative; list-style:none; margin:0;padding:0;
		bor der:1px solid black;	
		margin-right:3px;
		}
		.scale li {position: absolute; margin:0; padding:0;}
		.scale li.dummy {position: relative;z-index:-500; background:#fff; color:#fff; padding:2px;}


			.domCanvas        { disp lay:none; position:relative;   height:2000px; width:3000px;
			
			backgrou nd:green;}
			.domCanvas .dividend {
			}
			.domCanvas .note {
				z-index:8000;
				position:absolute;
				overflow:hidden;
				height:10px; width:10px; background:green; 
				color:red;
				text-indent:-9000px;
			}
			.domCanvas .over {
				z-index:8000;
				color:red;
				position:absolute;
				overflow:hidden;
				height:100px; width:100px; background:blue; 
				margin:-20px 0 0 -20px;
			}