﻿body 
{ font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(./box1/pattern%20copy.gif); font-size:14px; text-align: justify; }

#HeaderBox
{
	background-image: url('./box2/top50.png'); 
	background-repeat: no-repeat; 
	background-position: 0 top; 
	width: 950px; 
	height: 45px; 
	margin: 5px auto 0; 
	padding: 5px 5px 0;
	position:relative;
}

#HeaderTitle
{
	background-image: url('./box1/Grey(3f3f3f) width 200 height 1.png');
	background-repeat: repeat;
	position:absolute;
	width:600px;
	height:40px;
	top:2px;
	left:5px;
	font-size:24px;
	color:White;
	padding-left:5px;
	padding-top:5px;
}

#HeaderLogon
{
	position:absolute;
	height:40px;
	top:2px;
	left:650px;
	width:300px;
	padding-top:5px;
	font-size:10px;
	text-align:right;
	vertical-align:top;
}


#MainBox 
{ 
	background-image: url('./box2/mid510.png'); 
	background-repeat: no-repeat; 
	background-position: 0 top; 
	width: 950px; 
	height: 500px; 
	margin: 0 auto; 
	padding: 5px 5px; 
}

#LeftSideBar
{
	width:120px;
	float:left;
}

#SideMenu
{
	background-image: url(  './box1/Orange(ad791e) width 200 height 1.png' );
	background-repeat: repeat;
	width: 120px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
}


#SideMenu ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#SideMenu li
{
/*	border-bottom:1px solid #000000; */
	text-decoration:none;
	margin-bottom:3px;
}
#SideMenu li a:link, #SideMenu li a:visited, #SideMenu li a:active
{
/*	font-size:90%;*/
	display:block;
	background-image:none;
	border-left:12px solid #ad791e;
	border-right:1px solid #ad791e;
	/*background-color: #0066FF;*/
	color:#000000;
	text-decoration:none;
}
#SideMenu li a:hover
{
	/*background-color:#3b438f;*/
	color:#FFFFFF;
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	text-decoration:none;
}

#MainContent
{
	width:830px;
	float:right;
	position: relative;
}

#FooterBox  
{
	background-image: url('./box2/bottom50.png'); 
	background-repeat: no-repeat; 
	background-position: 0 bottom; 
	width: 950px; 
	height: 45px; 
	margin: 0 auto; 
	padding: 0 5px 5px; 
	position:relative;
}

#FooterContent
{
	background-image: url('./box1/Grey(3f3f3f) width 200 height 1.png');
	background-repeat: repeat;
	position:absolute;
	width:940px;
	height:40px;
	top:2px;
	left:5px;
	color:White;
	padding-left:5px;
	padding-top:5px;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
}

#FooterContent a
{
	color: #AAAAAA;
	text-decoration:none;
}

#LeftHalfBlue
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width: 350px;
	height: 450px;
	top: 5px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
}

#RightHalfGreen
{
	background-image: url('./box1/Green(526a40) width 200 height 1.png');
	background-repeat: repeat;
	width: 350px;
	height: 450px;
	top: 5px;
	left: 395px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
}

#RightHalfGrey
{
	background-image: url('./box1/Grey(3f3f3f) width 200 height 1.png');
	background-repeat: repeat;
	width: 350px;
	height: 450px;
	top: 5px;
	left: 395px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
}

#UpperLeftThreeQuarters
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width: 500px;
	height: 250px;
	top: 5px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
}

#UpperRightQuarter
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width: 260px;
	height: 250px;
	top: 5px;
	left: 540px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
}

#UpperRightQuarter a
{
	color:White;
}

#UpperRightQuarter a:visited
{
	color:#AAAAAA;
}

#LowerFullWidth
{
	background-image: url('./box1/Green(526a40) width 200 height 1.png');
	background-repeat: repeat;
	width: 780px;
	height: 180px;
	top: 275px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
}

.GreySpan
{
	background-image: url('./box1/Grey(3f3f3f) width 200 height 1.png');
	background-repeat: repeat;
	color:White;
}

.CreateMarket
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width: 380px;
	height: 220px;
	top: 5px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
}

.CreateMarketInstructions
{
	background-image: url('./box1/Green(526a40) width 200 height 1.png');
	background-repeat: repeat;
	width: 380px;
	height: 210px;
	top: 5px;
	left: 420px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
}

.CreateMarketText
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width: 780px;
	height: 220px;
	top: 235px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
}


.AddContract
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width: 780px;
	height: 260px;
	top: 5px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
	overflow:auto;
}

.AdminContracts
{
	background-image: url('./box1/Green(526a40) width 200 height 1.png');
	background-repeat: repeat;
	width: 780px;
	height: 170px;
	top: 285px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
	overflow:auto;
}

.AdminContractsTable
{
	width:95%;
	font-size:90%;
}

