/* CSS Document */
.error {
	color:#F00;
	font-weight:bold;
}
/*******************************************************/
/*            Context Panel FRAMEWORK                  */
/*******************************************************/

/* Set our font to Verdana */
div, span, applet, body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.skipnav {
	display:none;
}
.printOnly {
	display:			none;
}
#breadcrumb {
	color:#ccffff;
	font-size:0.7em;
	padding-left:10px;
}

#breadcrumb a{
	color:#ccffff;
	text-decoration:underline;
}
#breadcrumb a:hover{
	color:#ccffff;
	text-decoration:none;
}

#contentWrapper, #contentWrapperWide {
	font-size:			.75em;
	line-height:		1.5em;
	padding:			0;
}
p {
	padding: .5em 0 .5em 0;
}

sup {
	font-size:.7em;
}

#contentWrapper h1, #contentWrapperWide h1 {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:				#575a5d;
	font-size:			2em;
	line-height:		1em;
	padding-bottom:		.5em;
	font-weight:		bold;
}
#contentWrapper h1 a, #contentWrapperWide h1 a {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:				#575a5d;
	text-decoration:	none;
}
#contentWrapper h2, #contentWrapperWide h2 {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:				#069;
	font-size:			1.5em;
	font-weight:		bold;
	margin: 			0;
	padding:			.75em 0 0 0;
}
#contentWrapper h2 a, #contentWrapperWide h2 a {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:				#069;
	text-decoration:	none;
}
#contentWrapper h2 a:hover, #contentWrapperWide h2 a:hover {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	_color:				#069;
	text-decoration:	underline;
}
#contentWrapper h3, #contentWrapperWide h3, #contentWrapper h3 a, #contentWrapperWide h3 a {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:				#069;
	font-size:			1.1em;
	font-weight:		bold;
	margin: 			1em 0 0 0;
	text-decoration:	none;
}
#contentWrapper h4, #contentWrapper h5, #contentWrapperWide h4, #contentWrapperWide h5, #contentWrapper h4 a, #contentWrapper h5 a, #contentWrapperWide h4 a, #contentWrapperWide h5 a {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:				#069;
	text-decoration:	none;
}
#contentWrapper h1 a:hover, #contentWrapperWide h1 a:hover, #contentWrapper h2 a:hover, #contentWrapperWide h2 a:hover, #contentWrapper h3 a:hover, #contentWrapperWide h3 a:hover, #contentWrapper h4 a:hover, #contentWrapperWide h4 a:hover, #contentWrapper h5 a:hover, #contentWrapperWide h5 a:hover, {
	 text-decoration:underline;
}

#contentWrapper ul, #contentWrapperWide ul {
	list-style-image:	url(/water/images/symbols/bullet.gif);
	list-style-position:outside;
	list-style-type:	none;
	margin:				0 0 .5em 1.8em;
	padding:			0;
}
#contentWrapper li, #contentWrapperWide li {
	line-height:		1.4em;
}
#contentWrapper li li, #contentWrapperWide li li{
}
#contentWrapper ul.publications {
	list-style-image:	none;
	list-style-position:outside;
	list-style-type:	none;
	margin:				0;
	padding:			.5em 0;
}
#contentWrapper ul.publications li {
	padding-bottom:		.5em;
}
#contentWrapper ul.publications li ul{
}
#contentWrapper ol, #contentWrapperWide ol {
	list-style-position:outside;
	margin:				0.2em 0.2em 0.2em 2.5em;
	padding:			0;
}
#contentWrapper ol li ol, #contentWrapperWide ol li ol{
}
acronym {
	border-bottom: 		#00F dashed 1px;
	cursor:				help;
}
code {
	font-family:		"Courier New", Courier, monospace;
}

/* TOC */
#tocBody p {
	font-size:			.8em;
	font-weight:		bold;
	color:				#069;
	text-align:			center;
	padding-bottom: 	.5em;
}
#tocBody ul {
	list-style-type:	none;
	margin:				0;
	padding:			0 .5em;
}
#tocBody li {
	list-style-type:	none;
	background:			url(/water/images/symbols/bullet.gif) no-repeat;
	margin:				0;
	padding:			0 0 .4em 16px;
}
#tocBody li ul {
	padding:			0;
}

#tocBody li ul li {
	list-style-type:	none;
	background:			url(/water/images/symbols/bullet_dash.gif) no-repeat;
	margin:				0;
	padding:			0 0 .4em 16px;
}

#tocBody li ul li ul li {
	list-style-type:	none;
	background:			url(/water/images/symbols/bullet.gif) no-repeat;
	margin:				0;
	padding:			0 0 .4em 16px;
}

