/* Template-specific styles (Essilor Web 04) */

html
{
	overflow-y: hidden;
}

#font_size a#smaller { font-size: 12px; font-weight: normal; }
#font_size a#larger { font-size: 16px; font-weight: bold; }

div#nav_2 li a.activelink
{
	color: #008aae !important;
}

#content
{
	padding-right: 0;
	width: 860px;
}

#igraspcontainer
{
	height: 380px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 10px;
	width: 500px;
}

#igraspcontainer .emailinputobjects,
#igraspcontainer .inputobjects,
#igraspcontainer .logininput,
#igraspcontainer .reginput,
#igraspcontainer .searchcriteria,
#igraspcontainer select,
#igraspcontainer textarea
{
	background-color: #f6eeeb;
	border: 1px solid #6f5048;
	padding: 1px;
}

#igraspcontainer a
{
	text-decoration: none;
}

#igraspcontainer a:hover
{
	text-decoration: underline !important;
}

/* Search criteria page */

div#searchcriteria_container div.searchpair
{
	clear: left;
	margin: 2px 0;
}

div#searchcriteria_container div.searchpair label
{
	text-align: right;
	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: 214px;
}

input#formsubmit4
{
	margin: 0 0 0 280px
}

/* Multi select box code */

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

div.singledropdown select
{
	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
{
	line-height: 18px;
}

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

input.multiselectcheckbox
{
	margin-right: 5px;
}

/* Job Alerts - main criteria section */

div#currentsearchcriteria
{
	margin: -30px 0 10px 0;
	padding: 0;
}

input#formsubmit1394
{
	margin-top: 10px;
}

/* Job Alerts - SMS alerts section */

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

/* Generic styling for all submit buttons */

input.submitbutton
{
	background-color: #008aae;
	border: 0;
	color: #ffffff;
	font-family: "Microsoft Sans-Serif",Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 16px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: auto;
}

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

table.list th
{
	background-color: transparent;
	color: #4B4A4F;
	font-weight: bold;
}

/* Search results page */

table#searchresultslist
{
	padding-top:10px;
}

table#searchresultslist a
{
	color: #4B4A4F;
}

table#searchresultslist div.format1text2
{
	display: none
}

table#searchresultslist tr#igSortBarRow
{
	border-bottom: 2px solid #87868B !important;
	border-top: 2px solid #87868B;
	font-size: 12px;
	text-align: left;
}

table#searchresultslist tr#igSortBarRow a:link
{
	color: #6f5048;
	text-decoration: none;
}

table#searchresultslist th.igSortBarHeader
{
	border-bottom: 2px solid #87868B;
	border-right: 1px solid #444143;
	border-top: 2px solid #87868B;
	height: 20px;
	padding: 0 0 0 3px;
	text-align: center;
}

table#searchresultslist th.igSortBarHeader img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

table#searchresultslist th#igSortBartitle
{
	border-left: 0;
	padding-left: 0;
}

table#searchresultslist th#igSortBarlocation
{
	border-right: 0;
}

table#searchresultslist .igsearchresultstitle a
{
	background: url(../img/mrk-grey.gif) no-repeat 0 5px !important;
	padding-left: 7px;
}

table#searchresultslist .searchresultscodelist
{
	padding: 0 5px;
}

table#searchresultslist tr.igsearchresultsevenrow *
{
	background-color: #f2f5f7;
}

div#igsearchresultsnewsearch
{
	padding-top: 15px;
}

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

/* Code to widen search results columns

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: transparent;
	border: 0;
	color: #000000;
	margin: 20px 0 0 0;
	padding: 0;
}

div#igsearchresultsalertregsub .submitbutton
{
	margin-left: 10px;
	vertical-align: top;
}

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

div#igsearchresultsalertregemail label
{
	margin: 0;
	padding: 0;
	width: 120px !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;
}

/* Email a friend */

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

table.emailtable input.emailinputobjects
{
	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 .iglabel
{
	margin: 4px 0;
	text-align: right;
	width: 100px;
}

table#login3 .logininput
{
	margin: 4px 0 4px 10px;
	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;
}

table#preappdetails select#advert
{
	width: auto;
}

/* Application login / forgotten password page */

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

table#applicationlogin_inner .iglabel
{
	text-align: right;
}

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

/* Experienced hire form */

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

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

table.applytable td.iglabel
{
	clear: left;
	text-align: right;
	width: 200px;
}

table.applytable .reginput
{
	margin: 5px 5px 5px 10px;
	width: 160px;
}

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

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

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

span#personregister .iglabel
{
	text-align: right;
}

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

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

table.status td.statuslabel
{
	color: #4B4A4F;
	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;
	display: none;
	padding: 2px 0;
	width: 100%;
}

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

/*	Change login details section,
	volume application main details section */

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

#logindetails .iglabel,
#volumemaindetails .iglabel
{
	text-align: right;
}

#personusername
{
	padding-left: 5px;
}

/* Education app section */

span#igedu .femonth
{
	clear:left;
	float:left;
	margin:5px 0 5px 5px;
}

span#igedu .feyear
{
	clear:right;
	float:right;
	margin:5px 0px 5px 0;
}

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

/* Work experience and Courses app sections */

#workexp .iglabel,
#igEditCourse .iglabel
{
	text-align: right;
}

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

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

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

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

/* Qualifications section */

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

/* References section -> Add a reference sub section */

table#addreferee .iglabel
{
	text-align: right
}

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

/* CV upload app section */

td#writedocsfilename input
{
	height:20px;
}

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

input#formsubmit838
{
	margin-top: 10px;
}

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

input#isDone
{
	margin-left:15px;
}

/* Coloured banners (nudges text over to the right)

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

*/

/* Colour of the bar surrounding the "Submit" button on the application questions, branching questions
and pre-app details section  */

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

a.igselectedlink	/* Used on status table and other pages */
{
	color: #008aae;
}
/* 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;
}

/* RSS feed text styling */

#rssfeedtitle
{
	font-family: 'Trebuchet MS',Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.rssfeed
{
	background: url(../img/mrk-grey.gif) no-repeat center left;
	margin-left: 10px;
	padding-left: 8px;
}

div#igraspcontainer table.status 
{
	width: 95% !important
}

input#formsubmit1402, input#formsubmit1367
{
	margin: 10px !important;
	margin-left: 0 !important
}