body
{
	margin: 10px 0 0 0;
	background-image: url(bg.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	padding: 0;
}


.Pagebody
{
	/*background: #F0F0F0 url(HealthWatermark.jpg) center -20px no-repeat;*/
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #aaaaaa;
	color: #333333;
}

.StickyNote
{
	background: #F0F0F0 url(StickyNote.jpg) center -20px no-repeat;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: #FC6 1px solid;
	background-color: #FFEBAD;
	text-indent: 10px;
}

.LoginView
{
	/*background-image: url(LoginView.jpg);*/
	text-align: right;
	background-color: white;
}

#page
{
	background-color: #FFFFFF;
	width: 95%; /*border-top: 10px  #FF9900 solid; 	border-bottom: 5px #FF9900 solid; 	border-left: 10px #FF9900 solid; 	border-right : 10px #FF9900 solid;*/
	margin: 0 auto;
	display: table;
	padding-bottom: 0px;
	padding-top: 0px;
}

#ColourBar
{
	background-color: #636363;
	display: block;
	height: 10px;
	width: 100%;
	margin: 0px 0 0 0;
}

#ColourBar2
{
	background-color: #ff9432;
	display: block;
	height: 10px;
	width: 100%;
	margin: 0px 0 0 0;
}

#ColourBar3
{
	background-color: #9c0000;
	display: block;
	height: 8px;
	width: 100%;
	margin: 0px 0 0 0;
}



a
{
	color: Blue;
	text-decoration: none;
}

	a:hover
	{
		color: Blue;
		text-decoration: underline;
	}


/* Small footer text */


.footertext
{
	color: #11A71F;
	font-size: x-small;
}



/* Header styles */

h1
{
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 1.7em;
}

h2
{
	font-weight: bold;
	font-size: 1.2em;
}

h3
{
	font-weight: bold;
	font-size: 1.3em;
}

h4
{
	font-weight: bold;
	font-size: 1.4em;
}

h5
{
	font-weight: bold;
	font-size: 1.5em;
}

h6
{
	font-weight: bold;
	font-size: 1.6em;
}


/*
Link CSS order is important: 
Link -> Visited -> Hover -> Active (LVHA)
To remember think: "LoVe HAte"
*/

a:link, .ui-Content a:link, .ui-ContentL a:link
{
	color: #0000FF;
	text-decoration: none;
}

a:visited, .ui-Content a:visited, .ui-ContentL a:visited
{
	color: #0066FF;
	text-decoration: none;
}

.a:hover, .ui-Content a:hover, .ui-ContentL a:hover
{
	color: #0066FF;
	text-decoration: underline;
}

.a:active, ui-Content a:active, .ui-ContentL a:active
{
	color: #33CCFF;
	text-decoration: none;
}




/* Remmed out and unified above

a:link
{
	color: #0000CC;
	text-decoration: none;
}
a:link visited
{
	color: #0000CC;
	text-decoration: none;
}
a:link active
{
	color: Orange;
	text-decoration: none;
}
a:link hover
{
	color: #0000CC;
	text-decoration: underline;
}

a.prettylinks
{
	color: #550066;
	text-decoration: none;
}


.ui-Content a:link
{
	color: #0000CC;
	text-decoration: none;
}
.ui-Content a:link visited
{
	color: #0000CC;
	text-decoration: none;
}
.ui-Content a:link active
{
	color: Orange;
	text-decoration: none;
}
.ui-Content a:link hover
{
	color: #0000CC;
	text-decoration: underline;
}

.ui-Content a.prettylinks
{
	color: #550066;
	text-decoration: none;
}

.ui-ContentL a:link
{
	color: #0000CC;
	text-decoration: none;
}
.ui-ContentL a:link visited
{
	color: #0000CC;
	text-decoration: none;
}
.ui-ContentL a:link active
{
	color: Orange;
	text-decoration: none;
}
.ui-ContentL a:link hover
{
	color: #0000CC;
	text-decoration: underline;
}

.ui-ContentL a.prettylinks
{
	color: #550066;
	text-decoration: none;
}
*/


.GridView
{
	width: 100%;
	background: #F9D2D2; /*Makes every odd row a lighter color */
	margin: 5px 0 10px 0;
	border: solid 1px #525252;
	border-collapse: collapse;
	font-family: Verdana;
	font-size: small;
	color: Black;
}

	.GridView td
	{
		padding: 4px;
		border: solid 1px #c1c1c1;
		color: #333366;
	}

	.GridView th
	{
		padding: 4px 3px;
		color: #fff;
		background: #ff9432; /*Grid headers*/
		font-size: 1.0em;
		font-weight: bold;
	}

		.GridView th a
		{
			color: #fff !important;
			text-decoration: none;
		}

	.GridView .alt
	{
		background: #ffffff;
	}
	/*Makes every second row white */

	.GridView .pgr
	{
		background: #ff9432;
	}

		.GridView .pgr table
		{
			margin: 5px 0;
		}

		.GridView .pgr td
		{
			border-width: 0;
			padding: 0 6px;
			border-left: solid 1px #666;
			font-weight: bold;
			color: #fff;
			line-height: 12px;
		}

		.GridView .pgr a
		{
			color: #666 !important;
			text-decoration: none;
		}

			.GridView .pgr a:hover
			{
				color: #000;
				text-decoration: none;
			}

	.GridView .FooterStyle
	{
		background-color: #eedddd;
		color: #330033;
		text-align: right;
		font-weight: bold;
	}


.ViewButtons
{
	color: #fff;
	background: #424242;
	font-size: 1.0em;
	border: solid 1px #525252;
	border-collapse: collapse;
	height: 24px;
}

.DocTrackHeader
{
	background: #ff9432;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: white;
	height: 25px;
}

.DocTrackHeaderLeft
{
	background: #ff9432;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	color: white;
	height: 25px;
}

.DocTrackFilterPanel
{
	/*border-right: white thick solid; 	border-top: white thick solid; 	border-left: white thick solid; 	border-bottom: white thick solid; 	width: 100%;*/
	background: #FCE9E9;
}

/*.DocTrackFilterPanel td.padded
{
	padding: 0px;
}*/



.DDLSmall
{
	width: 50px;
}

.DDL
{
	width: 200px;
}

.DDLMedium
{
	width: 220px;
}

.DDLLarge
{
	width: 340px;
}

.DDLFull
{
	width: 100%;
}

.SmallTxtBox
{
	width: 45px;
}


.TxtBox
{
	width: 195px;
}

.DateTxtBox
{
	width: 155px;
}

.TxtBoxWithCurrencyPrefix
{
	width: 165px;
}

.TxtBoxLarge
{
	width: 295px;
}

.FAQheader
{
	font-family: Arial, Sans-Serif;
	color: #004434;
	font-weight: normal;
	font-size: 1.4em;
	margin-top: 22px;
}


.FAQquestion
{
	font-size: 1em;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	background-color: white;
	font-family: Verdana;
}

.FAQanswer
{
	display: none;
	visibility: hidden;
	background-color: white;
	font-family: Verdana;
	color: #004434;
	margin-left: 10px;
	margin-top: 9px;
	width: 480px;
}

.LabelBg
{
	background-color: Lime;
	margin-bottom: 0px;
	width: 100%;
}

.ReasonLbl
{
	font-size: larger;
	font-weight: bold;
	color: White;
}

.button300
{
	width: 300px;
	border-right: #C0DBE6 1px solid;
	border-top: #C0DBE6 1px solid;
	border-left: #C0DBE6 1px solid;
	height: 28px;
	border-bottom: #C0DBE6 1px solid;
	background-color: #F0F0F0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	border-color: Black;
}

	.button300:hover
	{
		background-color: #F5F5F5;
	}

.button250
{
	width: 250px;
	border-right: #C0DBE6 1px solid;
	border-top: #C0DBE6 1px solid;
	border-left: #C0DBE6 1px solid;
	height: 28px;
	border-bottom: #C0DBE6 1px solid;
	background-color: #F0F0F0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	border-color: Black;
}

	.button250:hover
	{
		background-color: #F5F5F5;
	}

.button175
{
	width: 175px;
	border-right: #C0DBE6 1px solid;
	border-top: #C0DBE6 1px solid;
	border-left: #C0DBE6 1px solid;
	height: 28px;
	border-bottom: #C0DBE6 1px solid;
	background-color: #F0F0F0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	border-color: Black;
}

	.button175:hover
	{
		background-color: #F5F5F5;
	}

.button150
{
	width: 150px;
	border-right: #C0DBE6 1px solid;
	border-top: #C0DBE6 1px solid;
	border-left: #C0DBE6 1px solid;
	height: 28px;
	border-bottom: #C0DBE6 1px solid;
	background-color: #F0F0F0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	border-color: Black;
}

	.button150:hover
	{
		background-color: #F5F5F5;
	}

.button100
{
	width: 100px;
	border-right: #244364 1px solid;
	border-top: #244364 1px solid;
	border-left: #244364 1px solid;
	height: 28px;
	border-bottom: #244364 1px solid;
	background-color: #F0F0F0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color: black;
	border-color: Black;
}

	.button100:hover
	{
		background-color: #F5F5F5;
	}

.button75
{
	width: 75px;
	border-right: #C0DBE6 1px solid;
	border-top: #C0DBE6 1px solid;
	border-left: #C0DBE6 1px solid;
	height: 28px;
	border-bottom: #C0DBE6 1px solid;
	background-color: #F0F0F0;
	cursor: hand;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	border-color: Black;
}

.TableBorder
{
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	border-right-color: silver;
	border-top-color: silver;
	border-left-color: silver;
	border-bottom-color: silver;
	width: 290px;
}

.ConsortLabel
{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	height: 25px;
}

.ConsortHeaderLabel
{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: White;
	background-color: Black;
	height: 30px;
}

.ConsortPREHeaderLabel
{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: White;
	background-color: Red;
	height: 30px;
}

.ConsortRandomisedHeaderLabel
{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: White;
	background-color: Maroon;
	height: 30px;
}

.ConsortRandHeaderLabel
{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: White;
	background-color: Blue;
	height: 30px;
}

.Consort4weeksHeaderLabel
{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: White;
	background-color: Gray;
	height: 30px;
}

.ConsortAltStyle
{
	background-color: #E3E3E3;
	height: 25px;
}

.siteTitle a
{
	text-decoration: none;
	display: block;
	font-family: Verdana;
	letter-spacing: 0;
	color: #fff;
	font-size: 1.45em;
	font-weight: bold;
	padding-top: 10px;
}

.tagline
{
	border-top: 1px solid #fff;
	display: inline;
	font-size: 1em;
}

.Menu
{
}

	.Menu ul
	{
		background: #7795BD;
	}

		.Menu ul li
		{
			background: #7795BD url(menu_bg.gif) repeat-x;
			text-align: center; /* set width if needed.*/
			width: 200px;
		}

			.Menu ul li a
			{
				color: black;
				padding: 4px 2px 4px;
				padding-left: 8px !important;
				border: 1px solid #648ABD;
				border-bottom: 0;
			}

				.Menu ul li a:hover
				{
					background-image: none;
				}

				.Menu ul li a:hover
				{
					color: White;
				}

			.Menu ul li a
			{
				color: Black;
			}

.ui-Content
{
	border: 1px solid #aaaaaa;
	background: #C9C9C9 url(images/ui-bg_inset-soft_50_c9c9c9_1x100.png) 50% bottom repeat-x;
	color: #333333;
}

	.ui-Content a
	{
		color: #333333;
	}

.ui-ContentL
{
	border: 1px solid #aaaaaa;
	background: #F0F0F0 url(images/ui-bg_inset-soft_50_c9c9c9_1x100.png) 50% bottom repeat-x;
	color: #333333;
}

	.ui-ContentL a
	{
		color: #333333;
	}

.ui-Header
{
	border: 1px solid #bbbbbb;
	/*background: #DEDEDE url(images/ui-bg_glass_35_dddddd_1x400.png) 50% 50% repeat-x;*/
	background: #DEDEDE;
	color: #444444;
}

.ui-HeaderNoImage
{
	border: 1px solid #bbbbbb;
	/*background: #DEDEDE;*/
	background: #DEDEDE;
	color: #444444;
}

.ui-Header a
{
	color: #444444;
}

.ForumLabel
{
	width: 150px;
	font: Arial, Sans-Serif;
	font-size: 12px;
	color: Black;
	background-color: transparent;
	text-align: right;
}

.ForumInput
{
	width: 200px;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	text-align: left;
	color: Black;
	background-color: transparent;
	font-weight: bold;
}

.errors p
{
	margin: 0;
}

	.errors p em
	{
		color: #C00;
		font-style: normal;
		font-weight: bold;
		background: Yellow;
	}

.DocTrackerLabel
{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: Black;
	height: 25px;
}

.TableBorderBlack
{
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	border-right-color: silver;
	border-top-color: silver;
	border-left-color: silver;
	border-bottom-color: silver;
}

div.form-container input:focus, div.form-container select:focus, div.form-container textarea:focus
{
	background-color: #FFC;
	border-color: #FC6;
}

.errors
{
	margin: 0 0 10px 0;
	text-align: left;
	padding: 5px 10px;
	border: #FC6 1px solid;
	background-color: #FFEBAD;
	text-indent: 10px;
}

.DataFormMainHeader
{
	height: 30px;
	background-color: #244364;
	font-size: medium;
	color: White;
	font-weight: bold;
	padding-left: 10px;
}

.DataFormSubHeader
{
	height: 20px;
	background-color: #C7C7C7;
	font-size: small;
	color: Black;
	padding-left: 10px;
}

.LargeTxtBox
{
	width: 300px;
}

.TxtAlignRight
{
}




.valSummaryContainerFail
{
	width: 400px;
	margin: 10px;
	border: 1px solid #DB1401;
	background-color: #FFE6E6;
}

.valSummaryTextContainerFail
{
	padding: 10px;
}

.valSummaryTextFail
{
	colour: Red;
}




.formResultContainerPass
{
	width: 400px;
	margin: 10px;
	border: 1px solid #26AB00;
	background-color: #E3FFDB;
}

.formResultTextContainerPass
{
	padding: 10px;
}

.formResultTextPass
{
	colour: #0C5B00;
}

.tableBaseRowLine
{
	border-bottom: 1px solid #CCCCCC;
}

.footer
{
	height: 40px;
	border: 1px solid #ccc;
	color: #333;
	width: 99%;
	background-color: #DEDEDE;
}

	.footer ul
	{
		margin: 0;
		padding: 5px 0 0 0;
	}

		.footer ul li
		{
			display: inline;
			padding: 0 5px 0 0;
		}

	.footer li a
	{
		padding: 0 10px 0 0;
		border-right: 1px;
		border-right-style: solid;
	}

	.footer ul li.last a
	{
		border: none;
	}

	.footer li.first
	{
		margin-right: 5px;
	}

	.footer ul li.last.sitemap a
	{
		border-left: 1px;
		border-left-style: solid;
		padding-left: 10px;
		margin-left: -10px;
	}

.copyright
{
	font-size: .7em;
	padding-top: 5px;
}

.menu.side h4
{
	margin: 0 0 10px 0;
	font-size: 0.9em;
	color: #666;
}

.menu.side ul
{
	margin: 0;
	padding: 0;
}

.menu.side li
{
	margin-bottom: 10px;
}


/* styling taken from http://border-radius.com/ */
/* CSS rounding will not work in IE8 because it does not support CSS3 (it's only 2.1) */

.roundLeftTop
{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.roundLeftBottom
{
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

.roundRightTop
{
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.roundRightBottom
{
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.opalColour1
{
	background-color: #1668B2; /* Dark Blue */
}

.opalColour2
{
	background-color: #07A79D; /* Turcoise */
}

.opalColour3
{
	background-color: #7DC243; /* Green */
}

#ui-datepicker-div
{
	display: none;
}