﻿/* 
-------------------------------------------------------------------------------
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
}

*/
/* 21 Jan 2010 Remedial work changes. WR:112228 */
div.headerholder
{
	display:table;
	width: 780px;
	
}

div.contentholder
{
	width: 770px;
	/*display:table;
	
	margin-left:1.1%!important;
	padding:0.15em!important;*/
}

div#mid-column
{
	clear:right;
	display:table;
}

div#right-column
{
	float:right;
	position:absolute;
	margin-right:0px;
	clear:left;
	overflow:visible;
	float:right;
	left:1010;
	z-index:2;
	left:1010px;
	
}

/* 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
}

*/

/* Education Columns width fix to make it standard for new FEs*/ 
span#igedu td.listheading {
	width:137px;
}

ul#igTopMenu
{
	margin:0px;
	padding-left:0px;
	
}

ul#igTopMenu li
{
	list-style-type:none;
}

#mscbtitle_searchbusinessunit
{
	color:#ffffff;
}

#igContainer table
{
	width:100%;
	margin-left:0px;
}

div#igContainer.APPLICATIONLOGIN_GETPASSWORD, div#igContainer.LOGIN_GETPASSWORD
{
	min-height:175px;
}

div#resultlistseparator
{
	width:100%;
	display:block;
	height:1px;
	background-color:#990101;
}
#alertregdiv input.reginput
{
	width:180px;
}	

select.eduselect
{
	width:320px;
}

#ms_searchbusinessunit
{
	font-size:0.85em;
}

.igsearchresultsoddrow, .igsearchresultsevenrow
{
	background-color:#ffffff;
}

#mscbtitle_searchindustry
{
	color:#ffffff;
}

.jobcodelists td.desclabel
{
	display:block;
}

#equalopstable select.inputobjects 
{
	width:360px;
}

table#appsections th + th
{
	text-align:right;
}

table#workexplist td.listheading, table#currentqualificationslist td.listheading
{
	background-color:#990101;
	color:#FFFFFF;
	font-weight:bold;
	width:auto;
}
