/*
-------------------------------------------------------------------------------
Title: New base stylesheet for i-GRasp front ends
Default filename: igBaseAA.css

Description:

Please read the internal documentation for full information on how to use this
file. Validates up to CSS version 2.1 with no errors or warnings.

Original concept and initial work on igBase.css: Nick Fedorowicz and Ben Warner (Sept 2007)

AA version Created By: Clara Udofa
Last modified: 15rd March 2010
-------------------------------------------------------------------------------
*/

/*first reset all elements to override any settings from client-side*/
#igContainer div,#igContainer dl,#igContainer dt, #igContainer dd, #igContainer ul, #igContainer ol, #igContainer li, #igContainer h1,#igContainer h2,#igContainer h3,#igContainer h4,#igContainer h5,#igContainer h6,#igContainer pre,#igContainer form,#igContainer fieldset, #igContainer textarea, #igContainer p, #igContainer blockquote, #igContainer th, #igContainer td { 
	margin:0;
	padding:0;
	/*font-size:100%;*/
}

#igContainer ul {
	list-style-type:none;
}

#igContainer table {
	border-collapse:collapse;
	border-spacing:0;
}



#igContainer caption, #igContainer th {
	text-align:left;
}


#igContainer q:before,#igContainer q:after {
	content:'';
}
#igContainer abbr, #igContainer acronym { 
	border:0;
}
/*end reset*/


/*general styles*/
#igContainer{
	font-size:100%;
	padding-bottom:40px;
}

#igContainer table{
	width:100%;
}

#igContainer caption{
	margin-bottom:5px;
}

/*p tags*/
#igContainer p{
	margin:10px 0;
}


#igContainer .igResultInfo,
#igContainer #igFormWrap p,
#igContainer .igFormWrap p,
#igContainer #igPersonRegistration p,
#igContainer #volumemaindetails p,
#igContainer #newQualificationForm p,
#igContainer #igAddWorkExp p,
#igContainer #igAddWorkExp div.currentjob,
#igContainer #igEditCourse p,
#igContainer #writedocs p,
#igContainer #igEqualOpps p,
#igContainer #igLoginDetails p,
#igContainer #igMainDetails p,
#igContainer #languageskills p,
#igContainer #addreferee p,
#igContainer .password_reminder p,
#igContainer .emailtable p{
	margin:0;
}
/*end p tags*/
#igContainer .igColourRed,
#igContainer .IGCOLOURRED{
	color:red;	
}

/* i-Grasp colours */

/* end i-Grasp colours */

#igContainer .show{
	display:block;
	visibility:visible;
}

#igContainer .hidden,
#igContainer .hide{
	display:none;
	visibility:hidden;
}

/*#igContainer .hide {
	left:-9000px;
	position:absolute;
	top:0;
}*/

/*padding for banner texts*/
#igContainer .maindetailsloginbanner,
#igContainer #appSectionsList .appSection,
#igContainer #newappbar,
#igContainer #existingappbar{
	padding-right:4px;
	padding-left:3px;
}

#igContainer #existingappbar,
#igContainer #igMainDetailsContact{
	margin-bottom:10px;
}
/*end padding for banner texts*/


/*Value from FE Option ClientTableHeadingBGColor2, Value from FE Option ClientTableHeadingBGColor*/
div.APPLICATIONLOGIN fieldset legend,
div.PERSONDETAILS fieldset#igFieldset479 legend{
	padding-left:0px;
}




fieldset legend{
	font-weight:bold;
	line-height:18px;
	width:100%;
	margin:0;
	padding:0;
}

/*Value from FE option UpGif*/
a.asc{
	background:url("../images/arrow_up.gif") no-repeat scroll right center transparent;
}


/*Value from FE option DownGif*/
a.desc{
	background:url("../images/arrow.gif") no-repeat scroll right center transparent;
}


