/* -------------- HTML ELEMENTS ------------------ */
html {font-size:100%;}
body {background-color:#000000;margin:2px 0 20px 0;font-size:62.5%;}
img {border:0;}
form {margin:0;}
/* -------------- WYSIWYG ------------------ */
.CMStext {background-color: #000000;color:#FFFFFF;font-family: verdana,sans-serif;font-size: 11px;line-height:16px;}
/* -------------- FONT SCALING ------------------ */
/*
this sets up the font sizing so that 1 'em' is equal to 10px : 16px 62.5% = 10px
firefox scales px font sizes, ie doesnt
inputs also need to scale in height so that the default values can still be read
make sure that there are background colors on cells with images so that when they expand past the image size there is some color behind them
also make background images larger than their cells so that the background can be seen when zooming
*/
table.scale tr{font-size: 62.5%;}
/* -------------- USEFUL CLASSES ------------------ */
.clear {clear:both;height:1px;overflow:hidden;}
div.hr {border-bottom:1px dashed #888888;height:5px;padding:0;margin:6px 0 10px 0;clear:both;}
div.green_hr {border-bottom:1px dotted #94C3BB;clear:both;height:5px;margin:6px 0 10px 0;padding:0;}
/* -------------- GENERAL LAYOUT ------------------ */
#main_content {margin-top:15px;}
#left_column {width:18em;padding:0 0 0 0;}
#left_column p {margin:10px 0;}
.side_full {line-height:1.5em;text-align:left;padding:0;margin:3px 5px 0 5px;}
#center_column {padding:0 20px 0 20px;}
#right_column {width:18em;padding:0;}
#right_column p {margin:10px 0;}
#right_column td.panelContent {padding:5px 10px 0 10px;border-left:1px solid #555555;border-right:1px solid #555555;background-color:#222222;color:#ffffff;text-align:left;font-weight:normal;font-family:verdana, sans-serif;width:181px;}
/* -------------- LAYOUT STYLES ------------------ */
#container {width: 52em;}
/* -------------- TOP NAV ------------------ */
#top_nav {text-align:right;color:#ffffff;font-family:verdana, sans-serif;border:0;padding:5px;}
#top_nav a {color:#ffffff;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:none;}
#top_nav a:hover {color:#ffffff;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:underline;}
#top_nav h1 {color:#ffffff;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:none;font-weight:normal;display:inline;float:left;}
#top_nav h1 a,
#top_nav h1 a:hover {font-size:1em;}
/* -------------- HEADER ------------------ */
#header {}
#header a {color:#ffffff;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:none;font-weight:normal;}
#header #logo {margin:10px 0 0 5px;}
#header a:hover {text-decoration:underline;}
/* -------------- PRIMARY NAV ------------------ */
div#primary_nav {margin:0;padding:0;width:180px;border-top:1px solid #555555;border-left:1px solid #555555;}
div#primary_nav a {display:block;border-bottom:1px solid #555555;border-right:1px solid #555555;background-color:#222222;margin:0;padding:0;color:#ffffff;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:none;}
div#primary_nav a:hover {display:block;background-color:#4B8DBF;color:#ffffff;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:none;cursor:pointer;}
div#primary_nav a div.menu_item {width:174px;margin:0 0 0 5px;padding:5px 0;}
div#primary_nav div.submenu a {display:block;background-color:#777777;margin:0;color:#ffffff;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:none;}
div#primary_nav div.submenu a:hover {display:block;background-image:none;background-color:#4B8DBF;color:#ffffff;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:none;cursor:pointer;}
div#primary_nav div.submenu a div.menu_item {width:174px;margin:0 0 0 5px;padding:5px 0;}
div#primary_nav a.parent_closed {background-image:url('../pics/menu_arrow.gif');background-position:98% 80%;background-repeat:no-repeat;cursor:pointer;}
div#primary_nav a.parent_open {background-color:#444444;background-image:url('../pics/menu_arrow2.gif');background-position:98% 80%;background-repeat:no-repeat;cursor:pointer;}
div#primary_nav div.submenu {display:none;}
/* -------------- OPTIONS MENU ------------------ */
#options_menu {margin:10px 0;}
#options_menu table {border-collapse:collapse;}
#options_menu table td {background-color:#222222;border:1px solid #888888;text-align:center;font-family:verdana, sans-serif;font-size:1.1em;text-decoration:none;color:#888888;}
#options_menu table td a {font-family:verdana, sans-serif;font-size:1.1em;text-decoration:none;color:#888888;font-weight:normal;}
#options_menu table td a:hover {text-decoration:underline;}
/* -------------- SEARCH ------------------ */
#homeSearch {background-image:url(../pics/homeSearchBg.jpg);background-repeat:no-repeat;padding:10px 0 10px 140px;margin:10px 0 8px 0;}
#center_column #homeSearch .input_text {width:195px;}
#search {border-left:1px solid #555555;border-right:1px solid #555555;background-color:#222222;color:#ffffff;text-align:left;font-weight:normal;font-family:verdana, sans-serif;width:181px;}
#homeSearch .input_text,
#search .input_text {border:1px solid #888888;background-color:#555555;margin:3px 0;width:165px;font-size:1.0em;padding-left:3px;font-family:verdana, sans-serif;font-weight:normal;color:#ffffff;}
#search .input_select,
#callback .input_select {border:1px solid #888888;background-color:#555555;margin:3px 0;width:165px;font-size:1.0em;padding-left:3px;font-family:verdana, sans-serif;font-weight:normal;color:#ffffff;}
#callback .input_select {margin:6px 0;}
#search option {width:165px;}
#search .input_submit {margin:6px 0 0 0;width:100px;}
/* -------------- CALLBACK ------------------ */
#callback {border-left:1px solid #555555;border-right:1px solid #555555;background-color:#222222;color:#ffffff;text-align:left;font-weight:bold;font-family:verdana, sans-serif;width:181px;}
#callback .input_text {border:1px solid #888888;background-color:#555555;margin:6px 0 0 0;width:165px;font-size:1.0em;padding-left:3px;font-family:verdana, sans-serif;font-weight:normal;color:#ffffff;}
/* -------------- LOGIN ------------------ */
#login {border-left:1px solid #555555;border-right:1px solid #555555;background-color:#222222;color:#ffffff;text-align:left;font-weight:normal;font-family:verdana, sans-serif;}
#jobsoftheweek {border-left:1px solid #555555;border-right:1px solid #555555;background-color:#222222;width:181px;color:#ffffff;text-align:left;font-weight:normal;font-family:verdana, sans-serif;}
#jobsoftheweek .grey_dotted_hr {border-bottom:1px dotted #555555;margin-top:5px;height:1px;min-height:1px;line-height:1px;}
#login .input_text {border:1px solid #888888;background-color:#555555;margin:6px 0 0 0;width:165px;font-size:1.0em;padding-left:3px;font-family:verdana, sans-serif;font-weight:normal;color:#ffffff;}
/* -------------- NEWS ------------------ */
table#news {border:1px solid #555555;}
table#news tr th {background-color:#555555;padding:4px 8px;font-weight:bold;font-family:verdana, sans-serif;color:#ffffff;text-align:left;}
table#news tr th a {font-weight:bold;font-size:1.1em;font-family:verdana, sans-serif;color:#ffffff;text-decoration:none;}
table#news tr th a:hover {text-decoration:underline;}
table#news tr td {padding:10px 8px;}
table#news tr td #latest_news tr td.news_title {color:#4D8CC2;font-weight:bold;font-size:1.1em;font-family:verdana, sans-serif;padding:0;}
table#news tr td #latest_news tr td.news_title a {color:#4D8CC2;font-weight:bold;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:none;}
table#news tr td #latest_news tr td.news_title a:hover {color:#4D8CC2;font-weight:bold;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:underline;}
table#news tr td #latest_news tr td.news_date {color:#4D8CC2;font-weight:bold;font-size:1.1em;font-family:verdana, sans-serif;padding:4px 0;}
table#news tr td #latest_news tr td.news_body {color:#ffffff;font-weight:normal;font-size:1.1em;font-family:verdana, sans-serif;padding:4px 0;}
table#news tr td #latest_news tr td.news_readmore {color:#636363;font-weight:bold;font-size:1.1em;font-family:verdana, sans-serif;padding:3px 2px 3px 3px;border-width:1px 0 1px 0;border-style:dotted;border-color:#636363;}
table#news tr td #latest_news tr td.news_readmore a {color:#636363;font-weight:bold;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:none;}
table#news tr td #latest_news tr td.news_readmore a:hover {color:#636363;font-weight:bold;font-size:1.1em;font-family:verdana, sans-serif;text-decoration:underline;}
/* -------------- FOOTER ------------------ */
#footer {font-size:1.1em;border-top:1px solid #444444;border-bottom:1px solid #444444;font-family:verdana, sans-serif;padding:6px 3px;text-align:center;color:#888888;}
#footer a {letter-spacing:-1px;font-size:1.1em;font-family:verdana, sans-serif;color:#888888;text-decoration:none;}
#footer a:hover {letter-spacing:-1px;font-size:1.1em;font-family:verdana, sans-serif;color:#ffffff;text-decoration:underline;}
/* -------------- COPYRIGHT ------------------ */
#copyright {padding:4px;text-align:center;font-size:1.1em;font-family:verdana, sans-serif;padding:10px 3px;text-align:center;color:#888888;}
#copyright a {color:#888888;text-decoration:none;}
#copyright a:hover {text-decoration:underline;}
/* -------------- REGISTRATION ------------------ */
#registration {padding:4px;text-align:center;font-size:1.1em;font-family:verdana, sans-serif;padding:10px 3px;text-align:center;color:#666666;}
/* -------------- GENTEXT ------------------ */
.gentext {font-size:1.1em;font-family:verdana, sans-serif;color:#ffffff;line-height:1.5em;}
.gentext a {font-size:1.0em;font-family:verdana, sans-serif;color:#4B8DBF;font-weight:bold;text-decoration:none;}
.gentext a:hover {font-size:1.0em;font-family:verdana, sans-serif;color:#4B8DBF;font-weight:bold;text-decoration:underline;}
.gentext h1 {font-size:1.4em;font-weight:bold;font-family:verdana, sans-serif;color:#ffffff;margin:5px 0 3px 0;}
.gentext h2 {font-size:1.4em;font-weight:bold;font-family:verdana, sans-serif;color:#ffffff;margin:5px 0 3px 0;}
.gentext h3 {font-size:1.3em;font-weight:bold;font-family:verdana, sans-serif;color:#4B8DBF;margin:15px 0 3px 0;}
.gentext h4 {font-size:1.2em;font-weight:bold;font-family:verdana, sans-serif;color:#ffffff;margin:5px 0 3px 0;}
.gentext h5 {font-size:1.1em;font-weight:bold;font-family:verdana, sans-serif;color:#ffffff;margin:5px 0 3px 0;}
/* green */
span.green,
span.green a,
a.green a,
.CMStext .green,
.CMStext .green a,
.gentext .green a,
.gentext .green h2,
.gentext .green h3 {color:#97B55F;}
.green a:hover,
.gentext .green a:hover {text-decoration:underline;color:#97B55F;}
/* blue */
span.blue,
span.blue a,
a.blue a,
.CMStext .blue,
.CMStext .blue a,
.gentext .blue a,
.gentext .blue h2,
.gentext .blue h3 {color:#6066BA;}
.blue a:hover,
.gentext .blue a:hover {text-decoration:underline;color:#6066BA;}
/* red */
span.red,
span.red a,
a.red a,
.CMStext .red,
.CMStext .red a,
.gentext .red a,
.gentext .red h2,
.gentext .red h3 {color: #D06761;}
.red a:hover,
.gentext .red a:hover {text-decoration: underline;color: #D06761;}
/* purple */
span.purple,
span.purple a,
a.purple a,
.CMStext .purple,
.CMStext .purple a,
.gentext .purple a,
.gentext .purple h2,
.gentext .purple h3 {color:#9E3B98;}
.purple a:hover,
.gentext .purple a:hover {text-decoration: underline;color: #9E3B98;}
.gentext .default a {color:#4B8DBF;}
.gentext .default a:hover {text-decoration:underline;color:#4B8DBF;}
/* -------------- PAGE SPECIFIC STYLES ------------------ */
/* vacancy details */
a.colouredButton {border-radius:5px;padding:5px 20px;color:#fff;background-image:url(../content/layout/colouredButtonBg.png);background-position:left center;background-repeat:repeat-x;}
.red a.colouredButton:hover,
.purple a.colouredButton:hover,
.blue a.colouredButton:hover,
.green a.colouredButton:hover {color:#fff;text-decoration:none;background-image:url(../content/layout/colouredButtonBg_o.png);}
.red a.colouredButton {background-color:#BB2033;color:#fff;}
.purple a.colouredButton {background-color:#8A2B87;color:#fff;}
.blue a.colouredButton {background-color:#2165A9;color:#fff;}
.green a.colouredButton {background-color:#5D9440;color:#fff;}
/* -------------- EOF ------------------ */
.list tr td {border-bottom:1px dashed #555555;padding:5px;}
.list tr.odd td {background-color:#202020;}
.list tr.even td {background-color:#101010;}
.list2 {border-top:1px solid #555555;border-left:1px solid #555555;}
.list2 tr th {background-color:#404040;border-bottom:1px dashed #555555;border-right:1px solid #555555;padding:5px;}
.list2 tr td {border-bottom:1px dashed #555555;border-right:1px solid #555555;padding:5px;}
.list2 tr.odd td {background-color:#202020;}
.list2 tr.even td {background-color:#101010;}
.txt_input {border:1px solid #888888;background-color:#555555;margin:3px 0;width:295px;font-size:1.1em;padding-left:3px;font-family:verdana, sans-serif;font-weight:normal;color:#ffffff;}
.txt_input2 {border:1px solid #888888;background-color:#555555;margin:3px 0;font-size:1.0em;padding-left:3px;font-family:verdana, sans-serif;font-weight:normal;color:#ffffff;}
a.whitelink,
a.whitelink:hover {
color: #ffffff; /* white */
}
/* RHB : latest Vacancies */
.vacancy {border-top:1px solid #555555;}
.vacancy .description {padding:2px 5px 0 5px;}
.vacancy h4 {margin:0px;font-size:1em;font-family:verdana, sans-serif;color:#333333;line-height:1.5em;}
.vacancy a {color:#fff;}
.vacancy .view_details {border-top:1px dotted #555555;padding:2px 5px;text-align:right;color:#4B8DBF;}
.vacancy .view_details a {color:#4B8DBF;}
.odd {background-color:#222222;}
.odd .description {background-image:url('../pics/latest_bg.gif');background-repeat:no-repeat;background-position:96% 80%;}
.even {background-color:#0C0C0C;}
.even .description {background-image:url('../pics/latest_bg.gif');background-repeat:no-repeat;background-position:96% 80%;}
/* Vancancies HomePage */
#homeLatestVanacies {margin:0 0 13px 0;}
#homeLatestVanacies .hidden {display:none;}
.vacancyHomepage {background-color:#222222;color:#ffffff;font-weight:normal;}
.vacancyHomepage table {background-color:#222222;color:#ffffff;border:1px solid #555555;border-bottom:0;text-align:left;font-weight:normal;font-family:verdana, sans-serif;border-collapse:collapse;}
.vacancyHomepage td {padding:5px;border-bottom:1px dotted #555555;}
.vacancyHomepage td.left {border-right:1px dotted #555555;}
.vacancyHomepage .title {background-color:#555555;padding:4px 5px;font-weight:bold;font-family:verdana, sans-serif;color:#ffffff;text-align:left;font-size:1.1em;}
.vacancyHomepage .description {padding:2px 5px 0 5px;}
.vacancyHomepage h4 {margin:0px;font-size:1em;font-family:verdana, sans-serif;color:#333333;line-height:1.5em;font-size:1.1em;}
.vacancyHomepage .view_details {padding:2px 5px;text-align:right;color:#4B8DBF;}
.vacancyHomepage .view_details a {font-size:1.1em;}
#viewAlljobs {padding-bottom:0;border-bottom:0;text-align:center;font-size:1.0em;border-left:1px solid #555555;border-right:1px solid #555555;margin:0;text-align:center;padding:5px 0 0 0;}
#vacancyHomePage_default #viewAlljobs a {color:#fff;}
#headerSocialIcons {text-align:right;vertical-align:middle;}
#headerSocialIcons img {margin:2px 20px 2px 0;}
.quickJobLinks {color:#ffffff;text-align:left;font-weight:normal;font-family:verdana, sans-serif;border-collapse:collapse;font-size:1em;}
.quickJobLinks span a {font-weight:bold;}
.quickJobLinks span a:hover {font-weight:bold;}
.quickJobLinks a {color:#ffffff;text-align:left;font-weight:normal;font-family:verdana, sans-serif;font-size:1em;}
.quickJobLinks a:hover {font-weight:normal;}
#readjobOfTheWeek {border-top:1px solid #555555;padding:5px;text-align:center;color:#4B8DBF;}
.about {font-weight:bold;font-size:1.4em;padding-bottom:5px;}
#spiderscope {position:relative;}
#spiderscope div {text-align:center;line-height:13px;font-size:10px;}
#spiderscope div a {color:#888888;font-weight:normal;font-size:10px;}
.bookmark {background-image:url(../pics/bookmark.gif);background-repeat:no-repeat;height:57px;text-align:center;}
.bookmark div {padding-top:30px;}
.square_links {width: 350px;}
.square_links a {display: block; width: 22px;height: 22px;line-height: 22px;text-align: center;float: left;background-color: #555555;border: 1px solid #777;margin-right: 2px; margin-bottom: 2px; color: #fff}
.square_links a:hover {background-color: #4B8DBF;color: #fff;text-decoration: none;}
.square_links a.disabled {color: #888;cursor: default;}
.square_links a.disabled:hover {background-color: #777777;}
div.ul {margin:15px 0;}
div.ul div.li {background-image:url(../pics/li.gif);background-repeat:no-repeat;background-position:0 8px;line-height:20px;margin-left:10px;padding-left:15px;}
.sectorLoc {padding: 5px; margin-top: 15px; border: 1px solid #444444;}
.sectorLocLink {padding-left: 5px;}
#socialLinks {position:relative;height:21px;top:-5px;left:0;color:#fff;margin-bottom:5px;}
#twitter {font-size:11px;font-family:verdana, arial, sans-serif;border:1px solid #555555;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#twitter-link {float:left;display:block;margin-right:5px;padding:1px 0 0 5px;}
#twitter_update_list {margin:0;padding:0;width:750px;line-height:18px;height:18px;float:left;overflow:hidden;}
#twitter_update_list li {list-style-type:none;line-height:18px;height:18px;}
#twitter_update_list li a {}
#left_column,
#center_column,
#right_column {padding-bottom:10px;}
#socialIcons {text-align:center;padding:10px 0 6px 0;border-top:1px solid #555555;border-bottom:1px solid #555555;}
/* News Page Category Panels */
.newsPanel {background-color:#2E2E2E;margin:10px 0;padding:5px;background-repeat:no-repeat;}
.newsPanel a {display:block;padding-left:25px;}
.news67 {background-image:url(../pics/icon_a_red.gif);}
.news68 {background-image:url(../pics/icon_a_purple.gif);}
.news69 {background-image:url(../pics/icon_a_green.gif);}
.news70 {background-image:url(../pics/icon_a_blue.gif);}
/* homepage large ribbond for job categories */
#homeRibbons {text-align:center;margin:15px 0 2px 0;}
#homeRibbons a.active {background-image:url(../pics/portfolio_active.gif);background-position:center bottom;background-repeat:no-repeat;}
#homeRibbons a {display:inline-block;margin:0 2px;padding-bottom:17px;}
#twitWidget #twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p a,
#twitWidget #twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {font-family:verdana,sans-serif;font-size:0.95em;}
/* Gogole Search API */
#searchcontrol .gsc-control {width: 100%; }
#searchcontrol .gsc-clear-button,
#searchcontrol .gsc-branding,
#searchcontrol .gsc-resultsHeader,
#searchcontrol .gsc-trailing-more-results {display: none; }
#searchcontrol .gsc-results .gs-snippet {color:#fff;font-size: 11px; line-height: 17px;}
#searchcontrol .gsc-result {color:#fff;padding-bottom: 10px; border-bottom: 1px dotted #ccc; font-size: 11px; line-height: 17px; }
#searchcontrol .gs-result .gs-title {height:auto;margin:5px 0;}
#searchcontrol .gs-result .gs-title,
#searchcontrol .gs-result .gs-title * {text-decoration:none;color:#4B8DBF;font-family:arial; font-size:13px; font-weight:bold;}
#searchcontrol .gs-result .gs-title a:hover,
#searchcontrol .gs-result .gs-title a:hover *,
#searchcontrol .gsc-trailing-more-results a:hover {color: #4B8DBF;text-decoration:underline;}
#searchcontrol .gs-result a.gs-visibleUrl,
#searchcontrol .gs-result .gs-visibleUrl {color: #999; font-size: 10px; line-height: 24px; height: 24px; }
#searchcontrol .gs-webResult .gs-visibleUrl-short {display:none; }
#searchcontrol .gs-webResult .gs-visibleUrl-long {display:block; }
#searchcontrol .gsc-cursor-box {margin-top:10px;}
#searchcontrol .gsc-cursor-page {border: 1px solid #ccc; width: 20px; height: 20px; line-height: 20px; display: block; float: left; text-align: center; text-decoration: none;color:#4B8DBF;}
#searchcontrol .gsc-cursor-current-page {background-color: #eee; color: #000C86;}
#searchcontrol .gsc-input input {border-color:#B8B8B8; margin:10px 0;padding:1px 5px;}
#searchcontrol .gsc-search-button {padding:0 3px;}
#searchcontrol .gs-no-results-result .gs-snippet,
#searchcontrol .gs-error-result .gs-snippet {color:#fff;background-color:#444;border-color:red;}
/* News Archive */
#newsArchive {}
#newsArchive h4 {clear:both;margin-bottom:10px;font-size:1em;}
#newsArchive h4 a,
#newsArchive h4 a:hover {color:#FFF;font-size:1em;}
#newsArchive a.month {display:block;float:left;width:55px;background-color:#222222;border:1px solid #555555;margin:0 10px 7px 0;padding:2px;text-align:center;}
#newsArchive a.month,
#newsArchive a.month:hover {font-size:1em;}
#viewMobile {color:#fff;}
#viewMobile a {color:#fff;text-decoration:underline;}
/*Register Form*/
#registerForm .hide {display:none;}
/* social media add-this icons */
#socialIcons {}
#addThis {margin:10px 0;padding:0;}
.addthis_toolbox {margin:0;text-align:center;padding:0 0 0 148px;height:22px;}
.addthis_toolbox.addthis_pill_combo a {float:left;margin-right:6px;}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_button_facebook_like,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {margin-top:-2px;}
.addthis_button_compact .at15t_compact {margin-right:6px;float:left;}
.linkedIn {}
.linkedIn span {vertical-align:middle;}
.linkedIn #inShare {display:inline-block;padding-right:5px;}
.linkedIn #inJoin {display:inline-block;line-height:20px;}
.linkedIn #inJoin img {vertical-align:middle;}