/*** Dstyle.css ***/

/*** element override styles (in a-z order) ***/

html {
	-webkit-text-size-adjust: none;
}

a {
	text-decoration: underline;
}

a:link {
	color: #003377;
}

a:active {
	color: #FF0000;
}

a:visited { /* out-of-sequence for IE6 */
	color: #003377;
}

a:hover {
	color: #FF0000;
}

body {
	background: #EEEEEE;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
}

body.Plain {
	background: #FFFFFF;
}

table.bodyTable {
 /*	background: url(images/BackgroundBlur.png) repeat-y; */ /* blur for 5px margin/padding */
	border-left: 4px solid #DDDDDD; /* compromise for IE6,7 */
	border-right: 4px solid #DDDDDD;
	clear: both;
 /*	margin: 0 5px; */ /* upsets table horiz align in IE6,7 */
 /*	padding: 0 5px; */ /* also pads table cells in IE6,7 so we resort to pale border */
	width: 770px;
}

body.Plain table.bodyTable {
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
}

div.infoHtml {
	font-size: 15px;
	text-align: left;
}

h2 {
	background: url(images/H2Banner.jpg) no-repeat;
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	height: 34px;
	line-height: 1.6em;
	margin: 10px 0 10px 0;
	padding: 4px 0 0 25px;
}

body.Plain h2 {
	background: #FFFFFF;
	color: #000000;
	font-size: 2em;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 0;
}

h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0;
}

table {  /* see also .mainrow */
	font-size: 100%;  /* override unwanted default */
	line-height: 1.1; /* ditto */
}

tr#bodyTableColWidths {
	background: #929292;
}


/*** page override styles (in page num order) ***/

#D1 #introLonely {
	border-bottom: 1px solid #D8D8D8;
	margin: 0;
	padding: 0 0 25px 0;
}

#D1 #introReg {
	border-bottom: 1px solid #D8D8D8;
	margin: 0;
	padding: 0 0 10px 0;
}

#D1 #regEmployer {
	border-bottom: 1px solid #D8D8D8;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
}

#D1 #regPublic {
	border-bottom: 1px solid #D8D8D8;
	padding: 0 0 10px 0;
}

#D1 #rhs {
	background: url(images/PBorder-R.jpg) repeat-y;
}

#D1 #loginStuff {
	margin: 0;
	padding: 0 10px 5px 12px;
	width: 160px;
}

#D1 #remindBanner {
	background: #9B0482;
	color: #FFFFFF;
	font-size: 110%;
	margin: 0 2px 0 2px;
	padding: 10px 0 10px 5px;
	width: 173px;
}

#D1 #remindStuff {
	margin: 0;
	padding: 0 10px 5px 12px;
	width: 160px;
}

#D1 #newsBanner {
	background: #9B0482;
	color: #FFFFFF;
	font-size: 110%;
	margin: 0 2px 0 2px;
	padding: 10px 0 10px 5px;
	width: 173px;
}

#D1 #newsStuff {
	margin: 0;
	padding: 0 10px 5px 12px;
	width: 160px;
}


/*** bodybar styles ***/

#bodybar-back { /* full width of body */
	background: url(images/TopGreyNav27px.png) repeat-x;
	border-top: 1px solid #767676; /* overlays background; empirically suppresses spurious vertical space in Firefox */
	height: 27px; /* excluding border */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#bodybar { /* centred content */
	border-top: 1px solid #767676; /* empirically controls height in FF2, Safari, Opera */
	height: 26px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 770px;
}

#bodybar ul {
	height: 13px;
	margin: 3px 0 0 3px;
	padding: 0 0 0 0;
}

#bodybar ul li {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 5px 0 0;
}

#bodybar a {
	color: #FFFFFF;
	font-size: 68%;
	text-decoration: none;
}

#bodybar div#bodybar-search {
	background: #929292;
	border-left: 1px solid #CECFCE;
	border-right: 1px solid #CECFCE;
	border-top: 1px solid #CECFCE;
	color: #FFFFFF;
	float: right;
	font-size: 0.7em;
	height: 22px;
	margin: 2px 0 0 0;
	padding: 1px 0 0 5px;
}

