.content	{ font-size: 11px }
.content2	{ vertical-align: middle; }

.header		{ font-size: 24px; font-weight: bold; color: #000; padding-left: 20px; }
.footer 	{ font-size: 12px; padding-left: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; }

.title1    { color: #ffffff; font-weight: bold; font-size: 18px }
.title2    { color: #ffffff; font-weight: bold }
.title3    { color: #000000; font-weight: bold; font-size: 18px }

a:link     { color: #990000; text-decoration: none }
a:visited  { color: #990000; text-decoration: none}
a:hover    { color: #ff0000; text-decoration: underline }
a:active   { color: #ff0000; text-decoration: underline }

a.main:link     { color: #cccccc; font-weight: bold; font-size: 11px; text-decoration: none }
a.main:visited  { color: #cccccc; font-weight: bold; font-size: 11px; text-decoration: none }
a.main:hover    { color: #ffffff; font-weight: bold; font-size: 11px; text-decoration: underline }
a.main:active   { color: #ffffff; font-weight: bold; font-size: 11px; text-decoration: underline }

a.white:link     { color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none }
a.white:visited  { color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none }
a.white:hover    { color: #000000; font-weight: bold; font-size: 12px; text-decoration: underline }
a.white:active   { color: #000000; font-weight: bold; font-size: 12px; text-decoration: underline }

td     { color: #000000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }
th     { color: #000000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }

tt     { color: #000000; font-size: 11px; font-family: Courier, monospace }

.error { color: #FF0000; }
.success { color: #000000; width: 400; text-align: justify; }
.info { color: #999999; font-weight: bold; font-style: italic; }
.active { font-style: bold; }
.inactive { color: #999999; font-style: italic; }

.inputperiods 	{ width: 240px; }
.dateperiods 		{ width: 100px; }
.inputperiodsid { width: 30px; }
.periodstype		{ width: 100px; }
.periodsaction  { width: 100px; }

.periodsnew 				{ width: 85px; }
.periodsnewpadding 	{ padding: 6px; }
.periodsnewboth			{ width: 85px; padding: 4px; }

.inputskillgroups { width: 150px; }
.flowskillgroups { width: 70px; }
.idpadding { padding: 4px; }
.optionskillgroups { width: 40px; }

.skillsid 		{ padding: 4px; }
.skillsname 	{ width: 200px; }
.skillsorder 	{ width: 20px; 	}
.skillsgroup 	{ width: 200px 	}
.skillsactive { width: 20px;  }
.skillsaction { width: 80px; }

.workexperienceinput 				{ width: 110px; overflow: hidden; }
.educationalexperienceinput { width: 120px; overflow: hidden; }
.yearinput 									{ width: 60px; overflow: hidden; }
.yearinputlabel 						{ width: 120px; overflow: hidden; }
.graduatework 							{ width: 230px; overflow: hidden; }
.institutionname 						{ width: 200px; overflow: hidden; }
.qualificationgained 				{ width: 130px; overflow: hidden; }
.company										{ width: 155px; overflow: hidden; }
.workexperiancetitle				{ width: 100px; overflow: hidden; }
.workexperianceduties				{ width: 100px; overflow: hidden; }
.started										{ width: 65px; overflow: hidden; }
.graduated									{ width: 75px; overflow: hidden; }

.timeslotdate 		{ width: 120px; }
.timeslotduration	{	width: 50px; }
.timeslotinput 		{ width: 80px; }
.timeslotcheck 		{ width: 20px; }
.timeslottype			{ width: 300px }
.timeslotaction		{ width: 150px }

.skillgroupsname		{ width: 220px; }
.skillgroupsorder		{ width: 20px; 	}
.skillgroupsactive	{ width: 20px; 	}
.skillgroupstype		{ width: 220px; }
.skillgroupsaction	{ width: 80px; 	}
.skillgroupsopen		{ width: 40px; 	}

.commentsinput { width: 400px }

.statusinputcolor { width: 55px; }

.disabledField {background-color: #cccccc}

.statushistorylist { width: 300px; }
.statuschange			 { width: 300px; }

.mailtemplatesinput { width: 200px; }

.appstatusname	{ width: 100px; }
.appstatustype	{ width: 100px; }
.appstatusemail	{ width: 150px; }

.mainpageflow td { valign: top; }

input[type=text] {
	border-style: inset;
}

.nospaccingtable { padding: 0; width:100%; }

.appdetailpersonal1 { width: 140px; }
.appdetailpersonal2 { width: 155px; }
.appdetailpersonal3 { width: 0px; }
.appdetailpersonal4 { width: 0px; }
.appdetailpersonal5 { width: 0px; }
.appdetailpersonal6 { width: 280px; }

.appdetaileducation1 { width: 140px; }
.appdetaileducation2 { width: 155px; }
.appdetaileducation3 { width: 260px; }
.appdetaileducation4 { width: 60px; }
.appdetaileducation5 { width: 60px; }
.appdetaileducation6 { width: 0px; }

.appdetailwork1 { width: 140px; }
.appdetailwork2 { width: 155px; }
.appdetailwork3 { width: 260px; }
.appdetailwork4 { width: 60px; }
.appdetailwork5 { width: 60px; }
.appdetailwork6 { width: 0px; }

.appdetailskill1 { width: 140px; }
.appdetailskill2 { width: 155px; }
.appdetailskill3 { width: 155px; }
.appdetailskill4 { width: 90px; }
.appdetailskill5 { width: 0px; }
.appdetailskill6 { width: 130px; }

.appdetailsfile1 { width: 140px; }
.appdetailsfile2 { width: 310px; }
.appdetailsfile3 { width: 165px; }
.appdetailsfile4 { width: 0px; }
.appdetailsfile5 { width: 0px; }
.appdetailsfile6 { width: 0px; }

.currentstatus { width: 140px; }
.nextmeeting { width: 140px; }

div {
  overflow: hidden;
}
td {
  vertical-align: top;
}
.logo {
  vertical-align: bottom;
}
.boxcorner {
  vertical-align: middle;
}

.appdetailsfirst { width: 110px; }

.relevantskillsgroup 	{ width: 150px; }
.relevantskillsname 	{ width: 150px; }
.relevantskillslevel 	{ width: 150px; }
.relevantskillsyears 	{ width: 70px; 	}
.appdetailsfirst 	{ width: 110px; }

.additionalfilesdescription	{ width: 120px; }
.additionalfilesdescriptionedit	{ width: 320px; }
.additionalfilesfilename	{ width: 290px; }
.additionalfilesfilenameshort 	{ width: 80px; }
.additionalfilessubmitedon	{ width: 90px; }
.additionalfilestype		{ width: 80px; }

.otherapplication		{ width: 690px; }

.wizardform { margin-bottom: 0px; }

.applicationsdate				{ width: 110px; }
.applicationsapplicant	{ width: 150px; }
.applicationsstatus			{ width: 150px; }
.applicationstimeslot		{ width: 80px; }

.periodtypeaction 			{ width: 130px; }
.periodtypename	  			{ width: 570px; }
.periodtypenameshort	  { width: 300px; }