/** *where to gray box */ #wt-gb{background:url('../images/parents_and_whanau/where_to/wt-gb-stretch.jpg') repeat-y left top;width:681px;} #wt-gb .wrapper1{background:url('../images/parents_and_whanau/where_to/wt-gb-top.jpg') no-repeat left top;} #wt-gb .wrapper2{background:url('../images/parents_and_whanau/where_to/wt-gb-bottom.jpg') no-repeat left bottom;padding-top:64px;} div#wt-gb ul{margin-left:16px;} /** *job market landing page */ #mlp .two-column-left .col-margin{margin-right:8px;} #mlp .two-column-right .col-margin{margin-left:8px;} /** *skills shortages case studies */ .case-study{position:relative;border-top:solid 1px white;overflow:hidden;} .case-study .image{width:96px;position:absolute;top:0;left:0;} .case-study.double .image{width:192px;} .case-study .text{border-top:solid 1px white;margin:4px 0 0 120px;position:relative;} .case-study.double .text{margin-left:216px;} .case-study .text h2{border-bottom:solid 4px #FBE6B3;margin-left:-24px;padding-left:24px;padding-bottom:4px;font-size:1.5em;} body.paw .case-study .text h2{color:#A96D05;} /** *stages of career development */ #stages .career-details{border-top:solid 1px white;background:url('../images/parents_and_whanau/stages/tooltip-top.png') no-repeat left top;width:501px;margin-left:128px;} #stages .career-details .wrapper1{background:url('../images/parents_and_whanau/stages/tooltip-bottom.png') no-repeat left bottom;padding:8px;} #stages .career-details h2{margin:2px 16px 8px 16px;} #stages .career-details h2 span.age{margin:0 8px;font-weight:normal} #stages-details{clear:left;} #stages-details .content{margin:16px;} #stages-details h3 .norm{font-weight:normal;} #stages-buttons{background:#C2C2C2;float:left;padding-left:1px;width:720px;margin-bottom:24px !important;} #stages-buttons .button,#stages-buttons .button:hover{display:block;float:left;height:196px;width:89px;margin-left:1px;color:black;cursor:pointer;text-decoration:none;} #stages-buttons .button .heading{margin:140px 4px 4px 4px;display:block;font-weight:bold;} #stages-buttons .button .age{margin:4px;display:block;} #stages-buttons #gen-infant{background:url('../images/parents_and_whanau/stages/infant-normal.jpg');margin-left:0;} #stages-buttons #gen-child{background:url('../images/parents_and_whanau/stages/child-normal.jpg');} #stages-buttons #gen-school{background:url('../images/parents_and_whanau/stages/school-normal.jpg');} #stages-buttons #gen-preteen{background:url('../images/parents_and_whanau/stages/preteen-normal.jpg');} #stages-buttons #gen-teen{background:url('../images/parents_and_whanau/stages/teen-normal.jpg');} #stages-buttons #gen-adult{background:url('../images/parents_and_whanau/stages/adult-normal.jpg');} #stages-buttons #gen-middle{background:url('../images/parents_and_whanau/stages/middle-normal.jpg');} #stages-buttons #gen-mature{background:url('../images/parents_and_whanau/stages/mature-normal.jpg');} /** *major industries */ #mi-graph{background:url('../images/parents_and_whanau/major_industries/graph_bg-top.png') no-repeat left top;} #mi-graph .wrapper1{background:url('../images/parents_and_whanau/major_industries/graph_bg-bottom.png') no-repeat left bottom;padding:108px 16px 24px 16px;} #mi-graph h3{font-size:1em;text-align:right;width:220px;margin:0;} #mi-graph .detail{padding-left:237px;padding-right:8px;padding-bottom:8px;} #mi-graph .bar{position:relative;min-height:20px;margin:4px 0;} .mi-tooltip{background:url('../images/parents_and_whanau/major_industries/tooltip-top.png') no-repeat left top;width:251px;border-top:solid 1px white;} .mi-tooltip-bottom{background:url('../images/parents_and_whanau/major_industries/tooltip-bottom.gif') no-repeat left bottom;width:251px;height:17px;} .mi-tooltip .wrapper1{margin:0 8px;border-bottom:solid 1px white;background-color:white;} .mi-tooltip h3{text-align:center;background-color:#FEE7B3;color:black;margin:8px 3px 8px 1px;padding:2px 0;border-top:solid 1px white;} #mi-graph #man{background:url('../images/parents_and_whanau/major_industries/bar1.png') no-repeat 233px top;} #mi-graph #ren{background:url('../images/parents_and_whanau/major_industries/bar2.png') no-repeat 233px top;} #mi-graph #hea{background:url('../images/parents_and_whanau/major_industries/bar3.png') no-repeat 233px top;} #mi-graph #oth{background:url('../images/parents_and_whanau/major_industries/bar4.png') no-repeat 233px top;} #mi-graph #con{background:url('../images/parents_and_whanau/major_industries/bar5.png') no-repeat 233px top;} #mi-graph #edu{background:url('../images/parents_and_whanau/major_industries/bar6.png') no-repeat 233px top;} #mi-graph #agr{background:url('../images/parents_and_whanau/major_industries/bar7.png') no-repeat 233px top;} #mi-graph #acc{background:url('../images/parents_and_whanau/major_industries/bar8.png') no-repeat 233px top;} #mi-graph #tra{background:url('../images/parents_and_whanau/major_industries/bar9.png') no-repeat 233px top;} #mi-graph #ret{background:url('../images/parents_and_whanau/major_industries/bar10.png') no-repeat 233px top;} #mi-graph #pro{background:url('../images/parents_and_whanau/major_industries/bar11.png') no-repeat 233px top;} #mi-graph #who{background:url('../images/parents_and_whanau/major_industries/bar12.png') no-repeat 233px top;} #mi-graph #adm{background:url('../images/parents_and_whanau/major_industries/bar13.png') no-repeat 233px top;} #mi-graph #fin{background:url('../images/parents_and_whanau/major_industries/bar14.png') no-repeat 233px top;} #mi-graph #pub{background:url('../images/parents_and_whanau/major_industries/bar15.png') no-repeat 233px top;} #mi-graph #inf{background:url('../images/parents_and_whanau/major_industries/bar16.png') no-repeat 233px top;} #mi-graph #art{background:url('../images/parents_and_whanau/major_industries/bar17.png') no-repeat 233px top;} #mi-graph #ele{background:url('../images/parents_and_whanau/major_industries/bar18.png') no-repeat 233px top;} #mi-graph #min{background:url('../images/parents_and_whanau/major_industries/bar19.png') no-repeat 233px top;} /** *then and now */ #tan #then-and-now{background:url('../images/parents_and_whanau/then_and_now/grad-stretch.jpg') repeat-y top left;height:1%;margin-top:24px;border-top:solid 1px white;} #tan #then-and-now #label{margin-bottom:-32px;top:-24px;position:relative;} #tan .era{clear:both;} #tan .wrapper1{margin-left:260px;overflow:hidden;} #tan #tan-now{background:url('../images/parents_and_whanau/then_and_now/now.gif') no-repeat left 20px;min-height:260px;} #tan #tan-90s{background:url('../images/parents_and_whanau/then_and_now/90s.gif') no-repeat left 9px;min-height:220px;} #tan #tan-80s{background:url('../images/parents_and_whanau/then_and_now/80s.gif') no-repeat left top;min-height:280px;} #tan #tan-60s-70s{background:url('../images/parents_and_whanau/then_and_now/60s-70s.gif') no-repeat left top;min-height:200px;} #tan-60s-70s h2{margin-top:24px;} #tan-80s h2{margin-top:31px;} #tan-90s h2,#tan-now h2{margin-top:8px;} /** *Two - column layout styles */ .twoColumn .leftCol{float:left; width:49.9%;} .twoColumn .rightCol{float:left;width:49.9%;} /** * text with image */ .csc-textpic{overflow:hidden;} /** *history photo gallery */ #history-gallery{background:url('../images/parents_and_whanau/backgrounds/history_top.png') no-repeat left top;width:100%;} #history-gallery .wrapper1{background:url('../images/parents_and_whanau/backgrounds/history_bottom.png') no-repeat left bottom;width:100%;} #history-gallery #timeline{position:relative;height:100px;width:100%;} #history-gallery #timeline h2{margin:0;font-weight:normal;font-size:100%;} #t1850,#t1900,#t1950,#t2000{position:absolute;top:74px;} #t1850{left:28px;} #t1900{left:250px;} #t1950{left:470px;} #t2000{left:690px;} #history-gallery #timeline div.icon{position:absolute;height:12px;width:15px;} #history-gallery #timeline div.icon img{border:none;} /* bottom row of icons */ #hg-i1,#hg-i2,#hg-i4,#hg-i5,#hg-i7,#hg-i9,#hg-i12,#hg-i13,#hg-i14,#hg-i15,#hg-i18,#hg-i21,#hg-i23,#hg-i24{top:50px;} /* second row of icons */ #hg-i3,#hg-i6,#hg-i8,#hg-i10,#hg-i16,#hg-i19,#hg-i22{top:35px;} /* top row of icons */ #hg-i11,#hg-i17,#hg-i20,#hg-i25{top:20px;} /* horizontal position of icons */ #hg-i1{left:154px;} #hg-i2{left:248px;} #hg-i3{left:257px;} #hg-i4{left:265px;} #hg-i5{left:282px;} #hg-i6{left:286px;} #hg-i7{left:298px;} #hg-i8{left:302px;} #hg-i9{left:314px;} #hg-i10{left:318px;} #hg-i11{left:321px;} #hg-i12{left:345px;} #hg-i13{left:396px;} #hg-i14{left:412px;} #hg-i15{left:428px;} #hg-i16{left:431px;} #hg-i17{left:442px;} #hg-i18{left:444px;} #hg-i19{left:448px;} #hg-i20{left:458px;} #hg-i21{left:460px;} #hg-i22{left:465px;} #hg-i23{left:555px;} #hg-i24{left:617px;} #hg-i25{left:248px;} #history-gallery #image{float:left;width:58%;overflow:hidden;} #history-gallery #image img{width:90% !important;height:auto !important;margin-left:5%;} #history-gallery #details{float:left;width:38%;} #history-gallery #prevnext{clear:left;width:35%;margin-left:59%;} #history-gallery #prevnext .prev:hover,#history-gallery #prevnext .next:hover, #history-gallery #prevnext .prev:hover span,#history-gallery #prevnext .next:hover span{text-decoration:underline;} #history-gallery #prevnext .prev,#history-gallery #prevnext .prev span, #history-gallery #prevnext .next,#history-gallery #prevnext .next span{display:block;float:left;height:29px;color:black;} #history-gallery #prevnext span{padding:3px 24px 0 20px;} #history-gallery #prevnext .prev,#history-gallery #prevnext .next{background:url('../images/icons/08_history_prevnext-btn-left.gif') no-repeat left top;margin-top:24px;} #history-gallery #prevnext .prev span,#history-gallery #prevnext .next span{background:url('../images/icons/08_history_prevnext-btn-right.gif') no-repeat right top;cursor:pointer;text-decoration:none;} /** *Parents qualifications diagram - entering study at uni*/ #block-diagram{width:720px;height:445px;position:relative;background:url('../images/parents_and_whanau/backgrounds/block_diagram.png') no-repeat left top;margin-bottom:20px;} #block-diagram #credits1, #block-diagram #credits2, #block-diagram #credits3, #block-diagram #credits4, #block-diagram #credits5, #block-diagram #credits6{position:absolute;text-align:center;width:180px;} #block-diagram h3{text-transform:uppercase;font-size:100%;} #block-diagram h3,#block-diagram p{margin:0;} #block-diagram #credits1{top:168px;left:490px;} #block-diagram #credits2{top:227px;left:490px;} #block-diagram #credits3{top:281px;left:490px;} #block-diagram #credits4{top:227px;left:295px;} #block-diagram #credits5{top:281px;left:295px;} #block-diagram #credits6{top:273px;left:95px;} /** *Influencers in young person's life */ #influences{background:url('../images/parents_and_whanau/backgrounds/influences.gif') no-repeat center center;width:100%;height:65em;position:relative;} #influences #friends,#influences #family, #influences #teachers,#influences #culture, #influences #media,#influences #parents{width:180px;position:absolute;} #influences #friends{top:60px;left:80px;width:160px;} #influences #family{top:50px;left:505px;width:235px;} #influences #teachers{left:5px;top:340px;width:220px;} #influences #culture{top:340px;left:540px;width:200px;} #influences #media{left:90px;top:530px;width:300px;} #influences #parents{left:480px;top:555px;width:260px;} /** *workplace culture quiz */ div.quiz_wc div.right{padding-right:48px;background:url('../images/site/icons/tick.gif') no-repeat right center;width:100%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;float:left;} div.quiz_wc div.wrong{padding-right:48px;background:url('../images/site/icons/cross.gif') no-repeat right center;width:100%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;float:left;} /** *Previous and next buttons*/ .prevnext{float:left;position:relative;top:25px;margin-top:-25px;z-index:10;} .prevnext a,.prevnext a:visited{color:#FFF;font-family:"comic sans ms",futura;display:block;text-decoration:none;} .prevnext a:hover{text-decoration:underline;color:#FFF;} .prevnext .prev{padding-top:0;float:left;height:25px;margin-right:16px;} .prevnext .prev a{margin:4px 16px 0 24px;} .prevnext .next a{margin:4px 24px 0 16px;} .prevnext .next{float:left;padding-top:0;height:25px;} /* colors for tips for staying motivated - already in study or training */ body.eti .prevnext .next{background:url('../images/gui/next_button-purple.gif') no-repeat right top;} body.eti .prevnext .prev{background:url('../images/gui/previous_button-purple.gif') no-repeat left top;} /* colors for tips in parents and whanau section */ body.paw .prevnext .next{background:url('../images/site/tips/next_button-yellow.gif') no-repeat right top;} body.paw .prevnext .prev{background:url('../images/site/tips/previous_button-yellow.gif') no-repeat left top;} /** *ballon-left styles ( girl on left of speech balloon ) */ .balloon-quote-left{position:relative;margin:0;padding:0;width:514px;overflow:hidden;} .balloon-quote-left .person{position:absolute;top:20px;left:20px;} .balloon-quote-left .spacer{height:0px;line-height:0;padding:0;margin:0;overflow:hidden;} .balloon-quote-left .balloon{margin:50px auto auto 180px !important;position:relative;width:311px;min-height:280px;} .balloon-quote-left .balloon .top{height:35px;padding:0 0 0 24px;} .balloon-quote-left .balloon .bottom{height:37px;padding:16px;} .balloon-quote-left .balloon .stretch{position:relative;} .balloon-quote-left .balloon .stretch .content{float:left;position:relative;top:-20px;margin-bottom:-40px;margin-left:16px;margin-right:8px;background:none;} .balloon-quote-left .tail{position:absolute;top:86px;left:127px;width:55px;height:68px;} .balloon-quote-left .balloon li{margin-bottom:8px;font-weight:bold;color:#4F4584;text-decoration:underline;} .balloon-quote-left .quote{padding:0 !important;height:auto;min-height:0 !important;border-top:none;float:right;width:400px;margin:10px 0 0 0;color:white;font-family:"comic sans ms",futura;font-weight:bold;line-height:1.2em;} .balloon-quote-left .quote .wrapper1{margin:8px;} .balloon-quote-left .quote blockquote{margin:20px 8px 0 8px;} #content .balloon-quote-left .quote p.author{margin:8px;} /* default colors for already in study and training ( purple ) */ .balloon-quote-left .quote .wrapper1{background:#363154;} .balloon-quote-left .quote{background:url('../images/gui/balloon/left/quote-purple.gif') no-repeat left top;} .balloon-quote-left .tail{background:url('../images/gui/balloon/left/tail-purple.gif') no-repeat left top;} .balloon-quote-left .balloon .top{background:url('../images/gui/balloon/left/top-purple.gif') no-repeat left top;} .balloon-quote-left .balloon .bottom{background:url('../images/gui/balloon/left/bottom-purple.gif') no-repeat left top;} .balloon-quote-left .balloon .stretch{background:url('../images/gui/balloon/left/stretch-purple.gif') repeat-y left top;} .balloon-quote-left{background:#B7B3D3 url('../images/gui/balloon/left/gradient-bg-purple.jpg') no-repeat left top;} /* colors for parents and whanau ( yellow ) */ body.paw .balloon-quote-left .quote .wrapper1{background:#996633;} body.paw .balloon-quote-left .quote{background:url('../images/gui/balloon/left/quote-yellow.gif') no-repeat left top;} body.paw .balloon-quote-left .tail{background:url('../images/gui/balloon/left/tail-yellow.gif') no-repeat left top;} body.paw .balloon-quote-left .balloon .top{background:url('../images/gui/balloon/left/top-yellow.gif') no-repeat left top;} body.paw .balloon-quote-left .balloon .bottom{background:url('../images/gui/balloon/left/bottom-yellow.gif') no-repeat left top;} body.paw .balloon-quote-left .balloon .stretch{background:url('../images/gui/balloon/left/stretch-yellow.gif') repeat-y left top;} body.paw .balloon-quote-left{background:#FFCF87 url('../images/gui/balloon/left/gradient-bg-yellow.jpg') no-repeat left top;} /** *ballon-right styles ( boy on right of speech balloon ) */ .balloon-quote-right{position:relative;margin:0;padding:0;background:#B7B3D3 url('../images/gui/balloon/right/gradient-bg.jpg') no-repeat right top;width:514px;overflow:hidden;} .balloon-quote-right .person{position:absolute;top:20px;right:20px;} .balloon-quote-right .spacer{height:0px;line-height:0;padding:0;margin:0;overflow:hidden;} .balloon-quote-right .balloon{margin:50px auto auto 23px !important;position:relative;width:311px;min-height:280px;} .balloon-quote-right .balloon .top{background:url('../images/gui/balloon/right/top.gif') no-repeat right top; height:35px;padding:0 0 0 24px;} .balloon-quote-right .balloon .bottom{height:37px;padding:16px;background:url('../images/gui/balloon/right/bottom.gif') no-repeat right top;} .balloon-quote-right .balloon .stretch{background:url('../images/gui/balloon/right/stretch.gif') repeat-y left top;position:relative;} .balloon-quote-right .balloon .stretch .content{float:right;position:relative;top:-20px;margin-bottom:-40px;margin-left:16px;margin-right:40px;background:none;} .balloon-quote-right .tail{position:absolute;top:86px;right:127px;width:55px;height:68px;background:url('../images/gui/balloon/right/tail.gif') no-repeat right top;} .balloon-quote-right .balloon li{margin-bottom:8px;font-weight:bold;color:#4F4584;text-decoration:underline;} .balloon-quote-right .quote{background:url('../images/gui/balloon/right/quote.gif') no-repeat right top;padding:0 !important;height:auto;min-height:0 !important;border-top:none;float:right;width:400px;margin:10px 0 0 0;color:white;font-family:"comic sans ms",futura;font-weight:bold;line-height:1.2em;} .balloon-quote-right .quote .wrapper1{background:#363154;margin:8px;} .balloon-quote-right .quote blockquote{margin:20px 8px 0 8px;} #content .balloon-quote-right .quote p.author{margin:8px;} /** *ballon-top styles*/ .balloon-quote-top{position:relative;margin:0;padding:0;width:514px;overflow:hidden;clear:both;} .balloon-quote-top h2{margin-top:40px;} .balloon-quote-top .spacer{height:0px;line-height:0;padding:0;margin:0;overflow:hidden;} .balloon-quote-top .balloon{margin:50px auto 0 50px !important;position:relative;width:410px;} .balloon-quote-top .balloon .top{height:35px;padding:0 0 0 24px;position:relative;} .balloon-quote-top .balloon .bottom{height:37px;padding:16px;} .balloon-quote-top .balloon .stretch{position:relative;} .balloon-quote-top .balloon .stretch .content{float:left;position:relative;top:-30px;margin-bottom:-40px;margin-left:8px;background:none;} .balloon-quote-top .tail{position:absolute;top:-52px;left:297px;width:65px;height:68px;} .balloon-quote-top .balloon li{margin-bottom:8px;font-weight:bold;color:#4F4584;text-decoration:underline;} .balloon-quote-top blockquote{margin:20px 8px 0 24px;font-family:"comic sans ms",futura;font-size:1.5em;} .balloon-quote-top blockquote span.author{font-size:0.8em;padding-left:16px;} /* colors for the already in study or training section */ body.eti .balloon-quote-top .tail{background:url('../images/gui/balloon/top/tail-purple.gif') no-repeat left top;} body.eti .balloon-quote-top .balloon .bottom{background:url('../images/gui/balloon/top/bottom-purple.gif') no-repeat left top;} body.eti .balloon-quote-top .balloon .stretch{background:url('../images/gui/balloon/top/stretch-purple.gif') repeat-y left top;} body.eti .balloon-quote-top .balloon .top{background:url('../images/gui/balloon/top/top-purple.gif') no-repeat left top; } body.eti .balloon-quote-top{background:#B7B3D3 url('../images/gui/balloon/top/bg-purple.gif') repeat left top;margin-bottom:10px;} /* colors for the parents and whanau section */ body.paw .balloon-quote-top .tail{background:url('../images/gui/balloon/top/tail-yellow.gif') no-repeat left top;} body.paw .balloon-quote-top .balloon .bottom{background:url('../images/gui/balloon/top/bottom-yellow.gif') no-repeat left top;} body.paw .balloon-quote-top .balloon .stretch{background:url('../images/gui/balloon/top/stretch-yellow.gif') repeat-y left top;} body.paw .balloon-quote-top .balloon .top{background:url('../images/gui/balloon/top/top-yellow.gif') no-repeat left top; } body.paw .balloon-quote-top{background:#B7B3D3 url('../images/gui/balloon/top/bg-yellow.gif') repeat left top;} /** *notepad-green */ .notepad-blue{float:right;width:194px;background:url('../images/gui/notepad-stretch.gif') repeat-y left top;margin-bottom:10px;} .notepad-blue .wrapper1{background:url('../images/gui/notepad-top.gif') no-repeat left top;} .notepad-blue .wrapper2{background:url('../images/gui/notepad-bottom.gif') no-repeat left bottom;padding:24px 8px 8px 8px;} .notepad-blue h2,.notepad-blue h3{text-align:center;} #right-container .notepad-blue li{font-size:.9em;padding-left:15px;} /* Podainteractivetool*/ .podainteractivetool img{float:left;margin-right:8px;} .podainteractivetool a{float:left;} /* Step boxes - General settings*/ .stepBox .tool img{float:left;margin-right:8px;} .stepBox .list1,.stepBox .list2,.stepBox .list3,.stepBox .list4,.stepBox .list5,.stepBox .list6,.stepBox .list7,.stepBox .list8,.stepBox .list9,.stepBox .list10{min-height:24px;height:auto !important;height:24px;padding:4px 0 0 28px;text-align:left;margin-bottom:12px;} /*Education and training info - Step boxes*/ body.eti .stepBox{background-color:#D9EBF5;width:194px;border-top:solid 6px #BFDEF3;margin-bottom:10px;} body.eti .stepBox .bottom{height:7px;width:194px;clear:both;} body.eti .stepBox .content{margin:8px;color:#000;} body.eti .stepBox ul li{padding-left:10px;} body.eti .stepBox .list1{background:url("../images/gui/steps_blue_01.gif") no-repeat left 6px;} body.eti .stepBox .list2{background:url("../images/gui/steps_blue_02.gif") no-repeat left 6px;} body.eti .stepBox .list3{background:url("../images/gui/steps_blue_03.gif") no-repeat left 6px;} body.eti .stepBox .list4{background:url("../images/gui/steps_blue_04.gif") no-repeat left 6px;} body.eti .stepBox .list5{background:url("../images/gui/steps_blue_05.gif") no-repeat left 6px;} body.eti .stepBox .list6{background:url("../images/gui/steps_blue_06.gif") no-repeat left 6px;} body.eti .stepBox .list7{background:url("../images/gui/steps_blue_07.gif") no-repeat left 6px;} body.eti .stepBox .list8{background:url("../images/gui/steps_blue_08.gif") no-repeat left 6px;} body.eti .stepBox .list9{background:url("../images/gui/steps_blue_09.gif") no-repeat left 6px;} /*SSS, PAW, PYC,NNZ - Step boxes*/ body.sss .stepBox,body.paw .stepBox,body.pyc .stepBox,body.nnz .stepBox,body.gji .stepBox{background-color:#F9F4D6;width:194px;border-top:solid 6px #FDB41A;margin-bottom:10px;} body.sss .stepBox .bottom,body.paw .stepBox .bottom,body.pyc .stepBox .bottom,body.nnz .stepBox .bottom,body.gji .stepBox .bottom{height:7px;width:194px;clear:both;} body.sss .stepBox .content,body.paw .stepBox .content,body.pyc .stepBox .content,body.nnz .stepBox .content,body.gji .stepBox .content{margin:8px;color:#000;} body.sss .stepBox ul li,body.paw .stepBox ul li,body.pyc .stepBox ul li,body.nnz .stepBox ul li,body.gji .stepBox ul li{padding-left:10px;} body.sss .stepBox .list1,body.paw .stepBox .list1,body.pyc .stepBox .list1,body.nnz .stepBox .list1,body.gji .stepBox .list1{background:url("../images/gui/steps_orange_01.gif") no-repeat left 6px;} body.sss .stepBox .list2,body.paw .stepBox .list2,body.pyc .stepBox .list2,body.nnz .stepBox .list2,body.gji .stepBox .list2{background:url("../images/gui/steps_orange_02.gif") no-repeat left 6px;} body.sss .stepBox .list3,body.paw .stepBox .list3,body.pyc .stepBox .list3,body.nnz .stepBox .list3,body.gji .stepBox .list3{background:url("../images/gui/steps_orange_03.gif") no-repeat left 6px;} body.sss .stepBox .list4,body.paw .stepBox .list4,body.pyc .stepBox .list4,body.nnz .stepBox .list4,body.gji .stepBox .list4{background:url("../images/gui/steps_orange_04.gif") no-repeat left 6px;} body.sss .stepBox .list5,body.paw .stepBox .list5,body.pyc .stepBox .list5,body.nnz .stepBox .list5,body.gji .stepBox .list5{background:url("../images/gui/steps_orange_05.gif") no-repeat left 6px;} body.sss .stepBox .list6,body.paw .stepBox .list6,body.pyc .stepBox .list6,body.nnz .stepBox .list6,body.gji .stepBox .list6{background:url("../images/gui/steps_orange_06.gif") no-repeat left 6px;} body.sss .stepBox .list7,body.paw .stepBox .list7,body.pyc .stepBox .list7,body.nnz .stepBox .list7,body.gji .stepBox .list7{background:url("../images/gui/steps_orange_07.gif") no-repeat left 6px;} body.sss .stepBox .list8,body.paw .stepBox .list8,body.pyc .stepBox .list8,body.nnz .stepBox .list8,body.gji .stepBox .list8{background:url("../images/gui/steps_orange_08.gif") no-repeat left 6px;} body.sss .stepBox .list9,body.paw .stepBox .list9,body.pyc .stepBox .list9,body.nnz .stepBox .list9,body.gji .stepBox .list9{background:url("../images/gui/steps_orange_09.gif") no-repeat left 6px;} /* Gray box */ .grayBox{background-color:#F9F4D6;border-top:6px solid #CCC577;width:523px;float:left;margin-bottom:10px;} .grayBox .bottom{clear:both;} .grayBox .content{margin:8px;} .grayBox ul li{background:url('/fileadmin/images/gui/bullet-arrow-black.gif') no-repeat 10px 4px;padding-left:20px;} /** *Horizontal rule style */ .hr img{float:right;width:90px;margin:0 0px 0 8px;border:none;} .hr3{margin:12px 0;height:0;border-bottom:dotted 2px #B3B3B3;line-height:0;} /** *Caption styles */ .caption{text-align:left;clear:both;float:none;height:auto;margin:0;width:100%;min-height:120px;overflow:hidden;background-color:#EAEAEA;color:#CA9012;font-weight:bold;font-size:125%;} .caption img{float:left;margin-right:8px;} .caption div{margin:4px 4px 4px 128px;} .caption .name{font-size:.8em;} /** *Old Quote styles */ .quote{text-align:left;clear:both;float:none;height:auto;margin:0 0 10px 0;width:100%;min-height:120px;overflow:hidden;font-size:1em;border-top:#eee 2px groove;border-bottom:#eee 2px ridge;} .quote img{float:left;margin:8px;} .quote div.content,.quote div.name{margin:4px 4px 4px 98px;} .quote .name{font-weight:bold;} .quote.right,.quote.left{width:46%;margin:4px 2%;} .quote.right{float:right;} .quote.left{float:left;} body.sss .quote, body.sss .quote-noimage{background-color:#f9f4d6;} body.nnz .quote, body.nnz .quote-noimage{background-color:#e9f4f9;} body.pyc .quote, body.pyc .quote-noimage{background-color:#e9f4f9;} body.gji .quote, body.gji .quote-noimage{background-color:#EDEECF;} body.eti .quote, body.eti .quote-noimage{background-color:#D9EBF5;} body.paw .quote, body.paw .quote-noimage{background-color:#F9F4D6;} /** *Quote styles with no image */ .quote-noimage{text-align:left;clear:both;float:none;height:auto;padding:8px;min-height:120px;overflow:hidden;background-color:#EAEAEA;font-size:1em;} .quote-noimage img{float:left; margin-right:8px;} .quote-noimage div.content,.quote-noimage div.name{margin:4px;} .quote-noimage .name{font-weight:bold;} .quote-noimage.right,.quote-noimage.left{width:46%;margin:4px 2%;} .quote-noimage.right{float:right;} .quote-noimage.left{float:left;} body.paw .quote-noimage{background-color:#e9f4f9;} /** *New quote styles, based on Podatala*/ .podatala .quote,.podatala .quote-noimage{text-align:left;clear:both;float:left;margin:0 0 10px 0;min-height:120px;overflow:hidden;font-size:1em;border-top:#eee 2px groove;border-bottom:#eee 2px ridge;} .podatala .quote .column{float:left;width:606px;} .podatala div.quote.smallWidth .column{float:left;width:410px;} .podatala .quote img{float:left;margin:8px;} .podatala .quote div.content,.podatala .quote div.name{margin:4px 4px 4px 0px;} .podatala .quote .name,.podatala .quote-noimage .name{font-weight:bold;} .podatala .quote.right,.podatala .quote.left{width:46%;margin:4px 2%;} .podatala .quote.right{float:right;} .podatala .quote.left{float:left;} body.sss .podatala .quote, body.sss .podatala .quote-noimage{background-color:#f9f4d6;} body.nnz .podatala .quote, body.nnz .podatala .quote-noimage{background-color:#e9f4f9;} body.pyc .podatala .quote, body.pyc .podatala .quote-noimage{background-color:#e9f4f9;} body.gji .podatala .quote, body.gji .podatala .quote-noimage{background-color:#EDEECF;} body.eti .podatala .quote, body.eti .podatala .quote-noimage{background-color:#D9EBF5;} body.paw .podatala .quote, body.paw .podatala .quote-noimage{background-color:#F9F4D6;} body.pae .podatala .quote, body.pae .podatala .quote-noimage{background-color:#F9F4D6;} /** *New Quote styles with no image */ .podatala .quote-noimage .column{margin:8px;} .podatala div.quote-noimage.smallWidth .column{float:left;width:505px;} .podatala .quote-noimage div.content,.quote-noimage div.name{margin:4px 0;} /** Case study styles */ body.eti .casestudy{margin:0 0 10px 0;width:100%;} .casestudy .name{margin:8px;font-weight:bold;} /** *Styles for student landing page */ .topicSummary{border-top:dotted 2px #AEC3D0;width:520px;} .topicSummary img{float:left;margin:8px 8px 8px -6px;border:none;} .topicSummary div.title,.topicSummary h2{margin:8px 0;font-weight:bold;font-size:115%;} /** *styles for steps articles */ .step{margin:12px 0;padding:2px 0 12px 0;} /** *Styles for fdfx 2-column layout plugin container */ .tx-fdfx2cols-pi1{margin:0;padding:0;float:left;} .tx-fdfx2cols-pi1 .topicSummary{width:auto;} /* columns */ .c2l1d-left,.c2l1d-middle{width:49.9%;float:left;} /** *Styles for fdfx 3-column layout plugin container */ .tx-fdfx3cols-pi1{width:100%;margin:0; padding:0;} /* columns */ .c3l1d-left,.c3l1d-middle,.c3l1d-right{width:33.3%;float:left;} ul.menu-left-spacer li{background-position:5px .55em;background-image:url(../image/gui/item-bullet-menu-left-default.gif);background-repeat:no-repeat;padding-left:16px !important;background-color:#E3E3E3;text-decoration:none !important;color:#000000 !important;display:block;font-size:.9em;padding:2px 2px 2px 11px;} /*** Text w/image clear float*/ .csc-textpic-intext-left{clear:left;} /** *Added 8-4-08 for pbsurvey */ fieldset.survey_item{-moz-border-radius:5px;margin:8px 0;} fieldset.survey_item legend.question{font-weight:bold;color:black;} fieldset.survey_item legend.question span.required{font-size:140%;color:red;} fieldset.noBorder{border:none;} fieldset.noBorder legend{display:none;} /** Strangest jobs in history */ #str_jobs_wrap{background-image:url(../../../uploads/pics/str_jobs_paper.jpg);width:639px;height:663px;} #str_jobs_wrapdesc{background-image:url(../../../uploads/pics/str_jobs_paper_desc.jpg);width:639px;height:775px;} #str_jobs_wrap_inner{margin:0px 0px 0px 32px;} #str_jobs_content{margin:0px 32px 0px 32px;padding-top:75px;} #str_jobs_content h1{font-family:"Times New Roman, Arial,sans-serif";color:#222211;text-transform:uppercase;} #str_jobs_column{margin:75px 15px 0px 0px;float:left;width:182px;font-size:4.5pt;font-family:Arial, Helvetica, sans-serif;} #str_jobs_wrap p,#str_jobs_wrap ul{margin:0px;} #str_jobs_wrap li{margin:0px;background:none;} #str_jobs_wrapdesc p,#str_jobs_wrapdesc li{font-size:11pt;font-weight:500;color:#222211;} .csc-textpic-imagewrap{margin-bottom:10px;} .csc-textpic-caption{padding:3px;background-color:#DFDEDC;} .csc-textpic-intext-left h1{margin-top:0px;} /* QuickFind*/ #qf-panel{width:232px;position:relative;left:0px;top:-355px;cursor:pointer;} #qf-panel-top,#qf-panel-bottom{float:right;} #qf-panel-top.bubble{position:relative;top:69px;} #qf-wrapper{height:354px;overflow:hidden;width:232px;float:right;} #qf-wrapper.bubble{height:423px;position:relative;top:-69px;margin-bottom:-69px;} #qf-container{width:232px;height:354px;background:url(/fileadmin/images/gui/qf-container-bg.jpg) no-repeat 0px 38px;overflow:hidden;position:relative;top:-39px;float:left;} #qf-container.bubble{height:423px;background-position:0px 107px;top:-39px;} #qf-box{width:916px;height:247px;float:left;position:absolute;top:106px;left:0px;} #qf-box.bubble{top:175px;} #qf-box #qf-col1,#qf-box #qf-col2,#qf-box #qf-col3,#qf-box #qf-col4{height:236px;float:left;background:url(/fileadmin/images/gui/qf-box-bg.png) no-repeat;padding:0px;} #qf-box #qf-col1{width:233px;margin-left:25px;display:inline;} #qf-box #qf-col2{width:205px;} #qf-box #qf-col3{width:243px;} #qf-box #qf-col4{width:180px; } #qf-box #qf-col3,#qf-box {margin-left:1px;} #qf-col4{margin-left:0px;} #qf-col1-content a,#qf-col2-content a,#qf-col3-content a,#qf-col4-content a{display:block;text-decoration:none;color:black;font-weight:normal;cursor:pointer;background:url(/fileadmin/images/gui/qf-bullet.gif) no-repeat right -10px;background-color:transparent;padding:0px 12px 0.6em;border:0px;} #qf-col1-content a.over ,#qf-col2-content a.over ,#qf-col3-content a.over ,#qf-col4-relatedCourses a.over ,#qf-col4-relatedIndustry a.over ,#qf-col1-content a.current ,#qf-col2-content a.current ,#qf-col3-content a.current, #qf-col1-content a:hover ,#qf-col2-content a:hover ,#qf-col3-content a:hover {background-color:#E5E9C4;cursor:pointer;} #qf-close{margin:10px 0px 0px 830px;} #qf-close.bubble{margin:79px 0px 0px 830px;} #qf-findout{position:absolute;left:500px;} #AaToZzList{padding-left:10px;} .scrollbar_handle{width:17px;} #scrollbar_track_col1,#scrollbar_track_col2,#scrollbar_track_col3,#scrollbar_track_col4 {float:right;height:236px;width:17px;background-image:url(../images/gui/qf-track-bg.png);} #scrollbar_container_col1 {width:233px;height:236px;} #scrollbar_container_col2 {width:205px;height:236px;} #scrollbar_container_col3 {width:243px;height:236px;} #scrollbar_container_col4 {width:180px;height:236px;} #qf-col1-content,#qf-col2-content,#qf-col3-content,#qf-col4-content{height:188px;overflow:hidden;padding:12px 0px;} #qf-col1-content{width:208px;} #qf-col2-content{width:205px;} #qf-col3-content{width:233px;} #qf-col4-content{width:153px;padding-left:16px;} #choose-arrow {margin:65px 0 0 45px;} #main_header h1{margin:16px 0 0 80px;color:#2E4770;} #main_header h2{margin:4px 0 0 190px;color:#4C4C4C;} #main_header div{margin:4px 0 0 200px;padding-left:10px;background:url(../images/gui/bullet-arrow-blue.gif) no-repeat 0px 5px;} #main_header div a{text-decoration:none;color:black;} /* Homepage features panel*/ #main_wrapper{float:left;width:662px;overflow:hidden;} #features_wrapper{background-color:#F8F6DD;border-top:solid 6px #CED683;float:left;} #features_wrapper_inner{padding:10px 32px;float:left;} #features_wrapper_inner #feature_left,#features_wrapper_inner #feature_middle,#features_wrapper_inner #feature_right{width:178px;float:left;} #features_wrapper_inner #feature_middle{padding:0px 51px;} #features_wrapper_inner #feature_right{width:140px;} #features_wrapper_inner h2{margin:0px;padding:6px 0 0 0;} #features_wrapper_inner h3{color:#8C8C8C;margin:0px;} #features_wrapper_inner p{margin:0px;padding:6px 0 0 0;} #comingup_wrapper{float:left;} #comingup_wrapper .c3l1d-left,#comingup_wrapper .c3l1d-middle,#comingup_wrapper .c3l1d-right{width:209px;float:left;} #comingup_wrapper .c3l1d-middle{padding:0px 18px 0 17px;} #comingup_wrapper h1{background:url(../images/gui/calendar.png) no-repeat;padding:0px 0px 8px 49px;margin:16px 0px 0px;} #comingup_wrapper h2{font-size:0.9em;background-color:#D1D88A;padding:2px;} #comingup_wrapper #calendar{float:left;padding-top:16px;} /* Homepage right hand side elements*/ #your_career_page,#popular_pages,#conference{float:left;width:205px;margin-left:40px;} #your_career_page h2,#popular_pages h2,#conference h2{margin:0px;} #your_career_page h2{padding-left:59px;background:url(../images/gui/padlock.png) no-repeat;min-height:51px;height:auto !important;height:51px;} #popular_pages ol li{margin-left:30px;} /* Podado plugin*/ .tx_podado_darkgreen,.tx_podado_lightgreen,.tx_podado_grey{width:437px;min-height:158px;} .tx_podado_darkgreen{background:url(/fileadmin/images/gui/tx_podado_darkgreen_bg.jpg) no-repeat 0 0;} .tx_podado_lightgreen{background:url(/fileadmin/images/gui/tx_podado_lightgreen_bg.jpg) no-repeat 0 0;} .tx_podado_grey{background:url(/fileadmin/images/gui/tx_podado_grey_bg.jpg) no-repeat 0 0;} .tx_podado_darkgreen .border,.tx_podado_lightgreen .border,.tx_podado_grey .border{height:7px;border-top:6px solid;border-bottom:1px solid white;margin:0px;float:left;width:437px;} .tx_podado_darkgreen .border{border-top-color:#96A47D;} .tx_podado_lightgreen .border{border-top-color:#CFD586;} .tx_podado_grey .border{border-top-color:#C4BDAE;} .tx_podado_darkgreen .leftcontent,.tx_podado_lightgreen .leftcontent,.tx_podado_grey .leftcontent{margin:18px 0pt 0pt 16px;float:left;width:47%;} .tx_podado_darkgreen .title,.tx_podado_lightgreen .title,.tx_podado_grey .title{padding:0px 0pt 0pt 20px;font-weight:bold;font-size:1.5em;margin:0px;} .tx_podado_darkgreen .title{background:url(/fileadmin/images/gui/tx_podado_darkgreen_arrow.gif) no-repeat 0px 0px;} .tx_podado_lightgreen .title{background:url(/fileadmin/images/gui/tx_podado_lightgreen_arrow.gif) no-repeat 0px 0px;} .tx_podado_grey .title{background:url(/fileadmin/images/gui/tx_podado_grey_arrow.gif) no-repeat 0px 0px;} .tx_podado_darkgreen .readmore,.tx_podado_lightgreen .readmore,.tx_podado_grey .readmore{margin-bottom:10px;} .tx_podado_darkgreen .rightcontent,.tx_podado_lightgreen .rightcontent,.tx_podado_grey .rightcontent{margin:8px 0pt 0pt 16px;float:right;width:42%;min-height:130px;} .tx_podado_darkgreen .rightcontent{background:url(/fileadmin/images/gui/tx_podado_darkgreen_bubble.gif) no-repeat 0px 0px;} .tx_podado_lightgreen .rightcontent{background:url(/fileadmin/images/gui/tx_podado_lightgreen_bubble.gif) no-repeat 0px 0px;} .tx_podado_grey .rightcontent{background:url(/fileadmin/images/gui/tx_podado_grey_bubble.gif) no-repeat 0px 0px;} .tx_podado_darkgreen .titlepotato,.tx_podado_lightgreen .titlepotato,.tx_podado_grey .titlepotato{position:relative;top:5px;left:26px;min-height:31px;height:auto !important;height:31px;color:white;font-weight:bold;margin:0px;padding:7px 0pt 0pt;text-align:center;width:120px;} .tx_podado_darkgreen .titlepotato{background:url(/fileadmin/images/gui/tx_podado_darkgreen_titlebg.gif) no-repeat 0px 0px;} .tx_podado_lightgreen .titlepotato{background:url(/fileadmin/images/gui/tx_podado_lightgreen_titlebg.gif) no-repeat 0px 0px;} .tx_podado_grey .titlepotato{background:url(/fileadmin/images/gui/tx_podado_grey_titlebg.gif) no-repeat 0px 0px;} .tx_podado_darkgreen .item,.tx_podado_lightgreen .item,.tx_podado_grey .item{width:120px;position:relative;left:26px;text-align:center;font-weight:bold;min-height:90px;height:auto !important;height:90px;} .tx_podado_darkgreen .shadow,.tx_podado_lightgreen .shadow,.tx_podado_grey .shadow{width:437px;height:20px;clear:both;background:url(/fileadmin/images/gui/tx_podado_shadow.jpg) no-repeat 0px 0px;} .tx_podado_darkgreen .no-shadow,.tx_podado_lightgreen .no-shadow,.tx_podado_grey .no-shadow{width:437px;height:20px;clear:both;} /* Podafella plugin*/ .tx_podafella{width:437px;min-height:220px;background:url(/fileadmin/images/gui/tx_podafella_bg.jpg) no-repeat 0px 0px;margin:20px 0pt 20px 0px;float:left;border-bottom:1px solid #999;} .tx_podafella .leftcontent{margin:18px 0pt 0pt 16px;width:47%;float:left;} .tx_podafella .name{font-weight:bold;font-size:larger;margin:0px;font-size:1.5em;} .tx_podafella .occupation{font-size:1.3em;margin:0px;padding:5px 0pt;} .tx_podafella .desc{background:none;color:black;font-size:1em;} .tx_podafella .link{padding:0px 0pt 0pt 20px;background:url(/fileadmin/images/gui/bullet-big-blue-arrow.gif) no-repeat 0px 0px;} .tx_podafella .rightcontent{height:220px;float:right;width:45%;} .tx_podafella .fella{position:relative;top:-40px;left:40px;width:13.33em;height:21.5em;margin-bottom:-40px;} .tx_podafella .border{float:left;width:437px;margin:0px;} /* Podanudo plugin*/ .tx_podanudo_row{float:left;margin:20px 0px;overflow:hidden;} .width100{width:916px;} .width75{width:687px;} .width50{width:458px;} .width35{width:320px;} .width25{width:229px;} .alignLeft{float:left;} .alignRight{float:right;} .tx_podanudo_row .rightborder{border-right:1px dotted black;} .tx_podanudo_bluegrey,.tx_podanudo_dirtyyellow,.tx_podanudo_green,.tx_podanudo_grey,.tx_podanudo_lightblue{width:227px;border-left:1px dotted black;float:left;margin-bottom:-2010px;padding-bottom:2000px;} .tx_podanudo_row .inner{margin:0px 12px;} .tx_podanudo_bluegrey .inner{border-top:6px solid #A8AEAF;} .tx_podanudo_dirtyyellow .inner{border-top:6px solid #E9E09B;} .tx_podanudo_green .inner{border-top:6px solid #949A6C;} .tx_podanudo_grey .inner{border-top:6px solid #C4BDAE;} .tx_podanudo_lightblue .inner{border-top:6px solid #BFDFEF;} .tx_podanudo_row .title{padding:20px 0pt 0pt 25px;font-weight:bold;font-size:1.5em;margin:0px;background:url(/fileadmin/images/gui/tx_podanudo_arrow.png) no-repeat 0px 25px;} .tx_podanudo_row .subtitle{padding:0px 0pt 0pt 25px;font-size:1.2em;margin:0px;} .tx_podanudo_row .tools{padding:6px 0pt 6px 25px;margin:0px;width:175px;} .tx_podanudo_row .desc{padding:0px 0pt 0pt 25px;} .tx_podanudo_row .readmore{padding:0pt 0pt 12px 25px;} /*Plugin Podacolega*/ .tx_podacolega{float:right;width:175px;} .tx_podacolega #arrow{position:relative;left:110px;top:-50px;margin-bottom:-50px;} .tx_podacolega .name{font-size:1.3em;font-weight:bold;margin:0px;} .tx_podacolega .occupation {font-size:1.2em;margin:0px;} .tx_podacolega .location{font-size:1.2em;margin:0 0 12px 0;} #nzmap{width:479px;float:left;margin-top:20px;} #nzmap .map{float:left;} #nzmap h2{margin-top:0px} #nzmap #regions{width:272px;float:left;} #nzmap .leftcolumn,#nzmap .rightcolumn{float:left;width:49.9%;} #nzmap li{background:url(/fileadmin/images/gui/bullet-arrow-blue.gif) no-repeat 10px 5px;} /* Plan your career landing page*/ .pyc_4steps{background:url(/fileadmin/images/gui/pyc_4steps_bg.jpg) repeat 0px 0px;float:left;width:100%;border-top:6px solid #949A6C;margin-bottom:20px;} .pyc_4steps .left{width:200px;float:left;margin:0px;} .pyc_4steps .right{float:left;width:686px;margin:0px;} .pyc_4steps .title{font-size:1.5em;padding:43px 0 16px 32px;color:#34351D;width:122px;margin:0px;} .pyc_4steps .choose{width:200px;float:left;} .pyc_4steps .choose p{font-size:1em;padding-left:32px;color:#34351D;width:110px;float:left;} .pyc_4steps .choose img{float:left;} .pyc_4steps .right img{height:19.17em;float:left;} .pyc_4steps .step01{width:14.67em;} .pyc_4steps .step02{width:14.417em;} .pyc_4steps .step03{width:13.583em;} .pyc_4steps .step04{width:14.167em;} /* Talk it over landing page*/ #panel-bubbles{float:left;width:400px;margin:0px;border-top:6px solid #93B5C7;background:url(/fileadmin/images/gui/tio_panel_bg.jpg) repeat 0pt 0pt;} #panel-bubbles .row{float:left;padding:12px 0;width:364px;margin:0 18px;display:inline;} #panel-bubbles .dotted{border-bottom:2px dotted #B3BCBF;} #panel-bubbles .icons{float:left;width:112px;} #panel-bubbles .text{float:left;width:240px;padding-left:12px;} #panel-bubbles h3{font-size:1.5em;color:#1D3A61;margin:6px 0 0 0;font-weight:100;} #panel-bubbles p{font-size:1em;color:#1E1C16;margin:0 0 6px 0;} body.general #mailform {float:left;width:315px;} body.general #mailform .csc-mailform{width:286px;float:left;border:none;margin-left:35px;display:inline;} body.general #mailform .csc-mailform h2{font-size:1.5em;margin:0px;font-weight:100;padding-bottom:6px;} body.general #mailform #mailformname,body.general #mailform #mailformemail,body.general #mailform #mailformtheme,body.general #mailform #mailformquestion{margin-bottom:12px;display:block;width:264px;} /* Job by interest area landing page*/ .jia_four_pics{border-top:6px solid #93B5C7;width:712px;float:left;border-bottom:white 1px solid;position:relative;top:4px;margin-bottom:4px;} .jia-shadow{background:url(/fileadmin/images/gui/jia-shadow.gif) repeat 0pt 0pt;width:712px;float:left;} .jia-list{float:left;width:712px;background-color:#E9F4F9;margin-bottom:12px;} .jia-list .left{float:left;width:332px;padding:12px;margin:0px;} .jia-list .right{float:right;width:332px;padding:12px;margin:0px;} .jia-list li{background:url(../images/gui/bullet-arrow-blue.gif) no-repeat 15px 5px;} .gji .bubble{float:right;position:relative;top:-131px;margin:0px 0 -147px 0px;left:-8px;} /* Real life story landing page*/ .tx-rlslandingpage-pi1 .left{width:554px;float:left;margin:0px;} .tx-rlslandingpage-pi1 .featured01{background-color:#E8F0D8;border-top:#eee 2px groove;border-bottom:#eee 2px ridge;} .tx-rlslandingpage-pi1 .featured01 .inner{margin:16px;} .tx-rlslandingpage-pi1 .header{font-size:1.3em;color:#666;font-weight:bold;margin-bottom:0px;} .tx-rlslandingpage-pi1 .shortdesc{font-weight:bold;} .tx-rlslandingpage-pi1 h3{font-size:1.6em;margin-top:3px;} .tx-rlslandingpage-pi1 .featured01 .pic178px{float:right;border:white 2px solid;margin-left:6px;} .tx-rlslandingpage-pi1 .featured02{margin-top:40px;} .tx-rlslandingpage-pi1 .featured02 .pic178px{float:left;margin:0 16px 16px 0;} .tx-rlslandingpage-pi1 .right{width:334px;float:right;margin:0px;} .tx-rlslandingpage-pi1 .right h3{font-size:1.5em;margin-top:0px;} .tx-rlslandingpage-pi1 .right h4{margin-top:0px;} .tx-rlslandingpage-pi1 .right .pic90px{float:left;margin-right:6px;} .tx-rlslandingpage-pi1 .latest{padding:15px 0;border-top:1px dotted #666;} .tx-rlslandingpage-pi1 .right .latest .inner{width:233px;float:left;} .tx-rlslandingpage-pi1 .pod{width:554px;margin-top:10px;background:url(../images/gui/tx_rlslandingpage_bg.jpg) repeat 0px 0px;border-top:#eee 2px groove;border-bottom:#eee 2px ridge;float:left;margin-bottom:16px;} .tx-rlslandingpage-pi1 .pod .arrow{float:left;margin-right:6px;} .tx-rlslandingpage-pi1 .pod .visit{float:left;width:500px;margin-bottom:16px;} .tx-rlslandingpage-pi1 .pod .inner{margin:16px;} .tx-rlslandingpage-pi1 .pod h3{margin:0px;} .tx-rlslandingpage-pi1 li{background:url(../images/gui/bullet-arrow-blue.gif) no-repeat 0px 5px; padding-left:6px;} /*Featured real life stories on homepage*/ #realpeople{float:left;overflow:hidden;width:682px;_width:670px;height:383px;position:relative;} #realpeople #names_container{float:left;width:189px;background:url(/fileadmin/images/gui/other_people_stories.jpg) no-repeat 0 0; } #realpeople #names_container .mainPic{float:left; background:url(/images/mainPic_2.jpg) no-repeat; width:491px;_width:470px;height:387px; margin-left:0px;} #realpeople #names_container .mainPicStart{float:left; background:url(/images/mainPicstart_2.jpg) no-repeat; width:491px;_width:470px;height:387px; margin-left:0px;} #realpeople #names_container .activeWord{padding:68px 64px 0 0; width:222px; float:right;_padding:60px 35px 0 0;height:125px; _text-align:left;} #realpeople #names_container .activeWhite{padding:36px 64px 0 0;*padding:40px 64px 0 0;_padding:38px 39px 0 0; width:222px; float:right;} #realpeople #names_container .activeWhite .dece{ font:14px "ºÚÌå"; padding:3px 0 6px 20px; *padding:0 0 9px 20px;_padding:1px 0 9px 9px; text-align:left;color:#fff; line-height:30px;} #realpeople #names_container .dece a{ text-decoration:none; color:#FFFFFF;} /*#realpeople #names_container p{border-bottom:dotted 1px #000;height:48px;background-repeat:no-repeat;margin:0px;padding-left:48px;position:relative;} #realpeople #names_container p:hover{background-color:#fcf9e8;background-position:0px -47px;} #realpeople #names_container p#selected{background-color:#f0efeb;background-position:0px -94px;} #realpeople #names_container a{position:relative;top:16px;text-decoration:none;font-weight:bold;color:#333;} #realpeople #story_container{position:relative;width:492px;top:0px;left:0px;overflow:hidden}*/ #realpeople #story_container #bubble{display:block;} #realpeople #story_container #bubble_text{position:relative;top:-420px;left:180px;width:180px;height:100px;font-weight:bold;font-size:15px;} #realpeople #story_container #btn_read_story{position:relative;top:-400px;left:170px;height:20px;width:260px;background:url(/fileadmin/images/gui/orange_button.gif) no-repeat 0px 0px;padding-top:2px;} #realpeople #story_container #btn_read_story a,#realpeople #story_container #read_more_about_being a{text-decoration:none;padding:4px 0px 2px 20px;font-weight:bold;color:white;} #realpeople #story_container #read_more_about_being{position:relative;top:-390px;left:170px;height:20px;background:url(/fileadmin/images/gui/orange_button.gif) no-repeat 0px 0px;padding-top:2px;} #realpeople #story_container #find_courses{position:relative;top:-380px;width:200px;left:170px;background:url(../images/gui/bullet-arrow-blue.gif) no-repeat 5px 5px;} #realpeople #story_container #find_courses a{text-decoration:none;padding-left:20px;font-weight:bold;display:block;color:#333;} #interview{float:left;width:515px;} #interview #fulllength{float:left;} #interview #post-it{width:243px;height:210px;background:url(/fileadmin/images/gui/post-it.jpg) no-repeat 0px 0px;float:left;} #interview #post-it .details{font-weight:bold;height:2em;position:relative;top:75px;left:30px;margin:4px;} #interview #post-it .highlighted{background-color:#F3E274;padding:3px 6px;} #interview #post-it .no-highlight{padding:3px 6px;} #interview #notepad{float:left;width:345px;position:relative;} #interview #notepad .top{height:87px;background:url(/fileadmin/images/gui/interview-notepad-top.png) no-repeat 0px 0px;margin-bottom:0px;} #interview #notepad .bottom{height:26px;background:url(/fileadmin/images/gui/interview-notepad-bottom.png) no-repeat 0px 0px;position:relative;top:-18px;} #interview #notepad .middle{background:url(/fileadmin/images/gui/interview-notepad-middle.png) repeat-y 0px 0px;margin-bottom:0px;position:relative;} #interview #notepad .middle .question{margin:0 0 0 25px;padding:4px 16px 0 0;position:relative;font-weight:bold;} #interview #notepad .middle .answer{margin:0 0 18px 25px;background:none;padding:0 16px 0 0;position:relative;} /*Find education and training landing page*/ #eti-search{background:url(/fileadmin/images/gui/eti-search-bg.jpg) no-repeat 0 20px;width:525px;min-height:200px;height:auto important!;height:200px;margin-right: 10px;padding-left:16px;padding-top: 26px;padding-right: 8px;float:left;} #eti-search .eti-search-content {padding-left:0px;padding-right: 8px;padding-top: 20px;float: left;} #eti-search2{background:url(/fileadmin/images/gui/tx_podado_lightgreen_bg.jpg) no-repeat 0 0px;float:right;width:325px;min-height:200px;height:auto important!;height:200px;border-top: 6px solid #cfd586;margin-top: 20px;padding-left:16px;padding-top: 0px;padding-right: 8px;float:left; } #eti-search2 .eti-search-content {padding-left:0px;padding-top: 0px;padding-right: 8px;float: left;} /* #eti-search {padding-left:16px;padding-top: 26px;padding-right: 8px;float:left;} */ #eti-search form {padding-top: 1px;} #eti-search h3, #eti-search2 h3{margin-top:0px;} #eti-search #colSubject,#eti-search #colLocation,#eti-search #colType, #eti-search2 #colSubject,#eti-search2 #colLocation,#eti-search2 #colType {min-width:20%;float:left;padding-right:20px;} #eti-search #ctlp-search-btn, #eti-search2 #ctlp-search-btn{float:left;padding-top: 25px;} #eti-search2 #id2, #eti-search #id4 {width: 200px;} /*Skill shortage*/ .skillsbox{width:151px;border-left:1px solid #D0D0D0;border-right: 1px solid #D0D0D0;height:170px;float:left;margin-right:20px;margin-bottom: 30px;} .skillsbox .skillshortage_text{font-weight:bold;color:#606060;margin-top: -35px;text-align: center;} .skillsbox a:hover .skillshortage_text {text-decoration: underline;}