html, body
{
    height: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    font-family: arial, verdana, "Times New Roman" , serif;
}

/* http://www.cssplay.co.uk/boxes/minwidth.html min width code for explorer */
/* for all browsers that understand min-width */
.width
{
    width: 100%;
    min-width: 995px;
    margin: 0 auto;
}
/* the bodge for IE 5.5, IE6 browsers */
* html .minwidth
{
    border-left: 995px solid #fff;
    position: relative;
    float: left;
    z-index: 1;
}
* html .container
{
    margin-left: -960px;
    position: relative;
    float: left;
    z-index: 2;
    text-align: left;
}

#wrapper
{
    height: 100%;
    border-top: 8px solid #005a70;
    border-left: 1px solid #868686;
    border-right: 1px solid #868686;
    padding: 0px 0px 20px 0px;
    position: relative;
    margin: 0px 0px 0px 0px;
}

.column
{
    display: inline;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}

.clear
{
    clear: both;
}

#header
{
    height: 120px;
    background: url(/images/headerB.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    width: 100%;
}

#logo
{
    background: url(/images/Pearson_logo.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px 0px 0px 0px;
    margin: 6px 0px 0px 31px;
    height: 102px;
    width: 192px;
    color: #333333;
}

#login
{
    
    padding: 0px 0px 0px 0px;
    
    margin: 17px 18px 0px 10px;
    height: auto;
    width: 246px;
    border: 1px solid #005a70;
    background-color: #ffffff;
    color: #333333;
    float: right;
}

#loggedIn
{
    background: #e6e6e6 url(/images/loggedInB.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding: 0px 0px 0px 0px;
    margin: 3px 3px 2px 3px;
    width: 238px;
    border: 1px solid #878686;
    background-color: #e6e6e6;
    color: #333333;
    height: auto;
    vertical-align: top;
    font-size: 0.85em;
}

#loggedInLogo
{
    background: url(/images/icon/loggedIn.jpg);
    background-repeat: no-repeat;
    height: 33px;
    background-position: 7px 0px;
    padding: 0px 0px 0px 0px;
    margin: 3px 3px 2px 3px;
    width: 40px;
}

#loggedInUser
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 15px;
}

p.CurrentUser
{
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    text-align: center;
    height: auto;
}


#loginButtons
{
    padding: 0px 0px 0px 0px;
    margin: 3px 3px 2px 3px;
    width: 240px;
    background-color: #fff;
    color: #333333;
}

#loginChangePassword
{
    padding: 0px 0px 0px 0px;
    margin: 0px 4px 0px 0px;
}

.loginPasswordButton
{
    width: 126px;
    font-weight: bold;
    font-size: 0.70em;
    color: #333333;
}

.loginLogoutButton
{
    width: 110px;
    font-weight: bold;
    font-size: 0.70em;
    color: #333333;
}


#content
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
}

#administration
{
    padding: 0px 0px 0px 0px;
    
        margin: 0px 3px 0px 5px;
    
    border: 1px solid #666666;
    text-align: right;
    background: #e5e5e5 url(/images/administrationB.jpg);
    background-repeat: repeat-y;
    background-position: left top;
}

h1.pageTitle
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 1.25em;
    color: #ffffff;
    background-color: #005a70;
}

#leftColumn
{
    width: 19%;
    border: 0px solid #868686;
    margin: 5px 5px 0px 5px;
    font-size: 0.80em;
    text-align: center;
}

#vacMan
{
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #868585;
    background: #efefef url(/images/menuB.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    height: auto;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    color: #333333;
    width: 100%;
}

#appMan, #redeployMan, #talentMan, #reportMan, #jgptechMan, #adminMan, #userAdminMan, #ccAdminMan
{
    padding: 5px 0px 5px 0px;
    margin: 5px 0px 0px 0px;
    border: 1px solid #868585;
    background: #efefef url(/images/menuB.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    height: auto;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    color: #333333;
    width: 100%;
}

