body {
	margin: 0;
	padding: 20px;
	background-color: #E7E9E8;
}
body, div, td {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;

}
img { border: none; }
td { vertical-align: top; }
h1 { margin-bottom: 10px; font-family:  Arial, sans-serif; color: #305F93; font-size: 16px; }
h2 { font-family:  Arial, sans-serif; color: #007F60; font-size: 12px; font-weight: normal; }
h3 { color: #007F60; font-size: 12px; font-weight: normal; }
h4 { color: #007F60; font-size: 12px; font-weight: normal;}
a { color: #007F60; text-decoration: underline; }
a:hover { color: #305F93; }
ul { list-style: none; margin-left: -20px; * margin-left: 20px; }
ul li { padding-bottom: 10px; padding-left: 12px; background: url(/_img/arrow.gif) 0 4px no-repeat; }
ol li { padding-bottom: 10px; padding-left: 0; background: none; }
p {line-height: 1.5; }
select {
	padding: 2px;
	border: 1px solid #DFDFDF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}
#container {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background: #FFFFFF ;

}
#line {margin-top: -7px;  border-bottom: 1px solid #305F93;}
#linegrey {margin-top: -7px; border-bottom: 1px solid #E0E0DF;}
#header {
	width: 900px;
	height: 135px;
	background: url(/_img/TricomTrader_Home_Header.jpg) right no-repeat;
}
#header a { display: block; width: 900px; height: 135px; }
#menu {
	width: 885px;
	padding-left: 15px;
	height: 22px;
	background-color: #305F93;
}
#menu li { background: none; }
#main {
	padding: 10px 10px 10px 10px;
	width: 880px;
	background:url(/_img/nav.gif) repeat-x;
}
#panel_right {float: right; margin-right:15px; margin-top: 50px; width: 175px; }
#btn_download {margin-bottom: 14px;}
#btn_account {margin-top: 5px;}
#btn_tour {}
#btn_markets {margin-top: 15px;}
#content { padding-left: 15px; padding-top: 30px;width: 620px; }
#quotes { margin-top: 0;  margin-left: 4px; width: 175px; }
#quotes2, #charts, #analysis {
	margin: 10px 0 10px 0;
	padding: 5px;
	border: 1px solid #DFDFDF;
}

#left {float: left; width:325px; border-right: 1px solid #E0E0DF; }
#right {float: right; margin: 0 0 0 15px; width:260px; }
#footer { margin: 10px 0 0 0; padding: 8px 0 0 0; width: 900px; height: 40px; background: #444B4C; color: #FFFFFF; text-align: center; font-size:11px;}
#footer a { color: #FFFFFF;  text-decoration: none; }
#footer a:hover { color: #FFFFFF;  text-decoration: underline; }
.menu_item { text-transform: uppercase; }
.button_home {
	margin-bottom: 5px;
	width: 145px;
	height: 38px;
	background-color: #BB4718;
	border: 2px solid;
	border-color: #DF7A53 #7F2400 #7F2400 #DF7A53;
}
.button_home a { display: block; height: 28px; padding: 5px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; }
.button_home a:hover { color: #FFFFFF; }
.pressrelease { margin-top: 30px; padding: 15px 20px; border: 1px solid #BFBFBF; font-family: "Courier New", Courier, mono; font-size: 12px; }
.pressrelease ul { margin-left: 18px; padding-left: 0; }
.pressrelease h3 { font-family: "Courier New", Courier, mono; font-size: 13px; }
.right { text-align: right; }
.faq {
	margin: 20px 0 10px 0;
	padding: 15px;
	border: 1px solid #DFDFDF;
}
.error { font-family: "Courier New", Courier, mono; color: #000000; font-size: 12px; }
.clear { clear: both; }
table.home, table.home td { padding: 0; border: none; }
/* tables in general */
table {
	border-top: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}
th {
	padding: 2px 4px;
	background-color: #EFEFEF;
	border-bottom: 2px solid #BFBFBF;
	border-left: 1px solid #DFDFDF;
}
td {
	padding: 2px 4px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
}
/**/
/* shared tables */
table.info {
	border-top: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	width: 100%;
	font-size: 10px;
}
table.info tr.head th {
	background-color: #EFEFEF;
	border-bottom: 2px solid #BFBFBF;
}
table.info tr th, table.info tr td {
	padding: 2px 4px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
}
/**/

/* products introduction */
#img_forex, #img_forexEducation, #img_forexFAQ { background: url(/_img/img_forex.jpg) no-repeat; height:10px; margin-top:-11px; }
#img_metals { background: url(/_img/img_metals.jpg) no-repeat; height:10px; margin-top:-11px;}
#img_cfds, #img_cfdsEducation, #img_cfdsFAQ { background: url(/_img/img_cfds.jpg) no-repeat; height:10px; margin-top:-11px; }
#img_stocks, #img_stocksFAQ { background: url(/_img/img_stocks.jpg) no-repeat; height:10px; margin-top:-11px;}
#img_futures, #img_futuresEducation, #img_futuresFAQ { background: url(/_img/img_futures.jpg) no-repeat; height:10px; margin-top:-11px;}
#img_funds, #img_fundsFAQ { background: url(/_img/img_funds.jpg) no-repeat; }
#img_trader, #img_traderFAQ { background: url(/_img/img_trader.jpg) no-repeat; height:10px; margin-top:-11px; }
#img_updates, #img_calendar { background: url(/_img/img_updates.jpg) no-repeat; }
#img_disclaimer { background: url(/_img/img_disclaimer.jpg) no-repeat; }
/**/


/* swap_rates.asp specifics */
#ShowRoom { margin-top: 15px; }
* html .tabbox { height: 1%; }
.tabbox { padding-bottom: 0; }
.tabbox:after { content: "."; display: block; clear: both; height: 0; line-height: 0; visibility: hidden; }
#fExchange { float: left; width: auto; padding: 0 1em; }
#fCategories { float: left; width: auto; }
.mouseOverBox {
	position: absolute;
	top: 10px;
	left: 36px;
	border: 1px solid #BFBFBF;
	background: #EFEFEF;
	visibility: hidden;
	width: 30em;
	padding: 2px;
	padding-left: 7px;
}
.positionTD	{ width: 100px; cursor: help; }
.instrumentTD { width: 100px; }
.dateTD { width: 100px; text-align: center; }
/**/
/* futures/rates.asp specifics */
#tbl_select { border: none; }
#tbl_select th, #tbl_select td { border: none; }
#tbl_select th { background-color: #FFFFFF; font-weight: normal; text-align: left; }
.table_productSummary { background-color: #FFFFFF; }
.summary th.baseProduct { white-space: nowrap; text-align:left; }
.summary th, .summary td { padding: 3px; text-align: right; }
.summary th { background-color: #FFFFFF; border-bottom: 1px solid #DFDFDF; font-weight: normal; }
.summary td { background-color: #EFEFEF; }
.tableholder { padding: 5px; width: 100%; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; }
.futures-table { border: none; }
.contracts, .properties { width: 50%; border: none; }
.contracts table, .properties table { width: 100%; }
.properties th { border-bottom: 1px solid #DFDFDF; font-weight: normal; text-align: left; }
span.productExpand {
	display: none;
    margin: auto 8px auto 2px;
    padding: 0 1px;
    background-color: #EFEFEF;
    border: 1px solid #BFBFBF;
    color: #80807E;
    font-size: 8px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}