/*error message box*/
div#igErrorSummaryMessage{
	background: url('../images/warningIcon.gif') no-repeat 6px 12px #FFFFCC;
	border: 1px solid red; 
	padding: 4px 10px 10px 40px;
	margin:15px 0;
}

div#igErrorSummaryMessage p{
	margin:5px 0;
}

#igContainer p.igDivErrMsgShow {
	/*background: url('../warningIcon.gif') no-repeat 0 6px;*/
    padding:0;
	margin:0;
}

#igContainer p.igDivErrMsg,
.general_font_red,
#igContainer p.igDivErrMsgShow,
#igContainer p#igFileUploadError{
	color:red;	
}

#igContainer ul#igErrorSummaryMessageDetails li {
	margin-left:30px;
	font-weight: bold; 
	list-style-type:disc;
}
/*error message box*/



/*link styles*/
#igContainer a:link {
	color:#076A58;
}

#igContainer a:focus,  
#igContainer a:active{
	/*border:1px dotted #0000FF;*/
	/*background-color:#FFFFAA;*/
}


li#jobApplyLink, li#backToSearchResults,li#emailAFriend,
#igContainer a.ForwardBulletGif,
#igContainer a.BackBulletGif{
	padding:1px 0 1px 15px;
}

#igContainer p.ForwardBulletGif,
#igContainer span.ForwardBulletGif,
li#jobApplyLink, li#backToSearchResults,li#emailAFriend{
	/*background:url("../images/bullet.gif") no-repeat scroll left center transparent;*/
}


#igContainer p.BackBulletGif, 
#igContainer span.BackBulletGif,
li#backToSearchResults{
	/*background:url("../back.gif") no-repeat scroll left center transparent;*/
}
/*end link styles*/
/*end general styles*/


/*forms*/
#igContainer fieldset label{
	display:inline-block;
	/*display: -moz-inline-box;*/ /*FF 1.5*/
	/*vertical-align:middle;*/
	margin:2px 0px;
}

#igContainer fieldset table label {
	margin:0;
}

#igContainer fieldset #igPreAppDetails label {
	margin:0 0 14px;
}

#igContainer div#igPreAppDetails label{
	width:349px;
}

#igContainer #igPersonRegistration label {
	vertical-align:top;
}


#igContainer #igPersonRegistration label#lblPASSWORD {
	
}

#igContainer #igPersonRegistration label#lblPASSWORD .red {
	display:inline-block;
	/*display: -moz-inline-box;*/ /*FF 1.5*/
	position:absolute;
}

/*form div widths*/
#igContainer #searchForm,
#igalertregform{
	width:40.6em;
}

#igPreAppDetails,
#igEqualOppsFormWrap,
#equalOpsSubmitWrap,
#igContainer #igPersonRegistration label#lblPASSWORD .red{
	width:51.6em;
}




.emailtable,
#igFormWrap{
	width:25.5em;
}

#igAddWorkExp,
#igMainDetails,
#volumemaindetails,
#addreferee,
#igEditCourse{
	width:46.6em;
}

.igFormWrap,
#alertregdiv{
	width:36.4em;
}

#newQualificationForm{
	width:40.9em;
}
/*end form div widths*/

div#igFormWrap .submitbutton,
div.igFormWrap .submitbutton,
div.emailtable .submitbutton, 
div.emailtable1 .submitbutton,
div#newQualificationForm .submitbutton,
div#igEditCourse .submitbutton,
div#addreferee .submitbutton,
div#qualsection .submitbutton,
div#igPersonRegistration .submitbutton,
div#volumemaindetails .submitbutton,
div#igAddWorkExp .submitbutton,
div#igLoginDetails .submitbutton,
div#igMainDetails .submitbutton,
div#igPreAppDetails .submitbutton,
div#volumemaindetails .submitbuttonsectioncomplete{
	display:block;
}


#igContainer #searchForm label,
#igalertregform label,
div.emailtable label,
div#igFormWrap label,
div#addreferee label,
div#qualsection label{
	width:220px;
}