.AdminContractsTable th
{
	font-weight:normal;
}

.AdminContractsTable td
{
	background-color:White;
	color:Black;
}

.AdminContractsTable a
{
	color:White;
}

.UserAdminList
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width: 780px;
	height: 260px;
	top: 5px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
	overflow:hidden;
}

.UserAdminListView
{
	background-color:Transparent;
	width:760px;
	height:220px;
	overflow:auto;
	padding:5px;
	margin:0 auto 0 auto;
}

.UserAdminListTable
{
	/* width:100%; */
	font-size:90%;
	padding:0 5px 0 5px;
}

.UserAdminListTable th
{
	font-weight:normal;
	text-align:left;
	background-color:Gray;
}

.UserAdminListTable td
{
	background-color:White;
	color:Black;
	padding:0 2px 0 2px;
}


.UserAdminListTable a
{
	color:Black;
	text-decoration:underline;
}

.UserAdminDetails
{
	background-image: url('./box1/Green(526a40) width 200 height 1.png');
	background-repeat: repeat;
	width: 780px;
	height: 170px;
	top: 285px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
	overflow:auto;
}

.WatchList
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width: 300px;
	height: 450px;
	top: 5px;
	left: 500px;
/*	cursor: pointer; */
	color: White;
	position: absolute;
	padding:5px;
}

.WatchList a
{
	color:White;
}

.WatchListSymbolCell
{
	background-image: url('./box1/Grey(3f3f3f) width 200 height 1.png');
	background-repeat: repeat;
	width:100px;
	color:White;
	text-align:left;
}

.WatchListPriceCell
{
	width:80px;
	background-color:White;
	color:Black;
	font-size:90%;
	text-align:right;
}

.ContractList
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width: 460px;
	height: 200px;
	top: 255px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
	text-align:center;
}

.ContractListTableBox
{
	width:95%;
	height:160px;
	overflow:auto;
	border-color:#ad791e;
	border-width:1px;
	border-style:dotted;
	margin:0 auto 0 auto;
}

.ContractListWatchCell
{
	background-color:White;
	color:Black;
	text-align:right;
}

.ContractListWatchCell a
{
	color:Black;
}

.ContractListNameCell
{
	background-image: url('./box1/Green(526a40) width 200 height 1.png');
	background-repeat: repeat;
	color:White;
	font-size:90%;
	text-align:left;
}

.ContractListNameCell a
{
	color:White;
	text-decoration:none;
}

.MarketInstructions
{
	background-image: url('./box1/Green(526a40) width 200 height 1.png');
	background-repeat: repeat;
	width: 460px;
	height: 155px;
	top: 80px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
}

.MarketOrder
{
	background-image: url('./box1/Grey(3f3f3f) width 200 height 1.png');
	background-repeat: repeat;
	width: 460px;
	height: 55px;
	top: 5px;
	left: 20px;
	/*cursor: pointer;*/
	color: White;
	position: absolute;
	font-size:14px;
	padding:5px;
	text-align:center;
	z-index:1000;
}

.OrderTicketHeader
{
	width:95%;
	overflow:hidden;
	border-color:#FFFFFF;
	border-width:1px;
	border-style:dotted;
	margin:0 auto 0 auto;
}

.OrderTicketHeaderButton
{
	float:right;
}

.OrderTicketBox
{
	width:95%;
	height:400px;
	overflow:auto;
	border-color:#FFFFFF;
	border-width:1px;
	border-style:dotted;
	margin:0 auto 0 auto;
	vertical-align:middle;
}

.TicketPriceCell
{
	width:80px;
	height:1.5em;
	background-color:White;
	color:Black;
	font-size:90%;
	text-align:right;
	cursor:pointer;
}

.TicketBookingCell
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width:90px;
	vertical-align:top;
}


.widget1
{
	background-image: url('./box1/Blue(3b438f) width 200 height 1.png');
	background-repeat: repeat;
	width: 200px;
	height: 300px;
	top: 5px;
	left: 10px;
	cursor: pointer;
	color: White;
	position: absolute;
}


.widget2
{
	background-image: url('./box1/Green(526a40) width 200 height 1.png');
	background-repeat: repeat;
	width: 200px;
	height: 300px;
	top: 5px;
	left:220px;
	color:White;
	position: absolute;
}


.widget3
{
	background-image: url('./box1/Grey(3f3f3f) width 200 height 1.png');
	background-repeat: repeat;
	width: 200px;
	height: 300px;
	left: 430px;
	top: 5px;
	position: absolute;
}


.widget4
{
	background-image: url('./box1/Orange(ad791e) width 200 height 1.png');
	background-repeat: repeat;
	width: 200px;
	height: 300px;
	left: 640px;
	top: 5px;
	position: absolute;
}



