﻿/* 
-------------------------------------------------------------------------------
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 */


/* Place any styles specific to i-GRasp front end sections below here */


/* 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
}

*/

input
{
	border:1px solid #7F9DB9;
}
.submitbutton
{
	color: #00349C !important;
	background-color:#ffffff!important;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	border: 1px solid #00349C;
	padding:0 3px;
	
}
div.searchpair label
{
	font-weight:bold;	
}
input, select 
{ 
	font-size: 13px; 
	background-color: #FFFFFF; 
	color: #000; 
	padding: 1px; 
	margin: 0; 
}
input.preferredphone
{
	border:0px;	
}

a:link {color: #00349C; text-decoration:underline}
a:hover {color: #00349C; text-decoration:underline}
a:active {color: #00349C; text-decoration:underline}
a:visited {color: #666666; text-decoration:underline}

/*tr#igSortBarRow
{
	background-color:#0D2D82 !important;
}*/
table 
{
	border:0px !important;	
}
tr#igSortBarRow a
{
	color:#ffffff !important;
}
.list2 th.list2
{
	background-color:#FFFFFF;
	border-bottom:1px solid #B2B2B2 !important;
	color:#0035A4;
	font-size:12px;
	font-weight:bold;
	height:20px;	
}
th.listheading
{
	background-color:#F3F4F8 !important;
	color:#00349C !important;
	height:25px;
	padding-left:4px;
}
table.status
{
	background-color:#F3F4F8;
}

.TopNavigation a:link 
{
	color:#00349C;
	font-size:11px;
	text-decoration:none;
}
.TopNavigation a:hover 
{
	color:#FA9A00;
	font-size:11px;
	text-decoration:none;
}
td.selected a
{
	color:#FA9A00!important;
}
div.igcontainer
{
	width:700px;
	margin-left:20px;	
}
div#igmainsection *
{
	fonti-size:14px!important
}
div.greydiv/*, table#login2 td*/
{
	background:none!important;
}
a:hover
{
	color:#FA9A00!important;
}
span#logindetails table td
{
	width:700px;
}
table#appsections th
{
	color:#00349C!important;
	
}
.generalHeaderBold 
{
	background-color:#00349C;
	color:#FFFFFF;
	font-weight:bold;
	margin:12px 0 3px;
	padding:0;
	width:100%;
}
div#igAppLogin img
{
	padding-right:5px;	
}
#alertregdiv .reginput 
{
	width:200px!important;
}
table#login2 td
{
	background-color:transparent!important;
}
table#login2 span.general_bold
{
	color:#000000!important;
	margin-left:-3px;
}
div#forgotpasswordcancel
{
	float:left;
	margin-left:20px;
}
table.password_reminder td.iglabel
{
	width:120px;
}
div#forgotpasswordsubmit
{
	text-align:right;
	margin-top:-7px;
	width:343px;
}

td#jobapplylink, td#emailafriendlink
{	
	border:1px solid #00349C!important;	
	white-space:nowrap;
	text-align:center;
	line-height:130%
}

td#jobapplylink a, td#emailafriendlink a
{
	text-decoration:none!important;
	font-weight:bold;
	padding:10px;
	font-size: 11px;
}
td#jobapplylink a:hover, td#emailafriendlink a:hover
{
	color: #00349C!important
}

table#igWriteJob div#webdescription
{
	margin: 10px 0 20px 0
}
#igWriteJob td.desclabel
{
	font-weight: bold;
	margin: 0;
	padding: 0;
	width:20%
}
#igWriteJob div.descheader
{
	font-weight: bold;
	padding: 25px 0 15px 0
}

#igWriteJob div#descheading1
{
	padding: 25px 0 15px 0
}
#igWriteJob td#jobapplylink 
{
	padding:0px!important;
}
a
{
	text-decoration:none!important
}
div#igsearchresultsnewsearch img
{
	padding-right:5px;
}
td#jal, td#efl
{
	width:68%
}
div#igsearchresultsalertregsub
{
	margin-left:-5px !important;
}
div#igmainsection
{
	width:439px !important;
}
table.status a.igselectedlink
{
	color:#00349C;
}
table.status a:hover
{
	color:#00349C !important;
	text-decoration:underline !important;
}
#forgotpasswordcancel
{
	float:right !important;
	margin-left:293px !important;
	display:block;
}
