/************
*	Reset The Table layout 
************/
table {border-collapse:collapse;border-spacing:0px;}
th, td {border:none;}


/************
*	reset text-transform on h1 tags
************/
h1.no-text-transform {text-transform:none;padding:0px;margin:0px 0px 8px 0px;}


/************
*	Verschillende Layouts
************/ 
.taskpage {overflow:hidden;margin:10px 5px 0px 5px;background:#fff url(/assets/skins/frontoffice/images/doen/bg-brown-green.gif) 0px 0px repeat-y;}
.brown-pink { background-image:url(/assets/skins/frontoffice/images/doen/bg-brown-pink.gif); }
.white-green { background-image:url(/assets/skins/frontoffice/images/doen/bg-white-green.gif); }



/************
*	The 3 Column layout
************/ 
.leftCol {float:left;width:204px;padding:12px;}
.mainCol {margin:0px 240px;overflow:hidden;}
.rightCol {float:right;width:230px;}
.rightCol > div { padding:4px 12px; border-bottom:8px solid #fff; }
.mainCol form {	margin-top:8px; }



/************
*	Menu in het linker kollom
************/
ul#task-menu, #task-menu li {margin:0px;padding:0px;list-style:none;background-image:none;}
#task-menu a {display:block;font-weight:bold;padding:4px 6px;border-bottom:1px dotted #444;}
#task-menu a:hover {background-color:#F4EFE0;}
#task-menu a.selected {background-color:#F4EFE0;}



/************
*	Task Status
************/
.task-status {overflow:hidden;border-bottom:8px solid #fff;}
.task-status div {width:67px;height:30px;background:#004516 url(/assets/skins/frontoffice/images/doen/task-status-off.png) no-repeat  center 8px;float:left;font-weight:bold;text-align:center;padding-top:40px;}
.task-status div.selected {background-image:url(/assets/skins/frontoffice/images/doen/task-status-on.png);}



/************
*	Task Status in het rechter kollom
************/
.task-status {overflow:hidden;border-bottom:8px solid #fff;}
.task-status div {width:67px;height:30px;background:#004516 url(/assets/skins/frontoffice/images/doen/task-status-off.png) no-repeat  center 8px;float:left;font-weight:bold;text-align:center;padding-top:40px;}
.task-status div.selected {background-image:url(/assets/skins/frontoffice/images/doen/task-status-on.png);}



/************
*	User Profile blokjes in het rechter kollom
************/
.user-profile-image {
	float:left;
	width:74px;
	height:65px;
}
.user-profile-details {
	margin-left:90px;
}
.user-profile-links {
	clear:both;
	padding-bottom:6px;
}


/************
*	Aanbevelingen
************/
.aanbeveling {margin-top:8px;background-color:#E3DECD;padding:8px 22px;}
.aanbeveling .component {background-color:#F2F0E8;padding: 10px;margin:20px 28px 20px 0px;position:relative;}
.component span {float:left;}
.component > div {margin-left:100px;}
.component textarea {width:270px !important;}
.component .help {padding:4px 0px;text-align:center;width:20px;background-color:#00C051;font-weight:bold;color:#fff;margin:0px;position:absolute;top:1px;right:-30px;cursor:help;}
.component .helpcontent {display:none;padding:4px 0px;text-align:center;width:140px;background-color:#ffd;border:1px dotted #888;font-weight:bold;color:#000;margin:0px;position:absolute;top:1px;right:2px;}
.aanbeveling .form-actions {text-align:right;margin-right:16px;}
.aanbeveling .form-actions a {font-weight:bold;color:#3F3E3D;padding-right:12px;text-decoration:none;}


/************
*	Rating Stars (word niet meer gebruikt volgens mij)
************/
/*
.rating {width:90px;height:15px;background:transparent url(/assets/skins/frontoffice/images/doen/rating.png) repeat-x 0px -15px;cursor:help;}
.rating .stars {height:15px;background:transparent url(/assets/skins/frontoffice/images/doen/rating.png) repeat-x 0px 0px;}
.rating .stars-1 {width:18px;}
.rating .stars-2 {width:36px;}
.rating .stars-3 {width:54px;}
.rating .stars-4 {width:72px;}
.rating .stars-5 {width:90px;}
*/

/************
*	Apply to Task Button
************/
.apply-to-task-botton {
	display:block;
	background-color:#00C051;
	border:1px solid #fff;
	padding:6px 0px;
	width:120px;
	font-weight:bold;
	margin:12px auto;
	text-decoration:none;
	text-align:center;
}
.apply-to-task-botton:hover {
	text-decoration:underline;
}



.open-project-tasks {
	margin:10px 0px;
	padding:10px;
	background-color:#fff;
	overflow:hidden;
	clear:both;
}


.found-task {
	float:left;padding:12px;margin:0px 0px 18px 18px;width:188px;height:100px;background:#fff;overflow:hidden;
}
.found-task img {
	width:60px;
	float:left;
}
.found-task .task-title {
	margin-left:70px;
}


.clear, .clear-both {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}


.task-details {
	padding:12px;
}


/******************
*
*	alles hieronder nog even uitzoeken
*
******************/
.block-link {
	display:block;
	width:100%;
}
.border-bottom {
	border-bottom:1px dotted #fff;
	padding:8px 0px;
}
a.border-bottom {
	text-decoration:none;
}



.submit-buttons {
	text-align:right;
}


textarea.project-url {
	width:180px;
	margin:6px 0px;
}

.leftCol h2 {
	text-transform:uppercase;
}
h2.white {
	color:#fff;
	padding-bottom:6px;
	border-bottom:1px dotted #fff;
	font-size:12px;
}
.lees-meer-link {
	text-align:right;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	padding:4px 16px;
}



.blockCat {
	border:1px dotted #ccc;
	/*margin:0px 5px;*/
	padding:12px;
	overflow:hidden;
}
.expertise-block {
	overflow:hidden;
}
div .expertise-block a,
.expertise-block a {
	color: #000;
}
.expertise-block a {
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
}
.expertise-block a:hover {
	text-decoration:underline;
}
.expertise-block a strong.green { color: #00C051; }

.expertise-column {
	margin:10px 0px;
	padding:0px 10px;
}
h2.dark-bottom {
	font-size:14px;
	color:#000;
	border-bottom:1px dotted #000;
	padding-bottom:2px;
	margin-bottom:8px;
}
.task-block {
	margin-top:5px !important;
	margin-bottom:5px !important;
}	
.reaction {
	padding:4px 0px 10px 60px;
	overflow:hidden;
}
.apply-to-task-iframe, .apply-to-task-iframe body {
	height:100%;
	background-color:#E3DECD;
}
.apply-to-task-lightbox {
	/*height:450px;*/
}
.apply-to-task-message {font-size:13px; padding:20px;}
/*
.task-img-link {
	display:block;
	width:94px;
	height:94px;
	overflow:hidden;
	float:left;
	text-align:center;
	vertical-align:center;
}
*/

div.contentBlock.task-details-block a.task-img-link {
	display: block;
	height: 70px;
	width: 190px;			
}

div.contentBlock.task-details-block h4 {
	margin-top: 7px;	
}

.task-title {margin-left:105px;}

.dark-pink {
	background:#FF639D;
}
.overflow-hidden {
	overflow:hidden;
}
.task-details-block {
	height:190px;
	position:relative;
}
.task-details-block .task-view-details {
	position:absolute;
	bottom:0px;
	right:0px;
	width:91%;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	padding:4px 0px;
	margin:10px;
	text-align:right;
	font-size:11px;
}
.dt-description {
	padding-top:6px;
	color:#9e9e9e;
	font-size:10px;
	font-weight:bold;
}
.searchButton {	border:none;font-weight:bold;cursor:pointer; }
.searchButton-zoeken { background-color:#00C051;padding:2px 8px 4px 8px;color:#fff; }
/*.searchButton-zoeken:active {padding:3px 7px 3px 9px;}*/
.searchButton-reset { background-color:#F4EFE0;padding:2px 4px 4px 4px;}
/*.searchButton-reset:active {padding:3px 3px 3px 5px;}*/


.task_accepted {background:#fff url(/assets/files/defaults/accept.png) no-repeat 425px 10px !important;}
.task_denied {background:#fff url(/assets/files/defaults/delete.png) no-repeat 425px 10px !important;}

.relative {
	position:relative;
}
.show-more-link {
	position:absolute;
	top:4px;
	right:12px;
}
.show-more-link a {
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
.show-more-link a:hover {
	text-decoration:underline;
}
input.block-button {
	cursor:pointer;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	border:none;
	padding:3px;
	background-color:#00C051;
	/*background:#00C051 url(../images/block-button.gif) repeat-x scroll 0 0;*/
}
.lees-meer-link a {
	font-weight:bold;
}
.recommendation {
	position:relative;
	margin:24px 0px;
	padding:12px;
	font-size:12px;
	font-weight:bold;
}
.recommendation span {
	position:absolute;
	top:12px;
	left:12px;
}
.recommendation > div {
	margin-left:120px;
}


.submit-buttons {
	text-align:right;
}


/**
 * Tabs op Profiel pagina (edit)
 */

/* Tabs container (div waar de tabs in zitten) */
.tabs {	position:relative; height:28px; margin:0px 5px; }

/* tabs zelf */
.tabs h2 { cursor:pointer; position:absolute; top:0px; left:0px; z-index:50; padding:6px 12px; width:170px;}






/**
 * Tabs op Profiel pagina (bekijken)
 */
 
/* 2e tabje Profiel Pagina (bekijken) */
.tabs #meerOverProfile { left:200px; }

/**
 * tabs kleuren en ge-switch-te kleuren (doormiddel van een classname op parent el)
 */
.eenProcentProfile #eenProcentProfile	{ background:#FDAAC6; }
.eenProcentProfile #meerOverProfile 	{ background:#FF639D; }
.meerOverProfile   #eenProcentProfile	{ background:#FF639D; }
.meerOverProfile   #meerOverProfile		{ background:#FDAAC6; }

/**
 * profiel content switchten van basis (doormiddel van classname)
 */
.eenProcentProfile .profile-details			{ display:block; }
.eenProcentProfile .profile-extra-details	{ display:none;  }
.meerOverProfile .profile-details			{ display:none;  }
.meerOverProfile .profile-extra-details		{ display:block; }


#tabs .member-details {
	background-color:#FDAAC6;
}
/**
 * Tabs op Profiel edit pagina
 */

/* 2e tabje Profiel Pagina (edit) */
.tabs #mijn-kennis { left:200px; }

/* tabjes switchten van achtergrond kleur (doormiddel van een classname) */
.over-mij    #over-mij	    { background:#F4EFE0; }
.mijn-kennis #over-mij 	    { background:#D2C9AD; }
.mijn-kennis #mijn-kennis	{ background:#F4EFE0; }
.over-mij    #mijn-kennis   { background:#D2C9AD; }

/* profiel edit, forms switchten van basis (doormiddel van classname) */
.over-mij .over-mij       { display:block; }
.over-mij .mijn-kennis    { display:none;  }
.mijn-kennis .over-mij    { display:none;  }
.mijn-kennis .mijn-kennis { display:block; }


.mijn-kennis .expertise-select {
	width:160px;
	height:250px;
}
.mijn-kennis .expertise-select-buttons {
	position:relative;
	margin:0px 180px;
	padding-top:36px;
	text-align:center;
	height:160px;
}

.select_shift {
	position:absolute;
	display:block;
	width:36px;
	height:36px;
	text-indent:-1000px;
	overflow:hidden;
	left:25px;
}
.arrow_left {
	background:transparent url(/assets/skins/frontoffice/images/arrow_left.png) no-repeat;
	top:156px;
}
.arrow_right {
	background:transparent url(/assets/skins/frontoffice/images/arrow_right.png) no-repeat;
	top:65px;
}


#recommendation-rating {
	position:relative;
	background-color:#000;
	width:90px;
	height:16px;
	background:transparent url(/assets/skins/frontoffice/images/rating-white.png) repeat-x 0px 0px;
}
.recommendation-rating {
	background:transparent url(/assets/skins/frontoffice/images/rating-white.png) repeat-x 0px -16px;
	height:16px;
	width:0px;
}
.recommendation-rating span {
	position:absolute;
	top:0px;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	width:18px;
	height:16px;
	cursor:pointer;
}
.recommendation #recommendation-rating, .recommendation #recommendation-rating .recommendation-rating {
	background-image:url(/assets/skins/frontoffice/images/doen/rating.png) !important;
}

.recommendation-rating span:hover {
	background:transparent url(/assets/skins/frontoffice/images/doen/rating.png) repeat-x 0px -16px;
}

.recommendation-rating .r_1 {left:0px;}
.recommendation-rating .r_2 {left:18px;}
.recommendation-rating .r_3 {left:36px;}
.recommendation-rating .r_4 {left:54px;}
.recommendation-rating .r_5 {left:72px;}

.stars_1 .recommendation-rating {width:18px;}
.stars_2 .recommendation-rating {width:36px;}
.stars_3 .recommendation-rating {width:54px;}
.stars_4 .recommendation-rating {width:72px;}
.stars_5 .recommendation-rating {width:90px;}


.document-create-date {
	border-top:1px dotted #888;
	border-bottom:1px dotted #888;
	padding:8px 0px;
}
.uploaded-document-container {
	overflow:hidden;
	padding:8px 0px;
}
.uploaded-document-container input {
	margin-top:2px;	
	float:left;
}
.uploaded-document {
	margin-left:26px;
	
}
.document-upload-form {
	background-color:#CCF2DC;
	padding:8px 6px;
	overflow:hidden;
}
.document-upload-form .add-doc { float:left;}
.document-upload-form .delete-docs { float:right; }
.no-padding {
	padding:0px;
}