/* Common Library */
/*************************************************/

/* Reset */
/***********************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
ul {
list-style: none;
}
ol {
list-style-position: inside;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}


/* HTML5 */
/***********************/
article, aside, figure, footer, header, hgroup, nav, section {
display: block;
}

/* Tools */
/***********************/


@media screen and (-webkit-min-device-pixel-ratio:0) {
	html, body#accounts { 
	height: 100%;
	}
}

.clearfix:after,
.clearfixItems li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix, .clearfixItems li {display: inline-block;}    
/* Hides from IE-mac \*/  
* html .clearfix,
* html .clearfixItems li {height: 1%;}  
.clearfix, .clearfixItems li {display: block;}  
/* End hide from IE-mac */

.clear {
clear: both;
}

.txtReplace, .sprite {
text-indent: -9999px;
overflow: hidden; /* Stop focus outline issues */
}

.sprite {
border: 0;
cursor: pointer;
}

input.inlineSprite {
font-size: 1em;
display: inline;
}

/* Read by a screen reader and visible when styles disabled */
.accessText, #access {
position: absolute;
z-index: -1;
text-indent: -9999px;
line-height: 0; /* for legend */
}

.pushLeft {
float: left;
margin-right: 1em;
}

.pushRight {
float: right;
margin-left: 1em;
}

.alignRight {
text-align: right;
}

.alignCenter {
text-align: center;
}

ul.inline li {
display: inline;
margin-right: 1.5em;
}

ul.inline li:last-child {
margin-right: 0;
}

ul.bullet li {
list-style-type: disc;
list-style-position: inside;
margin-bottom: 0.5em;
}

ul.bullet.marginless li {
margin-bottom: 0;
}

del, .strike {
text-decoration: line-through;
}

abbr[title], dfn[title], acronym {
border-bottom: 1px dotted #333;
cursor: help;
}

button {
overflow: visible;
font-size: 1em;
}

.hide {
display: none;
}

/* show elem if JS enabled */
html.noJs .jsOn,
html.js .noJs,
html.js .jsOff
{
display: none;
}

.js .placeholder {
cursor: text;
color: #999;
}

.invisible {
visibility: hidden;
}

h2,h3,h4,h5,h6,strong,.strong,b,th,dt,label,legend {
font-weight: bold;
}

.underline {
text-decoration: underline;
}

i, em, .italic, blockquote, cite, q,
h2.alt, h3.alt, h4.alt, .alt dt, .alt h2,
td.review {
font-style: italic;
}

.norm, strong span, label span, blockquote em, blockquote cite, h1, h1 span, h2 span, h3 span, dt span,
h2.alt, h3.alt, h4.alt, .alt dt, .alt h2 {
font-weight: normal;
}

ul ul, ol ol, ol ul, ul ol, dl dl, dl ul, dl ol, ul dl, ol dl {
margin-bottom: 0;
}

small, .small {
font-size: smaller;
}

.smallText {
font-size: 0.9em;
}

big, .big {
font-size: larger;
}

#accounts p,
.prose p,
.editorialBlock p,
p.prose,
.editorialBlock ul,
.editorialBlock ol,
.editorialBlock dl,
.jobsDetail ul, 
.jobsDetail ol, 
.jobsDetail dl {
margin-bottom: 1em;
}

.editorialBlock dd {
margin-bottom: 0.5em;
}

.caps {
text-transform: uppercase;
}

.rel {
position: relative;
}

#accounts p.crumb {
margin-bottom: 0.5em;
}

#accounts.application p.crumb {
margin-right: 160px;
}

#accounts p.single {
margin-bottom: 0;
margin-left: 230px;
}

#accounts div p.single {
margin-left: 230px;
}

/* Grid : 960 pixels fixed, 12 columns */
/*************************************************/

.g1 { width:60px; }
.g2 { width:140px; }
.g3 { width:220px; }
.g4 { width:300px; }
.g5 { width:380px; }
.g6 { width:460px; }
.g7 { width:540px; }
.g8 { width:620px; }
.g9 { width:700px; }
.g10 { width:780px; }
.g11 { width:860px; }
.g12 { width:940px; }

/* 3 columns squeezed into grid 8 */
.g8 .col3 .g,
.g8 .colTwoThirds .g .g {
width: 186px;
}

.g8 .col2 .g { 
width: 290px;
}

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g, ul.gItems li {
margin: 0 10px;
float: left;
display: inline;
overflow: hidden;
}

.pre4 { 
margin-left: 320px;
margin-right: 0;
}

.rev .g1, .rev .g2, .rev .g3, .rev .g4, .rev .g5, .rev .g6, .rev .g7, .rev .g8, .rev .g9, .rev .g10, .rev .g11, .rev .g12 {
float: right;
}

/* Adds a single column spacer to the right of the column */
.p1 {
margin-right: 90px;
}

/* row, row with margin */
.r, .rm { 
width: 960px;
margin: 0 auto;
overflow: hidden;
}

/* nested rows */
.r .r, .rs .r, .rm .r, .rm .rm, .r .rm {
width: auto;
display: inline-block;
margin-left: -10px;
margin-right: -10px;
}

.nudge {
margin-left: 10px;
margin-right: 10px;
}

.nudgePadd {
padding-left: 10px;
padding-right: 10px;
}

.nudgeCol {
margin-left: 10px;
margin-right: 330px;
}

.nudgeVer {
margin-top: 10px;
}

.marginless {
margin: 0;
}

/* Forms */
/**************************************/

.disabledInput {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

/* Legacy override */
input.text, select, textarea { 
font-size: 1em;
}

/* Typography */
/**************************************/
body, h2, h3, h4, .sans, input, select, textarea, legend,
h1.crumb span, #funnel h1 {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h1, .serif, #accounts #header li, #footer h2,
h2.alt, h3.alt, h4.alt, .alt dt, .alt h2,
#resources.detail div.prose, td.review,
.keywords, q, .list .description {
font-family: Georgia, serif; 
}

body {
font-size: 0.6875em; /* 11px */
line-height: 1.273em; /* 14px */
color: #666;
background: #fff;
text-rendering: optimizelegibility;
}

body#accounts {
background: #fff;
margin: 0 20px;
}

#content {
width: 960px;
border-top: 25px solid #fff;
margin: 0 auto 24px auto;
font-size: 1.0909em; /* 12px */
line-height: 1.3333em; /* 16px */
}

/* TSL-989 */
.listing-map #content {
margin-bottom: 0;
}

#accounts #content {
width: auto;
margin: 0;
}

/* accounts */
#accounts #content.thin {
width: 465px;
margin: 30px auto;
}

#accounts #content.medium {
width: 590px;
margin: 30px auto;
}

.fauxCol {
background: url('../images/fauxCol.png') repeat-y 643px 0;
}

h1, h2.up {
font-size: 2em; /* 24px */
line-height: 1.3em;
}

h1.crumb {
margin: 0 10px 0.2em;
}

h1.crumb span {
display: block;
font-size: 0.667em; /* 16px */
color: #999;
}

h1.lined {
border-bottom: 1px solid #e2e2e2;
}

h2 {
font-size: 1.333em; /* 16px @ 12 */
margin: 1.5em 0 0.5em;
}

h3 {
font-size: 1.17em; /* 14px */
margin: 0.83em 0; /* 12px, 13px @ 12 */
}

.first,
ul li.first {
margin-top: 0;
padding-top: 0;
}

ul li.first,
table tr.first td {
border-top: none;
}

.last,
ul li.last {
margin-bottom: 0;
padding-bottom: 0;
}

#content ul li.last,
table tr.last td {
border-bottom: none;
}

span.arrow {
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
border-style: solid;
border-width: 8px 7px 0;
}

/* Colours */
/**************************************/

.inactive {
color: #C1C1C1; /* Light grey */
}

.lite, h2.alt, h3.alt, h4.alt, .alt dt, .alt h2 {
color: #999; /* Light grey */
}

p.error, div.error, ul.error li, strong.error, #formError, #formError h3, #fileUploadError,  #fileUploadError h3, .errorFlash {
color: #c00; /* Red */
}

span.errorBlock {
color: #c00;
display: block;
}

input.error, textarea.error {
border: 1px solid #c00; /* Red */
}

#accounts input.error {
padding: 2px;
}

a,
a:active,
a:focus {
color: #06C; /* Blue */
text-decoration: none;
}

a:visited {
color: #975DA6; /* Purple */
}

a:hover,
a:focus,
a:active {
text-decoration: underline;
}

a.jsControl:visited,
#accounts a.jsControl:visited {
color: #06C; /* Blue */
}

.sub a,
a.sub,
a span,
a span.sub,
.lite a,
a.jsControl.sub:visited {
color: #39C; /* Light blue */
}

.sub a:visited,
a.sub:visited,
a:visited span,
a:visited span.sub,
.lite a:visited {
color: #AC7DB8; /* Light purple */
}

a span acronym {
border-color: #39C; /* Purple */
}

a:visited span acronym {
border-color: #AC7DB8; /* Light purple */
}

img.inlineIndicator {
margin-left: 10px;
vertical-align: top;
}

h2.jobs {
border-color: #ED1A3A; /* Red */
}

h2.community {
border-color: #00A560; /* Green */
}

#jobs .jobsAside .bar,
#jobs.detail .bar {
/* Remove the coloured background on sidebar headings */
background: #4E4E4E;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#353535));
background-image: -moz-linear-gradient(#666666,#353535);
}

#jobs .bar,
#jobs .navigation,
#jobs.superchannel .bar {
background: #9e0000;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ca0000), to(#9e0000));
background-image: -moz-linear-gradient(#ca0000,#9e0000);
}

#jobs .navigation h2 {
margin-top: 0;
padding-top: 18px;
}

#jobs .navigation .main-header-link {
color: #fff;
background: url(../../graphics/jobs_title_arrow.gif) no-repeat 100% 67%;
padding-right: 35px;
}

#jobs .navigation .item-separator {
border-top: 1px solid #D74D4D;
margin-top: 15px;
padding-top: 10px;
}

#jobs .navigation .countries-and-continents {
font-size: 1.1538em;
}

#resources .bar,
#resources .navigation,
#resources .highlightBar,
#jobs .jobsAside .resources {
background: #343861;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#47578D), to(#343861));
background-image: -moz-linear-gradient(#47578D,#343861);
}

#community .bar {
background: #006734;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00A45F), to(#006734));
background-image: -moz-linear-gradient(#00A45F,#006734);
}

#jobs .hr
{
background-color:#F37B1E;
height:20px;
border:0;
margin:15px 5px 15px 10px;
}

#jobs .hr hr
{
border:0;
}

/* Structure */
/**************************************/
#wrapper {
background: #fff;
width: 994px; 
margin: 0 auto;
position: relative;
}

#footer {
font-size: 0.917em; /* 11px - scale footer back to 11px base */
}

/* Common Content Formats */
/**************************************/

.rounded, .boxed, .help, .flash, .errorFlash, .roundedItems li, .roundedPlain {
-moz-border-radius: 10px;
border-radius: 10px;
}

.boxed {
background: #eee;
border: 1px solid #eee;
padding: 10px;
margin-bottom: 10px;
}

.roundedPlain {
border: 1px solid #cacaca;
margin: 15px 0 10px;
padding: 10px;
-moz-box-shadow: #fff 1px 1px 1px;
-webkit-box-shadow: #fff 1px 1px 1px;
}

.jobsContainer .boxed {
background: #eee;
border: 1px solid #eee;
padding: 10px;
margin-bottom: 10px;
padding: 0px 10px 10px 10px;
-moz-border-radius: 0px;
border-radius: 0px;
}

#resources.detail .boxed {
margin-top: 10px;
margin-bottom: 0;
}

.boxed .row {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
min-height: 20px;
}

.boxed .lastRow {
border: none;
padding: 0;
margin: 0;
}

.help {
background-color: #E1F0E1;
border: 1px solid #87C487;
padding: 15px 15px 0;
}

.help h4, .help p {
margin-bottom: 1em;
}

.help h4 {
color: #00a560;
}

.helpContainer {
position: absolute;
overflow: visible !important;
}

.helpContainer img {
left: -19px;
position: absolute;
top: 14px;
}

.helpIcon {
cursor: help;
margin-left: 5px;
}

.flash {
background-color: #E1F0E1; /* Green */
border: 1px solid #87C487;
margin: 0 0 2em;
font-weight: bold;
padding: 10px;
color: #00a560; 
}

.warningFlash {
background: #FDEBDE;
border: 1px solid #F48735;
margin: 0 0 2em 25px;
font-weight: bold;
padding: 10px;
color: #F48735;
-moz-border-radius: 7px;
border-radius: 7px;
}

.errorFlash {
background: #FFE5E5;
border: 1px solid #c00;
padding: 10px;
margin: 0 0 2em;
}

.infoFlash {
color: #aaa;
background: #eee;
margin: 0 0 2em 25px;
padding: 10px;
-moz-border-radius: 7px; 
border-radius: 7px;
border: 1px solid #ccc;
}

/* Metadata styles */

.metadata {
margin: 0.75em 0;
}
.jobsDetail .metadata {
margin: 1.5em 0 1em 0;
}
.jobsAside .metadata {
font-size: 11px;
}

.metadata dt {
color: #999999;
font-weight: normal;
}

.metadata dd {
margin-bottom: 6px;
}

.metadata.inline {
overflow: hidden;
padding-left: 110px;
}

.metadata.inline dt,
.metadata.inline dd {
float: left;
}

.metadata.inline dt {
width: 110px;
margin-left: -110px;
clear: left;
display: inline;
}

.metadata.inline dd {
width: 100%;
}