#tocBody a{
	font-size:			.75em;
	text-decoration: 	none;
}
#tocBody li a:hover{
	text-decoration: underline;
}

/* Aux Navigation */
.contextPanelTop, .contextPanelFoot {
	font-size:0.1em;
}
.contextPanelBody {
	padding-bottom: 1em;
}

.contextPanelBody p {
	font-size:			.8em;
	font-weight:		bold;
	color:				#069;
	text-align:			center;
	padding-bottom: 	.5em;
}

.contextPanelBody ul.relatedLinks {
	list-style:			none;
	margin:				0 5px .25em 5px;
	padding:			0 0 .25em 0;
	border-bottom:		#CFCFCF solid 1px;
}
.contextPanelBody ul.relatedLinks li {
	padding:			0 0 .3em 16px;
	background:			url(/water/images/symbols/bullet.gif) no-repeat 0 -4px;
	line-height:		.7em;
}
.contextPanelBody ul.relatedLinks li a{
	text-decoration: none;
	font-size:			.7em;
}
.contextPanelBody ul.relatedLinks li a:hover{
	text-decoration: underline;
}
.contextPanelBody ul#waterLinks {
	list-style:			none;
	margin:				0 5px 10px 5px;
	padding:			0 0 10px 0;
	border-bottom:		#CFCFCF solid 1px;
}
#waterLinks a{
	text-decoration: none;
	font-size:			.7em;
	line-height:		20px;
	padding:			5px 0 5px 20px;
}
.iconAct {
	background:			url(/water/images/symbols/icon_act.gif) no-repeat 0px 0px;
}
.iconRegs {
	background:			url(/water/images/symbols/icon_regs.gif) no-repeat 0px 0px;
}
.iconPub {
	background:			url(/water/images/symbols/icon_pub.gif) no-repeat 0px 0px;
}
.iconNews {
	background:			url(/water/images/symbols/icon_news.gif) no-repeat 0px 1px;
}
.iconEmail {
	background:			url(/water/images/symbols/icon_email.gif) no-repeat 0px 2px;
}
.iconMarket {
	background:			url(/water/images/symbols/icon_market.gif) no-repeat 0px 2px;
}


.contextPanelBody hr {
	border-bottom:		#CFCFCF solid 1px;
	border-top: 		none;
	border-left:		none;
	border-right:		none;
	height:		1px;
	margin:		10px auto;
	width:		96%;
}
/* Miscellaneous classes for reuse */
.imgCaption {
	font-size: 0.7em;
	line-height:1.4em;
	color:#575A5D;
	font-style:italic;
	text-align:center;
	font-weight:bold;
}
.figureL {
	display:			block;
	float: 				left;
	margin: 			0.5em;
	padding: 			0;
	width:				auto;
}
.figureR {
	display:			block;
	float: 				right;
	margin: 			0.5em;
	padding: 			0;
	width:				auto;
}
#contentWrapper .figureL p, #contentWrapper .figureR p {
	color:				#05B;
	text-align: 		center;
	font-weight:		bold;
	font-size: 			0.7em;
	text-indent: 		0;
}
.imageCentre {
	margin:				0 auto;
	display:			block;
}
.fltrt {
	float: 				right;
	margin: 			8px 0 0 8px;
}
.fltlft {
	float: 				left;
	margin: 			8px 8px 0 0;
}
.clearfloat {
	clear:				both;
	height:				0;
	font-size: 			1px;
	line-height: 		0px;
}
blockquote {
	margin:					0 3em;
	padding-left:			25px;
	background-image: 		url(/water/images/quotes1.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}
#contentWrapper blockquote p, #contentWrapperWide blockquote p {
	padding:				0 25px 0 0;
	text-align:				justify;
	background-image: 		url(/water/images/quotes2.png);
	background-repeat: 		no-repeat;
	background-position: 	right bottom;
}
q {
	quotes:	inherit;
}

em {
	font-style:italic;
}
/* Tables */

/* Data Table One */
.dataTableOne {
	width: 				90%;
	border-collapse: 	collapse;
	border:				1px solid #006699;
	margin:				0 auto;
}
.dataTableOne caption {
	font-weight:		bold;
	text-align:			center;
	color: 				#069;
}
.dataTableOne thead {
	background: 		#BAD7EF;
}
.dataTableOne th {
	font-weight:		bold;
	color:				#555555;
}
.dataTableOne th, .dataTableOne td {
	padding:			.25em;
	border:				1px solid #006699;
}
.dataTableOne ul {
}
.dataTableOne tfoot td{
	text-align:			center;
}

/* Data Table Two */
.dataTableTwo {
	width: 				90%;
	border-collapse:	collapse;
	margin:				0 auto;
}

