/*  ########  GENERAL INFORMATION  ######### */

/* 	version	: v1.0
	date		: September 8 2008
	fix		: initial version
	author		: marinus.ames@strawberries.nl
	company	: strawberries
	client		: Compass Group
	project	: vacaturebank module */


/*  ##############  CONTENT  ##############  */

#branding {
	float: left;
	width: 588px;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	margin-bottom: 20px;
	border-bottom: solid 1px #69c028;
}

#introduction {
	float: left;
	width: 588px;
	margin-bottom: 20px;
}

#introduction h1 {
	color: #69c028;
}

#introduction p {
	font-size: 12px;
	color: #333333;
}

#introduction img {
	width: 270px;
}

#introduction p img {
	float: right;
	height: 150px;
	width: 270px;
	padding-left: 10px;
}

#introduction #disclaimer-company {
	float: left;
	width: 308px;
}

#introduction #visual-company {
	float: left;
	width: 270px;
	padding-left: 10px;
}

#introduction #disclaimer-company p {
	padding: 0px;
	margin: 0px;
}

#filter-overview {
	float: left;
	width: 588px;
	padding-bottom: 20px;
}

#filter-overview .filter-overview-field {
	float: left;
	width: 150px;
	padding-right: 10px;
}

#filter-overview .filter-overview-field input,
#filter-overview .filter-overview-field select {
	float: left;
	width: 150px;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	border: solid 1px #666666;
}

#filter-overview .filter-overview-field input{
	width: 143px;
	height: 17px;
}

#filter-overview button {
	float: right;
	height: 19px;
	width: 94px;
	background: url(/images/button-show.gif) left top no-repeat;
	border: none 0px;
	cursor: pointer;
}

#filter-overview button span {
	visibility: hidden;
}

#list-vacancies {
	float: left;
	width: 588px;
	padding: 0px;
	margin: 0px;
}

#list-vacancies table {
	float: left;
	width: 568px;
	padding: 0px;
	margin: 0px;
	padding-right: 20px;
	border-top: solid 1px #69c028;
}

#list-vacancies tr {
	background: url(/images/background-list-vacancies-row.gif) left bottom no-repeat;
}

#list-vacancies tr.vacancy {
	background-color: #ffffff;
	cursor: pointer;
}

#list-vacancies tr.selected {
	background-color: #f2f1f0;
}

#list-vacancies th {
	color: #69c028;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
}

#list-vacancies td {
	padding-top: 7px;
	padding-bottom: 10px;
	padding-right: 5px;
}

#list-vacancies td a{
	text-decoration: none;
	color: #000;
}

td.function-number {
	width: 15%;
}

td.function-title {
	width: 25%;
}

td.function-category {
	width: 20%;
}

td.hours {
	width: 15%;
}

td.city {
	width: 20%;
}

/*  ########### APPLICATIONFORM ###########  */

#application-form {
	float: left;
	width: 588px;
}

#application-form form {
	float: left;
	width: 588px;
	border-top: solid 1px #d5d2cd;
}

#application-form h1 {
	font-size: 18px;
	color: #69c028;
}

.application-form-field {
	float: left;
	width: 588px;
	padding-top: 5px;
	padding-bottom: 4px;
	border-bottom: solid 1px #d5d2cd;
}

#application-form label {
	float: left;
	width: 210px;
	font-size: 12px;
	font-weight: bold;
	color: #4c4030;
}

#application-form .required label {
	background: url(/images/icon-required.gif) right top no-repeat;
}

#application-form input, #application-form select, #application-form textarea {
	float: left;
	width: 371px;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	border: solid 1px #666666;
}

#application-form .hidden {
	display: none;
}

form#FormBuilderForm div.form div.disabled input, form#FormBuilderForm div.form div.disabled textarea {
	border: none 0px;
	background-color: #ffffff;
}

#application-form .file input {
	width: 280px;
}

#application-form .file a {
	float: right;
	width: 82px;
	padding-left: 5px;
}

#application-form input.radio-button {
	width: 20px;
	border: none 0px;
}

#application-form .application-form-field span {
	float: left;
	width: 50px;
}

#application-form button {
	float: right;
	height: 19px;
	width: 82px;
	margin-top: 10px;
	background: url(/images/button-send.gif) left top no-repeat;
	border: none 0px;
	cursor: pointer;
}

#application-form button span {
	visibility: hidden;
}

#application-error-block {
	position: absolute;
	right: 0px;
	width: 196px;
	margin-top: 45px;
}

#application-error-block h1 {
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #4c4030;
	padding: 0px;
	padding-top: 10px;
	padding-left: 27px;
	margin: 0px;
	background: url(/images/background-error-block-header.gif) left top no-repeat;
}

#application-error-block p {
	font-size: 11px;
	color: #666666;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
	border-left: solid 1px #f26522;
	border-right: solid 1px #f26522;
}

#application-error-block #error-block-footer {
	height: 10px;
	background: url(/images/background-error-block-footer.gif) left bottom no-repeat;
}

/*  ##############  T4 VACANCYDETAILS  ##############  */

#vacancy-details {
	float: left;
	width: 390px;
}

#vacancy-details #introduction {
	float: left;
	width: 390px;
}

#vacancy-details h1 {
	font-size: 18px;
	color: #69c028;
}

#vacancy-information {
	float: left;
	width: 390px;
	border-top: solid 1px #d5d2cd;
}

.vacancy-details-field {
	float: left;
	width: 390px;
	padding-top: 5px;
	padding-bottom: 4px;
	border-bottom: solid 1px #d5d2cd;
}

.vacancy-details-field span {
	float: left;
	width: 195px;
	font-size: 12px;
	color: #69c028;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.vacancy-details-field p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}


.vacancy-details-field span#functienummer-field, .vacancy-details-field span#organisatieonderdeel-field, .vacancy-details-field span#locatienaam-field,
.vacancy-details-field span#functienaam-field, .vacancy-details-field span#contracturen-field, .vacancy-details-field span#functiecategorie-field,
.vacancy-details-field span#werkdagen-field, .vacancy-details-field span#werktijden-field, .vacancy-details-field span#plaatswerkzaamheden-field,
.vacancy-details-field span#bereikbaarmetov-field {
	float: left;
	width: 195px;
	color: #666666;
	font-weight: normal;
}

.vacancy-details-field span#sollicitatieprocedure-field, .vacancy-details-field span#locatieinfo-field, .vacancy-details-field span#wijbieden-field, .vacancy-details-field span#beschrijvingwerkzaamheden-field,
.vacancy-details-field span#functievereisten-field, .vacancy-details-field span#overons-field, .vacancy-details-field span#meerweten-field {
	float: left;
	width: 390px;
	color: #666666;
	font-weight: normal;
}

.vacancy-details-field span#telefoonpersoneelszaken-field, .vacancy-details-field span#emailpersoneelszaken-field, .vacancy-details-field span#naampersoneelsmanager-field {
	font-weight: bold;
	color: #333333;
}