/* CSS Document */

html, body, h1, h2, #group h3, head1, head2, head3, head4, head5, head6, ul.tnav, ul.tnav li, ul.grp, #sd-nav ul, #login form, p, ul{
	margin:0; padding:0;}
img{border:none;}
ul{margin-left:40px; padding-left:20px;	margin-bottom:1em;
}
#content2 p{margin-top:0; margin-bottom:1em; padding:0 40px 0 40px;}

body{
	background:url(layout-img/bkg-01.jpg) repeat-x;
	font:1em Arial, Helvetica, sans-serif ;
	}
div.note{background-color:#ffffdf; padding:10px; border:dotted 1px orange;}
#content2 div.note p{padding:0; margin:0; color:#333333; text-align:justify;}
#holder{
	width:100%;
}
#head1, #head2, #head2b, #head3{
	position:relative;
	height:2em;
	background-color:#215664;
}
#head1{ /* -- TOP NAV ALL --*/
	border-bottom:solid 3px #1E6C80;
	width:100%;
	}
#head2{ /*--TOP NAV 80% SPAN AND CENTER --*/
	width:80%;
 	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	min-width:770px;
			}
#head2b{ /* LEFT ALIGN CONTENT AND RIGHT BACKGROUND IMAGE */
	text-align:left;
	width:100%;
	min-width:100%;
	background:url(layout-img/grad-1-r.jpg) repeat-y right;
	float:left;
	padding-right:33px;
	border-bottom:solid 3px #1E6C80;
		}
#head3{ /* -- TOP NAV LEFT BACKGROUND IMAGE -- */
	text-align:left;
	width:33px;
	background:url(layout-img/grad-1-l.jpg) repeat-y left;
	float:left;
	margin-left:-33px;
		}
#topnav, #login{position:absolute; height:2em;}
#topnav{ /* TOP NAv LINKS BLOCK --*/
	background-color:#215664;
	text-align:left;
	overflow:hidden;
	/*border-bottom:solid 3px #1E6C80;*/
				}
#login{
	font-size:0.8em;
	color:#b5ccd2;
	right:43px;
	padding-top:4px;
		}	
#head4, #head5, #head5b, #head6{position:relative; height:1.5em; background-color:#237F97; }	
#head4{ /*TOP 2 ALL -- */
	border-bottom:solid 3px #1E6C80;
	}
#head5{ /* ----TOP 2 80% SPAN AND CENTER -- */
	width:80%;
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	min-width:770px;
	}
#head5b{ /* -- *--LEFT ALIGN CONTENT AND RIGHT BACKGROUND IMAGER -- */
	background:url(layout-img/grad-2-r.jpg) repeat-y right;
	width:100%;
	text-align:left;
	padding-right:33px;
	float:left;
	}
#head6{ /* TOP 2 LEFT 	BACKGROUND IMAGE--*/
	width:33px;
	background:url(layout-img/grad-2-l.jpg) repeat-y left;
	margin-left:-33px;
	}
#mesg{
	position:absolute;
	width:100%;
	right:53px;
	font-size:0.8em;
	text-align:right;
	top:4px;
 }
 
 #mesg1{
	position:absolute;
	width:100%;
	right:53px;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
	top:4px;
 }
 
 
#headtxt0{ /* -- HEADER AND ALL PAGE (USED TO CENTER PAGE) -- */
	position:relative;
	width:100%;
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	height: 100%;
	min-height:100%;
		}

#page{ /* -- HEADER AND ALL PAGE BLOCK -- */
	width:80%;
	position: relative;
	min-height: 100%;
	height:100%;
	background-color:#FFFFFF;
	margin-left: auto; 
	margin-right: auto;
	text-align:left;
	font-size:0.8em;
	clear:both;
	border-left:solid 1px #cfe4ec;
	border-right:solid 1px #cfe4ec;
	min-width:770px;
		}
#cont{/* -- SPANCE FOR RIGHT NAV --- */
	margin-right:230px;
	padding-top:20px;
	padding-right:10px;
	
		}
#content2{
	margin-bottom:1em; 
	padding-bottom:80px; 
	background:url(layout-img/logos.gif) no-repeat 30px bottom;
	min-height:540px;
	
	}
#imgholder{
	position:absolute;
	top:12px;
	right:14px;
	background-image:url(layout-img/img-back.jpg);
	background-repeat:no-repeat;
	height:128px;
	width:189px;
}
#sidenav{
	position:absolute;
	top:140px;
	right:20px;
	border: solid 3px #eeeeee;
	width:200px;
	height:28em;;
	text-align:center;
	}

