html {
}
body {
background-color: #F6F6F6;
margin: 0px;
font-size: 70%;
font-family: Geneva, Arial, Helvetica, sans-serif;
padding-top: 10px;
}
img { border: 0; }
#wrapper {
background-color: white;
margin: auto;
padding: 20px 10px 20px 10px;
width: 769px;
}
#header {
height: 35px;
margin: 10px;
}
#topBar {
float: right;
margin: 0px;
padding: 0px;
width: 41%;
}
#topBar #telephone {
color: #3BACCE;
float: left;
font-size: 180%;
margin-top: 4px;
}
#topBar #bag {
clear: right;
float: right; font-weight: bold; margin-right: 5px;
width: 140px;
}
#feature {
height: 196px; clear:both;
}
#quickSearch {
background-color: #55A1EE;
/* background-image: url( ../images/generic/quick_search_complete.jpg );
background-position: center ;
background-repeat: no-repeat:
*/ margin: 0px 3px 10px 3px;
padding: 3px;
height: 160px;
width: 184px;
}
#quickSearchForm {
border: 1px solid white;
background-color: #98C3EE;
height: 157px;
text-align: center;
}
#quickSearchForm select {
margin-bottom: 5px;
width: 150px;
}
#SearchTitle {
color: #F1FFFF;
font-size: 1.6em;
margin: 10px 0;
text-align: left;
text-indent:16px;
}
/*
#quickSearchForm a {
*/
#quickSearchForm input {
border: 0;
border-style:none;
color: white;
font-weight: bold;
height: 34px;
width: 67px;
}
input.submit {
background:url(../images/interface/buttons_small_search.jpg) no-repeat 0px -42px;
float: left;
margin-left: 16px;
}
a:hover input.submit {
background:url(../images/interface/buttons_small_search.jpg) no-repeat 0px 0px;
}
input.reset {
background:url(../images/interface/buttons_small_search.jpg) no-repeat 0px -42px;
float: right;
margin-right: 13px;
}
a:hover input.reset {
background:url(../images/interface/buttons_small_search.jpg) no-repeat 0px 0px;
}
.leftBarBox {
margin-bottom: 20px;
}
.latestJobs {
background: url(../images/interface/job_title_full_box.jpg) no-repeat;
color: white;
height:64px;
padding: 13px;
width: 168px;
margin-bottom:10px;
}
.latestJobs .h3 {
}
.latestJobs p {
color: white;
}
.latestJobs .latestTitle {
font-size: 1.2em;
font-weight: bold;
margin: 4px 0;
}
.latestJobs .latestLocation {
}
.latestJobs .moreInfo {
font:bold 1em/1.2em Geneva, Arial, Helvetica, sans-serif;
color: white;
}
.text_white {
color: white;
}
.text_black {
color: black;
}
.bg_grey {
background-color: grey;
background: url(../images/interface/bg_grey.jpg) repeat-y;
}
.bg_blue {
background-color: blue;
background: url(../images/interface/bg_blue.jpg) repeat-y;
}
.content_box {
padding: 13px;
width: 168px;
margin-bottom:10px;
}
.content_box h1, .content_box h1 a {
font-size: 1.5em;
line-height: 1.5em;
margin: 0;
padding-bottom: 3px;
}
.content_box h2, .content_box h2 a {
font-size: 1.3em;
line-height: 1.3em;
margin: 0;
padding-bottom: 3px;
}
.content_box h3, .content_box h3 a {
font-size: 1.1em;
line-height: 1.1em;
margin: 0;
padding-bottom: 3px;
}
.content_box h4, .content_box h4 a {
font-size: 1em;
line-height: 1em;
margin: 0;
padding-bottom: 3px;
}
.content_box h5, .content_box h5 a {
font-size: 0.9em;
line-height: 0.9em;
margin: 0;
padding-bottom: 0px;
}
.content_box h6, .content_box h6 a {
font-size: 0.8em;
line-height: 0.8em;
margin: 0;
padding-bottom: 0px;
}
.content_box p {
font-size: 1em;
line-height: 1.3em;
margin:0;
padding-bottom: 3px;
}
/*// incase of adding full images
.content_box {
padding: 13px 0;
width: 168px;
margin-bottom:10px;
}
.content_box h1, .content_box h2, .content_box h3, .content_box h4, .content_box h5, .content_box h6, .content_box p {
padding: 0 13px;
}
*/
.content_box .latestTitle {
font-size: 1.2em;
font-weight: bold;
margin: 4px 0;
}
.content_box .xa {
font: bold 1em/1.2em Geneva, Arial, Helvetica, sans-serif;
color: white;
}
.content_box p a {
padding-bottom: 3px;
}
.content_box a:link { color: white; font-weight:bold ; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
.content_box a:visited { color: white; font-weight:bold ; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
.content_box a:hover { color: white; font-weight:bold ; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.content_box a:active { color: white; font-weight:bold ; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
/*
#container { width:769px; padding: 0px 7px; background:#FFFFFF; height:100%;}
#header_right {display: block; float:right; padding: 70px 10px 0px 0px;}
#header_right h1 { font: normal 2.2em/1.8em Geneva, Arial, Helvetica, sans-serif; color:#acd038; display:inline; margin:0px;}
#header_right p {font: normal 1em/1em Geneva, Arial, Helvetica, sans-serif; color:#4d4d4d; display:inline; margin:0px; padding-left: 20px;}
#header { padding-bottom: 6px;}
*/
#navigation { height:42px; clear: both; }
/* bof navigational elements*/
#nav { margin:0; padding:0; }
#nav li { display:inline; padding:0; margin:0; }
#nav a:link, #nav a:visited {
text-decoration:none;
display:block;
float:left;
text-align:center;
font: bold 1.2em/2.6em Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background:url(../images/interface/nav_bg.jpg) no-repeat 0px -42px;
text-transform:capitalize;
height:42px;
}
#nav a:hover { color:#fff; background: url(../images/interface/nav_bg.jpg); }
#nav-home a, #nav-about a, #nav-jobs a, #nav-employers a { width:154px;}
#nav-contact a {width: 153px;}
#home #nav-home a, #about-discovery #nav-about a, #job-search #nav-jobs a, #employers #nav-employers a, #contact #nav-contact a {
color:#fff;
background: url(../images/interface/nav_bg.jpg) no-repeat ;
}
#home #nav-home a:hover, #about-discovery #nav-about a:hover, #job-search #nav-jobs a:hover, #employers #nav-employers a:hover, #contact #nav-contact a:hover {
color:#fff;
}
#nav a:active {
color:#fff; background:url(../images/interface/nav_bg.jpg) no-repeat 0px -42px;
}
/* eof navigational elements*/
#feature_inpage { height:199px; margin-bottom:10px;}
#content { padding: 10px 0px 12px 0px;}
#content_inpage {padding: 0px 0px 12px 0px;}
/* bof link classes*/
a.pagelink:link { color: #3bacce; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.pagelink:visited{ color: #3bacce; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.pagelink:hover { color: #3bacce; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.pagelink:active { color: #3bacce; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.baglink:link { color: #000; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.baglink:visited{ color: #000; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.baglink:hover { color: #000; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.baglink:active { color: #000; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.joblink:link {color: #fff; font: normal 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.joblink:visited {color: #fff; font: normal 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.joblink:hover { color: #fff; font: normal 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.joblink:active { color: #fff; font: normal 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#footer { padding: 0px 24px; font: normal 1em/3em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background:#b0b0b0; margin-bottom:20px; clear:both;}
#footer a:link {font: normal 1em/1em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: none; }
#footer a:visited {font: normal 1em/1em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: none; }
#footer a:hover { font: normal 1em/1em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: underline; }
#footer a:active { font: normal 1em/1em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: underline; }
/* eof link classes */
#left_col {float: left; display:block; width:194px; padding-bottom:10px;}
#right_col { float:right; width:537px; padding: 0px 19px 10px;}
#friend_form {width:380px; padding: 10px 19px; font-size: 62.5%;}
.force_text {font-size: 62.5%;}
#right_col_inpage { float:right; width:546px; padding: 0px 19px 10px 10px;}
#right_col h1, #right_col_inpage h1, #friend_form h1 {font: normal 1.6em/1.6em Geneva, Arial, Helvetica, sans-serif; color:#3bacce; margin: 0px 0px 5px;}
#right_col h2, #right_col_inpage h2, #friend_form h2 {font: normal 1.5em/1.5em Geneva, Arial, Helvetica, sans-serif; color:#3bacce; margin: 0px 0px 5px;}
#right_col h3, #right_col_inpage h3, #friend_form h3 {font: normal 1.3em/1.3em Geneva, Arial, Helvetica, sans-serif; color:#3bacce; margin: 0px 0px 5px;}
#right_col h4, #right_col_inpage h4, #friend_form h4 {font: normal 1.0em/1.0em Geneva, Arial, Helvetica, sans-serif; color:#3bacce; margin: 0px 0px 5px;}
#right_col h5, #right_col_inpage h5, #friend_form h5 {font: normal 0.9em/0.9em Geneva, Arial, Helvetica, sans-serif; color:#3bacce; margin: 0px 0px 5px;}
#right_col h6, #right_col_inpage h6, #friend_form h6 {font: normal 0.8em.0.8em Geneva, Arial, Helvetica, sans-serif; color:#3bacce; margin: 0px 0px 5px;}
#right_col h1 span, #right_col_inpage h1 span, #friend_form h1 span { color: #acd038;}
#right_col p,#right_col_inpage p, #friend_form p { font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif; color:#4d4d4d; margin: 0px 0px 10px;}
#right_col span.highlight,#right_col_inpage span.highlight, #friend_form soan.highlight { font-weight:bold; color:#3bacce;}
.featured_job { display:block; width:174px; padding:10px; background:url(../images/interface/job_slug_bg.jpg) no-repeat top; margin-top: 10px;}
.featured_job h1 { font: bold 1.4em/1.2em Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 0px;}
.featured_job p { font: normal 1em/1.2em Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 0px;}
/*form elements*/
/*new form*/
/* COLOR/BORDERS CSS */
form.ddfm h1,
form.ddfm h2 {
color: #fff;
}
form.ddfm legend,
form.ddfm label,
form.ddfm label.fmtextlblwide {
color: #fff;
}
form.ddfm .fmcheck p,
form.ddfm .fmradio p,
form.ddfm textarea,
form.ddfm .fmfullblock,
form.ddfm .fmhalfblock,
form.ddfm .fmselect,
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
color: #404040;
}
.required {
color: #FF0000;
}
.ddfmerrors {
color: #FF0000;
}
/* TEXT CSS */
.ddfmwrap {
}
form.ddfm h1 {
font-size: 140%;
}
form.ddfm h2 {
font-size: 115%;
}
legend,
label, label.fmtextlblwide {
font-size: 100%;
font-weight: bold;
}
form.ddfm .credits {
font-size: 90%;
}
form.ddfm legend {
font-size: 110%;
}
.ddfmerrors {
font-weight: bold;
}
/* STRUCTURE CSS */
.ddfmwrap {
/*border: 1px solid red;*/
/*margin: 15px auto 15px auto;*/
width: 420px;
text-align:left;
display:block;
padding-top: 20px;
/*margin-top: 30px;
padding: 20px;*/
}
p.fieldwrap {
/* border: 1px solid blue;*/
text-align: left;
color:#999999;
display:block;
padding: 0;
margin:0px;
vertical-align:top;
}
p.fieldwrap label {
display: block;
float: left;
width: 130px;
}
label {vertical-align:top;}
p.fieldwrap input {
border-style: insert;
border-bottom:0;
border-right:0;
}
p.fieldwrap textarea {
border-style: insert;
border-bottom:0;
border-right:0;
}
form.ddfm {
text-align: left;
width: 380px; }
form.ddfm fieldset {
padding: 0 10px 2px 10px;
margin: 0 0 13px 0;
display: block;}
form.ddfm legend {
padding: 0 6px 0 6px;
margin: 0 0 0 10px; }
form.ddfm label {
display: block;
float: left;
width: 26%;
text-align: right;
margin: 0 10px 0 0;
padding-bottom: 15px;
}
/*it's here*/
input.fmfile,
input.fmtext {
display: inline;
color:#000000;
background-color: #fff;
width: 260px;
height: 15px;
border: 1px solid #8c8c8c;
margin-left: 10px;
font: normal 0.9em Verdana, Arial, Sans-Serif;
}
input.fmtextreq {
display: inline;
color:#000000;
width: 260px;
height: 15px;
border: 1px solid #8c8c8c;
margin-left: 10px;
font: normal 0.9em Verdana, Arial, Sans-Serif;
}
.fmtextarea {
display:inline;
margin: 0px 0px 5px;
color:#000000;
font: normal 0.9em Verdana, Arial, Sans-Serif;
background-color: #fff;
width: 260px;
height: 70px;
border: 1px solid #8c8c8c;
margin-left: 10px;
}
.errorlist {
color:#FF0000;
display: block;
width: 65%;
padding: 3px;
}
/*small form classes*/
legend {
background-color: #FFFFFF;
border: 0.1em;
border-color: #7E9FDA;
border-style: solid;
color: #3362B4;
font-weight: bold;
padding: 0.5em;
}
.formtitle { font: bold 1em/1em Verdana, Arial, Helvetica, sans-serif; }
.textfield {
font: normal 10px/19px Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
width: 170px;
height: 100px;
border: 1px solid #8c8c8c;
margin-bottom:3px;
}
#itemDesc {
width: 400px;
}
.form_select {
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
width: 152px;
height: 20px;
border: 1px solid #999999;
}
.button_reset {
float: right;
width: 70px;
}
.button_send {
float: right;
width: 210px;
}
.button {
color: #fff;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
background: url(../images/interface/button_bg.png) repeat-x ;
padding:0px 5px 5px;
height:21px;
border: none;
cursor:pointer;
}
.button:hover {color: #4d4d4d;}
.formfield {
color: #333333;
font: normal 10px/17px Verdana, Arial, Helvetica, sans-serif;
width: 170px;
height: 17px;
border: 1px solid #8c8c8c;
background: #fff;
margin-bottom:3px;
}
.formfield_req {
color: #333333;
font: normal 10px/17px Verdana, Arial, Helvetica, sans-serif;
width: 170px;
height: 17px;
border: 1px solid #8c8c8c;
margin-bottom:3px;
}
dl {
clear: both;
color:#4D4D4D;
float: left;
font: normal 1em Verdana, Arial, Sans-Serif;
margin: 0 0 20px 0;
width: 100%;
}
dt {
clear: left;
float: left;
margin: .5em .5em;
}
/* #searchInstruction dt {
color: #3bacce;
font-weight: bold;
width: 30px;
}
*/ dd {
margin: .5em 0;
float: left;
padding: 0;
}
/* #searchInstruction dd {
width: 90%;
}
*/
#searchInstruction {
clear: both;
color:#4D4D4D;
float: left;
font: normal 10px Verdana, Arial, Sans-Serif;
/* margin: 0 0 20px 0;
*/ width: 100%;
}
#searchInstruction dt {
color: #3bacce;
font-weight: bold;
clear: left;
float: left;
height: 20px;
/* margin: .5em .5em;
*/ width: 30px;
}
#searchInstruction dd {
margin: .5em 0;
float: left;
height: 20px;
padding-top: 10px;
margin: 0 0 5px 0;
/* margin: .5em 0;
*/ width: 85%;
}
#jobSearchFormLayout {
clear: both;
width: 50%;
}
#jobSearchFormLayout dt {
}
#jobSearchForm {
clear: both;
font: normal 1em Verdana, Arial, Sans-Serif;
width: 60%;
margin-left: 140px;
}
#jobSearchForm p {
text-align: left;
}
#jobSearchForm label {
color: #3bacce;
display: block; width: 100px; float: left;
}
#jobSearchForm span {
color: #933E41;
}
#jobSearchForm input {
}
#jobSearchForm select {
font-size: 100%;
/* height: 15px; */
width: 190px;
}
#jobSearchForm #keywords {
font-size: 105%;
height: 12px;
padding-left: 3px;
padding-top: 2px;
width: 184px;
}
#jobSearchForm .require {
display: block;
float: left;
width: 73px;
}
#jobSearchFormHoriz {
border: 2px dotter blue;
margin: 0;
padding: 0;
text-align: left;
}
.searchFormHorizHeader {
border: 1px dotter red;
margin: 0;
padding: 0;
list-style-type: none;
}
.searchFormHorizHeader li {
display: block;
float: left;
padding: 0;
margin: 0;
width: 32%;
}
.searchFormHorizHeader label {
color:#3BACCE;
text-align: left;
}
.searchFormHorizBody {
border: 1px dotter red;
margin: 0;
padding: 0;
list-style-type: none;
}
.searchFormHorizBody li {
display: block;
float: left;
padding: 0;
margin: 0;
width: 32%;
}
.searchFormHorizBody label {
text-align: left;
}
.searchFormHorizBody select {
font-size: 10px;
width: 170px;
}
.searchFormHorizBody input {
font-size: 10px;
width: 164px;
}
.searchFormHorizFooter {
border: 1px dotter red;
margin: 4px 0 0 0;
padding: 0;
list-style-type: none;
width:99.9%;
}
.searchFormHorizFooter li {
display: block;
float: left;
padding: 0;
margin: 0;
width: 32%;
}
.small_text {
font-size: 10px;
}
.keywordSearch {
clear: both;
color: #4D4D4D;
height: 30px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
.keywordSearch li {
display: block;
float: left;
}
.keywordSearch li #keywords {
margin: 0 30px;
width: 200px;
}
.searchFormLayoutHoriz {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
width: 100%;
}
.searchFormLayoutHoriz li {
display: block;
float: left;
padding: 0;
margin: 0;
width: 32%;
}
.searchFormLayoutHoriz li {
font-size: 120%;
}
.searchFormLayoutHoriz select {
font-size: 10px;
}
.searchFormLayoutHoriz #location{
font-size: 10px;
}
.searchFormLayoutHoriz #sector {
font-size: 10px;
}
.searchFormLayoutHoriz #keywords {
font-size: 10px;
}
.searchFormLayoutHoriz #submit {
margin-right: 10px;
}
.textRight {
text-align: right;
}
.searchComment {
color: #4D4D4D;
margin: 0 0 10px 0;
}
#searchResultWrapper { color: #4D4D4D;}
.searchResults { margin-bottom: 30px; }
.searchResults .leftLabel { float: left; width: 60px; clear: right; }
.searchResults .leftContent { float: left; width: 285px; clear: right; }
.searchResults .rightLabel { float: left; width: 80px; clear: right; }
.searchResults .rightContent { float: left; width: 80px; clear: right; }
.searchResults .jobDescription { clear: left }
.pageNav { margin-top: 20px; }
.pageNav a:link, .pageNav a:visited { font-weight:bold; color:#3bacce; }
.pageNav a:hover, .pageNav a:active { font-weight:bold; color:#3bacce; text-decoration: none; }
.standardText a:link, .standardText a:visited {
font-weight: bold;
color: #3bacce;
}
.standardText a:hover, .standardText a:active {
font-weight: bold;
color: #3bacce;
text-decoration: none;
}
.firstLast { float: left; width: 30px; text-align: center }
.prevNext { float: left; width: 70px; text-align: center; }
#pageNumbers { float: left; width: 320px; text-align: center; }
.pageNumber { float: left; width: 30px; text-align: center; }
.standardText { color:#4D4D4D; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1em;
font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.2em; margin:0px 0px 5px; }
.bagMessage {
color: red;
font-weight: bold;
}
.jobDetailNav {
margin: 20px 0;
}
.jobDetailNav #applyField {
width: 200px; float: left;
}
.jobDetailNav #printField {
width: 200px; float: right;text-align: right;
}
#backToSearchResults {
clear: both;
}
br .clearBoth {
clear: both;
}
.printIcon { text-decoration: none; }
.cartContents {
}
.cartList #cartHeadings { color:#3bacce; text-align: center; }
.cartList #cartHeadings .contentCol { width: 350px; }
.cartList #cartContent { color:#3bacce; text-align: center; }
.cartList #cartContent .contentCol { font-size: 1.1em; font-weight: bold;text-align: left; padding: 0 10px 0 10px; }
.cartList .refCol { width: 90px; float: left; }
.cartList .contentCol { float: left; width: 330px; }
.cartList .actionCol { float: left; width: 70px; }
.adminTable {
}
#adminTableHeader {
}
#adminTableContent {
}
#adminTableHeaderRow {
}
#adminTableContentRow {
}
a.morelink:link {color: white; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.morelink:visited {color: white; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.morelink:hover { color: white; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.morelink:active { color: white; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#contactDetail {
clear : right;
height: 40px;
color: #4D4D4D;
margin-bottom: 20px;
}
#contactAddress {
float: left;
font-size: 1em;
width: 49%;
}
#contactPhone {
float: left;
width: 49%;
clear: right;
}
#adminHeader {
color:#3bacce; font-weight: bold; text-align: center;
}
/* Added by Duncan, Moo Marketing Nov 2007 for Blog */
.blog_ul {
list-style:none;
padding-left:0px;
font-size:12px;
font-weight:bold;
}
.blog_ul li {
list-style:none;
padding-left:0px;
padding:0px;
margin-left:10px;
margin:0px;
}
.blog_ul li ul {
padding-left:0px;
margin-left:0px;
list-style:none;
}
.blog_ul li ul li {
padding-left:0px;
margin-left:10px;
list-style:none;
}
.blog_ul li ul li a {
font-weight:normal;
}
#blog #right_col a {
font-weight: bold;
color: #3bacce;
text-decoration: none;
}