/* 
-------------------------------------------------------------------------------
Title: Changes to the default i-GRasp stylesheet (igBase.css)
Default filename: igChanges.css

Description:

This file contains all changes to the target HTML template styles and to the
i-GRasp front end styles so that they match up better.

Do *NOT* modify igBase.css as it is a reference point for all other front ends
that use it!

If browser-specific changes are required, place them into a seperate file
and call the file, for example, igChanges_IE.css. Then use a conditional
comment (for IE) or an ASP ServerVariable request (for other browsers, such
as Safari) to pull the changes through to the front end.
-------------------------------------------------------------------------------
*/

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

div.grid-major
{
	width: 94.1em;
}

div#column-external 
{
	width: 65.1em;
}

input#query
{
	background-color: #FFFFFF;
	color: #000000;
}

/* Place any styles specific to i-GRasp front end sections below here */

div#igContainer 
{
	width: 100%;
	height: 100%;
	float: left;
}

div#igContainer
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 100%;
}

div#igContainer li, div#igContainer input, div#igContainer select, div#igContainer textarea, div#igContainer label, div#igContainer textarea, div#igContainer label
{
	font-size: 90%;
}

div#igContainer td
{
	vertical-align: middle;
}

div#igContainer img 
{
	display: inline;
}

table
{
	border-collapse: separate!important;
}

span.general_bold
{
	font-family:Arial, Helvetica, sans-serif!important; 
	font-size: 100%;
}

th.listheading, table.status
{
	font-size: 120%;
}

Input#isDone
{
	position: relative;
	bottom: 17px;
	left: 272px;
}

td.listheading
{
	background-color: #F0F0F0;
	color: #616161;
	font-weight: bold;
}

div#completedcheckbox
{
	font-size: 120%;
}

div.igPageTitle
{
	font-size: 120%;
}

table.list
{
	font-size: 90%;
}

td.listbody
{
	font-size: 120%;
}

td.listheading
{
	font-size: 120%;
	font-weight: bold;
}

table.list td select
{
	font-size: 100%!important;
}

.submitbutton 
{
	font-size: 100%!important;
	background-color: #E42F91;
	border: 1px solid #E43293;
}

table#login2 span.general_bold
{
	font-size: 120%;
}

select#advert
{
	font-size: 80%!important;
}

table#currentqualificationslist td.listheading, table.list td.listheading
{
	padding-left: 2px;
}

span.general_font_red
{
	font-size: 100%;
}

div#igContainer p
{
	font-size: 100%;
}

h2, h4
{
	font-size: 130%;
}

div#igContainer ul 
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#column-external li
{
	list-style-type: none;
}

