/* CSS | TrackData | (c) 2006 FUSEBOX INC | WRITTEN BY: MATTHEW PODSIAD 12.2006 */

/*

* html selector - applies only to IE 6

*/

/* --------------------------- */
/* GENERAL */
/* --------------------------- */

	body, html { 
		color: #544F44; 
		font-family: verdana, sans-serif; 
		font-size: 10px; 
		margin: 0; 
		padding: 0;
	}
	body { 
		background-color: #b9b9b9; 
	}
	th, td { 
		color: #544F44; 
		font-family: verdana, sans-serif; 
		font-size: 10px;  
	}
	img { border: 0; margin: 0; padding: 0; }
	span { 
		color: #544f44; 
	}
	span.green { 
		color: #00cc33; 
	}
	span.red { 
		color: #ff0000; 
	}
	hr { 
		border: none 0; 
		border-top: 1px solid #D8D8D8; 
		height: 1px; 
		width: 100%; 
	}
	.clear { /* clears floats */
		clear: both; 
		font-size: 0px; 
		height: 1px; 
		margin-bottom: -1px;
		overflow: hidden; 
	}
	* html .clear { 
		height: auto; 
		margin-bottom:0; 
	} 
	iframe { 
		background-color: #FFF;
		border: 0;  
		overflow-x: hidden; 
		overflow-y: auto; 
		width: 964px; 
	}
	* html iframe {   
		margin: 0; 
		overflow:hidden; 
		padding: 0; 
		width: 964px; 
	}
	
	/* LINK STYLES */
	a:link { 
		color: #0F8099; 
		font-size: 10px;
		text-decoration: none; 
	}
	a:visited { 
		color: #0F8099; 
		text-decoration: none; 
	}
	a:hover { 
		color: #87BFCC; 
		text-decoration: underline; 
	}
	a:active { 
		color: #0F8099; 
		text-decoration: none; 
	}

	/* FORM STYLES */
	input,
	select { 
		border: 1px solid #CBCBCB;  
		color: #666666; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		padding: 1px 3px;
		text-align: left; 
	}
	input.button { 
		background-color: #ffcf47; 
		border-bottom: 1px solid #666;
		border-left: 1px solid #666; 
		color: #004d5d; 
		cursor: pointer; 
		font-size: 10px; 
		font-weight: normal; 
		padding: 0px 4px;
		text-align: center;  
	}
	input.button:hover { 
		background-color: #ffe7a3; 
		color: #004d5d; 
		cursor: pointer; 
	}
	input.radio_button { 
		border: 0; /* prevents border in IE */
		margin: 0;
		padding: 0; 
	}
	input.checkbox_button { 
		border: 0; /* prevents border in IE */
		margin: 0;
		padding: 0; 
	}
	label { margin: 0; padding: 0;}
	select { 
		padding: 2px; 
	}
	textarea { 
		border: 1px solid #CBCBCB; 
	}
	
	/* HEADING STYLES STYLES */
	h1 { 
		color: #004d5d;
		font-size: 16px; 
		font-weight: bold; 
		margin: 0 0 10px 0; 
		padding: 0; 
	}
	.h1 { 
		margin: 0 10px 0 10px; 
		padding: 0; 
	}
		.h1 h1 {
			float: left;
		}
		.h1 select,
		.h1 span { 
			float: right;
			margin: 0;
			padding: 0;
		}
		* html .h1 select {
			margin: 0 3px 0 0;
		}
			.h1 span a { 
				padding: 1px 3px;
				margin: 0; 
			}
				.h1 span a:hover, .h1 span a#selected  { 
					background-color: #0F8099;
					color: #fff;
					text-decoration: none;
				}
	
	h2 { 
		background: #0F8099 url(../../imgs/h2_bg.gif) repeat-x;
		color: #fff;
		font-size: 11px; 
		font-weight: bold;
		margin: 0;
		padding: 2px 0 3px 10px; 
	}
	.h2 { 
		background: #0F8099 url(../../imgs/h2_bg.gif) repeat-x;
	}
		.h2 h2 { 
			float: left;
		}
		.h2 a { 
			background: #0F8099 url(../../imgs/h2_bg.gif) repeat-x;
			color: #ffffff;
			display: block;
			float: right; 
			font-size: 10px; 
			margin: 0;
			padding: 2px 10px 3px 8px; 
		}
			.h2 a:visited {
				color: #fff;
				font-size: 10px; 
			}
			.h2 a:hover {
				color: #fff;
				font-size: 10px; 
				text-decoration: underline;
		}
	
	h3 { 
		font-size: 13px;
		font-weight: normal; 
		margin: 0;
	}
	.h3 { 
		margin: 10px; 
	}
		.h3 h3 { 
			float: left; 
		}
		.h3 a, 
		h3 a { 
			font-size: 10px;
		}
		.h3 span { 
			font-size: 11px; 
		}
		.h3 input, .h3 .right {
			float: right; 
		}
	
	h4 { 
		font-size: 10px; 
		font-weight: normal;
		padding: 2px 0 2px 6px;
		margin: 0;   
	}
	.h4 { 
		background-color: #CBCBCB; 
		margin: 15px 30px 6px 15px; 
	}
	/* added 02.26.07 Matthew */
	h5 {
		color: #004d5d;
		font-size: 12px;
		margin-bottom: 5px;
	}
	/* added 02.26.07 Matthew */
	blockquote {
		margin: 0px 0 25px 15px;
		padding: 0;
	}
	
	
	.QN_Lookup { margin: 0 0 0 10px; }
	
	
	
