body
{
	font-family: Arial;
	margin: 0px;
	background-color: #FFF;
}

p {
    margin: 0px 0px 10px 0px;
}

a {
	text-decoration: none;
	color: #1978D1;
}

a:hover {
	color: #003670;
}

h1, h2, h3, h4, h5, h6 {
	color: #003670;
	margin: 0px 0px 10px 0px;
}

h3 {
	font-size: 14pt;
}

h4 {
	font-size: 11pt;
}

h5 {
	font-size: 10pt;
	font-weight: bold;
	margin-top: 10px;
}

ul li {
	list-style-type:square;
	margin-bottom:8px;
}

div#SiteContent 
{
	margin: 0px auto;
	width: 940px;
	font-size: 10pt;
}

div#SiteFooterWrapper { 
	width: 100%;
	border-top: solid 1px #4c738c;
	text-align: right;
	clear: both;
}

div#SiteFooter { 
	/* position: relative; */
	width: 940px;
	margin: 0px auto;
	font-size: 8pt;
	line-height: 40px;
	height: 40px;
}


div#SiteHeader 
{
	width: 940px;
	height: 90px;
}

div#SiteLogin {
	float: right;
	margin-top: 10px;
	width: 300px;
}

div#SiteLogin table td {
	padding: 2px;
}

div#SiteLogin table td, div#SiteLogin table td input, div#SiteLogin table a {
   font-size: 8pt;
   vertical-align: middle;
   margin: 0px;
}

div#SiteLogin table a {
	/* text-decoration: none; */
	/* color: #514F43; */
}
 
div#SiteLogin a:hover{
	/* color: #000000; */
}

div#SiteMenuWrapper {
	height: 42px; 
	margin-bottom: 20px;
    background: url('../Images/Backgrounds/menu-bkg.png') bottom repeat-x;
    border: solid 1px #aeaeae;
}

div#SiteMenu
{
    height: 42px;
    width: 852px;
    float: right;
    clear: right;
}

div#WebAdverts {
	width: 220px; 
	float: left; 
	margin-right: 20px; 
	margin-bottom: 20px;
}

		
/* data listings */