#qualsection .igInputPair .igLabelDiv{
	width:156px;
}

#igContainer div#qualsection div.igInputPair label {
	width:auto;
	margin-right:10px !important;
	margin-bottom:0px !important;
}

/*wider labels*/
div#igPersonRegistration label,
div#volumemaindetails label,
div#igAddWorkExp label,
div#igLoginDetails label,
div#igMainDetails label,
div#igPreAppDetails label,
div#addreferee label,
div#igUploadSection label,
div#igEditCourse label{
	width:290px;
}

div.igFormWrap label,
div#newQualificationForm label,
#alertregdiv label{
	width:220px;
}

#igContainer div#igEqualOpps label{
	width:256px;
}
/*end wide labels*/


#completedcheckbox label{
	width:12.5em;
	display:inline-block;
}

div#writedocs label{
	width:76px;
}

#igContainer #searchForm label,
div.emailtable label,
div#igFormWrap label,
div.igFormWrap label,
div#volumemaindetails label,
div#newQualificationForm label,
div#igEditCourse label,
div#igsearchresultsalertreg label,
div#addreferee label,
div#qualsection label,
div#igPersonRegistration label,
div#volumemaindetails label,
div#igAddWorkExp label,
div#igEqualOpps label,
div#igLoginDetails label,
div#igMainDetails label,
div#igPreAppDetails label,
div#igPreAppDetails label{
	vertical-align:top;
}


#igContainer #searchForm input,
#igalertregform input,
div.emailtable input,
div#igPersonRegistration input,
div#volumemaindetails input,
div#newQualificationForm input,
div#igAddWorkExp input,
div#igEditCourse input,
div#igEqualOpps input,
div#igLoginDetails input,
div#igMainDetails input,
div.password_reminder input,
div#igsearchresultsalertreg input,
div#addreferee input,
div#qualsection input,
div#igPreAppDetails input,
table input.eduother{
	margin:2px 0;
	width:19.66em;
}

div.igFormWrap input,
div#igFormWrap input,
#alertregdiv input{
	width:15.65em;
	margin:2px 0;
}



div#igAddWorkExp textarea,
div#igEqualOpps textarea,
div#addreferee textarea,
div#qualsection textarea,
div.emailtable textarea{
	width:21.85em;
}

#igContainer textarea{
	vertical-align:top;
	height:140px;
}

#igContainer #searchForm select,
div#volumemaindetails select,
div#newQualificationForm select,
#igalertregform select,
div#igEqualOpps select,
div#igLoginDetails select,
div#igMainDetails select,
#igAddWorkExp select,
div#qualsection select,
div#igPreAppDetails select,
table select.eduselect{
	margin:2px 0;
	width:19.95em;
}

div#writedocs select{
	margin:2px 0;
	width:16.90em;
}

table#languageskills select{
	margin:2px 0;
	width:8.54em;
}

#igContainer input.submitbutton,
#igContainer #searchForm input.submitbutton,
#igContainer input.submitbuttonsectioncomplete,
#igContainer input.submitbuttonpostcodelookup{
/*	margin:0px 0px 0px 10px;*/
	width:auto;
}




div#igEducationDetails table tbody td, 
div#igEducationDetails table tbody th{
	width:35%;
}

#igContainer #igEducationDetails table tbody td, 
#igContainer #igEducationDetails table tbody th,
#igContainer table#currentqualificationslist td,
#igContainer table#igWorkExpList td{
	padding:2px;
}


#igContainer #igEducationDetails select.feday, 
#igContainer #igEducationDetails select.femonth, 
#igContainer #igEducationDetails select.feyear,
#igContainer #igEqualOpps select.feday, 
#igContainer #igEqualOpps select.femonth, 
#igContainer #igEqualOpps select.feyear{
	margin:0.3em 0;
}

div#igEducationDetails select.femonth {
	width:3.3em;
}