/* Related container */
.related {
margin-top: 3em;
border-top: 1px solid #ccc;
}

.avatar {
max-width: 120px;
max-height: 120px;
}

/* Resource detail #resources.detail */
/*************************************************/
#resources.detail .addthis_button, .jobsDetail .addthis_button {
position: absolute;
right: 0;
}

#resources.detail h2.none {
font-size: 1.625em;
}

#resources.detail #preview {
display: none;
clear: both;
padding: 0;
margin: 0;
}

#resources.detail .previewWindow.loading #preview {
background: transparent url('../images/ajax_loader.gif') no-repeat 25px 25px;
}

#resources.detail .previewWindow.loading {
background-color: #f6f6f6;
}

#resources.detail #preview.loading #swfobjectHolder {
position: absolute;
top: -10000px;
clear: both;
}

#resources.detail #preview {
padding: 2px;
z-index: 10000;
}

#resources.detail #preview  object,
#resources.detail #preview  embed {
float: right;
}

#resources.detail #preview .flashContainer {
padding-top: 5px;
clear: both;
}

#resources.detail .followContainer 
{
    height: 20px;
}

/* Downloads and links */
.itemsContainer {
width: 450px;
max-height: 500px;
}

.items {
border: 1px solid #e5e5e5;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 10px;
-moz-box-shadow: #eee 2px 2px 2px;
-webkit-box-shadow: #eee 2px 2px 2px;
margin-bottom: 0.5em;
max-height: 200px;
overflow-y: auto;
}

.items a {
font-weight: bold;
font-size: 1.181em; /* 13px */
}

.items a.preview {
font-weight: normal;
}

.items a.preview .strong 
{
font-weight: bold;
}

.playAgain {
z-index: 10000;
float: right;
margin-right: 35px;
}

.items a span {
font-weight: normal;
font-size: 0.923em; /* 12px */
}

.items a.preview span 
{
color: inherit;
font-size: inherit;
font-weight: inherit;
}

.items a img {
margin: 2px 10px 0 0;
}

.items li.heading {
border: none;
padding: 0;
}

.items li.heading h3 {
font-size: 1.455em; /* 16px */
}

.items li {
padding: 5px 0;
font-size: 0.917em; /* 11px */
color: #777;
}

/* User */

.photoHolder a.tesPanelMember {
margin-top: -3px;
padding-top: 0;
display: block;
color: #FFF;
background-color:  #f37a1f;
text-align: center;
text-decoration: underline;
padding-bottom: 2px;
font-weight: bold;
font-size: 0.846em /* 11px */
}

/* Resource detail */
.resource {
position: relative;
}

.resource div.prose {
margin-top: 1em;
font-size: 1.083em;
}

.resource h1 {
margin-right: 130px;
}

.ratingDetail,
.myFave,
a.fave,
a.fave:visited,
a.fave:visited span {
color: #c90;
font-weight: bold;
}

.resource .resourceDetails .ratings {
margin: 12px 0;
}

#resources span.recommended a,
#resources span.recommended a:hover,
#resources span.recommended a:focus,
#resources span.recommended a:visited {
color: #fff;
}

.resource .resourceDetails span.recommended {
position: relative;
display: block;
}

.ratingDetail,
dl.statistics dd.ratingDetail {
font-weight: normal;
}

dl.statistics dd.recommended {
font-weight: normal;
}
dl.statistics dd.recommended span.recommended {
position: relative;
display: block;
float: left;
margin-right: 3px;
}

dl.statistics dt.recommended {
visibility: hidden;
}

.ratingDetail .ratingSprite,
.rating .shell {
display: inline-block;
margin: 0 5px;
}

dl.statistics {
margin: 1em 0;
width: 270px;
}

.aside dl.statistics dt {
width: 80px;
font-weight: normal;
}

.aside dl.statistics dd {
font-weight: bold;
min-width: 100px;
width: 170px;
margin-bottom: 0;
margin-left: 10px;
}

.aside dl.statistics dd.recommended {
font-weight: normal;
font-size: 0.833em;
}

.aside dl.statistics dd.recommended span.recommended {
font-size: 1.1em;
}

.editMy {
margin-bottom: 1.3em;
}

.shareAndFave {
position: absolute;
right: 0;
top: 0;
width: 120px;
text-align: right;
}

.aside .ad {
margin: 0 -10px 1em;
}

.aside ul.bullet {
margin: 1em;
}

.resourcesList li {
margin: 1em 0;
}

.featuredResources .resourcesList li {
border-bottom: 1px dotted #ccc;
padding-bottom: 1em;
}

.resourcesList span {
display: block;
font-size: 0.923em; /* 12px */
line-height: 1.3em;
}

.resourcesList span.lite {
font-size: 0.846em; /* 11px */
}

.resourcesList strong {
font-size: 1.077em; /* 14px */
line-height: 1.3em;
}

#resources.detail .aside {
padding: 1.25em 15px; /* 15px */
width: 270px;
overflow: visible;
}

#resources.detail .aside h2 {
margin-bottom: 0.3125em; /* 5px */
}

#resources.detail .aside h3 {
font-size: 1.5em;
}

#resources.detail .aside h2,
.author dt {
color: #999;
}

.author dl {
font-size: 1.083em; /* 13px */
}

.author dd {
margin-bottom: 1em;
}

.classifications {
line-height: 1.5em;
}

.classifications a.more {
display: block;
margin-top: 0.5em;
}

/* Reviews */

.reviews,
.embeds {
margin: 1.5em 0;
width: 100%;
}

.reviews h2 {
margin: 0;
}

.reviews td,
.reviews th {
padding: 5px 0;
vertical-align: top;
}

.reviews th {
padding-bottom: 5px;
margin-bottom: 5px;
font-weight: normal;
}

.reviews td,
.reviews th {
border-bottom: 1px solid #eee;
}

th.controls {
width: 110px;
}

th.controls span {
display: block;
}

th.rating {
width: 105px;
text-align: right;
}

.reviews .lite {
font-size: 0.917em; /* 11px */
font-style: normal;
}

td.review {
padding-right: 10px;
}

.reviews td.rating span {
display: inline-block;
float: right;
}

.min .full,
.max .ellipsis,
.min span.lite {
display: none;
}

.reviews .review p a,
.reviews p a,
.reviews p a span {
color: #666;
outline: none;
}

.reviews .min p a:hover {
color: #333;
}

.reviews .max p a {
text-decoration: none;
}

.reviews .min td.lite {
text-indent: -9999px;
}

.reviews .max td.lite {
text-indent: 0;
}

.resource .reviews span.recommended {
position: static;
margin-top: 5px;
}


.max .full,
.min .ellipsis {
display: inline;
}

/* Add reviews */

.addReview {
position: relative;
}

.addReview .addReviewHead {
font-size: 1.167em; /* 14px */
margin-bottom: 0.714em; /* 10px */
}


.addReview label span.placeholder {
font-size: 0.929em; /* 13px */
}

.js .addReview label span.placeholder {
position: absolute;
left: 15px;
margin-top: 2.8em;
}

.addReview .rating {
position: absolute;
right: 10px;
top: 10px;
}

.addReview .rating select {
width: 200px;
}

.addReview textarea {
width: 595px;
height: 6.67em; /* 80px */
margin: 0.5em 0 0.7em;
}


.addReview.isError .rating {
right: 20px;
top: 20px;
}


#resources .ui-dialog {
font-size: 12px;
-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
color: #333;
}

#resources .previewWindow.loading .ui-dialog-titlebar {
display: none;
}

/* Resources hub #resources.hub */
/*************************************************/

.navigation {
-moz-border-radius: 6px; 
border-radius: 6px;
padding-bottom: 18px;
width: 600px;
padding-left: 20px;
}

.navigation h2 {
font-size: 1.5em; /* 18px */
color: rgba(255,255,255,0.6);
margin: 1em 0 0;
font-weight: normal;
}

#resources .navigation h2,
#resources .navigation h2.all a,
#resources .navigation h2.all a span,
#resources .navigation h2.all a:visited,
#resources .navigation p.tip {
color: #8A93B4;
text-decoration: none;
}

#resources .navigation h2.all a span {
visibility: hidden;
font-size: 0.722em;
}

#resources .navigation h2.all a:focus span,
#resources .navigation h2.all a:active span,
#resources .navigation h2.all a:hover span  {
visibility: visible;
}

#resources .navigation p.tip {
text-align: center;
margin: 0.5em 0 -1em;
font-size: 0.917em;
}

#jobs .navigation h2 {
color: #EBA6A6;
}

#resources .navigation div.first ul,
#resources .col3 div.second ul {
border-right: 1px solid #8A93B4;
}

#jobs .navigation div.first ul,
#jobs .col3 div.second ul {
border-right: 1px solid #d74d4d;
}

#jobs .colTwoThirds div.first .first {
margin-left: 0;
}

#jobs .colTwoThirds div.first .first ul {
border-right: none;
}

.navigation ul {
margin-top: 1.3em;
list-style-position: outside;
}

.navigation ul li {
padding: 0 20px 0 0;
line-height: 1.5em;
font-size: 1.0833em; /* 13px */
}

.navigation .r div,
.navigation .r div ul {
margin-bottom: -1000px;
padding-bottom: 1000px;
}

.navigation p,
.navigation a,
.navigation a:visited {
color: #fff;
text-shadow: #000 0 -1px 0;
}

.navigation ul h3 {
margin: 0;
font-size: 13px;
}

.navigation ul p {
margin-bottom: 0.5em;
font-size: 11px;
}

.navigation ul p a {
text-shadow: none;
}

.editorialBlock img {
float: right;
margin: 0 0 1em 1em;
}

.main .editorialBlock h2 {
margin-top: 0;
}

.editorialBlock h2,
.editorialBlock h3 {
font-size: 1.23em; /* 16px */
}

.editorialBlock {
font-size: 1.0833em; /* 13px */
}

/* Two sections on hub, channel, etc. */
.main, .preMain {
margin-top: 2em;
}

.extras {
margin-top: 1.3em;
}

.extras .g4,
.extras .g12,
.extras .g2,
.extras .g6,
.extras .separatorRow,
#jobs .extras .editorialBlock h2 {
border-top: 4px solid #eee;
}

.extras .list .jobs li {
margin-top: 0;
}

.extras .noSeparator {
border-top: none;
}

.extras h2 {
margin-top: 0.7em;
margin-bottom: 1.5em;
font-weight: normal;
}

.calendar h3 a img {
display: block;
margin-top: 1em;
}

.calendar p,
.calendar ul {
margin-bottom: 1.5em;
}

.extras .ad {
border-top: 0;
}

/* Resources home #resources.home */
/*************************************************/

.featuredPartner ul {
margin: 1.3em 0;
}

.featuredPartner li {
margin-bottom: 0.3em;
}

.featuredPartners li {
width: 140px;
text-align: center;
}

.featuredPartners li a {
display: block;
}

.featuredPartners li img {
display: block;
border: 1px solid #ccc;
margin: 0 auto 1em;
}

.topicTrends h2 {
color: #666;
}

.topicTrends h3 {
margin-bottom: 0.2em;
font-weight: normal;
}

#resources.home .navigation {
width: 440px;
padding-bottom: 1em;
}

#resources.home .navigation h2 {
margin: 0;
font-size: 1.231em; /* 16px */
}

#resources.home .navigation p {
color: #a4acc6;
font-size: 0.923em;
}

.g4 .globalHtmlItem {
margin: 0;
border-top: none;
}

.editorialBlock + .globalHtmlItem {
border-top: 4px solid #eee;
margin-top: 1em;
}

/* Jobs Home #jobs.home */
/*************************************************/

#jobs .editorialBlock .mpu img {
float: none;
margin: 0;
}

#jobs .editorialBlock .mpu {
margin: 0 0 10px;
}

.featuredListings,
.employers {
font-size: 12px;
position: relative;
}

.featuredListings q,
.employers q {
font-size: 13px;
}

.featuredListings li img,
.employers li img {
position: absolute;
right: 0;
top: 0;
max-width: 120px;
border: 1px solid #eeeeee;
}

.employers li img {
padding: 0;
right: 5px;
top: 5px;
}

.featuredListings li,
.employers li {
padding: 0 130px 16px 0;
margin-bottom: 16px;
border-bottom: 1px dotted #CCCCCC;
position: relative;
min-height: 65px;
}


.employers li {
background: #f0f0f0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
background-image: -moz-linear-gradient(#ffffff,#f0f0f0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0);
border: 1px solid #eee;
-moz-border-radius: 6px; 
border-radius: 6px;
padding-top: 10px;
padding-left: 10px;
}

.featuredListings h3,
.employers h3 {
font-size: 14px;
margin: 5px 0 0;
}

.featuredListings h3 a,
.employers h3 a {
display: inline-block;
}

.featuredListings h3 span,
.employers h3 span {
font-size: 12px;
display: block;
}

.featuredListings h3 a:hover span,
.employers h3 a:hover span {
text-decoration: underline;
}

.featuredListings p,
.employers p {
font-size: 12px;
}

.listing .featuredEmployer h2 {
margin: 0 0 1em;
font-size: 14px;
font-weight: normal;
}

.listing .featuredEmployer {
margin-top: 1em;
padding-left: 9px;
width: 130px;
border-left: 1px solid #ddd;
}

.listing .featuredEmployer h3 span {
display: inline;
}

.listing .featuredEmployer q {
margin-top: 1em;
display: block;
}

.listing .featuredEmployer p {
margin-top: 1em;
font-size: 11px;
}

.listing .featuredEmployer img {
display: block;
margin-bottom: 1em;
}

.sideAdContainer,
.featuredJobs {
background: #eee;
-moz-border-radius: 7px; 
border-radius: 7px;
border-top: none !important;
}

.featuredJobs ul {
padding: 0 10px;
}

.featuredJobs li {
margin-bottom: 1em;
}

.sideAdContainer h2,
.featuredJobs h2 {
padding: 0.7em 10px;
background-image: -moz-linear-gradient(#fff, #eee);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee);
margin: 0;
border: 1px solid #eee;
-moz-border-radius: 7px; 
border-radius: 7px;
}

.featuredJobs h2 {
font-weight: bold;
}

.featuredJobs h3 {
margin: 0 0 0.3em;
font-size: 13px;
}

.featuredJobs h3 a {
display: inline-block;
}

.featuredJobs h3 span {
font-size: 12px;
display: block;
}

.featuredJobs h3 a:hover span {
text-decoration: underline;
}

.jobsOfInterest {
padding: 0 10px;
}

.jobsOfInterest p span {
display: block;
}

#jobs .extras .editorialBlock {
border-top: none;
}

#jobs .extras .editorialBlock h2 {
margin-top: 0;
padding-top: 11px;
font-weight: bold;
}

