/* Default page styles */

div#content-wrapper{width:100%;float:left;}

a img{border:none;text-decoration:none;}
 
#features ul{margin-left:32px;}
a{color:#0000cc;text-decoration:none;text-align:left;}
a:hover{text-decoration:underline;}
a:visited{color:#551a8b;}
a:active{text-decoration:none;color:#004880;}
span{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-family:Arial,Verdana,sans-serif;margin:16px 0 8px 0;padding:0;text-align:left;}
h1{margin-top:-6px;font-size:2.1em;font-weight:bold;clear:left;}
body.general h1{margin-top:16px;}
h1.mi{font-size:1.6em;}
h2{font-size:1.3em;}
h3{font-size:1.1em;}
h4{font-size:1em;}
h5,h6{font-size:1em; font-weight:normal;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{border:none; margin:0;}
.width100{width:100%;}
.halfWidth{width:49.5%;float:left;}
.smallWidth{width:523px;}
.floatLeft{float:left;margin-right:8px; }
.floatRight{float:right;margin-left:8px; }
body div#body-layout div#content-wrapper div#content .clear{clear:both !important; height:0 !important; background-image:none !important; line-height:0em !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;}
.clear{clear:both;margin:0px;padding:0px;font-size:0pt;height:0em;visibility:hidden;}
body ul.arrow-blue{list-style-type:none;margin-left:0;padding-left:0;}
ul.arrow-blue li{background:url('/fileadmin/images/gui/bullet-arrow-blue.gif') no-repeat left 4px;padding-left:10px;}
ul.arrow-black li{background:url('/fileadmin/images/gui/bullet-arrow-blue.gif') no-repeat left 4px; padding-left:10px;}
#body-layout{text-align:left;}
#gradcontainer{min-height:400px;width:916px !important;clear:left;margin-left:auto;margin-right:auto;}
body.eti #content,body.gji #content,body.pyc #content,body.tio #content,body.sss #content,body.paw #content,body.nnz #content,body.acs #content,body.pae #content{width:720px;}
#content{margin:0 0px 0 196px;}
body.general #content{margin:0px;}
#breadcrumbs{color:black;margin:0;padding:12px 0 12px 0px;font-size:.9em; }
#right-container{float:right;background-color:white;width:187px;margin-left:10px;}
#features{float:left;width:220px;margin:0 0 0 -226px;}
/** *  styles to hide page navigation,while allowing screen readers to read it   */
.skiplinks,.blindheading{position:absolute; left:-9000px;top:-9000px;}
/** *  banner styles */
#wrap_banner{text-align:center;height:14.75em;overflow:hidden;position:relative;}
#wrap_banner #banner{width:969px;height:354px;margin-left:auto;margin-right:auto;text-align:left;position:relative;top:-177px;}
#wrap_banner #banner-left{background:url(../images/gui/header_left.jpg) top right;height:177px;width:49.9%;float:left;}
#wrap_banner #banner-right{background:url(../images/gui/header_right.jpg) top left;height:177px;width:49.9%;float:left;}
#wrap_banner #banner-middle{}
#wrap_banner #logo{float:left;padding:10px 0px 0px 29px;position:relative;top:-177px;}
#wrap_banner #logo img{border:none;}
#wrap_banner #search{float:left;padding:7px 0 0 408px;width:265px;text-align:right;position:relative;top:-177px;}
#wrap_banner #search input#searchButton{position:relative;top:5px;left:8px;}
#wrap_banner input.textInput{width:195px;font-weight:bold;}
#wrap_banner #top-nav{float:right;padding:21px 45px 0 0;position:relative;top:-177px;}
#wrap_banner #top-nav a{color:#fff;font-size:1em;font-weight:bold;text-decoration:none;}
#wrap_banner #top-nav a:hover{text-decoration:underline;}
#wrap_banner #top-nav span.spacer{padding:0 .2em;}
#wrap_banner #top-nav #about_us,#wrap_banner #top-nav #work_for_us,#wrap_banner #top-nav #contact_us,#wrap_banner #top-nav #site_tour{padding-left:5px;}
#wrap_banner #main_sections{width:338px;padding:4px 0 0 26px;float:left;position:relative;top:-177px;}
#wrap_banner #main_sections a.col1,#wrap_banner #main_sections a.col2{text-decoration:none;width:115px;height:1.67em;float:left;margin:0px 0pt 5px 0px;padding:3px 0px 0 6px;background:none;background-color:#fff;font-weight:bold;color:#000;}
#wrap_banner #main_sections a.col2{width:198px;float:right;}
#wrap_banner #main_sections a.col1:hover p,#wrap_banner #main_sections a.col2:hover p,div#wrap_banner #main_sections a.current p{color:#fff;}
#wrap_banner #main_sections a.col1:hover,#wrap_banner #main_sections a.col2:hover,div#wrap_banner #main_sections a.current{background-color:#000;color:#fff;}
#wrap_banner #targeted_sections{width:542px;padding:4px 0 0 40px;float:left;position:relative;top:-177px;}
#wrap_banner #targeted_sections a.col1,#wrap_banner #targeted_sections a.col2,#wrap_banner #targeted_sections a.col3{text-decoration:none;width:191px;height:1.67em;float:left;margin:0px 0pt 5px 0px;padding:3px 0px 0 6px;background:none;background-color:#fee2cc;font-weight:bold;color:#000;display:block;}
#wrap_banner #targeted_sections a.col2{width:168px;float:left;margin-left:15px;}
#wrap_banner #targeted_sections a.col3{width:132px;float:left;margin-left:15px;}
#wrap_banner #targeted_sections a.col1:hover,#wrap_banner #targeted_sections a.col2:hover,#wrap_banner #targeted_sections a.col3:hover,div#wrap_banner #targeted_sections a.current{background-color:#000;color:#fff;}
.home-button{margin:12px 0 0 10px;position:relative;top:-176px;}
.home-button a,.home-button a:visited{color:white;text-decoration:none;}
.gji-leftcolumn{float:left;width:437px;margin-top:-10px;}
.gji-rightcolumn{float:right;width:437px;margin-top:10px;}
/** *  footer styles */
div#footer_wrapper{text-align:left;}
div#footer{font-size:.9em;width:916px;margin-left:auto;margin-right:auto;border-top:dotted 2px #687D8F;}
hr.dotted{border:none;border-bottom:dotted 2px #687d8f;}
div#footer div.links{width:auto;}
div#footer div{text-align:left; margin:8px 0;}
div#footer div span.spacer{font-size:0.3em;}
div#footer div img{border:none;}
div#footer a{text-decoration:none;}
/** *  two column layout */
div#content .two-column-left{float:left;margin:0 0;padding:0 0;width:50%;}
div#content .two-column-right{clear:none;margin-left:0 !important;margin-top:0;padding:0 0;width:50%;float:left;}
/* common in-section styles */
#in-section{margin:6px 0 24px 0;height:29px;width:523px;float:left;}
#in-section .text{padding:0 16px;height:29px;float:left;}
#in-section .text span{position:relative;top:4px;}
#in-section-banner{margin-top:-24px;margin-bottom:24px;}
#in-section-banner.cutout h1{margin:0;padding:0;}
#in-section-banner.cutout img{margin-top:-29px;}
body.nnz #in-section{background:url(../images/site/in-section/in-section-orange-stretch.gif) repeat-x scroll left bottom;}
body.nnz #in-section .text{background:url(../images/site/in-section/in-section-orange-text.gif) repeat-x scroll right bottom;}
body.paw #in-section{background:url(../images/site/in-section/in-section-green-stretch.gif) repeat-x scroll left bottom;}
body.paw #in-section .text{background:url(../images/site/in-section/in-section-green-text.gif) repeat-x scroll right bottom;}
body.sss #in-section{background:url(../images/site/in-section/in-section-yellow-stretch.gif) repeat-x scroll left bottom;}
body.sss #in-section .text{background:url(../images/site/in-section/in-section-yellow-text.gif) repeat-x scroll right bottom;}
/* On this page box */
.onThisPage{background-color:#F9F4D6;border-top:6px solid #CCC577;width:523px;float:left;margin-bottom:10px;}
.onThisPage .bottom{clear:both;}
.onThisPage .content{margin:8px;}
.onThisPage ul li{background:url('/fileadmin/images/gui/bullet-arrow-black.gif') no-repeat 10px 4px;padding-left:20px;}
/* In this section */
.inThisSection{width:523px;float:left;margin-bottom:10px;}
.inThisSection .bottom{clear:both;}
.inThisSection .content{margin:8px;}
.inThisSection ul li{background:url('/fileadmin/images/gui/bullet-arrow-black.gif') no-repeat 10px 4px;padding-left:20px;}
.two-column-left .inThisSection,.two-column-right .inThisSection{width:257px;}
.two-column-right .inThisSection{float:right;}
body.eti .inThisSection{background-color:#D9EBF5;border-top:6px solid #BFDEF3;}
body.gji .inThisSection{background-color:#EDEECF;border-top:6px solid #D0D585;}
body.sss .inThisSection{background-color:#F9F4D6;border-top:6px solid #FDB41A;}
body.paw .inThisSection{background-color:#F9F4D6;border-top:6px solid #FDB41A;}
body.nnz .inThisSection{background-color:#F9F4D6;border-top:6px solid #FDB41A;}
body.pae .inThisSection{background-color:#F9F4D6;border-top:6px solid #FDB41A;}
/* Find out more */
.findOutMore{width:523px;float:left;margin-bottom:10px;}
.findOutMore .bottom{clear:both;}
.findOutMore .content{margin:8px;}
.findOutMore ul li{background:url('/fileadmin/images/gui/bullet-arrow-black.gif') no-repeat 10px 4px;padding-left:20px;}
body.sss .findOutMore,body.gji .findOutMore,body.pae .findOutMore{background-color:#F9F4D6;border-top:6px solid #FDB41A;}
/* Tip box*/
.tipBox{background-color:#E0F0F7;width:244px;margin-bottom:10px;border-top:#eee 2px groove;border-bottom:#eee 2px ridge;}
.tipBox .content{padding:6px;}
.tipBox .p{display:block;}
/** *end Tip box*/
p.intro{color:black;font-size:1.3em;}
.innerCenter{text-align:center;}
.innerRight{text-align:right;}
.noMargin{margin:0 !important;}
.smaller{font-size:.9em;}
.medMargin{margin:24px;}
.three-column .column{float:left;width:33%;margin:0;}
/**  *  horizontal rule styles */
hr{border:none;border-bottom:solid 1px #C4C4C4;}
.hr{clear:both;margin:20px 0 20px 0;padding:0;border-top:solid 1px white;}
.hr img{float:right;width:90px;margin:0 0px 0 8px;border:none;}
.hr div.hrline{border-top:solid 1px #D2D2D2;border-bottom:none;border-left:none;border-right:none;margin:8px 0 0 0;height:auto;}
.hr2{clear:both;margin:12px 0;height:0;border-bottom:dotted 2px #B3B3B3;line-height:0;}
.hr_spacer{clear:both;visibility:hidden;margin:20px 0 20px 0;padding:0;}
/** *  two-column layout,one wide,one narrow */
.two-column-unbalanced{width:100%;}
.two-column-unbalanced .column{float:left;}
.two-column-unbalanced .narrow{width:24.9%;min-height:1px;}
.two-column-unbalanced .wide{width:74.9%;min-height:1px;}
/** *  Question and answer styles  */
h3.question{padding:2px 48px 0 28px;background:url('/fileadmin/images/gui/question-blue.gif') no-repeat left top;min-height:20px;}
p.answer{padding:2px 48px 0 28px;background:url('/fileadmin/images/gui/answer-blue.gif') no-repeat 2px top;min-height:20px;margin-bottom:24px;}
/**  *  common color-box styles ( applies to all colors and sections ) */
.color-box h1,.color-box h2,.color-box h3,.color-box h4,.border-box h1,.border-box h2,.border-box h3,.border-box h4,.color-box p,.border-box p{margin:8px;}
.color-box .image-shadow.landscape{position:relative;margin-right:8px;width:202px;height:145px;}
.color-box .image-shadow.portrait{position:relative;margin-right:8px;width:144px;height:198px;}
.color-box .image-shadow.portrait img,.color-box .image-shadow.landscape img{position:absolute;right:8px;bottom:8px;}
.color-box ul{margin-left:8px;}
/** *  Color box styles - courses section (blue) */
body.eti .color-box{background-color:#E9F4F9;width:194px;float:right;margin-left:10px;}
body.eti .color-box .wrapper1{border-top:#eee 2px groove;border-bottom:#eee 2px ridge;}
body.eti .color-box .wrapper2{padding:8px 0;}
/** *  Color box styles - courses section (blue) */
body.nnz .color-box{background-color:#E9F4F9;margin-left:10px;}
body.nnz .color-box .wrapper1{border-top:#eee 2px groove;border-bottom:#eee 2px ridge;}
body.nnz .color-box .wrapper2{padding:8px 0;}
/** *  Color box styles - Get job info */
body.gji .color-box{background-color:#EDEECF;margin-top:12px;margin-bottom:12px;}
body.gji .color-box .wrapper1{border-top:#eee 2px groove;border-bottom:#eee 2px ridge;}
body.gji .color-box .wrapper2{padding:8px 0;}
body div#content .color-box p{margin:2px 8px 8px 8px !important;}
body.gji .border-box .wrapper1{border-top:#fff 2px groove;border-bottom:#eee 2px ridge;}
body.gji .border-box .wrapper2{padding:8px 0;}
body div#content .border-box p{margin:2px 8px 8px 8px !important;}
body div#content .color-box p{margin:2px 8px 8px 8px !important;text-align:left;}
body div#content .border-box p{margin:2px 8px 8px 8px !important;}
/** *  Color-quote styles */
.color-quote.landscape{width:178px;}
.color-quote .image{float:left;text-align:center;margin:0pt 10px 10px;display:inline;}
/*.color-quote .image img{float:left;margin-bottom:10px;}*/
.color-quote .content{margin-left:90px;min-height:90px;}
.color-quote p{margin:4px 8px;}
.color-quote p.author{font-weight:bold;}
/** *  coloring for color quotes per sction */
body.gji .portrait{width:120px;}
body.gji .color-quote{background-color:#EDEECF;}
/** *  color tables general styles */
.color-table{border-collapse:collapse;border-spacing:0;width:100%;}
.color-table th,.color-table td{border:solid 1px white;padding:4px;width:50%}
.color-table caption{caption-side:bottom;text-align:left;font-size:.9em;}
/* Get job info */
body.gji .color-table th.odd{background-color:#CE6921;color:white;font-weight:bold;}
body.gji .color-table th.even{background-color:#E4721C;color:white;font-weight:bold;}
body.gji .color-table td{background-color:#F8EADF;color:black;}
/* parents and whanau */
body.paw .color-table th.odd{background-color:#FDB517;color:white;font-weight:bold;}
body.paw .color-table th.even{background-color:#FEC754;color:white;font-weight:bold;}
body.paw .color-table td{background-color:#FEF0CF;color:black;}
/** *  Tabber tab styles  */
.tabberlive .tabbertabhide{display:none;}
.tabberheadinghide{display:none;}
.tabbertab{clear:left;border-top:solid 1px #CCC;padding:0 8px;}
.tabbertab.fixed-height{height:120px !important;overflow-y:scroll;}
#content .tabbernav{margin:8px 0 0 0 !important;padding:0 !important;list-style-type:none;float:left;}
#content .tabbernav li{display:block;float:left;margin:0 0 0 1px !important;padding:0 !important;}
#content .tabbernav li a{display:block;float:left;background:#FFF url("/fileadmin/images/gui/white-left-normal.jpg") no-repeat left bottom;text-decoration:none;color:black;}
#content .tabbernav li a span{cursor:pointer;display:block;float:left;padding:8px 8px 2px 8px;background:url("/fileadmin/images/gui/white-right-normal.jpg") no-repeat right bottom;}
#content .tabbernav li a:hover,#content .tabbernav li.tabberactive a{background:url("/fileadmin/images/gui/white-left-active.jpg") no-repeat left bottom;}
#content .tabbernav li a:hover span,#content .tabbernav li.tabberactive a span{background:url("/fileadmin/images/gui/white-right-active.jpg") no-repeat right bottom;}
#content .tabbernav li.tabberactive{position:relative;top:1px;}
/** *  styles to stop display of H1 heading */
h1.hidden{display:none;}
/** *  nav-side styles */
#nav-side{float:left;width:187px;margin:0 0 0 -100%;position:relative;}
div#nav-side p{margin:4px 8px;}
ul.menu-left{background-color:#F1F2DA;border-top:6px solid #cfd586;list-style-type:none;margin:0px 0px 10px 0px;width:187px;padding:1px;float:left;}
ul.menu-left ul{margin:0;padding:0;}
ul.menu-left ul.currentsection ul{list-style-type:none;margin:0 0 0 5px;padding:0;}
ul.menu-left li{margin:0 0 1px !important;padding:0;background-image:none;}
ul.menu-left li a,ul.menu-left li a:visited{background-position:left .55em;background-repeat:no-repeat;color:#000 !important;display:block;padding:2px 2px 2px 11px;text-decoration:none;font-size:.9em;}
ul.currentsection li,ul.currentsection li li,ul.currentsection li li li,ul.currentsection li li li li{padding-left:5px;}
ul.menu-left li.title{background-color:transparent;color:#666;font-size:1.2em;font-weight:bold;padding:0 0 7px 3px;}
ul.menu-left li.back{background-color:transparent;}
div#nav-side ul.menu-left li a.open{background-image:url(../images/gui/item-menu-black-down.gif);}
div#nav-side ul.menu-left li a.hasChildren{background-image:url(../images/gui/item-menu-black-left.gif);border-bottom:1px solid #E5E8BD;}
div#nav-side ul.menu-left ul.currentsection{background-color:#E5E8BD;}
div#nav-side ul.menu-left li a.active{font-weight:bold;}
div#nav-side ul.menu-left li.here a, div#nav-side ul.menu-left li a:hover{text-decoration:underline;}
div#nav-side ul.menu-left ul li a{background-position:5px .55em;padding-left:16px !important;}
div#nav-side ul.menu-left ul ul li a{background-position:10px .55em;padding-left:21px !important;}
div#nav-side p{color:#333;font-size:.9em;padding:0 3px;}
div#nav-side h3{color:#666;font-size:1.2em;padding:3px 0;border-bottom:.1em solid gray;}
div#nav-side div.related-info,div#nav-side div.news{background-color:#ECF5FA;margin:0px 0px 10px 0px;padding:1px 1px 5px 1px;width:187px;float:left;border-top:#C0DEEF 6px solid;}
div#nav-side div.related-info h3,div#nav-side div.news h3{font-size:1.2em;font-weight:bold;margin:0 1px 0 0;padding:2px 3px 7px;border:none;}
div#nav-side div.related-info li{background-color:#eee;border-bottom:1px solid #fff;border-left:1px solid #fff;font-size:1.1em;padding-left:0;background-image:none;}
div#nav-side div.related-info li a{color:#000;display:block;padding:3px;text-decoration:none;}
body.gji div#nav-side div.related-info li a:hover{background-color:orange;color:#fff;}
div#nav-side div.related-info li a span.emphasis{font-weight:bold;}
div#nav-side div.related-info li img{float:left;margin-right:3px;}
div#nav-side div.related-info ul{border-left:solid 1px #ccc;list-style-type:none;margin:0 1px 0 0;padding:0 0 5px;}
/* Right hand side elements*/
#right-container .tools,#right-container .links,#right-container .resources,#right-container .quiz,#right-container .videotip,#right-container .cv4me,#right-container .gallery,#right-container .feedback,#right-container .calendar,#right-container .slideshow{float:left;width:187px;padding:0;margin:0 0 10px 0;}
#right-container .tools{background-color:#F1F2DA;border-top:6px solid #CFD586;}
#right-container .links{background-color:#ECF5FA;border-top:6px solid #BFDFEF;}
#right-container .resources{background-color:#FAF8E4;border-top:6px solid #D7D2A7;}
#right-container .videotip,#right-container .cv4me,#right-container .gallery,#right-container .slideshow{background-color:#D6E2EB;border-top:6px solid #5D87A0;}
#right-container .feedback,#right-container .calendar{background-color:#F8F4D5;border-top:6px solid #BDA983;}
#right-container hr{margin:0 12px;}
#right-container .podname{margin-top:16px;font-weight:bold;padding-left:6px;}
#right-container .icon{display:inline;float:left;margin:6px 0px 0 9px;}
#right-container .inner_wrapper{float:left;padding:6px 0px 6px 6px;width:120px;}
#right-container .tool_title{font-weight:bold;margin:0px;}
#right-container li{background:url(/fileadmin/images/gui/bullet-arrow-blue.gif) no-repeat 5px 5px; padding-left:15px;}
#right-container .links li,#right-container .resources li{background-position:15px 5px;padding-left:22px;}
#right-container .quiz .quizname{padding:0px;font-weight:bold;text-align:center;margin:-6pt 0 12pt;}
#right-container .header{font-weight:bold;margin:6px 0 0 61px;}
#right-container .subheader{color:black;margin-left:61px;text-decoration:none;}
#right-container .calendar .event{margin:8px;}
#right-container .calendar .event .name{margin:0px;padding:0px;font-weight:bold;}
#right-container .calendar .event .dates{margin:0px;padding:0px;}
#right-container .calendar .event .venue{margin:0px;padding:0px;}