.plus
{
    width: 21px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.linkDesc
{
}

.linkIcon
{
    float: right;
    padding: 1px 10px 0px 0px;
    width: 30px;
}

#vacancyManagement, #applicantManagement, #talentManagement, #redeployManagement, #reportingManagement, #jgptechManagement, #adminManagement, #userAdminManagement, #ccAdminManagement
{
    padding: 5px 0px 5px 0px;
    margin: 5px 0px 0px 0px;
    border: 1px solid #868585;
    text-align: left;
    list-style-type: none;
    width: 100%;
}

.DDMenu a
{
    padding: 0;
    margin: 0;
    color: #515151;
    background-color: #ffffff;
    text-decoration: none;
}

.DDMenu a:hover
{
    text-decoration: underline;
    color: #333333;
    background-color: #ffffff;
}

.DDMenu
{
    padding: 0px 0px 0px 21px;
    margin: 6px 0px 5px 0px;
    text-transform: capitalize;
}

#rightColumn
{
    width: 79%;
    border: 0px solid #868686;
    margin: 5px 5px 0px 0px;
    float: right;
    font-size: 0.80em;
    color: #333333;
}

#location
{
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #878686;
    background: #e5e5e5 url(/images/h1WhereB.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: left;
}


#locationTitle
{
    width: 94%;
}

#locationIcon
{
    width: 5%;
    margin: 4px 0px 0px 0px;
    height: 26px;
}


#vacancyStatus
{
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #878686;
    border-top: none;
    background: #eeeeee url(/images/headerB.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: left;
}

#vacancyStatus .column
{
    display: inline;
    float: left;
    position: relative;
    width: 23%;
    padding: 8px 0px 4px 7px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

h1.where
{
    font-size: 1.20em;
    padding: 4px 0px 0px 7px;
    margin: 0;
}

h2
{
    font-size: 1.10em;
    padding: 15px 0px 0px 0px;
    margin: 0;
    font-weight: bold;
}

.vacancyActions
{
    width: 100%;
    height: auto;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
    border: 1px solid #878686;
    background: #e5e5e5 url(/images/vacancyActionsB.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: left;
}

.column
{
    display: inline;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}

#VALeftColumn
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 49%;
    height: auto;
}
#VARightColumn
{
    padding: 0px 0px 0px 3px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 50%;
    height: auto;
    text-align: right;
}

.goButton
{
    width: 25px;
    font-weight:bold;
    font-size:0.90em;
    color:#333333;
    vertical-align:middle;
    margin:0px 0px 2px 3px;
}

#divContent
{
    width: 100%;
    height: auto;
    margin: 4px 0px 4px 0px;
    padding: 20px 0px 0px 0px;
    border: 1px solid #878686;
    text-align: center;
    background: #e5e5e5 url(/images/vacancyActionsB.jpg );
    background-repeat: repeat-x;
    background-position: left top;
}

#pinkContent
{
    width: 96%;
    height: auto;
    margin: 10px auto 10px auto;
    padding: 0px 0px 10px 0px;
    border: 1px solid #D4EAE4;
    background-color: #D4EAE4;
    text-align: left;
}

#pinkContent p
{
    padding: 3px 0px 0px 5px;
    margin: 0;
}

div.whiteContent
{
    height: auto;
    margin: 10px 0px 10px 2px;
    padding: 0px 0px 0px 0px;
}

fieldset
{
    width: 95%;
    font-weight: bolder;
    text-align: left;
    margin: 0px auto 0px auto;
    padding: 0px 0px 5px 10px;
    
    
    background: #ffffff;  
    
    background-repeat: repeat-x;
    background-position: left top;
}

fieldset.nolegend
{
    background: #ffffff;  
}

legend
{
   /* width: 10%;*/
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    background: transparent;
}

.legendB
{
}

#textContent
{
    width: 96%;
    height: auto;
    margin: 10px auto 10px auto;
    padding: 0px 0px 5px 0px;
    border: 0px solid #878686;
    background-color: inherit;
    text-align: left;
}

#textContent p
{
    text-align: left;
    padding: 0;
    margin: 0;
}

span.manditory, span.manitory, span.alwaysmanitory
{
    text-align: left;
    color: #d2185f;
    background-color: inherit;
}

#footer
{
    border-top: 10px solid #005a70;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

p.small
{
    font-size: 0.75em;
    text-align: right;
    padding-right:10px;
    padding-bottom:5px;
}

 p.small a 
{
 color:blue
}

p.standard
{
    font-weight: normal;
}

#formContent{width:96%; height:auto;margin:10px auto 10px auto; padding:0px 0px 10px 0px; border:0px solid #878686;
			background-color:transparent;text-align:left;}
		
	#formTabs {
  float:left;
  width:100.2%;
  font-size:93%;
  background:url(/images/bg.gif) repeat-x bottom;
  line-height:normal;
  padding:0;
  margin:0;
  }
  