/* Post code search */

.hub .postcode {
background: #f6f6f6;
border: 1px solid #ececec;
-moz-border-radius: 7px; 
border-radius: 7px;
padding: 10px;
color: #999;
margin-bottom: 20px;
clear: both;
}

.hub .postcode .send {
float: right;
}

form.postcode .ui-slider {
background: #7C7C7C;
background: -moz-linear-gradient(#7C7C7C, #969696);
background-image: -webkit-gradient(linear, left top, left bottom, from(#7C7C7C), to(#969696));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7C7C7C, endColorstr=#969696);
border: 1px solid #737373;
-moz-border-radius: 3px; 
border-radius: 3px;
height: 0.65em;
margin: 10px 0;
}

form.postcode .ui-slider-range {
background: #eee;
background: -moz-linear-gradient(#eee, #ddd);
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#dddddd);
-moz-border-radius: 3px; 
border-radius: 3px;
}

form.postcode .ui-slider-handle {
background: #eee;
background: -moz-linear-gradient(#eee, #ddd);
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#dddddd);
border: 1px solid #737373;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
cursor: move;
}

form.postcode .sliderDisplay b {
float: left;
width: 100px;
font-weight: normal;
}

form.postcode .sliderDisplay strong {
float: right;
width: 80px;
text-align: right;
}

form.postcode input.text {
border: 1px solid #ccc;
-moz-border-radius: 5px; 
border-radius: 5px;
width: 100px;
padding: 3px;
float: left;
margin-right: 0.5em;
}

form.postcode noscript select.distance
{
margin-bottom: 10px;
}

form.postcode label.invalid {
color: #dd0000;
font-weight: normal;
}

form.postcode input.invalid 
{
background-color: #fee;
}

.listing form.postcode fieldset {
font-size: 0.923em;
}

.hub form.postcode input.text {
width: 150px;
clear: both;
}

.hub form.postcode input.search {
float: left;
}

/* Jobs super meta channel **/
.superchannel #content {
font-size: 1.083em; /* 13px */
}

.superchannel #content .jobsAside .mpu {
padding: 15px 0;
border-top: 4px solid #eee;
border-bottom: 4px solid #eee;
}

.superchannel #content .jobsAside ul.adButtons li {
float: left;
margin-right:25px; 
margin-bottom:25px;
}

.superchannel #content .jobsAside ul.adButtons {
margin-right: -25px;
}

.superchannel .channelFeaturedEmployers {
border-bottom: 2px solid #eee;
}

.superchannel .longerHeadlines,
.superchannel .channelFeaturedJobs
{
clear: both;
background: bottom left no-repeat url(../../graphics/jobs_superchannel_list_separator.png)
}

.superchannel .longerHeadlines li {
float: left;
width: 48%;
padding-bottom: 20px;
clear: left;
}

.superchannel .longerHeadlines li li {
float: none;
clear: none;
width: 100%;
padding-bottom: 0;
}

.superchannel .longerHeadlines li li a {
font-weight: bold;
}

.superchannel .longerHeadlines li dd {
margin-bottom: 0.5em;
}

.superchannel .list .featured .item {
width: 435px;
}

.superchannel .borderSeparator {
border-bottom: 4px solid #eee;
}

.superchannel .longerHeadlines.borderlessItems li {
border-bottom: none;
}

.superchannel .featuredListings li {
float: left;
width: 48%;
padding-right: 0;
border-bottom: none;
margin-bottom: 15px;
clear: left;
}

.superchannel .featuredListings li.borderless {
margin-bottom: 0;
}

.superchannel .featuredListings li a {
display: block;
}

.superchannel .featuredListings li img,
.superchannel .longerHeadlines li img{
position: static;
float: right;
}

.superchannel .featuredListings li {
border-bottom: 1px dotted #CCCCCC;
}

.superchannel li.borderLess {
border-bottom: none
}

.superchannel .featuredListings li.evenItem,
.superchannel .longerHeadlines li.evenItem {
margin-right: 0;
float: right;
clear: none;
}

.superchannel #content .jobsAside h4 {
font-weight: normal;
margin-bottom: 2px;
padding-bottom: 0;
}

.superchannel #content .jobsAside ul {
margin-bottom: 1.5em;
}

.superchannel #content .jobsAside ul li {
line-height: 17px;
}

#jobs.superchannel .jobOTWContainer {
border-bottom: 2px solid #eee;
padding-top: 8px;
padding-bottom: 0;
position: static;
}

#jobs.superchannel .jobOTWContainer .jobs {
margin: 0;
}

#jobs.superchannel .jobOTWContainer .jobs .featured {
margin-left: 0;
}

.superchannel .promotionBlock{
margin-top:15px;
}
.superchannel .promotionBlock h3{
margin-top:0;
}
.superchannel .promotionBlock div{
border:1px solid #bbb;
background-color:#f1f1f1;
padding:10px; 
width:29%;
float:left;
margin-right:10px;
margin-bottom:10px;
min-height:200px;
}

.superchannel .promotionBlock div.last {
margin-right:0;
border-bottom:1px solid #bbb !important;
}
.superchannel .promotionBlock span.lite {
font-size:.8em;
}
.superchannel .promotionBlock a span.lite {
color:#0066CC;
}

.superchannel .channelFeaturedJobs {
float:left;
width: 100%;
}
/* Jobs
*************************************************/

/* Light text below main title. See Jobs Employer page */
#jobs .subtitle {
margin-top: -0.3em; /* Pull subtitle up under the main title */
margin-bottom: 0.615em; /* 8px */
color: #999999;
}

#jobs dl.employerInfo,
#jobs dl.addressDetails {
font-size: 11px;
margin-top: 0.5em;
float: left;
margin-right: 5px;
}

#jobs dl.employerInfo dt,
#jobs dl.addressDetails dt {
clear: left;
float: left;
font-weight: normal;
width: 80px;
}

#jobs dl.employerInfo dt,
#jobs dl.employerInfo dd,
#jobs dl.addressDetails dt,
#jobs dl.addressDetails dd {
margin-bottom: 0;
float: left;
}

#jobs dl.employerInfo dd,
#jobs dl.addressDetails dd
{
width: 320px;
}

#jobs .sidesubtitle{
/*text-align:right;*/
color: #999999;
display:block;
padding-bottom:5px;
font-size:.85em;
}

#jobs .article {
margin-bottom: 30px;
}

#jobs .article h2 {
margin: 1em 0;
}

#jobs .article p {
margin-bottom: 1em;
}

#jobs .jobsPremium .article p.highlight {
margin-bottom: 1em;
}

#jobs .article a {
font-weight: normal;
}

#jobs .section.article {
padding-bottom: 0;
}

#jobs .section p a span {
font-weight:normal;
}

/* Reuse the .list styles in the jobs area */
#jobs .list {
padding-top: 0;
min-height: 0;
width: auto;
}

#jobs .list p.description {
font-style: normal;
}

#jobs .list .meta a:hover {
text-decoration: none;
}

#jobs .list p.type,
#jobs .list p.dates,
#jobs .list p.dates .closing {
color: #999;
font-weight: normal;
}

#jobs .list p.type {
font-style: italic;
}

#jobs .list .gold p.dates .closing {
color: #c00;
}

/* All uses of light blue in the jobs area */
#jobs .download small,
#jobs .list .details,
#jobs .list .category {
color: #3399CC;
}

#jobs .download small {
display: block;
line-height: 1;
}

#jobs .list .applySmall {
position: absolute;
top: -2px;
right: 0;
float: right;
display: block;
}

#jobs .list h4 {
font-size: 1em;
margin-bottom: 0;
}

#jobs .list .featured h4,
#jobs .list .sponsored h4{
font-size: 1.3333em;
}

#jobs .list .featured h4 a,
#jobs .list .sponsored h4 a {
display: inline-block;
}

#jobs .list .details,
#jobs .list .category {
font-size: 0.88em; /* 0.7692em;*/ /* 10px */
}

.jobsContainer {
/* Allow heading backgrounds to extend into the margins. */
overflow: visible;
}
.jobsContainer .pushLeft{width:75%;}
.jobsContainer .pushRight{width:20%;}
.jobsContainer .pageHeader{margin-bottom:10px;}
#jobs .jobsContainer .subtitle{width:auto;}
#jobs .list .details {
color: #999999;
}

#jobs .last {
border-bottom: none;
}

#jobs.home .list .jobs,
#jobs.home .list .jobs li,
#jobs.hub .list .jobs,
#jobs.hub .list .jobs li {
margin-left: 0;
}

#jobs.home .main .extras .g6,
#jobs.hub .main .extras .g6 {
width: 440px;
}

#jobs.home .main .extras .g2,
#jobs.hub .main .extras .g2 {
float: right;
}

#jobs.my #content .g10 {
width: 760px;
}

#jobs.home .main .extras .g2.ad,
#jobs.home .main .extras .g2.featuredJobs,
#jobs.hub .main .extras .g2.ad,
#jobs.listing #content .g2.ad,
#jobs.my #content .g2.ad {
width: 160px;
}

#jobs.home .main .g8 .r.extras,
#jobs.hub .main .g8 .r.extras {
width: 640px;
}

#jobs.my #content .g2.ad {
margin-top: 48px;
}

#jobs.listing #content .noResults {
margin-right: 0;
margin-left: 0;
}

#jobs .featuredEmployers h2 {
font-weight: bold;
} 

.jobsContainer {
/* Allow heading backgrounds to extend into the margins. */
overflow: visible;
}
/* Jobs Group */
#jobs .jobsGroup .list .applySmall{
width:auto;
color: #0085CF;
font-size:.9em;
}

#jobs .jobsGroup .hr {
background: #049bff;
}

#jobs .jobsGroup .bar {
color: #fff;
background: #049bff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#66ccff), to(#049bff));
background-image: -moz-linear-gradient(#66ccff,#049bff);
}

/* Jobs Detail
   This class applies to the content area of the
   Job detail and Employer detail pages.
*************************************************/

#jobs .jobsDetail {
/* Copy in the Jobs detail is set at 13px */
font-size: 1.083em; /* 13px */
}

#jobs .jobsDetail a {
font-weight: bold;
}

#job .jobsDetail .main {
margin-top: 1em;
}

#jobs .jobsResources .section a {
font-size: 1.166em; /* 14px */
}

#jobs .jobsDetail ul.bullet li, #jobs .jobsDetail .article {
margin-bottom: 0;
}

#jobs .jobsDetail h4 {
margin: 0; /*0.83em 0;*//* 12px, 13px @ 12 */
}

#jobs.detail .article h4,
#jobs.detail .article h5,
#jobs.detail .article h6 {
margin: 1em 0;
}

#jobs.detail .article strong * {
font-weight: bold;
}

#jobs .jobsDetail .infoFlash {
margin-left: 0;
}

/* Gallery */
#jobs.detail .gallery .showing ul,
#jobs.detail .gallery .showing ul li,
#jobs.detail .gallery .thumbs {
background: none;
border: none;
}

#jobs.detail .gallery .showing ul li {
margin-left: auto;
margin-right: auto;
}

#jobs.detail .gallery .thumbs {
padding: 8px 0 0 0;
}

#jobs.detail .gallery .previousButton {
left: 0;
top: 20px;
}

#jobs.detail .gallery .nextButton {
right: 0;
top: 20px;
}

#jobs.detail .gallery .thumbs_sleeve {
width: 260px;
height: 48px;
margin-left: auto;
margin-right: auto;
position: relative;
}

#jobs.detail .gallery .thumbs_sleeve ul {
margin-left: 4px;
height: 44px;
}

#jobs.detail .gallery .thumbs_sleeve img {
width: 42px;
border: solid 1px #fff;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

#jobs.detail .gallery .thumbs_sleeve a.selected img {
border-color: #000;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
}

#jobs.detail .gallery .thumbs ul li {
margin-right: 8px;
}

#jobs.detail .article ul {
list-style: none outside none;
margin: 10px 0;
padding: 0 0 0 15px;
}

#jobs.detail .article ul li {
list-style: none outside none;
background: url("../../graphics/bullett.png") no-repeat scroll 0 0.45em transparent;
padding-left: 15px;
}

#jobs.detail .headerBanner,
#jobs.detail .footerBanner {
margin-left: 10px;
margin-bottom: 25px;
}

#jobs.detail .footerBanner {
margin-top: 5px;
margin-bottom: 0;
}

#jobs.detail .expandable .read-more {
font-style: normal;
}

/* Jobs Sidebar
   This class applies to the sidebars in the Job
   detail and Employer detail pages.
*************************************************/

