﻿@import url(/css/footer.css);
@import url(/css/base.css);

/*Layout for pages under employer sections*/ 

/*Primary Background Element*/

#preHeaderRegion{margin:0 72px 0 56px; height:20px; padding:15px 0 5px 15px; color:#8f8f8f; font-size:0.8em; text-align:right;}
#preHeaderRegion a {color:#8f8f8f; text-decoration:none;}
#preHeaderRegion span {padding:0 5px 0 5px;}

#primaryCPH{background:transparent url(../../images/commonImages/subPagePrimaryBG.jpg) repeat-y 0px 887px; height:465px; width:872px; margin:0 72px 0 54px;}
#primaryCPHSub{background:transparent url(../../images/commonImages/subPagePrimaryBG.jpg) repeat-y 0px 887px; height:258px; width:872px; margin:0 72px 0 54px;}
#headerRegion{background:transparent url(../../images/commonImages/subPagePrimaryBG.jpg) repeat-y; height:54px; width:872px; margin:5px 72px 0 54px; padding:20px 0 0 20px;}

#menuArea{ width:833px; text-transform:uppercase; margin-left:10px;}
#menuArea dl {float:left;} 

#menuArea dl dd {width:271px;}
#menuArea dl dd.subItemOne {display:none; Min-width:10px; position:absolute; top:101px; z-index:2;}
#menuArea dl dd.subItemTwo {display:none; Min-width:10px; position:absolute; top:137px; z-index:2;}
#menuArea dl dd.subItemThree {display:none; Min-width:10px; position:absolute; top:173px; z-index:2;}
#menuArea dl dd.subItemFour {display:none; Min-width:10px; position:absolute; top:209px; z-index:2;}
#menuArea dl dd.subItemFive {display:none; Min-width:10px; position:absolute; top:246px; z-index:2;}


#menuArea dl dt a{ color:#01A0C6; font-weight:bold; display:block; padding:0 20px 0 20px; line-height:37px; background:transparent url(../../css/sprites/menuHoverSprite.gif) repeat-x -10px -43px;}
#menuArea dl dd a{ color:#01A0C6; font-weight:bold; background:transparent url(../../css/sprites/menuHoverSprite.jpg) repeat-x -10px -43px; display:block; padding:0 20px 0 20px; line-height:37px;}
#menuArea dl dt a:hover{color:#002531; background:transparent url(../../css/sprites/menuHoverSprite.gif) repeat-x -10px -3px;}
#menuArea dl dd a:hover{color:#002531; background:transparent url(../../css/sprites/menuHoverSprite.gif) repeat-x -10px -3px;}
#menuArea a.currentPage{color:#002531; background:transparent url(../../css/sprites/menuHoverSprite.gif) repeat-x -10px -3px;}


/*Main hero image*/

#employerHeroPlaceHolder{background:transparent url(../../images/commonImages/employerImages/blueHeroImage.jpg) no-repeat; width:834px; height:460px; position:relative;left:15px; z-index:1;}

#employerHeroPlaceHolderSub_overview{background:transparent url(../../images/commonImages/employerImages/SubHdr_overview.jpg) no-repeat; width:834px; height:242px; position:relative;left:15px; z-index:1;}
#employerHeroPlaceHolderSub_LeaveStock{background:transparent url(../../images/commonImages/employerImages/SubHdr_LeaveStock.jpg) no-repeat; width:834px; height:242px; position:relative;left:15px; z-index:1;}
#employerHeroPlaceHolderSub_benefits{background:transparent url(../../images/commonImages/employerImages/SubHdr_benefits.jpg) no-repeat; width:834px; height:242px; position:relative;left:15px; z-index:1;}
#employerHeroPlaceHolderSub_sellingItIn{background:transparent url(../../images/commonImages/employerImages/SubHdr_sellingItIn.jpg) no-repeat; width:834px; height:242px; position:relative;left:15px; z-index:1;}
#employerHeroPlaceHolderSub_inTheWorkPlace{background:transparent url(../../images/commonImages/employerImages/SubHdr_inTheWorkPlace.jpg) no-repeat; width:834px; height:242px; position:relative;left:15px; z-index:1;}
#employerHeroPlaceHolderSub_Issue{background:transparent url(../../images/commonImages/employerImages/SubHdr_Issue.jpg) no-repeat; width:834px; height:242px; position:relative;left:15px; z-index:1;}
#employerHeroPlaceHolderSub_support{background:transparent url(../../images/commonImages/employerImages/SubHdr_support.jpg) no-repeat; width:834px; height:242px; position:relative;left:15px; z-index:1;}
#employerHeroPlaceHolderSub_register{background:transparent url(../../images/commonImages/employerImages/SubHdr_register.jpg) no-repeat; width:834px; height:242px; position:relative;left:15px; z-index:1;}
#employerHeroPlaceHolderSub_researchFindings{background:transparent url(../../images/commonImages/employerImages/SubHdr_researchFindings.jpg) no-repeat; width:834px; height:242px; position:relative;left:15px; z-index:1;}
#noLeaveNoLifeLogoSub{position:relative; top:25px; left:730px; width:148px;}
#employerHeroPlaceHolderSub_caseStudies{background:transparent url(../../images/commonImages/employerImages/SubHdr_caseStudies.jpg) no-repeat; width:834px; height:242px; position:relative;left:15px; z-index:1;}