#shw{ /* -- DROP SHADOW UNDER IMAGE LINE -- */
	width:100%;
	height:8px;
	background:url(layout-img/linebk.gif) repeat-x top;
	}
#headtxt{ /* HEADER "EPG MEDIA HEALTH */
	position:relative;
	background:url(layout-img/title.jpg) no-repeat 10px 10px #f0f4f5;
	height:75px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
		}
/* --- FOOTER STYLES --- */
#footer{
	position: relative;
	bottom: 0;
	width:100%;
	left:0;
	background-color:#237f97;
	border-bottom:solid 3px #1E6C80;
	border-top:solid 3px #1E6C80;
	height:3EM;
	min-height:100%;
	color:#dedfbf; 
	font-size:0.8em;
		}
/* --- END ALL FOOTER -- */	
/* -- FOUR COLOUR BLOCKS -- */
#group{ 
	position:relative;
	width:100%;
	height: 6em;
	margin-top:-15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:0.9em;
	}
#com, #mr, #pub, #abt, #abts, #pubs, #mrs, #coms{
	position:absolute;
	text-align:center;
	width:100px;
	height:3em;
	padding-top:5px;
	background:url(layout-img/litsh.gif) repeat-x bottom;
	overflow:visible;
	}
#com{
	border-top: solid 15px #cc97c0;
	left: 460px;
	background-color:#972367;
	}
#coms{
	border-top: solid 15px #972367;
	left: 460px;
	background-color:#972367;
	}
#mr{
	border-top: solid 15px #e7afac;
	left: 340px;
	background-color:#e6392c;
	}
#mrs{
	border-top: solid 15px #e6392c;
	left: 340px;
	background-color:#e6392c;
	}
#pub{
	border-top: solid 15px #e7beac;
	left: 220px;
	background-color:#e6652c;	
	}
#pubs{
	border-top: solid 15px #e6652c;
	left: 220px;
	background-color:#e6652c;	
	}
#abt{
	border-top: solid 15px #c8d5ab;
	left: 100px;
	background-color:#8ba729;	
	}
#abts{/*selected*/
	border-top: solid 15px #8ba729;
	left: 100px;
	background-color:#8ba729;	
	}
/* -- END COLOUR BLOCKS -- */
/*Formatting*/
h1{	
 	text-indent:-9999px;
	overflow:hidden;
	}
h2{
	text-align:left;
	padding-left:40px;
	margin-bottom:1em;
	}
h3{margin-left:40px;
	font-size:1.3em;
	}
#group h3{font-size:1em;}
h3.snav{
	background-color:#eeeeee;
	padding:5px 0 5px 5px;
	font-size:1em;
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
	}
p{
	text-align:left; 
	padding:0 40px 40px 40px;
	}	
hr.invis{display:none; clear:both;}
hr.logo{width:80%; color:#eeeeee; background-color:#eeeeee; margin-left:40px; height:1px; border:none; margin-top:2em; }

/*------- TOP NAV ------*/
#topnav ul.tnav{
	font-size:0.8em;
	list-style:none; 
	padding-top:0.5em;
	padding-left:1em;
	width:725px;
			}
ul.tnav li{
	display: inline; 
	color: #ffffff;
	height:2em;
	float:left;
	}
#topnav a:link, #topnav a:visited {
	display:block;
	padding:5px 10px 10px 10px;
	color:#cccc99; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:transparent; 
	text-decoration:none; 
	border-right: 1px solid #237f97;
	}
#topnav a:hover{
	background-color:#1E6C80;
	}
/* --- TOP LOGIN --- */
#login form{margin-left:20px;}
#login input{margin-right:10px; background-color:#f0f4f5;}

/*------- SIDE NAV ------*/
#sidenav ol{
	padding:5px 5px 5px 5px;
	margin:0px 10px 5px 10px;
	text-align:left;
	font-size:0.8em;
	list-style:none;
	
		}
#sidenav ol li{
	color: #000000;
	border-bottom:solid 1px #ebecec;
	padding:1em 0 2em 1em;
	height:4em;

			}
