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

Description:

Use this file in conjunction with the standard style.css file. Copy it into the
folder where the FE files are and link it up in the FE template. Modify colours,
font styles etc. when you need to (most of the time you will need to change them
to match the template), sometimes you'll also need to change other settings, like
widths and heights, but most of the time you can leave them alone (unless, for
example, the client has asked for specific alterations in a Change Request).

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

/* Search criteria page */

div#searchcriteria_container div.searchpair
{
	clear: left;
	margin-top: 5px;
}

div#searchcriteria_container div.searchpair label
{
	width: 130px;
}

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

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

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;
 
}

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

div.controlbar
{
	width: 475px;
	/*margin-left:297px !important;*/
}

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;
	width: 150px;
    font-size:12px;

}

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: #626262;
	color: #ffffff;
}

/* Optional styling for all input fields

div#igraspcontainer .emailinputobjects,
div#igraspcontainer .inputobjects,
div#igraspcontainer .reginput,
div#igraspcontainer select,
div#igraspcontainer textarea
{
	background-color: #f6eeeb;
	border: 1px solid #6f5048;
	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 tr#igSortBarRow a:link
{
	color: #ffffff;
}

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

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

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

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

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: solid 1px #000000;
	color: #000000;
}

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

div#igsearchresultsalertregemail .inputobjects
{
	vertical-align: top;
	width: 150px;
}

div#igsearchresultsalertregemail label
{
	margin: 0;
	padding: 0;
	width: 100px !important;
}

/* Job description page */

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

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

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

table#igWriteJob li {
	background:url("../images/job-bullet.gif") no-repeat scroll 0 center transparent !important;
	color:#000000;
	list-style:none;
}

/* Email a friend */

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

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 page */

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

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

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

table#searchevents #eventplaceid,
table#searchevents #eventtypeid
{
	margin:5px 0 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;
    font-size:12px;
}

table#preappdetails select#advert
{
	width: auto;
    font-size:12px;
}
table#preappdetails td 
{
width:45%;
}

/* 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;
    font-size:12px
}

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: #ffffff;
	border: solid 1px #000000;
	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: #ffffff;
	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 5px 0;
}

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;
}

/* Qualifications section */

table#qualtable input	/* Affects the QUALIFICATION ADD page */
{
	margin: 3px 0 3px 3px;
	width: 210px;
}

table#qualtable select	/* Affects the QUALIFICATION ADD page */
{
	margin: 3px 0 3px 3px;
	width: 215px;
}

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

/* CV upload app section */

td#writedocsfilename input
{
	height:20px;
    font-size:12px;
}

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: #ffffff;
}

/* 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;
}

TD#existingappbar
{
	height:14px;
	}
	
	div#igraspcontainer table {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	text-align:left;
	width:500px;
}

#logindetails .reginput, #volumemaindetails .reginput {
margin:5px 5px 5px 0pt;
width:238px;
font-size:12px;

}
select#advert,
select#educationdomainid,
select#gender

{
	width:242px!important;
}

div.multiselectbox {
border:1px solid #7F9DB9;
display:none;
/*float:right;*/
margin-right:15px;
overflow:auto;
}
.searchtable *,
#alertcriteria *
{
 margin:1px !important;

}
div#leftcol p
{ 
margin-top:15px
}
input#HOMEPHONENO.reginput
{
width:150px;
}
input#WORKPHONENO.reginput
{
width:150px;
}
input#MOBILEPHONENO.reginput
{
width:150px;
}

tr.igsearchresultsoddrow img
{
	visibility: hidden;
}

tr.igsearchresultsevenrow img
{
	visibility: hidden;
}
div.format1text2{
	text-align:left;
}
table#searchresultslist tr.igsearchresultsoddrow * {
	text-align:left;
}
table#searchresultslist tr.igsearchresultsevenrow * {
	text-align:left;
}
table.applytable .reginput {
	width:248px !important;
}
table.applytable #HOMEPHONENO, table.applytable #WORKPHONENO, table.applytable #MOBILEPHONENO {
	width:178px !important;
}