#jobs .jobsAside .subtitle {
margin: 1em 0;
}

#jobs .subtitle {
margin-top: -0.3em; /* Pull subtitle up under the main title */
margin-bottom: 0.615em; /* 8px */
color: #999999;
width:70%;
}


.jobsAside h4 {
font-size: 1.077em; /* 14px */
margin-bottom: 0.7692em; /* 11px */
}

#jobs .jobsAside dl.employerInfo, 
#jobs .jobsAside dl.addressDetails {
margin-top: 1.1em;
float: none;
clear: both;
}

#jobs .jobsAside dl.employerInfo dd,
#jobs .jobsAside dl.addressDetails dd
{
width: 215px;
}

#jobs .jobsAside .disclaimer {
font-size: 0.8333em;
line-height: 1.2em;
font-style: italic;
}

/* Job Sidebar About */

.jobsAside .about h4 {
font-size: 1.231em; /* 16px */
padding-bottom: 10px;
}

.jobsAside .about img {
float: right;
padding-left: 10px;
padding-bottom: 10px;
}

.jobsAside .about .readMore {
font-weight: bold;
margin-top: 0.7692em; /* 11px */
}

/* Job Sidebar Awards */

.jobsAside .awards h4 {
color: #666666;
}

/* Job Sidebar Location */

.caption {
font-size: 0.923em; /* 12px */
margin-bottom: -1em; /* Pull the map caption up below the map */
}

/* Job Sidebar Thumbnails */

.jobsAside .thumbnail,
.jobsAside .thumbnails {
/*display: inline-block; *//* Forces layout in IE6 */
width: 100%;
}

.jobsAside .thumbnails {
overflow: hidden;
margin-left: -10px;
/*margin-bottom: -7px;*/
}

.jobsAside .thumbnails li {
float: left;
padding: 0 0 10px 10px;
}
#jobs .jobsDetail .thumbnail ul{
margin:0;
}

#jobs .jobsDetail .thumbnail ul li{
margin-bottom:-2px;
}

#jobs .jobsDetail .thumbnail ul li a{
font-size:.85em;
}

.jobsAside .thumbnails a,
.jobsAside .thumbnails img {
display: block;
}

.jobsAside .thumbnail img{
border: 4px solid #000;
}
.jobsAside .thumbnails img {
border: 2px solid #999;
}
.jobsAside .thumbnails img:hover {
border: 2px solid #333;
}

/* Job Sidebar Single Thumbnail */

.jobsAside .thumbnail {
overflow: hidden;

}
.jobsAside .thumbnailPhotos {
border:0;
margin-bottom: 10px;
}
.jobsAside .thumbnailPhotos img{
border:2px solid #666;
margin-bottom: 0px;
}

.jobsAside .thumbnail img {
float: left;
margin-right: 10px;
}

.jobsAside .thumbnail h4,
.jobsAside .thumbnail p {
font-size: 0.923em; /* 12px */
}

.jobsAside .thumbnail h4 {
margin: 10px 0 0 0;
}

/* Jobs Resources
   Download links at the bottom of main content.
*************************************************/

.jobsResources {
margin-top: -21px; /* Pull the  */
}

.jobsResources h3 {
margin: 0.12em 0;
}

.jobsResources p {
font-size: 0.923em; /* 12px */
}
/* Jobs Premium
   Unique styles for the customised versions of
   the Job Detail and Job Employer pages.
*************************************************/

.jobsPremium .bar {
color: #FFF;
}

/* Allow a branded background image to be set */
.jobsPremium h1.brand {
text-indent: -900em;
height: 95px;
margin-bottom: 12px;
width: 100%;
background-repeat: no-repeat;
background-position: 0 0;
}

#jobs ul.awards {
margin-right: -9px;
margin-bottom: -9px;
}

#jobs ul.awards li{
float:left;
margin-right:9px;
margin-bottom:9px;
}

#jobs ul.awards li img {
display: block;
}

#jobs ul.members li {
padding-right: 100px;
}

#jobs ul.testimonial{
display:block;
}
#jobs ul.testimonial div{
width: 80%; 
float:left;
}
#jobs ul.testimonial .quotes{ 
font-style:italic;
}
#jobs ul.testimonial .norm{ 
font-style:normal;
font-size:0.9em;
}
#jobs ul.testimonial .quotesBy{
 font-size:0.9em; 
 font-weight:700;
 margin:0.5em 0;
 }
#jobs ul.testimonial img{
float:right;
}
#jobs ul.testimonial li {
border-bottom: 1px dotted #CCCCCC;
margin: 0.75em 0;
padding-bottom: 0.75em;
display:block;
}
#jobs ul.testimonial li.last{
border:0;
}
.jobsPremium .jobsResources { 
margin-top:.5em;
}
.jobsPremium .jobsResources h3 {
margin: 1.2em 0 1em;
}
/* Employer's Profile Expanded Map (Bing Map)
**************************************************/
#employersMapContainer{
position: relative;
}
/*  Styles doubled-up so see '#jobsMapContainer' section 
  #employersMapContainer .NavBar_zoomControlContainer
  #employersMapContainer .NavBar_compassControlContainer
  #employersMapContainer .MicrosoftMap .OverlaysTL
  #employersMapContainer .MicrosoftMap .NavBarElongated
  #employersMapContainer .NavBarElongated .NavBar_compassControlContainer
  #employersMapContainer .NavBarElongated .NavBar_zoomControlContainer 
/*

/* Jobs Listing Bing Map
**************************************************/

#jobsMapContainer {
position: relative;
}
div#map-iconskey {
position: absolute; 
top:513px;
left:0px;
z-index:10000; 
}
.noJs div#map-iconskey {
display:none;
}
#map-iconskey li {
float:left;
overflow:visible;
height: 45px;
padding-right:10px;
color:#000;
}
#map-iconskey li span  {
float:left;
height:45px;
}
#map-iconskey li img {
vertical-align:text-top;
margin-right:10px;
float:left;
}
#jobsMapContainer .NavBar_zoomControlContainer, #employersMapContainer .NavBar_zoomControlContainer{
left:113px;
} /* Bing Maps sets width of this control to 52px */
#jobsMapContainer .NavBar_compassControlContainer, #employersMapContainer .NavBar_compassControlContainer{
left:5px;
} /* Bing Maps sets width of this control to 108px */
#jobsMapContainer .MicrosoftMap .OverlaysTL, #employersMapContainer .MicrosoftMap .OverlaysTL {
left:780px; /* 960px (map width in total) - 170px (dashboard width) - 10px (margin-right) */
position:absolute;
top: 10px;
width: 170px; /* 108 + 52 + 5 (border-left) + 5 (border-right) = 170 */
} /* When cannibalized to display X-Link / "More than 100pins" messages has below style added */
#jobsMapContainer .MicrosoftMap .NavBarElongated, #employersMapContainer .MicrosoftMap .NavBarElongated {
width: 665px;
left: 285px; /* 665px (width) + 285px (left) = nav dashboard's righthand edge pos of 950px (so right margin: 10px maintained) */
background-color: #fff;
} /* JavaScript adds this class on so we have more space to put messages in (see job listing maps JS)*/
.MicrosoftMap .NavBarElongated p { 
width: 485px;
float:left;
padding: 0em 0.45em 0.0em 0.75em;
font-weight:bold;
}
.MicrosoftMap .NavBarElongated p.tooManyJobsMsg  {
width:100%;
font-size:1.13em;
color:#f00;
text-align:center;
}
#jobsMapContainer .NavBarElongated .NavBar_compassControlContainer,
#employersMapContainer .NavBarElongated .NavBar_compassControlContainer {
left:500px;
}
#jobsMapContainer .NavBarElongated .NavBar_zoomControlContainer,
#employersMapContainer .NavBarElongated .NavBar_zoomControlContainer {
left:608px;
}
.MicrosoftMap .NavBarElongated .NavBar_zoomControlContainer a, 
.MicrosoftMap .NavBarElongated .NavBar_compassControlContainer a {
border:none;
}
.MicrosoftMap .NavBarElongated  a.sub{
font-weight: bold;
}

/* Add rounded corners to the dashbaord and zoom widgets */
.listing-map .job,
.map-infobox .map-infobox-content,
#jobsMapContainer .MicrosoftMap .OverlaysTL ,
#employersMapContainer .MicrosoftMap .OverlaysTL ,
#jobsMapContainer .MicrosoftMap .NavBarElongated ,
#employersMapContainer .MicrosoftMap .NavBarElongated{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.listing-map li.job,
.map-infobox .map-infobox-content {
border: 1px solid #888;
}

#jobsMapContainer .MicrosoftMap .NavBar_toolButton {
border-left: none;
border-right: none;
}

#jobsMapContainer .MicrosoftMap .NavBar_zoomDrop {
border-top-color: #ccc;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
-o-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
-o-top-right-radius: 0;
border-top-right-radius: 0;
}

/* Make the zoom slider toogle a little more defined */
#jobsMapContainer .MicrosoftMap .NavBar_zoomSlider {
border: 1px solid #3a5ea3;
margin-left: -1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}

/* Hide the map type picker*/
#jobsMapContainer .MicrosoftMap .NavBar_typeButtonContainer {
display: none;
}

.map-infobox {
z-index: 2000;
width: 270px;
position: absolute;
margin-left: -28px;
margin-top: -10px;
}
	
.map-infobox.image {
width: 366px;
}
/* ***************************************************************** */
/* CUSTOM SCROLL BAR STYLES FOR 'map-infobox (extends '.map-infobox' */


#jobsMapContainer.customScroll  {
  overflow:visible;
} /* overrule 'overflow:hidden' from class 'r' on this div so initial infobox overlay display appears over everything 
  /* JavaScript, (via 'tiledownloadcomplete' Map event) reverts overflow so overlay doesn't spill out of the map area when the map is moved */
#jobsMapContainer.customScroll .map-infobox  {
width:285px;
} 

#jobsMapContainer.customScroll .map-infobox.image  {
width:381px;
} /* IE6 only sees '#jobs.customScroll .image ' (it only takes notice of last daisy-chained className) as it handles muliple classnames weirdly */

#jobsMapContainer .scrollbar {
  display:none;
}
#jobsMapContainer.customScroll .scrollbar {
  display:block;
}

#jobsMapContainer .jobAdInfo {
 padding-top: 5px;
 min-height:63px;
}

#jobsMapContainer.customScroll .jobAdInfo:first-child {
min-height:70px;
} /* Why 'min-height' 7px for first? 'Cos this row doesn't have 7px's worth space occupied due to HR at its top. */

#jobsMapContainer.customScroll .jobAdInfo  hr {
height: 0px; 
border-top: 1px solid #737373;
border-bottom: 1px solid #e0e0e0; 
padding: 0px; 
margin: 0px 5px 5px 0px;
} /* Overall height occupied is 2px border + 5px margin-bottom = 7px */

.map-infobox .map-infobox-close, .jobsListingMap .sponsoredbox-close {
position: absolute;
top: -1px;
right: 2px;
color: #666;
font-size: 14px !important;
font-weight: bold;
line-height: 1;
background: none;
border: none;
display: block;
padding: 0;
}

#jobsMapContainer.customScroll  .map-infobox .map-infobox-close {
right: 9px;
} /* 'right:11px' in 'ie.css' */

.map-infobox .map-infobox-content {
background-color: #fff;
padding: 10px 20px 10px 10px;
}

.map-infobox .map-infobox-callout {
display: block;
position: absolute;
bottom: -17px;
left: 20px;
width: 18px;
height: 18px;
background: url(../images/map_callout.png) no-repeat 0 0;
border: none;
}

.map-infobox .status {
font-weight: bold;
}

.map-infobox .status,
.map-infobox .location,
.map-infobox .salary {
font-size: 0.916em; /* 11px */
}

.map-infobox .url, .MicrosoftMap .NavBar .url {
font-size: 1.0833em; /* 13px */
}

.map-infobox .url span {
font-size: 0.857em; /* 12px */
color: #69C;
display:block;
}

.map-infobox .url strong {
font-size: 1.167em; /* 14px */
}
.map-infobox .location {
display: block;
}

.map-infobox .map-infobox-content {
padding-right: 10px;
}

.map-infobox.image img {
float: right;
padding:2px 5px 0px 5px;
}

.listing-map li.job {
z-index: 2000;
position: absolute;
bottom: 10px;
left: 10px;
margin: 0;
padding: 10px;
background: #fff; 
}

/* Resource listing #resources.listing */
/*************************************************/

.bar {
background: #000;
color: #fff;
padding: 7px 10px;
font-size: 1.167em; /* 14px */
position: relative;
-moz-border-radius: 5px 5px 5px 0; 
border-radius: 5px 5px 5px 0;
}

/* Remove the bottom curves if it's a list map view */
.listing-map .bar {
-moz-border-radius: 5px 5px 0 0; 
border-radius: 5px 5px 0 0;
}

.fixedFilterBar .bar {
-moz-box-shadow: rgba(0,0,0,0.3) 0 3px 7px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0 3px 7px;
z-index: 101;
}

.bar a,
.bar a:visited, 
.bar li, 
.bar a span,
.bar a:visited span {
color: #fff;
}

h2.bar,
h3.bar {
padding-left: 7px;
padding-right: 7px;
margin-left: -5px;
margin-right: -5px;
font-size: 1.077em; /* 14px */
font-weight: normal;
}

.bar ul {
position: absolute;
left: 220px;
font-size: 0.929em; /* 13px */
min-width: 600px;
}

.bar ul li {
margin-left: 0.5em;
}

.bar ul,
.bar ul li {
display: inline;
padding: 1px 8px;
background: none;
-moz-border-radius: 10px; 
border-radius: 10px;
}