/* --------------------------- */
/* LAYOUT */
/* --------------------------- */
	
	#page { /* outter page container - sets page centering, bg color, width */
		background-color: #fff; 
		margin-left: auto; 
		margin-right: auto; 
		text-align: left; 
		width: 974px; 
	}
	
	/* HEADER STYLES */
	#header {  /* contains page header, sets position, width and bottom border */
		background-color: #fff; 
		border-bottom: 3px solid #0F8099; 
		margin: 0 2px 10px 2px; 
		padding: 2px 0 2px 0; 
		text-align: left; 
		width: 970px; 
	}
	* html #header { 
		width: 968px; 
	}
		#header .left { /* sets header image and height/width */
			background: url(../../imgs/myTrack_banner.gif) top no-repeat; 
			height: 86px; 
			padding: 0; 
			width: 970px; 
		}
			#header .left .bannerButtons { 
				/*background: url(../../imgs/banner_button_bg.gif) top no-repeat;*/
				bottom: 0; 
				height: 22px;
				left: 728px; 
				position: relative; 
				top: 64px;  
				width: 243px; 
			}
				#header .left .bannerButtons img { 
					margin: 4px 0px 2px 4px; 
				}
			#header .left .bannerButtonsAlt { 
				background: url(../../imgs/banner_button_bgAlt.gif) top no-repeat;
				bottom: 0; 
				height: 22px;
				left: 830px; 
				position: relative; 
				top: 64px;  
				width: 141px; 
			}
				#header .left .bannerButtonsAlt img { 	
					margin: 4px 0px 2px 4px; 
				}
		
			#header .left .bannerButtonsAlt2 { 
			 	/*background: url(../../imgs/banner_button_bg.gif) top no-repeat; */
				bottom: 0; 
				height: 22px;
				float:right;
				position: relative; 
				top: 64px;  
				width: 243px; 
			}
				#header .left .bannerButtonsAlt2 img { 
					margin: 4px 0px 2px 4px; 
				}
		
			
			#header .left .bannerButtonsLogOut{ 
				/*background: url(../../imgs/banner_button_bgAlt.gif) top no-repeat; */	
				height: 22px;
				left: 912px; 
				position:  relative; 
				top: -25px; 
				width: 55px; 
				display:none;
			} 
				#header .left .bannerButtonsLogOut img { 
					margin: 3px 0px 2px 4px; 
				}
		
	#content { /* content container - sets border and margins  */
		border-left: 1px solid #878787; 
		border-bottom: 1px solid #878787; 
		border-right: 1px solid #878787; 
		margin: 0 4px 0 4px; 
		text-align: left; 
		width:964px; 
	}
	
	/* MAIN NAV STYLES */
	* html #mainNav { 
		width: 964px; 
	}
	#mainNav ul { 
		list-style: none; 
		margin: 0; 
		padding: 0; 
	}
		#mainNav ul li { 
			float: left;  
			margin: 0; 
			padding: 0; 
		}
			
	/* BREADCRUMB STYLES */	
	td#breadCrumb { 
		background: url(../../imgs/breadcrumb_bg.gif) bottom repeat-x; 
		border-bottom: 1px solid #cdcdcf;
		padding: 5px 0 5px 0;  
	}
		#breadCrumb ul { 
			list-style: none; 
			margin: 0; 
			padding: 0; 
		}
			#breadCrumb ul li { 
				float: left;  
				margin: 0; 
				padding: 0; 
			}
				#breadCrumb ul li a { 
					margin: 0; 
					padding: 0; 
					text-decoration: none; 
				}
				
				#breadCrumb ul li span { 
					border-right: 1px solid #c7c8a9;
					display: block; 
					font-family: verdana;
					font-size: 10px; 
					margin: 0;
					padding: 0px 8px 0 8px;    
				}
					#breadCrumb ul li.selected span a { 
						color:#544f44; 
						text-decoration: none; 
					}
				#breadCrumb ul li span#left {  
					margin: 0;
					padding: 0 8px 0 0; 
				}
				#breadCrumb ul li.selected span#left { 
					margin: 0;
					padding: 0 8px 0 0;  
				}
					#breadCrumb ul li.selected span#left a {  
						margin: 0; 
					}

				#breadCrumb ul li span#right {  
					border: 0; 
					margin: 0;
					padding: 0 0 0 8px; 
				}
				#breadCrumb ul li.selected span#right {  
					margin: 0; 
					padding: 0 0 0 8px;
				}
					#breadCrumb ul li.selected span#right a {  
						margin: 0; 
					}
		/* sets position of each breadcrumb */
		#breadCrumb ul#about { padding-left: 68px; }
		#breadCrumb ul#trading { padding-left: 135px; }
		#breadCrumb ul#account { padding-left: 280px; }
		#breadCrumb ul#quotesResearch { padding-left: 375px; }

	/* CONTENT STYLES */
	.ticker { /* styles for quote bar */
		background-color: #FFFAEC; 
	/*	background: #f7f7f4 url(./imgs/bg_gradient.gif) repeat;*/
		border-bottom: 1px solid #f2e2b6; 
	/*	border-bottom: 1px solid #cdcdcf;*/
		font-size: 10px; 
		margin: 0; 
		padding: 0px 0px 2px 10px; 
	}
		div.quotes { 
			float: left; 
			padding: 0; 
		}
			div.quotes ul {
				list-style: none;
				margin: 0;
				padding: 0;
				
			}
			div.quotes ul li {
				float: left;
				padding: 3px 25px 0 0;
				text-align: center;
			}

			div.quotes ul li span#qCompany
			{
					font-size: 9px;
					font-weight: bold;
			}
				div.quotes ul li span, div.quotes ul li span a {
					font-size: 12px;
					font-weight: bold;
				}
			div.quotes ul li.smbol {
				padding: 2px 25px 0 0;
				text-align: left;
			}
				div.quotes ul li.smbol span a {
					padding: 0;
					font-weight: bold;
				}
		div.quoteLookUp { 
			float: right; 
			padding: 0 0 0 0;
		}
			div.quotes ul li input {
				margin: 5px 5px 0 0;
			}
			div.quoteLookUp img {
				margin: 0px 0 0 0;
			}
		.hide_show { 
			float: right; 
			margin: 0 10px 10px 0;
		}
	
	
	#contentBox { /* sets container for contents of content pages */  
		margin: 0; 
		padding: 0;
	}
		#contentBox ul#subNav { /* styles for subnav */
			background: url(../../imgs/border.gif) bottom repeat-x; 
			border-top: 1px solid #878787; 
			border-right: 1px solid #878787; 
			font-size: 10px; 
			list-style: none; 
			margin: 0 0 15px 10px; 
			overflow: auto;
			padding: 0; 
			width:944px; 
		}
			#contentBox ul#subNav li { 
				float: left; 
				margin: 0; 
				padding: 0; 
			}
			#contentBox ul#subNav li a { 
				background: #f7f7f4 url(../../imgs/subNav_bg.gif) top repeat-x; 
				border-left: 1px solid #878787; 
				border-bottom: 1px solid #878787; 
				display: block; margin: 0; 
				padding: 3px 15px 3px 15px; 
			}
			#contentBox ul#subNav li a.current,
			#contentBox ul#subNav li a:hover { 
				background: #fff; 
				border-bottom: 1px solid #fff; 
			}
			#contentBox ul#subNav li.end a { 
				border-right: 1px solid #878787; 
			}
			#contentBox ul#subNav li.account { 
				background: #fff; 
				border: 0 none; 
				margin: 0 0 0 10px; 
				padding: 0; 
			}
			#contentBox ul#subNav a:link { 
					color: #0F8099; 
					text-decoration: none; 
			}
				#contentBox ul#subNav a:visited { 
					color: #0F8099; 
					text-decoration: none; 
				}
				#contentBox ul#subNav a:hover { 
					 color: #0F8099;
					text-decoration: none; 
				}
				#contentBox ul#subNav a:active { 
					color: #0F8099; 
					text-decoration: none; 
				}
				#contentBox .Box { 
					border-right: 1px solid #D8D8D8; 
					border-bottom: 1px solid #D8D8D8; 
					border-left: 1px solid #D8D8D8; 
					padding: 5px; 
				}
				* html #contentBox .Box { 
					width: 100%; 
				}


		/* PAGE COLUMNS */
		
		#contentBox #colLeft { float: left; margin: 0 0px 0 10px; padding: 0; width: 467px; }
		* html #contentBox #colLeft { margin: 0 0px 0 5px; }
			.Box { background-color: #f7f7f4; }
		#contentBox #colRight { float: right; margin: 0 10px 0 0; width: 467px; }
		#contentBox #colRight { margin: 0 10px 0 0; }
		* html #contentBox #colRight { margin: 0 5px 0 0; }
			.Box, #colRight .Box, #colLeft .ChartBox1 { border-top: 1px solid #D8D8D8; margin: 0 0 5px 0; padding: 0; }
		#contentBox #colLeftWd { background-color: #fff; float: left; margin: 0 10px 0 10px; width: 644px; }
		* html #contentBox #colLeftWd {width: 644px; margin-left: 5px; padding: 0;}
		
		#contentBox #colLeftWdB { background-color: #fff; border: 1px solid #d8d8d8; float: left; margin: 10px; padding: 0; width: 644px; }
		* html #contentBox #colLeftWdB {width: 644px; margin-left: 5px; padding: 0;}
			#contentBox #colLeftWdB .h1 { margin: 35px 30px 15px 15px; border-bottom: 1px solid #d8d8d8; }
				#contentBox #colLeftWdB .h1 h1 { padding: 0 0 0 6px; }
			#contentBox #colLeftWdB .h3  { margin: 0 30px 0 15px; }
				#contentBox #colLeftWdB .h3 h3  { padding: 0 0 0 6px; }
			#contentBox #colLeftWdB .h3 span { float: right; }
			#contentBox #colLeftWdB table { margin: 15px 30px 0 15px; }
				#contentBox #colLeftWdB table td.c1 { font-weight: bold; padding: 0 10px 0 6px; }
				
		
		
			#colLeftWd h3, #colRightSh h3, #colFull h3 { margin: 15px 0 6px 0; }
			#colLeftWd .Box, #colRightSh .Box, #colLeftWd .ChartBox1 { border-top: 1px solid #D8D8D8; margin: 0 0 5px 0; padding: 0; }
		#contentBox #colRightSh { float: left; width: 290px; }
		* html #contentBox #colRightSh { float: left; width: 290px; }
		
		#contentBox #colRightShB { background-color: #FFFAEC; border: 1px solid #f2e2b6; float: left; margin-top: 10px; width: 290px; }
		* html #contentBox #colRightShB { float: left; width: 290px; }
			#contentBox #colRightShB .liveSupportBox { margin: 10px; }
			.Box { border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8; padding: 5px; }
			* html .Box { width: 100%; }
		
		#contentBox #colFull { /* for full-width content page */
			margin: 0 10px 0 10px; 
			padding: 0; 
			width: 944px;
		}
			#contentBox #colFull .h3 {
				margin-left: 0;
				margin-right: 0;
			}
				#contentBox #colFull .h3 h3 {
					margin: 3px 0 0 0;
				}
				#contentBox #colFull .h3 input {
					float: none;
				}
				#contentBox #colFull iframe { 
					background-color: #FFF;
					border: 0;  
					height: 390px;
					overflow-x: hidden; 
					overflow-y: auto; 
					width: 944px; 
				}
				
				* html #contentBox #colFull iframe {   
					margin: 0; 
					overflow:scroll; 
					padding: 0; 
					width: 944px; 
				}
				#contentBox #colFull .left { 
					float: left;
				}
				#contentBox #colFull .right { 
					float: right;
				}
				
				
