﻿body 
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color:white;
	font-size:1em;
	font-family:Verdana, Tahoma;
	
}


a:link, a:visited
{
color: #660066;
}

.pageTitle
{
	text-align:center;
	color: #660066;
	font-size: 1.3em;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	margin: 10px 10px 10px 10px;
}

.accessibleLink
{ 
	text-decoration: none;
	background-color: #660066;
	color: White;
}

.accessibleLink a:link, .accessibleLink a:visited
{ 
	text-decoration: none;
	background-color: #660066;
	color: White;
}


.divVacancyJump
{
	
	position:absolute; 
	top: 8px; 
	right: 10px; 
	padding: 3px 3px 3px 3px;
}

.headerMessage
{
	width:80%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	color: #284E98;
	font-weight:bold;
}

.navigationItem
{ 
	background-color:#660066;
	
}

.banner
{ 
	background-color:#660066;
	padding-left:5px;	
	color: white;
	font-size: .8em;
	font-family: Verdana;
}

.banner .actionButton
{
	height:20px;
	text-align:center;
	padding: 1px 1px 1px 1px;
	
}

.banner a:link
{
	color: #F5F5DC;
}

.banner a:visited
{
	color: #F5F5DC;
}


.logo
{
	background-color:#660066;
	height:50px;
}
	
.starterbutton
{
	height:50px;
	padding: 5px 5px 5px 5px;
}


.selectRow
{
	width:100%;
	border-bottom: solid 1px antiquewhite;
	background-color:white;
}

.alternatingSelectRow
{
	background-color: #f5f5f5;
	border-bottom: solid 1px antiquewhite;
	width: 100%;
}

.contents
{ 
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background-color:inherit;
	clear:both;	
}

.leftMenu
{
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	background-color:transparent;
	font-family:Verdana;
	font-size: .8em;
	color: #660066;
	text-decoration: none;
	height:20px;


}

.leftMenu a:link
{
	text-decoration: none;
}

.leftMenu a:visited
{
	text-decoration: none;
}

.leftMenu a:hover
{
	color: #A000A2;
	text-decoration: underline;
	border-width:1px;
}

.rightMenu
{
	float: right;
	right:0px; 
	background-color:transparent;
	font-size: .8em;
	color: #660066

}

.rightMenu a:hover
{
	color: #A000A2;

}

.menuNormal
{
	border-style:  solid;
	border-width:1px;
	border-color: #FFF0F5;
}

.menuHover
{
	border-style: outset;
	border-width:1px;
}

.siteMap
{

	float:left;
	padding-left:5px;
	vertical-align:bottom;
	height:100%;
	padding-top:1px;
	padding-bottom:1px;
	
}

.topMenuBar
{
	width:100%; 
	background-color:#660066;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: solid 2px #480054;
	display: none;
	
}




.vacancyCountMessage {font-size:1.2em; color:Blue; font-weight:bold;}

.clearButton
{
	background-color: #660066;
	color:White;
}


.categoryLeft
{ 
}

.preferenceList
{
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	font-size: .9em;
}



.preferenceList .heading
{
	font-family:Verdana, Tahoma;
	font-size:1.3em;
	color: orange;
	background-color: #660066;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	border-top: solid 2px #660066;
	border-left: solid 2px #660066;
	border-right: solid 2px #660066;
	border-bottom: solid 1px #660066;
}

.preferenceList .clearAll
{
	float:right;
}


.preferenceList .dateOption
{
	 float: none; 
	 font-size: .6em;
	 color: #660066;
	 clear:both;
}


.preferenceList .resultCount
{
	font-family:Verdana, Tahoma;
	font-size:1em;
	color: #660066;
	background-color: #660066;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	border-left: solid 2px #660066;
	border-right: solid 2px #660066;
	border-bottom: solid 2px #660066;
}


.preferenceList a:link
{
color: orange;
}

.preferenceList a:visited
{
color: orange;
}

.preferenceList .vacCount
{
color: orange;
}


.preferenceList .typeheading
{
	font-size: 1em;
	padding-left: 2px;
	color: #284E98;
	font-weight:bold;
	padding-top:10px;
	
}

.preferenceList .typeheading a:link
{
	font-size: 1em;
	padding-left: 2px;
	color: #284E98;
	font-weight:bold;
	text-decoration: underline;
	
}

.preferenceList .typeheading a:visited
{
	font-size: 1em;
	padding-left: 2px;
	color: #284E98;
	font-weight:bold;
	text-decoration: underline;
	
}


