body		{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	background-color: #000;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFF;
}


/*interface */
#mainContent .content 		{
}
#mainContent .content h1	{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 42px;
	font-weight: bold;
	color: #99ccff;
	text-align: center;
}
#mainContent .content h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: italic;
	color: #FFF;
	text-align: center;
	font-weight: lighter;
}
#mainContent .content h3	{
	color:#F60;
	font-size:1.38em;
	margin-bottom:4px;
}
#mainContent .content h4	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	color: #F90;
}



#mainContent .content table tr	{}

#mainContent .content table tr.odd td	{background:#fff;}
#mainContent .content table td a	{color:#16345e;}
#mainContent .content table td a:visited	{color:#16345e;}
#mainContent .content table th 	{color:#00d8ff; text-transform:uppercase; font-size:0.77em; text-align:left; padding-left:13px; height:40px; vertical-align:middle;}

#mainContent .content table td.up			{background:#f7feff url(../images/up-blue.jpg) no-repeat 1px 1px; width:30px; border-top:2px solid #cfd9e2;}
#mainContent .content table td.down			{background:#f7feff url(../images/down-blue.jpg) no-repeat 5px 1px; width:30px; border-top:2px solid #cfd9e2;}
#mainContent .content table tr.odd td.up	{background:#ffffff url(../images/up-white.jpg) no-repeat 1px 1px; width:30px; border-top:2px solid #cfd9e2;}
#mainContent .content table tr.odd td.down	{background:#ffffff url(../images/down-white.jpg) no-repeat 5px 1px; width:30px; border-top:2px solid #cfd9e2;}

#mainContent .content .leftTwoCol		{float:left; width:385px; clear:left;}
#mainContent .content .rightTwoCol		{width:421px; float:right; clear:right;}

#mainContent .content ul	{}
#mainContent .content ul li	{background:transparent url(../images/bullet.gif) no-repeat scroll 0 9px; padding:1px 0 1px 11px;}

#mainContent .content p			{margin-bottom:17px;}
#mainContent .content a			{
	color:#051c86;
}
#mainContent .content a:visited	{
	color:#666;
}
#mainContent .content a:hover	{
	color: #F00;
}
#mainContent .content a.link		{background:#EEEEEE url(../images/bullet.gif) no-repeat scroll 3px 6px; padding:1px 0 1px 11px;}
#mainContent .content a.bigLink		{font-size:1.38em; text-decoration:none; background:transparent url(../images/bullet.gif) no-repeat scroll 3px 10px;  padding:1px 0 1px 11px;}

#mainContent .content fieldset	{border:#cfd9e2 1px solid; padding:25px 0 0 0;}
#mainContent .content fieldset legend	{ color:#16345e; margin:0 0 0 9px; padding:0 5px;}

#mainContent .content fieldset label	{color:#00D8FF; display:block; float:left; padding:0 10px 0 0px; width:113px; text-align:right;}

#mainContent .content form ul			{}
#mainContent .content form ul li		{padding:0 0 6px; background:none; float:left; clear:both; width:100%;}

#mainContent .content input.text	{border:1px solid #cfd9e2; padding:4px; width:212px; float:left;}

#mainContent .content input.btn		{background:url(../images/button-bg.gif) repeat-x; color:#fff; border:1px solid #00D8FF; padding:3px 5px; font-weight:bold; }

#mainContent .content table.pagination		{float:right; width:auto; border:medium none; padding:13px 0 13px 13px; margin-top:-30px;}
#mainContent .content table.pagination tr	{}
#mainContent .content table.pagination tr.odd td,
#mainContent .content table.pagination td	{border:medium none; height:auto; color:#666666; background:transparent url(../images/pagination-bg.gif) no-repeat scroll right 12px; padding:0 8px;}
#mainContent .content table.pagination td a	{color:#75c6ff;}
#mainContent .content table.pagination td a.current	{text-decoration:none; color:#666666;}
#mainContent .content table.pagination tr.odd td.prev,
#mainContent .content table.pagination td.prev		{background:none; padding:0;}
#mainContent .content table.pagination td.prev a	{display:block; border:1px solid #cfd9e2; padding:6px 6px 6px 19px; color:#16345e; background:transparent url(../images/prev.gif) no-repeat scroll 5px 12px;}
#mainContent .content table.pagination td.next,
#mainContent .content table.pagination tr.odd td.next {background:none;  padding:0;}
#mainContent .content table.pagination td.next a		{display:block; border:1px solid #cfd9e2; padding:6px 19px 6px 6px; color:#16345e; background:transparent url(../images/next.gif) no-repeat scroll 74px 12px;}


