﻿/* 
-------------------------------------------------------------------------------
Title: Changes to the default i-GRasp stylesheet (igBaseAA.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 igBaseAA.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) */

/*align buttons 
code to align button to right end of form
*****************COMMENT OUT IF NOT REQURED*******************
*/


.navigation ul.main li a.selected,
.navigation ul.side li a.selected{
	background-position: 0 -100px;
}

.navigation ul.side  a.tabLink {
	background-position: 0 -200px;
}

.navigation ul.main li a.selected span,
.navigation ul.side li a.selected span{
	background-position: 100% -100px;
}

.navigation ul.main a.selected{
	color: #083268;
}

.navigation ul.side a.selected{
	color:#24817B;
}

.navigation ul.main  a.more,
.navigation ul.side  a.more  {
	background-position: 0 -16px;
}


#igContainer fieldset, #igContainer img { 
	border:0;
}

#igContainer .hidden{
	left:0px;
	position:relative;
	top:0px;
	width:auto;
}

div.igraspsearchresults .ResultsItemsPerPage,
#newappbar,
#existingappbar,
#igSortBarRow, 
tr#igSortBarRow,
#appsections,
.maindetailsloginbanner,
th.listheading,
fieldset legend {
	background-color:#E9E9E9; 
	padding-left:4px;
}

fieldset legend span{
	width:inherit;
	display:block;
	padding-left:4px;
}


#newQualificationForm,
#igAddWorkExp,
#igQualSaveCancel,
div.PERSONDETAILS div.igFormWrap,
#newQualificationForm ,
#igPreAppDetails,
#igFormWrap,
#searchForm,
.emailtable,
#volumemaindetails,
#igEditCourse,
#addreferee,
#igPersonRegistration,
#alertregdiv,
#equalOpsSubmitWrap{
	overflow:auto;
}



p#course,
p#WORKEXP,
p#Referee,
p#QUALIFICATION_START,
#igContainer .igFormWrap p.ForwardBulletGif,
div.PERSONDETAILS div.igFormWrap p.ForwardBulletGif{
	float:left;
	width:auto;
}


#igContainer #formsubmit601,
#igContainer #formsubmit581,
#igContainer #formsubmit476,
#igContainer #formsubmit653,
#igContainer #formsubmit835,
#igContainer #formsubmit632,
#igContainer #formsubmit4,
#igContainer #formsubmit1394,
#igContainer #formsubmit129,
#igContainer #formsubmit1152,
#igContainer #formsubmit107,
#igContainer #formsubmit680,
#igContainer #formsubmit507,
#igContainer #formsubmit1367,
#igContainer #formsubmit664{
	float:right;
}


#igContainer p#course,
#igContainer  p#WORKEXP,
#igContainer p#Referee,
#igContainer .igFormWrap p.ForwardBulletGif,
div.PERSONDETAILS div.igFormWrap .ForwardBulletGif,
#igContainer p#QUALIFICATION_START,
#igContainer input#formsubmit601,
#igContainer input#formsubmit581,
#igContainer input#formsubmit476,
#igContainer #formsubmit653,
#igContainer #formsubmit835,
#igContainer #formsubmit507,
#igContainer #formsubmit1367,
#igContainer #formsubmit664,
#igContainer #formsubmit107,
#igContainer #searchForm #formsubmit4,
#igContainer #formsubmit129{
	margin-top:20px;
}



th#subtypebox,
td.clsubtypebox{
	text-align:right;
}

input.qualsubject{
	width:16em;
}

p#igPersonAlertsSubmitDescription  {
	overflow:auto;
	width:100%;
}

#igContainer div#igMainDetailsSubmit{
	text-align:right;
}

/*end align buttons*/

