.sitepg{padding-top:24px;width:619px;margin-left:5px;}


.usernameInput, .passwordInput {
	font-size: 9px;
	width: 100px;
	height: 18px;
}

.searchBox {
	font-size: 9px;
	width: 90px;
	height: 17px;
}


.usernameText, .passwordText {
	font-size: 12px;
	font-family:'Trebuchet MS', 'Verdana', 'Times New Roman', 'Tahoma', 'Georgia', 'sans serif';
	color: #d9d9d9;
}

.descriptionTextArea {
	width: 300px;
	height: 300px;
}
.horizontalRule
{
	background-color: #808080;
	line-height: 1px;
}



.applicationTextSmall, .applicationTextMedium, .applicationProgrammeSelect, .applicationDOByear, .applicationDOBmonth, .applicationDOBday, .applicationTextLong
{
	xheight: 18px;
	xfont-size: 10px;
}
.applicationTextMedium
{
	width: 150px;
}
.applicationTextSmall
{
	width: 100px;
}

.applicationTextLong
{
	width: 444px;
}

.applicationProgrammeSelect
{
	width: 170px;
}
.applicationDOByear
{
	width: 55px;
}
.applicationDOBmonth, .applicationDOBday
{
	width: 40px;
}


.greyLine {
	background-color: #bdbdbd;
}

a.mainContentLink:link, a.mainContentLink:visited {
	color: #808080;
	text-decoration: none;
}

a.mainContentLink:hover {
	color: #1b4609;
	text-decoration: underline;
}
a.tabLink:link, a.tabLink:visited {
	color: black;
	text-decoration: none;
}
.mainText  a:link {
	color: #808080;
	text-decoration: none;

}
.mainText a:link, .mainText a:visited {
	color: #808080;
	text-decoration: none;
}

A.leftLink:link, A.logoutLink:link{
	COLOR: #000000; TEXT-DECORATION: none
}
A.leftLink:active, A.logoutLink:active {
	COLOR: #000000; TEXT-DECORATION: none
}
A.leftLink:visited,  A.logoutLink:visited{
	COLOR: #000000; TEXT-DECORATION: none
}
A.leftLink:hover,  A.logoutLink:hover{
	COLOR: #FF0000; TEXT-DECORATION: none
}



.mainText a:hover {
	color: #484848;
	text-decoration: underline;
}



.inlineCheckBox
{
	height: 10px;

}

/*-------- front page styles ---------*/






.frontPageText{
	font-size: 12px;
	text-align: justify;
	vertical-align: top;
	line-height: 19px;
}


#frontPageLineDiv
{
	width: 1px;
	background-color: #35642e;
	float: right;
	height: 440px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}



a.quickInfoLink:visited,  a.quickInfoLink:hover,  a.quickInfoLink:link
{
	color: #35642e;
	font-family: Verdana;
	font-weight: bold;
	font-size: 13px;
	line-height: 32px;
}
a.upcomingEvents:visited,  a.upcomingEvents:hover,  a.upcomingEvents:link
{
	color: #35642e;
	font-family: Verdana;
	font-weight: bold;
	font-size: 13px;
}





.errorText
{
	color: red;
	font-weight:bold;
}

.interviewDiv
{
	background-color:#cccccc;
	xborder: 1px solid #6b6b6b;
	border-radius: 5px;
	line-height: auto !Important;
}
.interviewDivOdd
{
	background-color:#f3f3f3;
	xborder: 1px solid #6b6b6b;
}
.interviewDiv:hover, .interviewDivOdd:hover { opacity: 0.9; }
#pageDiv
{
	position:relative;
	margin: 0 auto;
	text-align: center;
	width: 720px;
	height: 100%;
	background-image:url(../images/ilukaBG.gif);
	}
#contentPane
{
	margin: 0 auto;
	text-align: center;
	width: 680px;
	position:relative;
}

#footerWrapper
{
	xposition: absolute;
	width: 100%;
	bottom: 0px;
}
#footerDiv
{
	margin-top: 10px;
	margin: 10px auto;
	width: 940px;
	text-align:center;
}