/* ABOUT MYTRACK PAGES */
		#contentBox #colNav { /* for side-bar navigation */
			float: left;
			height: 100%;
			margin: 0 0 0 10px; 
			padding: 0; 
		}
			#contentBox #colNav ul { /* styles for subnav */
				border-top: 1px solid #878787; 
				border-right: 1px solid #878787; 
				border-left: 1px solid #878787; 
				list-style: none;
				margin: 0; 
				padding: 0; 
				width: 200px;
			}
			#contentBox #colNav ul li {
				border-bottom: 1px solid #878787;
				margin: 0;
				padding: 0;
			}
				#contentBox #colNav ul li a { 
					background: #f7f7f4 url(../../imgs/subNav_bg.gif) top repeat-x; 
					display: block;
					padding: 3px 15px 3px 15px; 
					text-decoration: none;
				}
					#contentBox #colNav ul li a:hover,
					#contentBox #colNav ul li a.selected {
						background-color: #fff;
						background-image: none;
					}
					* html #contentBox #colNav ul li a {
						width: 200px;
					}
			

		#contentBox #colAbout { /* for aboutMT content pages */
			border-left: 1px solid #D8D8D8;
			float: left;
			margin: 0 10px 0 10px; 
			padding: 0 0 0 20px; 
			width: 550px; 
		}
			#contentBox #colAbout .h1 {
				margin-left: 0;
			}
			#contentBox #colAbout .h3 {
				margin-left: 0;
				margin-right: 0;
			}
				#contentBox #colAbout .h3 h3 {
					margin: 3px 0 0 0;
				}
				#contentBox #colAbout .h3 input {
					float: none;
				}
				#contentBox #colAbout iframe { /**** currently not used ****/
					background-color: #fff;
					border: 0;  
					height: 390px; /* needs to be set for this chart */
					overflow-x: hidden; 
					overflow-y: auto; 
					width: 944px; /* needs to be set for this chart */
				}
				* html #contentBox #colAbout iframe { /**** currently not used ****/
					margin: 0; 
					overflow:hidden; 
					padding: 0; 
					width: 944px; /* needs to be set for this chart */
				}
				#contentBox #colAbout .left { 
					float: left;
				}
				#contentBox #colAbout .right { 
					float: right;
				}
				#colAbout table.h2 td {
					color: #fff;
					padding: 2px 0 3px 10px;
				}
					#colAbout table.h2 td a {
						background: transparent;
						color: #fff;
						float: none;
						font-size: 10px;
						margin: 0;
						padding: 0;
					}
				#colAbout table.option_chain th {
					background-color: #b0ab9e;
					color: #fff;
					padding: 2px 0 3px 10px;
				}
				#colAbout table.option_chain td {
					padding: 2px 0 3px 8px;
				}
					#colAbout table.option_chain td table td {
						padding: 2px;
					}