/* This class will affect the style of Odd and Even row in the i-Grasp table */
/* to classes .igsearchresultsoddrow, .igOddRow, .igAppOddRow are also available*/ 
#igContainer #searchresultslist .igsearchresultsevenrow,/* table of the search result page*/
#igContainer .igEvenRow,/* all others table */ 
#igContainer .igAppEvenRow  {/* list of section in the summary page  */
	background:none repeat scroll 0 0 #E9E9E9;
}
/* end Odd and Even row style */


.hide {
	left:-9000px;
	position:absolute;
	top:0;
}

#igContainer  {
	width:620px;
	float:left;
	margin:0 10px;
}

#igContainer.JOBSEARCH,
#igContainer.PREAPPDETAILS,
#igContainer.APPLICATIONLOGIN,
#igContainer.APPLICATIONLOGIN_GETPASSWORD{
	border-bottom:1px solid #D1D1D1;
}

#igContainer caption{
	position:absolute;
	margin-left:-3000px;
}

#igContainer table{
	margin:0px;
}

#JobByEmailDiv h2{
	text-transform:uppercase;
}

#igContainer h1{
	margin-bottom:0.7em;
}

#igContainer .hr-2 ,
#igContainer  #languageskills{
	margin-bottom:20px;
}

#igContainer .ForwardBulletGif{
	background:none;	
}

#igContainer .ForwardBulletGif a,
#igContainer .BackBulletGif a,
#igContainer  .list_nobullet a.ForwardBulletGif{
	padding:0px;:none;	
	color:#62A8A4;
}

#igContainer.APPLICATIONLOGIN h2#newappbar,
#igContainer.APPLICATIONLOGIN h2#existingappbar,
#igContainer h2#igMainDetailsLogin,
#igContainer #currentsearchcriteria th.listheading,
#igContainer #igFieldset103 legend#igLegend103 span,
#igContainer h2#igMainDetailsContact{
	background:none repeat scroll 0 0 #E9E9E9;
	color:#333333;
	font-weight:bold;
	/*margin-top:40px;*/
	padding:5px 0 5px 10px;
	font-size:1em;
}

#igContainer #searchresultslist th.igSortBarHeader,
#igContainer #prevappsummary th,
#igContainer.REGSTATUS h2#appsections,
#igContainer #igFileList th,
#igContainer #prevappsection th,
#igContainer #igEmailList th{
	background:none repeat scroll 0 0 #62A8A4;	
	color:#ffffff;
	font-size:1em;
	padding:3px 10px;
}

#igContainer  #searchresultslist td a,
#igContainer #currentsearchcriteria .list td a,
#igContainer #prevappsummary td a,
#igContainer.REGSTATUS #appSectionsList a,
#igContainer #igFileList a,
#igContainer #prevappsection a
#igContainer #igEmailList a{
	color:#0E5599;
}


#igContainer th,
#igContainer td,
#igContainer.REGSTATUS #appSectionsList li,
#igContainer #prevappsummary td,
#igContainer #igFileList td,
#igContainer #prevappsection td{
	padding:3px 10px;
}

#igContainer #currentsearchcriteria .list,
#igContainer.REGSTATUS #appSectionsList,
#igContainer #igFileList,
#igContainer #prevappsection,
#igContainer #prevappsummary,
#igContainer #igEmailList{
	/*border-bottom:10px solid #62A8A4;*/
}

#igContainer #igMainDetails .feday,
#igContainer #igAddWorkExp select.feday,
#igContainer #igEditCourse select.feday,
#igContainer #volumemaindetails select.feday{
	width:5em;
}

#igContainer #igMainDetails .femonth,
#igContainer #igAddWorkExp select.femonth,
#igContainer #igEditCourse select.femonth,
#igContainer #volumemaindetails select.femonth{
	width:9em;
}

#igContainer #igMainDetails .feyear,
#igContainer #igAddWorkExp select.feyear,
#igContainer #igEditCourse select.feyear,
#igContainer #volumemaindetails select.feyear{
	width:5.5em;
}

