/* 
----------
Additional CSS for i-GRasp frontends - main file

Description:

This is an extension of the original style.css file. Due to the lack of
time to be able to produce a merged stylesheet including everything from
style.css, and this one, and the fact that this stylesheet is now loaded
to all servers, I am asking everyone to just link to this stylesheet for
all new front ends, and just modify anything that doesn't work.

Do NOT modify this unless you are absolutely sure the changes are necessary
and will not have a bad effect on all other front ends that use this!

Author: Rob Watts
Creation date: 04/12/2007
Last modified: 27/06/2008
Default filename: igrasp.css
----------
*/

/* Place any styles specific to the front end template below here */

/* Search criteria page */

div#searchcriteria_container div.searchpair
{
	margin: 3px 0
}

div#searchcriteria_container div.searchpair label
{
	clear:both;
	padding: 0px 0 !important;
	width: 130px
}

div#searchcriteria_container div.searchpair input.searchcriteria,
div#searchcriteria_container div.searchpair input.postcode
{
	margin: 2px 0;
	width: 210px
}

div#searchcriteria_container div.searchpair select.searchcriteria
{
	margin: 2px 0;
	width: 214px
}

input#formsubmit4
{
	margin-left: 150px
}

div#searchsubmit
{
	margin-top: 10px
}

/* Multi select boxes - works for all major browsers. Adjust width of .controlbar and .multiselectbox
when required, but don't set either of them to "width: auto;" or they won't work in IE6. */

div.singledropdown label
{
	margin: 5px 0 2px 0;
	padding-right: 0 !important;
	width: 130px !important
}

div.singledropdown select.searchcriteria
{
	margin: 7px 5px 2px 0;
	width: 214px
}

div.controlbar { width: 475px }

div.controltitle { padding-top: 3px }

div.multiselectbox
{
	padding: 0 0 5px 5px;
	width: 470px
}

span.expanditem label
{
	margin: 0;
	padding: 0;
	width: 180px !important
}

input.multiselectcheckbox { margin: 0 5px 0 0 }

/* Job Alerts - main criteria section */

div#currentsearchcriteria
{
	margin-bottom: 10px
}

input#formsubmit1394
{
	margin-top: 10px
}

/* Job Alerts - SMS alerts section */

div#alertregdiv input#USESMS
{
	height: 16px;
	width: 16px
}

/* Job Alerts - email address & password form */

div#alertregdiv .reginput
{
	margin: 3px
}

div#alertregdiv .igDivErrMsg
{
	margin: 5px 0
}

/* Generic styling for all submit buttons */

input.submitbutton
{
	font-size: 11px;
	margin: 5px 0;
	text-align: center;
	width: auto
}

/* Generic styling for all <th> tags in .list class tables */

table.list th
{
	background-color: #ccc;
	color: #000
}

/* Optional styling for all input fields

div#igraspcontainer .emailinputobjects,
div#igraspcontainer .inputobjects,
div#igraspcontainer .reginput,
div#igraspcontainer select,
div#igraspcontainer textarea
{
	background-color: #ffffcc;
	border: 1px solid #000;
	padding: 1px
}

*/

/* Search results page */

div#searchcriteria_container,
table#searchresultslist
{
	padding-top: 10px
}

table#searchresultslist tr#igSortBarRow
{
	font-size: 12px;
	text-align: left
}

table#searchresultslist th.igSortBarHeader
{
	height: 20px;
	padding: 0
}

table#searchresultslist tr#igSortBarRow a.SortBar
{
	color: #000
}

table#searchresultslist th#igSortBartitle
{
	padding: 0 0 0 3px !important
}

/* Padding for the search result rows because correcting the issue with the title
requires padding to be put in place here. Comment these out if they cause spacing issues! */

table#searchresultslist tr.igsearchresultsoddrow *
{
	padding: 0 0 0 2px !important
}

table#searchresultslist tr.igsearchresultsevenrow *
{
	background-color: #fff !important;
	padding: 0 0 0 2px !important
}

/* New search URL on search results page */

div#igsearchresultsnewsearch
{
	padding-top: 15px
}

div#igsearchresultsnewsearch img
{
	padding-right: 8px
}

/* If you need to widen search results columns, use this code,
but remember to change "location" for the name of the column you
need to make wider.

table#searchresultslist th#igSortBarlocation,
table#searchresultslist td.igsearchresultslocation
{
	width:27%
}

*/

span.ResultsItemsPerPage
{
	line-height: 22px;
	margin: 0;
	padding: 0
}

/* Search results page - email / SMS alerts setup box */