#jobAdText
{
	font-size:13px;
	text-align:justify;
	width: 655px;
}
textarea {resize:none; border-radius: 3px;}
.hightlight { color: black; }
.contentWrapper { position: relative; }
@media screen  {
	.contentWrapper { width: 800px; margin: 0px auto; }
	#footerDiv { width: 800px; }
	.container { width: 800px; }
	#contractContainerDiv, #contractContainerDiv, #contractWrapper, .contentWrapper { width: 800px; margin: 30px auto; }
	.loggedOutDiv,.errorText { width: 800px; margin: 0px auto; }
	.contractDocumentsDiv { width: 800px; margin: 0px auto; position: relative; }
	#documentResultContainer TD { font-size: 12px; }
	#thankYouDiv {width: 800px; text-align: center; font-weight: bold; font-size: 15px; margin: 20px auto; cursor: pointer; border: 2px solid green; padding: 20px; border-radius: 5px;}
	#contractContainerDiv .pageDivDoc {  line-height: 12pt;}
	.sigHolder { width: 310px; float: right;}
	.pad { width: 298px; height: 100px;}
	.sigWrapper { width: 300px; }
	.sigNav { width: 300px; }
	.appSectionHeader { font-weight: bold; width: 100%; border-bottom: 1px solid black; clear: both; margin-bottom: 5px; margin-top: 5px;}
	.appSectionSubHeader { font-weight: bold; width: 100%;  clear: both; margin-bottom: 5px; margin-top: 5px;}
	.appElementLabel { width: 17%; float: left; xborder: 1px solid red;box-sizing: border-box; padding: 1px;}
	.appElementNarrow { width: 33%; float: left; xborder: 1px solid red;box-sizing: border-box; padding: 1px;}
	.appElementWide { width: 50%; float: left; xborder: 1px solid red;box-sizing: border-box; padding: 1px;}
	.forceNL { clear: both; float: left; }
	#cv, #howHearFallLine { width: 430px;}
	#emailAddress { width: 190px; }
	.appElementNarrow select { width: 160px; }
	.appElementWide select, .appElementFree select { width: 160px; }
	.clearBoth { display: none;;  }

	.interviewDiv, .interviewDivOdd
	{
		margin: 0 auto;
		margin-bottom: 2px;
		padding: 3px 3px 3px 3px;
		xborder-radius: 5px;
		width: 90%;
	}


}
.appElementFull { width: 100%; float: left; box-sizing: border-box; padding: 1px; }
.appElementFree {float: left; box-sizing: border-box; padding: 1px;}

.appElementNarrow INPUT[type=text], .appElementNarrow INPUT[type=password] { width: 85%;!important }
.appElementWide INPUT[type=text] { width: 85%; }
.appElementNarrow INPUT[type=file] { width: 95%; }
.appElementWide INPUT[type=file] { width: 95%; }

.submitDetails {
 -webkit-appearance: none; -moz-appearance: none;
 display: block;
 margin: 1.5em auto;
 
 color: #333;
 font-weight: bold;
 height: 2.5em; xwidth: 100%;
 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
 border: 1px solid #bbb;
 -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}


