/* -------- Sidebar - Special Offer --------------------- */

#special_offer {
	width:						100%;
	height: 					127px;
	float: 						left;
	margin-top: 				30px;
	margin-bottom: 				22px;
	background-image:			url('images/special_offer/background.gif');
	background-repeat:			no-repeat;
	text-align: 				center;
}

#special_offer .text {
	position: relative;
	width: 205px;
	height: 52px;
	margin: 0 auto; /* deze div centreren */
	margin-top: 40px;
	text-align:left;
}

#special_offer .text  p{
	text-align: 				center;
	font-weight: bold;
	margin:						0px 0px 10px 0px;
}

#special_offer .text span{
	font-weight: bold;
}
#special_offer .pricebig{
	position: relative;
	font-size: 16px;
	margin-top: -2px;
}
#sidebarSpecialOfferInput img{
	float: right;
}


/* -------- Sidebar - Footer --------------------- */


#sidebar_right div.footer_ideal {
	width:						100%;
	height:						120px;
	background:					url('../../images/company/layouts/sidebar/ideal.png') no-repeat center;
	margin-bottom:				15px;
}


/*********************************************************
 *
 * Searchbox
 *
 *********************************************************/

#searchbox {
	position:						relative;
	height:							250px;
	margin:							0px 0px 0px 5px;
	background:						url('images/search/background.png') no-repeat;
}

/*********************************************************
 *
 * Medium Reactangle (advertisement)
 *
 *********************************************************/

#medium_rectangle {
	margin:							25px 0px 0px 5px;
}

/*********************************************************
 *
 * List Top (advertisement)
 *
 *********************************************************/

div.list_top {
	margin:							25px 0px 0px 9px;
}


/*********************************************************
 *
 * Search Candidates
 *
 *********************************************************/

#block-26 {
    position:                   relative;
	margin:						0px 0px 0px 0px;
	width: 							100%;
	padding-top: 					20px;
	padding-bottom: 				2px;
	background: 					url('../../images/company/layouts/search_candidates/background.png') no-repeat;
}
#block-26 form dt {
    display: none;
}
#block-26 form dd {
    margin: 0px;
}
#block-26 form{
	margin:						0px 0px 0px 15px;
	*margin:					45px 0px 0px 15px;
}
#block-26 select{
	width: 							200px;
}
#block-26 input.submit{
	margin: 						0px;
	padding: 						0px;
	width: 							80px;
	height: 						20px;
	margin-left: 					110px;
	margin-top:						10px;
	cursor: 						pointer;
	border: 						0px;
	background: 					url('../../images/company/layouts/search_candidates/button.png') no-repeat;
}
#block-26 p a {
    position:                   absolute;
    left:                       20px;
    top:                        103px;
}


/*********************************************************
 *
 * ################# Drupal ###########################
 *
 *********************************************************/


/* -------- Lists --------------------- */

.view-content .picture {
	float:							right;
	margin:							0px 10px 0px 10px;
	border:							1px solid #ddd;
	padding:						1px;
	background:						#fff;
}
.view-content p {
	margin:							3px 0px 3px 0px;
}
.view-content h2 {
	font-size:						18px;
	margin:							0px 0px 5px 0px;
	text-decoration:				none;
}
.views-row-odd, .views-row-even {
	padding:						15px 0px 5px 0px;
	width:                         100%;
	margin:							0px 0px 0px 0px;
	border-bottom:					1px solid #ddd;
	clear:                          both;
}
.views-row-even {
	background:						#f9f9f9;
}
.views-field-view-node {
	font-size:						13px;
	margin:							5px 0px 0px 10px;
}
.views-field-view-node a {
	padding-left:					20px;
	background:						url('http://www.bijbanen.nl/public/images/common/icons/silk/add.png') no-repeat 0px 3px;
}




/* -------- Pager --------------------- */

ul.pager {
	margin-top:						20px;
	float:							right;
}
ul.pager li {
	color:							#666;
	margin:							0px;
}
ul.pager a {
	color:							#0084b5;
	font-size:						13px;
	text-decoration:				none;
}

/*********************************************************
 *
 * Node Story
 *
 *********************************************************/

#content div.node div.picture {
	float:							right;
	padding:						0px 10px 10px 0px;
}


