﻿/* 
-------------------------------------------------------------------------------
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
}

*/


/*
   Changes 16/04/10 for WR118193
*/
div#igContainer 
{
	display:inline;
/*	width:550px;*/
}

div#igsearchresultsnewsearch {
float:right;

/*top:-22px;*/
width:158px;
margin-bottom:10px;
padding-top:0px!important;
}

span.ResultsItemsPerPage
{
	padding-bottom:15px;
	
}


/* 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/bulletx.gif) no-repeat left center;
	padding: 0 0 0 0px;
	
}

/* 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
}

*/

/* Changes done on 10th of Dec 2009 according to W.R.: 112089 */
div#webdescription
{
	padding-bottom:20px;
}
td.descvalue
{
	padding-right:80px;
}

td.desclabel
{
	width:265px;
}
/* ------------- 10-12-2009 ------------ */


div#igContainer input, select, option, textarea {
font-family:Verdana;
font-size:12px;
}

div#searchcriteria_container div#searchrefnobox,
#searchcriteria_container div#searchpostcodebox
{
	background-color: #ebebeb;
	height: auto;
	margin: 10px 0;
	padding: 8px
}

#searchcriteria_container div#searchotherfieldsbox
{
	padding: 0 8px
}

#searchcriteria_container div#searchrefnoboxlabel,
#searchcriteria_container div#searchpostcodeboxlabel
{
	margin: 0 0 10px 0;
	padding: 0
}

#searchcriteria_container input#searchrefnosubmit
{
	font-size: 1.0em;
	margin: 0 0 2px 12px;
	text-align: center;
	width: auto
}
td.content {
	background:#FFFFFF url(../images/dots.gif) repeat-y scroll 0 0;
	padding-top:12px;
	width:578px;
}
#igSortBarRow a.SortBar 
{
	background-color:transparent;
	/*Color:#A90061; */
	color:#000000;
}
#alertregdiv .reginput 
{
	margin:3px;
	width:200px;
}
#igedu .feyear 
{
	margin:5px;
	margin-left:5px;
}
.searchpair input.searchcriteria, .searchpair input.postcode 
{
	margin:2px 0;
	width:243px;
}
td#writedocsfilename input 
{
	height:22px;
}
/*#igedu .eduselect {
width:200px;

}*/
#igedu .eduother
{
width:305px;
}
#igedu .feyear 
{
	margin:5px;
	width:54px;
}
#igedu .femonth
{
	margin:5px 0;
	width:45px;
}
span#volumemaindetails input.reginput 
{
	margin:3px 5px 3px 0;
	width:213px;
}
span#volumemaindetails select.reginput 
{
	margin:3px 5px 3px 0;
	width:216px;
}

table#preappdetails td
{
white-space:nowrap;
}
table#preappdetails td.iglabel
{
white-space:normal!important;
}

span#logindetails  td.iglabel
{
padding-right:11px
}
table.list th 
{
	background-color:#ffffff;
	/*Color:#A90061; */
	color:#000000;
	padding-right:10px;
	font-family:Verdana;
	font-size: 12px;
}

ul.menu li a.active 
{
	background:#E17000 url(../images/accoladeLight.gif) no-repeat scroll 0 0;
	border-bottom:1px solid #EFB378;
	color:#FFFFFF;
	display:block;
	padding:3px 0 3px 20px;
	text-decoration:none;
}
td.content 
{
	background:#FFFFFF url(../images/dots.gif) repeat-y scroll 0 0;
	padding-top:12px;
	width:555px;
}
ul.menu li a.menugroup:hover 
{
	background:#A90061 url(../images/menuGroep_Hover.gif) no-repeat scroll 0 0;
	height:34px;
}
ul.menu li a.normal:hover 
{
	background:#A90061 url(../images/accoladeHover.gif) no-repeat scroll 0 0;
	border-bottom:1px solid #C95E9B;
}
div#igheadtext
{
	font-size:140%;
	/*Color:#A90061; */
	color:#000000;
	text-align:center;
	padding-right:214px;
}
h1.igheader
{
	color:#E17000;
	font-size:140%;
	padding-top:4px;
}
span#logindetails table 
{
	width:100%;
}
td#writedocsfilename input 
{
	height:23px;
}
.singledropdown select.searchcriteria 
{
	margin:7px 0;
	width:222px;
}
.searchpair input.searchcriteria, .searchpair input.postcode 
{
	margin:6px 0;
	width:219px;
}

div.subhomeContent 
{
	margin:0 5px 15px 10px;
}
.singledropdown label 
{
	float:left;
	padding:6px 0 0;
	width:165px;
	white-space:nowrap;
}
.searchpair label 
{
	float:left;
	padding:4px 0 0;
	width:165px;
}

