/* BLUE */ .blue a:visited {color:#0094de;} .blue a:link, a:visited, a:hover, a:active, .blue #content-wrapper #job-search-middle legend, .blue #content-wrapper #industries-middle h2, .blue #content-wrapper #content-primary #welcome-middle h3 {color:#0094de;} .blue #sub-header, .blue #content-wrapper #job-search-middle .form-entry select, .blue #content-wrapper #content-primary #welcome-middle a {background:#0094de;} .blue #sub-header #search .search-button {background: url(../images/butt-main-search.gif) no-repeat 0 2px; border:none;} .blue #content-wrapper #content-primary #job-search-top {background: url(../images/box-top.gif) no-repeat;} .blue #content-wrapper #content-primary #job-search-middle {background: url(../images/box-bottom.gif) repeat 0 bottom;} .blue #content-wrapper #content-primary #industries-top {background:url(../images/box-top-big.gif) no-repeat;} .blue #content-wrapper #content-primary #industries-middle {background: url(../images/box-bottom-big.gif) repeat 0 bottom;} .blue #content-wrapper #industries-middle ul {} .blue #content-wrapper #content-primary #welcome-top {background:url(../images/box-top-welcome.gif) no-repeat;} .blue #content-wrapper #content-primary #welcome-middle {background: url(../images/box-bottom-welcome.gif) repeat-y 0 bottom;} .blue #footer {background:url(../images/footer-bg.jpg) repeat-y 0 bottom;} /* ORANGE */ .orange a:visited {color:#ef7f00;} .orange a:link, a:visited, a:hover, a:active, .orange #content-wrapper #job-search-middle legend, .orange #content-wrapper #industries-middle h2, .orange #content-wrapper #content-primary #welcome-middle h3 {color:#ef7f00;} .orange #sub-header, .orange #content-wrapper #job-search-middle .form-entry select, .orange #content-wrapper #content-primary #welcome-middle a {background:#ef7f00;} .orange #sub-header #search .search-button {background: url(../images/orange/butt-main-search.gif) no-repeat 0 2px; border:none;} .orange #content-wrapper #content-primary #job-search-top {background: url(../images/orange/box-top.gif) no-repeat;} .orange #content-wrapper #content-primary #job-search-middle {background: url(../images/orange/box-bottom.gif) repeat 0 bottom;} .orange #content-wrapper #content-primary #industries-top {background:url(../images/orange/box-top-big.gif) no-repeat;} .orange #content-wrapper #content-primary #industries-middle {background: url(../images/orange/box-bottom-big.gif) repeat 0 bottom;} .orange #content-wrapper #industries-middle ul {} .orange #content-wrapper #content-primary #welcome-top {background:url(../images/orange/box-top-welcome.gif) no-repeat;} .orange #content-wrapper #content-primary #welcome-middle {background: url(../images/orange/box-bottom-welcome.gif) repeat-y 0 bottom;} .orange #footer {background:url(../images/orange/footer-bg.gif) repeat-y 0 bottom;} /* GREEN */ .green a:visited {color:#85c226;} .green a:link, a:visited, a:hover, a:active, .green #content-wrapper #job-search-middle legend, .green #content-wrapper #industries-middle h2, .green #content-wrapper #content-primary #welcome-middle h3 {color:#85c226;} .green #sub-header, .green #content-wrapper #job-search-middle .form-entry select, .green #content-wrapper #content-primary #welcome-middle a {background:#85c226;} .green #sub-header #search .search-button {background: url(../images/green/butt-main-search.gif) no-repeat 0 2px; border:none;} .green #content-wrapper #content-primary #job-search-top {background: url(../images/green/box-top.gif) no-repeat;} .green #content-wrapper #content-primary #job-search-middle {background: url(../images/green/box-bottom.gif) repeat 0 bottom;} .green #content-wrapper #content-primary #industries-top {background:url(../images/green/box-top-big.gif) no-repeat;} .green #content-wrapper #content-primary #industries-middle {background: url(../images/green/box-bottom-big.gif) repeat 0 bottom;} .green #content-wrapper #industries-middle ul {} .green #content-wrapper #content-primary #welcome-top {background:url(../images/green/box-top-welcome.gif) no-repeat;} .green #content-wrapper #content-primary #welcome-middle {background: url(../images/green/box-bottom-welcome.gif) repeat-y 0 bottom;} .green #footer {background:url(../images/green/footer-bg.gif) repeat-y 0 bottom;} /* GENERAL styles -------------------------------------------------------------------------------------------- Styles set for all pages. ------------------------------------------------------------------------------------------*/ html {background:#969593; font-size: 100%; min-height: 101%;} body {color:#333333; font:62.5%/1.8em Verdana, Arial, Helvetica, sans-serif; margin: 0 auto;width: 990px;} a:link, a:visited, a:hover, a:active {outline:none; text-decoration:none} a:hover {text-decoration:underline;} br {clear: both;} .hide {position:absolute; left:-9999px} /* TYPOGRAPHY -------------------------------------------------------------------------------------------- Keeps typographic styles all in one place ------------------------------------------------------------------------------------------*/ h1, h2 {font-weight: bold;} h2 {} p, label, ul {font-size:1.1em;} /*CONTENT BLOCKS -------------------------------------------------------------- These are the main regions on the page. ------------------------------------------------------------*/ #wrapper {background:#969593 url(../images/bg.jpg) repeat-y center 5px; padding:0;} #header {background:#fff url(../images/header-bg.jpg) no-repeat center top; padding:0 43px; height:123px;} #header2 {background:#fff url(../images/header-bg2.jpg) no-repeat center top; padding:0 43px; height:123px;} #sub-header {margin:0 24px 25px; padding:0 20px; overflow:auto;} #sub-header #nav-primary {float:left; height:35px; margin-right:38px;} #sub-header #search {margin:6px 0 0 0;} #content-wrapper {padding:0 45px;} #content-wrapper #content-primary {} #content-wrapper #content-primary #job-search {float:left; margin-right:15px; width:350px;} #content-wrapper #content-primary #industries {float:left; width:520px;} #content-wrapper #welcome {clear:both; padding-top:1em;} /* HEADER -------------------------------------------------------------- ------------------------------------------------------------*/ #header #account {float:right; margin-top:100px;} #header #logo {float:left;} #header #logo img {margin:28px 0 0 0;} #header2 #account {float:right; margin-top:100px;} #header2 #logo {float:left;} #header2 #logo img {margin:28px 0 0 0;} /* SUB-HEADER -------------------------------------------------------------- ------------------------------------------------------------*/ #sub-header #search form {} #sub-header #search .searchBox {background:#c1c1c1; margin-right:10px; padding: 2px; width:160px;} #sub-header #search .search-button {color:#ffffff; font-family:Arial,Helvetica,sans-serif; font-size: 13px; margin-top: -3px; width:71px; height:27px;} /* NAVIGATION -------------------------------------------------------------- ------------------------------------------------------------*/ #nav-primary ul {margin:8px 0 0 0;} #nav-primary ul li {display:inline; margin-right:34px;} #nav-primary ul li a {color:#fff; font-weight:bold;} /* MAIN CONTENT -------------------------------------------------------------- ------------------------------------------------------------*/ /* Job search */ #content-wrapper #content-primary #job-search-top {padding:10px 15px 6px;} #content-wrapper #content-primary #job-search-middle {padding:0 15px 23px 15px;} #content-wrapper #job-search-middle p.RSS {background: url(../images/rss-icon.gif) no-repeat right 0; float:right; padding:0 26px 3px 2px; position:absolute; text-align:right; width:285px;} #content-wrapper #job-search-middle {clear: both; font-size:1.4em;} #content-wrapper #job-search-middle legend {font-size:0.9em; font-weight:bold; margin-bottom:0.5em; padding:0;} #content-wrapper #job-search-middle .form-entry {margin-bottom:1.35em;} #content-wrapper #job-search-middle .buttons {margin-bottom:0;} #content-wrapper #job-search-middle .buttons #butt-search {margin:0 1em 0 4.8em;} #content-wrapper #job-search-middle .buttons #butt-search-advanced {} #content-wrapper #job-search-middle .form-entry label {display:block; float:left; font-size:0.8em; line-height:1.5em; width:70px;} #content-wrapper #job-search-middle .form-entry .radio label{display:inline; float:none; width:auto;} #content-wrapper #job-search-middle .form-entry select {color:#ffffff;} #content-wrapper #job-search-middle p { font-size:0.8em; line-height:1.5em; margin: 10px 0 20px 0; } /* Industries */ #content-wrapper #content-primary #industries-top {height:18px; width:520px;} #content-wrapper #content-primary #industries-middle {float:left; overflow: auto; padding:0 15px 25px 15px; } /* #content-wrapper #content-primary #industries-bottom {background: url(../images/box-bottom-big.gif) no-repeat; clear:both; padding:10px 15px 0;} */ #content-wrapper #industries-middle h2 {font-size:1.2em; margin-bottom:0.5em;} #content-wrapper #industries-middle ul {height:228px; padding-right:8px; width:480px;} #content-wrapper #industries-middle ul li {float:left; height:113px; width:120px; } /* #content-wrapper #industries-middle ul li.bc {background: url(../images/industries-building-contracting.gif) no-repeat;} #content-wrapper #industries-middle ul li.fm {background: url(../images/industries-fac-maint.gif) no-repeat;} #content-wrapper #industries-middle ul li.ps {background: url(../images/industries-property-survey.gif) no-repeat;} #content-wrapper #industries-middle ul li.shr {background: url(../images/industries-housing-resi.gif) no-repeat;} #content-wrapper #industries-middle ul li.dc {background: url(../images/industries-design.gif) no-repeat;} #content-wrapper #industries-middle ul li.cer {background: url(../images/industries-civil-eng-rail.gif) no-repeat;} #content-wrapper #industries-middle ul li.tl {background: url(../images/industries-trades-labour.gif) no-repeat;} #content-wrapper #industries-middle ul li.me {background: url(../images/industries-mech-elec.gif) no-repeat;} */ #content-wrapper #industries-middle ul li span {left: -9999px; position:absolute;} /* Welcome */ #content-wrapper #content-primary #welcome-top {height:14px;} #content-wrapper #content-primary #welcome-middle {overflow: auto; padding:0 30px 18px 15px; width:840px;} #content-wrapper #content-primary #welcome-bottom {background: url(../images/box-bottom-welcome.gif) no-repeat; clear:both; padding:10px 15px 0;} #content-wrapper #content-primary #welcome-middle h3 {font-size:1.2em; margin-bottom:0.5em;} #content-wrapper #content-primary #welcome-middle p {font-weight:bold;} #content-wrapper #content-primary #welcome-middle p.cta {color: #fff; float: right; font-size:1em; margin:0.5em 0;} #content-wrapper #content-primary #welcome-middle a {color: #fff; padding:0.2em 0.4em;} /* FOOTER -------------------------------------------------------------- ------------------------------------------------------------*/ #footer {height:5.6em; margin:1em 0 0 5px; padding:24px 10px 0 10px; text-align:center;} #footer ul {margin:auto 0;} #footer ul li {/*background:url(../images/footer-dot.gif) no-repeat right 7px;*/ display:inline; padding-right:10px;} #footer ul li.last {background:none;} #footer ul li a {color:#fff; font-weight:bold;} /* OTHER PAGES -------------------------------------------------------------- ------------------------------------------------------------*/ .blue #search_results h3 {color:#0094de; font-size:1.2em; font-weight:bold; margin:0; padding:0;} .green #search_results h3 {color:#85c226; font-size:1.2em; font-weight:bold; margin:0; padding:0;} .orange #search_results h3 {color:#ef7f00; font-size:1.2em; font-weight:bold; margin:0; padding:0;} #search_results p{ font-weight: normal !important; padding:0; margin:0; } #search_results .hold_left { padding: 0 0 0 10px; margin:0; float:left;} #search_results .new_line{ clear:both; padding:0; margin:0;} #search_results .desc { margin-bottom: 15px; } #search_results .top_padding { margin-top: 10px;} #search_results .result{ margin-bottom:10px;} .error { color: Red; border: 1px dotted red; padding:5px !important; margin:5px 0 45px 0;} #content_page { margin-bottom:20px;} .blue #content_page h3 {color:#0094de; font-size:1.2em; font-weight:bold; margin:0; padding:0;} .green #content_page h3 {color:#85c226; font-size:1.2em; font-weight:bold; margin:0; padding:0;} .orange #content_page h3 {color:#ef7f00; font-size:1.2em; font-weight:bold; margin:0; padding:0;} #content_page p { padding: 10px 0 10px 0;} #content_page ul { list-style-type:disc; list-style-position: outside; margin:15px; margin-top:0px;} .blue #login .search-button {background: url(../images/butt-main-search.gif) no-repeat 0 2px; border:none; width: 70px;padding:5px; margin: 0 0 0 70px; color:#fff;} .green #login .search-button {background: url(../images/green/butt-main-search.gif) no-repeat 0 2px; border:none; width: 70px;padding:5px; margin: 0 0 0 70px; color:#fff;} .orange #login .search-button {background: url(../images/orange/butt-main-search.gif) no-repeat 0 2px; border:none; width: 70px;padding:5px; margin: 0 0 0 70px; color:#fff;} .form-entry span { font-size: 1em; display:block; } #application .form-entry { margin: 5px; } #application .form-entry label {display:block; float:left; line-height:1.5em; width:150px;} #application .form-entry .radio label{display:inline; float:none; width:auto;} #application .form-entry select {color:#000;} #application .form-entry .desc { width: 700px; } #application .but { margin-left:150px;} #application .apply_info { padding:10px; background:#eee; border:1px dotted #ccc; margin: 10px 0 10px 0; width: 880px;} .blue #application h3 {color:#0094de; font-size:1.2em; font-weight:bold; margin:0; padding:0;} .green #application h3 {color:#85c226; font-size:1.2em; font-weight:bold; margin:0; padding:0;} .orange #application h3 {color:#ef7f00; font-size:1.2em; font-weight:bold; margin:0; padding:0;}