body { background: url(../images/background.gif); }

.topheader { font-size: 75%; color: #fff; background: #666; border-bottom: 1px solid #ccc; }
.topheader p { margin: 0; padding: 0; }
.topheader a { color: #fff; text-decoration: none; }
.topheader a:hover { color: #fff; text-decoration: underline; }
.topheader .inner { width: 960px; margin: 0 auto; padding: 3px 0; }

.connexionsheader { background: #4a217f; }
.connexionsheader p { margin: 0; padding: 0; }
.connexionsheader .inner { width: 960px; margin: 0 auto; padding: 10px 0; text-align: right; }

.maincontent { width: 960px; margin: 0 auto; background: #fff; padding-top: 5px; }

.maincontent #leftColumn { width: 230px; background: none; }
.maincontent #leftColumn #jobcodeSearch { margin-top: 0; background: #ebe8d9; padding: 10px; margin-bottom: 5px; }
.maincontent #leftColumn #jobcodeSearch p { margin: 0; padding: 0; }
.maincontent #leftColumn #jobcodeSearch .jobcodeText { display: block; font-size: 120%; color: #666; font-weight: normal; padding-bottom: 5px; }
.maincontent #leftColumn #jobcodeSearch .jobcodeInput { width: 130px !important; margin-right: 5px; }
.maincontent #leftColumn #jobcodeSearch .go { border: 0; background: #f0b000; color: #fff; height: 22px; margin: 0; padding: 0; vertical-align: bottom; font-weight: bold; text-transform: uppercase; cursor: pointer; }

.maincontent #leftColumn #signinBox { border: 0; background: #ebe8d9; padding: 0 10px; margin: 0 0 4px 0; width: auto; font-weight: normal; border-bottom: 1px solid #fff; }
.maincontent #leftColumn #signinBox #signin { border: 0; padding: 0; margin: 0; background: none; }
.maincontent #leftColumn #signinBox p { border: 0; padding: 10px 0; margin: 0; background: none; }
.maincontent #leftColumn #signinBox p:first-child { border-bottom: 1px solid #fff; }
.maincontent #leftColumn #signinBox p a { color: #666; text-decoration: none; background: none; }
.maincontent #leftColumn #signinBox p a:hover { text-decoration: underline; }

.maincontent #applicationBox { border: 0; width: 210px; padding: 10px 10px 5px 10px; border-top: 1px solid #fff; background: #ebe8d9; }
.maincontent #helpLinks { border: 0; width: 210px; padding: 5px 10px; border-top: 1px solid #fff; background: #ebe8d9; }
.maincontent #applicationBox #boxTitle { margin: 0; padding: 0; }
.maincontent #applicationBox #boxTitle h2 { color: #666; margin-top: 0; padding-top: 0; }
.maincontent #applicationBox #boxTitle img { display: none; }
.maincontent #applicationBox .jobSlotEmpty{ border: 1px solid #666; margin-bottom: 5px; color: #666; }
.maincontent #applicationBox .jobSlotClosed{ background: #666; margin-bottom: 5px; color: #fff; border: 0; }
.maincontent #helpLinks  .helpLink { margin: 0; padding: 0; border: 0; background: none; }
.maincontent #helpLinks  .helpLink p { border-bottom: 1px solid #fff; margin: 0; padding: 10px 0; background: none; }
.maincontent #helpLinks  .helpLink p a { color: #666; text-decoration: none; }
.maincontent #helpLinks  .helpLink p a:hover { text-decoration: underline; }

.maincontent #header { background: url( ../images/on-line_vacancy_service_banner.jpg ) no-repeat; height: 90px; margin-left: 245px; width: 690px; padding: 60px 0 0 20px; }
.maincontent #headerSearch { background: url( ../images/your_search_results_banner.jpg ) no-repeat; height: 90px; margin-left: 245px; width: 690px; padding: 60px 0 0 20px; }
.maincontent #headerChangePassword { background: url( ../images/change_password_banner.jpg ) no-repeat; height: 90px; margin-left: 245px; width: 690px; padding: 60px 0 0 20px; }
.maincontent #headerJobSearch { background: url( ../images/job_search_banner.jpg ) no-repeat; height: 90px; margin-left: 245px; width: 690px; padding: 60px 0 0 20px; }
.maincontent #headerSignIn { background: url( ../images/sign_in_banner.jpg ) no-repeat; height: 90px; margin-left: 245px; width: 690px; padding: 60px 0 0 20px; }
.maincontent #headerVacancyDetails { background: url( ../images/vacancy_details_banner.jpg ) no-repeat; height: 90px; margin-left: 245px; width: 690px; padding: 60px 0 0 20px; }
.maincontent #headerMyMatching { background: url( ../images/my_matching_banner.jpg ) no-repeat; height: 90px; margin-left: 245px; width: 690px; padding: 60px 0 0 20px; }

.maincontent #header h1 { color: #fff; font-size: 190%; margin: 0; padding: 0; }

.maincontent #content { margin-left: 225px; }
