/* STYLES FOR STRUCTURE ONLY. NO VISUAL STYLES */
div.module.output
{
	border: 1px solid #aaa;
}
/* LEFT AND RIGHT MODULE CONTAINERS */
table.content td.content.left div.module.output, table.content td.content.left table.module.output,
table.content td.content.right div.module.output, table.content td.content.right table.module.output
{
	margin: 5px;
	margin-bottom: 10px;
}

/* CENTRE MODULE CONTAINERS */
table.content td.content.centre div.module.output
{
	margin-bottom: 10px;
	margin-top: 10px;
}

div.module.output div.head
{
	border-bottom: 1px solid #aaa;
	background-color: #ccc;
	padding: 2px;
	padding-left: 5px;
	font-weight: bold;
}
/* IE 6+ Whitespace fix instead of putting all of the logic on one line. */
div.module.output div.head img
{
	display: block;
}

div.module.output div.content, div.module.output div.form
{
	padding: 5px;
}

/* LEFT - RIGHT MODULES */
table.content td.content.right div.module.output div.content,
table.content td.content.right div.module.output table td,
table.content td.content.right div.module.output div.list ul li,
table.content td.content.right div.module.output div.form
table.content td.content.left div.module.output table td,
table.content td.content.left div.module.output div.list ul li,
table.content td.content.left div.module.output div.form
{
   font-size: 0.95em;
}

/* LEFT - RIGHT MODULE FOOTER */
table.content td.content.right div.foot,
table.content td.content.left div.foot
{
   font-size: 0.95em;
   padding: 0 0 0 7px;
}
table.content td.content.right div.module.output div.content, 
table.content td.content.left div.module.output div.content
{
   padding: 6px;
}

/* CENTRE MODULES */
table.content td.content.centre div.module.output div.content,
table.content td.content.centre div.module.output div.list ul li,
table.content td.content.centre div.module.output div.form 
{
   padding: 6px;
}

/* LIST POSITIONING */
div.module.output div.list ul
{
	margin: 0px;
	padding: 2px 2px 3px 20px;
}

/* LIST SPACING */
div.module.output div.list ul li
{
	padding: 2px;
}

div.module.output div.foot
{
	padding: 4px;
}

/* MODULE OUTPUT CONTENTS */
table.content td.content.centre .title {
	font-size: 1.2em;
	font-weight: bold;
}

table.content td.content.centre .subtitle {
	font-weight: bold;
}

table.content td.content.centre ul li ul li  {
	font-weight: normal;
	list-style: none;
 	margin-left: -22px;
}

table.content td.content.centre .date {
	font-style: italic;
}
/* CUSTOM OUTPUT */
.module.output.customoutput{
		border: none;
}

/* LEFT AND RIGHT INPUT FOR FORM ELEMENTS */
div.module.output div.tiny
{
	font-size: 9px;
	padding: 2px;
	padding-left: 5px;
}

div.module.output div.description
{
	font-size: 11px;
	padding: 2px;
	padding-left: 5px;
}

div.module.output div.images
{
	text-align: center;
}
div.module.output div.images img
{
	margin: 5px;
	border: 1px solid black;
}
/*table.output.list
{
	border: 1px solid #ddd;
}*/
table.output.list thead th
{
	background-color: #ddd;
}
table.output.list tr.on
{
	background-color: #efefef;
}
table.output.list tr.off
{
	background-color: #fff;
}
table.output.list td 
{
	padding: 3px;
}
table.output.form tbody th
{
	text-align: right;
	padding-right: 6px;
	vertical-align: top;
	padding-top: 5px;
}
span.required
{
	color: #ff3333;
	padding-right: 10px;
	padding-left: 5px;
	font-size: smaller;
	vertical-align: top;
}
.note
{
	color: #999;
	font-size: 11px;
	display: block;
	font-weight: normal;
	padding: 5px;
}
.warning
{
	color: #dc143c;
	font-weight: bold;
}
.modboxhead
{
	background: #999;
	padding: 2px;
	font-weight: bold;  
	border: 1px solid #333;
}
.modboxcontent
{
	background: #fff;  
	border: 1px solid #333;
	border-top: none;
}
.modboxheadfront
{
	background: #999;
	padding: 2px;
	font-weight: bold;  
	border: 1px solid #333;
}
.modboxcontentfront
{
	background: #fff;  
	border: 1px solid #333;
	border-top: none;
}
/* FORM BASE */
.centre table.module.output.form {
	padding: 0;
	margin: 0;
	border-spacing: 0;
}
.centre .module.output.form tr td {
	padding-bottom: 3px;
	padding-top: 2px;
}
.centre .module.output.form thead th, 
.centre .module.output.form tbody th.header {
	text-align: center;
	background-color: #eeeeee;
	border-bottom: 1px solid #aaa;
	padding: 5px; 
	font-size: 13px;
}
.centre .module.output.form tfoot td {
	text-align: right;
	padding-top: 12px;
}
td.invalid_field {
	background: #fcc;
	border: 1px solid #f33;
}
span.invalid_field {
	font-weight: bold;
	color: #f00;
}