/*********************************************************
 *
 * Product
 *
 *********************************************************/

.display-price {
	color:							#0084b5;
	font-size:						20px;
	padding:						15px 5px 5px 5px;
	width:							150px;
	background:						#f7f7f7;
	margin:							0px 20px 0px 20px;
}
.product-image {
	width:							150px;
	margin:							0px 20px 10px 20px;
	background:						#f7f7f7;
	padding:						5px 5px 15px 5px;
}

/*********************************************************
 *
 * Product Price List
 *
 *********************************************************/

#content .product-prices {
	clear:							both;
	margin:							20px 0px 0px 0px;
	background:						url('images/products/bgProductTableR.gif') repeat-y;
	width:							643px;
}
#content .product-prices .header {
	background:						url('images/products/bgProductTableT.gif') no-repeat left top;
}
#content .product-prices .footer {
	background:						url('images/products/bgProductTableB.gif') no-repeat left bottom;
}
#content .product-prices .padding {
	padding:						25px 10px 5px 10px;
}

#content .product-prices table {
	width:							100%;
	background:						none;
	font-size:						11px;
}
#content .product-prices td {
	padding-left:					5px;
	font-weight:					bold;
	background:						none;
	border:							none;
}
#content .product-prices td.name {
	width:							45%;
}
#content .product-prices td.price {
	width:							20%;
	position:						relative;
}
#content .product-prices td.count {
	width:							20%;
}
#content .product-prices td.total {
	width:							15%;
}
#content .product-prices thead td {
	color:							#000;
	font-weight:					bold;
}
#content .product-prices td p {
	margin:							0px;
}
#content .product-prices tr.odd td {
	background:						#e4f7ff;
}
#content .product-prices select {
	width:							40px;
}
.product-prices .lineThroughProduct {
	position:						absolute;
	width: 							44px;
	background: 					url('images/products/bglinethroughProducts.gif') no-repeat center left;
	z-index: 						500;
	padding-top:					3px;
}
.product-prices span.note {
	color:							#777;
	font-size:						10px;
}


/*********************************************************
 *
 * List Items
 *
 *********************************************************/

#content .block-views ul {
	padding:						0px;
}
#content .block-views li {
	padding:						5px 5px 5px 10px;
	list-style-type:				none;
	margin:							0px;
}

/*********************************************************
 *
 * Companies Home (Contact Form)
 *
 *********************************************************/

.panel-col-last .inside {
	padding:						60px 0px 0px 60px;
}
.panel-col-first h2 {
	display:						none;
}

.panel-col-first input.form-text {
	width:							100%;
}
.webform-client-form textarea.form-textarea {
	height:							90px;
}

.webform-client-form .box {
	margin-top:						20px;
}

ul.list-products {
	margin:							15px 0px 0px 15px;
}
ul.list-products li {
	margin:							5px 0px 5px 10px;
}


/*********************************************************
 *
 * List with Pictures
 *
 *********************************************************/


.item-list .clear {
	width:							100%;
	height:							4px;
}
.view-content .image {
	float:							left;
	margin:							25px 0px 0px 5px;
	background:						#eee;
}
.view-content .text {
	float:							left;
	margin:							0px 15px 0px 15px;
}

.block-views .actions  {
	float:							right;
}


/*********************************************************
 *
 * Node View with Pictures
 *
 *********************************************************/

.node .picture {
	margin:							15px;
}

/*********************************************
 *
 * Candidate View Profile
 *
 ********************************************/

#candidate-profile {
	width:						100%;
}
#candidate-profile h1 {
	margin:						30px 0px 0px 0px;
	padding:					0px 0px 10px 15px;
	border-bottom:				1px solid #ddd;
}

#candidate-profile .account {
	color:						#666;
	float:						left;
	width:						20%;
}
#candidate-profile .profile {
	float:						left;
	width:						80%;
}
#candidate-profile table {
	width:						100%;
	margin:						0;
}
#candidate-profile .profile table {
	margin:						0;
	background:					#ddd;
}
#candidate-profile .profile table td {
	font-size:					13px;
	color:						#444;
	padding:					7px;
	background:					#fff;
}
#candidate-profile .profile table td.description {
	font-size:					11px;
	color:						#000;
	font-weight:				bold;
	padding:					7px;
	background:					#f9f9f9;
	width:						40%;
}
#candidate-profile .profile table td.value {
	width:						50%;
}