div#igEditCourse select.femonth,
div#igAddWorkExp select.femonth,
div#volumemaindetails select.femonth,
#igContainer #igEqualOpps select.femonth{
	width:7.95em;
}

div#igAddWorkExp select.feday,
div#igAddWorkExp select.feyear,
div#igEditCourse select.feday,
div#igEditCourse select.feyear,
div#volumemaindetails select.feday,
div#volumemaindetails select.feyear,
#igContainer #igEqualOpps select.feday,
#igContainer #igEqualOpps select.feyear{
	width:5.3em;
}


div#qualsection select#qualificationyear1,
div#qualsection select#qualificationmonth1{
	width: 5em;
}


 

/*reset label widths for specific pages*/
div#volumemaindetails input.preferredphone,
div#volumemaindetails label.preferredphone,
div#igMainDetails input.preferredphone,
div#igMainDetails label.preferredphone,
div#igAddWorkExp input#currentjob,
div#igAddWorkExp label.currentjob,
#igContainer input.ischeckbox,
#igContainer input.isradio,
#igContainer label#lblPREFERREDHOME,
#igContainer label#lblPREFERREDWORK,
#igContainer label#lblPREFERREDMOBILE{
	width:auto;
}



#igContainer #volumemaindetails input.preferredphone,
#igContainer #igAddWorkExp input#currentjob{
	margin-right:3px;
}

div#volumemaindetails input#HOMEPHONENO,
div#volumemaindetails input#WORKPHONENO,
div#volumemaindetails input#MOBILEPHONENO,
div#igMainDetails input#HOMEPHONENO,
div#igMainDetails input#WORKPHONENO,
div#igMainDetails input#MOBILEPHONENO{
	width:162px;
}


#igContainer label#lblPREFERREDHOME,
#igContainer label#lblPREFERREDWORK,
#igContainer label#lblPREFERREDMOBILE{
	/*display:inline;*/
}

th#igSecEduHeader3 label{
	width:21.25em;	
}

#igContainer #igEducationDetails table tr th label{
	margin:0;
}

#igContainer #igEducationDetails table#igHigherEduList tr td{
	padding-top:5px;
	padding-bottom:5px;
}

#igContainer p.currentjob{
	margin: 0 0 0 256px;	
}

/*forms*/






/*search results page*/
#igContainer a.desc,
#igContainer a.asc{
	padding:1px 15px 1px 0;
}

#igContainer div.ResultsItemsPerPage{
	text-align:right;
	margin-top:10px;
}


#igContainer tbody{
	margin-top:15px;
}

#igContainer td.searchresultssoundbites {
	/*padding:5px 0 25px;*/
}


#igContainer #searchresultslist caption{
	margin-bottom:4px;	
}

#igContainer a.SortBar {
	background-color:transparent;
	color:#000000;
}


#igContainer .igSortBarHeader img{
	vertical-align:bottom;	
	margin:0 0 0 5px;
	text-decoration:none;
}



#igContainer #igsearchresultsalertreg{
	background-color:#F0F0F0;
	padding:4px 6px;
	margin:0;
}

#igContainer div.ResultsItemsPerPage{
	padding:4px;
}



#igContainer .igResultInfo span{
	display:inline-block;
	margin-left:15px;	
}

#igContainer .igResultInfo a.ForwardBulletGif{
	padding:1px 15px 1px 0px;
}

#igContainer .igResultInfo span.ForwardBulletGif{
	background-position: right;	
}

#igContainer #JobByEmailDiv{
	margin:40px 0 10px;
}
/*end search results page*/



/*Job description*/
#igContainer #jobTitleWeb{
	
}

#igContainer #jobCodeLists,
#igContainer .igInputPairs,
#igContainer #igMapDirections,
#igContainer #igSerachResults{
	width: 100%;
	overflow:auto;
	margin:10px 0;
}

