/* 
------------------------------------------------------
Additional CSS for i-GRasp frontends - Main file
------------------------------------------------------
*/

/* Template specific styles (UVIT Web 04) */

div#top div.links
{
	width: 500px;
}

div#top div.titel
{
	left: 590px;
}

/* Search criteria page */

div#searchcriteria_container div.searchpair
{
	clear: left;
	margin-top: 5px;
}

div#searchcriteria_container div.searchpair label
{
	width: 130px;
}



div#searchcriteria_container div.searchpair select.searchcriteria
{
	margin: 2px 0;
}

div#searchsubmit
{
	margin-top: 10px;
}

div#searchsubmit input.submitbutton
{
	margin-left:220px;
	width: 175px;
}

/* Multi select boxes  */

div.singledropdown label
{
	margin: 5px 0 2px 0;
	padding-right: 0 !important;
	width: 130px;
}

div.singledropdown select
{
	margin:7px 5px 2px 0;
	width:212px;
}

div.controlbar
{
	background-color: #dfe7f4;
	border-color: #9cb5ce;
	width: 475px;
}

div.controltitle
{
	color: #0d3c7c;
	padding-top:3px;
}

div.multiselectbox
{
	border-color: #9cb5ce;
	padding: 5px 0 5px 5px;
	width: 470px;
}

span.expanditem
{
	display: inline;
	width: 150px !important;
}

span.expanditem label
{
	margin: 0;
	padding: 3px 0 !important;
	width: 150px !important;
}

input.multiselectcheckbox
{
	margin: 0 5px 0 0;
}

/* Job Alerts - main criteria section */


div#currentsearchcriteria
{
	margin-bottom: 10px;
}

input#formsubmit1394
{
	margin-top: 10px;
}

/* Job Alerts - SMS alerts section */

div#alertregdiv input#USESMS
{
	height:16px;
	width:16px;
}

/* Generic styling for all submit buttons */

input.submitbutton
{
	background-color: #dfe7f4;
	border: 1px solid #9cb5ce;
	color: #375e94;
	font-size: 1.0em;
	margin: 5px 0;
	text-align: center;
	width: auto;
}

/* Generic styling for all <th> tags in .list class tables */

table.list th
{
	background-color: #dfe7f4;
	color: #375e94;
}

/* Optional styling for all input fields */

div#contentContainer .emailinputobjects,
div#contentContainer .inputobjects,
div#contentContainer .reginput,
div#contentContainer select,
div#contentContainer textarea
{
	background-color: #fff;
	border: 1px solid #809fbb;
	padding: 1px;
}

/* Search results page (old style search results) */

table#searchresultslist td#igSortBar,
td#igSortBar a
{
	font-size:11px;
	text-align:left;
}

td#igSortBar
{
	padding-left: 3px;
}

span.ResultsItemsPerPage
{
	line-height: 10px;
	padding: 0;
}

td.searchresultsjoblink,
td.searchresultscodelist
{
	padding: 3px 0 3px 3px;
}

/* Search results page - email / SMS alerts setup box (old style search results) */

table.greytable
{
	background-color: white;
	border: 1px solid #93acc4;
}

/* Job description page */

table#igWriteJob div.header
{
	color:#000000;
	font-weight:bold;
	margin-top:10px;
}

table#igWriteJob div#webdescription
{
	font-size:16px;
}

table#igWriteJob td#jobapplylink
{
	padding-top:15px;
}

/* Email a friend */

table.emailtable label,
div.igPageTitle
{
	font-weight:bold;
	padding-bottom:5px;
}

table.emailtable input.emailinputobjects,
table#applicationlogin_inner input.inputobjects
{
	margin:5px 0;
	width:220px;
}

table.emailtable textarea
{
	height:120px;
	margin:5px 0 10px 0;
	width:260px;
}

table.emailtable input#formsubmit129
{
	margin-bottom:10px;
}

/* Update my details page */

table#login2 span.general_bold
{
	font-weight:bold;
}

table#login2 input#formsubmit107
{
	margin:10px 101px;
}

table#login2 a *
{
	margin-top:10px;
}

table#login3 td.iglabel
{
	margin-top:5px;
	width:100px;
}

table#login3 input.logininput
{
	margin-top:5px;
	width:207px;
}

/* Events page */

table#searchevents
{
	text-align:left !important;
}

table#searchevents .feday,
table#searchevents .femonth
{
	margin:5px 10px 5px 0;
}

table#searchevents .feyear
{
	margin:5px 0 5px 0;
}

table#searchevents #eventplaceid,
table#searchevents #eventtypeid
{
	margin:5px 0 5px 0;
}

/* Application questions */

td#appquestion span.appquestiontitle
{
	float:left;
	font-weight:normal;
	padding:15px 0 5px 0;
}

table#igAppQuestion2 textarea
{
	font-size:12px;
	height:100px;
	width:300px;
}

/* Pre-app details (i.e. referral) page */


table#preappdetails .reginput
{
	margin: 5px 10px 5px 5px;
	width: 200px;
}

table#preappdetails select#advert
{
	width: auto;
}