#igContainer #igMainDetails .feday,
#igContainer #igMainDetails .femonth,
#igContainer #igMainDetails .feyear,
#igContainer #igAddWorkExp select.feday,
#igContainer #igEditCourse select.feday,
#igContainer #volumemaindetails select.feday,
#igContainer #igAddWorkExp select.feyear,
#igContainer #igEditCourse select.feyear,
#igContainer #volumemaindetails select.feyear,
#igContainer #igAddWorkExp select.femonth,
#igContainer #igEditCourse select.femonth,
#igContainer #volumemaindetails select.femonth{
	margin-left:3px;
}

#igContainer #completedcheckbox label{
	width:15em;
}

#igContainer #completedcheckbox{
	margin-top:20px;
}

#igContainer #igStatusAccess,
#igContainer #formsubmit699,
#igContainer #formsubmit838,
#igContainer #formsubmit1079{
	margin-top:20px;
}
/* ** Search criteria page ** */
#igContainer #searchForm{
	width:40.75em;
}

#igContainer #searchForm input.searchcriteria{
	width:19.65em;
}

/* ** End Search criteria page ** */

/* ** Search result page ** */

#igContainer #searchresultslist th.igSortBarHeader a{
	color:#FFFFFF;
}

#igContainer  #searchresultslist td {
	height:74px;
}

#igContainer #igSortBarDepartment,
#igContainer #igSortBarBusinessUnit,
#igContainer #igSortBarRegion,
#igContainer #igSortBarLocation,
#igContainer #igSortBarJobGeneralList2,
#igContainer #igSortBarDateAdded{
	border-left:1px solid #ffffff;
}

#igContainer div#ResultsItemsPerPage2{
	margin-top:0px;
	border-top:10px solid #62A8A4;
}

div#JobByEmailDiv {
	margin:0px;
	background:url("../images/bg-box-a.png") no-repeat scroll 0 0 #E9F2F8;
	padding:16px 10px 1px;
	border-top:8px solid #4C7FCC;	
}

#igContainer #igsearchresultsalertreg {
	background-color:#E9F2F8;
}

#igContainer #JobByEmailDiv {
	margin:40px 0 0px;
}

#igContainer #igErrorSummaryMessage{
	margin:0px;
}

#igContainer #igsearchresultsalertreg  label{
	position:absolute;
	margin-left:-3000px;
}

#igContainer #igsearchresultsalertreg  #email{
	margin-top:10px;
	width:313px;
}

/* ** End Search result page ** */
/* ** Job description page ** */
#igWriteJob  #igSendFile,
#igWriteJob  #soundbyte{
	padding-top:10px;
	border-top:1px solid #D1D1D1;
}

#igWriteJob h2{
	color:#0E5599;
	font-size:16px;	
}

#igWriteJob .codeListLabel{
	font-weight:bold;
}

#igContainer #igWriteJob h3 {
	margin:10px 0px;
}

#igContainer #igWriteJob li{
	margin:0 0 1em;
}	

#igWriteJob #jobCodeLists{
	margin:20px 0px;
}

#igContainer #igWriteJob li ,
#igContainer.EMAILAFRIEND .list_nobullet li{
	margin:0px;
	line-height:1.33;
}

#igContainer #igWriteJob .list_nobullet p.ForwardBulletGif ,
#igContainer #igWriteJob .list_nobullet p.BackBulletGif,
#igContainer.EMAILAFRIEND .BackBulletGif{
	margin:0px;	
}

.emailtable{
	width:22.17em;
}
/* ** End Job description page ** */
/* ** Choose application method page ** */
#igFormWrap {
	width:36.35em;
}
/* ** End Choose application method page ** */
/* ** Forgotten password page ** */
#igContainer .password_reminder input.inputobjects,
#igContainer .password_reminder input.submitbutton,
#igContainer #formsubmit283,
#igContainer #formsubmit249{
	margin-left:10px;
}
/* ** End Forgotten password page ** */
/* ** Details registration page ** */

#igContainer #igMainDetailsSubmitDiv ,
#igContainer #igPersonRegistration{
	width:46.6em;
}