#igContainer dt.codeListLabel,
#igContainer dd.codeListValue,
#igContainer dt.igformfieldlabel,
#igContainer dd.igformfield,
#igMapDirections dd,
#igMapDirections dt,
#igSerachResults dd,
#igSerachResults dt{
	float: left;	
}

#igContainer dt.codeListLabel,
#igContainer dt.igformfieldlabel,
#igMapDirections dt,
#igSerachResults dt{
	clear: left;
	width: 35%;
}


#igContainer .jobDescHeader{
	font-weight: bold;
	margin: 15px 0 0;
}


#igContainer #igJobDesc p, 
#igContainer p.jobDescContent{
	clear: left;
	margin:0;
}

#igContainer #jobDescLinks{
	list-style-type: none;
	margin: 20px 0 0;
	padding: 0
}


#igContainer #jobApplyLink, #igContainer #backToSearchResults{
	margin: 15px 0 0 0;
}
/*end job description*/

/*Email a friend page*/
#igContainer .list_nobullet{
	margin-top:20px;
}

#igContainer .list_nobullet li{
	line-height:25px;
}
/*end email a friend*/




/*branching questions*/
#igContainer #igBranchQuestionLinkBar{
	margin-bottom:40px;
}

#igContainer #igBranchQuestionLinkBar label{
	padding-right:4px;
	width:auto;	
}


#igContainer #igBranchQuestionLinkBar input{
	margin-right:25px;
}


#igContainer #igBranchQuestionLinkBar input,
#igContainer #igBranchQuestionLinkBar label{
	margin-top:10px;
	margin-bottom:10px;
}

#igContainer #igBranchQuestionLinkBar .lblForTextarea{
	margin-top:0px;
	display:block;
}

div#igBranchQuestionLinkBar textarea{
	width:500px;
}

#igBranchQuestionLinkBar .submitbutton{
	display:block;
}

/*end branching questions*/




/*volume details pages*/
#igContainer #igStatusDetails{
	line-height:100%;
}

#igContainer div#igStatusBox{
	width: auto;
	border:1px solid #000000;
	overflow:auto;
	padding:4px;
	margin-bottom:20px;
}


#igContainer dl#igStatusDetails{
	width: 100%;
	overflow: auto;
	margin:0 auto;
} 

#igStatusDetails dt{
	width:49%;
	clear:both;
	text-align:right;
}

#igContainer #igStatusDetails dt,
#igContainer #igStatusDetails dd{
	float: left;
	margin:3px 0;
 } 
 
#igContainer #igStatusDetails dd{
	margin-left:10px;
	width:49%;
}

#igContainer #igStatusDetails dd.showprevapps{
	padding-left:48.7%;
	width:auto;
}



#igStatusAccess li{
	float:right;
	border-right:1px solid;
	padding:0 5px;
}

#igContainer #igStatusAccess .igStatusSummaryLink{
	float:left;
	color:red;
}

#igStatusAccess #igStatusSignOutLink,
#igStatusAccess .igStatusSummaryLink{
	border-right:none;
}

#igContainer #igStatusAccess .igselectedlink{
	color: red;
}



#igContainer #appsections span,
#igContainer .appsections span{
	float:right;
}


#igContainer #appSectionsList{
	margin-bottom:20px;	
}

#igContainer #appSectionsList li{
	line-height:18pt;
	width:auto;
	overflow:auto;
}


#igContainer #appSectionsList li a{
	float:left;
}


#appSectionsList .appSection span{
	float:right;
}


#igContainer dl.maindetailsloginbannerlabel{
	width: 100%;
	overflow: auto;
	margin-bottom:20px;
	padding:5px;
} 

dl.maindetailsloginbannerlabel dt,
dl.maindetailsloginbannerlabel dt{
	width:290px;
}

#igContainer .maindetailsloginbannerlabel dt,
#igContainer .maindetailsloginbannerlabel dd{
	float: left;
	margin:1px 0;
 } 
 
