/* element selector styles */
body {color: #81837a; padding: 0; margin: 0; text-align: center; font-family: Arial, serif; font-size: 12px; background: #d6d7d2 url(../images/body_background.gif) scroll repeat-x center top; overflow: auto}
p, h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0; margin-bottom: 10px}
a {color: #dc7f1b}
h1 {font-size: 16pt; color: #8a95a4; font-weight: normal; letter-spacing: -1px}
h2 {font-size: 13pt; color: #8a95a4; font-weight: bold}
h3 {font-size: 12pt; color: #8a95a4; font-weight: bold}
h4 {font-size: 11pt; color: #8a95a4; font-weight: bold}
input, select, textarea {font-size: 8pt; font-family: Arial, sans serif; background-color: #f2f2f1; border: solid 1px #eaebe8; padding: 2px}
input {padding: 3px; outline: none}
hr {display: block; border: 1px solid #FFFFFF; border-top: 1px solid #e3e4e1; background-color: #FFFFFF; padding: 10px 0 10px 0; width: 948px; text-align: left}
a.clsSave {background: transparent url(../images/button_save.png) scroll no-repeat 0 0; display: block; width: 35px; padding-left: 23px}
a.clsBlock {background: transparent url(../images/button_block.png) scroll no-repeat 0 0; display: block; width: 45px; padding-left: 23px}
a.clsSave.clsDisabled {background-image: url(../images/button_save_disabled.png)}
a.clsBlock.clsDisabled {background-image: url(../images/button_block_disabled.png)}

/* class selector styles */
.clsMandatory {}
.clsLogoutButton {background: #fff url(../images/jobseeker/button_logout.gif) scroll no-repeat top left}
.clsRadioButton input, .clsCheckbox input {background-color: transparent; border: none}
.clsFormLabel {font-weight: bold}
.clsTermsConditionsFrame {border: 1px solid #CCC; margin-bottom: 15px}
.clsOccupations td, .clsRegions td, .clsResumeCategories td {width: 260px}
.clsOccupations td input, .clsRegions td input, .clsResumeCategories td input, #divLogout input, .clsButton {background-color: transparent; border: none}
.clsButton {cursor: hand; padding: 0 !important}
.clsRegions table {margin-bottom: 15px}
.clsClear {clear: both}
.clsJobs a {font-size: 8pt; font-weight: bold; text-decoration: none}
.clsCalloutJobs {font-size: 8pt}
.clsCalloutJobs a {font-size: 9pt}
.clsFormTable p {line-height: 25px; padding: 0; margin: 0}
.clsFormTable {margin: 0; padding: 0; padding-bottom: 20px}
.clsOverflow {text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.clsSearchResults {color: #575e67; font-size: 8pt}
.clsSearchResults .clsRowTop td {background: #f7f7f5 url(../images/jobseeker/search_results_row1_top.gif) scroll no-repeat top right}
.clsSearchResults .clsRow1 td {background: #f7f7f5 url(../images/jobseeker/search_results_row1.gif) scroll no-repeat top right}
.clsSearchResults .clsRow2 td {background: #f7f7f5 url(../images/jobseeker/search_results_row2.gif) scroll no-repeat top right}
.clsSearchResults .clsRowTop td,
.clsSearchResults .clsRow1 td,
.clsSearchResults .clsRow2 td {height: 35px; vertical-align: middle}
.clsSearchResults .clsRowTop td.clsFirst,
.clsSearchResults .clsRow1 td.clsFirst,
.clsSearchResults .clsRow2 td.clsFirst {background-position: top left}
.clsSearchResults .clsTitle {font-size: 9pt; font-weight: bold}
.clsSearchResults .clsFirst {padding-left: 15px}
.clsSearchResults .clsHeader th {color: #FFF; background: #9fabbc url(../images/jobseeker/search_results_header.gif) scroll no-repeat bottom left; vertical-align: middle; text-align: left; height: 28px}
.clsSearchResults .clsHeader a {color: #FFF; text-decoration: none}
.clsSearchResults .clsHeader a:hover {text-decoration: underline}
.clsSearchResults .clsRowTop a,
.clsSearchResults .clsRow1 a,
.clsSearchResults .clsRow2 a {color: #dc7f1b; text-transform: uppercase; text-decoration: none; font-weight: bold; line-height: 23px; height: 23px}
.clsSearchResults a.clsDetails {color: #575e67; text-transform: lowercase; font-weight: normal; background: transparent url(../images/expand_arrows_orange.png) scroll no-repeat bottom left; text-decoration: underline; padding: 0; margin: 0; line-height: 16px; padding-left: 14px}
.clsSearchResults a.clsDetails.clsCollapsed {background-position: top left}
.clsSearchResults a.clsDetails.clsExpanded {background-position: bottom left}
.clsSearchResults a.clsTitle,
.clsSearchResults a.clsCreditUnionName {color: #575e67; text-transform: none; font-size: 9pt; font-weight: bold; text-decoration: underline; line-height: 18px}
.clsSearchResults a.clsCreditUnionName {text-decoration: none}
.clsPager {position: relative; color: #FFF; height: 30px; width: 970px; margin-bottom: 1px}
.clsPager.clsTop {background: #FFF url(../images/jobseeker/search_results_pager_top.gif) scroll no-repeat top left}
.clsPager.clsBottom {background: #FFF url(../images/jobseeker/search_results_pager_bottom.gif) scroll no-repeat bottom left}
.clsPager.clsTop select {background-color: #d4dde9}
.clsPager.clsBottom select {background-color: #d7d8d4}
.clsPager .clsHeader {position: absolute; font-size: 14pt; line-height: 30px; left: 12px}
.clsPager .clsPagerControls {position: absolute; top: 2px; left: 560px}
.clsPager .clsPagerControls td {font-size: 8pt; vertical-align: middle; height: 25px; line-height: 25px}
.clsPager .clsPagerControls select {padding: 0; margin: 0; width: 50px}
.clsPager .clsPagerControls .clsPreviousPage {width: 70px}
.clsPager .clsPagerControls .clsCurrentPage {width: 120px}
.clsPager .clsPagerControls .clsGoToPageLabel {width: 65px}
.clsPager .clsPagerControls .clsGoToPage {width: 75px}
.clsPager .clsPagerControls .clsNextPage {width: 70px}
.clsPager .clsPagerControls a {color: #FFF; text-decoration: none; text-transform: uppercase}
.clsPager .clsPagerControls a:hover {text-decoration: underline}
.clsFeaturedItem {width: 294px; display: block; border: 1px solid transparent; background-color: transparent}
.clsFeaturedItem:hover {background-color: #f4f4f3; border: 1px solid #d7dad4}
.clsFeaturedItem p {margin: 5px 10px 5px 5px; padding: 0}
.clsFeaturedItem a {font-weight: normal; font-size: 10pt; text-decoration: underline}
.clsFeaturedItem .clsCreditUnionName {font-size: 8pt}
.clsFeaturedItem .clsProvinceName {font-size: 8pt}
.clsFeaturedItem .clsJobPostingCount {font-size: 8pt; font-style: italic}
.clsDashboardContainer.cls102 {min-height: 102px;}
.clsDashboardContainer.cls108 {min-height: 108px;}
.clsDashboardContainer.cls123 {min-height: 123px;}
.clsDashboardContainer.cls135 {min-height: 135px;}

/* id selector styles */
/* all template styles */
#divLayoutContainer {position: relative; top: 0; left: 0}
#divLayoutTopContainer {position: relative; float: left; clear: both; top: 0; left: 0; width: 100%}
#divHeaderContainer {position: relative; margin: 0 auto 0 auto; top: 0; left: 0; width: 990px; height: 163px; background: transparent url(../images/header_background.gif) scroll no-repeat top center; text-align: left}
#divHeaderContainer #divLogo {position: absolute; top: 16px; left: 16px; width: 187px; height: 72px}
#divHeaderContainer #divLogo a {display: block}
#divHeaderContainer .clsLoggedIn {position: absolute; top: 22px; right: 30px; width: 380px; height: 20px; line-height: 20px; font-size: 11px; text-align: right;}
#divHeaderContainer .clsLoggedIn a {text-decoration: none;}
#divHeaderContainer .clsLoggedIn a:hover {text-decoration: underline;}
#divHeaderContainer #divGlobalContainer {position: absolute; top: 59px; min-width: 550px; height: 44px; right: 20px;}
#divHeaderContainer #divGlobalContainer #divGlobalContainerLeft {position: relative; float: right; top: 0; height: 44px; width: auto; min-width: 400px; margin: 0 8px 0 0; background: transparent url(../images/global_header_left.png) scroll no-repeat top left;}
*:first-child+html #divHeaderContainer #divGlobalContainer #divGlobalContainerLeft {width: 560px;}
#divHeaderContainer #divGlobalContainer #divGlobalContainerRight {position: absolute; top: 0; height: 44px; right: 0; width: 8px; background: transparent url(../images/global_header_right.png) scroll no-repeat top center;}
#divHeaderContainer #divGlobalContainer #divGlobalNavigation {position: relative; float: left; top: 8px; height: 33px; margin: 0 10px 0 15px;}
#divHeaderContainer #divGlobalContainer #divGlobalNavigation ul {list-style-type: none; padding: 0; margin: 0 0 0 15px; height: 100%}
#divHeaderContainer #divGlobalContainer #divGlobalNavigation ul li {padding: 0; margin: 0; float: left; font-size: 11px; height: 100%; line-height: 34px; text-shadow:rgba(0,0,0,0.01) 0 0 0}
#divHeaderContainer #divGlobalContainer #divGlobalNavigation ul li a {color: #dc7f1b; text-decoration: none}
#divHeaderContainer #divGlobalContainer #divGlobalNavigation ul li a:hover {text-decoration: underline}
#divHeaderContainer #divGlobalContainer #divGlobalNavigation ul li.clsDivider {padding: 0 12px 0 12px; margin: 0; background: transparent url(../images/global_navigation_divider.gif) scroll no-repeat center center}
#divHeaderContainer #divGlobalContainer #divLogout {position: relative; float: right; top: 8px; width: 101px; height: 33px}
#divHeaderContainer #divPrimaryNavigation {position: absolute; top: 108px; left: 10px; width: 970px; height: 54px}
#divHeaderContainer #divPrimaryNavigation ul {list-style-type: none; padding: 0; margin: 0; width: 730px; height: 100%}
#divHeaderContainer #divPrimaryNavigation ul li {padding: 0; margin: 0 1px 0 0; float: left; width: 145px; height: 100%}
#divHeaderContainer #divPrimaryNavigation ul li a {display: block; width: 100%; height: 100%}
#divHeaderContainer #divHelp {position: absolute; top: 120px; left: 933px; width: 30px; height: 30px}
#divContentPaneContainer {position: relative; margin: 0 auto 0 auto; top: 0; left: 0; width: 990px; height: 100%; background: transparent url(../images/content_background.gif) scroll no-repeat top left; text-align: left}
#divContentContainer {position: relative; top: 0; left: 0; padding: 5px 10px 16px 10px; width: 970px; min-height: 500px}
#divBreadCrumb {position: relative; top: 0; left: 0; width: 900px; height: 20px; padding-left: 11px; font-size: 10px; line-height: 21px; overflow: hidden}
#divBreadCrumb a {color: #dc7f1b; text-decoration: none}
#divBreadCrumb a:hover {text-decoration: underline}
#divCalloutContainer {position: relative; top: 0; left: 0; float: left; clear: both; width: 970px; margin-top: 11px; background: #FFF url(../images/callout_background.gif) scroll no-repeat top left}
#divCalloutContainer a {color: #dc7f1b}
#divCalloutContainer #divCalloutContainerOuterWrapper {position: relative; top: 0; right: 100%; width: 200%; margin-left: -323px; float: left}
#divCalloutContainer #divCalloutContainerInnerWrapper {position: relative; top: 0; left: 646px; width: 100%; margin-left: -50%; float: left}
#divCalloutContainer .clsCalloutContentContainer {position: relative; top: 0; width: 296px; min-height: 200px; margin-top: 17px !important; padding-top: 5px}
#divCalloutContainer #divCallout2Wrapper {position: relative; top: 0; right: 294px; width: 50%; float: left}
#divCalloutContainer #divCallout2 {width: 296px; left: 200%; margin: 0 308px 0 308px}
#divCalloutContainer #divCallout1 {float: right; right: 0px; margin: 0 15px 0 12px}
#divCalloutContainer #divCallout3 {float: right; left: 50%; margin: 0 12px 0 15px}
#divCalloutContainer .clsCalloutContent {position: relative; top: 0; left: 0; width: 296px}
#divCalloutContainer .clsCalloutContent h1 {font-family: Myriad Pro, Arial, sans serif; font-size: 17px; line-height: 19px; padding: 0; margin: 0; color: #8a8c85; padding-bottom: 15px}
#divCalloutFooterContainer {position: relative; top: 0; left: 0; height: 20px; background: #FFF url(../images/callout_footer_background.gif) scroll no-repeat top left; clear: both; padding-top: 5px}
#divLayoutBottomContainer {position: relative; float: left; clear: both; top: 0; left: 0; width: 100%; min-height: 300px; height: 300px; background: #c2c3bc url(../images/body_bottom_background.gif) scroll repeat-x top center}
#divFooterContainer {position: relative; margin: 0 auto 0 auto; top: 0; left: 0; width: 980px; height: 100%; background: #c2c3bc url(../images/footer_background.gif) scroll repeat-x top center; text-align: left}
#divFooterContainer #divFooter {position: absolute; top: 23px; left: 16px; width: 700px; font-size: 11px; color: #FFF; line-height: 18px}
#divFooterContainer #divFooter p {margin: 0; padding: 0}
#divFooterContainer #divFooter p.clsHeading {background: transparent url(../images/footer_heading_background.gif) scroll repeat-x bottom left}
#divFooterContainer #divFooter ul {list-style-type: none; margin: 0; padding: 0}
#divFooterContainer #divFooter ul li {margin: 0; padding: 0}
#divFooterContainer #divFooter ul li a {text-decoration: none; color: #FFF}
#divFooterContainer #divFooter ul li a:hover {text-decoration: underline}
#divFooterContainer #divFooter div {position: absolute; top: 0; left: 0; width: 130px}
#divFooterContainer #divFooter .clsJobSeekers {left: 0}
#divFooterContainer #divFooter .clsCuJobPosters {left: 160px}
#divFooterContainer #divFooter .clsMiscellaneous1 {left: 320px}
#divFooterContainer #divFooter .clsMiscellaneous2 {left: 464px}
#divFooterContainer #divCuLogo {position: absolute; top: 19px; left: 760px; width: 51px; height: 55px}
#divFooterContainer #divCaordaLogo {position: relative; top: 28px; left: 830px; width: 131px; height: 100px; font-size: 8pt; color: #fff}
#divFooterContainer #divCaordaLogo table td {text-align: center}
#divFooterContainer #divCaordaLogo a {color: #fff; text-decoration: none}
#divFooterContainer #divCaordaLogo a:hover {text-decoration: underline}

/* navigation elements */
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li {background-color: #9fabbc}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsCandidateSearch {background-image: url(../images/employer/navigation/button_find_a_candidate.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsCandidateSearch:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsCandidateSearch.clsSelected {background-image: url(../images/employer/navigation/button_find_a_candidate_alt.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsDashboard {background-image: url(../images/employer/navigation/button_dashboard.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsDashboard:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsDashboard.clsSelected {background-image: url(../images/employer/navigation/button_dashboard_alt.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsPostJob {background-image: url(../images/employer/navigation/button_post_a_job.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsPostJob:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsPostJob.clsSelected {background-image: url(../images/employer/navigation/button_post_a_job_alt.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsProfile {background-image: url(../images/employer/navigation/button_profile.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsProfile:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsProfile.clsSelected {background-image: url(../images/employer/navigation/button_profile_alt.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsResources {background-image: url(../images/employer/navigation/button_resources.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsResources:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsResources.clsSelected {background-image: url(../images/employer/navigation/button_resources_alt.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsSignup {background-image: url(../images/employer/navigation/button_signup.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsSignup:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsEmployer li.clsSignup.clsSelected {background-image: url(../images/employer/navigation/button_signup_alt.gif)}
#divHeaderContainer #divPrimaryNavigation #divJobSeekerSite {position: absolute; right: 0; top: 0; width: 145px; height: 100%; background-image: url(../images/employer/navigation/button_job_seeker_site.gif)}
#divHeaderContainer #divPrimaryNavigation #divJobSeekerSite:hover {background-image: url(../images/employer/navigation/button_job_seeker_site_alt.gif)}
#divHeaderContainer #divPrimaryNavigation #divJobSeekerSite a {display: block; width: 100%; height: 100%}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li {background-color: #dc7f1b}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsCuSearch {background-image: url(../images/jobseeker/navigation/button_find_a_cu.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsCuSearch:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsCuSearch.clsSelected {background-image: url(../images/jobseeker/navigation/button_find_a_cu_alt.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsJobSearch {background-image: url(../images/jobseeker/navigation/button_find_a_job.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsJobSearch:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsJobSearch.clsSelected {background-image: url(../images/jobseeker/navigation/button_find_a_job_alt.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsAccount {background-image: url(../images/jobseeker/navigation/button_account.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsAccount:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsAccount.clsSelected {background-image: url(../images/jobseeker/navigation/button_account_alt.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsResources {background-image: url(../images/jobseeker/navigation/button_resources.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsResources:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsResources.clsSelected {background-image: url(../images/jobseeker/navigation/button_resources_alt.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsResume {background-image: url(../images/jobseeker/navigation/button_resume.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsResume:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsResume.clsSelected {background-image: url(../images/jobseeker/navigation/button_resume_alt.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsSignup {background-image: url(../images/jobseeker/navigation/button_signup.gif)}
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsSignup:hover,
#divHeaderContainer #divPrimaryNavigation ul.clsJobSeeker li.clsSignup.clsSelected {background-image: url(../images/jobseeker/navigation/button_signup_alt.gif)}
#divHeaderContainer #divPrimaryNavigation #divEmployerSite {position: absolute; right: 0; top: 0; width: 145px; height: 100%; background-image: url(../images/jobseeker/navigation/button_employer_site.gif)}
#divHeaderContainer #divPrimaryNavigation #divEmployerSite:hover {background-image: url(../images/jobseeker/navigation/button_employer_site_alt.gif)}
#divHeaderContainer #divPrimaryNavigation #divEmployerSite a {display: block; width: 100%; height: 100%}

/* job posting styles */
#divContentContainer .clsJobPostingContainer {position: relative}
#divContentContainer .clsJobPostingContainer h2 {color: #dc7f1b; font-size: 12pt; font-weight: bold; text-transform: uppercase}
#divContentContainer .clsJobPostingContainer h2 span.clsCreditUnion {color: #82837b; text-transform: none}
#divContentContainer .clsJobPostingContainer h3 {font-size: 12pt}
#divContentContainer .clsJobPostingContainer table {margin-bottom: 15px}
#divContentContainer .clsJobPostingContainer a {text-decoration: underline !important; font-weight: normal !important}
#divContentContainer .clsJobPostingContainer span a,
#divContentContainer .clsJobPostingContainer a span,
#divContentContainer .clsJobPostingContainer strong a,
#divContentContainer .clsJobPostingContainer a strong {color: #dc7f1b !important; font-weight: normal !important}

/* list table style */
table.clsList {font-size: 9pt}
table.clsList tr th,
table.clsList tr th {height: 28px; color: #FFF}
table.clsList tr th a {color: #81837a}
table.clsList tr td {line-height: 28px; background: transparent url(../images/common/table_background.gif) scroll no-repeat 0 0}
table.clsList tr td img {display: block; margin-top: 4px}
table.clsList tr.clsRow1 td,
table.clsList tr.clsRow2 td {border-bottom: 1px solid #c5c6c0; vertical-align: top}
table.clsList tr.clsRow1 td {background-position: -800px -100px}
table.clsList tr.clsRow2 td {background-position: -800px 0}
table.clsList tr.clsRow1 td.clsDark {background-position: 0 -100px}
table.clsList tr.clsRow2 td.clsDark {background-position: 0 0}
table.clsList tr td.clsFirst {border-left: 1px solid #fff}
table.clsList tr td.clsLast {border-right: 1px solid #fff}
table.clsList tr td.clsFirst div {margin-left: 10px}
table.clsList tr.clsPager td {background-image: none; border: 0px; height: 30px; color: #81837a}
table.clsList tr.clsPager td table {float: right}
table.clsList tr.clsPager td table td {border: 0px; font-size: 8pt; font-weight: bold; width: 20px}
table.clsList tr.clsPager td table td a {text-decoration: none}
table.clsList tr.clsPager td table td a:hover {text-decoration: underline}

/* site map styles */
ul.clsSiteMap {list-style-type: none; padding: 0; margin: 0 0 0 15px}
ul.clsSiteMap li {padding: 4px 0 4px 0}
ul.clsSiteMap li a {text-decoration: none}
ul.clsSiteMap li a:hover {text-decoration: underline}
ul.clsSiteMap ul {list-style-type: none; padding: 4px 0 4px 0; margin: 0 0 0 15px}