.content-module {
	overflow: hidden;
}

.content-module form.form-section {
	padding-left: 16px;
}
.right-module form.form-section
{
	padding-left: 0;
	padding-right: 16px;
	padding-top: 30px;
}

.content-section .required-marker {
	padding-left: 8px;
	overflow: hidden;
	width: 0px;
	background-image: url('../images/form-icons.png');
	background-position: -6px -51px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 1em;
}

fieldset {
	border: 0;
	margin: 15px 0;
}

fieldset legend {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

fieldset fieldset legend {
	font-size: 12px;
}

fieldset .description {
	margin: 5px 0;
	padding: 10px 1px 5px;
	border-top: 1px dotted #ccc;

}

.field {
	position: relative;
	margin: 0;
	padding: 5px;
	overflow: hidden;
}

.company-information .city {
	overflow: visible;
}

fieldset.collapsed .field {
	display: none;
}

fieldset.expanded .field {
	display: block;
}

fieldset.expanded .hidden {
	display: none;
}

fieldset .expand-description {
	border: none;
}

fieldset .expand-description,fieldset .selected-items {
	display: none;
}

fieldset.collapsed .description {
	display: none;
}

fieldset.collapsed .expand-description,fieldset.collapsed .selected-items
	{
	display: block;
}

fieldset.expanded legend {
	padding-left: 15px;
	background-image: url('../images/form-icons.png');
	background-repeat: no-repeat;
	background-position: -6px -3px;
	cursor: pointer;
	cursor: hand;
}

.multiple-select-list {
	padding: 4px;
}

.multiple-select-list label {
	float: left;
	margin: 4px;
	width: 45%;
	cursor: pointer;
}

fieldset.collapsed .multiple-select-option {
	display: none;
}

.multiple-select-list label input {
	margin: 0 4px;
}

.multiple-select-list .selected-items {
	color: black;
	margin: 0 4px;
	padding: 4px;
	clear: both;
	word-spacing: 2px;
	line-height: 1.2;
	cursor: pointer;
	border: 1px solid #aaa;
}

fieldset.collapsed legend {
	padding-left: 15px;
	background-image: url('../images/form-icons.png');
	background-repeat: no-repeat;
	background-position: -6px -25px;
	cursor: pointer;
	cursor: hand;
}

.field label,.field span.label {
	width: 161px;
	padding-right: 15px;
	margin: 0;
	display: block;
	float: left;
	/* To fix IE6 problem with long labels: */
	overflow: hidden;
}

.field .required {
	padding-left: 8px;
	top: 8px;
	overflow: hidden;
	position: absolute;
	left: 170px;
	width: 0px;
	background-image: url('../images/form-icons.png');
	background-position: -6px -51px;
	background-repeat: no-repeat;
	margin-top: 4px;
}

.field .tooltip {
	margin-left: 176px;
	margin-bottom: 0;
}

.field fieldset.choice-list {
	width: 238px;
}

.field input,.field select,.field textarea {
	border: 1px solid #aaa;
	width: 234px;
	padding: 0;
	margin: 0;
}

.field select {
	width: 240px;
	font-size: 11px;
	height: 20px;
	padding: 1px 0;
}

.field input.text,.field input.date,.field input.number,.field textarea
	{
	padding: 1px 1px 1px 3px;
	margin: 0;
}

.field input.checkbox,.field input.radio {
	width: auto;
	float: left;
}
.field .checkboxinfo
{
	float: right;
	width: 220px;
}

.field input.button,.field input.submit,.field button {
	width: auto;
	margin: 0 10px 0 0;
}

.field input.file {
	height: auto;
}

.field:hover input.button,.field:hover input.submit,.field:hover button
	{
	border: 0;
}

.field .choice-list,.field .from-till-date {
	width: 244px;
	display: block;
	padding: 0;
	margin: 0;
}

.field .choice-list .radio {
	width: 16px;
	margin: 4px 5px 0 0;
}

.field .choice-list label {
	display: block;
	float: left;
	width: 100px;
}

.field .choice-list label input {
	margin-left: 16px;
}

.field input.date {
	width: 80px;
}

.field .from-till-date input.date {
	width: 80px;
}

.field .from-till-date .date-sep {
	margin: 0 23px;
	float: left;
}

/* #50734: styling of fromtilldate inputs */
.from-till-date div {
	width: 95px;
}

.from-till-date div.startDate {
	float: left;
}

.from-till-date div.endDate {
	float: right;
}

.field .from-till-date .tooltip,.from-till-date .field-error {
	margin-left: 0;
}

.field-error {
	display: none;
	color: red;
	margin-left: 176px;
	margin-bottom: 0;
	clear: both;
}

.error-in-field .field-error {
	display: block;
}

/* :OUTLINE_FORM, Prevent other, more specific styles */
form.post-job-for-free input.error,form.post-job-for-free textarea.error,form.post-job-for-free select.error,form.job-application input.error,form.job-application textarea.error,form.job-application select.error,form.open-application input.error,form.open-application textarea.error,form.open-application select.error
	{
	outline-width: 0px;
}

.error-in-field input,.error-in-field select,.error-in-field textarea,.error-in-field fieldset.choice-list,.error-in-field:hover input,.error-in-field:hover select,.error-in-field:hover textarea,.error-in-field:hover fieldset.choice-list
	{
	border: 1px solid red;
}

/* #50925: styles for form error on checkbox field (ex. 'terms and conditions')*/
.error-in-field input.checkbox {
	outline: 2px solid red;
}

.no-label {
	padding-left: 181px;
}

.no-label input.checkbox,
	/* Need to find the more specific rule that requires this classname for inputs */
	.no-label input {
	margin: 0;
}

.required-field {
	
}

.required-field label {
	
}

.required-field .required {
	
}

.required-field label .label-hint {
	
}

.required-field label .label-hint span {
	
}

.required-field input {
	
}

.required-field input.text {
	
}

/* Copied from form-open-app.css */
form.job-application .personal-information .street-no #streetNumber,form.post-job-for-free .company-information .street-no #streetNumber,form.open-application .personal-information .street-no #streetNumber
	{
	width: 140px;
}

form.job-application .personal-information .street-no .ext,form.post-job-for-free .company-information .street-no .ext,form.open-application .personal-information .street-no .ext
	{
	width: auto;
	display: inline;
	position: absolute;
	margin-right: 80px;
	padding-right: 0px;
	right: 0;
	float: none;
}

form.job-application .personal-information .street-no #streetNumberPrefix,form.post-job-for-free .company-information .street-no #streetNumberPrefix,form.open-application .personal-information .street-no #streetNumberPrefix
	{
	width: 60px;
	position: absolute;
	right: 0;
	margin-right: 11px;
}

/* All these are required because of form div.submit {margin: ...}, line 1006 at the time of writing */
form.open-application .completion .submit,form.job-application .completion .submit,form.post-job-for-free .completion .submit,form.create-account .submit,form.signin .submit,form.request-assistance .submit
	{
	margin: 0;
}

form.open-application .completion div.submit:hover,form.job-application .completion div.submit:hover,form.post-job-for-free .completion div.submit:hover
	{
	background-color: inherit;
}

.terms-and-conditions,.prefer-marketing-info {
	overflow: auto;
}

/* We need some way to classify the two blocks below, indicating confirmation checkboxes, etcetera */
.terms-and-conditions label,.prefer-marketing-info label,form.signin .remember-me label,form.request-assistance .agree-on-assistance label
	{
	float: right;
	width: 220px;
	padding-right: 0px;
}

form .terms-and-conditions input.checkbox,form .prefer-marketing-info input.checkbox,form.signin .remember-me input.checkbox,form.request-assistance .agree-on-assistance input.checkbox
	{
	float: left;
	margin-left: 176px;
}

/* Free Job Posting Preview */
form.post-job-for-free #job-preview-container {
	position: absolute;
	left: 497px;
	width: 446px;
	margin-top: 6px;
}