#bodybar div#bodybar-search input#q {
	color: #333333;
	font-family: Verdana,Arial,Helvetica,sans-serif; /* IE6 needs this */
	font-size: 0.9em;
	vertical-align: baseline;
}


/*** headbar styles ***/

#headbar-row1 {
	background: #929292; /* fill report stretch gap */
	height: 80px;
	width: 770px; /* forces width for Reports (mysterious inconsistency) */
}

#headbar-row1 a#wcc-logo {
}

#headbar-row1 a#wcc-logo img {
	border: 0;
	float: left;
	margin: 12px 0 0 6px;
}

#headbar-row1 a#hub-logo {
}

#headbar-row1 a#hub-logo img {
	border: 0;
	float: right;
	margin: 14px 6px 0 0;
}

#headbar-menu {
	background: #730D10; /* for FF, must be here, but see below */
	border-top: 1px solid #CCCCCC;
	font-size: 68%;
	font-style: normal;
	font-weight: normal;
	padding: 3px; 
}

#headbar-menu ul {
	background: #730D10; /* for IE, must be here, but see above */
	margin: 0; /* to nullify browser-specific defaults */
	padding: 3px 0 2px 0; /* ditto */
	width: 100%; /* critical for background to continue to RHS */
}

#headbar-menu ul li {
	border-right: 1px solid #FFFFFF;
	display: inline;
	margin: 0 0 0 4px;
	padding: 0;
}

#headbar-menu ul li a {
	border: 1px solid #730D10;
	color: #FFFFFF; /* legend text colour, against both background colours */
	margin: 0;
	padding: 1px; /* of legend text within background */
	text-decoration: none;
}

#headbar-menu ul li a:link,
#headbar-menu ul li a:visited {
}

#headbar-menu ul li a:active, /* for keyboard navigation (CSS1 inc. IE4+) */
#headbar-menu ul li a:focus, /* for keyboard navigation (CSS2 except IE) */
#headbar-menu ul li a:hover {
	background: #767676;
	border: 1px solid #FFFFFF;
}

#headbar-row3 {
	background: #9B0482; /* was #0A81A1 */
	border-top: 1px solid #CCCCCC;
	margin: 0;
	padding: 14px 0 16px 0;
	text-align: center;
	width: auto;
}

#D1 #headbar-row3 {
	padding: 4px 0 6px 0
}

#headbar-menu2 {
	background: #FFFFFF;
	font-size: 85%;
	margin: 0;
	padding: 0;
}

#headbar-menu2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#headbar-menu2 ul li {
	background: url(images/NavButton.jpg) no-repeat;
	float: right;
	height: 37px;
	margin: 0;
	padding: 0;
	width: 130px;
}

#headbar-menu2 ul li a {
	color: #FFFFFF;
	display: block;
	margin: 6px 0 0 0;
	padding: 0 0 0 17px; /* of legend text within background */
	text-decoration: none;
	width: 100%;
}

#headbar-menu2 ul li a:link,
#headbar-menu2 ul li a:visited {
}

#headbar-menu2 ul li a:active, /* for keyboard navigation (CSS1 inc. IE4+) */
#headbar-menu2 ul li a:focus, /* for keyboard navigation (CSS2 except IE) */
#headbar-menu2 ul li a:hover {
	color: #FFFF00;
}

#headbar-menu3 {
	background: #9B0482; /* was turq #0A81A1 */ /* for Firefox, must be here, but see below */
	font-size: 68%;
	font-style: normal;
	font-weight: bold;
	padding: 3px 6px 3px 3px;
	text-align: right;
}

#headbar-menu3 ul {
	background: #9B0482; /* was turq #0A81A1 */ /* for IE, must be here, but see above */
	margin: 0; /* to nullify browser-specific defaults */
	padding: 3px 0 2px 0; /* ditto */
	width: 100%; /* critical for background to continue to RHS */
}

#headbar-menu3 ul li {
	border-right: 1px solid #FFFFFF;
	display: inline; /* block by default, but we want them inline */
	margin: 0 0 0 4px;
	padding: 0;
}