.bar li.selected {
background: #787fa0;
background: rgba(255,255,255,0.3);
}

#jobs .bar li.selected {
background: #ca4d4d;
background: rgba(255,255,255,0.3);
}

.bar.none {
-moz-border-radius: 5px; 
border-radius: 5px;
}

.bar li.disabled {
opacity: 0.7;
}

.highlightBar
{
padding: 5px;
-moz-border-radius: 7px; 
border-radius: 7px;
color: #fff !important;
display: inline-block;
}

.filtersContainer {
width: 240px;
margin: 0;
overflow: visible;
}

.filters {
background: #f6f6f6;
margin: 0;
padding: 8px 10px;
font-size: 1.083em; /* 13px */
width: 200px;
color: #999;
position: relative;
}

.filters p.tip {
font-size: 0.846em;
margin-bottom: 1em;
}

.filters h3 {
margin: 0;
}

.filters h3 .disclosure {
position: absolute;
left: 0;
top: 5px;
background-position: 0 -7px;
}

.filters .selected .disclosure {
background-position: 0 0;
}

.filterBar .barContainer {
padding-top: 1em;
background: #fff;
position: relative;
}

.fixedFilterBar .barContainer {
z-index: 101; /* > list */
}

.fixedFilterBar .filterBar {
position: fixed;
top: 0;
width: 960px;
}

.fixedFilterBar .fixedSpace {
display: block;
}

.fixedSpace {
display: none;
}

.fixedBarSpace {
height: 30px;
padding-top: 1em;
}

.fixedFilterBar .hitBottom {
position: absolute;
}

.filters h3 {
color: #999 !important;
text-transform: uppercase;
font-size: 0.923em; /* 12px */
position: relative;
padding-left: 15px;
}

.filters h3 a {
color: #999 !important;

}

.filters li ul {
display: none;
}

.filters li.break {
margin-top: 20px;
font-size: 0.846em; /* 11px */
}

.filters li {
line-height: 1.5em;
}

.filters li li span {
-moz-border-radius: 10px;
border-radius: 10px;
background: #bbb;
background: -moz-linear-gradient(#aaa, #999);
background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#999));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaaaaa, endColorstr=#999999);
color: #fff;
font-size: 10px;
margin-left: 1px;
padding: 1px 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
position: relative;
top: -1px;
}

.filters li.selected ul {
display: block;
}

.filters ul ul {
margin: 0.769em 0 0.769em 15px; /* 10px */
}

.filters .filterExpand {
left: 230px;
top: 10px;
width: 280px;
height: 345px;
font-weight: normal;
z-index: 102; /* > list */
}

.filterExpand .g {
width: 259px;
}

.filters .col1 ul,
.filters .col2 .wrapper {
overflow: auto;
height: 325px;
}

.filters .col2 .wrapper {
margin: 0.769em 10px 0.769em 0; /* 10px */
width: 564px;
}

.filters .col2 {
width: 574px;
}

.filters .more {
font-weight: bold;
line-height: 2em;
}

.filters .moreSelected {
background: #06C;
color: #fff !important;
margin-left: -10px;
padding-left: 10px;
padding-right: 20px;
-moz-border-radius: 5px; 
border-radius: 5px;
display: block;
}

.filters li.postcode fieldset {
display: none;
}

.filters li.postcode.selected fieldset {
display: block;
}

.filters li.postcode .fieldsetRange {
margin: 10px 0 0 15px;
}

.filters li.postcode .fieldsetPostcode {
margin: 0 0 10px 15px;
}

h2.none {
font-size: 2.625em;
line-height: 1.3em;
font-weight: normal;
color: #ccc;
text-align: center;
padding: 50px 0 100px;
}

.myFavourites h2.none,
.myShared h2.none {
font-size: 21px;
}

#saveSearchContainer {
float: right;
margin-left: 1em;
position: relative;
right: 0;
top: -30px;
margin-bottom: -30px;
color: #06C;
}

#saveSearchContainer .inlineIndicator {
position: relative;
right: 45px;
}

.list {
padding: 1em 0 0;
margin-left: 0;
width: 550px;
min-height: 400px; 
position: relative;
z-index: 100; /* Position above fixedFilterBar */
overflow: visible;
}
.jobsListingMap {
position:static;
}
.list .notification {
margin: 13px 0 13px 40px;
}

.listing .ad,
.employer #jobs .ad {
padding-top: 1em;
text-align: center;
}

.list ul {
margin-left: 40px;
}

.section,
.list li {
position: relative;
margin: 0.75em 0;
border-bottom: 1px dotted #ccc;
padding-bottom: 0.75em;
}

.list .pages li {
border-bottom: none;
} 

.list .slug {
font-size: 0.917em; /* 11px */
}

.list h3,
.list .sponsored h4,
.list .featured h4 {
margin: 0;
font-size: 1.333em; /* 16px */
line-height: 1.3em;
}

.list h3 {
margin-right: 100px;
}

.list .jobs h3 {
margin-right: 0;
}

.list .jobs h3 a {
display: inline-block;
}

.list h3 span {
font-size: 0.6875em; /* 11px */
white-space: nowrap;
}

.list h3 a:hover span,
.list h4 a:hover span {
text-decoration: underline;
}

.list .jobs h3 span {
font-size: 0.8125em; /* 13px */
line-height: 1.3em;
display: block;
white-space: normal;
}

.list .following h3 span 
{
font-size: 0.8125em; /* 13px */
}

.list p.files,
.list p.stats {
font-size: 0.917em; /* 11px */
color: #999;
}

.list p.keywords,
.list p.description {
font-style: italic;
}

.list span.popular,
.list span.recommended,
dl.statistics span.recommended,
.reviews span.recommended,
.resourceDetails span.recommended {
position: absolute;
right: 0;
top: 0;
color: #fff;
padding: 0 10px;
font-weight: bold;
font-size: 0.917em; /* 11px */
text-shadow: 0 -1px 0 #666666;
-moz-border-radius: 7px; 
border-radius: 7px;
}

.list span.popular {
background: #999;
background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666));
background-image: -moz-linear-gradient(#999999,#666666);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#666666);
}

.list span.recommended,
dl.statistics span.recommended,
.reviews span.recommended,
.resourceDetails span.recommended {
background: #f37a1f;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f37a1f), to(#ce651b));
background-image: -moz-linear-gradient(#f37a1f,#ce651b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f37a1f, endColorstr=#ce651b);
}

.new,
.list .public .slug b {
color: #090;
}

.new,
.newThisWeek,
.closingSoon,
.closing {
font-weight: bold;
}

.newThisWeek {
color: #66C266;
}

.closingSoon {
color: #c77;
}

.closing {
color: #c00;
}

.pages li {
display: inline;
margin-right: 0.5em;
}

.listing .share,
div.saveSearch,
#profile .share {
margin-top: -25px;
position: absolute;
right: 18px;
width: 125px;
}

div.saveSearch 
{
width: 225px;
position: relative;
float: right;
}

div.saveSearch #nojsSubmit
{
background: none;
border: none;
color: #975DA6;
cursor: pointer;
}

.saveSearch {
text-align: right;
}

.followForm {
margin: 10px 0 35px;
}

.list .sponsored,
.list .featured {
border: 1px solid #ccc;
-moz-border-radius: 6px; 
border-radius: 6px;
background: #eee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
background-image: -moz-linear-gradient(#fff,#ddd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dddddd);
padding: 10px;
margin-bottom: 1.5em;
margin-left: -40px;
margin-right: -10px;
padding-left: 38px;
}

.list.compact .sponsored,
.list.compact .featured,
.list.compact .gold {
margin-left: -50px;
padding-left: 48px;
}

.list.compact .notification,
.list.compact .pages {
margin-left: 50px;
}

.list .featured {
margin-right: 0;
padding-left: 12px;
background: #C1DAE5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#CFF1FF), to(#C1DAE5));
background-image: -moz-linear-gradient(#CFF1FF,#C1DAE5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CFF1FF, endColorstr=#C1DAE5);
border-color: #C1DAE5;
}

.list .gold {
border: 1px solid #ebd699;
-moz-border-radius: 6px; 
border-radius: 6px;
padding: 10px;
margin-bottom: 1.5em;
margin-left: -40px;
margin-right: -10px;
padding-left: 38px;
}

/*
.list .featured.teal {
background: #00a2b3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#00c4d9), to(#00a2b3));
background-image: -moz-linear-gradient(#00c4d9,#00a2b3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00c4d9, endColorstr=#00a2b3);
}

.list .featured.purple {
background: #00a2b3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ba72cc), to(#975da6));
background-image: -moz-linear-gradient(#ba72cc,#975da6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ba72cc, endColorstr=#975da6);
}

.list .featured.orange {
background: #00a2b3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8e3b), to(#f47a20));
background-image: -moz-linear-gradient(#ff8e3b,#f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8e3b, endColorstr=#f47a20);
}

.list .featured.burgundy {
background: #00a2b3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#b51b43), to(#8f1535));
background-image: -moz-linear-gradient(#b51b43,#8f1535);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b51b43, endColorstr=#8f1535);
}*/

.list .featured h4 a,
.list .featured h4 span {
}

.list .featured h4 span {
display: block;
font-size: 0.75em;
}

.list .featured h3 {
font-size: 1.166em;
}

.list .featured .item .description {
color: #444;
}

.list .featured h4 {
font-size: 1.33em;
}

.list .featured .item .type {
font-style: italic;
}

.list .featured .item .type,
.list .featured .meta {
}

/*
.list .featured h3 {
color: #9e0000;
font-weight: bold;
font-style: normal;
}

*/

.sponsored h3 {
font-size: 13px;
margin-bottom: 5px;
}

.sponsored h4 span {
display: block;
font-weight: normal;
font-size: 0.8125em;
}

.list .sponsored .faveContainer,
.list .gold .faveContainer {
top: 10px;
left: 6px;
}

.list .compact li .faveContainer {
left: -28px;
}

/* Jobs listing */

.list .meta {
width: 141px;
text-align: right;
margin-right: 0;
}

.list .item {
width: 329px;
margin-left: 0;
}

ul.jobsListingMap {
position: absolute;
left: 5px;
visibility: hidden;
}

ul.jobsListingMap li.job {
 position: static;
}
.noJs ul.jobsListingMap li.job {
display:none;
}

ul.jobsListingMap li.sponsored  {
overflow: hidden;
} /* TJS-1234 Prevent school logo hanging down over bottom infobox bounding edge */
.jobsListingMap .sponsoredbox-close {
padding-top:3px;
}
.jobsListingMap .meta {
margin-top:9px;
}
.jobsListingMap .item {
margin-top:9px;
}
.list.compact ul {
margin-left: 50px;
}

.list.compact .item {
width: 319px;
}

.extras .list .featured .item {
width: 255px;
}

.list .salary {
display: block;
}

.list.compact li {
margin-top: 0;
margin-bottom: 5px;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

.list.compact .slug {
display: none !important;
}

.list.compact .status {
position: absolute;
top: 5px;
left: -49px;
width: 50px;
font-size: 11px;
text-align: center;
}

.list.compact .gold .status {
left: 0;
}

.list.compact .sponsored .status {
left: 0;
top: 31px;
}

.list.compact .hover .status,
.list.compact .favourite .status {
display: none;
}

.list.compact h3,
.list.compact h4 {
font-size: 14px;
}

.list.compact .faveContainer {
top: 10px;
left: -38px;
}

.list.compact .sponsored .faveContainer,
.list.compact .gold .faveContainer {
left: 11px;
}

.list.compact .sponsored .faveContainer {
top: 33px;
}

.list.compact .gold .faveContainer {
top: 10px;
}

.list.compact .pages {
margin-top: 10px;
}

/* Resources */
/*************************************************/
#resources .savedSearches
{
margin-top: 10px;
width: 670px;
}

#resources.savedSearch #content h1 
{
margin-bottom: -3px;
}

#resources .savedSearches .subheader
{
margin: 0;
padding: 0;
}

#resources .savedSearches p.savedSearch
{
width: 610px;
margin-left: 20px;
}

#resources .savedSearches p.savedSearch span
{
font-weight: bold;
}

#resources .savedSearches p.savedSearch span span.searchFor,
#resources .savedSearches p.savedSearch span.lite
{
font-weight: normal;
}

#resources .savedSearches p.savedSearch a span
{
color: inherit;
}

#resources #notifications
{
margin-top: 10px;
}

#resources #notifications label
{
font-size: 1.333em;
}

#resources #notifications p
{
margin-top: 10px;
}

/* My resources #resources.listing.myShared */
/*************************************************/
.myResource .rating {
position: absolute;
top: 0;
right: 0;
}

.myResource .rating .ratingSprite {
margin: 0;
width: 77px;
}

.myResource .secondary {
top: 20px;
}

.myFavourites .fader,
ul.following .fader {
position: absolute;
background: #fff;
top: 0;
text-align: center;
}

.myFavourites .fader p,
ul.following .fader p {
margin: 10px 15px;
}

p.sort {
padding-bottom: 0.5em;
margin-bottom: 0.5em;
border-bottom: 1px solid #ccc;
}

.processing {
background: #eee;
border: 1px solid #eee;
margin: 1em 0 2em;
padding: 7px 10px 0;
-moz-border-radius: 7px; 
border-radius: 7px;
}

.processing ul {
margin-left: 26px;
}

.processing h3 {
font-weight: normal;
}

.processing h4 {
font-weight: bold;
font-size: 1.333em; /* 16px */
line-height: 1.3em;
}

.processing > p {
font-size: 0.917em; /* 11px */
margin-bottom: 1.3em;
}

.processing li {
border: none;
}


/* Funnel */
/*************************************************/

#funnel {
background: #fff;
-moz-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
position: relative;
}

#funnel h1 {
font-size: 14px;
padding: 10px 20px 10px 35px;
}

#funnel h1 strong {
color: #333;
}