form.post-job-for-free #job-preview h3 {
	font-size: 14px;
	font-weight: bold;
}

form.post-job-for-free #job-preview img.logo-preview {
	position: absolute;
	top: 0;
	right: 0;
}

form.post-job-for-free #job-preview img.logo-preview-width {
	width: 200px;
}

form.post-job-for-free #job-preview img.logo-preview-height {
	height: 40px;
}

form.post-job-for-free #job-preview .function-title {
	font-size: 18px;
	font-weight: bold;
	color: #2175D9;
}

form.post-job-for-free #job-preview .job-description-title,form.post-job-for-free #job-preview .job-video-title,form.post-job-for-free #job-preview .company-details-preview
	{
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

form.post-job-for-free #job-preview .job-info {
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	margin-top: 10px;
	overflow: hidden;
}

form.post-job-for-free #job-preview .job-info dt {
	width: 160px;
	float: left;
	clear: left;
	margin-right: 40px;
}

form.post-job-for-free #job-preview .job-info dd {
	width: 200px;
	float: left;
	font-weight: bold;
}

form.post-job-for-free #job-preview .job-description-title,form.post-job-for-free #job-preview .job-video-title
	{
	margin-top: 30px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

form.post-job-for-free #job-preview p.job-description {
	height: 275px;
	overflow-y: auto;
}

form.post-job-for-free #job-preview pre {
	font-family: inherit;
}

.ui-datepicker .ui-datepicker-title-row {
	background-color: #2175d9;
}

table.ui-datepicker tr.ui-datepicker-title-row td a:hover,
table.ui-datepicker tr.ui-datepicker-title-row td a {
	background-image: none;
	background-color: #2175d9;
	color: #fff;
	border: 1px solid #2175d9;
}
