body {
	background: white;
	color: black;
	font-family: arial,helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
}

a {
	background: transparent;
	color: #1050a0;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	background: transparent;
	color: #991e1e;
	text-decoration: underline;
	font-weight: bold;
}

img {
	border: none;
}

/* Main header. */
h1 {
	background: #f5f5f5;
	color: black;
	border-style: solid;
	
	border-color: #d0d0d0;
	border-width: 1px;
	padding: 0.3em;
	margin-bottom: 1.5em;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
	clear: left;
}

h2 {
	font-weight: bold;
	clear: both;
	font-size: 110%;
}

h3 {
	font-weight: bold;
	clear: both;
	font-size: 100%;
	margin: 0px 0px 1em;
}

p {
	margin: 0.7em 0px;
}


pre {
	color: black;
	background: #f0f0f0;
	border: solid 1px gray;
	font-family: monospace;
	white-space: pre;
	margin: 1em 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0.5em;
}

.help {
	background: #f5f5f5;
	border-style: solid;
	border-width: 1px;
	border-color: #d0d0d0;
	margin: 1em 2em;
	padding: 0.2em;
	font-size: 80%;
}

.help table {
	font-size: 100%;
}

span.page a {
	background: #a0ffa0;
}

.sub {
	padding: 0em 0em 0em 1em;
	font-size: 90%;
	display: block;
}

.main {
	margin: 1em 0em 0em 0em;
	display: block;
}

.mid {
	padding: 0em;
	display: block;
}

em {
	color: #981e49;
	font-weight: bold;
}

.sell {
	text-align: center;
	background: #ffa0a0;
	padding: 0px 0.2em;
}

.buy {
	text-align: center;
	background: #a0ffa0;
	padding: 0px 0.2em;
}

td.center {
	text-align: center;
}

span.value {
	display: block;
}

span.stake {
	display: block;
	font-size: 80%;
}

.small {
	font-size: 80%;
}

span.opt {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #b0b0b0;
	padding: 0.3em 0.3em 5px 0.3em;
	margin: 0em 0.2em;
	font-size: 90%;
}

span.current {
	border-width: 1px 1px 0px 1px;
	border-style: solid solid hidden solid;
	border-color: #b0b0b0;
	background: #b0b0b0;
	padding: 0.3em 0.3em 5px 0.3em;
	margin: 0em 0.2em;
	font-size: 90%;
}
	
div.options {
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #b0b0b0;
	padding: 1em 0em 4px 1em;
}

span.date {
	font-size: 80%;
}

td {
	background: #e8e8e0;
	border-style: solid;
	border-width: 1px;
	border-color: #b0b0b0;
	padding: 0.1em;
}

td.futures_dep { background: #ffffff }
td.spread_dep { background: #ffa0a0 }
td.outcome_dep { background: #a0ffa0 }
td.shares_dep { background: #a0a0ff }
td.shares_val { background: #ffff00 }
td.banked { background: #000000; color: #ffffff }
td.cash { background: #ff00ff }
td.outcome_gain { background: #00ff00 }
td.outcome_liable { background: #ff0000 }
td.spread_gain { background: #000000; color: #ffffff }
td.spread_liable { background: #0000ff; color: #ffffff } 

th.avatar {
	background: 0xd8d8d0;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-color: #b0b0b0;
	padding: 0.1em;
	vertical-align: top;
}

th.postinfo {
	background: 0xd8d8d0;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #b0b0b0;
	padding: 0.1em;
	text-align: left;
	vertical-align: top;
}


th {
	background: #d8d8d0;
	border-style: solid;
	border-width: 1px;
	border-color: #b0b0b0;
	padding: 0.1em;
	font-weight: bold;
	font-size: 90%;
	text-align: left;
	vertical-align: top;
}

.cambridge {
	background: #99ccff;
	color: #003366;
}

.oxford {
	background: #003366;
	color: #99ccff;
}

.oxford a {
	color: #aaddff;
}

.multi {
	background: transparent;
	border-style: none;
	vertical-align: top;
	padding: 0px 1em 0px 0px;
}

.plain {
	background: transparent;
	border-style: none;
}

table {
	border-collapse: collapse;
}

/* id: ----------------------------------------------------------*/

p#avatar {
	margin: 0.5em;
}

p#login {
	margin: 0.5em 0.5em;
	text-align: left;
	vertical-align: top;
}

p#info {
	margin: 0.5em 0.5em;
	text-align: left;
	vertical-align: bottom;
}

#topbar {
	background: #508080;
	border-style: none;
}

#menu {
	background: #f5f5f5;
	color: black;
	border-style: solid;
	border-color: #d0d0d0;
	border-width: 0px 1px 1px 0px;
	padding: 0.5em;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap;
	height: 100%;
}

#helpmenu {
	background: #f5f5f5;
	color: black;
	border-style: solid;
	border-color: #d0d0d0;
	border-width: 0px 0px 1px 1px;
	padding: 0.5em;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap;
	height: 100%;
}

#menu a.small {
	font-size: 80%;
}

#main {
	padding: 0.5em;
	vertical-align: top;
	border: solid #d0d0d0;
	border-width: 0px 0px 1px 0px;
	background: transparent;
}

#footerright {
	float: right;
	padding: 2em;
}


@media print {
	#topbar, #menu {
		display: none
	}
	
	#main {
		margin-left: 0px;
		padding-right: 0px;
		padding-left: 0px;
	}
}