#candidate-status {
	margin-top:					20px;
}
#candidate-status form {
	margin:						0px;
}
#candidate-status .padding {
	padding:					0px 10px 0px 10px;
}


/*********************************************
 *
 * Candidate Box Search Query
 *
 ********************************************/

.box-candidate-query {
	color:						#444;
	width:						200px;
}
.box-candidate-query .padding {
	padding:					10px 3px 10px 3px !important;
}
.box-candidate-query h3 {
	color:						#0084b5;
	font-size:					13px;
	margin:						0px 0px 10px 10px;
}
.box-candidate-query li {
	margin:						3px 0px 3px 0px;
	background:					#f9f9f9;
	padding:					3px;
}
.box-candidate-query li span {
	display:					block;
	float:						left;
}
.box-candidate-query li a.icon-button {
	float:						right;
}
.box-candidate-query ul {
	margin:						0px 0px 0px 0px;
	list-style-type:			none;
}
.box-candidate-query .actions {
	margin:						15px 5px 0px 0px;
	text-align:					right;
}
.box-candidate-query .actions a {
	text-decoration:			none;
}

/*********************************************
 *
 * Tabs Company Default
 *
 ********************************************/

.tabs-company-default {
    margin:                                             20px 0px 0px 0px;
    /*width:                                              500px;*/
    width:                                              100%;
    background:         				#9fb1b9;
}
.tabs-company-default ul  {
    margin:                                             0px;
    padding:                                            20px 5px 0px 20px;
}
.tabs-company-default ul li {
    margin:                                             0px 5px 0px 0px;
    background:         				#ebebdd url('../../images/company/tabs/default/inactive-left.gif') no-repeat left top;
}
.tabs-company-default ul li a {
    padding:                                            5px 10px 5px 10px;
    color:						#0084b5;
    background:                                         url('../../images/company/tabs/default/inactive-right.gif') no-repeat right top;
}
.tabs-company-default ul li.active {
    font-weight:                                        bold;
    background:                                         #fff url('../../images/company/tabs/default/active-left.gif') no-repeat left top;
}
.tabs-company-default ul li.active a {
    color:						#000;
    background:                                         url('../../images/company/tabs/default/active-right.gif') no-repeat right top;
}



/*********************************************
 *
 * List Company
 *
 ********************************************/

.list-company {
}
.list-company p {
	margin:						5px 0px 30px 0px;
}
.list-company ul {
 	list-style-type:			none;
 	margin:						0px;
 	border-top:					1px solid #ddd;
}
.list-company li h3 {
 	font-size:					13px;
 	margin:						0px;
}
.list-company li h3.hide a {
	color:						#999;
}
.list-company li  {
	color:						#777;
	font-size:					11px;
 	clear:						both;
 	margin:						0px 0px 0px 0px;
 	border-bottom:				1px solid #ddd;
}
.list-company li h3 a {
 	text-decoration:			none;
}
.list-company .actions {
	float:						right;
	text-align:					right;
}
.list-company .actions a {
	margin-left:				5px;
}
.list-company ul li.odd {
	background-color:			#f9f9f9;
}

/* Large */
.list-company .large {
	padding:					10px;
}

/* Small */
.list-company .small {
	padding:					2px;
}
.list-company .small .actions {
	float:						right;
	text-align:					right;
	padding-right:				5px;
}
.list-company .small .actions a img {
	width:						15px;
	height:						15px;
}

/*********************************************
 *
 * List Applications
 *
 ********************************************/

table.list-company-applications {
    margin:                     20px 0px 10px 0px;
}
.list-company-applications tr {
    vertical-align:             top;
}
.list-company-applications td {
    padding:                    10px;
}
.list-company-applications .name {
    width:                      100%;
}
.list-company-applications .date,
.list-company-applications .status {
    white-space:                nowrap;
}
.list-company-applications thead {
    color:                      #000;
    font-weight:                bold;
    background:                 #9fb1b9;
}
.list-company-applications tr {
    border:                     1px dashed silver;
    padding:                    20px 0px 20px 0px;
}

