﻿/* 
-------------------------------------------------------------------------------
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 */

#searchresultslist td {
	border-bottom: none;
}


/* Place any styles specific to i-GRasp front end sections below here */
.submitbutton  {
	background:url('../img/yellow-chevrons.gif') no-repeat scroll 4px center #000000; 
	/*background:url('../img/yellow-chevrons.gif') no-repeat scroll 8px 8px #000000;*/
	border-style:none;
	color:#F5E21A;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	padding:4px 8px 4px 16px; /*padding:5px 8px 6px 20px;*/
	position:relative;
	top:-1px;
}
 
div#forgotpasswordcancel  {
	margin-top:10px;
}
 
div.multiselectbox {
	z-index: 1;
} 

div.controlclose {
background-color: #FDE500;
}	
 
div.igInputDiv input#searchtext { 
	width:250px;
}
 
div#searchcriteria_container  div.searchpair span.expanditem label {
	display:block;
	width:205px;
}
 
 
th.listheading { 
	line-height:20px !important;
}


table.greytable img{
	border: none;
}

/* Generic / optional styling for all text and dropdown fields (only enable
if client settings are adversely affecting the appearance of them) */


/* 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/clear.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/clear.gif) no-repeat left center;	
	padding: 0; /*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
}

*/

/* Education Columns width fix to make it standard for new FEs*/ 
span#igedu td.listheading {
	width:137px;
}

.hide {
	display:none;  visibility:hidden;
}

/* "SEARCH & APPLY" AND "JOB ALERTS" */
.searchpair select.searchcriteria {
	width:254px;
}

.searchpair input.searchcriteria, .searchpair input.postcode {
	width:250px;
}

/* LOGIN-PAGE */

#login3 .logininput {
	width:250px;
}

.UPDATEDETAILS table#login2 span.general_bold {
	padding:0;
}

/* PRE - APP DETAILS */
.PREAPPDETAILS #preappdetails select.reginput {
	width:230px;
	margin:3px 2px 3px 5px;	
}

.PREAPPDETAILS #preappdetails input.reginput {
	width:226px;
}

/* MAIN DETAILS - VOLUME */
span#volumemaindetails input.reginput {
	width:218px;
}

span#volumemaindetails select.reginput {
width:220px;
}

/* MAIN DETAILS - ADD REFEREE */
table#addreferee .inputobjects {
	width:200px;
}

/* MAIN DETAILS - LOGIN - MODIFY LOGIN */
.PERSONDETAILSLOGINDETAILS span#logindetails  table{
	width: 100%;
}

.PERSONDETAILS span#logindetails  table{
	width: 100%;
}

.PERSONDETAILS span#volumemaindetails  table{
	width: 100%;
}
.PERSONDETAILS span#volumemaindetails input.reginput {
	width:240px;
}
.PERSONDETAILS span#volumemaindetails select.reginput {
	width:244px;
}

#volumemaindetails #HOMEPHONENO, #volumemaindetails #WORKPHONENO, #volumemaindetails #MOBILEPHONENO {
width:159px;
}

/* MAIN DETAILS */
.REGISTER_NEWAPP table.applytable select.reginput {
	width:244px;
}

.REGISTER_NEWAPP table.applytable #HOMEPHONENO, .REGISTER_NEWAPP table.applytable #WORKPHONENO,.REGISTER_NEWAPP table.applytable #MOBILEPHONENO {
width:159px;
}

/* EQUAL OPS */ 
#equalopstable select.inputobjects {
	width:235px;
	margin:2px 0;
}

/* EMAIL ME JOBS */
.ALERTPERSON #alertregdiv input {
	width:250px;
}

/* APPLY EXP PAGE */
.applytable input.reginput {
	width:240px;
}

/* EMAIL A FRIEND */
.EMAILAFRIEND table.emailtable .emailinputobjects {
	width:300px;
}

/* APPLY */
.APPLY table#applicationlogin {
	width:100%;
}

/* REGSTATUS = SUMMARY  */
.REGSTATUS  th.listheading {
	line-height:20px;
}

/* VARIOUS */
table#applicationlogin_inner td#newappbar, table#applicationlogin_inner td#existingappbar, div#currentsearchcriteria table.list{
	line-height:20px;
}

input.preferredphone {
	border:none;
}

