/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE6 and 7 for Windows. See file for details. */
@import url('ie6win.css');
@import url('ie7win.css');
@import url('cms.css');

/* -- Generic Initiation items not covered in "undothml.css" -- */
body
{
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
	background-color:#e9e9e9;
	color:#FFFFFF;
}
h1, h2, h3, h4, h5, h6, p
{
	position: relative;
}

.reveal h1, h2, h3, h4, h5, h6, p
{
	position: static;
}
h2
{
	letter-spacing: -1px;
	font-weight: normal;
	color:#004efd;
	font-size: 2em;
}
h2.heading{
	color:#FFFFFF;	
}
h3
{
	font-weight: normal;
	font-size:1.7em;
	color:#004EFD;
}
h3.header
{
	color:#FFFFFF;	
}

h3.boldText
{
	font-weight: bold;
}
h4
{
	font-size:1em;
	font-weight:bold;	
}
u
{
	text-decoration: none;
}
legend
{
	display: none;
}

.invisible
{
	display: none;
}
.hide
{
	position: absolute;
	top: -9999px;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.clearBoth
{
	clear: both;
}

.bold
{
    font-weight: bold;
    text-transform: uppercase;
}

fieldset
{
    border: 0 none;
}

/*	Clearfix method for floated elements	*/
.clearFix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*	IE7 hack */
.clearFix
{
	display: inline-block;
}
.clearFix
{
	display: block;
}
/*	Clear floats on a background */
.theBreaker
{
	height: 0.005em;
	clear: both;
	overflow: hidden;
}
/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{
	position: relative;
	margin: 0px;
	padding: 0px; /* hide overflow:hidden from IE5/Mac */ /* \*/
	overflow: hidden; /* */
}
.replace span
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/
}
/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span
{ 
	width:300px;
	height:100px; 
	background-image: url(head.png); 
} 
*/
/* begin normal CCS for Firefox */