#noLeaveNoLifeLogo{position:relative; top:25px; left:684px; width:148px;}
#tourismAustraliaLogo{position:relative; top:25px; left:684px; width:148px;}

/*body*/

#mainEmployerContentArea{background:transparent url(../../images/commonImages/pageBG.jpg) repeat-y 2px -59px; float:left; position:relative; left:54px;}
#mainEmployerContentArea h2{ text-transform:uppercase; color:#002531; font-size:1.4em; margin:15px 0 25px 0; float:left; width:100%;}
#mainEmployerContentArea h4{ color:#002531; font-size:0.9em; margin:0;} /* font size went up by 0.1em */
#mainEmployerContentArea h5{ color:#002531; font-size:0.7em; margin:0;} /* font size went up by 0.1em */
#mainEmployerContentArea p {color:#002531; font-size:0.8em; font-weight:normal; text-transform:none; line-height:18px; text-align:justify; position:relative;} /* font size went up by 0.1em */
#mainEmployerContentArea a {color:#01A0C6;}
#mainEmployerContentArea {padding:0 0 0 23px; width:100%;}
#mainEmployerContentArea div{padding:0 0 20px 0;}

#mainEmployerContentArea img {float:left; margin-right:8px;}
#mainEmployerContentArea div.subPanel{width:240px; float:left; padding:0 10px 10px 0;} 

#singleColumnLayout {padding:0 23px 0 18px; width:800px;}
#singleColumnLayout h2{padding:0; margin:10px 0;}
#singleColumnLayout h4{padding:5px 0;}
#singleColumnLayout h4 a{text-decoration:none; color:#002531;}
#singleColumnLayout a{color:#01A0C6}
#singleColumnLayout p{padding:0 0 10px 0;}
#singleColumnLayout ul,#columnLeftMedium ul{font-size:0.8em; padding:10px 0;} /* font size went up by 0.1em */
#singleColumnLayout ul li, #columnLeftMedium ul li{margin:5px 0 5px 23px;}
#singleColumnLayout div#subPanel{float:left; padding:10px 20px;}
#singleColumnLayout div#subPanel h4 a{text-decoration:none; color:#002531;}
#singleColumnLayout div.subPanelSingle{height:115px; clear:both; padding:10px 20px;} 
#singleColumnLayout div.subPanelSingle h4 a{text-decoration:none; color:#002531;}
#singleColumnLayout div.subPanelBlock{float:left; padding:10px 20px; width:250px;}
#subColumnLayout div.subPanelBlock h4 a{text-decoration:none; color:#002531;}

#subColumnLayout {padding:0 23px 0 18px; width:800px; clear:both; margin-top:-40px}
#subColumnLayout h2{padding:0; margin:10px 0;}
#subColumnLayout h4{padding:5px 0;}
#subColumnLayout a{color:#01A0C6}
#subColumnLayout p{padding:0 10px 10px 0; /*border: 1px solid #335500;*/}
#subColumnLayout ul{font-size:0.7em; padding:10px 0;}
#subColumnLayout ul li{margin:5px 0 5px 23px;} 
#subColumnLayout div.subPanelBlock{float:left;width:360px; height:200px; } 
#subColumnLayout div.subPanelBlock img{padding:0 0 150px 0;} /* padding went up from 60px */

