body
{
	background: #FFFFFF;
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6
{
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1
{
	font-size: large;
}
h2
{
	font-size: small;
}
h3
{
	font-size: x-small;
}
h4
{
	font-size: xx-small;
}
.top-link
{
	width: 100%;
	margin: none;
	padding: none;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 1px;
	background: #edffdf;
	border-bottom: 1px solid #8C909E;
}
.top-link a
{
	color: #990000;
}

.searchlink:
{
	display: inline;
	border: 1px solid black;
	color: green;
}
li
{
	list-style: none;
/*	list-style: disc url(/images/intrade-new/bullet_box.gif) inside;*/
	padding: 5px;
}
li img
{
	padding-right: 2px;
}
img
{
	border: none;
}
form
{
	padding: none;
	margin:none;
	display: inline;
}
table
{
	margin: auto;
}

.small-print
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

TD 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;	
	margin: none;

}
TH 
{ 
	color: #FFFFFF;
	font-weight: bold;
	background: #008f11;
/*	line-height: 20px;*/
/*	text-align: center;	*/
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.sidebar
{
	padding:none;
}

.list-item
{
	border:none;
	padding: 5px;
	padding-left: 50px;
}
input
{
	font-size: 9px;
}




select { font-size: xx-small; font-family: Arial, Helvetica, sans-serif; }

.header
{
  margin:  auto;
	/*margin-top: 1%;*/
	margin-bottom: 3px;
	border-bottom: 1px solid #8C929C;	
  background: #008f11;
}

.header-logo
{
	color: white;
}

#loginInfo
{
	color: white;
	background: transparent;
}

#loginInfo input
{
	font-size: 9px;
	border: none;
	margin: 0;
	width: 60px;
}
	

.loginHeader
{
	color: white;
	font-weight: bold;
	margin-right: 3px;
}

#learnTextHeader {
  
  font-size: 22px;
  font-weight: bold;
  width: 250px;
  float: left;
  color: white;
  margin-top: 13px;
  margin-left: 10px;
}

#navigation 
{
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
	background: #edffdf;
  padding-top: 5px;
  padding-bottom: 5px;
}
/*#navigation td {
  text-align: center;
}*/

#navigation .button {
  color: #004F09;
}

#navigation .button div {
  border: 1px solid #004F09;
  padding: 3px;
  width: 120px;
  text-align: center;
}

#navigation .buttonSelected div {
  background-color: #008f11;
  color: white;
}
#navigation a {
  text-decoration: none;
  cursor: pointer;
}
#navigation a:hover {
  text-decoration: none;
  cursor: pointer;
  color: #990000;
}

#navigation #buttonBackToIntrade div{
  border: 1px solid #003063;
  background: #00518c;
  color: white;
}

#firstButtonTD {
  text-align: left;
}

.innerLeft {
  margin: 4px;
}


.service-button
{
	margin-left: 20%;
}
* html .service-button
{
	margin-left: 10%;
}





a       
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: none;
	font-size: xx-small;
	font-weight: bold;
	color: #006699;
}
a:link  
{
	font-size: xx-small;
	font-weight: bold;
	color: #006699;
}
a:hover 
{
	color:  #990000;
	text-decoration: none;
}
a:visited:hover 
{
	color: #990000; /* #006699; */
	text-decoration: none;
}
a.visited 
{
	color: #000099;
}

a img
{
	text-decoration: none;
}


.first_sidebar a 
{
	margin-bottom: 2px;
	display: block;
}

.second_sidebar {
  width: 180px;
}

.second_sidebar a 
{
	margin-bottom: 2px;
	display: block;
}

.searchlink
{
	margin-bottom: 2px;
	display: block;

}
.normal tr
{
	padding-bottom: 2px;
}