.list-company-applications .name h3 {
    margin:                     0px;
    font-size:                  15px;
}
.list-company-applications .name h3 a {
    text-decoration:            none;
}
.list-company-applications .name h3 span {
    color:                      #999;
    font-size:                  12px;
    font-weight:                normal;
}
.list-company-applications td.name {
    padding-bottom:             15px;
}

/*********************************************
 *
 * List SubCompanies
 *
 ********************************************/

.list-company-subcompanies .logo {
	width:						120px;
}
.list-company-subcompanies .brand {
	padding:					15px 15px 15px 40px;
}
.list-company-subcompanies .brand h3 {
	font-size:					22px;
	color:						#999;
	font-weight:				normal;
}
.list-company-subcompanies .actions {
	padding:					15px;
}

/*********************************************
 *
 * List Contacts
 *
 ********************************************/

.list-company-contacts .name {
	width:						200px;
}
.list-company-contacts .account {
	font-weight:				bold;
	color:						#000;
	width:						100px;
}


/*********************************************
 *
 * Candidate Search Results
 *
 ********************************************/

.list-company .avatar {
 	float:						left;
 	margin:						15px 15px 0px 0px;
 	width:						120px;
}
.list-company .profile {
 	float:						left;
	width:						45%;
}
.list-company .small .profile {
	width:						200px;
	padding-left:				5px;
}
.list-company .small .profile a {
	font-size:					11px;
}
.list-company .small .city {
	width:						150px;
}
.list-company .small .age {
	width:						50px;
}
.list-company .small .application-status {
	width:						140px;
}
.list-company .small .application-date {
	text-align:					right;
	width:						60px;
}



/* Status /*/

#candidate-search-results tr.status td.value {
}
#candidate-search-results tr.status-1 td.value { color: #ccbb48; } /* Niet bekeken */
#candidate-search-results tr.status-2 td.value { color: #999; } /* Bekeken */
#candidate-search-results tr.status-3 td.value { color: green; } /* Aanbevolen */
#candidate-search-results tr.status-4 td.value { color: red; } /* Afgewezen */
#candidate-search-results tr.status-5 td.value { color: green; } /* Nog contact opnemen */



/*********************************************
 *
 * Candidate NoResults
 *
 ********************************************/

#candidate-no-results .box h3 {
	color:						#0084b5;
	font-size:					20px;
	font-weight:				normal;
}
#candidate-no-results .box h4 {
	color:						#000;
	font-size:					13px;
}

/*********************************************
 *
 * Vacancy Create/Edit Tabs
 *
 ********************************************/
#vacancy-steps {
    margin:						30px 0px 30px 0px;
    padding:                                            0 !important;
}
#vacancy-steps .tabs {
    margin:						0px 0px 0px 0px;
    border:						none !important;
}
#vacancy-steps div.tabs {
    padding:                                    	0 !important;
}
#vacancy-steps ul {
    list-style-type:                                    none;
    margin:                                             0px;
    padding:                                            0;
}
#vacancy-steps ul li {
    display:                                            block;
    float:                                              left;
    margin:                                             0px 10px 0px 0px;
    background:                                         #ecebdd url('../../images/company/partials/vacancy/steps/inactive-left.gif') no-repeat left top;
}
#vacancy-steps ul li a {
    font-size:                                          14px;
    display:                                            block;
    padding:                                            9px 15px 9px 15px;
    background:                                         url('../../images/company/partials/vacancy/steps/inactive-right.gif') no-repeat right top;
}
#vacancy-steps ul li a:hover {
    /*text-decoration:                                    none;*/
}
#vacancy-steps ul li.active {
    background:                                         #00b0f0 url('../../images/company/partials/vacancy/steps/active-left.gif') no-repeat left top;
    color:                                              #fff;
}
#vacancy-steps ul li.active a {
    background:                                         url('../../images/company/partials/vacancy/steps/active-right.gif') no-repeat right top;
    color:                                              #fff;
}

#vacancy-costs {
    margin:                                             0px 0px 50px 0px;
    width:                                              100%;
}
#vacancy-activation h2 {
    margin:                                             10px 0px 10px 0px;
    font-size:                                          16px;
}

/*********************************************
 *
 * Vacancy List
 *
 ********************************************/