#mediumSingleColumnLayout {padding:0 23px 0 18px; width:500px;}
#mediumSingleColumnLayout h2{padding:0;}
#mediumSingleColumnLayout a{color:#01A0C6}
#mediumSingleColumnLayout p{padding:0 0 10px 0;}

#columnLeftMedium{float:left;}
#columnLeftMedium{padding:0 0 0 18px; width:500px;}
#columnLeftMedium h2{padding:0; margin:0;}
#columnLeftMedium a{color:#01A0C6;}
#columnLeftMedium p{line-height:normal; padding:8px 0;}
#columnLeftMedium .subPanelPilot{height:100px;}
#columnLeftMedium .subPanelPilot p{padding:0 0 10px 0; text-align:left; line-height:normal; float:left;}
#columnLeftMedium .subPanel p{padding:5px 0 10px 0; text-align:left; line-height:normal; width:230px; float:left;}
#columnLeftMedium #subPanelSingle{padding:10px 0; text-align:left; line-height:normal; height:100px;}

/* BY BROOK */

#columnLeftSmall{float:left;}
#columnLeftSmall{padding:0 0 0 18px; width:200px;}
#columnLeftSmall h2{padding:0; margin:0;}
#columnLeftSmall a{color:#01A0C6;}
#columnLeftSmall p{line-height:normal; padding:8px 0;}
#columnLeftSmall .subPanelPilot{height:100px;}
#columnLeftSmall .subPanelPilot p{padding:0 0 10px 0; text-align:left; line-height:normal; float:left;}
#columnLeftSmall .subPanel p{padding:5px 0 10px 0; text-align:left; line-height:normal; width:230px; float:left;}
#columnLeftSmall #subPanelSingle{padding:10px 0; text-align:left; line-height:normal; height:100px;}

/* END OF BY BROOK */



a#progressButton{background:transparent url(../../images/commonImages/employerImages/buttonLGE.jpg) no-repeat; color:#fff; display:block; width:122px; padding:5px 0 15px 40px; font-size:0.9em; font-weight:bold; text-decoration:none; position:relative; left:100px;}
a#progressButton:hover{color:#999;}
a#progressButtonNext{background:transparent url(../../images/commonImages/employerImages/buttonLGE.jpg) no-repeat; color:#fff; display:block; width:122px; padding:5px 0 15px 50px; font-size:0.9em; font-weight:bold; text-decoration:none; position:relative; left:100px;}
a#progressButtonNext:hover{color:#999;}
#columnLeftMedium a.step{ background:transparent url(../../images/commonImages/employerImages/stepButton.jpg) no-repeat 0px 5px; padding:0 0 0 50px; line-height:40px; display:block; width:210px; text-decoration:none; font-weight:bold; font-size:0.8em; color:#182C32; position:relative; left:50px;}
#columnLeftMedium a.step:hover{text-decoration:underline;}
#columnLeftMedium h4{padding:10px 0 0 0;}
#columnLeftMedium ol{font-size:0.7em;}
#columnLeftMedium ol li{margin: 0 0 0 25px;}

/*Tabbed Browsing Area for Employer Benefits*/

#iFrameMenuHolder dl{float:left;padding:0 0 15px 0;}
#iFrameMenuHolder dl a{padding:0 10px; text-decoration:none; color:#FFF; font-size:0.8em; font-weight:bold; display:block; line-height:32px; cursor:pointer;}

#iFrameMenuHolder dl#menuBody{float:left;}
#iFrameMenuHolder dl#menuBody dd{float:left;}
#iFrameMenuHolder dl#menuBody dt{float:left; background:transparent url(../../images/commonImages/blueMenuDivider.jpg) repeat top left; width:2px;height:32px;}
#iFrameMenuHolder dl#menuBody a{background:transparent url(../../css/sprites/blueMenu.png) no-repeat -255px -32px;}
#iFrameMenuHolder dl#menuBody a:hover{background:transparent url(../../css/sprites/blueMenu.png) no-repeat -250px top; color:#B3E3EE;}