div#igContainer ul li 
{
	background-image: url(http://www.artscouncil.org.uk/media/images/chevron.png);
	background-position: 0 0.6em;
	background-repeat: no-repeat;
	padding-left: 0.857em;
}

div#igContainer table td table#igInvalidURL1, div#igContainer table td table#igInvalidURL1 td a
{
	font-size: 80%;
}

/* Generic / optional styling for all text and dropdown fields (only enable
if client settings are adversely affecting the appearance of them) */

/*
div#igContainer .emailinputobjects,
#igContainer .inputfield
#igContainer .inputobjects,
#igContainer .logininput,
#igContainer .reginput,
#igContainer select,
#igContainer textarea
{
	background-color: #fff;
	border: 1px solid #000;
	margin: 3px 3px 3px 0
	padding: 1px
}

*/

/* Modification to the Previous Page and Next Page links in the Search Results
page, to stop the bullet images being underlined in Firefox and Safari. */

a.prevlink img,
a.nextbullet img
{
	display: none
}

a.prevlink
{
	background: url(../images/back.gif) no-repeat left center;
	padding: 0 0 0 20px
}

a.nextbullet /* As above, but this moves the image to the right of the link. */
{
	background: url(../images/bullet.gif) no-repeat right center;
	padding: 0 20px 0 0
}

/* Modification to the New Search and Refine Search links at the bottom of the
Search Results page, for the same reason as the Previous and Next Page
links. */

div#igsearchresultsnewsearch img,
div#igsearchresultsrefinesearch img
{
	display: none
}

#igsearchresultsnewsearch a,
#igsearchresultsrefinesearch a
{
	background: url(../images/bullet.gif) no-repeat left center;
	padding: 0 0 0 20px
}

/* Offers section - this style sets all the grey description boxes to have
italic text. This used to be the default, but has now been disabled - however,
if a client requests that they want it switched back on, please remove the
comment tags from around the style below. */

/*
div#offertypeinfosectiondesc
{
	font-style: italic
}

*/

/* Search Criteria */

div#igContainer div#searchcriteria_container select
{
	width: 250px;
}

div#igContainer div#searchcriteria_container
{
	font-size: 100%;
}

div#searchsubmit input#formsubmit4
{
	font-size: 120%!important;
	margin-left: 150px;
}

div#igContainer div#searchcriteria_container label
{
	font-weight: bold;
}

div.searchpair label, div.searchpair input, div.searchpair select
{
	font-size: 100%!important;
}

div.searchpair input
{
	font-size: 110%!important;
}

/* Search Results */

table#searchresultslist
{
	font-size: 100%;
}

div.igraspsearchresults table
{
	border-collapse: separate;
}

div.igraspsearchresults table td
{
	font-size: 100%!important;
}

table.greytable
{
	font-size: 100%!important;
	padding: 0px;
	margin: 0px;
}

table.greytable td label, table.greytable td input.inputobjects
{
	font-size: 100%!important;
}

table.greytable td input#formsubmit283
{
	font-size: 120%!important;
}

/* Job Alerts */

table#igAddAlert1 td
{
	font-size: 100%!important;
}

/* Job Description */

div.header
{
	font-size: 80%;
}

table#igWriteJob
{
	font-size: 100%!important;
}

table.jobcodelists td
{
	font-size: 80%
}

table#igWriteJob h1, table#igWriteJob h2, table#igWriteJob h3, table#igWriteJob h4, table#igWriteJob h5, table#igWriteJob p, 
table#igWriteJob a, table#igWriteJob li, table.emailtable
{
	font-size: 80%;
}

table#igWriteJob td#Td2, table#igWriteJob td#emailafriendlink
{
	border: 1px solid #FFFFFF;
}

table.jobcodelists td
{
	border: 1px solid #FFFFFF;
}

table#igWriteJob td#Td2
{
	padding-top: 5px;
}

table.jobcodelists
{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

table#igWriteJob ul li
{
	margin-left: 40px;
}

/* Email A Friend */

table.emailtable td input.emailinputobjects, table.emailtable td textarea, table.emailtable td label
{
	font-size: 100%!important;
}

/* Pre-Application Questions */

table#preappdetails
{
	font-size: 80%;
}

table#preappdetails td input#referredby, table#preappdetails td select
{
	font-size: 80%!important;
}

table#preappdetailssubmit input#formsubmit1152
{
	font-size: 80%!important;
}

/* Screening Questions */

table#igScreen, table#igScreenOutput2
{
	font-size: 60%;
}

/* Login */

table#applicationlogin_inner td, table#applicationlogin
{
	font-size: 80%!important;
}

table#applicationlogin_inner
{
	font-size: 120%;
}

table#applicationlogin_inner td input
{
	font-size: 100%!important;
}

table#applicationlogin_inner td label
{
	font-size: 110%;
	font-weight: bold;
}

table#applicationlogin_inner span.general_bold
{
	font-size: 110%;
}

td#existingappbar span.general_bold
{
	font-size: 120%;
}

table#applicationlogin_inner td#existingapplink input#formsubmit107
{
	position: relative;
	left: 213px;
	font-size: 110%!important;
}

/* Application Form */

table.applytable
{
	font-size: 90%;
}

table.applytable td p
{
	font-size: 80%;
}

table.applytable td span.general_bold
{
	font-size: 120%!important;
}

/* Experienced Hire Form */

table.applytable td input.igfilename
{
	font-size: 75%!important;
}

/* Application Volume Form */

span#personregister table td select, span#personregister table td input, span#personregister table td label
{
	font-size: 80%;
}

span#personregister table td input.inputobjects
{
	width: 200px!important;
}

input#formsubmit507
{
	position: relative;
	left: 238px;
	font-size: 120%!important;
}

/* Equal Opps */

table#equalopstable td
{
	font-size: 100%!important;
}

table#equalopstable select.inputobjects 
{
	width: 250px;
	font-size: 100%;
}

table#equalopstable td select#ethnicgroup
{
	margin-bottom: 5px;
}

table#equalopstable
{
	padding: 2px;
	font-size: 100%;
}

table#equalopstable td select#candgeneraleofield1
{
	margin-bottom: 4px;
}

div.text2 font
{
	font-size: 80%;
}

input#formsubmit664
{
	position: relative;
	left: 300px;
	top: 4px!important;
	font-size: 120%!important;
}

/* Upadate my details */

table#login1 td
{
	font-size: 100%!important;
}

table#login1 label, table#login1 input
{
	font-size: 120%!important;
}

table#login1 label
{
	font-weight: bold;
}

table#login2 td
{
	font-size: 100%!important;
}

table#login2 td label
{
	font-size: 110%!important;
}

table#login3 td input
{
	font-size: 120%!important;
	width: 220px!important;
	margin-left: 15px!important;
	margin-top: 8px!important;
}

table#login3 td label
{
	margin-top: 8px;
	margin-left: 3px;
}

input#formsubmit107
{
	position: relative;
	left: 136px;
}

/* Candidate Details */

span#volumemaindetails table td select
{
	width: 241px!important;
	font-size: 100%!important;
}

span#volumemaindetails table 
{
	font-size: 80%!important;
}

span#volumemaindetails table td label, span#volumemaindetails table td input
{
	font-size: 100%;
}

input#formsubmit680
{
	position: relative;
	left: 328px;
	font-size: 120%!important;
}

span#logindetails
{
	font-size: 80%;
}

span#volumemaindetails table td input.reginput
{
	width: 231px;
}

span#logindetails div.igPageTitle
{
	font-size: 140%!important;
}

span#logindetails table td label, span#logindetails table td input
{
	font-size: 100%;
}

input#formsubmit835
{
	position: relative;
	left: 1px;
}

span#logindetails table td a
{
	position: relative;
	left: 375px;
	top: 7px;
}

/* Education */

span#igedu table td select.feyear
{
	margin-left: 4px;
}

span#igedu table td select.eduselect
{
	width: 331px;
}

span#igedu table td input.eduother
{
	width: 321px;
	font-size: 100%;
}

span#igedu div#completedcheckbox
{
	width: 100%;
	text-align: left;
}

span#igedu table
{
	font-size: 70%!important;
}

span#igedu table td.listheading
{
	font-size: 140%;
}

input#formsubmit614
{
	position: relative;
	left: 320px;
	font-size: 120%!important;
}

span#igedu table td a
{
	margin-left: 2px;
}

/* Summary */

table.status
{
	background-color: #F8F8F9;
	border: 1px solid #38332E;
	font-size: 100%;
}

table#appsections th.listheading
{
	width: 100%;
	color: #DE0079;
	padding-left: 2px;
	padding-right: 2px;
	font-family:Arial,Helvetica,sans-serif !important;
}

table#appsections td.sectionlink
{
	font-size: 120%;
}

table.status td a.igselectedlink, table.status td.statussubmit
{
	color: #DE0079;
}

/* Docs */

table#writedocs td input#File2
{
	height: 30px;
}

table#writedocs td#writedocsupload input
{
	font-size: 75%!important;
	font-weight: bold;
}

/* Courses */

table#igEditCourse
{
	font-size: 80%;
}

/* Work Experience */

table#workexp
{
	font-size: 80%;
}

table#workexp td label, table#workexp td input,  table#workexp td textarea
{
	font-size: 100%!important;
}

table#workexp td table td
{
	font-size: 100%;
}

table#workexp td a
{
	position: relative;
	right: 510px;
	top: 6px;
}

/* Languages */

table#languageskills td select
{
	font-size: 80%!important;
}

/* References */

table#addreferee
{
	font-size: 80%;
}

table#addreferee span.general_bold
{
	font-weight: bold;
	font-size: 90%;
}

table#addreferee
{
	width: 70%;
}

table#addreferee td input.submitbutton, table#addreferee td a
{
	font-size: 100%!important;
}

table#addreferee td a
{
	position: relative;
	right: 148px;
	top: 7px
}

table#addreferee td input#formsubmit476
{
	position: relative;
	left: 165px;
}

table#addreferee td label
{
	font-size: 90%!important;
}

/* Password Reminder */

div#forgotpasswordcancel
{
	width: auto;
}

table.password_reminder td label
{
	font-size: 80%!important;
	font-weight: bold;
}

div#forgotpasswordsubmit input#formsubmit797
{
	font-size: 120%!important;
	position: relative;
	left: 199px;
}

div#forgotpasswordcancel a
{
	position: relative;
	right: 296px;
	top: 20px;
}

table.password_reminder td input
{
	font-size: 80%!important;
}

/* Applicaton Confirmation */

table#igVolAppConfirm
{
	font-size: 80%;
}

/* Qualification */

table#currentqualificationslist td
{
	width: auto;
	vertical-align: top;
}

table#currentqualificationslist td.listbody
{
	font-size: 92%!important;
}

table#qualtable label
{
	font-size: 100%;
}

table#qualtable td select, table#qualtable td input
{
	font-size: 100%!important;
}

table#qualtable td input
{
	width: 393px;
}

table#qualtable td select
{
	width: 404px;
	margin-right: 100px
}

table#qualtable td select#qualificationyear1
{
	position: relative;
	right: 95px;
}

table#qualtable, table#qualsavecancel td input.submitbutton, table#qualsavecancel td a
{
	font-size: 80%!important;
}

td.listbody select.quallevel, td.listbody select.qualtype
{
	margin-top: 5px;
}

table#currentqualificationslist td.listheading
{
	padding-left: 2px;
}

table#qualsavecancel td input#formsubmit653
{
	position: relative;
	left: 148px;
}

table#qualsavecancel td a 
{
	position: relative;
	right: 240px;
	top: 7px;
}

input#formsubmit632, input#formsubmit699
{
	font-size: 120%!important;
}

table#igQualSaveCancel td input
{
	position: relative;
	left: 3px;
}

table#igQualSaveCancel td a
{
	position: relative;
	right: 395px;
	top: 7px;
}

th#volumequalificationsubject span.general_bold, th#qualsubject span.general_bold, th#subtypebox span.general_bold
{
	font-size: 120%!important;
}

th#subtype span.general_bold
{
	font-size: 80%!important;
}

/* Application Questions */

table#appquestiontable
{
	font-size: 80%;
}

table#appquestiontable td textarea
{
	font-size: 100%;
}

table#volumeapp td a
{
	font-size: 90%;
}

table#appquestiontable td a
{
	position: relative;
	right: 470px;
	top: 7px;
}