div#igsearchresultsalertregsub
{
	background-color: #f0f0f0;
	border: 0;
	color: #000;
	padding: 4px
}

div#igsearchresultsalertregsub #formsubmit283
{
	margin: 0 0 0 10px;
	vertical-align: middle
}

div#igsearchresultsalertregsub .inputobjects
{
	margin: 3px 0;
	vertical-align: middle;
	width: 170px
}

div#igsearchresultsalertregsub label
{
	margin: 5px 0 0 0;
	padding: 0;
	vertical-align: middle;
	width: 100px !important
}

/* Job description page */

table#igWriteJob div.header
{
	color: #000;
	font-weight: bold;
	margin-top: 10px
}

table#igWriteJob div#webdescription
{
	font-size: 16px
}

table#igWriteJob td#jobapplylink
{
	padding-top: 15px
}

/* Email a friend (format 2) - has 1 set of shared attributes with the pre-app login page */

table.emailtable label,
div.igPageTitle
{
	font-weight: bold;
	padding-bottom: 5px
}

table.emailtable td.emailinputjobtitle
{
	font-weight: bold;
	padding: 0 0 10px 0
}

table.emailtable input.emailinputobjects,
table#applicationlogin_inner input.inputobjects
{
	margin: 5px 0;
	width: 220px
}

table.emailtable textarea
{
	height: 120px;
	margin: 5px 0 10px 0;
	width: 260px
}

table.emailtable input#formsubmit129
{
	margin-bottom: 10px
}

/* Update my details page */

table#login2 span.general_bold
{
	font-weight: bold
}

table#login2 input#formsubmit107
{
	margin: 10px 0
}

table#login2 a *
{
	margin-top: 10px
}

table#login3 td.iglabel
{
	margin-top: 5px;
	width: 100px
}

table#login3 input.logininput
{
	margin-top: 5px;
	width: 207px
}

/* Events section - search for events*/

table#searchevents
{
	text-align: left !important
}

table#searchevents .feday,
table#searchevents .femonth
{
	margin: 5px 5px 5px 0
}

table#searchevents .feyear
{
	margin: 5px 0
}

table#searchevents #eventplaceid,
table#searchevents #eventtypeid
{
	margin: 5px 0
}

/* Events section - event registration form */

table#igEventReg1 input
{
	margin: 5px 0
}

/* Application questions */

td#appquestion span.appquestiontitle
{
	float: left;
	font-weight: normal;
	padding: 15px 0 5px 0
}

table#igAppQuestion2 textarea
{
	font-size: 12px;
	height: 100px;
	width: 300px
}

/* Pre-app details (i.e. referral) page */


table#preappdetails .reginput
{
	margin: 5px 10px 5px 5px;
	width: 200px
}

table#preappdetails select#advert
{
	width: auto
}

/* Choose which application to complete page (only appears when you register for a job,
stay signed in, and then try to sign up for a second job without completing the sections of
the first one) - section name: CHOOSEAPPTOCOMPLETE */

table#igChooseApp
{
}

td#igChooseAppIntro
{
}

td#igChooseAppBar
{
}

input.igRadio
{
}

/* Application login / forgotten password page */

table#applicationlogin_inner td#forgottonpasswordtxt,
table#applicationlogin_inner td#newapplink
{
	padding: 5px 0
}

table#applicationlogin_inner .inputobjects
{
	margin: 5px 0
}

/* Experienced hire form */

table.applytable span.general_bold
{
	font-weight: bold
}

table.applytable span.general_bold p
{	
	font-weight: normal
}

table.applytable .reginput
{
	margin: 5px 5px 5px 0;
	width: 200px
}

table.applytable #HOMEPHONENO,
table.applytable #WORKPHONENO,
table.applytable #MOBILEPHONENO
{
	width: 135px
}

table.applytable #USERNAME
{
	margin-top: 15px
}

table.applytable input.igfilename
{
	margin-top: 5px;
	width: 225px
}

table.applytable input#formsubmit64
{
	margin-top: 10px
}

/* Volume app registration form */

span#personregister input
{
	margin: 5px 5px 5px 0
}

/* Preferred phone inputs (used on several "main details" sections) */

input.preferredphone
{
	margin: 0 5px 0 0;
	padding: 0
}

input.preferredphone label
{
	margin: 0 5px 3px 0;
	padding: 0
}

/* Application summary page */

table.status
{
	background-color: #fff;
	border: solid 1px #000;
	width: 100%
}

table.status td
{
	padding: 0 5px 5px 5px
}

