/* 
-------------------------------------------------------------------------------
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 */
#td_menu1 li a, #td_menu2 li a
{
	color:white;
	text-decoration:none;
}
#td_menu1 ul
{
	width:130px;
}
#td_menu1 li a:hover, #td_menu2 li a:hover
{
	text-decoration:underline;
}
#td_menu2 ul#hotjobfeed
{
	margin:5px 5px 5px 12px;
	width:126px;
	height:130px;
}
li.hotjob
{
	margin-bottom:10px;
}
.igBanner
{
	width:792px;
}
#td_menu4 img
{
	border:none;
}
#introtext
{
	width:650px;
}
table#testimonialTable a
{
	color:white;
	text-decoration:none;
}
#footer_middle a *, #footer_middle a
{
	text-decoration:none;
	border:none;
}

/* 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. */
div#igContainer 
{
	width:782px;
	float:left;
	font-family: Arial,Helvetica,sans-serif;
	margin-top:10px;
	font-size:12px;
	padding-right:10px;
}
div#igContainer ul
{
	color:black;
}
div.igPageTitle 
{
	color: #93B93A;
    font-size: 2em;
}
a.prevlink img,
a.nextbullet img
{
	display: none
}

a.prevlink
{
	background: url(../../images/i-grasp/back_arrow.jpg) 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/i-grasp/next_arrow.jpg) 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/i-grasp/next_arrow.jpg) 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
}

*/
div#igContainer a
{
	color:#C3241A;
	text-decoration:none;
}
div#igContainer a:hover
{
	text-decoration:underline;
}
div.hotjobtitle
{
	display:block;
	margin-left:70px;
}

div.hotjob
{
	clear:left;
	margin-top:5px;
}

th.listheading {
    background-color: #93B93A !important;
    padding: 3px 2px;
}

table#login2 span.general_bold, table#applicationlogin_inner span.general_bold
{
	color:#ffffff;	
}

table#login2  td, table#applicationlogin_inner td#newappbar,table#applicationlogin_inner td#existingappbar
{
	padding:2px;	
}


div#searchcriteria_container label
{
	padding-right:5px;	
}

table#searchresultslist span.ResultsItemsPerPage
{
	float:right;	
}

div.igraspsearchresults hr
{
	color:#009999;
	border-top:0px;
	border-right:0px;
	border-left:0px;
	border-width:small;

}

div#igsearchresultsalertregsub
{
	
	background-color:#ffffff;
}

div.content_bottom
{
	background:transparent url(../../images/common/bg_vacature_search_bottom.gif) no-repeat scroll 0 0;
	height:12px;
	
}
#searchresultslist th
{
	width:25%;
	text-align:left;
}
div#contentCol01Top div#igContainer
{
	width:775px;
	padding:0px 10px 0px 10px;
	border-left:1px solid #339966;
	border-right:1px solid #339966;	
}


div#contentCol01Top
{
	padding-top:12px;	
}

div.content h2
{
	padding-bottom:10px;
}	
/*
div#searchsubmit 
{	
	text-align:right;
}*/

.expanditem label
{
	width:240px !important;	
}

div#forgotpasswordcancel
{
	text-align:right;	
}

table.applytable b 
{
	color:#ffffff;	
}

table#login3 input#USERNAME
{
	margin:0px!important;	
}

span#volumemaindetails b
{
	color:#ffffff;	
	font-weight:bold;
	
}

span#volumemaindetails table
{
	width:100%;	
}

table#applicationlogin_inner span.general_bold, table#login2 span.general_bold,table.applytable span.general_bold
{
	font-weight:normal;	
}

table.applytable input.reginput, span#volumemaindetails input.reginput
{
	width:231px !important;
}

table.applytable select.reginput, span#volumemaindetails select.reginput
{
	width:235px !important;
}

table.applytable input#WORKPHONENO, table.applytable input#MOBILEPHONENO,span#volumemaindetails input#WORKPHONENO, span#volumemaindetails input#MOBILEPHONENO  
{
	width:152px !important;
}

span#volumemaindetails #HOMEPHONENO
{
	width:152px !important;
}
span#logindetails table
{
	width:100%;
}
table#appquestiontable 
{
	width:99%;
}
#appquestiontable textarea#appquestion {
    width: 98%;
}

div#btnStart 
{
	float:right!important;
}

div.testimonial div#jobLink
{
	float:right!important;
}

.emailtable input.emailinputobjects {
    width: 300px;
}

/*WR 150551*/
#searchsubmit {
	padding-left: 13em;
}
/*End WR 150551*/