#funnel a {
position: absolute;
left: 10px;
top: 11px;
}

.funnel h2 {
color: #666;
}

.funnel ul ul {
margin-left: 20px;
}

.funnel #content {
min-height: 400px;
}

.funnel p.nudge {
font-size: 1.17em; /* 14px */
}

/* Profile */
/*************************************************/

.profile {
font-size: 13px;
}

.profile q {
font-size: 16px;
margin-bottom: 10px;
display: block;
}

.profile .g3 ul {
font-size: 12px;
line-height: 1.6em;
}

.profile .friends {
height: 101px;
overflow: auto;
}

#profile .sendMessageWindow {
background: #eee;
background-image: -moz-linear-gradient(#eee,#ccc);
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#cccccc);
-moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.65);
-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.65);
}

#profile .followContainer {
margin-top: 5px;
}

.sendMessageWindow textarea {
width: 280px;
height: 136px;
margin-bottom: 10px;
}

.sendMessageWindow h2 {
margin-top: 0;
padding: 0.3em 0;
color: #525252;
text-shadow: #fff 0 1px 0;
font-size: 14px;
}

.sendMessageWindow img {
float: right;
}

.sendMessageWindow a.cancel {
font-size: 11px;
padding-top: 3px;
margin-right: 1em;
}

.sendMessageWindow .ui-dialog-titlebar {
display: none;
}

.profile .contact {
font-size: 12px;
}

.profile .contact dd {
margin-bottom: 10px;
}

/* Sign up */
/*************************************************/

#accounts hr {
border: 0;
border-top: 1px solid #cacaca;
border-bottom: 1px solid #fff;
}

#accounts #login hr {
border-top-color: #333;
border-bottom-color: #959595;
} 

#accounts #header {
padding-top: 20px;
}

#accounts.split #header {
padding-top: 0;
}

#accounts h1 {
text-indent: -9999px;
height: 31px;
width: 71px;
background: url('../images/controls/logo_small.png');
float: left;
}

#accounts h2 {
font-size: 2.5em; /* 30px */
line-height: 1.2em;
color: #999;
text-shadow: #fff 1px 1px 1px;
font-weight: normal;
margin-bottom: 1em;
margin-top: 0;
}

#accounts #content.thin h2 {
font-size: 2em; /* 24px */
line-height: 1em;
}

#accounts h3 {
margin-bottom: 0;
}

#accounts .checks h3 {
margin-bottom: 1em;
}

#accounts #header ul {
font-size: 1.5em; /* 18px */
color: #ccc;
float: right;
}

#accounts #header ul.nav {
font-size: 13px;
}

#accounts #header li {
float: left;
margin-right: 20px;
}

#login,
#needAccount {
display: inline-block;
vertical-align: top;
color: #666;
min-height: 164px; /* TODO */
}

#login {
width: 288px;
color: #fff;
padding: 20px;
border: 1px solid #666;
background-color: #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666));
background-image: -moz-linear-gradient(#999999,#666666);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#666666);
}

#accounts.split #login {
display: block;
margin: 0 auto;
}

#needAccount h2 {
font-size: 1.5em; /* 18px */
font-weight: normal;
color: #666;
}

#login h2 {
font-size: 1.8333em; /* 22px */
font-weight: normal;
color: #fff;
margin: 0;
text-shadow: none;
}

#login div {
font-size: 1.083em; /* 13px */
clear: both;
margin: 1em 0 0;
}

#login label {
font-weight: normal;
display: inline-block;
vertical-align: middle;
}

#login fieldset.submit input {
float: right;
}

#login input.text {
width: 200px;
float: right;
}

#accounts #login a,
#accounts #login a:visited {
text-decoration: none;
display: block;
margin-top: 1em;
clear: both;
color: #bbb;
font-size: 0.846em; /* 12px */
}

#needAccount {
background: #eee;
width: 170px;
padding: 20px;
}

#accounts.split #header {
height: 30px;
margin: 0 -20px 20px;
padding: 20px;
background: #fff;
}

#accounts.split {
background: #eee url('../images/backround_texture.png') repeat-x;
}

#signUp {
width: 465px;
}

#signUp.part2 h3.label
{
float: left;
width: 120px;
position:  absolute;
left: 0;
}


form.standard {
margin: 0 auto;
}

form.standard span.placeholder {
display: block;
}

.js form.standard span.placeholder {
position: absolute;
left: 225px;
top: 4px;
display: inline;
}

.js #signUp span.placeholder {
left: 145px;
}

form.standard div {
margin: 5px 10px;
position: relative;
clear: both;
}

form.standard div div {
margin-left: 0;
margin-right: 0;
}

form.standard div p,
form.standard span.errorBlock {
margin-left: 140px;
margin-top: 0.5em;
}
.weak {
color: #c00;
}

span.password_strength {
position: absolute;
top: 4px;
left: 356px;
margin: 0;
font-weight: bold;
}

span.password_strength,
.good {
color: #090;
}

span.password_strength_1,
.bad {
color: #c00;
}

span.password_strength_2,
.weak {
color: #f93;
}

form.standard label, 
form.standard strong.label,
form.standard h3.label {
width: 120px;
text-align: right;
display: block;
margin-top: 3px;
float: left;
margin-right: 10px;
color: #666;
font-size: 1.083em; /* 13px */
}

form.standard label noscript {
font-weight: normal !important;
display: block;
}

form.standard strong.label {
margin-top: 0;
}

form.standard div.check {
margin-left: 140px;
}

form.standard div.check input {
margin-left: 0;
}

form.standard div.check label {
float: none;
display: inline;
font-weight: normal;
font-size: inherit;
}

form.standard div.check p {
margin-left: 1.6em;
margin-top: 0;
}

form.standard div.radio {
margin-bottom: 10px;
}

form.standard div.radio label,
#jobApplication div.radio label {
display: inline;
width: auto;
float: none;
margin-left: 5px;
margin-right: 10px;
font-weight: normal;
}

form.standard input.text {
width: 200px;
margin-left: 10px;
}

form.standard input.small {
width: 100px;
}

form.standard select {
width: 206px;
margin: 2px 0 3px 10px;
}

a.removeSubject {
margin-left: 7px;
}

fieldset.personalDetails {
background: url('../images/icon_lg_white_cardfile.png') right 9px no-repeat;
}

fieldset.career {
background: url('../images/icon_lg_white_briefcase.png') right 9px no-repeat;
min-height: 50px;
}

fieldset.location {
background: url('../images/icon_lg_white_globe.png') right 9px no-repeat;
min-height: 50px;
}

fieldset.community {
background: url('../images/icon_lg_white_speech.png') right 9px no-repeat;
}

fieldset.submit .cancel,
fieldset.submit .delete {
margin: 6px 20px 0 0;
}

div.terms {
border: 1px solid #000;
background: #fff;
padding: 10px;
height: 200px;
overflow-y: scroll;
}

form.standard div.terms p {
margin-left: 0;
}

ol.nearlyThere li {
color: #999;
}

ol.nearlyThere li span {
color: #666;
}

form.standard div.date input {
width: 50px;
}

form.standard div.date select {
width: 137px;
}

form.standard div.date label.placeholder {
width: auto;
float: none;
display: inline;
margin: 0 0 0 10px;
}

.js form.standard div.date label.placeholder {
position: absolute;
font-weight: normal;
text-align: left;
margin-left: 15px;
margin-top: 4px;
}

form.standard textarea {
margin-left: 10px;
width: 365px;
border: 1px solid #cacaca;
padding: 5px;
height: 60px;
}

/* Applications */
/**************************************/

#accounts.application #content {
border-top: none;
width: 960px;
margin: 0 auto;
}

#accounts.applicationOverview #content {
width: 590px;
position: relative;
}

#accounts.application h2 {
min-height: 60px;
}

#accounts.applicationOverview h2 {
font-size: 14px;
line-height: 1.333em;
text-shadow: none;
min-height: 90px;
margin-right: 160px;
}

.applicationOverview h2 a,
.applicationOverview h2 span.title {
font-size: 24px;
line-height: 1.333em;
display: block;
}

.applicationOverview h2 a span,
.applicationOverview h2 span.title span {
font-size: 13px;
line-height: 1.333em;
display: block;
font-weight: bold;
}

.applicationOverview h2 span.title {
color: #666;
}

.applicationOverview .g {
margin-left: 0;
overflow: visible;
width: 400px;
}

.applicationOverview .supporting {
width: 160px;
margin-left: 10px;
}

.applicationOverview .applicationHelp {
width: 170px;
margin: 0 0 0 10px;
}

#accounts.applicationOverview #guidanceNotes {
position:absolute;
top: 50px;
right: -250px;
width: 200px;
}

p.reviewSubmit {
margin-top: 10px;
}

p.reviewSubmit span {
vertical-align: middle;
}

ol.application {
font-size: 20px;
margin-bottom: 20px;
line-height: 1.3em;
}

ol.application li {
background: #fafafa;
border: 1px solid #cacaca;
margin: 0 0 10px;
padding: 10px;
-moz-box-shadow: #fff 1px 1px 1px;
-webkit-box-shadow: #fff 1px 1px 1px;
}

ol.application li.ready {
background: #e6e6e6 url('../images/tick.png') 370px 10px no-repeat;
}

#accounts ol.application li a,
#accounts ol.application li fieldset {
display: inline-block;
vertical-align: top;
width: 345px;
color: #666;
}

#accounts ol.application li fieldset,
#accounts ol.application li fieldset div {
margin: 0;
}

#accounts ol.application li fieldset div input {
margin: 10px 0 0;
}

#accounts ol.application li a:hover {
color: #06C;
}

#accounts ol.application li a span,
#accounts ol.application li .desc {
display: block;
line-height: 1.333em;
font-size: 13px;
color: #999;
}

#accounts ol.application li a:hover span {
color: #39C;
}

ol.progress {
margin-top: 15px;
width: 200px;
}

ol.progress li {
padding: 5px 0;
font-size: 14px;
border-top: 1px solid #fff;
border-bottom: 1px solid #cacaca;
}

ol.progress li.first {
border-top: 0;
}

ol.progress li.last {
border-bottom: 0;
}

ol.progress li strong {
color: #333;
}

ol.progress li.ready {
background: url('../images/tick.png') right 5px no-repeat;
}

span.reviewApplication,
a.reviewApplication {
font-size: 14px;
margin-top: 10px;
display: block;
}

/* for school badge */
.application .g8 {
position: relative;
}

img.schoolBadge {
/* border: 4px solid #ddd; */
padding: 3px;
background: #fff;
max-width: 136px;
-moz-border-radius: 5px; 
border-radius: 5px;
display: inline-block;
background-color: transparent;
font-weight: normal;
}

.application img.schoolBadge {
position: absolute;
right: 0;
}

#jobApplication span.error {
display: block;
margin-left: 220px;
}

#jobApplication fieldset {
margin: 10px auto 20px;
}

#jobApplication label,
#jobApplication strong.label {
width: 200px;
}

#jobApplication div a.toggle,
#jobApplication div a.cancelBlock,
#jobApplication p.error,
#jobApplication div.error {
margin-left: 220px;
}

#jobApplication label.check,
form.standard label.check,
form.standard span.check label {
width: auto;
margin: 2px 0 3px 220px;
text-align: left;
font-weight: normal;
}

form.standard h3.label {
margin: 0;
position: absolute;
text-align: right;
width: 200px;
}

#jobApplication div.radio {
margin-bottom: 3em;
}

#jobApplication div.radio p {
margin-left: 0;
}

#jobApplication label.check input {
margin: 0 5px 0 0;
}

.application a.add {
margin: 10px 0 10px 230px;
}

.application dd a.add {
margin: 0;
}

dl.labelValue dt {
float: left;
width: 210px;
text-align: right;
clear: both;
}

dl.labelValue dd {
float: left;
margin-left: 20px;
margin-bottom: 15px;
}

dl.heading {
border-bottom: 1px solid #ccc;
margin-bottom: 0;
}

.reviewApplication dl.labelValue {
margin: 20px 0;
}

.reviewApplication dl.labelValue dt {
color: #999;
}

.reviewApplication dl.labelValue dd {
font-weight: bold;
margin-bottom: 5px;
}

.reviewApplication dl.labelValue dd p {
width: 360px;
font-weight: normal;
}

.reviewApplication p.error {
margin-top: -15px;
}

.application dd li {
margin-bottom: 15px;
}

.application dd li a {
font-weight: bold;
display: block;
}

.reviewApplication dl.labelValue li,
.reviewApplication dl.labelValue span {
font-weight: normal;
}

#accounts .reviewApplication h3,
#accounts.applicationOverview h3 {
color: #666;
font-size: 20px;
font-weight: normal;
margin-bottom: 20px;
}

#accounts .reviewApplication h3 span {
font-size: 13px;
}

#accounts textarea.personalStatement {
width: 600px;
height: 400px;
margin: 0;
}

#accounts textarea.message {
width: 600px;
height: 200px;
margin: 0;
}

#jobApplication.checks div.check {
margin-left: 50px;
}

#jobApplication.checks div.check label {
margin-bottom: 10px;
font-weight: bold;
}

#jobApplication.checks div.check p,
#jobApplication.checks div.check textarea {
margin: 10px 0 0;
}

#accounts dl.labelValue dd {
max-width: 380px;
}