table.status td.statuslabel
{
	padding: 5px 0 0 0;
	margin: 0;
	text-align: right
}

table.status td.statusvalue
{
	padding: 5px 0 0 10px;
	margin: 0;
	text-align: left
}

table#appsections
{
	background-color: #fff;
	padding: 2px 0;
	width: 100%
}

table#appsections td.sectionlink
{
	padding: 5px 0 0 6px
}

/*	Change login details and app section
	Volume application main details section */

#logindetails .reginput,
#volumemaindetails .reginput
{
	margin: 5px 5px 5px 0
}

/* Education app section */

span#igedu .femonth,
span#igedu .feyear
{
	margin: 5px 0px
}

span#igedu .eduother,
span#igedu .eduselect
{
	margin: 5px 0 0 5px
}

/* Work experience and Courses app sections */

#workexp .reginput,
#igEditCourse .reginput
{
	margin: 5px;
	width: auto
}

#workexp .feday,
#igEditCourse .feday
{
	margin: 5px
}

#workexp .femonth,
#workexp .feyear,
#igEditCourse .femonth,
#igEditCourse .feyear
{
	margin: 5px 5px 5px 0
}

#workexp textarea
{
	height: 120px;
	margin-top: 10px;
	width: 320px
}

/* Work experience page - table showing list of experience added in */

table#workexplist td.listheading,
table#workexplist td.listbody
{
	padding: 0 5px
}

/* Qualifications section - add a qualification page */

table#qualtable input
{
	margin: 3px 0 3px 3px;
	width: 210px
}

table#qualtable select
{
	margin: 3px 0 3px 3px;
	width: 215px
}

input#formsubmit632,
input#formsubmit699
{
	margin-top: 5px
}

/* Languages section */

table#languageskills th.listheading
{
	background-color: 0;
	padding: 0 0 0 3px
}

table#languageskills select.formselect
{
	margin: 3px 3px 3px 0
}

/* References section -> Add a referee page */

table#addreferee .inputobjects
{
	margin: 5px;
}

/* CV upload app section */

td#writedocsfilename input
{
	height: 20px
}

td#writedocsupload input
{
	margin: 1px 0 0 20px
}

#clientdoctypeid
{
	margin: 0 5px 5px 0
}

/* Styling for the "Tick here to mark this section as complete" checkbox */

input#isDone
{
	margin: 0 0 0 15px
}

/* This code is for coloured banners (e.g. on the Update My Details section), and it nudges the text
over to the right - no need to use this if you don't want to use coloured banners on the FE */

table#login2 span.general_bold,
tr#maindetailsloginbanner span.general_bold,
tr#maindetailsbanner span.general_bold,
td#newappbar,
td#existingappbar,
table.applytable span.general_bold,
span#logindetails span.general_bold
{
	padding: 0 0 0 5px
}

/* This code changes the colour of the bar surrounding the "Submit" button on the application questions,
branching questions and pre-app details section - default is grey, ideally set it to be the same colour as
the page background. Most of the time the background colour is white, so that's what I've set it as here. */

tr#AppQuestionLinkBar td,
table#preappdetailssubmit td,
tr#branchingquestionlinkbar td
{
	background-color: transparent
}

/* Optional code - use this to hide the "Back" link on the Branching Questions pages

tr#branchingquestionlinkbar td a,
tr#branchingquestionlinkbar td img
{
	display: none
}

*/

/* Unsorted stuff */

table.password_reminder td.iglabel /* Can't remember where this is used... */
{
	padding: 5px 5px 5px 0
}

td.emailinputjobtitle	/* Also can't remember where this is used... */
{
	font-weight: bold;
	padding-bottom: 10px
}

/* This affects the text that alerts you when you haven't filled in a mandatory field or dropdown on several pages, e.g. application forms */

span.general_font_red
{
	padding-bottom: 10px
}

/* Styles for i-GRasp Internal User FE access pages
- the FE option "RestrictAccessToGSInternalUsers" must be active to view these pages. */

/* Login page */

div.gslogin .logininput { margin: 3px 0 }

/* Person Search main page */

table#personsearch .inputobjects { margin: 3px 0 }

table#personsearch .feday { margin: 3px 3px 3px 0 }

table#personsearch .femonth, table#personsearch .feyear { margin: 3px }

.singledropdown {
	clear:both;
}

.menu
{
	padding-left:25px;
	padding-bottom:10px;
	}
	
	DIV.searchpair LABEL
	{
		width:200px !important;
	}
	
	
#JobGeneralList2
{
	margin-top:3px;
	
}