#headbar-menu3 ul li a {
	border: 1px solid #9B0482; /* was turq #0A81A1 */
	color: #FFFFFF; /* legend text colour, against both background colours */
	margin: 0;
	padding: 1px; /* of legend text within background */
	text-decoration: none;
}

#headbar-menu3 ul li a:link,
#headbar-menu3 ul li a:visited {
}

#headbar-menu3 ul li a:active, /* for keyboard navigation (CSS1 inc. IE4+) */
#headbar-menu3 ul li a:focus, /* for keyboard navigation (CSS2 except IE) */
#headbar-menu3 ul li a:hover {
	background: #767676;
	border: 1px solid #FFFFFF;
}

#headbar-menu4 {
	background: #FFFFFF;
	padding-bottom: 0;
}

#headbar-menu4 a {
	margin-left: -11px;
	text-decoration: none;
}

#headbar-menu4 a.first {
	margin-left: -1px;
	text-decoration: none;
}

#headbar-menu4 a img {
	border: none;
}


/*** leftbar styles ***/

#leftbar {
	padding: 0 0 20px 0;
}

#leftbar .menu {
	background: url(images/PBorder-L.jpg) repeat-y;
	color: #000000;
	line-height: 1.2em;
	margin: 0 0 0 0;
	padding: 0 6px 65px 15px;
}

#leftbar .menu .l2 {
	border-bottom: 1px solid #9B0482;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 8px 0 2px 0;
}

#leftbar .menu a.l2a {
	color: #000000;
	display: block;
	padding: 2px 3px 10px 0;
	text-align: left;
	text-decoration: none;
}

#leftbar .menu a.l2a:link {
}

#leftbar .menu a.l2a:active {
	text-decoration: underline;
}

#leftbar .menu a.l2a:hover {
	text-decoration: underline;
}

#leftbar .menu a.l2a:visited {
}

#leftbar .menu ul {
	margin: 0;
	padding: 0;
}

#leftbar .menu ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#leftbar .menu ul li a {
	color: #000000;
	display: block;
	padding: 2px 3px 2px 10px;
	text-align: left;
	text-decoration: none;
	width:90%;
}

#leftbar .menu ul li a:link {
}

#leftbar .menu ul li a:active {
	text-decoration: underline;
}

#leftbar .menu ul li a:hover {
	text-decoration: underline;
}

#leftbar .menu ul li a:visited {
}


/*** mainbar styles ***/

.mainbar {
	padding: 0 0 10px 0;
}


/*** rightbar styles ***/


/*** tailbar styles ***/

#tailbar {
	font-size: 68%;
}

#tailbar-row1 {
	background: #FFFFFF;
	padding: 6px 4px 2px 4px;
}

#tailbar-row1 a {
	color: #000000;
}

#tailbar-row1-flags {
	float: left;
	width: 250px;
	text-align: center;
}

#tailbar-row1-flags img {
	border: 0;
}

#tailbar-row1-flags a {
	margin-right: 2px;
}

#tailbar-row2 {
	background: #B8B8B8;
	color: #FFFFFF;
	padding: 5px 3px 6px 3px;
}

#tailbar-row2 a {
	color: #FFFFFF;
}

/*** new class styles (in a-z order) ***/

.b {
	font-weight: bold;
}

.bmain { /* obsolescent */
	font-weight: bold;
}

.box1 {
	background: #929292;
	color: #FFFFFF;
	font-size: 120%;
	font-style: italic;
	margin: 10px 0 0 0;
	padding: 3px;
}

.box2 {
	background: #EEEEEE;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 5px;
}

.boxHelp {
	background: #E4FF82; /* #E0FFE0 */
	font-size: 90%;
	font-weight: normal;
	margin: 0;
	padding: 0 5px 5px 5px;
}

.boxHelp p {
	margin: 5px 0 0 0;
}

.buttonWithBlurb1 {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	line-height: 2em;
	margin: 5px 0 0 0;
	padding: 0 0 3px 0;
}

.buttonWithBlurbN {
	border-bottom: 1px solid #000000;
	line-height: 2em;
	padding: 0 0 3px 0;
}

.c {
	text-align: center;
}

.emailText {
	font-family: monospace;
}

.hilite {
	color: #00FFFF;
}

.i {
	font-style: italic;
}

.j {
	text-align: justify;
}

