/* Form Styles
============================*/

/* custom error box */
.appBoxError {margin-top: 10px; width: 953px; background: url(../images/box_bg_bottom_left.gif) no-repeat left bottom;}


.appForm label
{
	width: 150px;
	text-align: right;
	margin: 2px 4px;
	float: left;
	vertical-align: middle;
	/*background-color: #ccc;*/
	line-height: 20px;
}

.appForm label.thin
{
	width: 105px;
	text-align: right;
	margin: 2px 4px;
	float: left;
	vertical-align: middle;
	line-height: 20px;	
}

.appForm label.answerText
{
	width: auto;
	margin: 0;
	padding: 0 5px 0 0;
	font-size:12px;
}

.appForm label.callback
{
	width: 223px;
}

.appForm label.information
{
	width: 360px;
	text-align: left;
}

.appForm .radLabelAnswerText
{
	font-size:12px;
	width: auto;
	margin: 2px 20px 2px 0;
}

.appForm label span
{
	line-height: 16px; /* custom style for form labels which wrap onto multiple lines*/
	margin: 2px 0;
	display: block;
}

.appForm input
{
	text-align: left;
	margin: 2px 4px;
	height: 16px;
	line-height: 20px;
}

.appForm input.from, .appForm input.to
{
	float: left;
	width: 80px;
}

.appForm select
{
	width: 205px;
	text-align: left;
	margin: 2px 4px;
	line-height: 20px;
}

.appForm select.ddl100 { width: 105px; }

.appForm select.ddl110 { width: 110px; }

.appForm select.ddl150 { width: 150px; }

.appForm select.ddl180 { width: 180px; }

.appForm select.ddl197 { width: 197px; }

.appForm select.ddl230 { width: 230px; }

.appForm select.ddl249 { width: 249px; }

.appForm select.ddl280 { width: 280px; }

.appForm select.ddl293 { width: 293px; }

.appForm select.ddl334 { width: 334px; }

.appForm textarea
{
	width: 196px;
	height: 100px;
	padding: 2px;
	margin: 0 0 8px 0;
}

.appForm em
{
	font-weight: normal;
	font-style: normal;
	font-size: large;
	color: #f00;
}

.appForm input.txt50 {width: 150px;}
.appForm input.txt80 {width: 80px;}
.appForm input.txt100 {width: 100px;}
.appForm input.txt120 {width: 120px;}
.appForm input.txt150 {width: 150px;}
.appForm input.txt156 {width: 156px;}
.appForm input.txt176 {width: 176px;}
.appForm input.txt180 {width: 180px;}
.appForm input.txt200 {width: 200px;}
.appForm input.txt250 {width: 250px;}
.appForm input.txt276 {width: 276px;}

.appForm textarea.txt196 {width: 196px; height:70px; margin:2px 4px;}
.appForm textarea.txt200 {width: 250px;}
.appForm textarea.txt250 {width: 300px;}
.appForm textarea.txt300 {width: 300px;}
.appForm textarea.txt350 {width: 350px;}
.appForm textarea.txt400 {width: 400px; height: 220px}
.appForm textarea.txt390x50 {width: 390px; height: 50px}
.appForm textarea.txt845 {width: 845px; height: 100px}

.appForm select.sel60 {width: 60px;}
.appForm select.sel90 {width: 93px;}
.appForm select.sel120 {width: 120px;}
.appForm select.sel160 {width: 160px;}
.appForm select.sel180 {width: 180px;}
.appForm select.sel200 {width: 204px;}

.appForm span.question
{
	background: url(../images/orange_question.gif) no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	margin: 0 0 0 4px;
	cursor: pointer;
	display: block;
}

.appForm span.instruction
{
	display: block;
	margin: 3px;
	width: 270px;
	height: 20px;
	padding-top: 10px;
}

.appForm div
{
	position: relative;
}

.appForm .questionTooltip
{
	/*display: block;
	position: absolute;
	right: 9px;
	top: 1px;*/
	height: 22px;
	width: 22px;
}

.appForm input.rad
{
	width: auto;
	float: left;
	margin: 5px 4px 0 4px;
}

.appForm label.radLabel
{
	width: auto;
	float: left;
	margin: 2px 20px 2px 0px;
}

.appForm input.file, .appBoxContentWrapper input.file
{
	height: 24px;
	line-height: 16px;
	margin: 0px;
	padding: 0;
}

.appForm input.submit
{
	height: 23px;
	line-height: 23px;
	text-align: center;
	border: none;
}

.appForm .innerSubmit input.submit
{
	height: 23px;
	line-height: 23px;
	text-align: center;
	border: none;
	margin-left: 0px;
	margin-bottom: 20px;
}

.appForm .innerSubmitRight input.submit
{
	height: 23px;
	line-height: 23px;
	text-align: center;
	border: none;
	margin: 8px 25px 15px 195px;
}

.appForm input.error
{
	border: solid 1px #cc0000;
	padding: 2px 1px;
	background-color: #ff9999;
}

.appForm textarea.error
{
	border: solid 1px #cc0000;
	padding: 2px 1px;
	background-color: #ff9999;
}

.appForm select.error
{
	border: solid 1px #cc0000;
	padding: 2px 1px;
	background-color: #ff9999;
}