@media screen and (max-width: 768px) {
.contentWrapper { width: 700px; margin: 0px auto; }
	.container { width: 700px; }
	#footerDiv { width: 700px; }
	#contractContainerDiv, #contractWrapper, .contentWrapper { width: 700px; margin: 30px auto; }
	.loggedOutDiv, .errorText { width: 700px; margin: 0px auto; }
	.contractDocumentsDiv { width: 700px; margin: 0px auto; position: relative; }
	#documentResultContainer TD { font-size: 12px; }
	#thankYouDiv {width: 700px; text-align: center; font-weight: bold; font-size: 15px; margin: 20px auto; cursor: pointer; border: 2px solid green; padding: 20px; border-radius: 5px;}
	.clearBoth { clear:both;  }
}
@media screen and (max-width: 480px) {
	.contentWrapper { width: 95%; margin: 0px auto; }
	.container { width: 470px; }
	#footerDiv { width: 95%; }
	#contractContainerDiv, #contractWrapper, .contentWrapper { width: 95%; margin: 30px auto; }
	.loggedOutDiv, .errorText { width: 470px; margin: 0px auto; }
	.contractDocumentsDiv { width: 470px; margin: 0px auto; position: relative; }
	#documentResultContainer TD { font-size: 12px; }
	#thankYouDiv {width: 470px; text-align: center; font-weight: bold; font-size: 15px; margin: 20px auto; cursor: pointer; border: 2px solid green; padding: 20px; border-radius: 5px;}
	#cv, #howHearFallLine { width: 170px;height: 80px;}
	.appElementNarrow select, .appElementFree select { width: 85%; }
	.appElementWide select { width: 85%; }
	.clearBoth { clear:both; }
	.appElementFree {width: 50%;}


}
@media screen and (max-width: 400px) {
	.contentWrapper { width: 95%; margin: 0px auto; }
	.container { width: 95%; }
	#footerDiv { width: 95%; }
	#contractContainerDiv, #contractWrapper, .contentWrapper { width: 95%; margin: 30px auto; }
	.loggedOutDiv, .errorText { width: 350px; margin: 0px auto; }
	.contractDocumentsDiv { width: 350px; margin: 0px auto; position: relative; }
	#documentResultContainer TD { font-size: 12px; }
	#thankYouDiv {width: 320px; text-align: center; font-weight: bold; font-size: 15px; margin: 20px auto; cursor: pointer; border: 2px solid green; padding: 20px; border-radius: 5px;}
	.sigHolder { width: 310px; float: right;}
	.pad { width: 298px; height: 100px;}
	.appElementLabel { width: 45%; float: left; xborder: 1px solid red;box-sizing: border-box; padding: 1px; }
	.appElementNarrow { width: 55%; float: left; xborder: 1px solid red;box-sizing: border-box; padding: 1px; }
	.appElementWide { width: 55%; float: left; xborder: 1px solid red;box-sizing: border-box; padding: 1px; }
	.appElementFree {width: 50%;}

	#cv, #howHearFallLine { width: 170px; height: 80px;}
	#emailAddress { width: 160px; }
	.emailError { float: right; }
	.sigWrapper { width: 300px; }
	.drawItDesc { width: 80%; margin: 0 auto;}
	#signHereDiv { left:30px; }
	.appElementNarrow select, .appElementFree select { width: 92%; }
	.appElementWide select { width: 92%; }

	.appElementLabel {  font-size: 120%; margin-top: 8px;}
	.appElementFree select, .dateDay, .dateMonth, .dateYear, .appElementNarrow INPUT[type=text], .appElementNarrow INPUT[type=password], .appElementNarrow INPUT[type=number], .appElementWide textarea, .appElementWide INPUT[type=text], .appElementNarrow select, .appElementWide	 select {
	-webkit-appearance: none; -moz-appearance: none;
	margin: 3px 0px;
	height: 30px;
	font-size: 120%;
	}
	.clearBoth { clear:both; }


	.appElementNarrow input[type=radio], .interviewSelectRadio
	 {
	 width: 22px; height: 22px;
	 -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
	 border: 1px solid #bbb;
	}

	.appElementNarrowTextOnly { margin-top: 8px; font-size: 120%; }

	.submitDetails {
	 -webkit-appearance: none; -moz-appearance: none;
	 display: block;
	 margin: 1.5em 0;
	 font-size: 1.5em; line-height: 2.5em;
	 color: #333;
	 font-weight: bold;
	 height: 2.5em; width: 100%;
	 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
	 border: 1px solid #bbb;
	 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	}


	.interviewDiv, .interviewDivOdd
	{
		margin: 0 auto;
		margin-bottom: 2px;
		padding: 3px 3px 3px 3px;
		xborder-radius: 5px;
		width: 99%;
	}

	.appElementFull { font-size: 120%; }


}
.emailError .ac { margin-bottom: 4px; }
@media print
{

	#printHide, #siteseal, #footerDiv
	{
		display: none;
		width: 0px;
		height: 0px;
	}
	.printShow
	{
		width: 100%;
	}
	#dialog
	{
		width: 100%;
		height: 100%;
		z-index: 1000000;
	}
}


@media screen
{
	#screenHide
	{
		display: none;
		width: 0px;
		height: 0px;
	}
}

.dateDay { width: auto !important;  }
.dateMonth { width: auto !important; margin-right: 4px !important; }
.dateYear { width: auto !important; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaa;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaa;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaa;
}


.languageButton { margin-bottom: 4px; cursor: pointer; border-radius: 3px; border: 1px solid #aaa; background-color: #eee; text-align: center; padding: 3px; float: right; clear: both;}
.languageButton:hover { background-color: #fff; }