#iFrameMenuHolder dl#menuFront a{background:transparent url(../../css/sprites/blueMenu.png) no-repeat bottom left;}
#iFrameMenuHolder dl#menuFront a:hover{background:transparent url(../../css/sprites/blueMenu.png) no-repeat top left;color:#B3E3EE;}
#iFrameMenuHolder dl#menuRear a{background:transparent url(../../css/sprites/blueMenu.png) no-repeat bottom right;}
#iFrameMenuHolder dl#menuRear a:hover{background:transparent url(../../css/sprites/blueMenu.png) no-repeat top right; color:#B3E3EE;}

#iFrameMenuHolder dl#menuBody a#active{background:transparent url(../../css/sprites/blueMenu.png) no-repeat -250px top; color:#01A0C6;}
#iFrameMenuHolder dl#menuFront a#active{background:transparent url(../../css/sprites/blueMenu.png) no-repeat top left; color:#01A0C6;}
#iFrameMenuHolder dl#menuRear a#active{background:transparent url(../../css/sprites/blueMenu.png) no-repeat top right; color:#01A0C6;}

#tabBrowserBorder{border: 1px solid #0169A2; margin:10px 0 0 0;}
#tabBrowserBorder p{margin:12px 15px 0 10px;}
#tabBrowserBorder h4{clear:both; padding:0 0 0 10px;}

#columnRightNarrow{}

#columnLeft{float:left; width:370px; padding:0;}

#columnRight{width:370px; margin:0 0 0 40px; float:left;}
#columnRight ul#rightAnchors {width:256px; height:58px; background-color:#01A0c6; text-transform:uppercase; margin:5px 0 0 0;}
#columnRight ul#rightAnchors li{margin:0 0 0 15px; list-style: none; padding:7px 0; position:relative; top:10px;}
#columnRight ul#rightAnchors li a{color:#fff; font-weight:bold; font-size:0.8em; background: transparent url(../../images/commonImages/employerImages/LI_rightChevBlue.jpg) no-repeat left; padding:0 0 0 23px; text-decoration:none;}
#columnRight ul#rightAnchors li a:hover{text-decoration:underline;}


#columnRight ul#rightAnchors2 { width:256px; height:58px; background-color:#01A0c6; text-transform:uppercase; }
#columnRight .background { background: transparent url(../../images/commonImages/employerImages/LI_rightChevBlue.jpg) no-repeat left; margin-left:20px; }
#columnRight ul#rightAnchors2 li {margin:0 0 0 25px; list-style: none; padding:0px 0; position:relative; top:7px;}
#columnRight ul#rightAnchors2 li a{color:#fff; font-weight:bold; font-size:0.8em; text-decoration:none; /*border:#FEFF33 solid 1px;*/}
#columnRight ul#rightAnchors2 li a:hover{text-decoration:underline;}



#columnRightNew{width:300px; margin:0 0 0 110px; float:none; /*border:#FEFF33 solid 1px;*/}
#columnRightNew ul#rightAnchors3 { width:256px; height:38px; background-color:#01A0c6; text-transform:uppercase; }
#columnRightNew .background { background: transparent url(../../images/commonImages/employerImages/LI_rightChevBlue.jpg) no-repeat left; margin-left:20px; }
#columnRightNew ul#rightAnchors3 li {margin:0 0 0 25px; list-style: none; padding:0px 0; position:relative; top:5px;}
#columnRightNew ul#rightAnchors3 li a{color:#fff; font-weight:bold; font-size:1.0em; text-decoration:none; /*border:#FEFF33 solid 1px;*/}
#columnRightNew ul#rightAnchors3 li a:hover{text-decoration:underline;}

#columnRightSmall{width:200px; margin:0 0 0 110px; float:none; /*border:#FEFF33 solid 1px;*/ float:left;}
#columnRightSmall ul#rightAnchors3 { width:256px; height:38px; background-color:#01A0c6; text-transform:uppercase; }
#columnRightSmall .background { background: transparent url(../../images/commonImages/employerImages/LI_rightChevBlue.jpg) no-repeat left; margin-left:20px; }
#columnRightSmall ul#rightAnchors3 li {margin:0 0 0 25px; list-style: none; padding:0px 0; position:relative; top:5px;}
#columnRightSmall ul#rightAnchors3 li a{color:#fff; font-weight:bold; font-size:1.0em; text-decoration:none; /*border:#FEFF33 solid 1px;*/}
#columnRightSmall ul#rightAnchors3 li a:hover{text-decoration:underline;}