#formTabs ul {
  margin:0;
  padding:10px 0px 0;
  list-style:none;
  }
#formTabs li {
  float:left;
  background:url(/images/left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
  
li.start {
  float:left;
  margin:0;
  padding:0 0 0 9px;  
  border-left:1px solid #000000;
  }
  
#formTabs #startCurrent {
  background-image:url(/images/start_left_on.gif);
  }
#formTabs #startCurrent a {
  background-image:url(/images/right_on.gif);
  color:#000000;
  padding:5px 15px 5px 6px;
  }
  
#formTabs a {
  float:left;
  display:block;
  background:url(/images/right.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#000000;
  }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#formTabs a {float:none;}
/* End IE5-Mac hack */
#formTabs a:hover {
  color:#787877;
  }
#formTabs #current {
  background-image:url(/images/left_on.gif);
  }
#formTabs #current a {
  background-image:url(/images/right_on.gif);
  color:#000000;
  padding:5px 15px 5px 6px;
  }
	
	
	#formContainer{width:100%;background-color:#fff;background:#ffffff url(/images/formContainerB.gif) repeat-y right top;border-top:0px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;
	height:100px;height:auto;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
	
		#formContainerContent{padding:5px 5px 5px 15px;margin:0px 0px 0px 0px;}
	
	#formContainerBottomBorder{border-bottom:1px solid #000000;}
	
	#buttonRight, .buttonRight{text-align:right;padding:5px 5px 5px 5px}
	
	.submit{width:110px;font-weight:bold;font-size:0.90em;color:#333333;margin-right: 5px;}
	.submitLarge{width:170px;}



/* Default page styles */
p
{
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
}

a{text-decoration:underline;color:#000000}
a:hover{text-decoration:underline;color:#787877}

/*Added by Neil R */
.submit, .button
{
    font-weight: bold;
}

.displayAreaOpen
{
    display: none;
}

.displayAreaClose
{
    display: none;
}

tr
{
    vertical-align: top;
}

td
{
    font-weight: normal;
}

.number
{
    text-align:right;
}

td.notSentToJGP
{
    background-color: #e5e5e5;
}

td.sentToJGP
{

}

tr.differentStatus 
{
    vertical-align: bottom;
}

tr.differentStatus td
{
    font-weight: bold;
    border-top: 1px solid #878686;
    padding: 10px 0px 10px 7px;
}

tr.changed td, tr.changed a
{
    font-weight: bold;
    color:red;
}

#results, .results
{
    width: 100%;
}

#results td, .results td
{
    padding: 5px;
    border-top: 1px solid #878686; 
}

#results th, .results th
{
    padding: 5px;
}

table th, strong {
    font-weight: bold;
   }

.checklist td, .checklist th
{
    padding: 5px;
}

.INPUTbox
{
    
}

.currancy
{
    width: 80px;
}

select
{
    
}


.hardCopy
{
    background-color: #005a70;
    text-align: center;
    font-weight: bold;
    width: 20px;
    color: white;
}

.redeployment
{
    background-color: #CC3300;
    text-align: center;
    font-weight: bold;
    width: 20px;
    color: white;
}

.online
{
    text-align: center;
    font-weight: bold;
    width: 20px;
}

.candidatePool
{
    background-color: #CC9933;
    text-align: center;
    font-weight: bold;
    width: 20px;
    color: white;
}

textarea
{
    height: 60px;
    
    width: 98%;
    
}

textarea.wide
{
    
    width: 98%;
    
    height: 400px;
    
}

select.multiplySpecialitys
{
    height: 70px;
    width: 350px;
}

select.multiplySelect
{
    height: 70px;
}

label
{
    font-weight:bold;
}

#statusbuttons
{
    padding-top: 10px;
}

span.Feedback
{
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    color: #6699cc;
}

#JGPError li
{
    color:Red;
}

#applicantHeader
{
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

#applicantHeader .column
{
    display: inline;
    float: left;
    position: relative;
    width: 23%;
    padding: 4px 0px 4px 4px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

#applicantHeader .text
{
    font-weight: normal;
}

#paging
{
    margin-top: 20px;
}

hr
{
    color: #878686;
    height: 1px;
    width: 100%;
}

.submitSmall{width:40px;font-weight:bold;font-size:0.90em;color:#333333;}

#formContainerContent table td, #formContainerContent table th
{
    padding: 5px;
}

#formTable td, #formTable th, .formTable td, .formTable th
{
    padding: 5px;
}

#formTable td p, #formTable th p, .formTable td p, .formTable th p
{
    padding: 0px;
}

#jobActions, #previewActions
{
    margin-left: 23px;
}

/*MI Styles*/
/*Table Data */
.miresults
{
    overflow: auto;
    /*width: 730px;*/
    width: 100%;
}

#resultsMI, .resultsMI
{
    margin-top: 10px;
    margin-bottom: 30px;
    border-bottom: 0px solid #000000;
	border-collapse: collapse;
	overflow: auto;
}

#resultsMI TH, .resultsMI TH
{
   border: 0px none #000000;
   padding-right: 20px;
}

#resultsMI TD.text, .resultsMI TD.text
{
   text-align: left;
}

#resultsMI td, .resultsMI td
{
   border: 0px none #000000;
   border-top: 1px solid #878686;
   text-align: center;
}

#resultsMI tr.differentGroup, #resultsMI tr.differentGroup
{
    height: 30px;
}

#resultsMI tr.differentGroup td, .resultsMI tr.differentGroup td {
    font-weight: bold;
	vertical-align: bottom;
	text-align:left;
}

.TotalRow td, .TotalRow td.text, tr.TotalRow td, tr.TotalRow td.text
{
    font-weight:bolder;
	vertical-align: middle;
	padding: 4px 2px;
}

.wideHeaders TH
{
	white-space: normal;
	vertical-align: top;
}
/*End MI Styles*/

input.postcode
{
	text-transform:uppercase;
	width: 100px;
}

input.INPUTboxSmall
{
	width: 100px;
}

input.INPUTboxMedium
{
	width: 140px;
}

.left textarea {width: 98%; height: 5em; }
.left textarea.tall { margin-left: 0px; width: 98%; height: 20em; }

.left p {margin-left: -4px;}
.left label {display:block;}


#onlineappform select
{
	width: 17.2em;
}

#onlineappform  input.textBox, #onlineappform input.textBoxSmall, #onlineappform input.postcode,
#onlineappform  input.password, #onlineappform textarea, #onlineappform select
{
	/*border: solid 1px #A64497;*/
}

#onlineappform input.textBox
{
	width: 17em;
}

#onlineappform input.textBoxSmall
{
	width: 13em;
}

#onlineappform input.postcode
{
	width: 9em;
	text-transform: uppercase;
}

#onlineappform input.password
{
	width: 10em;
}

#onlineappform textarea
{
   height: auto;
}

#onlineappform textarea.wide
{
	width: 31.5em;
}

#onlineappform textarea.tall
{
	height: 10em;
}

#onlineappform textarea.widetall
{
	width: 40em;	
	height: 20em;
}
/*End TextBox styles*/

/*Select styles*/
#onlineappform select
{
	width: 18.5em;
	/*border: solid 1px #A64497;*/
}


#onlineappform select.multiselector
{
	height: 8em;
}

/*End Select styles*/

/*Checkboxes and Radiobuttons*/
#onlineappform div.checkboxes table, #onlineappform span.checkboxes table
#onlineappform div.radiobuttons table, #onlineappform span.radiobuttons table
{
	width: 30em;
}

#onlineappform div.checkboxes input, #onlineappform div.radiobuttons input,
#onlineappform span.checkboxes input, #onlineappform span.radiobuttons input
{
	width: auto;
	margin-right: 5px;
}

#onlineappform div.checkboxes label, #onlineappform div.radiobuttons label,
#onlineappform span.checkboxes label, #onlineappform span.radiobuttons label
{
	float: none;
	display: inline;
}

#onlineappform div.checkboxes table.fullwidth, #onlineappform span.checkboxes table.fullwidth
#onlineappform div.radiobuttons table.fullwidth, #onlineappform span.radiobuttons table.fullwidth
{
	width: auto;
}
/*End Checkboxes and Radiobuttons*/

#onlineappform table, #engage th, #onlineappform td{border: none; vertical-align: top; text-align: left;}

#onlineappform table
{
	width: 100%; border-collapse: collapse; font-size: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#onlineappform td.manditoryCell
{
    width: 15px;
}

#onlineappform th
{
	width: 15em;
}

#onlineappform table.list th
{
	width: auto;
}


#onlineappform th label
{
	width: auto;
	float: none;
	display: inline;
}

#onlineappform th.long
{
	width: 30em;
}

#onlineappform td.double
{
	width: 30em;
}

#onlineappform tr.seperator td
{
	padding-bottom: 20px;
}

#onlineappform input.Button
{
	width: auto;
}

#onlineappform tr.adminToLong input.textBox {
    width:13.5em;
}

.seperator HR
{
}

#onlineappform .datedropdown select
{
    width: 100px;
}

/*  AutoComplete Styles */
.ac_results LI {
    text-align:left;
}



.SideMenuType
{
     padding: 5px 0px 5px 0px;
 margin: 5px 0px 0px 0px;
 border: 1px solid #868585;
background: #D4EAE4;
 background-repeat: repeat-x;
 background-position: left top;
 height: auto;
 font-weight: bold;
 text-align: left;
 cursor: pointer;
 color: #333333;
 width: 100%;
 display:inline;
 float:left;
 position:relative;
 font-family: 'Open Sans', 'Gill Sans', 'Gill Sans MT', Calibri, Verdana;
 font-size: 8pt;
 border-color: #D4EAE4;
 border-style: Solid;
 border-width: 1px;
}

.SideMenuTop
{
    margin: 0px 0px 0px 0px;
}


.sideMenuItems
{
    padding: 5px 0px 5px 0px;
    margin: 5px 0px 0px 0px;
    border: 1px solid #868585;
    text-align: left;
    list-style-type: none;
    width: 100%;
}

ul.sideMenuItems li a
{
    padding: 0;
    margin: 0;
    color: #515151;
    background-color: #ffffff;
    text-decoration: none;
}

ul.sideMenuItems li a:hover
{
    text-decoration: underline;
    color: #333333;
    background-color: #ffffff;
}

ul.sideMenuItems li
{
    padding: 0px 0px 0px 21px;
    margin: 6px 0px 5px 0px;
    /*text-transform: capitalize;*/
}

td.loginmessage
{
    font-weight: bold;
    color: red;
}