/*--------------------------------------------------- Resets --------------------------------------------------- */ body {background:#dddee3; font-family:Verdana; font-size:11px; /*line-height:17px;*/ color:#848686; margin:0; padding:0; color:#848686;} p {line-height:17px;} div {margin:0; padding:0;} a {font-family:Verdana; font-size:11px; color:#ff9c01; text-decoration:underline;} a:hover {color:#ff7800; text-decoration:none;} p {margin:0; padding: 0 0 1em 0;} blockquote {margin:0; padding: 0 0 1em 3em; font-style:italic;} img {border:0;} hr {border:0; border-top: 1px solid #ffb100;} hr.jobsDivider {border:0; border-top: 1px dashed #666666;} /*--------------------------------------------------- Page Structure --------------------------------------------------- */ #pageContainer { position: relative; width:830px; margin:0 auto;} #pageInnerContainer { float:right; width:804px; padding:0 13px; background: url('../images/body-bg.jpg') repeat-y;} #headerContainer {float:left; width:784px; padding:10px;} #date {float:left; width: 200px; color:#ff9c01; font-size:10px; margin-top:5px; font-weight:bold;} #navigationContainer {float:left; width:584px;} #navigation {float:right;} #loginStatusContainer {float:left; width:784px;} #loginStatus {float:right; text-align:right;} #bannerContainer {float:left; width:804px;} #flash {float:left; width:445px; height:254px;} #introContainer {float:left; width:329px; padding:0 10px 10px 20px; height:244px; background:#C7D5DF;} #introContainer h1 {margin-top:10px; /*color:#ff9c01; */color:#666666;} #innerBannerContainer {float:left; width:804px;} #innerBanner {float:left; width:451px;} #innerBannerExtension {float:left; width: 333px; height:107px; padding:10px 10px 10px 10px; background: #71ad4d;} #innerBannerExtension.employer {background: #78b5ee;} #innerBannerExtension img {margin-bottom: 60px;} #centerNavigation {float:right; margin-left:-20px;} body.pg_job_search_results #innerBannerExtension {background: #375e9f;} body.pg_job_search #innerBannerExtension {background: #375e9f;} body.pg_applynow #innerBannerExtension {background: #375e9f;} body.pg_jobseeker_signup #innerBannerExtension {background: #a76f34;} body.pg_about #innerBannerExtension {background: #577f40;} #mainContentContainer {float:left; width:804px; padding: 20px 0 10px 0; } #mainContent {float:left; width:804px;} #innerMainContent {float:left; width:590px; margin-left:15px; padding-right:10px; display:inline; } #innerMainContentJobDetails {float:left; width:590px; margin-left:15px; padding-left:10px; padding-right:10px; padding-bottom:10px; background: #ffeed9;} #innerMainContentWide {float:left; width:755px; padding-right:5px;} #innerBreadcrumb {float:left; width:585px; padding-left:15px; min-height:25px;} #innerBreadcrumbWide {float:left; width:755px; padding-right:5px; min-height:25px;} /* height:auto !important; height:600px; min-height:600px; */ #contentJobseekers { float:left; width:360px; padding:10px 10px 0 10px; border: 1px solid #ffb100; margin:0 0 0 12px; display:inline; height:auto !important; height:360px; min-height:360px; } #videoJobseekers { position:relative; float:right; width:235px; padding:0px; margin:0px; overflow:hidden; } #contentEmployers {float:left; width:360px; padding:10px 10px 0 10px; border: 1px solid #ffb100; margin:0 0 0 15px; height:auto !important; height:360px; min-height:360px; } #videoEmployers { float:right; width:235px; padding:0px; margin:0px; overflow:hidden; } #contentJobseekers h2, #contentEmployers h2 {width:100%; font-size:22px; margin-top:5px; margin-bottom:15px; padding-bottom:10px; color:#666666;text-align:center; border-bottom:1px solid #ffb100;} #innerContentSide {float:left; width:150px; margin:0 0 0 15px; padding:0; display:inline; } .innerSideBoxTop {float:left; width:150px; height:7px; background: url('../images/sb-top.jpg') no-repeat; line-height:7px; font-size:7px; } .innerSideBox {float:left; width:134px; background:#c7d5df; padding: 8px;} .innerSideBoxBottom {float:left; width:150px; margin-bottom:10px; height:7px; background: url('../images/sb-bottom.jpg') no-repeat;} #footerContainer { position:relative; width:760px; padding:10px; height:40px; clear:both; } #footerNav { position:relative; width:600px; } #footerNav div { clear:both; padding-top:5px; font-size:10px; } #footerRef { position:absolute; right:0px; top:10px; height:20px; width:280px; text-align:right; z-index:9999; } #footerBottom { height:5px; width:100%; background: url('../images/footer-Vert.jpg') repeat-x;} #extraFooter {height:25px; width:100%; display:block; clear:both; } /*------------------------------------------------- Navigation ---------------------------------------------------*/ #navigation ul { margin:0; padding: 0; list-style: none;} #navigation ul li { float: left; display: inline; margin: 0 0 0 0; padding: 0 2px 0 0;} #navigation ul li a { float: left; display: block; margin: 0; padding:0; font-family: Arial;font-size: 11px; color: #333333; text-decoration:none;} #navigation ul li a:hover, #navigation ul li a.selected {text-decoration:underline; color:#ffb100;} #centerNavigation ul { margin: 0 0 0 0; float: right;} #centerNavigation ul li { float: left; display: inline; margin: 0 0 0 0; padding: 0 2px 0 0;} #centerNavigation ul li a { float: left; display: block; margin: 0; padding:0; color:#fff; text-decoration:none;font-family: Arial; font-size: 11px;} #centerNavigation ul li a:hover, #centerNavigation ul li a.selected {color:#ff9c01} #innerBannerExtension a {color:#fff; text-decoration:none;font-family: Arial; font-size: 11px;} #innerBannerExtension a:hover {color:#ff9c01} #footerNav ul { margin:0; padding: 0; list-style: none;} #footerNav ul li { float: left; display: inline; margin: 0 0 0 0; padding: 0 2px 0 0;} #footerNav ul li a { float: left; display: block; margin: 0; padding:0; font-family: Arial;font-size: 11px; color: #6c706b; text-decoration:underline;} #footerNav ul li a:hover, #footerNav ul li a.selected {text-decoration:none; color:#ffb100;} #footerRef a {font-family: Arial;font-size: 11px; color: #6c706b; text-decoration:none;} #footerRef a:hover {text-decoration:underline; color:#ffb100;} /*--------------------------------------------------- Home Page --------------------------------------------------- */ div.homeButtons {float:left; } div.homeText {float:left; margin-top:15px; width:100%;} /*--------------------------------------------------- Job Search Page --------------------------------------------------- */ #moreSearch {display:none; float: left; width: 100%;} #showMore {display:block; width:100%; text-align:center; border-top:1px solid #ff9c01; margin-top:10px;} #showLess {display:none; width:100%; text-align:center; border-top:1px solid #ff9c01; margin-top:10px; } #showMore a, #showLess a {background: #ff9c01; color:#fff; height:20px; padding-top:5px; width:130px;display:block; margin: 0 auto; text-decoration:none;} #showMore a:hover, #showLess a:hover {background:#ffc25c;} #salaryAnnualFrom {display:inline; width:130px;} #salaryAnnualTo {display:inline; width:130px;} #salaryWeeklyFrom {display:none; width:130px;} #salaryWeeklyTo {display:none; width:130px;} #salaryDailyFrom {display:none; width:130px;} #salaryDailyTo {display:none; width:130px;} #salaryHourlyFrom {display:none; width:130px;} #salaryHourlyTo {display:none; width:130px;} #ADVsalaryAnnualFrom {display:inline; width:130px;} #ADVsalaryAnnualTo {display:inline; width:130px;} #ADVsalaryWeeklyFrom {display:none; width:130px;} #ADVsalaryWeeklyTo {display:none; width:130px;} #ADVsalaryDailyFrom {display:none; width:130px;} #ADVsalaryDailyTo {display:none; width:130px;} #ADVsalaryHourlyFrom {display:none; width:130px;} #ADVsalaryHourlyTo {display:none; width:130px;} /*--------------------------------------------------- Job Search Results Listings --------------------------------------------------- */ .jsResults {float:left; width:98%; margin-bottom:15px; padding:10px; border: 1px solid #FF7800;} .jsAlt { background-color:#eef2f5;border: 1px solid #fff;} a.logoLink { display: block; width: 120px; height:30px; float:right; margin-right:10px; margin-top:10px; text-indent: -9999px; outline: 0; border:1px solid #fff;} a.logoLink:hover { background-position: bottom left;border:1px solid #FF7800;} a.logoCommercial {background: url('../images/Logos/jenrickcommercial.png') no-repeat;} a.logoCPI {background: url('../images/Logos/jenrickcpi.png') no-repeat;} a.logoEng {background: url('../images/Logos/jenrickineering.png') no-repeat;} a.logoBuild {background: url('../images/Logos/jenrickbuilding.png') no-repeat;} .jsResults a.jobTitle {font-size:13px; font-weight:bold;} .jsResults a.jobTitle:hover {color: #FF7800;} .jsResults table td {width: 200px; margin:0;padding:0;} #jobsTopContainer-L {float:left; width:590px; padding-bottom:10px;} #jobsBasics-L {float:left; width:400px;} #jobsLogo-L {float:right; width:180px; margin-right:10px;} #jobsLogo-L img {float:right;} /*--------------------------------------------------- Job Search Results Listings (archive) --------------------------------------------------- */ .jsResultsArchive {float:left; width:98%; padding:10px;} .jsAltArchive { background-color:#C7D5DF;} /*--------------------------------------------------- Job Details Page --------------------------------------------------- */ table.jobAppTable {width:100%; border:0; text-align:left;} table.jobAppTable th { color:#666; border:0;} table.jobAppTable td { border:0;} hr.jobsPageHR {color:#ff9c01; background-color: #ff9c01; border:0; height:1px; margin: 0 0 10px 0;} a.logoLinkSide { display: block; width: 120px; height:30px; float:left; margin-left:-6px; margin-top:10px; text-indent: -9999px; outline: 0; border:1px solid #fff;} a.logoLinkSide:hover { background-position: bottom left;border:1px solid #FF7800;} .applyJobButtons {float:right; width:201px;} #jobsTopContainer {float:left; width:590px; padding-bottom:10px;} #jobsBasics {float:left; width:300px;} #jobsLogo {float:right; width:290px;} #jobsLogo img {float:right;} /*--------------------------------------------------- Listings --------------------------------------------------- */ #listingGroup {float:left; width:100%;} .listingItem {float:left; width:100%; margin-bottom:2em} .listingItem a {font-size:13px; font-weight:bold; color: #ff9c01; padding:0; margin: 0 0 .5em 0; text-decoration:none;} .listingItem a:hover {text-decoration:underline;} .listingItemBlock {float:left; margin-left:15px; margin-top:10px; width:100%;} .listingItemTeaser {} .listingItemLink {margin-top:5px;} .listingItemLink a {font-size:11px;font-weight:normal; text-decoration:underline;} .listingItemLink a:hover {text-decoration:none;} /*--------------------------------------------------- Forms --------------------------------------------------- */ #jobSearchForm, #jobSearchAdvancedForm {float:left; width: 100%;} #jobSearchForm .formField {float: left; width: 100%; margin-bottom: 10px;} #jobSearchForm .formLeft{float: left; width: 80px; color: #ff9c01;} #jobSearchForm .formRight {float: left;} .formRightTextSmall input {width:330px;} #jobSearchForm .formCheck {float: left;} #jobSearchAdvancedForm .formField {float: left; width: 100%; margin-bottom: 10px;} #jobSearchAdvancedForm .formLeft {float: left; color: #ff9c01;} #jobSearchAdvancedForm .formRight {float: left;} .formRightText input {width:530px; margin-left:60px;} #jobSearchAdvancedForm h2 {width:582px; background:#ff9c01; color:#fff;font-size:12px;margin:10px 0 5px 0;padding: 3px 5px 3px 5px;} #jobSearchAdvancedForm .formCheck {float: left; width:190px;} .formRightAnyAll {float:left; width:530px; line-height:11px; margin:0;padding:0;} .formRightAnyAllTop {margin:5px 0 0 0;} .orange {color:#ff9c01;} .black {color:#000;} /*--------------------------------------------------- Typography --------------------------------------------------- */ h2, h3, h4, h5 {color:#ff9c01;} .innerSideBox h2 {margin: 0 0 0 0;} #jobOfTheDay a, #latestCV a {font-weight:bold;} #jobOfTheDay p, #latestCV p {height:90px; overflow:hidden; padding:0; margin:5px 0 5px 0;} #footerRef { font-family: Arial; font-size: 11px; color: #6c706b; } #flash h1, #flash p, #flash a {margin:10px;} .mainHeader {margin:0 0 15px 0;} #innerContentSide {color:#666666; font-weight:bold;} #innerContentSide a {color:#979ea3; text-decoration:underline;} #innerContentSide a:hover {color:#ffb100; text-decoration:none;} #innerBreadcrumb, #innerBreadcrumbWide {text-align:right;} #innerBreadcrumb a, #innerBreadcrumbWide a {font-size:11px; color:#2f3334; text-decoration:none;} #innerBreadcrumb a:hover, #innerBreadcrumb a.selected, #innerBreadcrumbWide a:hover, #innerBreadcrumbWide a.selected {font-family:Verdana; font-size:11px; color:#ff9c01;} #innerBannerExtension {text-align:right;} /*--------------------------------------------------- Buttons --------------------------------------------------- */ a.btnXLarge { display:block; text-align:center; width:120px; height:19px; background: url('../images/btnXLarge.png') no-repeat; outline:0; color:#fff; text-decoration:none;} a.btnXLarge:hover {background-position: bottom left; text-decoration:none;color:#ff7800;} #innerContentSide a.btnGeneral {display:block; text-align:center; width:100px; height:17px; padding-top:2px; background: url('../images/btnMLarge.png') no-repeat; outline:0; color:#fff; text-decoration:none; font-family: Verdana; font-weight:normal;} #innerContentSide a.btnGeneral:hover {background-position: bottom left; text-decoration:none;color:#ff7800;} #innerContentSide input {display:block; text-align:center; width:100px; height:19px; border:0; margin:0; padding:0; font-size:11px; background: url('../images/btnMLarge.png') no-repeat; outline:0; color:#fff; text-decoration:none; font-family: Verdana; font-weight:normal;} #innerContentSide input:hover {background-position: bottom left; text-decoration:none;color:#ff7800;} a.Btn-Job-Search { display: block; width: 106px; height: 24px; background: url('../images/Btn-Job-Search.png') no-repeat; text-indent: -9999px; outline: 0; margin-top: 5px;} a.Btn-Job-Search:hover { background-position: bottom left;} a.Btn-Job-Search-Side { display: block; width: 129px; height: 24px; background: url('../images/Btn-Job-Search-Side.jpg') no-repeat; text-indent: -9999px; outline: 0; margin-top: 15px; margin-left:2px;} a.Btn-Job-Search-Side:hover { background-position: bottom left;} a.Btn-View-Jobs { display: block; width: 106px; height: 39px; background: url('../images/Btn-LatestJobs.png') no-repeat; text-indent: -9999px; outline: 0; margin: 0 0 0 10px; padding:0;} a.Btn-View-Jobs:hover { background-position: bottom left;} a.Btn-Register-CV { display: block; width: 106px; height: 39px; background: url('../images/Btn-RegisterCV.png') no-repeat; text-indent: -9999px; outline: 0; margin: 25px 0 0 10px; padding:0;} a.Btn-Register-CV:hover { background-position: bottom left;} a.Btn-Make-Video { display: block; width: 106px; height: 39px; background: url('../images/Btn-Make-Video.png') no-repeat; text-indent: -9999px; outline: 0; margin: 25px 0 0 10px; padding:0;} a.Btn-Make-Video:hover { background-position: bottom left;} a.Btn-View-CVS { display: block; width: 106px; height: 39px; background: url('../images/Btn-LatestCVs.png') no-repeat; text-indent: -9999px; outline: 0; margin: 0 0 0 10px; padding:0;} a.Btn-View-CVS:hover { background-position: bottom left;} a.Btn-Upload-Jobs { display: block; width: 106px; height: 39px; background: url('../images/Btn-UploadJobs.png') no-repeat; text-indent: -9999px; outline: 0; margin: 25px 0 0 10px; padding:0;} a.Btn-Upload-Jobs:hover { background-position: bottom left;} a.Btn-Employers{ display: block; width: 106px; height: 39px; background: url('../images/Btn-Employers.png') no-repeat; text-indent: -9999px; outline: 0; margin: 25px 0 0 10px; padding:0;} a.Btn-Employers:hover { background-position: bottom left;} input.Btn-Apply { display: block; float:left; width: 76px; height: 24px; background: url('../images/Btn-Apply.jpg') no-repeat; text-indent: -9999px; outline: 0; margin: 15px 0 0 0; padding:0; border:0;} input.Btn-Apply:hover { background-position: bottom left;} a.Btn-Add-To-Shortlist { display: block; float:left; width: 120px; height: 24px; background: url('../images/Btn-Add-To-Shortlist.jpg') no-repeat; text-indent: -9999px; outline: 0; margin: 15px 0 0 5px; padding:0;} a.Btn-Add-To-Shortlist:hover { background-position: bottom left;} /*input.Btn-Submit-Job-Search { display: block; float:left; width: 106px; height: 24px; background: url('../images/Btn-Job-Search.jpg') no-repeat; text-indent: -9999px; outline: 0; margin: 0 0 0 220px; padding:0; border:0;} input.Btn-Submit-Job-Search:hover { background-position: bottom left;}*/ input.Btn-Submit-Job-Search { margin-left:435px;} a.Btn-Apply-Now { display: block; float:left; width: 120px; height: 24px; background: url('../images/Btn-Apply-Now.jpg') no-repeat; text-indent: -9999px; outline: 0; margin: 15px 0 0 5px; padding:0;} a.Btn-Apply-Now:hover { background-position: bottom left;} /*--------------------------------------------------- Images --------------------------------------------------- */ /*--------------------------------------------------- Seed Originated --------------------------------------------------- */ .orgtxt{ font-family:Verdana; font-size:11px; color:#ff9c01; font-weight:bold; } .txtbox { font-family: Verdana; color:#717272; font-size: 10px; height: 13px; width: 185px; border: 1px #CCCCCC solid; background-color:white; margin-top:7px; } a.greylinks{ font-family:Verdana; font-size:11px; color:#666666; font-weight:bold; text-decoration:none; } a.greylinks:hover{ font-family:Verdana; font-size:11px; color:#ff7800;font-weight:bold; text-decoration: underline; } img.article-image { margin-top:7px; }