/* 
-------------------------------------------------------------------------------
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
}

*/

.searchpair select.searchcriteria 
{
	width:248px;
}

span#volumemaindetails select.reginput 
{
	width:208px;
}

table#addreferee input#WORKPHONE,
table#addreferee input#TITLE 
{
	width: 170px;
}

li a.nav-title 
{
	background:transparent url(../img/arrow.gif) no-repeat scroll 0 -696px;
}

li a.nav-title {
	padding:0 0 12px 11px;
	margin-left: 10px;
}

input[type=checkbox] {
	border-width: 0px;
}

input[type=radio] {
	border-width: 0px;
}

#volumemaindetails #HOMEPHONENO, #volumemaindetails #WORKPHONENO, #volumemaindetails #MOBILEPHONENO {
width:115px;
}

input#currentjob {
margin-left: 6px;
}

#equalopstable select.inputobjects {
margin:2px 0;
}

input#USERNAME {
	width: 225px;
}

div#forgotpasswordcancel {
margin-top:11px;
}

.side-nav li a {
background:transparent url(../img/arrow.gif) no-repeat scroll 0.9em -57.25em;
}

span#personregister .feyear {
width:53px;
}

span#personregister .femonth {
width:95px;
}

span#personregister .feday {
width:50px;
}

#alertregdiv .reginput {
margin:3px;
width:200px;
}

span#volumemaindetails #day_DOB {
width: 46px;
}

span#volumemaindetails #month_DOB {
width:100px;
}

span#volumemaindetails #year_DOB {
	width:52px;
}