#container
{
	width: 787px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.visualEffectContainer
{
	position: relative;
	margin-bottom: 21px;
	background-color: #fff;
}

.visualEffectContainerTop
{
	height: 8px;
	background-image: url(../../Images/Sprites/visualEffectContainerSprite.gif);
	width: 787px;
	display: block;
}

.visualEffectContainerBottom
{
	height: 8px;
	background-image: url(../../Images/Sprites/visualEffectContainerSprite.gif);
	background-position: 0 8px;
	width: 787px;
	display: block;
}
.reedTopContainer
{	
	height:30px;
	padding-top:7px;
}
#branding
{
	background-color: #fff;
	padding-top: 80px;
	width: 744px;
	margin-left: 21px;
	position: relative;
	margin-bottom:25px;
}


#flexibleLinks li
{
	float: left;
	margin-left: 3px;
}

#flexibleLinks li a span
{
	background-image: url(../../Images/Sprites/flexibleLinksSprite.gif);
}

#flexibleLinks li a
{
    background-color: #fff;
	color: #333333;
	font-size: 1.3em;
	padding: 0 15px;
	line-height: 2.2;
	text-decoration: none;
}

/*this is a major hack - sorry there is a non breaking space in the HTML*/
#flexibleLinks li#navHome a
{
	background-image: url(../../Images/Icons/iconHome.gif);
	background-repeat: no-repeat;
	background-position:center center;
}

#primaryNavigation
{
	text-align: right;
	bottom: -1px;
	position: relative;
	z-index: 100;
}

#primaryNavigation a
{
    text-decoration: none;
}

#primaryNavigation li
{
	display: inline;
	text-align: center;
}

#primaryNavigation li#navPostAJob span#decorative
{
	width: 33px;
	height: 23px;
	position: absolute;
	top: -24px;
	right: 2px;
	background-image: url(../../Images/Icons/iconLeaf.gif);
}

#branding #primaryNavigation li#navPostAJob a
{
	margin-left:40px !important; 
}

#primaryBrandingFocusContainer
{
	background-color: #45A3F3;
	background-image: url(../../Images/PrimaryBrandingFocusContainer/primaryBrandingFocusContainerBoxBG.gif);
	background-repeat: repeat-y;
	position:relative;
}

#primaryBrandingFocus
{
	margin: 0 18px 0 16px;
	padding: 0 12px 0 12px;
	display:block;
}

#primaryBrandingFocus h2
{
	width: 50%;
	/*font-size: 2.4em;*/
	float: left;
	font-weight:normal;
	color: White; /*PB all h2s inside #primaryBrandingFocus will be white!!!!! */
}

#primaryBrandingFocus #linkHelp
{
	float: right;
	margin-top: 0.5em;
}

#secondaryNavigation
{
	width: 100%;
	position:relative;
	height: 31px;
}
#secondaryNavigation ul
{
	margin-left: 38px;
	float:left !important;
}

#secondaryNavigation a
{
    width: 90px;
    text-decoration: none;
}


#secondaryNavigation li

{
	display: inline;
	position: relative;
}

#secondaryNavigation li#navContactUs
{
	/*
		position: absolute;
		right: 40px;
		top:0;
	*/
}

#secondaryNavigation li#navContactUs a
{
	width: 80px;
}

#secondaryNavigation .roundedLinks a
{
    
}

#content
{
	margin-bottom: 21px;
	margin-left: 21px;
	width: 744px;
	position: relative;
}

#siteInformation
{
	font-size: 1.2em;
	padding:    7px 26px 7px 26px;
	color: #333333;
}

#siteInformation ul
{
    margin-bottom: 0.3em;
}

#siteInformation li
{
    display: inline;
    border-right: 1px solid #0142d5;
}

#siteInformation li.last
{
    border-right: 0 none;
}

#siteInformation li a
{
    margin: 0 8px 0 7px;
}

#siteInformation li.first a
{
    margin-left: 0;
}


/*rounded links in the navigation mechanisms*/

.roundedLinks li
{
	display: inline;
}

.roundedLinks a
{
	background-color: #2f9037;
	position: relative;
	padding:7px 15px;
	color: #fff;
	text-decoration: none;
	text-align:center;
	display:inline-block;
}

#branding .roundedLinks ul
{
	float: right;	
	padding-right: 32px;
}

#branding .roundedLinks a
{
    font-size: 1.3em;
    display:block;
    float:left;	
    /*width:60px;*/
    margin-left:5px;
}
.roundedLinks  a:hover,
.roundedLinks  a:focus
{
	background-color: #45a3f3;
	outline: 0 none;
}

#branding .roundedLinks li#navUsefulAdvice a
{
	/*width:80px;*/
}
/*rounded corners*/
.roundedLinks  a span
{
	width: 8px;
	height: 8px;
	background-image:url(../../Images/Sprites/tabCornerSprite.gif);
	font-size: 0;
}


/*top left*/
.roundedLinks  a .tl
{
	top: 0;
	left: 0;
	position:absolute;
	background-position: -16px 0;
}

.roundedLinks  a:hover .tl,
.roundedLinks  a:focus .tl
{
	background-position: 0 0;
}


/*top right*/
.roundedLinks  a .tr
{
	top: 0;
	right: 0;
	position:absolute;
	background-position: -24px 0;
}

.roundedLinks  a:hover .tr,
.roundedLinks  a:focus .tr
{
	background-position: -8px 0;
}

/*bottom left*/

.roundedLinks  a .bl
{
	bottom: 0;
	left: 0;
	position:absolute;
	background-position: -16px -8px;
}

.roundedLinks  a:hover .bl,
.roundedLinks  a:focus .bl
{
	background-position: -32px -24px;
}

/*bottom right*/

.roundedLinks  a .br
{
	bottom: 0;
	right: 0;
	position:absolute;
	background-position: -24px -24px;
}

.roundedLinks  a:hover .br,
.roundedLinks  a:focus .br
{
	background-position: -8px -24px;
}

/*solo round links*/
.nestedRoundObjectContent .allRound
{
    position:absolute;
    bottom: 0;
    right: 0;
    font-size: 1.3em;
}

.nestedRoundObjectContent .allRound a,
#flexible .allRound a,
#extra .allRound a
{
    text-decoration: none;
}

/*primaryBrandingFocusContainer*/
#primaryBrandingFocusContainer .boxTop
{
	height: 27px;
	background-image: url(../../Images/PrimaryBrandingFocusContainer/primaryBrandingFocusContainerBoxTopBG.gif);
}


#primaryBrandingFocusContainer .boxBottom
{
	height: 27px;
	background-image: url(../../Images/PrimaryBrandingFocusContainer/primaryBrandingFocusContainerBoxBottomBG.gif);
}
/*image replacement*/
#h1JoboAfrika, #h1JoboAfrika span
{ 
	width:234px;
	height:82px; 
	background: url(../../Images/Headings/h1JoboAfrika.gif) no-repeat left top; 
} 

#h1JoboAfrika
{
	position: absolute;
	top: 23px;
	left: 44px;
}

#userDetails
{
	position: absolute;
	top: 8px;
	right: 55px;
	color: #333333;
	font-size: 1.1em;
}

a
{
	color: #004efd;
}

/*generic round box in primary content area*/
.genericRoundObject
{
	background-color: #256efe;
	margin-bottom: 25px;
}

.genericRoundObject .boxTop
{
	height: 10px;
	background-image: url(../../Images/GenericRoundObject/genericRoundObjectTop.gif);
	background-position: top left;
}

.genericRoundObject .boxBottom
{
	height: 10px;
	background-image:url(../../Images/GenericRoundObject/genericRoundObjectBottom.gif)
}

.genericRoundObject .genericRoundObjectContent
{
	padding: 0 16px;
	display:block;
	position:relative;
}

#primaryContent .genericRoundObject .withExtraInformation .extraInformation
{
	color: #fff;
	margin: 0;
	font-size: 1.2em;
}

#pageProfile .genericRoundObject .genericRoundObjectContent
{
	padding: 8px 21px 8px 21px;

}

/*russian dolls have nothing on these nested boxes*/

.genericRoundObject
{
    position: relative;
}

.genericRoundObject .nestedRoundObjectContainer
{
    float: left;
    width: 346px;
    position: relative;
    display: inline;
}

.genericRoundObject .nestedRoundObjectContainer.last
{
   margin-left: 10px;
   
}

.genericRoundObject .nestedRoundObjectContainer h3
{
    margin-bottom: 0.3em;
}
.genericRoundObject .nestedRoundObject
{
	
	background-color: #fff;
}

.genericRoundObject .nestedRoundObject .nestedRoundObjectContent
{
	margin:  5px 14px 5px 14px ;
	position: relative;
    height: 7em;
	
}
.genericRoundObject .nestedRoundObject .boxTop
{
	height: 9px;
	background-image: url(../../Images/GenericRoundObject/NestedRoundObject/nestedRoundObjectTop.gif);
}

.genericRoundObject .nestedRoundObject .boxBottom
{
	height: 9px;
	background-image: url(../../Images/GenericRoundObject/NestedRoundObject/nestedRoundObjectBottom.gif);
}

/*inside the nested round object there's more*/
.nestedRoundObject .genericTable
{
	color: #333333;
	font-size: 1.2em;
	position: relative;
	width: 100%;
	text-align: left;
}

.nestedRoundObject .summary
{
	width: 	200px;
}

.nestedRoundObject .genericTable td
{
    font-weight: bold;
}

.genericTable td.price
{
    color: #ff0000;
    text-align: right;
}

.nestedRoundObject .genericTable th
{
    font-weight: normal;
}

/*genericForm*/
.genericForm
{
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0 0 0;
}

.genericForm .formContainer
{
    float: left;
    margin-right: 5px;
}
.genericForm .longArea{
	width: 36%;
}
.genericForm .shortArea{
	width:25%;
}
.searchButton
{
	float:right;
}

.genericForm label
{
    display: block;
	font-size:1em;
}

#branding .genericForm label
{
	font-size:1.5em;
}
.genericForm .genericInput
{
    width: 100%;
    margin-bottom: 0.3em;
    font-size:1em;
}
.genericForm .genericButton
{
    background-color: #2f9037;
    border: 0 none;
    color: #fff;
    padding: 5px 8px 5px 8px;
    /*easy tiger - read the manual first - then make an informed design choice*/
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    /* margin:14px 0; */
}
.genericForm .genericButton:hover
{
    background-color: #45A3F3;
    cursor: pointer;
}

#branding .genericForm .genericButton
{
    cursor: pointer;
}


/* of rounded buttons on a "blue" background*/

.genericRoundObjectContent .genericButton
{

    background-color: #2f9037;
    border: 0 none;
    color: #fff;
    padding: 5px 8px 5px 8px;
    
    /*easy tiger - read the manual first - then make an informed design choice*/
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    float: right;
}

.genericRoundObjectContent .genericButton:hover
{
    background-color: #45A3F3;
    cursor: pointer;
}


/*content areas*/
#flexible
{

    float: left;
    display: inline;
    font-size:1.2em;
}

#pageHomepage #extra h2.primaryHeading,
#pageHomepage #flexible h2.primaryHeading
{ font-size: 1.666em; }

#extra
{
    float: right;
    display: inline;
    font-size: 1.2em;
}

#jobDetail #flexible
{
	float:left;
	width:510px;	
}
#jobDetail #extra
{
	float: right;
	margin-right: 43px;
	width: 100px;	
}

#jobDetail #extra span
{
	display:block;
	clear:both;	
}
.reedApplyHolder
{
	margin: 15px 0 0 0;	
}

.reedApplyHolder span
{
	margin: 0 auto;	
}

.reedApplyHolder
{
	text-align: center;	
}

#jobDetail #extra p 
{ 
	margin-bottom: 0.8em; 
	font-weight: bold;
	text-align: center;
}

/*job listing specific*/
#pageJobListing #flexible
{
    width: 510px;
    margin-left: 43px;
    float: left;
}

#pageJobListing #extra
{
    width: 119px;
    margin-right: 29px;
    text-align: center;
}

#pageJobListing #extra .companyLogo
{
    margin-bottom: 1.3em;
}

#pageJobListing .jobDescriptionText
{
    padding: 22px;
	clear:both;
}

table.jobDescription th
{
    font-weight: normal;
}

table.jobDescription td
{
    font-weight: bold;
}

table.jobDescription a
{
    font-weight: normal;
}

table.jobDescription td,
table.jobDescription th
{
    padding: 3px 21px;
    color: #333333;
}

table.jobDescription
{
    width: 100%;
    border-collapse:collapse;
    background-color: #efefef;
}

table.jobDescription thead th,
table.jobDescription thead td
{
    border-bottom: 3px solid #fff;
}

table.jobDescription thead th,
table.jobDescription thead td
{
    padding-top: 29px;
    padding-bottom: 29px;
}

table.jobDescription tfoot th,
table.jobDescription tfoot td
{
    border-top: 3px solid #fff;
}

table.jobDescription tfoot
{
   
}

/*basic typography*/

#primaryContent 
{
    color: #333333;
    
}
#primaryContent p
{
    margin: 0.8em 0 1em 0;
    line-height: 1.6em;
}
#primaryContent .genericFieldset p
{
    margin: 0.8em 0 1em 4.5em;
    line-height: 1.6em;
}
.logos
{
    margin: 0.8em 0 1em 0;
}
ul.mixedList
{
	margin-top:20px;	
}
ul.mixedList li
{
    margin-bottom: 11px;
}

.genericList
{
    list-style-type: disc;
    list-style-position: outside;
    line-height:1.6em;
    margin: 0.8em 0 2.5em 0;
}

.genericOrderedList
{
    list-style-type:decimal;
    list-style-position: outside;
    line-height:1.6em;
    margin: 0.8em 0 2.5em 0;
}

a.iconLink
{
    background-image: url(../../Images/Icons/iconLink.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 14px;
}

/*search arear found on the "profile page"*/
#search
{
    margin: 0 21px 0 21px;
}

#content #search .last
{
    width: 50px;
    padding-top: 10px;
    margin-left: -5px;
}

#search .formContainer
{
    width: 150px;
}

#search p
{
    font-size: 1.2em;
    float: right;
    padding-top: 4px;
    margin-bottom: 0;
}

#search select
{
    width: 146px;
}

#search label
{
    font-size: 1.2em;
}

#pageProfile .genericRoundObject
{
    margin-bottom: 7px;
}

#pageProfile #search .genericForm
{
    margin-bottom: 12px;
}

/*results class on profile page*/
.results
{
    font-size: 1.2em;
    margin: 0 52px 11px 52px;
}

.results li
{
    display: inline;
    margin-right: 8px;
}

.results ul,
.results h4
{
    float: left;
}

.results h4
{
    margin-right: 8px;
}

.results .pagination
{
    float: left;
}

.results .filter
{
    float: right;
}

/*generic jobs table*/

.jobsTable
{
    background-color: #ededed;
    width: 100%;
    color: #333333;
    font-size: 1.2em;
    border-collapse: collapse;
    margin-bottom: 16px;
}

.jobsTable td,
.jobsTable th
{
    padding: 5px 8px;
}

.jobsTable .premium td img
{
   
}

#primaryContent .jobsTable td a img
{
    width: 27px;
    height: 24px;
}

#primaryContent .jobsTable td a
{
    text-align: center;
}

#primaryContent .jobsTable td *
{
    line-height: 2.0em;
}

#primaryContent .jobsTable td a
{
    line-height: 1.2em;
}

.jobsTable th
{
    background-color: #b7b6b6;
}

.jobsTable tbody td
{
    border-bottom: 3px solid #fff;
    vertical-align: top;
}

#primaryContent .jobsTable tbody td.unpaid a
{
   color: #ff0000;
}

#primaryContent .jobsTable tbody td.center
{
    text-align: center;
}

#primaryContent .jobsTable tbody td.imgLink a
{
    text-decoration: none;
}

#primaryContent .jobsTable tbody td.position
{
    width: 400px;
}

#primaryContent .jobsTable tbody td span
{
    font-weight: bold;
}

.jobsTable tr			{ background: #e1e1e1; }
.jobsTable tr.premium	{ background: #ededed; }

.jobsTable tr.premium td
{
    /*
		background-image: url(../../Images/JobsTable/premiumAdBG.gif);
		background-repeat: repeat-x;
		background-color: #EEEEEE;
	*/
}

/*new jobs section*/

.genericForm .checkboxOrRadio
{

    /* width: 50%; */
    padding-bottom: 8px;
    display: block;
}

.genericForm .checkboxOrRadio input
{
	float: left;
	clear: right;
	margin-right: 8px;
}

.genericForm .checkboxOrRadio label
{
	width: auto;
}

.genericForm .checkboxOrRadio label a
{
	color: #a39161;
}

#flexible
{
    float: none;
    display: block;
    margin-left: 43px;
    margin-right: 43px;
}

#flexible .genericForm .last .visualEffect,
#flexible .genericForm fieldset.last
{
	margin-bottom:0;
}

#flexible .genericForm
{
    float: none;
}

#primaryContent .genericForm .genericInput
{
    width: 50%;
    margin: 0.6em 0;
}

#primaryContent #search .genericForm .genericInput 
{ 
	margin: 0; 
	height: 18px;
	display: block;
}

#primaryContent #search .genericForm .genericInput
{
	width: 100%;
}

#flexible .genericForm legend
{
    display: block;
    margin-bottom:5px;
    font-size: 1.6em;
    color: #004efd;
    letter-spacing: -1px;
}
#flexible .genericForm .visualEffect
{
    padding: 14px 25px !important;
    background-color: #efefef;
    /* margin-bottom:16px; 
    border: solid 1px #900; */
    display: block;
    position: relative;
}

#flexible .genericForm fieldset
{
    margin-bottom: 16px;
}

#flexible .genericForm fieldset.last
{
    margin-bottom: 0;
}

#flexible .genericForm label span
{
    color:#868686;
}

.genericForm textarea
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
}

/* #%@?$! form pagination*/
#flexible #formPaginationPreview,
#flexible #formPagination 
{
   background-color:#EFEFEF;
   float: right;
   padding: 10px;
   position: relative;
}

#flexible #formPagination 
{
}

#flexible #formPaginationPreview
{ background: none; }

#flexible #formPaginationPreview
{
	margin-right: 157px;
}

#flexible #formPaginationPreview #bottomLeft,
#flexible #formPaginationPreview #bottomRight,
#flexible #formPagination #bottomLeft,
#flexible #formPagination #bottomRight
{
    width: 8px;
    height:8px;
    position: absolute;
    bottom: 0;
    font-size: 0;
}

#flexible #formPagination #bottomLeft
{
    left: 0;
    background-image: url(../../Images/Sprites/Forms/bottomLeft.gif);
}

#flexible #formPagination #bottomRight
{
    right: 0;
    background-image: url(../../Images/Sprites/Forms/bottomRight.gif);
}

#formPagination h4
{
    float: left;
    display: inline;
    line-height: 28px;
    margin-right: 14px;
}

#flexible #formPagination #formPaginationButtons
{
   float: left;
}

#flexible #formPaginationPreview #formPaginationButtons .genericButton,
#flexible #formPagination #formPaginationButtons .genericButton
{
    background-color: #2f9037;
    border: 0 none;
    color: #fff;
    padding: 5px 8px 5px 8px;
    margin-right: 5px;
    
    /*easy tiger - read the manual first - then make an informed design choice*/
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

#flexible #formPagination #formPaginationButtons .genericButton:hover
{
    background-color: #45A3F3;
    cursor: pointer;
}

/*"you are here" states*/

/*all 8 sections share the same background colour*/
.sectionMyJobs #navMyJobs a,
.sectionNewJob #navNewJob a,
.sectionUsefulAdvice #navUsefulAdvice a,
.sectionContactUs #navContactUs a,
.sectionFindAJob #navFindAJob a,
.sectionMyOasis #navMyOasis a,
.sectionAbout #navAbout a,
.sectionPostAJob #navPostAJob a,
.sectionMyCredits #navMyCredits a,
#pageWritingACV #navWritingACV a,
#pageWritingACoveringLetter #navWritingACoveringLetter a,
#pageInterviews #navInterviews a,
#pageWritingAJobDescription #navWritingAJobDescription a
{
    background-color: #45A3F3;
}
li#navMyJobs,
li#navNewJob,
li#navContactUs
{
}


/*my jobs, new job and useful advice share bottom attributes*/

.sectionMyJobs #navMyJobs a .br,
.sectionNewJob #navNewJob a .br,
.sectionUsefulAdvice #navUsefulAdvice a .br,
.sectionContactUs #navContactUs a .br,
.sectionMyCredits #navMyCredits a .br,
#pageWritingACV #navWritingACV a .br,
#pageWritingACoveringLetter #navWritingACoveringLetter a .br,
#pageInterviews #navInterviews a .br,
#pageWritingAJobDescription #navWritingAJobDescription a .br
{
    background-position: -8px -24px;
}
.sectionMyJobs #navMyJobs a .bl,
.sectionNewJob #navNewJob a .bl,
.sectionUsefulAdvice #navUsefulAdvice a .bl,
.sectionContactUs #navContactUs a .bl,
.sectionMyCredits #navMyCredits a .bl,
#pageWritingACV #navWritingACV a .bl,
#pageWritingACoveringLetter #navWritingACoveringLetter a .bl,
#pageInterviews #navInterviews a .bl,
#pageWritingAJobDescription #navWritingAJobDescription a .bl
{
    background-position:-32px -24px;
}

/*Find a job, my account, about and Post a job share the same top attributes*/


.sectionFindAJob #navFindAJob a .tl,
.sectionMyOasis #navMyOasis a .tl,
.sectionAbout #navAbout a .tl,
.sectionPostAJob #navPostAJob a .tl,
.sectionUsefulAdvice #navUsefulAdvice a .tl
{
    background-position:0 0;
}

.sectionFindAJob #navFindAJob a .tr,
.sectionMyOasis #navMyOasis a .tr,
.sectionAbout #navAbout a .tr,
.sectionPostAJob #navPostAJob a .tr,
.sectionUsefulAdvice #navUsefulAdvice a .tr
{
    background-position:-8px 0;
}


/*popular searches*/
#popularSearches 
{
	margin-top: 5px;
	font-size: 1.2em;
}

#popularSearches  li
{
	display: inline;
	color: #fff;
	margin-right: 16px;
}

#popularSearches  li#title
{
	font-weight: bold;
}

#popularSearches  li a
{
	color: #fff;
	text-decoration: none;
}

#popularSearches  li a:hover
{
	color: #5abfff;
}

/*hoem page layout*/
#pageHomepage #flexible
{
	width: 530px;
	margin-left: 0;
	margin-right: 0;
	float: left;
}

#pageHomepage #extra
{
	width:211px;
}

#pageHomepage  #primaryContent
{
	background-image: url(../../Images/Homepage/primaryContentBG.gif);
	background-repeat: repeat-y;
	width: 743px;
}

#pageHomepage .jobsTable
{
	font-size: 1.0em;
	margin-bottom: 1px;	
}

#pageHomepage .jobsTable td.first
{
	padding: 0;
}

#pageHomepage #primaryContent .jobsTable tbody td.first 
{
	width:102px;
}

#pageHomepage #primaryContent .jobsTable tbody td.first .figure
{
	text-align: center;
	background: White;
	border: solid 1px #EDEDED;
	width: 100%;
}

#pageHomepage #primaryContent .jobsTable tbody td.position {
	width:250px;
}

#pageHomepage #primaryContent .jobsTable td.position a
{
	text-decoration: underline;
	font-weight: bold;
	color: #333333;
}

#pageHomepage #primaryContent .jobsTable td.position h6
{
	margin-bottom: 0.5em;
}

#pageHomepage #primaryContent .jobsTable td.position a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}

#pageFindAJob #primaryContent .jobsTable tbody td.first,
#pageFindAJobListing #primaryContent .jobsTable tbody td.first 
{
	width:100px;
}

#pageFindAJob #primaryContent .jobsTable tbody td.position {
	width:444px;
}

#pageFindAJobListing #primaryContent .jobsTable tbody td.position {
	width:372px;
}
#pageFindAJobListing #primaryContent .jobsTable tbody td.date {
	width:50px;
}

