/* CSS Document - T3 Core version 2.0 - OPWEB global */ 

/* web monitor signature - CSS */

/* Dreamweaver crash bug for CSS file of 8,192 bytes! */


/* reset begins - thanks Eric Meyer ------------------------------------------------------------------------------------------ */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td 
{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

/* remember to define focus styles! */
:focus {outline:0;}
body {line-height:1.2em; color:#000; background:white;}
/*ol,*/ul {list-style:none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0;}
caption,th,td {text-align:left; font-weight:normal;}

tr.greyRow {background-color:#e8e8e8;}

blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
/* reset ends */


/* Structure ------------------------------------------------------------------------------------------------------------------ */

body {font-family:Arial,Verdana,sans-serif; font-size:.76em; color:#0a0a0a; line-height:1.2em; text-align:center; background:#e8e8e8;}

#container {width:955px; margin:16px auto 0 auto; text-align:left; /*min-height:600px;*/ background:#fff url(../images2/bgyContainer.gif) repeat-y top center; position:relative;}

#header {width:955px; widt\h:945px; height:120px; margin:0 0 2.5em 0; padding:0 5px; background:#274ba1 url(../images2/bgyContainer.gif) repeat-y top center;}
	a.logoHome {float:left; margin-left:1px;}
	#searchHome,
	#searchShell,
	#eSearchShell {color:#fff; font-size:1.1em; float:right; margin:56px 10px 0 0; padding:2px 2px 4px 4px; border:1px solid #5f7abb; background:/*#6167a7*/ #4061ae; display:inline;}
			
	#searchHome {width:223px; widt\h:213px; margin-right:16px; color:#fff;}
		#searchShell input.inputText,
		#eSearchShell input.inputText {width:110px; /*border:1px solid #5c6a97;*/}
	#searchHome input.inputText {width:140px;}
		 input.inputImage {border:none; margin-bottom:-2px;}

div#hMenu {width:945px; height:2.2em; position:absolute; top:120px; left:6px; z-index:800; background:#fff; border-bottom:2px solid #274ba1;}

#contentShell {position:relative; width:700px; margin:8px 15px 15px 0; float:right; display:inline; min-height:600px; /*background-color:#fdf;*/}

	#leftCol {width:200px; margin:8px 8px 8px 22px; float:left; clear:left; display:inline; background:#fff; position:relative; z-index:10;}
	#centreCol {width:500px; float:left; display:inline; /*background:#cc5;*/}
	#rightCol {width:180px; min-height:440px; float:right; display:inline; margin:0 3px 0 0; padding-bottom:8px; /*background:#eee;*/}

ul#foot {height:1.8em; clear:both; font-size:0.9em; text-align:center; margin:0; padding-top:.3em; background:#e8e8e8 url(../images2/bgnoFoot.gif) no-repeat top center; z-index:10;}
	ul#foot li {display:inline;}

/* iFrame template for op Systems that can use it - Sharepoint etc.. */
#iFrameContent {width:100%; padding:10px; text-align:left; background:#fff;}
	#iFrameContent table.labStat {width:98%;}
	#iFrameContent p.updateTime {margin-right:2%;}
	
/* son of ursidae MAIN menu ------------------------------------------------------------------------------------------------------ */
/* adapted from list menu by DUNCAL Productions � 2007 Duncan Hill and Alan Gresley - thanks guys */

#nav {position:relative; /*left:10px;*/ background:#fff; padding-left:12px;}
#nav ul {border:1px solid #2c448f; border-top:none; border-bottom:2px solid #2c448f; background:#fff;}
#nav li {line-height:2.2em; position:relative; float:left; /*background:#fff; padding-left:5px;*/}
#nav li li {float:none; line-height:1em;}
#nav a {color:#2c448f; padding:.5em 1.5em .5em 1.2em; text-decoration:none; background:url(../images2/bgnoGTsiteMM.gif) no-repeat .1em .4em;}
#nav a:hover {color:#009; background-color:#e5e5e5;}
	#nav a:focus {background-color:#e5e5e5;}
#nav li li a {display:block; width:11em; /*border-top:none;*/}	/* added display block as no cascade from '#nav a' after changes */
#nav li li li a {width:14em;}
#nav li ul {position:absolute; left:-999em;}
#nav li:hover ul ul,
#nav li.sfhover ul ul {left:-999em;}
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {top:0; left:-1px; margin-left:100%;}

#nav li:active ul,
#nav li:hover ul,
#nav li.sfhover ul {top:100%; margin-left:0;}

/* vertical submenu styles -------------------------------------------------------------------------------------------------- */
		
#leftCol ul {width:200px; position:relative; top:0; left:0; margin:10px 0 1em 0; z-index:10;}
#leftCol ul.eHome {width:223px;}
	#leftCol li {background:#f2f2f2 url(../images2/bgnoGTsiteGreen.gif) no-repeat 0 0; margin:4px 0; padding:0 0 0 20px;}

	 ul#vNav ul {margin:.2em 0 .2em -20px; background-color:#f2f2f2;}
		ul#vNav ul ul {margin-left:-10px; width:190px;}
	 ul#vNav ul li {background-image:url(../images2/bgnoGTsiteMM.gif) !important; background-repeat:no-repeat; background-position:0 .1em; color:#2c448f;}

/* typography begins -------------------------------------------------------------------------------------------------------- */
/* general */
p {font-size:1em; margin-bottom:.8em; line-height:1.3em;}
h1,h2,h3 {padding:.46em 0 10px 0; font-weight:bold;}
	div.csc-textpicHeader h3 {padding-top:0;}
h4,h5,h6 {padding:.2em 0;}
h1 {font-size:1.5em;}
h2 {font-size:1.3em; /*border-bottom:1px solid #e4e4e4;*/}
	#centreCol h2 {line-height:1.4em;}
h3 {font-size:1.2em;}
	#centreCol h3 {line-height:1.3em;}
h4 {font-size:1.1em; font-weight:bold;}
	#centreCol h4 {line-height:1.2em;}
h5,h6 {font-size:1em; font-weight:lighter; color:#333;}
h6 {color:#333;}
strong {font-weight:bold;}
em {font-style:italic; font-weight:bold; color:#79aa38;}

sup {font-size:.7em; vertical-align:top;}

blockquote {font-size:1.3em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#008cd9; font-style:italic; display:block; text-align:center; padding:.2em 0 .2em 2em; background:url(../images/bgnoDoubleBQstart.gif) no-repeat left top;}
blockquote p {background:url(../images/bgnoDoubleBQend.gif) no-repeat right bottom; padding-right:2em;}

/* specifics --- REMEMBER LINE_HEIGHT!!! --- */

	#contentShell h1 {border-bottom:1px solid #000; margin-bottom:10px; line-height:1em; padding-bottom:6px;}
/*	#contentShell p {margin-top:1em;}*/

/*	#rightCol div.show {padding:.4em 8px;}	 ??? */
	#rightCol p {padding-top:.4em;}
	#rightCol ul {color:#555;}
	#rightCol dd.csc-textpic-caption {color:#888; text-align:center; font-size:0.9em;}

		#rightCol ul {/*width:180px;*/ margin:10px 0 0 0; padding:0 0 1em 0;}
		#rightCol li {background:#f2f2f2 url(../images2/bgnoGTgreyBlue.gif) no-repeat 0 0; margin:0 0 4px 0; padding:0 0 0 20px;}
			#rightCol li.blue {background:#f2f2f2 url(../images2/bgnoGTsiteBlue.gif) no-repeat 0 0;}
			#rightCol li li {background:#f8f8f8 url(../images2/bgnoGTsiteMM.gif) no-repeat 0 .1em; padding-left:16px;}
			#rightCol li ul {position:absolute; left:-999em;}
			 	#rightCol li ul:hover {position:relative; left:0;}
			 #rightCol li:hover ul {position:relative; left:0; top:-1px;}
			 #rightCol li.liNest:hover {background:#f2f2f2 url(../images2/bgnoDownSiteGreen.gif) no-repeat 0 0;}
			 
		#rightCol form p {margin-bottom:.1em;}
	
	#leftCol h3,
	#rightCol h3,
	#leftCol h1 {margin:0; padding:.6em .2em .6em 0; color:#3a4191; border-bottom:1px solid #000; font-size:1.2em; font-weight:bold;}
		/* above H1 is a special rule for aShellQuickLinks template as the content comes from the homepage and has an H1 instead of H3 */

	ul#foot li {display:inline;}
	ul#foot a:link, ul#foot a:visited, ul#foot a:active {color:#2c448f; border-bottom:1px solid #e8e8e8; text-decoration:none;}
	ul#foot a:hover {color:#2c448f; border-bottom:1px solid #2c448f; text-decoration:none;}

/* Other Content (images etc...) -------------------------------------------------------------------------------------------- */

#centreCol .csc-textpic-image img {border:1px solid #000;}
#centreCol div.tx-lumophpinclude-pi1 img {float:right; margin-left:5px;}

/* SmoothGallery bits */
div#smGalThumbs {margin-top:8px;}
div.thumbnail {border:1px solid #C8C8C8; float:left; margin-bottom:6px; margin-right:3px;}
div.thumbClearer {height:14px; clear:left;}

/* GoogleMaps */
#coMapCanvas, #coMapInfo {/*width:478px;*/ border:1px solid #e2e2e2 !important;}
/*#coMapCanvas {height:350px;}*/
#fullMapBorder {padding:9px; background:#f8f8f8; border:1px solid #e2e2e2; margin-bottom:1em;}

/* youtube embed/object */
div.youtube {border:1px solid #C8C8C8; margin:0 0 10px 10px; padding:5px 5px 2px 6px; background:#e2e2e2;}
div.youtube embed {border:1px solid #C8C8C8;}

.scrollButtons.left {left:0 !important;}
.scrollButtons.right {right:0 !important;}

/* CAPABLE NZ sitewide specific --------------------------------------------------------------------------------------------- */

.sideBar {margin-bottom:1em;}
#rightCol .sideBar h3 {margin-bottom:.5em;}
.applyBut {text-align:center;}

.footCell h3 {padding-top:0;}
.footCell img.fullFoot {position:relative; top:0; left:0;}
#footBlock div.halfPad {width:215px; height:150px; padding:5px;}

/* lists -------------------------------------------------------------------------------------------------------------------- */
/*#centreCol li {margin-left:1.2em;}*/
/*#centreCol ul li {padding:.25em 0 .25em 16px; background:url(../images2/bgnoLiArrow.gif) no-repeat 0 .1em; line-height:1.4em;}
#centreCol li>a.download {background:url(../images2/bgno_linkProg.gif) no-repeat left center; padding-left:16px; margin-left:-16px;}
	#centreCol div.tx-lumophpinclude-pi1 li {background:url(../images2/bgno_linkProg.gif) no-repeat 0 .2em;}
	#centreCol div.tx-lumophpinclude-pi1 ul#abcInline li {background-image:none;}
	
#centreCol ol {position:relative; display:block; padding:0 0 .8em 0; margin-left:2.4em;}
	#centreCol ol li {padding:.25em 0 .25em 0; background:none;}
	
	#centreCol ol li>ul,
	#centreCol ul li>ol {padding-left:1.2em;}*/
	
/*#centreCol li {padding:.25em 0 .25em 16px; background:url(../images2/bgnoLiArrow.gif) no-repeat 0 .1em;}
	#centreCol div.tx-lumophpinclude-pi1 li {background:url(../images2/bgno_linkProg.gif) no-repeat 0 .2em;}
	#centreCol div.tx-lumophpinclude-pi1 ul#abcInline li {background-image:none;}*/


#centreCol ul {margin-bottom:.5em;}
#centreCol ul li {padding:.25em 0 .25em 16px; background:url(../images2/bgnoLiArrow.gif) no-repeat 0 .1em; line-height:1.4em; margin-bottom:-1px; /* for ie bug missing bgimg bug */}
/*#centreCol li>a.download {background:url(../images2/bgno_linkProg.gif) no-repeat left center; padding-left:16px; margin-left:-16px;}*/
/*	#centreCol div.tx-lumophpinclude-pi1 li a:link,
	#centreCol div.tx-lumophpinclude-pi1 li a:visited,
	#centreCol div.tx-lumophpinclude-pi1 li a:hover,
	#centreCol div.tx-lumophpinclude-pi1 li a:active,
												{background:url(../images2/bgno_linkProg.gif) no-repeat 0 .2em;}*/

	#centreCol div.tx-lumophpinclude-pi1 ul#abcInline li {background-image:none;}
	
#centreCol ol {position:relative; display:block; padding:0 0 .8em 0; margin-left:2.4em;}
	#centreCol ol li {padding:.25em 0 .25em 0; background:none;}
	#centreCol ol li>ul, #centreCol ul li>ol {padding-left:1.2em;}

/* ABC contact list --------------------------------------------------------------------------------------------------------- */

#centreCol ul#abcInline {background:none; border:none; width:498px; margin:0 0 .5em -.4%; z-index:5; padding:.2em 0;}
		form#splusTT td {padding-left:5px; padding-right:5px;}
		form#splusTT ul#abcInline {width:490px;}
		form#splusTT ul#abcInline li {margin-left:1px;} 
		#abcInline li {text-align:center; list-style:none; position:relative; display:inline; padding:.2em !important; margin-left:.1em; font-size:1em; background:#e8e8e8; border: 1px solid #ccc; z-index:5;}
		#abcInline li a:link, #abcInline li a:visited {border-bottom:none;}
		#abcInline li a:hover, #abcInline li:hover, #abcInline li.sfhover, #abcInline li a:active, #abcInline li:active {background:#e2e2e2;}

/* tables ------------------------------------------------------------------------------------------------------------------- */
table {width:498px; border:1px solid #bbb;}
th,td {padding:0.3em 1em; vertical-align:top;} /* remember to add cellspacing="0" in the mark-up */
th {font-weight:bold; color:#fff; background:#274ba1;}
caption, thead {font-size:1.2em; font-weight:bold; padding:.3em 0 .2em 1em; /*background:#ccc;*/}
col {border-right:1px solid #ddd;}
/*tr {background:#f5f5f5; border-bottom:1px solid #e2e2e2;}*/
thead {background:#ddd;}

/* Excite events table */
#exciteTab {width:695px;}
tr.greyRow {background-color:#e8e8e8;}
#exciteTab img {border:1px solid #bbb;}

/* Lab Stat tables */
table.labStat th, 
table.labStat td {border-bottom:1px solid #e2e2e2;}
	table.labStat tr.labBusy {color:#a00; background:url(../images2/bgxyLabBusy.gif) repeat;}
table.labStat {width:500px; margin-bottom:.8em; background:#f8f8f8;}
	p.updateTime {display:inline; float:right; margin-bottom:-1.6em; padding:.1em .4em; border:1px solid #bbb; background:#eee; color:#333;}
	
table#abcTable {width:498px;}
	#abcTable th {padding:.2em 0 .2em 10px; margin:0;}

/* forms -------------------------------------------------------------------------------------------------------------------- */

form#splusTT table {width:498px;}

/*fieldset {margin:1em 0; padding:1em; border:1px solid #bbb; background:#f8f8f8;} - TAB 170909 interferes with newer form sheet styles */
legend {font-weight:bold;}
label {display:block;}

input, textarea, select {border:1px solid #bbb; margin:2px; font-size:1em; font-family:inherit;}
	input.radio,
	input.checkbox,
	input.submit {width:auto;}
	input.radio {float:left; margin-right:1em; position:relative; top:-3px;}
	input:focus, textarea:focus, select:focus {background:#ffd;}
	input.image {border:none;}
	input.radio,
	input.checkbox {border:none !important;}

textarea {height:100px;}
select {border:1px solid #bbb;}

/* misc */
hr {height:1px; width:90%;}
.star, .required {color:#c00; font-size:1.1em; font-weight:bold;}	/* used in included forms etc to colur an asterisk red */

#centreCol dd.csc-textpic-caption {background-color:#2c448f; font-size:.9em; font-weight:bold; color:#fff; padding:2px; margin-right:-2px;}

#preApplication {width:498px; widt\h:480px; border:1px solid #ccc; margin:20px 10px 1em 0; padding:0 10px 20px 10px; background:#f2f2f2;}

.specBox {width:500px; background:url(../images2/bgyBoxTile.gif) repeat-y top center; margin:1em 0 1em 0;}
	.specContent {background:url(../images2/bgnoBoxTop.gif) no-repeat top center; padding:10px 10px 0 10px;}
		.specContent a:link {border-bottom:none !important;}
	.specContent a.specApply {display:block; width:82px; margin:.7em 0 0 16px;}
	.specEnd {height:16px; width:500px;}

/* Glider Slider CSS override ----------------------------------------------------------------------------------------------- */

div#slider_nav {background:none !important; position:absolute; top:0; left:0; width:100%; z-index:91;}
div#slider_nav ul.navigation {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0 0 0 5px;}
div#slider_nav ul.navigation li {border:none; border:1px solid #fff; float:left; font-size:1.2em; margin:0 5px 0 0; padding:0;}
div#slider_nav ul.navigation a:hover, ul.navigation li.selected a {background-color:#f2f2f2;}
div#slider_nav ul.navigation a {background:#fff; color:#274ba1; display:block; float:left; padding:1px 11px 1px 8px; text-decoration:none; width:auto;}
.scrollButtons.left {left:0 !important;}
.scrollButtons.right {right:0 !important;}
.scrollButtons {cursor:pointer; position:absolute; top:200px; z-index:90;}

/* Glider Slider CSS override ----------------------------------------------------------------------------------------------- */

.addThisBlock {background:#fff; padding:5px; margin-bottom:.5em; border:1px solid #999;}

/* class derived floats, clearance and display ------------------------------------------------------------------------------ */
.fL {float:left;}
.fR {float:right;}
.clearBgoBlock {clear:both; display:block;}
.clearB {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}
.goBlock {display:block;}
.goInline {display:inline;}
.goCenter {margin-left:auto; margin-right:auto;}
.textRight {text-align:right;}
.textCentre {text-align:center;}
.addBorder {border:1px solid #000 !important;}


/* specific useful classes -------------------------------------------------------------------------------------------------- */
	.ml1 {margin-left:1em;}
	.ml2 {margin-left:2em;}
	.ml4 {margin-left:4em;}
	
	.ml-1 {margin-left:-1em;}
	.ml-2 {margin-left:-2em;}
	.ml-4 {margin-left:-4em;}
	.ml-10px {margin-left:-10px;}
	.ml-15px {margin-left:-15px;}
	.ml-20px {margin-left:-20px;}
	
	.mr1 {margin-right:1em;}
	.mr2 {margin-right:2em;}
	.mr4 {margin-right:4em;}
	
	.mt1 {margin-top:1em;}
	.mt2 {margin-top:2em;}
	.mt4 {margin-top:4em;}
	
	.mt-1 {margin-top:-2em;}
	.mt-2 {margin-top:-2em;}
	.mt-4 {margin-top:-4em;}
	
	.mb-1 {margin-bottom:1em;}
	
/* scaleable widths relative */
	.w05em {width:.5em;}
	.w1em {width:1em;}
	.w2em {width:2em;}
	.w3em {width:3em;}
	.w4em {width:4em;}
	.w5em {width:5em;}
	.w8em {width:8em;}
	.w10em {width:10em;}
	.w12em {width:12em;}
	.w16em {width:16em;}
	.w20em {width:20em;}
	.w25em {width:25em;}
	.w28em {width:28em;}
	.w30em {width:30em;}
	.w34em {width:34em;}
	.w35em {width:35em;}
	.w40em {width:40em;}

	.w20p {width:20%;}
	.w25p {width:25%;}
	.w30p {width:30%;}
	.w35p {width:35%;}
	.w40p {width:40%;}
	.w45p {width:45%;}
	.w60p {width:60%;}
	.w80p {width:80%;}
	.w90p {width:90%;}
	.w95p {width:95%;}

/* scaleable widths fixed */
	.w70px {width:70px;}
	.w80px {width:80px;}
	.w90px {width:90px;}
	.w100px {width:100px;}
	.w150px {width:150px;}
	.w200px {width:200px;}
	.w250px {width:250px;}
	.w300px {width:300px;}
	.w350px {width:350px;}
	.w400px {width:400px;}
	.w450px {width:450px;}
	.w480px {width:480px;}
	.w500px {width:500px;}
	.w510px {width:510px;}
	
/* scaleable heights fixed */
	.h300px {height:300px;}
	.h400px {height:400px;}
	
	.goKiwi {background:url(../images2/bgnoNzFlag43x33.gif) no-repeat top right;}
	.goInt {background:url(../images2/bgnoGlobe34x33.gif) no-repeat top right;}

/* global link styles ------------------------------------------------------------------------------------------------------- */

a:link,
a:visited {color:#082c8c; text-decoration:none;}
a:hover,
a:active {color:#546db8;}
/*a:focus {background-color:#e8e8e8;}*/

#centreCol p a:link,#centreCol p a:visited,#centreCol p a:active,
#centreCol h2 a:link,#centreCol h2 a:visited,#centreCol h2 a:active,
#centreCol h3 a:link,#centreCol h3 a:visited,#centreCol h3 a:active,
#centreCol h4 a:link,#centreCol h4 a:visited,#centreCol h4 a:active
	{color:#082c8c; text-decoration:none; border-bottom:1px dotted #99aee9;}
#centreCol p a:hover,#centreCol h2 a:hover,#centreCol h3 a:hover,#centreCol h4 a:hover
	{color:#254bb2; background-color:#d8d8d8; border-bottom:1px solid #99aee9;}
#centreCol p a:focus,#centreCol h2 a:focus,#centreCol h3 a:focus,#centreCol h4 a:focus
	{color:#254bb2; background-color:#e8e8e8;}

		#centreCol .csc-textpic-caption a:link,
		#centreCol .csc-textpic-caption a:visited,
		#centreCol .csc-textpic-caption a:active {color:#ccc; border-bottom:1px dotted #ccc;}
/*		#centreCol .csc-textpic-caption a:hover,
		#centreCol .csc-textpic-caption a:focus {}*/
#contentShell #preApplication a {border:none;}	
							
/*
a.external-link-new-window {padding-right:14px; background:url(../images2/bgno_linkOut.gif) no-repeat right top;}
a.download,*/ a.infosheet {padding-left:14px; background:url(../images2/bgno_linkProg.gif) no-repeat left bottom;}

/* accessible text message/link included for screen reader users - also usually clears floats with 'clear-b' class  */
p.hideMe a:link,
p.hideMe a:visited,
p.hideMe a:hover,
p.hideMe a:visited {color:#fff; margin:-4px 0 0 -9999em;}

/*#centreCol a:link>img {border-bottom:none;}*/