.l {
	text-align: left;
}

.larger {
	font-size: 120%;
}

.leftcell {
}

.main {
	font-size: 100%;
	font-weight: normal;
}

.mainrow { /* all content rows (see also table) */
	background: #FFFFFF;
	font-size: 68%; /* gives 9px-high uppercases at default browser text size */
	line-height: 1.6; /*  normally 1.1 */
}

.r {
	text-align: right;
}

.regNote { /* annotations on "register" and "alter details" */
	color: #2796C1;
	font-style: italic;
}

.rightcell {
}

.smaller {
	font-size: smaller;
}

.u {
	text-decoration: underline;
}

.w {
	color: #FFFFFF;
}


/*** border class styles ***/

.borderTRBL {
	border-top: 1px solid #002063;
	border-right: 1px solid #002063;
	border-bottom: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderTRB {
	border-top: 1px solid #002063;
	border-right: 1px solid #002063;
	border-bottom: 1px solid #002063;
}

.borderTRL {
	border-top: 1px solid #002063;
	border-right: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderTBL {
	border-top: 1px solid #002063;
	border-bottom: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderRBL {
	border-right: 1px solid #002063;
	border-bottom: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderTR {
	border-top: 1px solid #002063;
	border-right: 1px solid #002063;
}

.borderTB {
	border-top: 1px solid #002063;
	border-bottom: 1px solid #002063;
}

.borderTL {
	border-top: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderRB {
	border-right: 1px solid #002063;
	border-bottom: 1px solid #002063;
}

.borderRL {
	border-right: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderBL {
	border-bottom: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderT {
	border-top: 1px solid #002063;
}

.borderR {
	border-right: 1px solid #002063;
}

.borderB {
	border-bottom: 1px solid #002063;
}

.borderL {
	border-left: 1px solid #002063;
}


/*** legacy class styles ***/

.mainhead {
	font-size: 24pt;
	font-weight: bold;
}

.head {
	font-size: 18pt;
	font-weight: bold;
}

.head1 {
	font-size: 16pt;
	font-weight: bold;
}

.head2 {
	font-size: 14pt;
	font-weight: bold;
}

.head3 {
	font-size: 12pt;
	font-weight: bold;
}

.head4 {
	font-size: 10pt;
	font-weight: bold;
}

.headleft2 {
	font-size: 14pt;
	font-weight: bold;
}

.headleft3 {
	font-size: 12pt;
	font-weight: bold;
}

.headleft4 {
	font-size: 10pt;
	font-weight: bold;
}

.headj4 {
	font-size: 10pt;
	font-weight: bold;
}

.headj5 {
	font-size: 9pt;
	font-weight: bold;
}

.jhead5{
	font-size: 9pt;
	font-weight: bold;
}

.headleft5 {
	font-size: 9pt;
	font-weight: bold;
}

.chead5 {
	font-size: 9pt;
	font-weight: bold;
}

.chead6 {
	font-size: 8pt;
	font-weight: bold;
}

.chead6cont {
	font-size: 8pt;
	font-weight: bold;
}

.headleft4cont2 {
	font-size: 10pt;
	font-weight: bold;
}


/* SECOND COLOUR */

.headcont {
	font-size: 120%;
	font-weight: bold;
}

.head2cont {
	font-size: 110%;
	font-weight: bold;
}

.head3cont {
	font-weight: bold;
}

.head4cont {
	font-weight: bold;
}

.l4cont {
	font-weight: bold;
}

.r4cont {
	font-weight: bold;
}

.j4cont {
	font-weight: bold;
}

.head5cont {
	font-weight: bold;
}

.l5cont {
	font-weight: bold;
}

.j5cont {
	font-weight: bold;
}


/* MAIN TEXT COLOUR */

.left5cont {
	font-weight: bold;
}

.right5cont {
	font-weight: bold;
}

.mainc {
	font-weight: normal;
	text-align: center;
}

.mainc8 {
	font-weight: normal;
	text-align: center;
}

.mainc9 {
	font-weight: normal;
	text-align: center;
}

.mainl {
	font-weight: normal;
	text-align: left;
}

.mainlsmall {
	font-size: 90%;
	font-weight: normal;
	text-align: left;
}

.mainl8 {
	font-weight: normal;
}

.mainl4 {
	font-size: 4pt;
	font-weight: normal;
}

.mainj {
	font-weight: normal;
}

.mainj8 {
	font-weight: normal;
}

.mainj8cont {
	font-weight: normal;
}

.mainj9 {
	font-weight: normal;
}

.cont5normal{
	font-weight: normal;
}

.mainr {
	font-weight: normal;
}

.mainr8 {
	font-weight: normal;
}

.bmainr {
	font-weight: bold;
}

.bmainc {
	font-weight: bold;
	text-align: center;
}

.bmainc9 {
	font-weight: bold;
}

.b11c {
	font-weight: bold;
	text-align: center;
}

.b3c {
	font-weight: bold;
	text-align: center;
}

.bmainl {
	font-weight: bold;
	text-align: left;
}

.bmainlsmall {
	font-size: 90%;
	font-weight: bold;
	text-align: left;
}

.b9l {
	font-weight: bold;
	text-align: left;
}

.b8l {
	font-weight: bold;
	text-align: left;
}

.b9c {
	font-weight: bold;
	text-align: center;
}

.n9c {
	font-weight: normal;
	text-align: center;
}

.n9 {
	font-weight: normal;
}

.b9 {
	font-weight: bold;
}

.ib9c {
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

.i9 {
	font-style: italic;
}

.b8c {
	font-weight: bold;
	text-align: center;
}

.b8nj {
	font-weight: bold;
}


/* NO COLOUR */

.unlink4 {
	color: #0098E4;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.link4 {
	color: #0098E4;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

.link4:hover {
	color: #1C3376;
	text-decoration: underline;
}

.link4:active {
	color: #1C3376;
	text-decoration: underline;
}


.unlink4c {
	color: #0098E4;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.link4c {
	color: #0098E4;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

.link4c:hover {
	color: #1C3376;
	text-decoration: underline;
}

.link4c:active {
	color: #1C3376;
	text-decoration: underline;
}


.unlink5 {
	text-align: left;
}

.link5 {
	text-align: left;
}

.link5:hover {
}

.link5:active {
}


.unlink5c {
	text-align: center;
}

.link5c {
	text-align: center;
}

.link5c:hover {
}

.link5c:active {
}


.unlink6 {
	text-align: left;
}

.link6 {
	text-align: left;
}

.link6:hover {
}

.link6:active {
}


.unlink6c {
	text-align: center;
}

.link6c {
	text-align: center;
}

.link6c:hover {
}

.link6c:active {
}


.unlink6cw {
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

.link6cw {
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

.link6cw:hover {
	color: #80C3E4; /* pale version of #0098E4, was #1C3376 (no good: same as background in headbar menu) */
}


.unlink7c {
	color: #0098E4;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.link7c {
	color: #0098E4;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

.link7c:hover {
	color: #1C3376;
	text-decoration: underline;
}

.link7c:active {
	color: #1C3376;
	text-decoration: underline;
}


.unlink7r {
	color: #0098E4;
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.link7r {
	color: #0098E4;
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
}

.link7r:hover {
	color: #1C3376;
	text-decoration: underline;
}

.link7r:active {
	color: #1C3376;
	text-decoration: underline;
}

.unlink7l {
	color: #0098E4;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.link7l {
	color: #0098E4;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

.link7l:hover {
	color: #1C3376;
	text-decoration: underline;
}

.link7l:active {
	color: #1C3376;
	text-decoration: underline;
}


/* OTHERS */

.cont {
	color: #1C3376;
}

.rephead {
	background: #929292;
	color: #FFFFFF;
	font-weight: bold;
}

.repbright {
	background: #5CB0EE;
}

.repdim {
	background: #EEEEEE;
}

.b9cwhite {
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
}

.italic {
	font-style: italic;
}

.redb12c {
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	color: #DA2C3B;
}


/* for questionnaire */

.qa {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.qb {
	font-weight: bold;
	text-align: left;
}

.qc {
	text-align: left;
}

.qd {
	text-align: right;
}

.qe {
	text-align: left;
}

.qf {
	font-style: italic;
	text-align: left;
}