.preferenceList .prefContents
{
	border-left: solid 2px #660066;
	border-right: solid 2px #660066;
	border-bottom: solid 2px #660066;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px 10px 10px 10px;
	font-size:.9em;
	background-color:White;
	
}

.preferenceList .actionButton
{
	background-color:orange;
	border: solid 1px orange ;
	color: #660066;
	font-weight: 100;
	font-size: 1em;
	font-weight:bold;
}

.preferenceList .typelist
{
	font-size: 1em;
	padding: 2px 2px 0px 10px;
	color: #284E98;
}




.items
{

	vertical-align:middle;
	font-size: 1em;
}

.multioption
{
	margin-left:auto;
	margin-right:auto;	
}

.multioption td
{
	height:30px;
	font-weight:bolder;
	font-size:1.1em;
	color: #660066;
}

.multioption p
{
	text-decoration: underline;
	text-align: center;
	width: 100%;
}


.op2
{
	margin-left:auto;
	margin-right:auto;
	width:300px;
	border:solid 2px #660066;
	background-color: orange;
	margin-top: 20px;
	margin-bottom: 20px;
}




.multioption .controlButtons
{
	clear:both;
	width:500px;
	margin-left:auto;
	margin-right:auto;
}


.multioption .cell
{
	
}

.multioption h3
{
	text-align:center;
	color: #660066;
}

.multioption h4
{
	text-align:center;
	color: #284E98;
}

.multioption .actionButton
{
	height:50px;
	width:100px;
}


.actionButton
{
	background-color:#F5F5DC;
	border: solid 1px #284E98;
	font-weight: bold;
	font-size:1em;
	color: #660066;
}

.vacDetail
{
	 font-size:0.8em;
	 padding-left:30px;
	 padding-right:30px;
	 
}


.vacDetail .title
{
	font-family:Verdana, Tahoma;
	font-size:1.3em;
	color: white;
	background-color: #660066;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	border-top: solid 2px #660066;
	border-left: solid 2px #660066;
	border-right: solid 2px #660066;
	border-bottom: solid 1px #660066;
	text-align:center;
}

.vacDetail .heading
{
	font-size: 1em;
	padding-left: 2px;
	color: purple;
	font-weight:bold;

	
}

vacDetail .reference
{
	font-weight:bold;
	color: Red;	
}


.vacDetail .detail
{
	font-size: 1em;
	padding: 2px 2px 20px 2px;
	color: inherit;
}


.vacDetail .Contents
{
	border-left: solid 2px #660066;
	border-right: solid 2px #660066;
	border-bottom: solid 2px #660066;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px 10px 10px 10px;
	
}

.vacDetail .AdminContact
{
	background-color:#F5F5DC;
	font-size: .9em;
	border: solid 1px #660066;
	color: purple;
	padding: 5px 5px 5px 5px;
	font-weight:bold;
}

.vacDetail .provider
{
	float:left;
	border-bottom: solid 1px grey;
	color: nAVY;
	font-size: 1.2em;
	padding-top: 5px;
}

.vacDetail .vacOrigRef
{
	float:right;
	padding: 5px 5px 5px 5px; 
	color: Navy; 
	background-color:White;
	border: dashed 1px navy;
}

.vacDetail .otherContactDetails
{
	clear:both;
}

.Contact
{
	font-size: 0.7em;
}

.Contact .contactUsRowHeader
{
	clear:both;
	float:left;
	width: 120px;
	padding: 5px 5px 5px 5px;
	color: #660066;
}

.Contact .contactUsRowDetails
{
	float: left;
	padding-top:5px;
	padding-bottom:5px;
	width: 120px;
	}

.Contact .contactDetail
{
	font-weight:bold;
	color: #660066;
	
}

.Contact .contactDetail input
{
	width:200px;
}

.Contact .personDetail P
{
	padding: 10px 10px 10px 10px;
}

.Contact .personDetail .actionButton
{
	margin: 10px 10px 10px 10px;
}



.Contact .personDetail
{
	border: dashed 1px #660066;
	background-color: #F5F5DC;
	padding-left: 5px;
	height: 340px;
}

.fullMessage
{
	font-size:.8em;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	position: relative;
	border: dashed 1px #660066;
	padding: 50px 20px 50px 20px;
	margin-top:100px;
	margin-bottom:auto;
	background-color:#F5F5DC;
	
}