.orderDisclaimer { width:256px; font-size:0.7em; text-decoration:none; /*border:#CC0000 solid 1px;*/ line-height:1px; }




/*Footer Region*/
#employerFooterRegion{clear:both; background:transparent url(../../images/commonImages/subPagePrimaryBG.jpg) no-repeat 2px -829px; padding:0 0 24px 0; width:872px; margin:0 72px 0 0; position:relative; left:54px;}
#footerContentBlock{background-color:#0169A2; width:833px; height:122px; position:relative; left:16px; /*filter:alpha(opacity=55); opacity:0.55; -moz-opacity:0.55;*/}
#footerContentBlock div div {float:left; position:relative; top:17px; left:17px;}
#footerContentBlock div div a {color:#FFF; text-decoration:none;}
#footerContentBlock div div p {font-size:0.8em; padding:0 0 0 20px; background:url(../../images/commonImages/employerImages/whiteChevRight.gif) no-repeat 114px 20px; display:block; width:104px;}
#footerContentBlock div div H4 {text-transform:uppercase; font-size:0.9em; padding:6px 0 10px 20px}
#slogan{float:left; position:relative; left:23px; top:76px}
#footerContentBlock .employerFooterContent{margin-right:12px;}

/*elements uded to skin poll*/

#customPoll{padding:15px 0 15px 10px;}
#customPoll #PDI_container1610772 .pds-box { background: #FFF none; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; border:4px solid #01A0C6; height:170px; width:250px;}
#customPoll #PDI_container1610772 .pds-box-outer {background-image:none;}
#customPoll #PDI_container1610772 .pds-box-inner {background-image:none;}
#customPoll #PDI_container1610772 .pds-box-top {background-image:none; padding-top:15px; padding-bottom:30px;}
#customPoll #PDI_container1610772 .pds-question {background:none;}
#customPoll #PDI_container1610772 .pds-question-outer {	background:none;padding-bottom:0;}
#customPoll #PDI_container1610772 .pds-question-inner {background:none; height:0px;}
#customPoll #PDI_container1610772 .pds-question-top {background:none;padding:0;font-size: 12px; color:#000000; font-weight:bold; padding:0 0 0 0;}
#customPoll #PDI_container1610772 .pds-answer {	font-size:10pt;line-height:30px;color: #000000;padding:10px 0 15px 0; letter-spacing:-1px;}
#customPoll #PDI_container1610772 .pds-answer label{padding:10px 0 0 10px; font-size:10pt;}
#customPoll #PDI_container1610772 .pds-radiobutton  {}
#customPoll #PDI_container1610772 .pds-checkbox {}	
#customPoll #PDI_container1610772 .pds-textfield {}
#customPoll #PDI_container1610772 .pds-vote {font-size: 9px; color: #c3C4c7; line-height: 17px;	padding: 0px 20px -10px 20px;}
#customPoll #PDI_container1610772 .pds-votebutton-outer {height:21px; padding:-10px;}
#customPoll #PDI_container1610772 .pds-vote a { visibility:hidden;font-size: 9px; color: #333; text-decoration: none;	border-top: 1px;	border-bottom: 1px;	border-top-color: #666;	border-bottom-color: #666;	border-top-style: solid; border-bottom-style: solid; padding: 2px 0px 2px 0px;}	
#customPoll #PDI_container1610772 input.pds-votebutton {width: 95px;height: 28px; background: url(../../css/sprites/voteButton.jpg) no-repeat; outline: none; position:relative; top:0px; right:88px}
#customPoll #PDI_container1610772 input.pds-votebutton:hover {background: url(../../css/sprites/voteButton.jpg) no-repeat bottom ;}
#customPoll #PDI_container1610772 .pds-totalvotes-inner {font-size: 10px; color: #ffb400; background-color: #666; padding: 3px 6px 3px 3px; margin: 0px 0px 10px 0px;	text-transform: uppercase;letter-spacing: 1px;}