/* CSS Document */

#applicationSaved { background: url('/include/system/tools/images/appSaved.png') no-repeat top left; padding-left:8em; height:8em }

#problemsInAppImage { background: url('/include/user/images/appProblem.gif') no-repeat left; padding-left:8em; height:7em; }
#problemsInApp p {margin:0.5em auto 1em 1.5em;}

.fieldIsGood {color:#000;}
/* .fieldIsGood span {visibility:hidden} */

.fieldIsBad {color:#FF0000}
.fieldIsBad span {
	visibility:visible;
	margin-left:1em;
	height:1.2em;
	padding-left:1.5em;
	float: none;
	background: transparent url('/include/images/mainsite/icon_err.gif') no-repeat;}
/* Legacy app id's */
#basicInformation,
#secureInformation {float:left;}

#basicInformation { background: url('/include/user/images/ssl-comodo.gif') no-repeat left top;}

/* End legacy app id's */

/* Employment Information */
#employmentInfo { background: url('/include/user/images/ssl-comodo.gif') no-repeat left top; }

#employmentInfo { float:left; }

#employmentPreferences div ul label {width:22em;margin-top:.25em;}
#employmentPreferences div ul li input {width:1em;margin:2px 0 0 2em;}
#employmentPreferences div ul li {display:inline-table; padding:.25em .15em .25em; vertical-align:top;float:left;}
#employmentPreferences div ul {clear:both}

#workConvictionExplain, #additionalInfo { height:6em; }

.helpText { font-style:italic; vertical-align:middle; padding-top:0.5em; padding-left:1em; color:#999999}
form#application * input, form#application * label, form#application * select, .helpText {float:left; margin:0 0.2em 0.8em; vertical-align:middle; }
form#application * label, form#application * select {height:1.4em;} 
form#application * select {width:10em; clear:none; }
form#application * input {width:30em}
form#application * label {width:20em}
form#application * p {display:block;clear:both;vertical-align:middle;}

form#application * .halfSized {width:15em}
form#application * .thirdSized {width:10em}

#alienNumber { width:20em; }

#letsScroll {height:50em; overflow:auto;}

#employmentReferences div ul {clear:both;}
#employmentReferences div ul li {display:inline;float:left;}
#employmentReferences div ul label {width:12em;}
#employmentReferences div ul input {width:16em;}

#skillsInformation div p { font-size:larger; font-weight:bold;padding:1em 1.45em .5em ;}
#skillsInformation div ul {clear:both;display:block;margin-left:3em;}
#skillsInformation div li {display:inline; float:left; width:20em;}

/* form w4 info */
table.w4 { margin-left:2.4em; }
table.w4 tr td { padding:0.2em 1em 1em 0; vertical-align:middle; text-align:left }
table.w4 tr td.exemption input { float:none !important; clear:none; width:3em !important;}
table.w4 tr td.instruct { width:66em; }
table.w4 tr td.instruct ul li { margin-left:2em; list-style:circle; }

fieldset.w4info {border:none;margin:2em 2em 1em;}
fieldset.w4info legend {
	padding: 0 0.2em 0.6em;
	font-weight: bold;
}
fieldset#w4more input {width:4em; float:left;clear:left;}
fieldset#w4info input {width:2em}


fieldset#w4sign input {
margin:0 0.1em 0 0 ;
width: 1em;
}

fieldset#w4info label {
	width:50em;
}
fieldset#w4more label {
	width:50em;
	float:left;
}
fieldset#w4sign label {
display: block;
float: right;
text-align: left;
	width:55em;
padding:0 0 1.6em;
}

fieldset.w4info label {
	display:block;
	clear:right;
	text-align:left;
}
fieldset.w4info ol {
  margin: 0;
  padding: 0;
}
fieldset.w4info li {
  list-style: none;
  padding: 5px;
  margin: 0;
  clear:both;
}

form#application div#attachResume div.mb div ul li input { height:2em !important; }

div.applicationWorkHistory ul {clear:both;}
div.applicationWorkHistory p input {}
div.applicationWorkHistory ul li{display:inline;float:left;}
div.applicationWorkHistory ul li input {width:15em !important;}
div.applicationWorkHistory ul li label {width:15em !important;}
div.applicationWorkHistory ul li textarea {height:7em;}

div.notes {
  float: right;
  width: 18em;
  height: auto;
  margin: 0 1em 1em 1em;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

div.notes h4 {
  background-image: url('/include/style/images/forms/icon_info.gif');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 2.6em;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

div.notes p.last {
  margin: 0em;
}

span.checkbox {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
	margin:-5px 0 0;
    background: url('/include/style/images/forms/checkbox.gif') no-repeat;
    display: block;
    clear: left;
    float: left;
  }
span.radio {
   width: 19px;
     height: 25px;
    padding: 0 5px 0 0;
	margin:-5px 0 0;
    background: url('/include/style/images/forms/radio.gif') no-repeat;
	display:inline;
    clear: left;
	float:left;
  }
  
span.select { 
   position: absolute;
   width: 208px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #fff;
   font: 12px/21px arial,sans-serif;
   background: url('/include/style/images/forms/select.gif') no-repeat;
   overflow: hidden;
 }

#unemploymentLaw p,
#policesAndProcedures p { padding:0 1.4em 1em 2.2em; text-align:left;}
#unemploymentLaw h2 { font-size:1.6em; font-weight:bold; background:none; color:#333333; width:100%; padding:0 0.8em 0.2em; }
#unemploymentLaw ul li {margin:auto 4em}  
#unemploymentLaw ul li li,
#unemploymentLaw ul li { list-style: none; list-style-type: none; maring-left: 1em; margin-bottom:1em; }

ol.policies { list-style-type: georgian; }

div#unemploymentLaw div.mb ul li,
div#unemploymentLaw div.mb ul li ul li { display:inline; }

div#unemploymentLaw div.mb ul li ul li { display:block; padding-left:1.4em; }
div#unemploymentLaw div.mb ul li ul li ul li { padding-left:1.8em; }

#agree2unemployment,
#agree2pandp { border:none; background:none; }

ul.violation li { list-style:circle; }
#unemploymentLaw * h2 {clear:both;margin:1em 0 0 0}
.legalVerbiage { 
	margin:1em 2em 1em 1em;
	padding:0.8em;
	overflow: auto;
	width:58em;
	height: 200px;
	background-color: #FFF8D1;
	border:1px solid #A8A8A8;
}

.agree { width:1.6em; }