/* My jobs */
/*************************************************/

.empty {
color: #aaa;
text-align: center;
padding: 3em 0;
}

.empty p {
font-size: 1.384em; /* 18px */
line-height: 1.3em;
}

.empty p.link {
font-size: 1.166em; /* 14px */
line-height: 1.384em;
}

#jobs .empty p.link a {
font-weight: normal;
}

#jobs.my h2.alt {
font-style: normal;
font-family: inherit;
color: inherit;
}

/* legacy */
#jobs.my h2.jobs {
border-bottom: 4px solid #ED1A3A;
margin-top: 30px;
padding-bottom: 7px;
}

#jobs.my .sideAdContainer {
background-color: #C1DAE5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#CFF1FF), to(#C1DAE5));
background-image: -moz-linear-gradient(#CFF1FF,#C1DAE5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CFF1FF, endColorstr=#C1DAE5);

}

#jobs.my .sideAdContainer h2 {

background-image: -webkit-gradient(linear, left top, left bottom, from(#CFF1FF), to(#CFF1FF));
background-image: -moz-linear-gradient(#CFF1FF,#CFF1FF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CFF1FF, endColorstr=#CFF1FF);
border: none;
}

.alerts {
margin-top: 20px;
}

.myJobs li, .alerts li {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
/* end legacy */


#jobs.my .g10 p {
width: 700px;
}

.myJobs {
width: 700px;
}

.myJobs li {
position: relative;
padding: 0 0 10px 35px;
margin-bottom: 10px;
background: #eee;
-moz-border-radius: 7px; 
border-radius: 7px;
border: 1px solid #ccc;
}

.savedSearches li.hide,
.myJobs li.hide 
{
display: none;
}

.myJobs li.empty,
.savedSearches li.empty {
padding-top: 30px;
padding-bottom: 30px;
}

.myJobs a.deleteButton,
.myJobs div {
float: left;
margin-right: 1em;
}

.myJobs a.deleteButton,
.savedSearches a.deleteButton,
.myJobs img.inlineIndicator,
.savedSearches img.inlineIndicator {
position: absolute;
left: 5px;
top: 9px;
}

.myJobs .closureTime {
font-size: 0.917em;
font-weight: bold;
}

.myJobs .school a,
.myJobs .school span {
display: block;
/*margin-left: 130px;*/
}

.myJobs .noImage a,
.myJobs .noImage strong,
.myJobs .noImage span {
margin-left: 0;
}

.myJobs div span {
display: block;
}

.myJobs div a {
font-weight: bold;
}

.myJobs h3 {
margin: 0;
}

.myJobs h3 span {
font-size: 0.86em;
}

.myJobs .school {
width: 340px;
}

.myJobs .application {
float: right;
width: 200px;
margin-right: 0;
}

.myJobs div {
margin-top: 10px;
}

.myJobs .school img {
height: 50px;
max-width: 90px;
float: right;
background-color: #ccc;
position: relative;
right: -110px;
margin-left: -110px;
font-size: 0.8551em;
}

.savedSearches {
background: #eee;
-moz-border-radius: 7px; 
border-radius: 7px;
border: 1px solid #ccc;
width: 700px;
position: relative;
margin-bottom: 0.5em;
}

.savedSearches li {
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
padding: 10px;
position: relative;
min-height: 18px;
}

.savedSearches li:first-child {
border-top: none;
}

.savedSearches li:last-child {
border-bottom: none;
}

.savedSearches .empty + li {
border-top: none;
}

.savedSearches li li {
border: none;
padding: 3px 0;
}

.savedSearches a.deleteButton {
position: absolute;
left: 5px;
top: 9px;
}

.myJobs img.inlineIndicator,
.savedSearches img.inlineIndicator {
margin-left: 1px;
}

.savedSearches a.savedSearch {
width: 500px;
margin-left: 20px;
display: block;
}

.changeAlert {
background: #999;
-moz-border-radius: 7px;
border-radius: 7px;
position: absolute;
right: 10px;
top: 6px;
padding: 4px 0 0;
width: 140px;
min-height: 20px;
z-index: 5;
}

.changeAlert .disclosureWhite {
position: absolute;
right: 5px;
top: 9px;
}

.changeAlert ul {
background: #666;
-moz-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
display: none;
margin: 5px 0 0;
padding: 5px 0;
}

.savedSearches .changeAlert img.inlineIndicator {
position: absolute;
right: 5px;
left: auto;
top: auto;
}

.openChangeAlert {
-moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
z-index: 100;
}

.openChangeAlert .disclosureWhite {
display: none;
}

.openChangeAlert ul {
display: block;
}

.changeAlert a,
.changeAlert a:visited {
color: #fff;
padding: 0 10px;
display: block;
}

/* Talent Bank */
/*************************************************/

.talent-bank #content .g8 {
position: relative;
}

.talent-bank a.editButton {
float: right;
}

.talent-bank #content .g8 h2 {
border-bottom: 0.25em solid #E2E2E2;
margin-top: 1.875em;
padding-bottom: 0.438em;
}

.talent-bank.summary #content .g8 dd
{
white-space: normal;
width: 370px;
}

.talent-bank .aside h3, .talent-bank .aside div p {
margin-bottom: 0;
}

.talent-bank .boxed,
.talent-bank form.standard div {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}

.talent-bank form.standard .boxed
{    
margin-top: 0;
margin-bottom: 10px;
}

.talent-bank p.lite.eg {
width: 350px;
margin-left: 240px;
padding-bottom: 10px;
}

.talent-bank .error {
border: 1px solid #c00;
}

.talent-bank form.standard .errorFlash {
padding: 10px;
margin-top: 0;
}

.talent-bank div.nextJob,
.talent-bank form.standard div.nextJob,
.talent-bank form.standard div.addAnother {
padding: 10px;
}

.talent-bank h2 small {
font-size: 11px;
}

.talent-bank form.standard {
margin: 0 10px;
}

.talent-bank form.standard h3.label {
font-size: 13px;
margin-top: 3px;
width: 220px;
float: none;
left: 0;
}

.talent-bank form.standard div label {
width: 220px;
}

.talent-bank label.error {
color: #c00;
border: none;
}

.talent-bank form.standard label.check {
width: auto;
margin-left: 240px;
}

.talent-bank form.standard span.check
{
margin-left: 240px;
position: relative;
display: block;
width: auto;
}

.talent-bank form.standard span.check input
{
width: auto;
display: block;
margin: 0 0 0 2px;
height: 21px;
}

.talent-bank form.standard span.check label
{
position: absolute;
padding-top: 0px;
left: 25px;
display: block;

padding: 0;
margin: 5px 0 0 0;
}

.talent-bank form.standard span.check br
{
display: none;
}

.talent-bank div.locations,
.talent-bank form.standard div.locations {
padding: 10px;
}

.talent-bank fieldset.locations  select.la {
display: none;
}

.talent-bank .location .subLocationLabel {
visibility: hidden;
}

.talent-bank div.locations ul {
list-style-type: disc;
list-style-position: outside;
margin-left: 10px;
}

.talent-bank .break {
margin-top: 2em;
padding-left: 0;
padding-right: 0;
min-height: 40px;
}

.talent-bank dl.labelValue dd {
margin-bottom: 5px;
}

.talent-bank dl.labelValue dt {
width: 220px;
}

.talent-bank .nextJob h3,
.talent-bank .nextJob p {
margin: 0;
}

.talent-bank .deleteButton {
position: absolute;
z-index: 1;
left: 10px;
}

.talent-bank .cv {
margin: 1em 0;
}

.talent-bank .cv p {
width: 350px;
margin-left: 240px;
}

.talent-bank .cv .deleteButton {
top: 10px;
}

.talent-bank .cv h3 {
margin: 0 15px 0 0;
width: 220px;
display: inline-block;
text-align: right;
font-size: 13px;
}

.talent-bank form.opt-in {
width: 360px;
margin: 30px auto 0;
}

.talent-bank input.file {
margin-left: 10px;
}

.talent-bank .g4 {
padding: 10px;
padding-bottom: 10000px;
margin-bottom: -10000px;
background: #eee;
width: 280px;
}

.talent-bank .g4 img {
margin-bottom: 15px;
}

.talent-bank .g4 ul li img {
margin-bottom: 20px; 
margin-top: 4px;
}

.talent-bank .g4 h2 {
margin-top: 0;
border: none;
}

.talent-bank .g4 .jobsOfInterest {
padding-left: 0;
padding-right: 0;
}

/* Sprites */
/**************************************/
.disclosure {
background: transparent url('../images/controls/disclosures.png') no-repeat 0 0;
width: 8px;
height: 7px;
display: inline-block;
}

.disclosureWhite {
background: transparent url('../images/controls/search_sprite.png') no-repeat 0 0;
display: block;
background-position: 0 -170px;
width: 10px;
height: 10px;
}

/* Form sprite */
/*************************************************/

.formSprite {
background: transparent url('../images/controls/form_sprite.png') no-repeat 0 0;
}

/* extends sprite */
.ratingSprite {
display: block;
width: 72px;
height: 12px;
cursor: default;
}

/* extends sprite, formSprite */
.deleteButton {
width: 18px;
height: 18px;
display: inline-block;
}

.deleteButton:hover {
background-position: 0 -18px;
}

.deleteButton:focus,
.deleteButton:active {
background-position: 0 -36px;
}

/* extends sprite, formSprite */
#addAnother a,
.addAnother a,
a.add,
a.addIcon {
height: 16px;
padding: 2px 0 0 28px;
background-position: 0 -60px;
display: inline-block;
}

#addAnother a:focus,
.addAnother a:focus,
a.add:focus,
a.addIcon:focus,
#addAnother a:active,
.addAnother a:active,
a.add:active,
a.addIcon:active {
background-position: 0 -78px;
}

/* extends sprite, formSprite */
input.continue,
a.continue {
background-position: 0 -207px;
height: 25px;
width: 81px;
display: block;
}

a.continue:focus,
a.continue:active,
input.continue:focus,
input.continue:active {
background-position: 0 -233px;
}

/* extends sprite, formSprite */
input.finish {
background-position: 0 -266px;
height: 25px;
margin-left: 2em;
width: 132px;
display: inline-block;
margin: 5px 0 5px 2em;
}

input.finish:focus,
input.finish:active {
background-position: 0 -292px;
}

input.disabledFinish {
background-position: 0 -318px;
}

/* extends sprite, formSprite */
input.add {
background-position: 0 -99px;
height: 21px;
width: 45px;
}

input.add:focus,
input.add:active {
background-position: 0 -121px;
}

/* extends sprite, formSprite */
div.add label {
width: 130px;
float:left;
text-align:right;
padding-right: 0.9em;
padding-top: 2px;
}

/* extends sprite, formSprite */
.search input.sprite,
.postcode input.search {
background-position: 0 -349px;
height: 25px;
width: 67px;
}

.search input.sprite:focus,
.search input.sprite:active,
.postcode input.search:focus,
.postcode input.search:active {
background-position: 0 -375px;
}

/* extends sprite, formSprite */
.editMy {
background-position:0 -406px;
height: 25px;
width: 130px;
display: block;
}

.editMy:focus,
.editMy:active {
background-position: 0 -432px;
}

/* extends sprite, formSprite */
.editButton {
background-position: 0 -463px;
height: 21px;
width: 45px;
display: block;
}

.editButton:focus,
.editButton:active {
background-position: 0 -485px;
}

/* extends sprite, formSprite */
input.login {
background-position: 0 -627px;
height: 25px;
width: 65px;
}

input.login:focus,
input.login:active {
background-position: 0 -653px;
}

/* extends sprite, formSprite */
a.signUp {
background-position: 0 -567px;
height: 25px;
width: 73px;
display: block;
}

a.signUp:focus,
a.signUp:active {
background-position: 0 -593px;
}

/* extends sprite, formSprite */
input.iAgreeFinish {
background-position: 0 -800px;
height: 25px;
width: 117px;
}

input.iAgreeFinish:focus,
input.iAgreeFinish:active {
background-position: 0 -826px;
}

input.agreeAndJoin {
background-position: 0 -1506px;
height: 25px;
width: 117px;
}

input.agreeAndJoin:focus,
input.agreeAndJoin:active {
background-position: 0 -1532px;
}

input.cancelButton {
background-position: 0 -1449px;
height: 25px;
width: 67px;
}

input.cancelButton:focus,
input.cancelButton:active {
background-position: 0 -1475px;
}

/* extends sprite, formSprite */
a.reSendActivation {
background-position: 0 -686px;
height: 25px;
width: 184px;
display: block;
}

a.reSendActivation:focus,
a.reSendActivation:active {
background-position: 0 -712px;
}

/* extends sprite, formSprite */
a.leaveBank {
background-position: 0 -1765px;
height: 25px;
width: 158px;
display: block;
}

a.leaveBank:focus,
a.leaveBank:active {
background-position: 0 -1791px;
}

/* extends sprite, formSprite */
a.back {
background-position: 0 -2121px;
height: 25px;
width: 55px;
display: block;
}

a.back:focus,
a.back:active {
background-position: 0 -2147px;
}

/* extends sprite, formSprite */
input.sendLogin {
background-position: 0 -743px;
height: 25px;
width: 143px;
}

input.sendLogin:focus,
input.sendLogin:active {
background-position: 0 -769px;
}

/* extends sprite, formSprite */
input.save {
background-position: 0 -511px;
height: 25px;
width: 56px;
}

input.save:focus,
input.save:active {
background-position: 0 -537px;
}

/* extends sprite, formSprite */
input.updateYourPassword {
background-position: 0 -1882px;
height: 25px;
width: 156px;
}