.euro{	background-image:url(layout-img/euro.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border:none;
	}
.tick{	background-image:url(layout-img/tick.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border:none;
	}
.at{background-image:url(layout-img/at.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border:none;
	}
.send{background-image:url(layout-img/send.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border:none;
	}

/*----- COLOUR BLOCK LINKS ---*/
ul.grp{
	text-align:left;
	font-size:0.9em;
	list-style:none; 
	margin-left:10px;
	margin-top:5px;
	}
#group a:link, #group a:visited{
	text-decoration:none;
	color:#FFFFFF;
	}
#group a:hover{
	text-decoration:underline;
		}
/* -- password forgotten link -- */
/* -- FOOTER LINKS -- */
#footer a:link, #footer a:visited, #mesg a:link, #mesg a:visited, #mesg1 a:link, #mesg1 a:visited{
	text-decoration:none;
	color:#b5ccd2;
	}
#footer a:hover, #mesg a:hover{
	text-decoration:underline;
	}
#footer ul, #mesg ul{
	font-size:1em;
	list-style:none; 
	padding:0.5em 0 0.5em 0;
					}
#footer ul li, #mesg ul li{
	display: inline; 
	color: #ffffff;
	height:2em;
	padding:0 1em 0 1em;
	border-right:solid 1px #b5ccd2;
		}
/* -- loged in links --*/
#mesg ul{
	font-size:1em;
	list-style:none; 
	padding:0 0 0.5em 0;
					}
#mesg ul li{
	display: inline; 
	padding:0 1em 0 1em;
	border-right:solid 1px #b5ccd2;
		}