/* video player */

#mainContent .content div.videoPlayer							{background:url(../images/video-player.jpg); width:840px; height:375px; margin:0 0 0 0; padding:1px 0 0 0;}
div.videoPlayer div.playList									{height:332px; margin:22px 0 0 22px; overflow:auto; width:241px; float:left; display:inline;}
div.videoPlayer div.playList .scroll							{height:332px; white-space:241px;}
#mainContent .content div.videoPlayer div.playList ul			{}
#mainContent .content div.videoPlayer div.playList ul li		{background:transparent none repeat scroll 0 0; border:1px solid #112F59; height:55px; padding:10px; width:196px; margin-bottom:10px;}
#mainContent .content div.videoPlayer div.playList ul li img	{float:left;}
#mainContent .content div.videoPlayer div.playList ul li h4		{float:right; width:112px; color:#fff; font-size:0.92em;}
#mainContent .content div.videoPlayer div.playList ul li span	{color:#8bcfff; float:right; clear:right; font-size:0.77em; width:112px; display:block;}
div.videoPlayer div.player				{float:left; height:345px; padding:10px; width:365px;}
div.videoPlayer div.playing				{float:left; padding:19px 0 0 14px; width:154px; color:#b3dffe;}
#mainContent .content div.videoPlayer div.playing h4			{color:#b3dffe; text-transform:uppercase; font-size:0.92em;}
#mainContent .content div.videoPlayer div.playing h3			{font-size:1.38em; color:#ffffff; line-height:1.67em;}

.jScrollPaneDrag 	{background:#147abc;}
.jScrollPaneTrack 	{background:#030e2a; width:8px; margin-right:5px;}
a.jScrollArrowUp 	{background:url(../images/scroll-up.gif) center; margin-right:5px;}
a.jScrollArrowDown 	{background:url(../images/scroll-down.gif) center; margin-right:5px;}


/*rec page */

#mainContent .content table.rec		{padding:0;}
#mainContent .content table.rec tr	{}
#mainContent .content table.rec tr td	{border:1px solid #cfd9e2; border-collapse:collapse; padding:0 0 0 0; text-align:center; color:#666666; font-size:18px;}
#mainContent .content table.rec tr td h3	{color:#16345e; font-size:18px;}
#mainContent .content table.rec tr td h4	{color:#00d8ff; font-size:10px; text-transform:uppercase;}
#mainContent .content table.rec tr td.logo	{padding:20px 0; vertical-align:middle; text-align:center; width:200px;}
#mainContent .content table.rec tr td.target	{color:#00b52f;}
#mainContent .content table.rec tr td.stop		{color:#ed0000;}
#mainContent .content table.rec tr td.tableHolder	{padding:0 5px; background:#ffffff;}
#mainContent .content table.rec table	{border:none; padding:0; width:100%; height:100%; margin:0;}
#mainContent .content table.rec table tr td	{ vertical-align:top; font-size:12px; border:none;}

#mainContent .content table.rec table tr td span	{padding:8px 0; display:block; width:100%; text-align:center;}

span.downBig			{background:#FFFFFF url(../images/down-white.jpg) no-repeat scroll 4px 1px; padding:8px 0; display:block; width:100%; text-align:center;}
span.upBig			{background:#FFFFFF url(../images/up-white.jpg) no-repeat scroll 4px 1px; display:block; width:100%; text-align:center;}
span.upSmall			{background:#FFFFFF url(../images/up-white-small.jpg) no-repeat scroll 0px 12px; display:block; width:100%; text-align:center;}
span.downSmall			{background:#FFFFFF url(../images/down-white-small.jpg) no-repeat scroll 0px 12px; display:block; width:100%; text-align:center;}

#mainContent .content em	{font-style:italic; font-size:14px;}

#graphHolder			{}




/* layout */

#mainHolder		{width:971px; margin:20px auto 0 auto;}
#header			{
	background:url(images/header.jpg);
	width:971px;
	height:93px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
#logo			{
	width:895px;
	height:48px;
	display:block;
	text-indent:-9999px;
	position:relative;
	top:20px;
	left:41px;
	background-image: url(images/logo.png);
	float: left;
}
#title			{float:right;}
#topbar			{background:url(images/topbar.jpg) no-repeat; height:39px;}

#mainNav		{height:54px; left:43px; position:relative; top:-9px; clear:both; position:relative; width:889px;}
#mainNav li		{display:inline; float:left;}
#mainNav li a	{background:url(images/navSprite.jpg); display:block; height:54px; text-indent:-9999px;}

#mainNav li.shares a		{width:106px; background-position:0 -55px;}
#mainNav li.cfd	a			{width:95px;  background-position:-106px -55px;}
#mainNav li.options a		{width:100px; background-position:-201px -55px;}
#mainNav li.forex a			{width:92px;  background-position:-301px -55px;}
#mainNav li.futures a		{width:112px; background-position:-393px -55px;}
#mainNav li.indexes a		{width:101px; background-position:-505px -55px;}
#mainNav li.top	 a			{width:148px; background-position:-606px -55px;}
#mainNav li.traders	 a		{width:135px; background-position:-754px -55px;}

#mainNav li.shares:hover a			{background-position:0 0;}
#mainNav li.cfd:hover	a			{background-position:-106px 0;}
#mainNav li.options:hover a			{background-position:-201px 0;}
#mainNav li.forex:hover a			{background-position:-301px 0;}
#mainNav li.futures:hover a			{background-position:-393px 0;}
#mainNav li.indexes:hover a			{background-position:-505px 0;}
#mainNav li.top:hover	 a			{background-position:-606px 0;}
#mainNav li.traders:hover	 a		{background-position:-754px 0;}

body.shares #mainNav li.shares a			{background-position:0 -110px; position:relative; z-index:2; height:55px;}
body.cfd #mainNav li.cfd	a				{background-position:-106px -110px; position:relative; z-index:2; height:55px;}
body.options #mainNav li.options a			{background-position:-201px -110px; position:relative; z-index:2; height:55px;}
body.forex #mainNav li.forex a				{background-position:-301px -110px; position:relative; z-index:2; height:55px;}
body.futures #mainNav li.futures a			{background-position:-393px -110px; position:relative; z-index:2; height:55px;}
body.indexes #mainNav li.indexes a			{background-position:-505px -110px; position:relative; z-index:2; height:55px;}
body.top #mainNav li.top	 a				{background-position:-606px -110px; position:relative; z-index:2; height:55px;}
body.traders #mainNav li.traders	 a		{background-position:-754px -110px; position:relative; z-index:2; height:55px;}

#titleBullet		{background:transparent url(../images/title-bullet.png) no-repeat scroll 0 0; float:right; height:34px; position:relative; width:32px; left:-38px; top:-9px; }
h1#title			{font-size:30px; text-transform:uppercase; color:#fff; position:relative; left:-38px; top:-9px; height:38px;}

#topbar .border						{height:29px; margin:-2px 39px 0 43px; z-index:1; padding:9px 0 0;}
#mainContent .content .border		{
	margin-top: -1px;
	margin-right: -1px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 36px;
	padding-bottom: 45px;
	padding-left: 36px;
}
body.videoplayer #mainContent .content .border		{padding:45px 24px;}
#flash #mainContent .content .border		{padding:0;}
#footer .border						{margin:0 39px 0 43px;}

body.shares #mainNav						{border-bottom:1px solid #FC7D00;}
body.shares #topbar .border					{border-left:1px solid #FC7D00; border-right:1px solid #FC7D00;}
body.shares #mainContent .content .border 	{border-left:1px solid #FC7D00; border-right:1px solid #FC7D00;}
body.shares #footer .border					{border-bottom:1px solid #FC7D00;}

body.cfd #mainNav							{border-bottom:1px solid #00befc;}
body.cfd #topbar .border					{border-left:1px solid #00befc; border-right:1px solid #00befc;}
body.cfd #mainContent .content .border 		{border-left:1px solid #00befc; border-right:1px solid #00befc;}
body.cfd #footer .border					{border-bottom:1px solid #00befc;}

body.options #mainNav						{border-bottom:1px solid #82fc00;}
body.options #topbar .border				{border-left:1px solid #82fc00; border-right:1px solid #82fc00;}
body.options #mainContent .content .border 	{border-left:1px solid #82fc00; border-right:1px solid #82fc00;}
body.options #footer .border				{border-bottom:1px solid #82fc00;}

body.forex #mainNav							{border-bottom:1px solid #bc59ff;}
body.forex #topbar .border					{border-left:1px solid #bc59ff; border-right:1px solid #bc59ff;}
body.forex #mainContent .content .border 	{border-left:1px solid #bc59ff; border-right:1px solid #bc59ff;}
body.forex #footer .border					{border-bottom:1px solid #bc59ff;}

body.futures #mainNav						{border-bottom:1px solid #d92524;}
body.futures #topbar .border				{border-left:1px solid #d92524; border-right:1px solid #d92524;}
body.futures #mainContent .content .border 	{border-left:1px solid #d92524; border-right:1px solid #d92524;}
body.futures #footer .border				{border-bottom:1px solid #d92524;}

body.indexes #mainNav						{border-bottom:1px solid #24d8d9;}
body.indexes #topbar .border				{border-left:1px solid #24d8d9; border-right:1px solid #24d8d9;}
body.indexes #mainContent .content .border 	{border-left:1px solid #24d8d9; border-right:1px solid #24d8d9;}
body.indexes #footer .border				{border-bottom:1px solid #24d8d9;}

body.top #mainNav							{border-bottom:1px solid #00700f;}
body.top #topbar .border					{border-left:1px solid #00700f; border-right:1px solid #00700f;}
body.top #mainContent .content .border 		{border-left:1px solid #00700f; border-right:1px solid #00700f;}
body.top #footer .border					{border-bottom:1px solid #00700f;}

body.traders #mainNav						{border-bottom:1px solid #fcff91;}
body.traders #topbar .border				{border-left:1px solid #fcff91; border-right:1px solid #fcff91;}
body.traders #mainContent .content .border 	{border-left:1px solid #fcff91; border-right:1px solid #fcff91;}
body.traders #footer .border				{border-bottom:1px solid #fcff91;}

.clearAll	{width:100%; clear:both;}



#breadcrumbs	{float:left; clear:both; left:11px; position:relative; top:3px;}
#breadcrumbs span	{font-size:14px; text-transform:uppercase; background:url(../images/crumb-bullet.jpg) no-repeat right 50%; padding:0 9px 0 3px; font-weight:bold;}
#breadcrumbs span a	{text-decoration:none; color:#fff;}
#breadcrumbs span.last {font-size:14px; text-transform:uppercase; background:none;}
#breadcrumbs span.last a {text-decoration:none; color:#fff;}

#date			{float:right; color:#accdf3; font-size:1.4em; margin:4px 0 0; padding:0 15px 0 0;}
#search			{float:right; width:242px; margin:-3px 0 0; padding:0 7px 0 0; position:relative; top:0;}
#copy			{clear:both; color:#468FD1; display:inline; float:right; margin:0 42px 0 0; text-transform:uppercase;}

#search	input	{}
#search input.text	{display:block; float:left; padding:3px; width:152px; font-style:italic;}
#search input.btn	{float:right;}

#mainContent	{background:transparent url(images/content-repeat.png) repeat-y scroll 1px 0; }
#mainContent .content	{
	margin:0 40px 0 43px;
	background-repeat: repeat-x;
}
.a14redtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #F00;
}
#formbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	width: 424px;
	background-image: url(../../images/form_background2.png);
	height: 450px;
	background-repeat: no-repeat;
	text-align: left;
}
#phoneno {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	width: 971px;
	float: right;
	text-align: right;
	font-style: italic;
	margin-right: 20px;
	margin-top: 20px;
}
#footer			{
	background:transparent url(images/footer.png) no-repeat scroll 1px 0;
	height:103px;
	width:971px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#footerLinks		{height:43px; margin:0 40px 0 41px; padding:12px 0 0 15px; width:890px;}
#footerLinks li		{float:left; display: inline; margin:0 15px 0 0;}
#footerLinks li a 	{color:#468fd1; text-transform:uppercase; text-decoration:none; padding:2px 4px;}

#submenu		{
	height:75px;
}
.dock 			{
	position: relative;
	height: 50px;
	text-align: center;
	top:0px;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-bottom: 100px;
}
a.dock-item 	{
	display: block;
	width: 100px;
	color: #FFF;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.dock-item img 	{
	border: none;
	width: 100%;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.dock-item span { font-size:12px; color:#FFF; font-weight:bold;}

.clear {
	margin: -1px;
	clear: both;
	height: 1px;
	overflow: hidden;
}
#flashHolder {
	position: fixed;
	z-index: 1;
	right: 0px;
	margin-bottom: -3px;
	bottom: 0px;
}
.formtxt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #FFF;
}
.usernametxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFF;
}
.txtboxes {
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
.a18white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
}
.a36whiteitalics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
}