/* Choose which application to complete page */

table#igChooseApp
{
}

td#igChooseAppIntro
{
}

td#igChooseAppBar
{
}

input.igRadio
{
}

/* Application login / forgotten password page */

table#applicationlogin_inner td#forgottonpasswordtxt,
table#applicationlogin_inner td#newapplink
{
	padding: 5px 0;
}

table#applicationlogin_inner .inputobjects
{
	margin: 5px 0;
}

/* Experienced hire form */

table.applytable span.general_bold
{
	font-weight: bold;
}

table.applytable span.general_bold p
{	
	font-weight: normal;
}

table.applytable .reginput
{
	margin: 5px 5px 5px 0;
	width: 200px;
}

table.applytable #HOMEPHONENO,
table.applytable #WORKPHONENO,
table.applytable #MOBILEPHONENO
{
	width: 135px;
}

table.applytable #USERNAME
{
	margin-top: 15px;
}

table.applytable input.igfilename
{
	margin-top: 5px;
	width: 225px;
}

table.applytable input#formsubmit64
{
	margin-top:10px;
}

/* Volume app registration form */

span#personregister input
{
	margin:5px 5px 5px 0;
}

/* Preferred phone inputs (used on several "main details" sections) */

input.preferredphone
{
	margin:0 5px 0 0;
	padding:0;
}

input.preferredphone label
{
	margin:0 5px 3px 0;
	padding:0;
}

/* Application summary page */

table.status
{
	
	background-color: #dfe7f4;
	border: solid 1px #93acc4;
	padding: 2px;
	width: 100%;
	margin-top:20px;
	clear:both;
}

table.status td
{
	padding: 0 5px 5px 5px;
}

table.status td.statuslabel
{
	padding: 5px 10px 0 0;
	margin: 0;
	text-align: right;
}

table.status td.statusvalue
{
	padding: 5px 30px 0 0;
	margin: 0;
	text-align: left;
}

table#appsections
{
	background-color: #ffffff;
	padding: 2px 0;
	width: 100%;
}

table#appsections td.sectionlink
{
	padding: 5px 0 0 6px;
}

/*	Change login details and app section
	Volume application main details section */

#logindetails .reginput,
#volumemaindetails .reginput
{
	margin: 5px 5px 5px 0;
}

/* Education app section */

span#igedu .femonth,
span#igedu .feyear
{
	margin: 5px 0px 5px 0;
}

span#igedu .eduother,
span#igedu .eduselect
{
	margin:5px 0 0 5px;
}

/* Work experience and Courses app sections */

#workexp .reginput,
#igEditCourse .reginput
{
	margin: 5px;
	width: auto;
}

#workexp .feday,
#igEditCourse .feday
{
	margin: 5px;
}

#workexp .femonth,
#workexp .feyear,
#igEditCourse .femonth,
#igEditCourse .feyear
{
	margin: 5px 5px 5px 0;
}

#workexp textarea
{
	height: 120px;
	margin-top: 10px;
	width: 320px;
}

/* Qualifications section */

input#formsubmit632,
input#formsubmit699
{
	margin-top: 10px;
}

/* CV upload app section */

td#writedocsfilename input
{
	background-color: #dfe7f4;
	border: 1px solid #9cb5ce;
	color: #375e94;
	height:20px;
}

td#writedocsupload input
{
	margin:1px 0 0 20px;
}

/* Styling for the "Tick here to mark this section as complete" checkbox */

input#isDone
{
	margin: 0 0 0 15px;
}

/* This code nudges the text over to the right in the coloured banners */

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
{
	padding:0 0 0 5px;
}

/* Colour of the bar surrounding the "Submit" button on the application questions, branching questions and pre-app details section */

tr#AppQuestionLinkBar td,
table#preappdetailssubmit td,
tr#branchingquestionlinkbar td
{
	background-color: #ffffff;
}

/* Unsorted stuff */

table.password_reminder td.iglabel /* Can't remember where this is used... */
{
	padding:5px 5px 5px 0;
}

td.emailinputjobtitle	/* Also can't remember where this is used... */
{
	font-weight:bold;
	padding-bottom:10px;
}

/* This affects the text that alerts you when you haven't filled in a mandatory field or dropdown on several pages, e.g. application forms */

span.general_font_red
{
	padding-bottom:10px;
}

#container_menu_inner div a {
  font-size:12px;
}

.background_color9 {
  background-color:#7BADD9;
}

td#igSortBar a {
	color: black;
}

#container_mainimage2 {
background-color:white;
color:#000000;
float:left;
height:auto;
overflow:hidden;
width:220px;
background-color:white;
  color:#000000;
  font-size:11px;
  line-height:16px;
  padding: 20px;
}

#container_mainimage2 h2 {
font-family:arial;
font-weight:normal;
margin:15px 0 !important;
font-size:26px;
}

table#login1 td, table#login2 td {
background-color:#FFFFFF;
}

table#login2 span.general_bold{
color: #009EE0;
font-size: 16px;
}

h2 {
padding:0 0 25px;
}