/* 
// The following creates a framework where layout is more predictable 
// across browsers and between table cells and divs. Many standard behaviours
// have been changed from the defaults to suit our layout. Most would not
// be necessary if IE 5 and 6 didn't butcher our layout so badly. 
*/
html,body {
	margin: 0;
	padding: 0;
	border: none;
	font-family: Helvetica, Arial, Verdana, San-serif;
	font-size: 10pt;
	height: 100%; /* needed for wrapper min-height */
	background-color: #eee;
}
/* VERTICAL CENTERING: Required for IE display bugs. */
.vertical_outer {
	position: relative;
	display: table; 
	position: static;
}
.vertical_middle {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
}
p {
	margin: 0 0 1em 0;
}
p.tight {
	line-height: 1.1em;
}
p.brief {
	line-height: 1.1em;
	max-height: 3.8em;
	overflow: hidden;
}

table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
th, td {
	vertical-align: top;
	text-align: left;
	font-family: Helvetica, Arial, Verdana, San-serif;
	font-size: 10pt;
}
table.flexible {
	table-layout: auto;
}
.hr {
	width: 100%;
	padding: 0;
	margin: 20px 0;
	height: 1px;
	background: transparent url(/all/images/backgrounds/dash.gif) repeat-x center;
}

/* LINKS */
A 
{ 
	color: #ffbb00;
	font-weight: bold;
	text-decoration: none;
} 

A:hover
{ 
	color: #888;
}
img {
	border: 0;
}
.over A {
	color: #888;
}
img.icon {
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin:2px 0;
}

/* Image links with subtle borders */
.borderless
{
	margin: 0px;
	border: 0px;
}

/* Navigation buttons */
/* Navigate links at bottom of form */
.nav {
	height: 20px;
	padding: 3px;
	text-align: center;
}
.nav a.red_block {
	display: inline;
	margin: 2px 4px;
}

/* BULLET LISTS */
.list_points ul {
	margin: 0;
	padding: 0;
}

.list_points li {
	margin-left: -24px;
}

/* DYNAMIC TABLES: Create hot tables with any number of cells */
.dyntable td {
	vertical-align: middle;
	text-transform: uppercase;
}
.dyntable td.sml {
	height: 28px;
	padding-left: 40px;
}
.dyntable td.med {
	height: 60px;
	padding-left: 60px;
}
.dyntable.bordered {
	border-collapse: separate;
	border-spacing: 2px;
}
.dyntable.bordered td {
	border: 1px solid silver;
}
.dyntable.bordered td.over {
	border: 1px solid #F33;
}