#igContainer .maindetailsloginbannerlabel dd{
	
}



#igContainer .igFieldsetMD{
	margin-top:10px	
}

/*#igContainer #igEducationDetails table*/
#igContainer table, 
#igContainer #currentqualificationslist{
	margin:20px 0;	
}

#igContainer #igCourseList{
	margin-bottom:20px;
}

#igContainer #igEqualOpps{
	width:100%;
	background-color:#F0F0F0;
	border:1px solid #CCCCCC;
}

#igContainer #igEqualOppsFormWrap{
	margin:4px;
}

#igContainer #igInterviewList,
#igContainer #igBookedInterviewList{
	margin:10px 0;
}


#igContainer #igEmailAlerts{
	margin:10px 0 20px;
}


#igContainer #currentsearchcriteria{
	margin-top:20px;
}

#igContainer #newQualificationForm{
	margin-bottom:20px;
}


#igContainer #volumeshowjob p{
	margin-top:0px;	
}

table#prevappsection td{
	padding:5px 2px;
}

table#igTableIsolationAddQual{
	border-collapse: collapse;
}

table#igTableIsolationAddQual th, 
table#igTableIsolationAddQual td { 
	padding: 0.2em; 
}
/*end volume details pages*/

/*color coded*/
.red, .igRequired, .igMandatory, .igNotify{
	color:red;	
}
/*end color coded*/


#igContainer fieldset p#igRequiredAAFieldInfo,
#igContainer p#igRequiredAAFieldInfo,
#igContainer  p.igDivErrMsg{
	margin:0px;
	font-size:90%;
}

#igContainer fieldset p#igRequiredAAFieldInfo,
#igContainer p#igRequiredAAFieldInfo{
	margin-bottom: 5px;
}

iframe{
	width:100%;	
	border:0;
}

/*multiselect*/
.multicheckbox{
	width:508px;
	border-left:1px solid #7F9DB9;
	border-right:1px solid #7F9DB9;
	border-bottom:1px solid #7F9DB9;
	background-color:#FFFFFF;
	position:absolute;
	z-index:1000;
	left:0;
	top:0;
}

#igContainer p.controlbar,
.multicheckbox{
	width:auto;
	overflow:auto;
}

#igContainer  p.controlbar{
	background-color:#BDC5DE;
	margin:0;
	border-top:1px solid #7F9DB9;
	border-bottom:1px solid #7F9DB9;
	width:100%;
}

#igContainer  p.controlbar strong{
	margin-left:5px;
	float:left;
}

p.controlbar a{
	float:right;
	margin:3px 2px;
}

p.controlbar a:hover{
	outline:hidden;
}


#igContainer #searchForm ul.multiselectbox li input{
	width:auto;
	margin-right:3px;
}

ul.multiselectbox li{
	display:block;
	width:230px;
	float:left;
}

#igContainer ul.multiselectbox{
	margin-left:5px;
}

#igContainer fieldset div.singledropdown{
	margin-top:0;
}

.multipleselect{
	margin-left:5px;
}

#igContainer #searchForm,
#igalertregform{
	position:relative;
}
/*multiselect*/


/*hack fix for qualification page (degrees)*/
fieldset#igFieldset2268{
	width:32em;
}

div#qualsection select#qualificationyear1, 
div#qualsection select#qualificationmonth1  {
	width:8.2em;
}


#igContainer #qualsection input#subjectname,
#igContainer #qualsection select#qualificationmonth1 ,
#igFieldset2268 #qualsection input#qualificationresultname{
	margin-left:-3px;
}

#igContainer #qualsection input.qualisexpected{
	width:auto;
}
/*end hack*/


/*hide error message not required to display ON JOB ALERTS REGISTRARTION PAGE - MR RAISED TO DELETE FROM CORE*/
#igContainer p#PASSWORDErrMsg1,
#igContainer p#PASSWORDErrMsg2{
	display:none;
}