/* ** End Details registration page ** */
/* ** Job alert page ** */
#igContainer #igalertregform{
	margin-top:40px;
}

#igContainer #formsubmit1394{
	margin:10px 0px 20px;
}
/* ** End Job alert page ** */
/* ** Summary page ** */
#igContainer #prevappsummary{
	margin-top:20px;
}

#igContainer h2#appsections{
	margin-top:40px;
}
/* ** End Summary page ** */
/* ** Main details page ** */
#igContainer #volumemaindetails{
	width:46.65em;
}
/* ** End Main details page ** */
/* ** Upload page ** */
#igContainer  #igFileUpload{
	margin-top:20px;
}
/* ** End Upload page ** */
/* ** Previous application page ** */
#igContainer #prevappsection {
	margin:20px 0px;
}
/* ** End Previous application page ** */

/* ** Add work Experience page ** */
#igContainer #igAddWorkExp  .currentjob #currentjob{
	margin-left:293px;
}

#igContainer #igAddWorkExp textarea{
	margin:2px 0px;
}
/* ** End Add work Experience page ** */

/* ** Add language skills page ** */
#igContainer #languageskills caption{
	position:relative;
	margin:0px;
}

#igContainer #languageskills th,
#igContainer #languageskills td{
	background-color:#ffffff;
}	

/* ** End Add language skills page ** */

/* ** Qualification page ** */
#igContainer #igTableIsolationAddQual{
	width:28em;
}

#igContainer #igQualSaveCancel{
	width:46em;
}

#igContainer #igTableIsolationAddQual th#qualsubject,
#igContainer #igTableIsolationAddQual th#subtype,
#igContainer #igTableIsolationAddQual th#subtypebox{
	padding-left:13px;
}

#igContainer #igTableIsolationAddQual select{
	margin-left:10px;
}

#igContainer #igTableIsolationAddQual select.qualdegreetype{
	width:7em;
}

#igContainer #igTableIsolationAddQual select#qualificationmonth1,
#igContainer #igTableIsolationAddQual select#qualificationmonth2,
#igContainer #igTableIsolationAddQual select#qualificationmonth3,
#igContainer #igTableIsolationAddQual select#qualificationmonth4,
#igContainer #igTableIsolationAddQual select#qualificationmonth5{
	width:4em;
	margin-left:10px;
}

#igContainer #igTableIsolationAddQual select#qualificationyear1,
#igContainer #igTableIsolationAddQual select#qualificationyear2,
#igContainer #igTableIsolationAddQual select#qualificationyear3,
#igContainer #igTableIsolationAddQual select#qualificationyear4,
#igContainer #igTableIsolationAddQual select#qualificationyear5{
	width:6em;
}

#igContainer #igTableIsolationAddQual #subtypebox{
	text-align:left;
}

#igContainer #igTableIsolationAddQual .clsubtypebox select{
	margin-left:2px;
}

#igContainer #igTableIsolationAddQual select.qualresult{
	width:4em;
}	
/* ** End Qualification page ** */

/* ** HotJobs ** */ 
#v_container{
	/*background:url("../images/hotjobbackground.gif") repeat-x scroll 0 0 #ffffff;*/
	width:auto;
	overflow:hidden;
	position:relative;
	height:130px;
	top:0;	
	/*padding: 0px 3px;*/
	margin-bottom:5px;
}

#v_container .vnewsticker{	
	position:absolute;
	margin-top:4px;
}

#v_container p{
	margin:0px;
}
/* ** End HotJobs ** */ 

.highlights-m ul li a {
	text-transform: uppercase; 
}

/* ** Login page ** */

#igContainer #igFieldset103 {
	margin-top:20px;
}

/* ** End Login page ** */


#igContainer #igBranchQuestionLinkBar label {
	width:200px;
}

#igContainer #igBranchQuestionLinkBar input.branchradio {
	margin-right:200px;
	
}