.dataTableTwo th{
	background-image: 	url(/water/images/dataTableTwo_bg_blue.gif);
	background-repeat: 	repeat-x;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-width: 	thin;
	border-left-style: 	solid;
	border-left-color: 	#FFFFFF;
	padding: 			1px;
	font-weight:		bold;
}

.dataTableTwo tr{
	background-image: 	url(/water/images/dataTableTwo_bg_cell.gif);
	background-repeat: 	repeat-x;
}

.dataTableTwo caption{
	color: 				#80aabd;
	padding: 			1px;
	border: 			thin solid #80aabd;
	font-weight: 		bold;
	text-align: 		center;
}

.dataTableTwo td{
	border-left-width: 	thin;
	border-left-style: 	solid;
	border-left-color: 	#FFFFFF;
	padding: 			1px;
}
.dataTableTwo tfoot td{
	text-align:			center;
}
/* .dataTableTwo td{
	background-image: url(bg_cell.gif);
	background-repeat: repeat-x;
} */

/*Contacts table, added by Ceredwyn Ealanta 1 March 2010 */
.contactsTable {
	width: 				100%;
	border-collapse:	collapse;
	margin:				0 auto;
}

.contactsTable th{
	text-align:	left;
	font-weight: bold;
	color:#5c839c;
	padding-top: 4px;
	padding-bottom: 1px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5c839c;
}

.contactsTable tr:hover {
	background-color:#e0e0c5;
}

.contactsTable td{
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

/* END OF CONTACTS TABLE */


/***********************/
/* FAQ Definition List */
/***********************/

#faq dl, .faq dl {
	margin:				0 1em 1em 1em;
}
#faq dt, .faq dt {
	color: #006699;
	background:url(/water/images/twisty-02.gif) no-repeat scroll 5px -17px transparent;
	margin-top:1em;
	padding-left:25px;
	font-weight:bold;
}
dt:hover, .clickText:hover {
	cursor:pointer;
	text-decoration:underline;
}
.clickText, .clickText:hover  {
	color: #006699;
	font-weight:bold;
}
#faq dt.active, .faq dt.active {
	background:url(/water/images/twisty-02.gif) no-repeat scroll -15px 4px transparent;
}
#faq dd, .faq dd {
	margin: 			0;
	padding:			0 2em;
}
/* Horizontal Navigation */
#horizontalNavigation {
	width:840px;
	height:25px;
	margin: 0;
	padding:2px 0 0 2px;
}
#horizontalNavigation span {
	display: 		none;
}
#horizontalNavigation a {
	display:		block;
}
#horizontalNavigation li {
	float:left;
	list-style:none;
}
/* Main Navigation Not selected */
/* Water Information */
#horizontalNavigation-01 a { 
	background:url("/water/images/nav_sprite.gif") 0px -75px no-repeat;
	height:25px;
	width: 156px;
}
/* Regulations */
#horizontalNavigation-02 a { 
	background:url("/water/images/nav_sprite.gif") -156px -75px no-repeat;
	height:25px;
	width: 107px;
}
/* News and Events */
#horizontalNavigation-03 a { 
	background:url("/water/images/nav_sprite.gif") -263px -75px no-repeat;
	height:25px;
	width: 146px;
}
/* About */
#horizontalNavigation-04 a {
	background:url("/water/images/nav_sprite.gif") -409px -75px no-repeat;
	height:25px;
	width: 65px;
}

/* Main Navigation selected */
/* Water Information */
#horizontalNavigation-01 a.current {
	background:url("/water/images/nav_sprite.gif") 0px 0px no-repeat;
	width: 156px;
}
/* Regulations */
#horizontalNavigation-02 a.current {
	background:url("/water/images/nav_sprite.gif") -156px 0px no-repeat;
	width: 107px;
}
/* News and Events */
#horizontalNavigation-03 a.current {
	background:url("/water/images/nav_sprite.gif") -263px 0px no-repeat;
	width: 146px;
}
/* About */
#horizontalNavigation-04 a.current {
	background:url("/water/images/nav_sprite.gif") -409px 0px no-repeat;
	width: 65px;
}

/* Main Navigation hover */
/* Water Information */
#horizontalNavigation-01 a:hover, #horizontalNavigation-01 a.hover {
	background:url("/water/images/nav_sprite.gif") 0px -39px no-repeat;
	width: 156px;
}
/* Regulations */
#horizontalNavigation-02 a:hover, #horizontalNavigation-02 a.hover {
	background:url("/water/images/nav_sprite.gif") -156px -39px no-repeat;
	width: 107px;
}
/* News and Events */
#horizontalNavigation-03 a:hover, #horizontalNavigation-03 a.hover {
	background:url("/water/images/nav_sprite.gif") -263px -39px no-repeat;
	width: 146px;
}
/* About */
#horizontalNavigation-04 a:hover, #horizontalNavigation-04 a.hover {
	background:url("/water/images/nav_sprite.gif") -409px -39px no-repeat;
	width: 65px;
}