input.updateYourPassword:focus,
input.updateYourPassword:active {
background-position: 0 -1908px;
}

/* extends sprite, formSprite */
input.saveSearchPlus {
background-position: 0 -1563px;
height: 22px;
width: 102px;
}

input.saveSearchPlus:focus,
input.saveSearchPlus:active {
background-position: 0 -1584px;
}

/* extends sprite, formSprite */
input.saveContinue {
background-position: 0 -857px;
height: 25px;
width: 139px;
}

input.saveContinue:focus,
input.saveContinue:active {
background-position: 0 -883px;
}

/* extends sprite, formSprite */
.submitApplication {
background-position: 0 -1028px;
height: 25px;
width: 196px;
display: block;
}

.submitApplication:focus,
.submitApplication:active {
background-position: 0 -1054px;
}

/* extends sprite, formSprite */
.reviewAndSubmit {
background-position: 0 -1086px;
height: 25px;
width: 141px;
display: block;
}

.reviewAndSubmit:focus,
.reviewAndSubmit:active {
background-position: 0 -1112px;
}

/* extends sprite, formSprite */
.reviewAndSubmitGrey {
background-position: 0 -1138px;
height: 25px;
width: 141px;
display: block;
}

/* extends sprite, formSprite */
.createAlert {
background-position: 0 -1294px;
height: 25px;
width: 92px;
display: block;
}

.createAlert:focus,
.createAlert:active {
background-position: 0 -1320px;
}

/* extends sprite, formSprite */
.apply, .applyOnline {
background-position: 0 -1172px;
height: 25px;
width: 59px;
display: block;
}

.apply:focus,
.apply:active {
background-position: 0 -1198px;
}

/* extends sprite, formSprite & .apply */
/* JIRA TSL-855 new style 'Apply Online'. */
a.applyOnline {
background-position: 0 -2183px;
width: 99px;
}

a.applyOnline:focus,
a.applyOnline:active {
background-position: 0 -2209px;
}

/* extends sprite, formSprite */
.applySmall {
background-position: 0 0px;
height: 21px;
width: 51px;
}

.applySmall:hover,
.applySmall:active {
background-position: 0 0px;
}

/* extends sprite, formSprite */
.applyForRole {
background-position: 0 -1233px;
height: 25px;
width: 138px;
display: block;
}

.applyForRole:focus,
.applyForRole:active {
background-position: 0 -1259px;
}

/* extends sprite, formSprite */
input.saveContinue {
background-position: 0 -857px;
height: 25px;
width: 139px;
}

input.saveContinue:focus,
input.saveContinue:active {
background-position: 0 -883px;
}

/* extends sprite, formSprite */
input.send {
background-position: 0 -1352px;
height: 21px;
width: 62px;
}

input.send:focus,
input.send:active {
background-position: 0 -1374px;
}

/* extends sprite, formSprite */
.playAgain {
background-position: 0 -1819px;
height: 25px;
width: 90px;
display: block;
}

.playAgain:focus,
.playAgain:active {
background-position: 0 -1845px;
}

/* extends sprite, formSprite */
.follow {
background-position: 0 -1661px;
height: 22px;
width: 66px;
display: block;
}

.follow:focus,
.follow:active {
background-position: 0 -1682px;
}

/* extends sprite, formSprite */
.unfollow {
background-position: 0 -1711px;
height: 22px;
width: 80px;
display: block;
}

.unfollow:focus,
.unfollow:active {
background-position: 0 -1732px;
}

a.saveListingSearch {
background-position: 0 -1563px;
height: 22px;
width: 102px;
display: block;
}

a.saveListingSearch:focus,
a.saveListingSearch:active {
background-position: 0 -1584px;
}

/* Slugs and ratings */
/*************************************************/

.ratingSprite, .slugSprite {
background: transparent url('../images/controls/ratings_slugs_sprite.png') no-repeat 0 0;
}

/* Ratings without shell */
/* extends ratingSprite */

.rating5 {
background-position: 0 0;
}

.rating4h {
background-position: 0 -15px;
}

.rating4 {
background-position: -15px 0;
}

.rating3h {
background-position: -15px -15px;
}

.rating3 {
background-position: -30px 0;
}

.rating2h {
background-position: -30px -15px;
}

.rating2 {
background-position: -45px 0;
}

.rating1h {
background-position: -45px -15px;
}

.rating1 {
background-position: -60px 0;
}

.shell {
background-position: -3px -65px;
height: 12px;
padding: 2px 0;
vertical-align: middle;
width: 80px;
}

.shell .ratingSprite {
width: 75px;
float: right;
}

.shell .ratingSprite {
background-position: -48px;
}

/* Ratings and shell */
/* extends ratingSprite */

.shell .rating5 {
background-position: 0 -31px;
}

.shell .rating4h {
background-position: 0 -48px;
}

.shell .rating4 {
background-position: -15px -31px;
}

.shell .rating3h {
background-position: -15px -48px;
}

.shell .rating3 {
background-position: -30px -31px;
}

.shell .rating2h {
background-position: -30px -48px;
}

.shell .rating2 {
background-position: -45px -31px;
}

.shell .rating1h {
background-position: -45px -48px;
}

.shell .rating1 {
background-position: -60px -31px;
}

/* Slugs */
/* extends slugSprite */

li .slugSprite,
li .faveSprite {
display: block;
position: absolute;
}

li h3 .slugSprite {
background-position: -166px -1px;
height: 31px;
left: -34px;
top: 3px;
width: 30px;
}

.myResource .slugSprite {
background-position: -172px -77px;
height: 19px;
width: 25px;
top: 3px;
left: -30px;
cursor: default;
}

.private .slugSprite {
background-position: -172px -58px;
}

/* Favourites */
/*************************************************/

.faveSprite {
background: transparent url('../images/controls/favourite_sprite.png') no-repeat 0 0;
}

.list li .faveContainer {
height: 24px;
width: 24px;
left: -34px;
top: 0;
position: absolute;
padding-right: 10px;
cursor: pointer; /* For webkit */
}

.faveContainer img.inlineIndicator {
margin-left: 5px;
margin-top: 3px;
cursor: default; /* For webkit */
}

.list li .faveSprite {
height: 24px;
width: 24px;
visibility: hidden;
}

.list li.favourite .faveSprite,
.list li.hover .faveSprite {
visibility: visible;
}

#resources.detail .fave,
.jobsDetail .fave {
display: block;
height: 24px;
position: relative;
margin-bottom: 10px;
text-decoration: none;
text-align: right;
outline: none;
}

#resources.detail .fave .sprite,
.jobsDetail .fave .sprite{
display: block;
height: 24px;
width: 24px;
position: absolute;
right: 0;
}

.fave:hover {
text-decoration: none;
}

.fave strong {
position: absolute;
right: 25px;
top: 3px;
padding-right: 8px;
width: 120px;

}

.isFave strong span {
display: none;
}

.isFave strong span {
font-weight: bold;
color: #c90;
}

.notFave:hover strong,
.notFave:active strong,
.notFave:focus strong {
display: inline;
}

.isFave:hover strong,
.isFave:active strong,
.isFave:focus strong {
text-transform: lowercase;
}

.isFave:hover strong span,
.isFave:active strong span,
.isFave:focus strong span {
display: inline;
text-transform: capitalize;
}

.list li.favourite .faveSprite,
.isFave .sprite {
background-position: 0 -51px;
}

.list li.favourite .newlyFaved .faveSprite {
background-position: 0 -51px !important;
}

.list li a:hover .faveSprite,
.list li a:focus .faveSprite,
.list li a:active .faveSprite,
.fave:hover .sprite,
.fave:focus .sprite,
.fave:active .sprite {
background-position: 0 -26px;
}

.list li a:focus .faveSprite {
outline: 1px dotted #333;
}

li .faveSprite,
.notFave .sprite {
background-position: 0 -1px;
}

/*This is added for Save Job Functionality of JobDetail Page*/

#saveJobSpan .isFave:hover strong,
#saveJobSpan .isFave:active strong,
#saveJobSpan .isFave:focus strong {
text-transform:none;
}

#saveJobSpan .isFave:hover strong span,
#saveJobSpan .isFave:active strong span,
#saveJobSpan .isFave:focus strong span {
display: inline;
text-transform:none;
}


#saveJobSpan .isFave:focus .sprite,
#saveJobSpan .isFave:active .sprite {
background-position: 0 -51px !important;
}

/* Switcher */

.switcherSprite {
background: transparent url('../images/controls/switcher_sprite.png') no-repeat 0 0;
width: 94px;
height: 15px;
position: absolute;
right: 8px;
top: 7px;
cursor: default;
}

.switcherCompact {
background-position: 0 -17px;
}

.switcherMap {
background-position: 0 -34px;
}

.switcherSprite span,
.switcherSprite a {
width: 19px;
height: 15px;
display: block;
float: left;
}

.switcherSprite span.mapButton,
.switcherSprite a.mapButton {
width: 55px;
height: 15px;
display: block;
float: left;
}

/* Following */
/**************************************************/

.list li .actionsContainer {
height: 30px;
width: 60px;
left: -70px;
top: 0;
position: absolute;
cursor: pointer; /* For webkit */
}

.actionsContainer img.inlineIndicator {
/*margin-left: 5px;
margin-top: 3px;*/
margin-left: 0;
margin-right: 11px;
cursor: default; /* For webkit */
}

/* Promos */
.promos { background:url(../../graphics/promos_bg.png) repeat-y top; }
.promos:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
.promos .promo { float:left; width:290px; min-height:162px; padding-left:10px; margin-left:20px; background-repeat:no-repeat; background-position:95% 0; }
.promos .promo.one { margin-left:0; padding-left:0; width:300px; }
.promos .promo.two { width:290px; }
.promos .promo.three { width:290px; }
.promos .promo .promoimage { float:right; padding-right:10px; }
.promos h2 { font-size:1.636em; margin:0; }
.promos p { color:#999; font-weight:bold; margin:0; }
.promos ul { margin-left:0; padding-left:0; list-style:none;}
.promos li { background:url(../../graphics/sprite.png) no-repeat -68px -298px; padding-left:10px; margin-bottom:3px; clear:left; }
.promos li a { font-weight:bold; text-decoration:none; color:#4f4d45; }
.promos li a:focus, .promos li a:hover { text-decoration: underline; }
#entry_points { float: right; color: #959595; padding: 8px 0 0; }
#entry_points a { color: #959595; border-color: #959595; border-bottom-style: none; }
#entry_points a:focus, #entry_points a:hover { border-bottom-style: dotted; }
.copyright { padding: 8px 0 0 0; background: url(../../graphics/border_dotted.png) repeat-x top; color: #959595; }
.copyright p { margin: 0; }

.promos:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.promos {display: inline-block;}    
/* Hides from IE-mac \*/  
* html .promos {height: 1%;}  
.promos {display: block;}  
/* End hide from IE-mac */

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
/*************************************************/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
/*************************************************/
.ui-state-disabled { cursor: default !important; }


/* Icons
/*************************************************/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
/*************************************************/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width:100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=
*/


/* Component containers
/*************************************************/
.ui-widget { font-family: ; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: ; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; }
.ui-widget-header { border: 1px solid #cccccc; background: #dddddd url("../images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x; color: #444444; font-weight: bold; }

/* Interaction states
/*************************************************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
/*************************************************/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }


/* Misc visuals
/*************************************************/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* Overlays */
.ui-widget-overlay { background: #000; opacity: .60;filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/* Dialog
/*************************************************/
.ui-dialog { position: absolute; padding: .2em; width: 300px; /* overflow: hidden; */ }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-maximize, .ui-dialog .ui-dialog-titlebar-restore { right: 2em !important; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog  .ui-dialog-titlebar .ui-icon { background-image: url("../images/ui-icons_0073ea_256x240.png"); width: 16px; height: 16px; }

/* Slider
/*************************************************/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* positioning */
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-closethick { background-position: -80px -128px; }
.ui-icon-extlink { background-position: -32px -80px; }



/* Tiny Scrollbar */
#jobsMapContainer.customScroll  .map-infobox .viewport { width:233px; height:175px; padding: 10px 20px 0px 0px;  overflow: hidden; position: relative;}
			#jobsMapContainer .map-infobox .viewport { width:248px; }
#jobsMapContainer.customScroll  .map-infobox.image .viewport { width:329px; }
#jobsMapContainer .map-infobox.image .viewport { width:344px; }
      #jobsMapContainer.customScroll  .map-infobox .overview { width:100%; position: absolute; left: 0px; top: -5px; }
#jobsMapContainer.customScroll  .map-infobox .scrollbar{ position: relative; float: right; width: 10px; height:152px; top:10px; 

																											 background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #999999), color-stop(1, #e0e0e0));
																												background-image: -ms-linear-gradient(top, #999999, #e0e0e0);	
                                                       background-image: -moz-linear-gradient(left, #999999, #e0e0e0 10px);
																											 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#e0e0e0, GradientType=1)";
																											 																										 
																											 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
																											 /* -moz-linear-gradient = Firefox / -webkit-gradient = Chrome & iOS / ms-filter = IE8 / -ms-linear-gradient = IE10+ ALSO see ie6.css / ie7.css for 'filter:  progid ... */
#jobsMapContainer.customScroll  .map-infobox .track { height: 100%; width:8px; position: relative; padding: 0 1px; }
#jobsMapContainer.customScroll  .map-infobox .thumb { height: 12px; width: 6px; position: absolute; overflow: hidden; top: 0; cursor: pointer;   margin-left: 0px; 
                                                    background-color:#ddd; border:1px solid #737373;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#jobsMapContainer.customScroll  .map-infobox.disable { display: none; }