/* VACANCY APP FORM */

/*----------------------------------
templateAmends
----------------------------------*/

#leftColApp {
	float: left;
	width: 180px;
	text-align: left;
	padding: 50px 10px 10px 15px;
}

#leftColApp h2 {
font-size: 1em;
padding: 0 0 4px 0;
margin: 0;
}

#leftColApp p {
padding: 0 0 12px 0;
margin: 0;
}

fieldset h3 {
padding: 5px 0;
clear: both;
}

fieldset p {
padding: 5px 0;
display: block;
clear: both;
}

fieldset p a,
#leftColApp p a {
text-decoration: underline;}

.grey {
color: #999999;
}

.purple {
color: #501f74;
}

p#error {
border-top: 1px solid #e2007a;
border-bottom: 1px solid #e2007a;
margin-bottom: 12px;
background: url(../images/errorAlert.gif) no-repeat 8px 10px #fef2f8;
padding: 8px 8px 8px 30px;
font-weight: bold;
color: #000;
}

span.inlineError {
background: url(../images/errorAlert.gif) no-repeat 8px #fef2f8;
padding: 8px 8px 8px 30px;
margin: -7px 0 7px;
float: left;
width: 502px;
color: #000;
}

/*----------------------------------
Progress bar
----------------------------------*/

p.hide {
display: none;}

ul#progress {
list-style: none;
margin: 8px 0 24px;
float: left;
clear: both;
color: #442177;
}

ul#progress li {
float: left;
width: 88px;
padding: 3px 0 0 0;
margin-right: 1px;
background: url(../images/progressOff.gif);
display: block;
text-align: center;
min-height: 33px;
_height: 33px;
}

ul#progress li#education {
width: 94px;
}

ul#progress li#summary,
ul#progress li#confirm {
padding: 10px 0 0 0;
min-height: 26px;
_height: 26px;
}

ul#progress li.on {
background: url(../images/progressOn.gif);
font-weight: bold;
color: #fff;
}

/*----------------------------------
Form elements
----------------------------------*/

fieldset {
float: left;
width: 540px;
padding: 0;
border: 0px;
color: #442177;
}

legend {
display: none;
}

div.row {
background: url(../images/rowBg.gif) repeat-y top left;
}

div.rowHelp {
background: url(../images/rowHelpBg.gif) repeat-y top left;
}

div.row,
div.rowNext,
div.rowHelp {
width: 540px;
margin: 0 0 1px 0;
padding: 7px 0!important;
float: left;
display: block;
/*position: relative;*/
}

div.rowHelp {
position: relative;
}

div.rowNext {
margin-top: 0!important;
}

div.row label,
div.rowHelp label {
width: 165px;
display: block;
float: left;
padding: 0 7px 3px 7px;
}

div.row label.short,
div.rowHelp label.short {
width: 110px;
}

div.row label.long,
div.rowHelp label.long {
width: 204px;
padding-right: 10px
}

div.row label.fullWidth,
div.rowHelp label.fullWidth {
width: 342px;
float: left;
}

select {
width: auto;
margin: 0 0 0 6px;
font-size: 1em;
float: left;
}

select.dob {
margin-left: 24px;
}

select.peDate {
margin-left: 56px;
}

input,
textarea {
width: 160px;
margin: 0;
display: block;
font-size: 1em;
float: left;
}

input.short {
width: 94px;
margin-left: 10px;
}

textarea.fullWidth {
width: 330px;
margin: 7px 0 0 7px;
float: left;
}

p.helpFullWidth {
position: absolute;
top: 6px;
right: 0;
}

span.radioButton {
float: left;
width: 140x;
}

span.radioButtonSingle {
float: left;
width: 170px;
}

span.radioButton input,
span.radioButtonSingle input {
width: 15px;
float: left;
}

span.radioButtonSingle input {
clear: left;
margin: 5px 0;
display: block;
}

span.radioButton label,
span.radioButtonSingle label {
display: inline;
float: left;
width: 25px;
}

span.radioButtonSingle label {
width: 140px;
padding: 2px 2px 4px;
margin: 5px 0;
}

div.row p,
div.rowHelp p {
clear: none;
float: right;
width: 170px;
color: #545456;
padding: 0 6px;
}

div.rowNext {
border-bottom: 1px solid #dbdbdb;
}

div.rowHelp span.browse {
float: left;
width: 230px;
}

div.rowHelp .browse input {
width: 215px;
border: 1px solid #a5acb2;
margin: 0 6px 6px 0;
padding: 2px;
}

div.rowHelp span.browse input.browseBtn {
background: url(../images/browseButton.gif) no-repeat 0 3px;
width: 74px;
padding: 0 0 2px 0;
height: 31px;
border: none;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
color: #501f74;
margin: 0;
}

div.rowNext input {
background: url(../images/nextButton.gif) no-repeat 0 5px;
float: right;
width: 85px;
height: 35px;
border: none;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
color: #501f74;
margin: 0;
}

/*----------------------------------
summary page
----------------------------------*/

div.row div.summary {
width: 357px;
float: left;
padding: 0;
}

fieldset#summaryPage div.row p.change {
clear: none;
float: right;
width: 170px;
padding: 6px;
color: #666;
border-bottom: none;
}

fieldset#summaryPage div.row {
margin-bottom: 2px;
}

fieldset#summaryPage div.row h4 {
padding: 6px;
font-size: 1em;
display: block;
}

fieldset#summaryPage div.row h5 {
padding: 4px 4px 4px 22px;
font-size: 1em;
display: block;
clear: both;
background-color: #e4e5ec;
}

fieldset#summaryPage div.row p {
float: left;
width: 331px;
padding: 0 4px 4px 22px;
margin-bottom: 4px;
color: #666;
border-bottom: 1px solid #fff;
line-height: 1.4em;

}

fieldset#summaryPage div.row p.end {
border-bottom: none;
}

fieldset#summaryPage div.row p label {
float: left;
display: block;
width: 150px;
color: #442177;
padding: 3px 0;
}

fieldset#summaryPage div.row p strong {
float: right;
padding: 1px 0 0 6px;
width: 160px;
font-weight: normal;
color: #666;
}

div.row div.summary p {
background-color: #eee;
}

fieldset#summaryPage div.row p.change {
background-color: #e4e5ec;
}

fieldset#summaryPage div.row p.change input {
background: url(../images/changeButton.gif) no-repeat 0 3px;
width: 105px;
padding: 0 0 2px 0;
height: 31px;
border: none;
font-size: 0.9em;
font-weight: bold;
color: #666;
margin: 0;
}

fieldset#summaryPage div.rowDeclaration input {
width: 15px;
float: left;
}

fieldset#summaryPage div.rowDeclaration label {
width: 500px;
margin: 4px 0 0 10px;
float: left;
}

fieldset#summaryPage div.rowDeclaration {
padding: 6px;
margin: 0 0 4px;
float: left;
}

div.rowSubmit {
color: #666;
border: 1px solid #fff;
border-top: 1px solid #dbdbdb;
float: left;
}

div.rowSubmit input {
background: url(../images/submitButton.gif) no-repeat 0 5px;
width: 171px;
float: left;
padding: 0 0 2px 0;
height: 35px;
border: none;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
color: #501f74;
margin: 4px 0 0;
}

div.rowSubmit input#SummaryControl_SubmitAppButton,
div.rowSubmit input#SummaryControl_SubmitSessionButton {
float: right;
}

div.rowSubmit p {
font-size: 0.9em;
border-top: 1px solid #dbdbdb;
padding: 4px 0;
margin: 8px 0;
float: left;
width: 540px;
}