ul.nav-ul {
	display:		none;
	position:		absolute;
	width:			840px;
}
#horizontalNavigation .selected {
	display:		block;
	font-size:		.75em;
	left:			0px;
	padding:		5px;
}
#horizontalNavigation ul.selected a{
	display:		inline-block;
	width:			auto;
	height:			20px;
	padding:		2px 10px 0 10px;
	border-right:	#c4c5a6 1px solid;
	text-decoration:none;
}
#horizontalNavigation ul.nav-ul li a:hover{
	background:		none;
	text-decoration:underline;
	width:			auto;
}
#horizontalNavigation ul.nav-ul li a{
	background:		none;
}
#horizontalNavigation li.hover li{
	background:		none;
}
/* TOC Navigation */
.tocSelected {
	font-weight:bold;
}
.tocShow {
	display:block;
}

a.doc { /*The background image*/
	background: url(/water/images/symbols/icon_doc.gif) no-repeat right center;
}
a.external { /*The background image*/
	background: url(/water/images/symbols/icon_external.gif) no-repeat right center;
}
a.pdf { /*The background image*/
	background: url(/water/images/symbols/icon_pdf.gif) no-repeat right center;
}
a.ppt { /*The background image*/
	background: url(/water/images/symbols/icon_ppt.gif) no-repeat right center;
}
a.xls { /*The background image*/
	background: url(/water/images/symbols/icon_xls.gif) no-repeat right center;
}
a.doc, a.external, a.pdf, a.ppt, a.xls { /*The background image*/
	padding: 0 15px 0 0;
	display:inline-block;
}

/* FORM STYLES */
#contentWrapper fieldset
{
	float: left;
	clear: left;
	width: 590px;
	margin: 0 0 1.5em 0;
	padding: 0;
	border: 1px solid #BFBAB0;
	background-color: #F2EFE9;
	background-image: url(images/fieldset_gradient.jpg);
	background-repeat: repeat-x;
}

#contentWrapper legend
{
	margin-left: 1em;
	padding: 0;
	color: #000000;
	font-weight: bold;
}

#contentWrapper fieldset ol
{
	padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
}

#contentWrapper fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}


label
{
	position: relative;
	width: 10em;
	margin-right: 1em;
}


#contentWrapper select
{
	width:11em;
}

#contentWrapper fieldset fieldset
{
	margin-bottom: -2.5em;
	border-style: none;
	background-color: transparent;
	background-image: none;
	width: 550px;
}

#contentWrapper fieldset fieldset legend
{
	margin-left: 0;
	font-weight: normal;
}

#contentWrapper fieldset fieldset ol
{
	position: relative;
	top: -1.5em;
	margin: 0 0 0 11em;
	padding: 0;
}

#contentWrapper fieldset fieldset label
{
	float: none;
	width: auto;
	margin-right: auto;
}

#contentWrapper fieldset.submit, #contentWrapper fieldset.button
{
	float: none;
	width: auto;
	border-style: none;
	/*padding-left: 12em;*/
	padding-right: 1em;
	background-color: transparent;
	background-image: none;
}

#contentWrapper fieldset.submit input, #contentWrapper fieldset.button input
{
	float: right;
}

#contentWrapper label strong
{
	position: absolute;
	left: 28em;
	top: 0.2em;
	width: 19em;
	color: #CC0000;
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
}

#contentWrapper label strong img
{
	position: absolute;
	left: -17em;
}

#ccNotice {
	_background:#8eb7d5;
}
#ccNotice p {
	font-size: 65%;
	margin: 5px;
	text-align: center;
}

/* News and events styles */
.shortArticle {
	padding: 0pt 0pt 10px;
	margin: 0pt 0pt 10px;
	border-bottom: 1px solid rgb(181, 208, 209);
	overflow: hidden;
}
.articleTitle {
	margin-bottom: 10px;
}
.articleTitle h2{
	font-size:			1.3em !important;
}
.articleTitle h3{
	margin: 0!important; 
	font-weight:normal!important;
	font-size: 0.9em!important;
}
.articleImg {
	border: #F0F6F6 1px solid;
	background: #F0F6F6;
	width: 150px;
	float:left;
	margin-right: 5px;
}
.articleShort {
	width:100%
	float:left;
}
.articleShort p{
	padding: 0 0 5px 0!important; 
}

#validEmail {
	margin-top: 4px;
	margin-left: 9px;
	position: absolute;
	width: 16px;
	height: 16px;
}