/* -- other linoks -- */
a:link, a:visited{
	color:#237F97;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
/* -- FROM OLD STYLES -- */
#panel-box
{
padding:10px;
background-color:#eeeeee;
border: 1px solid #cccccc;
margin:1em;
width:450px;
margin-left:40px;
}

#panel-box2
{
padding:5px;
background-color:#eeeeee;
border: 1px solid #cccccc;
margin:1em;
width:450px;
margin-left:100px;
}

#box-link
{
	border:1px Solid #999999;
	padding:2px;
	margin:2px;
	text-decoration:none;
}

/*----- HELP STYLES --- */
dl{margin-left:40px;}
dt, dd{font-weight:normal; color:#000000;text-decoration:none;}
dt{
	margin-left:40px;
	padding-left:40px;
	left:50px;
	}
dd	{
	background-color:#CCCCCC;
	padding:5px 5px 5px 40px;
	margin:3px 3px 3px 40px;
	border: 1px SOLID #cccccc;
	min-height:33px;
	text-align:justify;
	}
	
/*--- CSS Lightbox ---*/

.black_overlay
	{
    display: none;
	position: absolute;
 	top: 0%;
	left: 0%;
	width: 100%;
	height: 150%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
    }

.white_content 
	{
	display: none;
	position: absolute;
	top: 55%;
	left: 25%;
	width: 382px;
	height: 120px;
	padding: 16px;
	border: 4px solid #cccccc;
	background-color: white;
	z-index:1002;
	overflow: auto;
	}



#login label{display:none;}
#panel-box label{display:none;}
form.vis label{display:inline; font-weight:bold;}
/* --- //// All IE6  /// --- */
* html #headtxt0, * html #page{height:100%; }
* html #content2{height:300px;left:66px;}
* html #head2b{padding-right:66px; border-bottom:none;}
* html #head5b{padding-right:66px;}
* html #head3, * html #head6 {margin:0;}
/* --- /// END ALL IE6 /// --- */

/* FORM CHANGES */

.black {font:10pt arial; color:#000000; background-color:#f0f4f5;}
.grey {font:10pt arial; color:#989898; background-color:#f0f4f5;}


/* New Reg Styles */

a.required_reg {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#000066;
}

a.help {
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
}

a.help:hover {
	position: relative;
}

a.help span {
	display: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

a.help:hover span {
	display: block;
   	position: absolute; top: -15px; left: 10px;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	/* formatting only styles */
   	padding: 8px;
	margin: 10px;
	z-index: 100;
   	background: #fffcd3;
	color:#65644c;
	border: 1px solid #65644c;
	text-decoration:none;
	/* end formatting */
}


a.help_error {
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#FF0000;
}

a.help_error:hover {
	position: relative;
}

a.help_error span {
	display: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

a.help_error:hover span {
	display: block;
   	position: absolute; top: -15px; left: 10px;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	/* formatting only styles */
   	padding: 8px;
	margin: 10px;
	z-index: 100;
   	background: #fffcd3;
	color:#65644c;
	border: 1px solid #FF0000;
	text-decoration:none;
	/* end formatting */
}

input.reg, textarea.reg, select.reg{
border:1px solid #a5acb2;
font-size: 1em;
font-family:Arial, Helvetica, sans-serif;
}

input.reg:focus, textarea.reg:focus, select.reg:focus{
background-color: #e3edfd;
border:1px solid #a5acb2;
font-size: 1em;
font-family:Arial, Helvetica, sans-serif;
}

#form_holder
		{
			width:460px;
			border: 1px solid #215664;
			position:relative;
			left:100px;
		}

#form_holder_final
		{
			width:448px;
			border: 1px solid #215664;
			position:relative;
			padding:6px;
			left:100px;
		}
		
		#form_heading
		{
			background-color:#215664;
			color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1em;
			font-weight:bold;
			width:200px;
			padding:4px;
			margin-left:100px;
		}
     
#form_ad
{
 width: 160px;
 background: #ffffff;
 padding:4px 4px;
 height:1546px;
 border-right: 1px solid #3a6abf;
 }

#form_content{
 width: 395px;
 padding:5px 10px;
 margin-left:20px;
 position:absolute;
 top:0;
 }

	p.form_holder_final
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}

.reg-white-sub2
	{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	width:576px;
	min-height:550px;
	border: 1px solid #3a6abf;
	top:-2px;
	padding:3px;
	margin:0;
	}

	.reg_error2
	{
	width: 300px;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
	height:20px;
	}
	
	.reg_titles2
	{
	padding-right:4px;
	padding-left:2px;
	padding-top:6px;
	padding-bottom:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#4d4d4d;
	}
	
	.reg_headtext2
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	color:#000000;
	}
	
	
	.reg_titlesTA2
	{
	padding-right:4px;
	padding-left:2px;
	padding-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#4d4d4d;
	}
	
	.reg_titlesTA_error2
	{
	padding-right:4px;
	padding-left:2px;
	padding-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#FF0000;
	}
	
	.reg_titles_nl2
	{
	float: left;
	width: 195px;
	padding-right:4px;
	padding-left:2px;
	padding-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#4d4d4d;
	text-align:right;
	height:36px;
	padding-bottom:6px;
	}
	
	.reg_titles_error2
	{
	padding-right:4px;
	padding-left:2px;
	padding-top:6px;
	padding-bottom:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#FF0000;
	}

	.reg_elements2
	{
	float: right;
	width: 320px;
	border-left:1px #999999 solid;
	padding-right:2px;
	padding-left:8px;
	padding-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	color:#FF0000;
	text-align:left;
	height:36px;
	}

	.reg_elements_text2
	{
	float: right;
	width: 320px;
	border-left:1px #999999 solid;
	padding-right:2px;
	padding-left:8px;
	padding-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#4d4d4d;
	text-align:left;
	height:36px;
	}

	.reg_elementsTA2
	{
	float: right;
	width: 320px;
	border-left:1px #999999 solid;
	padding-right:2px;
	padding-left:8px;
	padding-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	color:#FF0000;
	text-align:left;
	height:85px;
	}
	

	.reg_elements_nl2
	{
	float: right;
	width: 320px;
	padding-right:2px;
	padding-left:8px;
	padding-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#4d4d4d;
	text-align:left;
	height:36px;
	padding-bottom:6px;
	}
	
	.reg_elements_head2
	{
	float: right;
	width: 320px;
	border-top:1px #999999 solid;
	border-left:1px #999999 solid;
	padding-right:2px;
	padding-top:6px;
	padding-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	color:#ff0000;
	text-align:left;
	height:36px;
	}

	.reg_button2
	{
	padding-right:2px;
	padding-top:10px;
	padding-bottom:15px;
	padding-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#4d4d4d;
	text-align:left;
	}

	.reg_full2
	{
	float: right;
	width: 551px;
	padding-right:2px;
	padding-top:10px;
	padding-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#4d4d4d;
	text-align:left;
	height:45px;
	}
	
	.reg_full_error2
	{
	float: right;
	width: 551px;
	padding-right:2px;
	padding-top:10px;
	padding-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#FF0000;
	text-align:left;
	height:45px;
	}
	
	.reg_full_error_text2
	{
	float: right;
	width: 551px;
	padding-right:2px;
	padding-top:10px;
	padding-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#FF0000;
	text-align:left;
	height:45px;
	}
	
	.reg_base2
	{
	float: right;
	width: 351px;
	padding-right:2px;
	padding-top:0px;
	padding-left:8px;
	color:#4d4d4d;
	text-align:left;
	height:3px;
	border-top:1px #999999 solid;
	}
	