#pageFindAJob #primaryContent .jobsTable td.position a,
#pageFindAJobListing #primaryContent .jobsTable td.position a
{
	text-decoration: underline;
	font-weight: bold;
	color: #333333;
}
#pageFindAJob #primaryContent .jobsTable td.position a:hover,
#pageFindAJobListing #primaryContent .jobsTable td.position a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}

#pageHomepage  #primaryContent .jobsTable th 
{
	border-bottom: 3px solid #fff;
}

#pageHomepage #topOfSandwich
{
	height: 59px;
	background-image:url(../../Images/Homepage/sandwichTop.gif);
}

#pageHomepage #bottomOfSandwich
{
	height: 81px;
	background-image:url(../../Images/Homepage/sandwichBottom.gif);
}

/*headings on homepage*/

#pageHomepage h2.primaryHeading
{
	/* font-size: 2.4em; */
	line-height: 59px;
	position:absolute;
	top: 0px;
	text-indent: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

/*promo panels on RHS*/
#pageHomepage #extra .promo
{
	background-color: #45a3f3;
	min-height: 105px;
	margin: 0;
	padding: 20px 12px 20px 12px;
	border-bottom: 4px solid #0050fc;
	position: relative;
}

#pageHomepage #extra .last
{
	border-bottom: 0 none;
}

#pageHomepage #extra .promo *
{
	margin: 0;
	padding: 0;
}

#pageHomepage #extra .promo p
{
	line-height: 1.1em;
	color: #fff;
}

#pageHomepage #extra .promo h3
{
	font-size: 1.8em;
	color: #fff;
	line-height: 1;
	margin-bottom: 5px;
}

#pageHomepage #extra .promo h3 a
{
	color: #fff;
	text-decoration: none;
}

#pageHomepage #extra .promo h3 a:hover
{
    text-decoration: underline;
}

#pageHomepage #extra .promo  .promoLink
{
	position: absolute;
	bottom: 8px;
	left: 11px;
}

/*my details in My Account*/



#flexible .genericForm h2
{
    display: block;
    font-weight: normal;
}


#flexible .genericFormAlert
{
	background-color: #fff;
	padding: 13px 21px 13px 45px;
	margin-bottom: 16px;
	width: 62.5%;
	background-image: url(../../Images/Icons/iconWarning.gif);
	background-repeat: no-repeat;
	background-position: 21px 16px;
}

.genericErrors
{
	color: #ff0000;
	padding-left: 45px;
	margin-bottom: 16px;
	width: 62.5%;
	background-image: url(../../Images/Icons/iconWarning.gif);
	background-repeat: no-repeat;
	background-position: 0 0 ;
}

.genericErrors
{
	list-style-type: disc;
}

.genericNotifications
{
	color: #009900;
	padding-left: 45px;
	margin-bottom: 16px;
	width: 62.5%;
}

.genericNotifications
{
	list-style-type: disc;
}


#flexible .genericForm p.cvLink
{
	margin-bottom: 25px;
}


#flexible div.genericFieldset table
{
	width: 62.5%;
}




/*post a job landing page*/
.sectionPostAJob #content .nestedRoundObjectContent
{
	height:18em;
}

.sectionPostAJob #content .last h4
{
	font-weight:normal;
	color: #696969;
}

.sectionPostAJob #content .last p
{
	font-weight:normal;
	color: #696969;
}

.sectionPostAJob #content .nestedRoundObjectContent h3
{
	font-size: 1.8em;
}

.sectionPostAJob #content .nestedRoundObjectContent p
{
	font-size: 1.2em;
	line-height: 1.2em;
}

.sectionPostAJob #content .genericRoundObject h3
{
	margin-bottom: 10px;
}

/*width variants*/
.sectionPostAJob .genericRoundObject  .first
{
	width: 460px;
	background-color: Lime;
}

.sectionPostAJob .genericRoundObject  .last
{
	width: 238px;
	background-color: orange;
}

.sectionPostAJob .genericRoundObject .first .boxTop
{
	background-image: url(../../Images/SectionPostAJob/NestedRoundObject/firstNestedRoundObjectTop.gif);
}

.sectionPostAJob .genericRoundObject .first .boxBottom
{
	background-image: url(../../Images/SectionPostAJob/NestedRoundObject/firstNestedRoundObjectBottom.gif);
}

.sectionPostAJob .genericRoundObject .last .boxTop
{
	background-image: url(../../Images/SectionPostAJob/NestedRoundObject/lastNestedRoundObjectTop.gif);
}

.sectionPostAJob .genericRoundObject .last .boxBottom
{
	background-image: url(../../Images/SectionPostAJob/NestedRoundObject/lastNestedRoundObjectBottom.gif);
}



/*myJobs*/
#pageMyJobs #flexible
{
	margin: 0;
	float: left;
	width:332px;
}

#pageMyJobs #extra
{
	width: 407px;
}

.genericItem
{
	padding: 13px 21px 13px 21px;
	margin-bottom: 3px;
	background-color: #efefef;
}

/*.genericItem*/ .withTable
{
	padding: 0 0 0 0 ;
}

/*genericZebra*/
.genericZebra
{
	width: 100%;
	border-collapse: collapse;
}

.genericZebra th,
.genericZebra td
{
	background-color: #e1e1e1;
	padding: 12px;
	border-bottom: 3px solid #fff;
}

.genericZebra tr.odd td
{
	background-color: #f0eeee;
}

.genericZebra th 
{
	background-color: #e1e1e1;
}

.genericZebra .current
{
	font-weight: bold;
}

.genericZebra td a
{
	color: #333333;
	text-decoration: none;
}

.genericZebra td.applicant a
{
	color: #004EFD;
	text-decoration: underline;
	font-weight: normal;
}

.genericZebra th a
{
	color: #004efd;
}

/*genericItem*/
.genericItem .genericForm
{
	float: none;
}
.genericItem table
{
	width: 100%;
}

#flexible .genericItem  .genericForm legend
{
	display: none;
}

/*pagination*/
.pagination

{
	display: block;
	clear: both;
	text-align: left;
	background-color: #fff;
}

.pagination li
{
	display: inline;

}
.highlight
{
	color:Red !important;	
}


/* Useful Advice */

.noLeftPadding
{
	padding-left:0 !important;	
}
.noBorder
{
	border:0 !important;	
}
.forcedPadding
{
	padding:2.5em 0 !important;	
}
.usefulAdvice
{
	padding:0 5em;	
}

.usefulAdvice h4
{
	color:#000;
	letter-spacing:0;
	font-weight:bold;
	padding-top:10px;	
}
.usefulAdvice img
{
	margin:2.5em 5em;	
}
.usefulLinks
{
	padding-bottom:10px;	
}
.usefulLinks ul li
{
	display:inline;
	list-style-type:none;	
}
.usefulLinks ul li a
{
	padding:0 10px;
	border-right:1px solid gray;	
}

.usefulLinks ul li.last a
{
    border: 0 none;
}
ul.coveringLetterTips, ol.coveringLetterTips
{
	margin:0 0 2em 4em;
	padding:0;	
}
ul.coveringLetterTips li
{
	list-style-type:disc;
	line-height:1.4em;
}
.usefulAdvice ol li
{
	list-style-type:decimal;
	margin-left: 2em;
}
.usefulAdvice ol li ol li {
    list-style-type: lower-roman;
}

/* email */
table tr td.headerBG
{
	height:59px;
	background:url(../../_HTMLTemplates/Email/Images/emailHeader.gif) no-repeat;	
	
}
table tr td.headerBG h3
{
	padding:1em 2em 0.5em 2.3em;
}

#flexible .jobDescriptionText
{
	padding: 2px 21px 0 21px;	
	
}

#flexible .jobDescriptionText h4
{
	margin: 1.5em 0;		
}

#primaryContent .genericFieldset .visualEffect p
{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
table.detailsTable th, table.detailsTable td
{
	padding:3px 0;
}
table.detailsTable td
{
	padding-left:100px;
}
.indentAnchor
{
	margin-left:4.5em;
}
.reedClearBoth
{
	display:block;
	clear:both;
	float:left; 
}
ul.adSection
{
	font-size:1.2em;	
	padding:0 1.3em;
}
ul.adSection li
{
	list-style-type:disc;	
}
.nestedRoundObjectContent .allRound a.bigButton
{
	width:80px;	
}
.rightFloat
{
	float:right;	
}

/*	RM: Adjustments */
/* Override the legend spacing on the worldpay page*/
.wpFieldset legend
{
	margin: 0 0 1em 0;
}

.visualSpacingVertical
{
	margin-top: 1em;
}

.jobIcon
{
	margin-top: 0.5em;
}

/*	RM: 19/11/08 Align Go button nicely  */
.jobArea
{
	margin-top: -5px;
}

.logos li  
{
	float: left; 
	height: 35px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.logos .first { clear: left; }

#adContainer {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 787px;
    padding: 115px 135px 95px 0;           
}

#primaryAd {
    width: 729px;
    height: 90px;
    top: 10px;
    right: 164px;          
}

#secondaryAd {
    width: 120px;
    height: 600px;
    top: 145px;
    right: 0;          
}

#tertiaryAd {
    width: 729px;
    height: 90px;
    position: relative;  
    left: 28px;
    margin-bottom: 21px;
}

.ad {
    position: absolute; 
    overflow: hidden;  
}

.ad iframe {
    border: 0;    
}

#flexibleLinks ul {
    float: right;
    padding-right: 61px;
}

/*sitemap*/
.sitemap
{
    clear:both;
    margin-left: 64px;
    padding-top: 25px;
    position:relative;
}

.sitemap a
{
    text-decoration: none;
}

.sitemap a:hover
{
    text-decoration:underline;
}

.sitemap ul
{
    margin-left: 1em;
}

.sitemap ul
{
    margin-bottom: 0.8em;
    font-size: 1.2em;
    list-style-type:disc;
    list-style-position:inside;
    color:#2F9037;
}

.sitemap ul a
{
    color:#333333;
}

.sitemap h2
{
    margin-bottom: 0.3em;
    font-size: 1.6em;
    letter-spacing:normal;
    font-weight:bold;
}