body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: blue;
}

form {
	padding: 0;
	margin: 0;
}

h1 {
	height: 55px;
	width: 200px;
	background: url(../images/ecn-group-logo.gif) no-repeat top left;
	margin: 0;
	padding: 0;
}

h1 span {
	display:none;
}

h2 {
	background: url('http://groups-beta.google.com/groups/roundedcorners?c=c51015&bc=white&w=6&h=6&a=tl') no-repeat top left;
	background-color: #c51015;
	color: white;
	font-size: 12px;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
}

h2 a {
	font-weight: normal;
	color: white;
	font-size: 11px;
}

img {
	border: 0;
}

img.inbound {
	padding: 3px;
	margin-right: 30px;
}

img.outbound {
	padding: 3px;
	margin-left: 30px;
}

table.formleftright {
	background-color: #ccdfe8;
	padding: 3px;
}

table.formleftright span.th, th {
	font-weight: bold;
}

table.formleftright th, table.formleftright span.th {
	text-align: right;
	vertical-align: top;
}

table.formleftright th a, table.formleftright td a {
	color: black;
}

table.formtopdown th {
	background-color: #D6E0E6;
}

table.formtopdown th a, table.formtopdown td a {
	color: black;
}

table.formtopdown tr.odd {
}

table.formtopdown tr.even {
	background-color: #e7eff3;
}

table.formtopdown tr.odd_alert {
	color: #FF0000;
}

table.formtopdown tr.even_alert {
	background-color: #e7eff3;
	color: #FF0000;
}


/*
table.formtopdown tr:hover {
	background-color: #facccd;
}

table.formleftright tr:hover {
	background-color: #bad7e4;
}
*/

p, th, td {
	text-align: left;
	padding: 1px;
}

p, th, td, dt, dd, li {
	font-size: 11px;
}

h3 {
	background: url('http://groups-beta.google.com/groups/roundedcorners?c=4d96ba&bc=white&w=4&h=4&a=tl') no-repeat top left;
	background-color: #4d96ba;
	color: white;
	margin-bottom: 0;
	padding: 2px 5px 2px 5px;
	font-size: 12px;
	font-weight: normal;
}

.tab{
	background: url('http://groups-beta.google.com/groups/roundedcorners?c=ccdfe8&bc=white&w=4&h=4&a=tl') no-repeat top left;
	background-color: #ccdfe8;
	color: #555;
	margin-bottom: 0;
	padding: 2px 5px 2px 5px;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer; 
}

.tab_selected{
	background: url('http://groups-beta.google.com/groups/roundedcorners?c=4d96ba&bc=white&w=4&h=4&a=tl') no-repeat top left;
	background-color: #4d96ba;
	color: white;
	margin-bottom: 0;
	padding: 2px 5px 2px 5px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer; 
}


h3 a {
	font-weight: normal;
	color: white;
	font-size: 11px;
}

h4 {
	background: url('http://groups-beta.google.com/groups/roundedcorners?c=C1D3DB&bc=white&w=4&h=4&a=tl') no-repeat top left;
	background-color: #C1D3DB;
	color: black;
	margin-bottom: 0;
	padding: 2px 5px 2px 5px;
	font-size: 11px;
}

h4 a {
	font-weight: normal;
	color: white;
	font-size: 10px;
}

td.select {
	text-align: center;
}

input[type=text], input[type=password], textarea, select {
   border: 1px #80868A solid;
	padding: 2px;
	font-size: 11px;
}

pre.syslog {
	border: 1px #ccc solid;
	background-color: #efefef;
}

pre.payload {
	border: 1px #ccc solid;
	width: 100%;
	height: 400px;
	background-color: #efefef;
	overflow: auto;
}
pre.tablecell {
	overflow: auto;
	height: 40px;
}

.error {
	color: red;
}

td.pager {
	padding: 2px 5px;
	background-color: #d6e0e6;
	font-weight: bold;
	border-bottom: 1px #4D96BA solid;
	border-right: 1px #4D96BA solid;
}

dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dd {
	margin-left: 0;
}

dl {
	margin-bottom: 15px;
}

#cl, #cr{
display: block;
float: left;
}

#cl{
clear: left;
}

#cr{
padding: 0 0 0 125px;
}

#toprightlogo {
	float:right;
	margin: 0;
	padding: 0;
}

#toprightlogo span { display: none; }

a[href$=pdf] {
	background: url(../images/pdf.png) no-repeat top right;
	padding-right: 20px;
}

.dlookup_results
{
	border: 1px #80868A solid;
	background-color: #D6E0E6;
	font-size: 10px;
}

.dlookup_results div {
	padding: 2px 5px;
}

.dlookup_results div {
	border-bottom: 1px #B4BCC2 solid;
}

.dlookup_results div:hover {
	background-color: #A6C7D9;
	cursor: pointer;
}

.dlookup_results div:last-child {
	border-bottom: 8px #c51015 solid;
}

.dlookup_results a {
	text-decoration: none;
	display: block;
}

.dlookup {
	background: url(../images/dots.png) no-repeat top right;
}


/* Date picker */
.dpDiv {
	border: 1px #80868A solid;
}

.dpTable {
	background-color: #D6E0E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	border: none;
	border-bottom: 8px #c51015 solid;
}

.dpDayTD {
	background-color: #C51015;
	border: 1px #C51015 solid;
	text-align: center;
}

.dpButton, .dpTodayButton {
	margin: 2px;
	background-color: #c51015;
	color: white;
	border: 1px black solid;
	font-weight: normal;
	margin-top: 5px;
}

.dpTitleText {
	color: black;
}

.dpDayHighlight {
	color: black;
}

.dpDayHighlightTD {
	background-color: #A6C7D9;
	border: 1px #B4BCC2 solid;
	text-align: center;
}

.dpTDHover {
	background-color: #A6C7D9;
	border: 1px #A6C7D9 solid;
	color: black;
	text-align: center;
}

.dpTD {
	border: 1px #B4BCC2 solid;
	text-align: center;
}

td.breadcrumb {
	padding-left: 10px;
	font-size: 11px;
}

div.ecn_footer {
	text-align:center; 
	font-size: 9px;
	border-top: 1px #75ADC9 solid;
	padding-top: 5px; 
	margin-top: 5px; 
	background-color: #CCDFE8; 
	padding-bottom: 5px;
}

input[type=button], input[type=submit] {
	margin: 2px;
	background-color: #c51015;
	color: white;
	border: 1px black solid;
	font-weight: strong;
	margin-top: 5px;
	font-size: 11px;
}

.table{background-color: #fff; margin-top: 5px; width: 100%; border: 1px solid #aaa}
.column{background-color: #D6E0E6; border-right: 1px solid #fff; text-align: center; font-weight: bold;}
.column_right{background-color: #ccc; text-align: center; font-weight: bold;}
.evenrow{background-color: #f5f5f5; font-size: 0.9em}
.oddrow{background-color: #eee; font-size: 0.9em}
.cell{border-right: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center}
.cell_right{text-align: left; border-bottom: 1px solid #fff; text-align: center}
.noitems{margin: 5px; font-size: 12px; text-align: center}
.datanumber{margin-left: 5px; margin-right: 5px;}