.login
{
	background: #D1E4FF; 
	border-left: 1px solid #0066AD;
	border-right: 1px solid #0066AD;
	padding: 2px;
	padding bottom: 1px;
	font-size:12px; 
	text-decoration: none;
	margin-bottom: 3px;
	display: block;
}
.header-link
{
	background: #D1E4FF; 
	border-left: 1px solid #0066AD;
	border-right: 1px solid #0066AD;
	padding: 2px;
	padding bottom: 1px;
	font-size: xx-small;
	text-decoration: none;
/*	vertical-align: top;*/
}
.imagebackground {background-color: #ffffff}
.toplinks {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #FFFFFF}
.smalllink {  font-size: 9px}
.normal
{
	font-size: xx-small;
	background: #ffffff;
}
.bright_header TD {font-size: 13px; color: #004488; font-weight: bold; background: #BDBDBD; line-height: 20px}
.brightheader TD {font-size: 13px; color: #004488; font-weight: bold; background: #BDBDBD; line-height: 20px}
.brightrow {font-size: xx-small; color: #004488; font-weight: bold; background: #FFD93E; line-height: 14px}
.brightrow TD {font-size: xx-small; color: #004488; font-weight: bold; background: #FFD93E; line-height: 14px}
.totalstext TD {color: #004080; background: #ffffff}








.dark_header TD 
{
	padding: 2px;
	color: #FFFFFF;
	font-weight: bold;
	background: #008f11;
/*	text-align: center;	*/
	font-size: xx-small;
	border-bottom: 4px solid #8C909E;

}
.dark_header A 
{
	color: #FFFFFF;
}
.dark_header :visited 
{
	color: #FFFFFF;
}
.dark_header A:hover 
{
	color: #990000;
}

.darkheader 
{	
	padding: 4px;
	color: #FFFFFF;
	font-weight: bold;
	background: #008f11;
/*	text-align: center;	*/
	font-size: xx-small;
	border-bottom: 4px solid #8C909E;
}


.darkheader TD 
{	
	padding: 4px;
	color: #FFFFFF;
	font-weight: bold;
	background: #008f11;
/*	text-align: center;	*/
	font-size: xx-small;
	border-bottom: 4px solid #8C909E;
}
.darkheader TH
{	
	color: #FFFFFF;
	font-weight: bold;
	background: #008f11;
/*	line-height: 20px;*/
/*	text-align: center;	*/
	font-size: xx-small;
	border-bottom: 4px solid #8C909E;
}

.darkheader A 
{
	color: #FFFFFF;
}
.darkheader :visited 
{
	color: #FFFFFF;
}
.darkheader A:hover 
{
	color: #990000;
}

.darkheader .rssLink
{
  float: right;
	padding-right: 1em;
	height: 15px;
	padding-top: 0px;
	background: transparent;
}

.first-button
{
	float: left;
	
}
.central-button
{
	float: center;
}
.last-button
{
	float: right;
}

#infoPanel table
{
	border: 1px solid #008f11;
	border-left: none;
	padding: none;
}
#infoPanel tr
{
}

#infoPanel td
{	
	border-top: 1px solid #008f11;
	border-left: 1px solid #008f11;
}


.smallbold {font-weight: bold}
.smallbold TD{font-weight: bold}
.largerBold {font-weight: bold; font-size: 13px}
.largerBold TD{font-weight: bold; font-size: 13px}
.largerBold TR{font-weight: bold; font-size: 13px}
.helpHeadline 
{
	font-weight: bold;
	font-size: 15px;
}
h1.helpHeadline
{
	background-color: #C0C0C0;
}

h2.helpHeadline
{
	background-color: #C0C0C0;
}
.helpHeadline TD 
{
	font-weight: bold;
	font-size: 16px;
	background: white;
}
.space_maker 
{
	background: white;
}
.spacemaker 
{
	background: white;
	height: 100%;
}
.spacemaker table
{
/*	border: 1px solid black;*/
}

.main-text
{
	border-left: #CCCCCC 2px solid;
	border-right: #CCCCCC 2px solid;
	padding: 3ex;	
}
.second_sidebar
{
	height: 100%;

}

.centerer
{
	margin: auto;

}
.homeCentre
{
	border-left: #CCCCCC 2px solid;
	border-right: #CCCCCC 2px solid;
}



.footer
{
	border-top: #008f11 6px solid;
	padding-bottom: 1%;
	margin: auto;
}

.footer-text
{	
	border-top: #8C909E 4px solid;
}
.footer-links
{
	color: #CCCCCC;
	background: white;
}

.quicklinks
{
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right: 3px solid silver;
	height: 100%;
	width: 19%;
	background: white;
	clear: left;
}
.quicklinks a
{
	margin-left: 1em;
	display: block;
}
#helpwin
{
	width: 80%;
	height: 100%;
	background: white;
	
}
.help-index
{	
	width: 100%;
	height: 100%;
	background: white;
}

.help-header
{
	background: #000063;
	width: 100%;
	height: 8%;
	overflow: hidden;
}
.help-main
{
	height: 92%;
}
.blue_grey {background: #EFF0F0; line-height: 20px}
.white {background: #FFFFFF; line-height: 20px}
.tableRight{text-align: right}
.tableRight TD{text-align: right}
.tableCenter {text-align: center}
.page_heading {font-size: 17px; font-weight: bold}
.home_page_menu 
{
	background: #FFFFFF;
}
.homepagemenu {background: #BDBDBD}
.table_sub_header {font-size: 13px; color: #004080; font-weight: bold; background: #FFD93E; line-height: 20px}
.subdetailheader {font-size: xx-small; color: #000000; font-weight: normal; background: #EDFFDF; line-height: 16px}
.page_header {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #004080; line-height: 20px}
.menu_header {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #004080; line-height: 20px}
.table_background {background: #FFFFFF; line-height: 20px}
.table_emphasize {background: #FFFFFF; line-height: 20px}
.selected {color: #FF0000; font-weight: bold}
.tradeimage {width: 16px; height: 16px; border: 0px}
.darkTH TH 
{
	font-size: 13px; 
	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #008f11;
}
.brightTH TH 
{
	font-size: 13px;
	color: #008f11;
	font-weight: bold;
	background: #edffdf;

	line-height: 20px;

}
.whiterow TR {background: #ffffff}
.loginbutton 
{
	vertical-align: bottom;
}







.bordered {border: 1px solid #004080}

<!-- home page styles -->
.marketDataGrid IMG{width: 16px; height: 16px; border: 0px}
.marketDataGrid TH{text-align:center; border-width:0px}
.marketDataGrid TD{text-align:center; border-width:1px; border-style:groove; padding-top:3px;padding-bottom:3px; font-weight:bold}
td.mdSymbol{text-align:left;border-left-width:0}
td.mdImg{border-right-width:0}

.selectedEvents TD
{
	text-align:left;
	padding-top:3px;
	padding-bottom:3px;
	
	border-left: #CCCCCC 2px solid;
}
.selectedEvents IMG
{
	width: 16px;
	height: 16px;
	border: 0px
}
#message
{
	color: rgb(255, 4, 3);
}
/*
td.selEventDesc {border-bottom-width:0px; }
td.selEventImg {border-right-width:0px; }
td.selEventLnk {border-left-width:0px; }
*/
img.selectedEventGraph{width: 160px; height: 120px; border: 0px}
<!-- home page styles -->



<!-- trading page styles -->
.orderbook {color: black; background-color:  #000000 }
.orderbook TD{color: black; background-color:  #ffffff }

.orderbookHeader, .orderbookHeader TD{color: black; background:#d2e5fe; background-color:#d2e5fe; font-weight:bold; text-align:center; }

.orders {color: black; background-color:white }
.orders TD{color: black; background-color:white }

.prices TD{color: black; background-color: #ffffff; }

.reportRow {color: black; background-color: #F2F2F2 }
.reportRow TD{color: black; background-color: #F2F2F2 }

.repCancel {color: #ffffff; background-color: #777777 }
.repCancel TD{color: #ffffff; background-color: #777777 }
.repCancel A:link {COLOR: #ffffff; TEXT-DECORATION: underline;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.repCancel A:visited { COLOR: #ffffff; TEXT-DECORATION: underline;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.repCancel A:hover { COLOR: #CC3300; TEXT-DECORATION: none;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
.repCancel A:visited:hover { COLOR: #CC3300; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

.orderTicketInc, .orderTicketInc TD, .orderTicketInc A, .orderTicketInc A:link, .orderTicketInc A:visited {COLOR: #ff0000; TEXT-DECORATION: none; text-align:center;   }
.orderTicketInc  A:hover, .orderTicketInc A:visited:hover {COLOR: #0000ff; TEXT-DECORATION: none;  text-align:center; }
.mediumfont {font-size: 13px}
<!-- trading page styles -->

#notificationSwitch
{
}

#notificationSwitch iframe
{
	height: 4em;
	width: 100%;
}
#notificationSwitch form
{

	padding: 0;
	margin: 0;
}
#notificationSwitcher p
{
	height: 2em;
	line-height: 2em;
	padding: 0;
	margin: 0;
	margin-top: 0.25em;
	padding-left: 1em;
	font-size: 1.1em;
}
* html #notificationSwitcher p
{
	margin-top: 0.5em;
}
#notificationSwitcher #infoLink
{
	float: right;
}

.tableBase
{
	display: none;
}