.searchpair select.searchcriteria 
{
	margin:4px 0;
	width:221px;
}
.status td 
{
	padding:0 10px 5px;
}
div#descheading1 
{
	padding-bottom:15px;
	padding-top:20px;
}
div#descheading2
{
	padding-bottom:15px;

}
div#descheading3 
{
	padding-bottom:15px;
	padding-top:15px;
}
div#descheading4 
{
	padding-bottom:15px;
	padding-top:0px;
}

div#descheading10
{
padding-bottom:15px;
padding-top:15px;
}

img.test { float:right;}

input.submitbutton4
{
	border:none !important;
	margin:5px 0;
	text-align:center;
	width:auto;
}
#appsections td.sectionlink 
{
	padding:5px 0 0 1px !important;
}
.feday 
{
	width:48px;
}
.femonth 
{
	width:92px;
}

.feyear 
{
	width:53px;
}

span#volumemaindetails .femonth
{
	width:96px !important;
}
span#volumemaindetails .feyear
{
	width:63px !important;
}
input.submitbutton 
{
border: none;
margin:5px 0;
text-align:center;

width:auto;

}
input#formsubmit797
{
width: 63px;
height: 15px;
font-size: 0px !important;

background:url(/docs/images/593/6/3/btnZoek.gif) no-repeat;
cursor:pointer;
}

td.searchresultscodelist {
	padding: 0 5px 0 5px;
}

div.singledropdown_searchjobgenerallist2id
{
margin-top:15px;
}
table#login2 span.general_bold, 
td#existingappbar span.general_bold, 
td#newappbar span.general_bold 
{
	background-color:#FFFFFF;
	/*Color:#A90061; */
	color:#000000;
	font-family:verdana;
	font-size:12px;
	/*margin-left:-5px;*/
}
table#login2 td
{
	background-color:#ffffff;
}
td#existingappbar,td#newappbar
{
	background-color:#ffffff;
	/*Color:#A90061; */
	color:#000000;
	font-size:12px;
	font-family:verdana;
}
.searchpair1 input
{
	margin:5px 0;
	width:219px;
}
.searchpair1 label
{
	float:left;
	margin-left:-165px;
	width:165px!important;
	margin-top:7px;
}
.searchpair2 label 
{
	float:left;
	margin-left:-165px;
	margin-top:14px;
	width:165px !important;
}
.searchpair2 input 
{
	margin:5px 0;
	width:219px;
}
#singledropdown_searchjobgenerallist2id
{
	margin-bottom:5px;
}
div.backtoresults
{
	float:right;
	margin-top:-23px;
	text-decoration:underline;
}
.status td.statuslabel 
{
	font-weight:bold;
	margin:0;
	padding:5px 0 0;
	text-align:left;
	width:45%;
}
.status .igselectedlink 
{
	color:red;
	font-weight:bold;
	margin-left:-9px;
}
tr.igsearchresultsevenrow td 
{
	background-color: #c6bc89;
}


table#igWriteJob ul 
{
	margin-bottom:-20px;
}
table#searchresultslist tr#igSortBarRow
{
	background-color:#ffffff !important;
	padding-right:10px;
	font-family:Verdana !important;
	font-size: 11px;
}
table.applytable span.general_bold, font 
{
	font-family:Verdana !important;
	font-size:12px;
	margin-left:-8px;
}
div.text2 
{
	float:right;
	margin-top:-57px;
	text-decoration:underline;
}
div#currentsearchcriteria th.listheading
{


}
table#login2 span.general_bold, tr#maindetailsloginbanner span.general_bold, 
tr#maindetailsbanner span.general_bold, td#newappbar, td#existingappbar, 
table.applytable span.general_bold, span#logindetails span.general_bold, 
table#igEventsLogin2 span.general_bold 
{
	padding:0 0 0 0px;
}
table#igAppQuestion2 span.general_bold, font 
{
	font-family:Verdana !important;
	font-size:12px;
	margin-left:1px;
}

input#formsubmit1152, input#formsubmit118 {
	background:none;
	color: #346591;
	cursor:pointer;
	text-decoration:underline;
}

input#formsubmit1152:hover, input#formsubmit118:hover  {
	text-decoration:none;
}

input#formsubmit838
{
font-size: 0px !important;
background:url(/docs/images/593/6/3/btnZoek.gif) no-repeat;
cursor:pointer;
}
table.emailtable td a span
{
position:relative;
top:-16px;
}
div#igsearchresultsaddalerts
{
width:250px;
}

td#jobapplylink
{
padding-top:15px;
}

tr#branchingquestionlinkbar #formsubmit855  {
	background:none;
	color: #346591;
	cursor:pointer;
	text-decoration:underline;
}

#igContainer #branchingquestionlinkbar {
background-color: #ffffff;
}

#igContainer #branchingquestionlinkbar td {
background-color: #ffffff;
}

#igContainer #formsubmit507 {
background:none;
color: #346591;
cursor:pointer;
text-decoration: underline;
display:block;
}

#igContainer #formsubmit507 {
background-color: #ffffff;
}