/* END ABOUT MYTRACK PAGES */

				.Box ul { list-style: none; margin: 5px 0 5px 0; overflow: auto; padding: 0; width: 100%; }
				* html .Box ul { margin-bottom: 0; }
					.Box ul li { float: left; margin: 0; padding: 0; }
						.Box ul li.colOne { font-weight: bold; margin: 3px 15px 0 0; padding: 0; text-align: right; width: 75px; }
						.Box ul li.colTwo { line-height:2.2em; margin: 0; padding: 0; width: 350px; }
						* html ul li.colTwo { xwidth: 200px; }
							.Box ul li.colTwo label { margin-right: 15px; }
							.Box ul li.colTwo ul {margin: 0; padding: 0; }
								.Box ul li.colTwo li.input1 { float: left; width: 125px; }
								* html .Box ul li.colTwo li.input1 { width: 135px; }
									.Box ul li.colTwo li.input1 label { float: left; margin: 0; }
									.Box ul li.colTwo li.input1 span.right { float: right; }
										.Box ul li.colTwo li.input1 span.right span { width: 19px; border: 1px solid pink; }
								.Box ul li.colTwo li.input2 { float: left; }
						.Box ul li.colThree { margin: 3px 8px 0 0; padding: 0; }
							.Box ul li.colThree input { margin: 0 0 5px 0; height: 15px; padding: 0; }
						.Box ul li.colSubmit { text-align: right; width:100%; }
				hr { border: none 0; border-top: 1px solid #D8D8D8; height: 1px; width: 100%; }
				
				.wrap { padding: 0 0 6px 0;}
					.wrap .ChartBox1 {margin: 0;}
				.ChartBox1, .ChartBox2 { border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8; font-size: 10px; margin: 0 0 6px 0; padding: 0; }
				.ChartBox1 div.rowHL { background-color: #F3F3F1; padding: 0; width: 100%; }
					.ChartBox1 div.rowHL .left { float: left; padding: 2px 15px 2px 8px; }
					.ChartBox1 div.rowHL .right { float: right; padding: 2px 15px 2px 8px; }
				/*.ChartBox1 div.row { background-color: #fff; overflow: auto; padding: 0; width: 100%; }*/
				.ChartBox1 div.row { background-color: #fff; padding: 0; width: 100%; }
					.ChartBox1 div.row .left { float: left; padding: 2px 15px 2px 8px; }
					.ChartBox1 div.row .right { float: right; padding: 2px 15px 2px 8px; }
				#contentBox #colLeft .ChartBox2 { border: none 0; margin: 0; padding: 0; }
					#contentBox #colLeft .ChartBox2 table { border-width: 1px; border-style: solid solid none solid; border-color: #D8D8D8; margin: 0 0 8px 0; padding: 0; }
					#contentBox #colLeft .ChartBox2 th { border-top: 0 none; }
					#contentBox #colLeft .ChartBox2 td { padding: 2px 5px; }
					#contentBox #colLeft .ChartBox2 table.debit_credit { border: none 0; }
					#contentBox #colLeft .ChartBox2 table.debit_credit td { background-color: #f7f7f4; border: none 0; padding: 0; }
				.ChartBox2 { border-bottom: 0; }
				.ChartBox2 th { background-color: #b0ab9e; border-top: 1px solid #fff; border-right: 1px solid #fff; color: #fff; font-weight: normal; padding: 2px 8px 2px 8px; }
				.ChartBox2 th.noBorder { border-right: none 0; }
				.ChartBox2 td { background-color: #fff; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; font-weight: normal; padding: 2px 0 2px 0; }
				.ChartBox2 td.noBorder { border-right: none 0; }
				
				/* QUOTES AND NEWS QUOTE BAR */
				#colLeftWd ul.quote { 
					font-size: 11px; 
					list-style: none; 
				}
					#colLeftWd ul.quote li { 
						float: left; 
						text-align: center; 
						width: 25%; 
					}
					* html #colLeftWd ul.quote li {
						width: 148px; 
					}
				#colFull ul.quote { 
					font-size: 11px; 
					list-style: none; 
				}
					#colFull ul.quote li { 
						float: left; 
						text-align: center; 
						width: 12%; 
					}
				
				/* QUOTES AND NEWS TABLES STYLES */
				table.quoteSummChart { 
					border-top: 1px solid #D8D8D8; 
					border-bottom: 0 none; 
					border-left: 1px solid #D8D8D8; 
					margin: 0; 
				}
					table.quoteSummChart td.c1HL, 
					td.c2HL, 
					td.c1dataHL, 
					td.c2dataHL { 
						background-color: #F3F3F1; 
						border-bottom: 1px solid #D8D8D8; 
						padding: 2px 5px; 
					}
					table.quoteSummChart td.c1, 
					td.c2, 
					td.c1data, 
					td.c2data { 
						background-color: #FFF; 
						border-bottom: 1px solid #D8D8D8; 
						padding: 2px 5px; 
					}
					table.quoteSummChart td.c2, 
					td.c2HL { 
						border-left: 1px solid #D8D8D8; 
					}
					table.quoteSummChart td.c2dataHL, 
					td.c2data { 
						border-right: 1px solid #D8D8D8; 
					}
					table.quoteSummChart td.c2Link { 
						border-left: 1px solid #D8D8D8;
						padding: 2px 5px; 
					}
					
				ul.listChart { 
					border-top: 1px solid #D8D8D8; 
					list-style: none; 
					margin: 0; 
					overflow: hidden;
					padding: 0; 
				}
					ul.listChart li { 
						border-bottom: 1px solid #D8D8D8;
						height: 1.1em; 
						line-height: 1.1em;
						overflow: hidden;
						padding: 2px 5px; 
					}
						ul.listChart li span.c1 { 
							display: block; 
							float: left; 
							width:60%; 
						}
				#colFull table.h2 td {
					color: #fff;
					padding: 2px 0 3px 0;
				}
					#colFull table.h2 td a {
						background: transparent;
						color: #fff;
						float: none;
						font-size: 10px;
						margin: 0;
						padding: 0;
					}
				table.option_chain {
					border-right: 1px solid #D8D8D8;
				}
					table.option_chain th {
						background-color: #F3F3F1;
						border-left: 1px solid #D8D8D8;
						border-bottom: 1px solid #D8D8D8;
					}
					table.option_chain td {
						border-left: 1px solid #D8D8D8;
						border-bottom: 1px solid #D8D8D8;
					}
					table.option_chain td.strike {
						background-color: #333;
						color: #fff;
					}
					table.option_chain td.green {
						background-color: #ebf3e5;
					}
				
					.tdc_table 
             {
					   border-right: 1px solid #D8D8D8;
				     }
					.tdc_table th 
             {
						 /*background-color: #F3F3F1; */
						 background-color: #E3F1F4;
						 border-left: 1px solid #D8D8D8;
						 border-bottom: 1px solid #D8D8D8;
						 border-top: 1px solid #D8D8D8;
             padding:3px 3px 3px 3px;
					   }
         .tdc_table td
            {
						border-left: 1px solid #D8D8D8;
						border-bottom: 1px solid #D8D8D8;
            padding:3px 3px 3px 3px;
					  }
         .tdc_table td.green
            {
						background-color: #ebf3e5;
					  }

					.tdc_quote 
             {
             width:80%;
					   border: 1px solid #D8D8D8;
					   margin-bottom: 10px;
				     }
         .tdc_quote th 
            {
            background-color: #F3F3F1;
            padding:3px 3px 3px 3px;
				   }
         .tdc_quote td
            {
            background-color: #F3F3F1;
            padding:3px 3px 3px 3px;
					  }
         .tdc_quote td.green
            {
						background-color: #ebf3e5;
            }
            
         .tdc_bold
            {
            font-weight: bold;
            }
                        