table.data tr.even {background-color: #F7e9e9;}
table.data tr.odd {background-color: #fafafa;}
table.data td.even {background-color: #F7e9e9;}
table.data td.odd {background-color: #fafafa;}

table.data 
{
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
}

table.data td 
{
	padding: 3px 5px; 
	font-size: 8pt; 
	vertical-align: top;
	/* border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd; */
}

table.data tr.header td 
{
	padding: 2px 5px; 
	font-size: 8pt; 
	text-align: left;
	vertical-align: bottom;
	font-weight: 700;
	border: none;
	border-bottom: solid 1px #dddddd;
}

table.data th 
{
    color: #003670;
	padding: 2px 5px; 
	font-size: 8pt; 
	text-align: left;
	vertical-align: bottom;
	font-weight: 700;
	border: none;
	border-bottom: solid 1px #dddddd;
}

table.data th.right, table.data td.right, table.data tr.header td.right {
	text-align: right;
}

table.data th a {
	text-decoration: none;
	color: #333333;
}

table.data th a:hover {
	text-decoration: none;
	color: #999999;
}

table.data td a {
	text-decoration: none;
	color: #1978D1;
}

table.data td a:hover {
	color: #003670;
}

table.data tr.empty, table.data tr.empty td {
	border: none;
	color: #cc0000;
	padding: 0px;
}

table.data tr td:first-child 
{
	border-left: none;
}

table.data tr.hover, table.data tr.even:hover, table.data tr.odd:hover
{
	background-color: #DBEEFF;
}

table.data tr.pager td 
{
	border: none;
}

table.data tr.pager 
{
	border-top: solid 1px #dddddd;
}

table.data tr.pager table td:hover
{
	background-color: #fff9d6;
}

table.data tr.noDataRow td
{
	border: none;
	padding: 5px 0px 5px 0px;
	color: #CC0000;
}


/*  Widgets */

div.widget div.wrapper {
	margin: 7px;
}
	
div.widget span.title 
{
	display: block;
	color: #C50034;
	font-weight: bold;
	font-size: 11pt;
	margin-bottom: 0px;
}

div.widget label, div.widget input, div.widget span, div.widget textarea, div.widget select, div.widget a, div.widget p
{
	font-size: 9pt;
}

div.widget select {
	font-size: 10pt;
}

div.large-font label, div.large-font input, div.large-font span, div.large-font textarea, div.large-font select, div.large-font a, div.large-font p
{
	font-size: 10pt;
}


div.widget label, div.widget p
{
	display: block;
	margin-top: 6px;
	margin-bottom: 2px;
}


div.large-font label, div.large-font p
{
	display: block;
	margin-top: 12px;
	margin-bottom: 4px;
}


div.widget label, div.widget span, div.widget p
{
	font-weight: bold;
	margin-left: 10px;
}

div.widget input, div.widget textarea, div.widget select
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

div.widget span.checkbox 
{
	display: inline-block;
	margin-top: 6px;
	margin-right: -6px;
}

div.widget span.checkbox input 
{
	margin-left: 0px;
}

div.widget input.button
{
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 10pt;
	margin-left: 10px;
}

div.widget-220-120 {
	border: none; 
	height: 120px; 
	width: 220px; 
	background: url('../Images/Backgrounds/widget-220-120-bkg.png') no-repeat;
}

div.widget-220-120 span.title 
{
	display: block;
	color: #C50034;
	font-weight: bold;
	font-size: 11pt;
	margin-bottom: 0px;
	padding-top: 10px;
	margin-left: 10px;
}

/* default entry form */


div.EntryForm table { border-collapse: collapse; }
div.EntryForm span, div.EntryForm input, div.EntryForm select, div.EntryForm label, 
div.EntryForm .label, div.EntryForm table td, div.EntryForm th, table.Entry td { font-size: 8pt }
div.EntryForm label, div.EntryForm .label, div.EntryForm table th, td.label { color: #003670; font-weight: bold;}
div.EntryForm table td, div.EntryForm table th, table.Entry td { vertical-align: top; padding-bottom: 6px; padding-right: 6px; }
div.EntryForm table td.label, td.label { text-align: right; }
div.EntryForm table th { text-align: left; }
div.EntryForm table, table.Entry { margin-bottom: 10px; }


/* table.help { background-color: #C0D6E2; border: solid 1px dodgerblue; } */
table.help { border-collapse: collapse; }
table.help td { vertical-align: top; font-size: 8pt; padding-bottom: 6px; padding-right: 6px; color: #ffffff; }
table.help td.label { text-align: right; font-weight: bold; }




div.EntryForm label {
	float: left;
	text-align: right;
	display: block;
	width: 100px;
	margin-right: 10px;
}

div.EntryForm div.field {
    padding-bottom: 10px;
}

.validationSummary {
	margin-left: 110px;
}

/* TODO: move p.buttons -> p.input */
div.EntryForm p.buttons, p.input {
	margin-left: 110px;
}

div.EntryForm p.message {
	font-style: italic;
	color: #cc0000;
	margin-left: 100px;
}


label.required {
	color: #cc0000;
}

span.required {
	margin-left: 5px;
	color: #FF0000;
	font-weight: bold;
	vertical-align: top;
	font-family: Verdana;
}

.invalidHighlight {
	border: solid 1px #A7A6AA;
	background-color: #FFFFCC; 
	margin-bottom: 1px;
	margin-top: 1px;
}

.callOut {
	display: none;
}

div.processIndicator {
    width: 333px;
    height: 105px;
    z-index: 998;
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/content/images/Backgrounds/process-indicator-bkg.png', sizingMethod='scale'); */
    background: url('../Images/Backgrounds/process-indicator-bkg.png') no-repeat;
	font-size: 16pt;
	font-weight: bold;
}

div.processIndicator[class] {
	/* IE will ignore this because of the class declaration */
    background: url('../Images/Backgrounds/process-indicator-bkg.png') no-repeat;
}

div.processIndicator div {
	margin-left: 25px;
	margin-top: 30px;
	line-height: 32px;
	height: 32px;
	font-size: 16pt;
	font-weight: bold;
	vertical-align: middle;
}

div.processIndicator img {
	margin-right: 10px;
	float: left;
}		






/* Help panel styling */

#DhtmlHelpPanel {
	background-color: #3c94c8; /* Blue background color */
	color: #FFF; /* White text color */
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Which font to use */
	background: #3c94c8 url('../Images/Backgrounds/help-bkg.png') no-repeat bottom right; /* You shouldn't change these 5 options unless you need to */
	padding: 12px;
	margin-bottom: 10px;
	border: solid 1px #716D69;
}


#DhtmlHelpPanel #DhtmlHelpPanelContent{
	padding:0px;
	font-size: 10pt;
	width: 800px;
}


#DhtmlHelpPanel #DhtmlHelpPanelContent a, #DhtmlHelpPanel #DhtmlHelpPanelContent a:hover {
	color: #C40033;
}

#DhtmlHelpPanel .closeLink {
	position:absolute;
	top:5px;
	right:5px;
}

#DhtmlHelpPanel .contactLink {
	position:absolute;
	top:12px;
	right:47px;
	color: #fff;
	font-weight: bold;
	font-size: 10pt;
}

#DhtmlHelpPanel .closeLink img {
	border: none;
}


#DhtmlHelpPanel .closeLink:hover {	/* Close link text  - mouseover effect*/
	color:#FFF;
}	

	
	
	
	
	
	
/* overrides */

.message 
{
	color: #CC0000;
}