.dropdown
{
	border: solid 1px #660066;
}

.jobsearch
{
	font-size:0.8em; 
}

.jobsearch .results

{
	width:100%;
}


.jobsearch .fullMessage
{
	font-size: 1em;
}

.jobsearch .linkBack
{
	text-align:right;
}

.clearMessage
{
	font-size:.8em;
	color: White;	
}



.keywordSearch
{
	font-size: .8em;

}

.keywordSearch .contents

{
	margin-left:auto;
	margin-right:auto;
	border: solid 1px #660066;
	background-color:#660066;
	padding: 10px 10px 10px 10px;
	color: Orange;
	font-weight: bold;
	width:300px;
	font-size: 1.2em;

}

.keywordSearch .controlButtons
{
	margin-left:auto;
	margin-right:auto;
	width:250px;
}

.keywordSearch .actionButton
{
	height:50px;
	width:100px;
}


.datePref
{
	font-size: .8em;

}


.datePref h3
{
	text-align:center;
	color: #660066;
}

.datrePref h4
{
	text-align:center;
	color: #284E98;
}

.datePref .contents

{
	margin-left:auto;
	margin-right:auto;
	border: solid 1px #660066;
	background-color:#660066;
	padding: 10px 10px 10px 10px;
	color: Orange;
	font-weight:bold;
	width:500px;
	font-size: 1.2em;

}

.datePref .controlButtons
{
	margin-left:auto;
	margin-right:auto;
	width:250px;
}

.datePref .actionButton
{
	height:50px;
	width:100px;
}


.startPage
{
	background-color: #F5F5DC;
	font-size: 1em;
	color: #660066;
	text-align:center;
	margin: 0px 0px 0px 0px;
	border: dashed 2px #660066;
	margin-left: auto;
	margin-right: auto;
	width:95%;
	padding-top:10px;
	font-weight:bold;
	
	
}

.startPage .content
{
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	text-align:center;
	
}

.startPage .logoarea
{
	clear:both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color:Transparent;
	border: none 0px transparent;
}

.imgLogo
{
	width: 161px;
	height: 190px;
	border: none 0px transparent;
}

.startPage H2
{
	font-size: 1.4em;
}

.startPage H3
{
	font-size: .8em;
}

.startPage H4
{
	color: Navy;
	font-size: .4em;
}

.startPage a:link
{
	color:orange;
}

.startPage a:visited
{
	color:orange;
}

.startPage .links
{
	font-size: .8em;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#linktoSearch
{
	width: 500px; 
	border: dashed 1px orange; 
	padding: 5px 5px 5px 5px; 
	color: Navy; 
	font-size: .8em;
	background-color:White;
	margin-left:auto;
	margin-right:auto;
}

.handledError
{
	border: dashed 1px purple;
	padding: 10px 10px 10px 10px;
	font-size: 1.5em;
	color: purple;
	background-color: #F5F5DC;
	text-align:center;
	
	
}

.criticalError
{
	border: dashed 1px red;
	color: Red;
	font-size: 1.5em;
	padding: 10px 10px 10px 10px;
	text-align:center;
	
}
.login
{
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	border: solid 1px #660066;
	padding: 10px 10px 10px 10px;
	font-size: 1em;
	font-weight: bold;
	color: Orange;
	background-color: #660066;
	width: 400px;
	
}

.login .headerMessage
{
	width:90%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	margin-bottom:10px;
	color:Orange;
	padding-bottom:20px;
}
.changePassword
{
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	border: dashed 1px purple;
	padding: 10px 10px 10px 10px;
	font-size: .8em;
	color: purple;
	background-color: #F5F5DC;
	width: 350px;
}

.changePassword H2
{
	font-size: 1.4em;
	margin-top:0PX;
}

#sidenote
{
	font-size: .9em;
	font-style:italic;
}

#esinfo .inside 
{
	border-left-color: white;
	border-right-color: white;
}



#escontact
{
	width:80%;
	text-align: center;
	color: #0f3895;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	font-size: .9em;
	font-family:Verdana;
	font-weight:bold;
}

#escontact .inside, #escontact .notopgap, #escontact .nobottomgap
{
	color:inherit;
}

#footer , #footer a
{
	clear:both;
	margin-left:auto;
	margin-right:auto;
	font-family:verdana;
	font-size: .9em;
	color:Blue;
	text-align:center;
	margin-top:5px;
	
}
