.blue { color: #BAD8E3; }
.blue-light { color: #EAF3F7; }
.green { color: #00A650; }
.green-light { color: #CCEDDC; }
.black { color: #000; }

body { margin: 0px; padding: 0px; font-family: Verdana, Geneva, Arial, Helvetica, "sans-serif"; text-align: center; font-size: 11px; background: #FFF url("/images/background.gif") repeat-x fixed bottom; }
img { border: 0px; behavior: url("/pngbehavior.htc"); }
form { margin: 0px; padding: 0px; }

a:link { color: blue; }
a:visited { color: purple; }
a:active { color: red; }

#container { width: 780px; margin: 0px auto; padding: 0px 10px 10px 10px; text-align: left; background: #FFF; }

#header { margin: 10px 0px; }
#header #logo { padding: 0px; margin: 0px; }
#header #topbanner { float: right; padding: 0px; margin: 0px; }
#header #subheading { clear: both; margin: 10px 0px 0px 0px; font-size: 12px; }
#header #datetime { float: right; }

#page { }
#page input, #page textarea, #page select { font-family: Verdana, Geneva, Arial, Helvetica, "sans-serif"; font-size: 11px; }

#page #left { width: 150px; }
#page #left label { font-weight: bold; font-size: 13px; color: #000; }
#page #left #leftbanners { margin: 10px 0px 0px 0px; text-align: center; }
#page #left #leftbanners .banner { margin: 0px 0px 10px 0px; }
#page #centre { }
#page #centre #midtopbanners { margin: 10px 0px 0px 0px; text-align: center; }
#page #centre #midtopbanners .banner { margin: 0px 0px 10px 0px; }
#page #centre #bottom { font-size: 13px; }
#page #centre #bottom .banner { position: relative; float: left; margin: 0px 20px 10px 0px; }
#page #right { width: 140px; }
#page #right label { font-weight: bold; font-size: 13px; color: #000; }
#page #right .input { width: 115px; }
#page #right input { margin: 1px 0px; }
#page #right #rightbanners { margin: 10px 0px 0px 0px; text-align: center; }
#page #right #rightbanners .banner { margin: 0px 0px 10px 0px; }

#page .item { background: #EAF3F7; }
#page .item .heading { background: #BAD8E3 url("/images/blue-gradient.gif") repeat-x; font-weight: bold; font-size: 13px; padding: 0px 6px; line-height: 22px; }
#page .item .body { padding: 4px 6px 6px 6px; }
#page .item .body .newsitem { margin-bottom: 6px; }
#page .item .body .newsitem .title { }
#page .item .body .newsitem .story { }

#joboftheweek { margin: 10px; padding-bottom: 15px; background: url("/images/job-of-the-week-bottom.gif") no-repeat bottom; text-align: center; }
#joboftheweek .heading { padding: 2px 6px; background: #000 url("/images/nav-management.gif") repeat-x; }
#joboftheweek .heading a { font-weight: bold; font-size: 13px; color: #FFF; text-decoration: none; }
#joboftheweek .description { padding: 10px 6px 0px 6px; background: url("/images/job-of-the-week-border.gif") repeat-y; }

#nav, #nav ul { list-style: none; padding: 0px; margin: 0px; }
#nav .jobseekers { background: #00A650 url("/images/green-gradient.gif") repeat-x; }
#nav .jobseekers a { line-height: 24px; padding: 4px 6px; /* color: #FFF; */ font-weight: bold; text-decoration: none; font-size: 13px; }
#nav #jobseekers { background: #CCEDDC; padding: 4px 2px; }
#nav #jobseekers li { padding-left: 25px; background: #FFF; }
#nav #jobseekers .all { background: #CCEDDC; margin: 1px 0px; }
#nav #jobseekers a { /* color: #000; */ font-size: 11px; line-height: 16px; padding: 0px; font-weight: normal; text-decoration: underline; }
#nav #jobseekers .jfon { background: #FFF url("/images/icon-favourites-on.gif") left top no-repeat; }
#nav #jobseekers .jfoff { background: #FFF url("/images/icon-favourites-off.gif") left top no-repeat; }
#nav #jobseekers .jmon { background: #FFF url("/images/icon-messages-on.gif") left top no-repeat; }
#nav #jobseekers .jmoff { background: #FFF url("/images/icon-messages-off.gif") left top no-repeat; }
#nav #jobseekers .doon { background: #FFF url("/images/icon-document-on.gif") left top no-repeat; }
#nav #jobseekers .dooff { background: #FFF url("/images/icon-document-off.gif") left top no-repeat; }

#nav .employers { background: #000 url("/images/nav-employers.gif") repeat-x; }
#nav .employers a { line-height: 24px; padding: 4px 6px; /* color: #FFF; */ font-weight: bold; text-decoration: none; font-size: 13px; }
#nav #employers { background: #CCC; padding: 4px 2px; }
#nav #employers li { padding-left: 25px; background: #FFF; }
#nav #employers .all { background: #CCC; margin: 1px 0px; }
#nav #employers a { /* color: #000; */ font-size: 11px; line-height: 16px; padding: 0px; font-weight: normal; text-decoration: underline; }
#nav #employers .emon { background: #FFF url("/images/icon-messages-on.gif") left top no-repeat; }
#nav #employers .emoff { background: #FFF url("/images/icon-messages-off.gif") left top no-repeat; }
#nav #employers .peron { background: #FFF url("/images/icon-person-on.gif") left top no-repeat; }
#nav #employers .peroff { background: #FFF url("/images/icon-person-off.gif") left top no-repeat; }

#nav .management { background: #000 url("/images/nav-management.gif") repeat-x; }
#nav .management a { line-height: 24px; padding: 4px 6px; /* color: #FFF; */ font-weight: bold; text-decoration: none; font-size: 13px; }
#nav #management { background: #F2CCCD; padding: 4px 10px 4px 30px; }
#nav #management a { /* color: #000; */ font-size: 11px; line-height: 16px; padding: 0px; font-weight: normal; text-decoration: underline; }

#left .item ul li { padding-left: 25px; list-style: none; margin: 4px 0px; }

#page .blue-button .outer { background: url("/images/blue-button.gif") top right transparent no-repeat; padding: 4px 9px 4px 0px; }
#page .blue-button a { background: url("/images/blue-button.gif") top left transparent no-repeat; padding: 4px 0px 4px 9px; text-decoration: none; font-weight: bold; color: #FFF; }
#page .black-button .outer { background: url("/images/black-button.gif") top right transparent no-repeat; padding: 5px 11px 5px 0px; }
#page .black-button a { background: url("/images/black-button.gif") top left transparent no-repeat; padding: 5px 0px 5px 11px; text-decoration: none; font-weight: bold; color: #FFF; }
#page .green-button .outer { background: url("/images/green-button.gif") top right transparent no-repeat; padding: 5px 11px 5px 0px; }
#page .green-button a { background: url("/images/green-button.gif") top left transparent no-repeat; padding: 5px 0px 5px 11px; text-decoration: none; font-weight: bold; color: #FFF; }

#content { background: #FFF; padding: 0px 0px 10px 10px; margin: 10px 0px 10px 0px; position: relative; }
#content h1 { font-size: 15px; margin: 0px 0px 10px 0px; color: #000; }
#content h2 { font-size: 13px; margin: 0px 0px 10px 0px; color: #000; }
#content h3 { font-size: 11px; margin: 0px 0px 10px 0px; color: #000; }
#content p { font-size: 11px; line-height: 1.5em; margin: 0px 0px 10px 0px; }
#content ul, #content ol { margin: 10px 0px 10px 10px; padding: 0px 0px 0px 10px; }
#content li { font-size: 11px; margin-bottom: 10px; }
#content input, #content textarea, #content select { font-family: Verdana, Geneva, Arial, Helvetica, "sans-serif"; font-size: 11px; }
#content label { font-size: 11px; font-weight: bold; }
#content .table p { margin: 0px; padding: 0px; }
#content .table .alt { background: #EEE; }
#content .plain { margin: 10px 0px; }
#content .plain li { font-size: 11px; line-height: normal; margin: 0px; }
#content .plain li a { font-weight: normal; }
#content .nextprev { text-align: right; font-size: 11px; background: #BAD8E3 url("/images/blue-gradient.gif") repeat-x; padding: 4px 6px; margin: 10px 0px; }
#content .nextprev .selected { font-weight: bold; }
#content .nextprev .selected a { color: #000; text-decoration: none; }
#content .nextprev .selected a:hover { color: #666; }
#content .nextprev .disabled { color: #999; }

#content .item { margin: 0px 0px 10px 0px; border-bottom: 1px solid #999; padding: 0px 0px 10px 0px; }
#content .item .image { float: right; margin: 10px 0px 10px 10px; font-weight: bold; }
#content .item .heading { margin: 0px 0px 5px 0px; font-weight: bold; }
#content .item .description {margin: 0px 0px 5px 0px; }
#content .item .website { text-align: right; }

#content .panel-green { background: url("/images/panel-green.gif") no-repeat bottom; padding: 0px 0px 1px 0px; margin-bottom: 10px; }
#content .panel-green .heading { background: #181184 url("/images/green-gradient.gif") repeat-x; color: #FFF; text-align: center; padding: 4px 10px; font-weight: bold; }
#content .panel-green .body { padding: 10px 10px 0px 10px; }
#content .panel-green .body .item { clear: both; background: url("/images/panel-green-gradient.gif") repeat-x top; padding: 10px; margin: 0px 0px 10px 0px; }
#content .panel-green .body .fifty { float: left; width: 50%; position: relative; list-style: none; margin: 0px; padding: 0px; }
#content .panel-green .body .fifty li { margin: 0px; padding: 0px; line-height: 1.5em; }

#content .panel-black { background: url("/images/panel-black.gif") no-repeat bottom; padding: 0px 0px 1px 0px; margin-bottom: 10px; }
#content .panel-black .heading { background: #000 url("/images/nav-employers.gif") repeat-x; color: #FFF; text-align: center; padding: 4px 10px; font-weight: bold; }
#content .panel-black .body { padding: 10px 10px 0px 10px; }
#content .panel-black .body .item { background: #CCC url("/images/mid-content-bg.gif") repeat-x top; padding: 10px; margin: 0px 0px 10px 0px; }
#content .panel-black .body ul.fifty { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; }
#content .panel-black .body .fifty li { float: left; width: 50%; margin: 0px; padding: 0px; position: relative; }

.table td { text-align: right; vertical-align: top; padding: 1px; }
.table td.left { text-align: left; }
.table td.center { text-align: center; }
.table td.right { text-align: right; }
.table p { margin: 0px; padding: 0px; }
.popup { position: absolute; display: none; border: 1px solid #000000; padding: 6px; background: #FFFFFF; width: 300px; text-align: left; }

.required { color: #FF0000; }

#content label.normal { font-weight: normal; }
#content fieldset { margin: 0px 0px 4px 0px; text-align: left; }
#content legend { font-weight: bold; color: #000; }

#footer { font-size: 11px; margin: 10px 0px 0px 0px; }
#footer a { color: #0000FF; }

fieldset { padding: 4px 6px; }
input { padding: 1px; }

#content .title-jobseekers, #content .title-jobseekers a { background: #00A650 url("/images/green-gradient.gif") repeat-x; color: #FFF; text-align: center; font-size: 13px; padding: 4px 10px; font-weight: bold; margin: 10px 0px 0px 0px; text-decoration: none; }
#content .title-employers, #content .title-employers a { background: #000 url("/images/nav-employers.gif") repeat-x; color: #FFF; text-align: center; font-size: 13px; padding: 4px 10px; font-weight: bold; margin: 10px 0px 0px 0px; text-decoration: none; }
#content .title-management, #content .title-management a { background: #000 url("/images/nav-management.gif") repeat-x; color: #FFF; text-align: center; font-size: 13px; padding: 4px 10px; font-weight: bold; margin: 10px 0px 0px 0px; text-decoration: none; }

#intro-bg { height: 190px; margin-bottom: 10px; }
#intro-text { font-size: 15px; font-weight: bold; color: #000; padding: 5px 10px; }

#page .break { border-top: 1px solid #000; margin: 5px 0px; padding: 5px 0px; line-height: 1px; }

#content .jobs {  }
#content .jobs td { padding: 10px; border-bottom: solid 1px #000; }
#content .jobs .heading a { font-weight: bold; }
#content .jobs .description { margin: 5px 0px; }
#content .jobs .favourites {  }
#content .jobs .closedate { float: right; }
#content .jobs .logo { font-weight: bold; }
#content .jobs .location { margin: 5px 0px; }
#content .jobs .salary { font-weight: bold; }
#content .jobs p { margin: 0px 0px 10px 0px; }

/* consultants & specialists */
#content #reports {}
#content #reports ul { padding: 0px; margin: 0px; border: 1px solid #999; width: 228px; height: 300px; overflow: auto; background: #cfe7fb; }
#content #reports ul li { padding: 0px; margin: 0px; }
#content #reports ul .spacer { margin: 6px 0px 0px 0px; padding: 0px; border-top: 1px solid #000; }
#content #reports ul .selected a { background: #407ad8; color: #fff; }
#content #reports a { display: block; padding: 2px 4px; text-decoration: none; color: #000; }
#content #reports a:hover { background: #407ad8; color: #fff; }
#content #links-results { height: 398px; overflow: auto; border: 1px solid #999; }
#content #links-results .heading a { display: inline; padding: 0px; color: #039; }
#content #links-results .heading a:visited { color: #96699f; }
#content #links-results .heading a:hover { color: #039; background: #fff; text-decoration: underline; }
#content #links-results .item { margin: 0px 5px; }
#content #links-results .item .image { float: right; }
#content #links-results .item .heading { font-weight: bold; }
#content #links-results .item .description { margin: 5px 0px; }
#content #links-results .item .tags { font-size: 10px; font-style: italic; }
#content #links-results .item .date { float: none; font-size: 11px; }
#content #links-results .item .button { margin: 0px 0px 10px 0px; }
#content #links-results .item .button a { color: #fff; background: url("http://www.transportxtra.com/images/button-bg.gif") no-repeat left center; padding: 4px 10px; }
#content #links-results .item .button a:visited { color: #fff; }
#content #links-results .item .lightwindow-button { margin: 0px 0px 10px 0px; }
#content #links-results .item .lightwindow-button a { color: #fff; background: url("http://www.transportxtra.com/images/button-bg.gif") no-repeat right center; padding: 4px 25px 4px 10px; }
#content #links-results .item .lightwindow-button a:visited { color: #fff; }