.vacancy-list {
}
.vacancy-list .row {
	margin:						45px 0px 0px 0px;
	padding:					0px;
	clear:						both;
}
.vacancy-list .content {
	float:						left;
	width:						76%;
	border-right:				2px dotted #ccc;
	position:					relative;
}
.vacancy-list .menu {
	float:						left;
	border:						none;
	width:						20%;
}
.vacancy-list .info {
	font-size:					11px;
	margin:						0px 15px 0px 0px;
	background:					#f2f2ed;
        padding:                                        10px;
}

/* Content */
.vacancy-list h2 {
	margin:						0px 0px 10px 5px;
	font-size:                                      18px;
	font-weight:				normal;
}
.vacancy-list h2.icon {
	background-position:		0px 3px;
}
.vacancy-list .date {
	font-size:					11px;
	color:						#999;
}
.vacancy-list .vacancy-status {
	position:					absolute;
	right:						0px;
	color:						#999;
}
.vacancy-list h2 a {
	text-decoration:			none;
}
.vacancy-list .content p {
	margin:						0px 10px 10px 0px;
}

/* Table */
.vacancy-list table {
	margin:						0px;
	padding:						0px;
}
.vacancy-list table td.key{
	font-weight:				bold;
	color:						#000;
	width:						100px;
}

/* Info */
.vacancy-list .info .padding {
	padding:					5px !important;
}


/* Menu */
.vacancy-list .menu .padding {
    margin:                                             0px;
    padding:                                            10px 0px 0px 15px !important;
}
.vacancy-list .menu h3 {
	margin:						0px 0px 0px 3px;
}
.vacancy-list .menu a {
	display:					block;
	float:						left;
	clear:						both;
	margin:						5px;
	white-space:				nowrap;
	text-decoration:			none;
}
.vacancy-list .menu a:hover {
	text-decoration:			underline;
}

/* Icons */
h2.icon-vacancy-status-2	{	background-image: url('../../images/common/icons/silk/page.png')	} /* Concept */
h2.icon-vacancy-status-3 	{	background-image: url('../../images/common/icons/silk/stop.png')	} /* Inactive */
h2.icon-vacancy-status-4 	{	background-image: url('../../images/common/icons/silk/folder.png')	} /* Archive */
h2.icon-vacancy-status-6 	{	background-image: url('../../images/common/icons/silk/accept.png')	} /* Active */


/*********************************************
 *
 * Pagination Boxes
 *
 ********************************************/

.pagination-boxes {
    float:					right;
    padding-right:                               23%;
}
.pagination-boxes a, .pagination-boxes span {
    display:                                    block;
    float:                                      left;
    color:                                      #fff;
    background:                                 #f2f2ed;
    padding:                                    0px 3px 0px 3px;
    margin-right:                               3px;
}
.pagination-boxes a {
    text-decoration:                            none;
    background:                                 #9fb1b9;
    /*background:                                 #0084b5;*/
}
.pagination-boxes a:hover {
    background:                                 #00b0f0;
}


/*********************************************
 *
 * Forms Content
 *
 ********************************************/

.zend_form ul.instruction {
	clear:						both;
	color:						#777;
}

/*********************************************
 *
 * Application Configuration Form
 *
 ********************************************/

div#application-configuration-validation p.description {
  display: inline;
}

/*********************************************
 *
 * Application Menu
 *
 ********************************************/

#application-menu {
    position:                   relative;
}
#application-menu .toggle {
    position:                   absolute;
    left:                       540px;
    top:                        24px;
    color:                      #fff;
    cursor:                     pointer;
    padding:                    3px;
    background:                 #819fad;
}
#application-menu .toggle span {
    padding:                    0px 15px 0px 3px;
    background:                 url('../../images/common/icons/toggle-down-arrow.png') right center no-repeat;
}
#application-menu .active-filter {
    background:                 #b0ea72;
}
#application-menu .toggle-hide span {
    background-image:           url('../../images/common/icons/toggle-up-arrow.png');
}

/*********************************************
 *
 * Application Filter
 *
 ********************************************/

#application-filter {
    display:                    none;
    margin:                     20px 0px 0px 0px;
    padding:                    5px;
    background:                 #b4e4f9;
}
#application-filter.visible {
    display:                    block;
}
#application-filter form dt {
    width:                      15% !important;
}
#application-filter form dd {
    width:                      70% !important;
}