.toprow
   {
/*   background-color: #F3F3F1;*/
   border-left: 1px solid #D8D8D8;
   border-bottom: 1px solid #D8D8D8;
   }				

.headerRow
   {
   background-color: #E3F1F4;
   font-weight: bold;
   }
   
.headerRow td
   {
   border-top: 1px solid #D8D8D8;
   }
   
.shade{background-color: #F3F3F1;}

.firstline
   {
   jcolor: #0f8099;
   color: #004d5d;
   font-size: 115%;
   }

.note
   {
   width:300px;
   position: absolute;
   top: 30px;
   left: 160px;
   background: white;
   padding: 30px;
   border: 3px solid #0F8099;
   z-index: 1;
   visibility: hidden;
   margin:0
   }
.note input
   {
   width:100%;
   }

.bu
   {
   font-weight: bold;
   text-decoration: underline;
   }
  
  /* ALT NAV ON QUOTES AND NEWS PAGE */	
	ul.selector {  
		list-style: none; 
		margin: 0; 
		padding: 0; 
	}
		ul.selector li { 
			border-right: 1px solid #878787; 
			border-bottom: 1px solid #878787; 
			float: left; 
			list-style: none; 
			margin: 0; 
			padding: 0; 
		}
			ul.selector li a { 
				border-top: 1px solid #878787; 
				display: block; 
				padding: 5px 0; 
				text-align: center; 
				width: 58px; 
			}
				ul.selector li a:hover { 
					text-decoration: none; 
				}
			ul.selector li a.day { 
				border-left: 1px solid #878787; 
				width: 52px; 
			}
			* html ul.selector li a.day { 
				width: 53px; 
			}
			ul.selector li a#current, 
			ul.selector li a:hover { 
				background-color: #0f8099; 
				color: #fff; 
			}
		
	
	/* HOMEPAGE STYLES */	
	#homeContainer { 
		width: 716px; 
		float: left; 
		margin: 5px; 
	}
		.home1 { 
			width: 716px; 
			margin: 0 0 5px 0; 
			padding: 0; 
		}
		* html .home1 { 
			width: 719px; 
			margin: 0; 
			padding: 0; 
		}
		.home2 { 
			width: 714px; 
			border: 1px solid #878787; 
			margin: 0 0 5px 0; 
			padding: 0;
		}
		* html .home2 {
			width: 716px;
		}
		.prices { 
			width: 419px; 
			float: left; 
		}
		* html .prices { 
			width: 409px; 
			float: left; 
		}
	#homeSideBar { 
		float: left; 
		margin: 5px 0 0 0; 
		width: 234px; 
	}
	* html #homeSideBar { 
		float: left; 
		margin: 5px 0 0 0; 
		width: 224px; 
	}
		#homeSideBar .Box { 
			background-color: #f7f7f4; 
			margin: 0 0 5px 0; 
		}
			#homeSideBar .Box td.c1 { 
				padding-right: 10px; 
			}
			
		#homeSideBar ul#subNav { 
			background: url(../../imgs/border.gif) bottom repeat-x; 
			border-top: 1px solid #878787; 
			border-right: 0 none; 
			font-size: 10px; 
			list-style: none; 
			margin: 0 0 5px 0; 
			overflow: auto; 
			padding: 0; 
			width:223px; 
		}
		* html #homeSideBar ul#subNav { 
			width:213px; 
			margin: 0; 
			padding: 0; 
		}
			#homeSideBar ul#subNav li { 
				float: left; 
				margin: 0; 
				padding: 0; 
			}
				#homeSideBar ul#subNav li a { 
					background: #f7f7f4 url(../../imgs/subNav_bg.gif) top repeat-x; 
					border-left: 1px solid #878787; 
					border-bottom: 1px solid #878787; 
					display: block; 
					margin: 0; 
					padding: 3px 0px 3px 0px; 
					text-align: center; 
					width: 54px; 
				}
				* html #homeSideBar ul#subNav li a { 
					width: 52px; 
				}
				#homeSideBar ul#subNav li a.current,
				#homeSideBar ul#subNav li a:hover { 
					background: #fff; 
					border-bottom: 1px solid #fff; 
				}
				#homeSideBar ul#subNav li.end a { 
					border-right: 1px solid #878787; 
					width: 56px; 
				}
				* html #homeSideBar ul#subNav li.end a { 
					width: 57px; 
				}
				#homeSideBar ul#subNav li.account { 
					background: #fff; 
					border: 0 none; 
					margin: 0 0 0 10px; 
					padding: 0; 
				}
				
	#acctSetup {
		padding: 35px 0 0 0;
	}
	
	
	/* FOOTER STYLES */
	#footer { 
		font-size: 10px; 
		padding: 15px 20px 15px 20px; 
	}
	#footer p { 
		color: #999; 
	}


	/* POPUP DIV STYLES */
	
	.symbLook { background-color: #fff; border: 1px solid #878787; display:none; position:absolute; height: 360px; width: 480px; }
	.symbLook input { margin: 0 0 10px 0; }
	/*.symbLook table { border-left: 1px solid #d8d8d8; margin: 0 0 0 0; }
	.symbLook table th { background-color: #b0ab9e; border-top: 1px solid #fff; color: #fff; font-weight: normal; padding: 2px 8px 2px 8px; }
	.symbLook table th.symbol { border-right: 1px solid #fff; }
	.symbLook table th.rBCell { border-right: 1px solid #fff; }
	.symbLook table td { border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; font-weight: normal; padding: 2px 8px 2px 8px; }*/

	.help { background-color: #fff; border: 1px solid #878787; display:none; position:absolute; width: 200px; z-index: 1000;top: 0px }
	  
	.help p { margin: 10px; }
	.popBox { margin: 10px; }
	
	#symbLook {  left:200px; top:250px;}
	
	#Contingent { display: none; }
	

/* bof */
iframe.tradeOrder {
		background-color: #fff;
		margin:0;
		padding:0;
		border:0 none;
		width:467px;
}	
iframe.orderTypeShort	{
		background-color: #fff;
		margin:0;
		padding:0;
		border:0 none;
		width:912px;
}	
	
.suppTradeText {margin: 0 0 6px 10px;}	
.optsymbLook { background-color: #fff; border: 1px solid #878787;  height: 305px; position:absolute; width: 705px; }

.symbLook iframe#frameSymbLookUpData {
		background-color: #fff;
		margin:0;
		padding:0;
		border:0 none;
		width:460px;
		height:280px;
}	

.optsymbLook iframe {
		background-color: #fff;
		margin:0;
		padding:0;
		border:0 none;
		width:700px;
		height:280px;
}	

#contentBox #colLeftM { background-color: #fff; float: left; margin: 0 0px 0 10px; width: 467px; }
* html #contentBox #colLeftM { margin: 0 0px 0 5px; }

#colLeftM .Box { border-top: 1px solid #D8D8D8; margin: 0 0 5px 0; padding: 5px; }

.SpecBorder { border: none 0;width:100%;margin:0;padding:0; }
 div.SpecBorder table { border: none 0;}
 div.SpecBorder table th { border-width: 1px; border-style: none none solid solid; border-color: #FFFFFF; }
 div.SpecBorder table td { border-width: 1px; border-style: none none solid solid; border-color: #FFFFFF; padding:2px 1px 2px 1px;}
 div.SpecBorder table .lastCol { border-width: 1px; border-style: none solid solid solid; border-color: #D8D8D8; }
 div.SpecBorder td.setBorder {border-color: #D8D8D8;}
 div.SpecBorder td.setBorderGreen {background-color: #F3F3F1;border-color: #D8D8D8;}
 div.SpecBorder table .lastColGreen { background-color: #F3F3F1;border-width: 1px; border-style: none solid solid solid; border-color: #D8D8D8; }

	table.scrollGrid {
		border-right: 1px solid #D8D8D8;
		overflow:hidden;
	}
		table.scrollGrid th {
			background-color: #b0ab9e;
			border-left: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			border-top: 1px solid #FFF;
			font-weight: normal;
			color:#fff;
		}
		table.scrollGrid td {
			border-left: 1px solid #D8D8D8;
			border-bottom: 1px solid #D8D8D8;
		}
		table.scrollGrid td.strike {
			background-color: #333;
			color: #fff;
		}
		table.scrollGrid td.green {
			background-color: #ebf3e5;
		}

#contentBox #colFull iframe#chartData { 
	background-color: #FFF;
	border: 0;  
	height: 590px;
	overflow-x: hidden; 
	overflow-y: auto; 
	width: 944px; 
}

* html #contentBox #colFull iframe#chartData  {   
	margin: 0; 
	overflow:hidden; 
	padding: 0; 
	width: 944px; 
}



/*axd*/
#inlist
   {
   padding-bottom:5px;
   border-bottom: solid 1px rgb(104,131,132);
   }

#inlist li
   {
   display: inline;
   list-style-type: none;
   }
   
#inlist input
   {
   text-transform:uppercase;
   font-weight: bold;
   text-align:center;
   }

.error_Red
   {
   background-color: #fff;
   color: white;
   }

.sbcolor
   {
   scrollbar-face-color:#0F8099;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#F3F3F1;
   scrollbar-shadow-color:'';
   scrollbar-highlight-color:'';
   scrollbar-3dlight-color:'';
   scrollbar-darkshadow-Color:'';
   } 

.block
    {
    width:90%;
    height: 100%;
    overflow:auto;
    padding-right:15px;
    overflow-x: hidden;
    } 

/* kal: used in div to stop scrollbars from apearing on each radio button ul on the signup_applic.asp page*/
.noScrollOnUlInIE7
{
}

div.noScrollOnUlInIE7 .Box ul
{
  overflow: visible;
}