/* Graduate Education table styles
================================== */

.appForm table.graduateEducation, .appForm table.graduateEducationData
{
	border:medium none;
	border-collapse:collapse;
	margin:0;
}

.appForm table.graduateEducationData th
{
	background-color:#DADADA;
	border:1px solid #EAEAEA;
	font-weight:bold;
}

.appForm table.graduateEducationData tr.altRow
{
	background-color: #f9f9f9;
}

.appForm .graduateEducation label
{
	width: 75px;
}

.appForm .graduateEducation th,
.appForm .graduateEducationData th
{
	border:1px solid #EAEAEA;
	font-weight:bold;
	height:25px;
	padding-left:0.3em;
	text-align:left;
	vertical-align:middle;
}

.appForm .graduateEducationData th.colFrom {width: 50px;}
.appForm .graduateEducationData th.colTo {width: 50px;}
.appForm .graduateEducationData th.colType {width: 120px;}
.appForm .graduateEducationData th.colName {width: 150px;}
.appForm .graduateEducationData th.colCountry {width: 110px;}
.appForm .graduateEducationData th.colType {width: 80px;}
.appForm .graduateEducationData th.colSubject {width: 100px;}
.appForm .graduateEducationData th.colGrade {width: 100px;}
.appForm .graduateEducationData th.colEdit {width: 60px;}
.appForm .graduateEducationData th.colDelete {width: 60px;}



.appForm .graduateEducation td,
.appForm .graduateEducationData td
{
	border:1px solid #EAEAEA;
	height:25px;
	padding:0.3em;
	vertical-align:top;
}

.appForm .graduateEducation td.data
{
	font-size: 1.2em;
	line-height: 18px;
}

.appForm .graduateEducation td.data span
{
	vertical-align: bottom;
	font-size: 1.2em;
}

.appForm .graduateEducation th, .appForm .graduateEducationData th
{
	color: #000033;
	font-size: 1.2em;
}

.appForm .graduateEducation .inputControl div
{
	width: 275px;
}

.appForm .graduateEducation .inputControl 
{
	width: 300px;
}

.appForm input.submitMini 
{
	height: 20px;
	margin-left: 2px;
}

.editJobForm label
{
	width: 115px;
	text-align: left;
	margin: 6px 4px;
	float: left;
	vertical-align: middle;
	/*background-color: #ccc;*/
	line-height: 20px;
	font-size: 11px;
	cursor: default;
}

.editJobForm label.small
{
	width: 50px;
}

.editJobForm input[type="text"]
{
	text-align: left;
	margin: 6px 4px;
	height: 16px;
}

.editJobForm input[type="checkbox"]
{
	margin: 5px 0 0 4px;
}

.editJobForm input.from, .editJobForm input.to
{
	float: left;
	width: 80px;
}

.editJobForm select
{
	width: 265px;
	text-align: left;
	margin: 2px 4px;
	line-height: 20px;
}

.editJobForm select.ddl100 { width: 105px; }
.editJobForm select.ddl40 { width: 45px; }

.editJobForm .applicationStepsCol input.chk
{
	float: left;
}

.editJobForm .applicationStepsCol label
{
	margin: 2px 4px;
	width: 160px;
}

.editJobForm .applicationStepsCol label.yearsRequired
{
	margin-left: 20px;
	width: 78px;
}


.appForm .eqaulOpportunities
{	
}

.appForm .eqaulOpportunities label
{
	margin: 2px 4px;
	padding: 0;	
	width: 90px;
	text-align: left;
	font-size: 12px;
}

.appForm .eqaulOpportunities .radLabel
{
	width: 170px;
}

.appForm .eqaulOpportunities p
{
	margin: 0;
}

.appForm .eqaulOpportunities input.txt
{
	width: 400px;
}

.applicationSearch
{
}

.applicationSearch label
{
	width: 115px;
	text-align: left;
	margin: 6px 4px;
	float: left;
	vertical-align: middle;
	/*background-color: #ccc;*/
	line-height: 20px;
	font-size: 11px;
	cursor: default;
}

.applicationSearch label.small
{
	width: 50px;
}

.applicationSearch input[type="text"],
.applicationSearch input.txt
{
	text-align: left;
	margin: 6px 4px;
	height: 16px;
	width: 261px;
}

.applicationSearch input.txtDate
{
	text-align: left;
	margin: 6px 4px;
	height: 16px;
	width: 50px;
}

.applicationSearch select
{
	width: 265px;
	text-align: left;
	margin: 2px 4px;
	line-height: 20px;
	height: 24px;
}

/* Visual Editor Create Job Form Styles
==================================*/

.createJobForm div.row
{
	clear: both;
	padding-top: 10px;
	line-height: 21px;
}

.createJobForm div.row span.label
{
	float: left;
	width: 130px;
	text-align: right;
	font-size: 14px;
}

.createJobForm div.row span.labelmini
{
	margin-right: 5px;
}

.createJobForm div.row span.formw
{
	float: right;
	width: 360px;
	text-align: left;
} 

#ui-datepicker-div
{
	z-index: 300;
}


.editJobForm .linkEmail
{
	width: 254px;
}

.editJobForm .linkName
{
	width: 227px;
}