﻿/* 
-------------------------------------------------------------------------------
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
}

*/

#main {
	margin-top:10px;
}

#mainNavigation {
	width:210px;
}
div#dropdown{
	text-align:right;
}
td#info2{
	padding-top:6px;
	padding-left:35px;
}
td#info3{
	padding-left:35px;;
}
.applytable select.reginput {
	width:235px;
}
.applytable input.reginput {
	width:231px;
}
span#volumemaindetails select.reginput {
width:225px;
}
span#volumemaindetails input.reginput {
width:221px;
}
.femonth {
	width:90px;
}
.applytable .femonth {
	width:100px;
}
input.searchcriteria{ 
	width:241px !important;
}
#searchContainer {
	background:transparent url(zoek_vlak.gif) no-repeat scroll 0 0;
	height:75px;
	margin-bottom:0px;
}
#menu{
	float:left;
	width:688px;
}
div#igContainer{
	width:700px;
	margin-left:210px;
}
/*
.ResultsItemsPerPage{
	display:none !important;
}
*/
td.igsearchresultstitle a{
	color:#000000 !important;
}
#footerMenuContainer td{
	padding-left:30px;
}
#igsearchresultsnewsearch a, #igsearchresultsrefinesearch a {
	background:none;
	padding:0px;
}
th#igSortBarlocation{
	text-align:left;
}
td.igsearchresultslocation{
	text-align:left;
}

input{
	font-family:Verdana,Arial,Helvetica,sans-serif !important;
	font-size:12px !important;
}
#currentsearchcriteria table.list th {
	background-color:#FFFFFF;
}
.status .igselectedlink {
	color:#00458C;
}
#login2 span{
	padding-left: 0px !important;
}
.staticSelectedStyle {
	background: transparent url(submenu_gradient.gif) no-repeat ;
}
.controlclose img{
	display:inline !important;
}
td.igsearchresultstitle, td.searchresultssoundbites, td.searchresultstopofjobdesc, td.igsearchresultslocation {
	padding:0 0 0 2px;
}
table#igWriteJob tr td a img{
	display:none;
}
table#applicationlogin_inner tr td a img{
	display:none;
}
table#login2 tr td a img{
	display:none;
}
.emailtable img{
	display:none;
}
#volumemaindetails img{
	display:none;
}
#info2 img, #info3 img{
	border-color:#FFFFFF;
	border-width:0px;
}
#info2 a, #info3 a{
	color:#FFFFFF;
	margin-top:5px;
}
#jobapplylink img{
	display:inline !important;
}
table.applytable span.general_bold{
	padding-left:0px;
}
#mainContent {
	float:none;
}
/*
#appsections td.sectionlink{
	padding-left:0px;
}
*/
span#volumemaindetails  input#WORKPHONENO{
	margin-right:1px;
	width:221px;
}
#mainNavigation{
	height:150px;
}
div#searchcriteria_container{
	margin: -18px 0 0;
}
#igWriteJob{
	/*margin-top:-20px;*/
}
table#igWriteJob img{
	border:0px;
}
table.applytable input#WORKPHONENO{
	margin-right:92px;
}
.applytable #HOMEPHONENO, .applytable #WORKPHONENO, .applytable #MOBILEPHONENO {
width:231px;
}
table.applytable input#WORKPHONENO {
margin-right:1px;
}

table#igWriteJob ul
{
	margin-top:5px;
}
table#login1 {
	margin-top: 8px;
}
table#login1 td br {
	display: none;
	height:0;
}
#volumeshowjob table.jobcodelists {
	display: none;
}

body#persondetails input#MOBILEPHONENO {
	width: 221px;
	margin-right: 1px;
}

table.applytable input#MOBILEPHONENO 
{
	margin-right:1px;
}
