html, body, div, ul, li, form, span, p, img, fieldset, legend, label, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, tr, th, td, textarea {margin:0em; padding:0em; border:none;}
	
	/* to clear floated elements - all browsers - from http://www.positioniseverything.net/easyclearing.html */
	.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height:1%;}
	.clearfix {display:block;}
	/* End hide from IE-mac */
	
	/*Altijd scrollbar tonen om home nt te laten "springen"*/
	html {overflow-y:scroll;}
	
	body {
		background-color: #f7f7f7;
		color: #252525;
		padding: 0;
		margin: 0;
		font-family: 'Lucida Grande', arial, sans-serif;
		font-size: 15px;
	}
	
	ul, dl {
		margin: 0.5em 0 1em;
		padding: 0;
		list-style: none;
	}
		
	a { text-decoration: none; color:#00aeef;}
	a:hover{ color:#00aeef; text-decoration:underline;}
		
	p {margin: .3em 0;}
		
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
		color: #252525;
	}
		
	h2{
		font-size: 23px;
		font-weight: normal;
	}
		
	h3 {
		font-size: 14px;
		font-weight: bold;
	}
		
	h4 {
		font-size: 13px;
		font-weight: bold;
	}
		
	h5, h6 {
		font-size: 12px;
		font-weight: bold;
	}
		
	div.contentWrapper{
		width:960px;
		margin:0 auto;
		padding:0;
	}
		
	.left{float:left!important;}
	.right{float:right!important;}
	.passive, .passive a, a.passive {color: #898989;}
	.hidden {display:none;}
	.lightText{ font-weight:300;}
	.thinText{ font-weight: 200;}
	.noborder{border:none!important;}
	.altTitle{color:#00aeef!important;}
	.helpText{ color: #898989; line-height: 25px; margin-bottom: 12px;}
	.meta{ font-size:15px; color:#898989; margin-top:3px; font-weight:300;}
	.placeholder{ color: #aaa;}
	h2.altTitle{font-size: 21px; margin-bottom:30px; font-weight:300;}
	h2.altTitle.nobottom{margin-bottom:5px;}

	h2.altTitle .scoreWrap{ float:right; color:#aaa; font-size:19px; font-weight:200;}
	h2.altTitle .scoreWrap span{ color:#898989; font-size:20px; font-weight:300;}

	a:hover .passive{ text-decoration:none;}
	a.formHintLink{ margin-left:12px;}

	.subTitle{ font-size: 17px; font-weight: 300; color: #898989; padding-bottom: 12px;}
	.textBlock{ margin-bottom: 30px;}
	
		
	div#canvas {
		padding-top: 20px;
	}
		
	div#header a, div#header a:link, div#header a:visited {
		color:white;
		text-decoration: none;
	}
		
	#header #mainMenu.supervisor{
		background: #8dc63f;
	}

	#header #mainMenu.assistent{
		background: #00AEEF;
	}
		
		
	ul#mainNav, ul#serviceNav {
		margin: 0;
	}
	ul#mainNav{
		padding:5px 0 25px 23px;
		float:left;
	}
		
	ul#mainNav li, ul#serviceNav li {
		float: left;
		font-size:15px;
		font-weight:300;
		line-height:20px;
	}
		
	#mainMenu ul#mainNav {width:875px;}
	#mainMenu ul#mainNav li{
		margin-left:20px;
		/* gebruik 12px voor "levenslang leren */
		/*margin-left:12px;*/
	}
	#mainMenu.supervisor ul#mainNav li{
		margin-left:24px;
	}
	#mainMenu ul#mainNav li.first{
		margin-left:0px;
	}	
	#mainMenu.supervisor ul#mainNav li.last{
		margin-left:50px;
	}
		
	ul#mainNav li.disabled{
		opacity:.4;
	}
		
	ul#mainNav li a{
		height:22px;
		line-height:22px;
	}
		
	ul#mainNav li a, ul#serviceNav li a {
		display:block;
		padding: 12px 14px;
	}
	ul#mainNav li.active, ul#serviceNav li.active {
		background:#0076a3;
		border-radius:3px;
	}
	#mainMenu.supervisor ul#mainNav li.active {
		background:#628a2c;
	}
		
	ul#mainNav li a{
		border-radius:3px;
	}
		
	ul#mainNav li.active:hover a{
		background-color:transparent;
	}
		
		
		#mainNav li a span{line-height:16px;}
		#mainNav li a img{height:16px;vertical-align:middle;margin-right:10px;margin-top:-2px;}
		
		ul#mainNav li:hover a {
			background-color: #0076a3;
		}
		#mainMenu.supervisor ul#mainNav li:hover a {
			background-color: #628a2c;
		}
		ul#mainNav li.hasSub:hover{
			border-radius:2px 2px 0px 0px;
		}
		ul#mainNav li .submenu{
			position:absolute;
			display:none;
			min-width:150px;
			z-index:9999;
		}
		ul#mainNav li:hover .submenu{
			display:block;
		}
		ul#mainNav li .submenu a.submenuItem{
			border-radius:0px;
			background-color:#0076a3;
			border-top:1px solid #008cc1;
			display:block;
		}
		ul#mainNav.supervisor li .submenu a.submenuItem{
			background-color:#628A2C;
			border-top: 1px solid #8DC63F;
		}

		ul#mainNav li .submenu a.submenuItem span{
			color:#efefef;
		}
		ul#mainNav li .submenu a.submenuItem:hover span{
			color:#fff;
		}
		ul#mainNav li .submenu a.submenuItem:hover{
			background:#087faa;
		}
		
		ul#mainNav.supervisor li .submenu a.submenuItem:hover{
			background:#6D9438!important;
		}
		
		ul#mainNav.assistent li .menu_Count{color:#fff;background:#00AEEF;border:1px solid rgba(255,255,255,0.5);border-radius:50%;display:inline-block;width:20px;height:20px;text-align:center;vertical-align:middle;margin-left:3px;line-height:20px;font-size:13px;}
		ul#mainNav.assistent li.active .menu_Count, ul#mainNav.assistent li:hover .menu_Count{color:#0076a3;background:#fff;border:2px solid #0076a3;}
	
		ul#serviceNav li .submenu{
			position:absolute;
			display:none;
		}
		ul#serviceNav li:hover .submenu{
			display:block;
		}
		ul#serviceNav li .submenu a.submenuItem{
			border-radius:0px;
			background-color:#464646;
			border-top:1px solid #616161;
			color:#fff;
			/*width: 117px;*/  /*TIJDELIJK VOOR DEMO*/
			width:94px;
		}
		
		ul#serviceNav li .submenu a.submenuItem span{
			color:#efefef;
			font-size:1em;
		}
		ul#serviceNav li .submenu a.submenuItem:hover span{
			color:#fff;
		}
		ul#serviceNav li .submenu a.submenuItem:hover{
			background-color:#4c4c4c;
		}
		ul#serviceNav li .submenu a.submenuItem.last{
			border-radius:0px 0px 2px 2px;
		}
		
		#serviceMenu ul#serviceNav li#logout a{
			padding-left: 37px;
			height: 16px;
			line-height: 16px;
			background: url('/images/menu/logout_white.png') 15px 11px no-repeat;
		}
		#serviceMenu ul#serviceNav li#logout a:hover{
			background:url('/images/menu/logout_blue.png') 15px 11px no-repeat;
		}
		#serviceMenu.supervisor ul#serviceNav li#logout a:hover{
			background:url('/images/menu/logout_green.png') 15px 11px no-repeat;
		}
		
		#serviceMenu #userWelcome .userLink{padding-left:5px;}
		
		ul#serviceNav li#logout a:hover, #serviceMenu #userWelcome .userLink:hover{
			color:#6dcff6!important;
		}
		#serviceMenu.supervisor ul#serviceNav li#logout a:hover, #serviceMenu.supervisor #userWelcome .userLink:hover{
			color:#8dc63f!important;
		}
		
		#serviceMenu{background: #252525; height: 75px; line-height: 75px; color: #FFF; font-size:14px; font-weight:300;}
		#serviceMenu #userWelcome{ width:499px; overflow:hidden; white-space:nowrap;}
		#serviceMenu #userWelcome .userLink:hover{}
		
		#serviceMenu ul#serviceNav li {font-size:14px!important;margin-top:17px;}
		/* TIJDLIJK IN COMMENTAAR VOOR DEMO
		#serviceNav li.settings{width:145px;text-align:right;}
		#serviceNav li a.settings {height: 16px; line-height: 16px; background: url('/images/menu/cog_white.png') 38px center no-repeat;}
		#serviceNav li a.settings.en {height: 16px; line-height: 16px; background: url('/images/menu/cog_white.png') 60px center no-repeat;}
		#serviceNav li a.settings.du {height: 16px; line-height: 16px; background: url('/images/menu/cog_white.png') 38px center no-repeat;}
		#serviceNav li a.settings.fr {height: 16px; line-height: 16px; background: url('/images/menu/cog_white.png') 38px center no-repeat;}
		*/
		#serviceNav li a.settings:focus {outline:0 none;}
		#serviceNav li.settings.active{background:#464646;}
		#serviceNav li.settings.active a{border-radius:2px;}
		#serviceNav li.settings:hover a{background-color:#464646; border-radius:2px 2px 0 0;}
		
		/* TIJDLIJKE CSS OVERWRITE VOOR DEMO */
		#serviceNav li.settings{width:122px;text-align:right;}
		#serviceNav li a.settings {height: 16px; line-height: 16px; background: url('/images/menu/cog_white.png') 14px center no-repeat;}
		
		
		#serviceMenu #serviceNav li span.sep{ display:block; height:16px; width:1px; background:#acacac; margin: 12px 3px 0 0;}
		#serviceMenu #serviceNav li span.sep.empty{ background:#252525;}
		
		#serviceNav li.profile{width:90px;text-align:right;}
		#serviceNav li a.profile {height: 16px; line-height: 16px; background: url('/images/menu/profiel_small.png') 12px center no-repeat;}
		#serviceNav li.profile.active{background:#464646;}
		#serviceNav li.profile.active a{border-radius:2px;}
		#serviceNav li.profile:hover a{background-color:#464646; border-radius:2px 2px 0 0;}
		
		/* DRAWERMENU */
		#drawermenu.assistent{background:#8BC832;border-top:2px solid #22771F;}
		#drawermenu.assistent .col{width:280px;float:left;padding:35px 30px 30px 10px;}
		#drawermenu.assistent .col.last{padding:35px 10px 30px 10px;}
		#drawermenu.assistent span.navHead{color:#22771F;margin-bottom:10px;border-bottom:1px solid #73B532;}
		#drawermenu.assistent ul.actionNav{display:inline;}
		#drawermenu.assistent li{display:inline;line-height:32px;font-size:14px;background:url('/images/drawermenu/sep.png') right top no-repeat;padding-right:7px;background-size: 1px 15px;}
		#drawermenu.assistent li.last{padding-right:0px;background:none;}
		#drawermenu.assistent li a{font-weight:300;}
		#drawermenu.assistent li a:hover{text-decoration:underline;}

		#mainMenu a.button.drawermenu{float:right;width:46px;height:44px;margin-top:4px;background-size: 18px;}
		#mainMenu a.button.drawermenu:hover{background-size: 18px;}
		#mainMenu a.button.drawermenu.open{background:#8BC832 url('/images/drawermenu/plus.png') center center no-repeat;}
		#mainMenu a.button.drawermenu.open:hover{background:#7eb72d url('/images/drawermenu/plus.png') center center no-repeat;}
		#mainMenu a.button.drawermenu.close{background:#8BC832 url('/images/drawermenu/plus_diagonal.png') center center no-repeat;}
		#mainMenu a.button.drawermenu.close:hover{background:#7eb72d url('/images/drawermenu/plus_diagonal.png') center center no-repeat;}
		
		.horizontalSubmenu{padding:15px 0 25px;}
		.horizontalSubmenu ul, .horizontalSubmenu li{display:inline;}
		.horizontalSubmenu a.horizontalSubmenuItem{color:#00aeef;line-height:28px;background:transparent;}
		.horizontalSubmenu a.horizontalSubmenuItem:hover{color:#00aeef;}
		.horizontalSubmenu a.horizontalSubmenuItem.active{text-decoration:none;color:#898989;}
		.horizontalSubmenu span.menuSeparator{color:#B7B7B7;padding:5px 10px;}
		
		.toTopHolder{display:block;text-align:right;width:100%;margin-bottom:25px;position:relative;top:-10px;}
		.toTopHolder.last{margin-bottom:20px;}
		.toTopHolder a{background: url('/images/page_up_gray.png') 0px 5px no-repeat;padding-left:15px;color:#898989;font-size:14px;}
		
		
		.avatar{width:50px;height:50px;margin-right:15px;margin-top:12px;}
		
		.studentPhoto{ margin: 0 15px 8px 0;}
		.studentPhoto img{width:85px;height:85px;}
		.studentInfo{padding: 8px 0 16px 0;}
		.studentInfo .name, .studentInfo .name a{color: #00AEEF; padding-bottom: 8px; font-size: 23px; font-weight: 300;}
		.studentInfo .education{font-size: 16px;line-height: 21px; color: #939393; font-weight: 300;}
		
		.tabcontainer {border-bottom: 1px solid #dcdcdc;}
		.tabcontainer .tabs {display: inline; float: left; margin: 0px 0px -1px -4px;}
		.tabcontainer .tabs ul {margin:0px; }
		.tabcontainer .tabs ul li {display: inline; float: left;}
		.tabcontainer .tabs ul li.active{margin-top:-5px;}
		.tabcontainer .tabs ul li.last {padding-right:0px;}
		.tabcontainer .tabs ul li a {display: block; padding: 0px 20px; line-height: 37px; text-transform: uppercase; font-size: 13px; font-weight: normal; color: #ccc; border: 1px solid #ccc; border-bottom: none; background: #fff;}
		.tabcontainer .tabs ul li.active a {background: #FFF; color: #00aeef; border: 1px solid #ccc; border-bottom: 1px solid #fff;font-weight:normal;padding-top:5px;}
		.tabcontainer .tabs ul li a:hover {color:#00aeef;text-decoration:none;}
		.tabcontainer .tabs ul li.active a:hover {background:#FFFFFF; color:#00aeef;}
		.tabcontainer .tabs ul li a.noleft{border-left:none;}
		.tabcontainer .tabs ul li a.noright{border-right:none;}


		/* tooltip styling */
		.tooltipTrigger {cursor:default; text-indent:-9999px; display:inline-block; margin-right:1px; width:11px; height:11px; background:url('/images/info_icon.gif') center center no-repeat;}
		.tooltip { display:none; font-size:11px; color:#fff;}
		.tooltip .tooltipTop {background:url('/images/tooltip_top.png') top center no-repeat; padding:20px 30px 10px 30px; width:149px;}
		.tooltip .tooltipBottom {background:url('/images/tooltip_bottom.png') top center no-repeat; height:24px;}
		.tooltip .label { color:yellow; width:35px;}
		.tooltip a { color:#ad4; font-size:11px; font-weight:bold;}
		.tooltip h4 {color:#fff; font-weight:bold; margin:0px; padding:0px; margin-bottom:5px;}
		.tooltip p {margin:3px 0px; color:#efefef;}

		ul.fieldList.floated{margin:0!important;}
		ul.fieldList.floated li {float:left; white-space:nowrap; padding: 0 20px 8px 20px;}
		ul.fieldList.floated li label {width:150px; display:block; padding:0;}
		ul.fieldList.floated li input{margin-top:2px; margin-left:-20px;}

		ul.fieldList li { list-style:none; background-image:none; padding-bottom:.4em; padding-left:25px;}
		ul.fieldList li input { float:left; margin-left:-25px; margin-top:1px; width:20px; }
		ul.fieldList li input#inssmock { float:none; }
		ul.fieldList li br { display:none; }

		ul.fieldList.extraspace li{ line-height: 28px;}
		ul.fieldList.extraspace li input{ margin-top:8px;}

				
		.contentblock{ background-color:white; margin:0 0 25px 0; border:1px solid #ccc; width:960px;}
		.contentblock .border{border-bottom: 1px solid #CCC;}
		.contentblock .topborder{border-top: 1px solid #CCC;}
		.contentblock.nobottom{margin:0;}
		
		.contentblock .wrap{padding: 25px 70px;position:relative;}
		.contentblock .wrap.alt{background: #FAFAFA;}
		.contentblock .wrap.extendedVertical{ padding:35px 70px;}
		.contentblock .wrap .textContent{margin-bottom: 15px;line-height: 24px;}
		.contentblock .wrap .textContent ul{ margin:20px 0; padding-left:20px;}
		.contentblock .wrap .textContent ul li{ list-style-type:square; line-height:32px;}

		.contentblock .wrap td.textContent{padding-top: 10px;}
		.contentblock .titlewrap{padding: 10px 70px;}
		.contentblock .titlewrap .blockAction, .blockAction{height: 70px; line-height: 70px; float:right; color:#A1A1A1; text-align:right;}
		.blockAction.inline{height: 23px; line-height: 23px;}
		.blockAction.inlineActions{ margin-top:-20px;}
		.blockAction.inlineActions a{ font-weight: normal; margin-left: 20px;}
		.blockAction .status{height: 20px; line-height: 20px; margin-top: 16px;}
		.contentblock .tabwrap{padding: 8px 70px 0 70px;}
		
		.contentblock .wrap.search{background:#E7FFD3; border-top:1px solid #C2DDAB; border-bottom:1px solid #C2DDAB;}
		.contentblock .wrap.search h2{color:#597442;margin-bottom: 25px;}
		.contentblock .wrap.search .actionBlock{margin-top: 20px; padding-top: 12px; border-top:1px solid #D0E4BE;}
		
		.contentblock .wrap.filter{padding-bottom: 30px; margin: 50px 0 16px 0;}
		.contentblock .wrap.search p{ margin-bottom: 18px; color: #576B46;}
		
		.inlineList{display:inline-block!important;}
		
		#fancyBox.contentblock{ width:500px;}
		#fancyBox.contentblock .wrap{padding: 25px 30px;}
		#fancyBox.contentblock .titlewrap{padding: 10px 30px;}
		
		#bottomContainer{text-align:center;font-weight: 300;margin-bottom: 25px;color: #898989;}
		
		
		img.headerIcon{
			margin:15px 15px 15px -5px;
			vertical-align:middle;
			width:40px;
			/*height:40px;*/
		}
		

		a.button.prev span, a.button.next span {background:none;padding: 6px 20px 1px 20px;}
		
		ul.meta {
			list-style: none;
			padding: 0;
			margin: 30px 0;
		}
		
		ul.meta li {
			padding: 3px 0;
			color: #555;
		}

		
		ul.meta .label{
			text-transform: uppercase;
			color: #BBB;
			font-size: 9px;
			line-height: 9px;
		}
		
		td, th {
			vertical-align : top;
		}

		th {
			font-weight : 300;
			text-align : left;
		}
		
		.tableList{ margin:0;padding: 4px 0 12px 28px;}
		.tableList li{ list-style-type: disc; line-height: 28px; color: #898989; font-weight: 300;}
		.tableListTitle{padding:0px;font-size: 17px; font-weight: 300;}
		
		table { border-collapse: collapse;}
		
		tr.odd td{
			background-color: white;
		}

		tr.even td {
			background-color: #EDF3FE;
		}

		tr.listrow td{ padding-top:10px;}
		
		tr.sep td {/*border-bottom: 1px solid #e5edf7;*/ border-bottom: none; height: 40px; line-height: 40px;}
		tr.sep.multiline td {vertical-align: text-top;line-height:26px;}
		tr.nosep td{ border-bottom: none;}
		tr.addItem td{ background-color: #fff; border-top:1px solid #efefef;}
		
		.formLabel { color: #9E9E9E; font-size: 15px; font-weight: 300; line-height:40px!important;}
		th.date,td.date{width:150px!important;}
		
		
		/*BaseTable*/
		
		.baseTable {
			width: 100%;
			margin: 0;
		}

		.baseTable td {
			vertical-align : top;
			padding : 6px 5px 6px 10px;
		}

		.baseTable th {
			text-align : left;
			border-bottom : 1px solid #D3DBE6;
			padding:  4px 5px 4px 10px;
			color : #888;
		}
		
		
		.lightTable {
			width: 100%;
			margin: 0 0 1em 0;
		}
		
		.lightTable.inline{width: 200px!important; margin:0!important;}

		.lightTable td {
			vertical-align : top;
			padding : 7px 7px 7px 0px;
			border-bottom : 1px solid #ccc;
			line-height: 35px;
			height: 35px!important;
		}
		
		.lightTable td img{padding: 7px 7px 0 0;}
		
		
		.lightTable td.border, .lightTable th.border  {
			border-right:1px solid #eee;
			padding-right:6px;
			padding-left:6px;
		}
		.lightTable th {
			text-align: left;
			border-bottom: 1px solid #CCC;
			padding: 20px 7px 17px 0px;
			color: #B7B7B7;
			text-transform: uppercase;
			font-size: 0.9em;
		}
		
		.lightTable tr.even td, .lightTable tr.odd td, .lightTable tr.even, .lightTable tr.odd {
			background: none;
			height:26px;
			vertical-align:middle;
		}	
		/*end base table*/
		
		
		input.error {
			background: url('/images/notifications/error.gif') center right no-repeat;
			padding-right : 19px;
			border:1px solid #E00000;
		} 
	
.tableForm {
	border-right : 1px solid #D3DBE6;
	border-left : 1px solid #D3DBE6;
	border-bottom : 1px solid #D3DBE6;
}

.tableForm td {
	vertical-align : top;
	padding : 4px 5px 4px 10px;
}
.tableForm table td {	
	padding:0;
}

.tableForm th {
	text-align : left;
	background-color : #EBEFF5;
	border-bottom : 2px solid #D3DBE6;
	border-top : 1px solid #D3DBE6;
	padding : 2px 5px 2px 10px;
	color : #444;
	font-size : 90%;
}

.tableForm tr.even {
	background-color : #EDF3FE;
}

.tableForm tr.odd {
	background-color : #ffffff;
}

.tableForm tr.extraInfo td {
	padding-top:0;
	padding-left:2em;
	font-size:90%;
	color:#666;
}

.showmorelink{padding:10px 0px;}
.showmorelink a{color:#898989;}
.showmorelink a:hover{color:#00aeef;}

a.actionAdd, a.actionEdit, a.actionNext, a.actionPrevious, a.actionBack, a.actionDiplomaAfter,a.actionShowAfter{
	border: 0px;
	padding-bottom: 5px;
	font-weight: normal;
	white-space: nowrap;
	padding-left: 20px;
}

a.actionDiplomaAfter, a.actionShowAfter, a.rowAction {
	padding: 0 20px 0 0;
	color: #898989;
	line-height: 35px;
	height: 35px;
	display: inline-block;
}
a.actionDiplomaAfter:hover, a.actionShowAfter:hover,a.actionEdit:hover, a.rowAction:hover{ color:#00aeef;}

a.actionDiplomaAfter{ background: url('/images/action/diploma_new.png') right center no-repeat;}
a.actionDiplomaAfter:hover{ background: url('/images/action/diploma_new_active.png') right center no-repeat;}
a.actionShowAfter{ background: url('/images/action/show.png') right center no-repeat;}
a.actionShowAfter:hover{ background: url('/images/action/show_active.png') right center no-repeat;}

a.actionEdit {
	background: url('/images/action/edit.png') 1px 1px no-repeat;
	padding-left: 18px;
	margin-left:15px;
	color:#898989;
	font-size:14px;
}
a.actionEdit:hover{ background: url('/images/action/edit_a.png')  1px 1px no-repeat;}

a.actionBack {
	background: url('/images/action/back.gif') 0px 3px no-repeat;
	padding-left: 20px;
	margin-left: 0;
	color:#898989;
	margin-top:27px;
	font-size:14px!important;
}

a.actionLoneDelete {
	background: url('/images/action/delete_na.png') center right no-repeat;
	width: 30px;
	height: 35px;
	line-height:35px;
	border: 0px;
	text-indent: -9000px;
	position: absolute;
	display:block;
}
a.actionLoneDelete:hover{
	background: url('/images/action/delete_a.png') center right no-repeat;
}

a.actionLock {
	background: url('/images/action/locked.png') center right no-repeat;
	width: 30px;
	height: 35px;
	line-height:35px;
	border: 0px;
	text-indent: -9000px;
	position: absolute;
	display:block;
}

a.actionDownload { 
	display: block; 
	background: url("/images/action/download.png") left top no-repeat; 
	padding-left: 55px; height: 40px; line-height: 40px; margin-bottom: 12px; font-size: 16px;
}

a.actionInlineDownload {
	display:block;
	background:url("/images/action/download_inline.png") left 2px no-repeat;
	padding-left:32px;
	height:24px;
	line-height:24px;
	margin-bottom:12px;
	font-size:16px;
	font-weight:300;
	color:#898989;
}

td.loneCell { width: 2em; }


a.normal {
	font-weight:normal;
}
.formHint {
	padding-left: 5px;
	color: #898989;/*#4E9A10*/
	font-weight: 300;
}
.formCompulsory {
	color : #898989;
	font-size : 16px!important;
	padding-left : 0.2em!important;
	float:none!important;
}	
	
.passive .formCompulsory { 
	color: #aaa;
}
.formCompulsoryContainer {
	float : right;
	color:#898989;
	font-size:14px;
	font-weight: 300;
}

.pager {margin-top:10px; padding:10px 0px;}
.pager .next {float:right; display:inline;}
.pager .prev {float:left; display:inline;}

.nlpreview {border:1px solid #ccc;}
.nlheader {border-top:3px solid #ABD74E; padding:0px 20px 10px 20px;}
.nlheader .innerwrap {border-bottom:1px solid #efefef;}
.nlheader h1 {color:#333; font-size:18px; margin-bottom:10px;}
.nlcontent {padding:0px 20px 20px 20px;}

.nlPreviewArticle .meta {color:#999; font-size:11px; margin:5px 0px 5px 20px;}
.nlPreviewArticle .meta span {font-weight:bold; color:#666;}

.paddedTable td, .paddedTable th { padding: 2px 7px 2px 0px; line-height: 40px; height: 40px;}
table.paddedTable.noLeft td{ padding-left:0;}		


tr.addItem td { background-color: #fff; border:none; padding:10px 0;}
.paddedTable .paddedTable th {padding-left:0px; font-weight:bold; border-bottom:1px solid #ccc;}
.paddedTable .paddedTable td {border-bottom:1px solid #efefef;}
.paddedTable .paddedTable tr.nosep td{border:none!important;}

.lightTable  tr.nosep td, .lightTable  tr.nosep th{border:none!important;}

.lightTable .borderLeft {border-left:1px solid #ccc; padding-left:8px;}
.lightTable .borderTop {border-top:1px solid #ccc; padding-left:8px;}
.lightTable td.center {text-align:center}
.lightTable th.center {text-align:center}

.lightTable tr.higlight:hover{background-color: #FFFED6} 


a.button {
	float:left;
	margin-left: 5px;
	margin-top: 19px;
	font-weight: normal;
	line-height: 24px;
	height:30px;
	color: #fff;
	font-style: normal;
	padding:0 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #8dc63f;
	border-bottom:2px solid #4e9a10;
	text-decoration:none;
	/* background: #ddd;
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#dddddd', GradientType=0);*/
	}


	a.button:hover {
		color:#fff;
	}
	a.button span {
	padding: 0 15px 0 10px;
	margin-left:31px;
	text-transform:uppercase;
	/*  display:inline-block;*/
	line-height: 30px;
	color:#fff!important;
	font-size:13px;
	}
	
	a.button.noicon span { margin:0;}

	a.button.add {
	background:#8dc63f url('/images/buttons/btn_add.png') no-repeat left top;
	}
	a.button.add:hover {
	background:#7eb72d url('/images/buttons/btn_add_h.png') no-repeat left top;
	}
	a.button.edit {
	background:#8dc63f url('/images/buttons/btn_edit.png') no-repeat left top;
	}
	a.button.edit:hover {
	background:#7eb72d url('/images/buttons/btn_edit_h.png') no-repeat left top;
	}
	a.button.send{
		background:#8dc63f url('/images/buttons/btn_send.png') no-repeat left top;
	}
	a.button.send:hover{
		background:#7eb72d url('/images/buttons/btn_send_h.png') no-repeat left top;
	}
	a.button.markAsPassed{
		background:#7eb72d url('/images/buttons/btn_mark_ok.png') no-repeat left top;
	}
	a.button.markAsPassed:hover{
		background:#7eb72d url('/images/buttons/btn_mark_ok_h.png') no-repeat left top;
	}
	a.button.print {
		background:#8dc63f url('/images/buttons/btn_print.png') no-repeat left top;
	}
	a.button.print:hover {
		background:#7eb72d url('/images/buttons/btn_print_h.png') no-repeat left top;
	}
	a.button.download {
		background:#8dc63f url('/images/buttons/btn_download.png') no-repeat left top;
	}
	a.button.download:hover {
		background:#7eb72d url('/images/buttons/btn_download_h.png') no-repeat left top;
	}
	a.button.delete{ 
		background:#D85C45; border-bottom:2px solid #A03723;
	}
	a.button.delete span{ margin-left:6px;}
	a.button.delete:hover{
		background:#C74C35;
	}

	a.button.inline{ float:right!important; position:absolute; right:70px; margin: 0; margin-top: 8px;}
	a.button.inputBtn{line-height: 36px; height: 36px; margin: 0 0 0 -1px!important; border-top-left-radius: 0; border-bottom-left-radius: 0;}

#notificationWrapper{ position: fixed; top: 0; left: 0; right: 0; height: 0; text-align: center;z-index: 9999!important;}
#notificationWrapper .notification{ 
	line-height:20px;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.2);
	padding: 9px 11px 9px 33px;
	color:#fff;
	font-size: 1em;
	font-weight: 300;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
}
#notificationWrapper .notification.topBox{
	 -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; display: inline-block; text-align: left;
}

#notificationWrapper .notification.ok{
	background: #A3CF4D;
	background: #A3CF4D url('/images/notifications/icn_notify_ok.png') 9px 10px no-repeat;
}
#notificationWrapper .notification.error{
	background: #DC354A;
	background: #DC354A url('/images/notifications/icn_notify_error.png') 12px 10px no-repeat;
}

#notificationWrapper .notification.error li{ line-height: 1.6em; list-style-type:square;}
#notificationWrapper .notification.error h3{ font-weight: 300; font-size: 14px; line-height: 0px; padding-top: 7px;}

.linkAllItems{float:left;margin-right:10px;}
.linkAllItems a{}
	
/*** ===== DOWNLOAD TAB ==== ***/
p.intro{margin:18px 0;color:#898989;line-height: 25px;}
.docContainer{padding:10px 0px;}
.docContainer .docBlock{padding:10px 0px;}
.docContainer .docBlock h2{margin-bottom:15px;}
.docContainer .docBlock.inactive{}
.docContainer .docBlock.inactive h2{color:#898989;font-size:20px;}
.docContainer .docBlock.inactive a{color:#ccc;}
.docContainer .docBlock.inactive a:hover{color:#00aeef;}

/*** ===== WETENSCHAPPELIJKE BEOORDELING ===== ***/
table.paddedTable.scTable{margin-bottom:50px;line-height:1.2em}
table.paddedTable.scTable td{text-align:center;vertical-align:middle;height:50px;line-height:1.5em;}
table.paddedTable.scTable td.formLabel{text-align:left;line-height:20px!important}
table.paddedTable.scTable th{border-bottom:1px solid #ccc;text-align:center;vertical-align:middle;line-height:1em!important;}
table.paddedTable.scTable th.formLabel.lbl{text-align:left;}
table.paddedTable.scTable th.firstRow{}
table.paddedTable.scTable th.secondRow{ background:#F7F7F7}
table.paddedTable.scTable th:first-letter{text-transform:capitalize;}
table.paddedTable .colnr0, table.paddedTable .colnr1, table.paddedTable .colnr3, table.paddedTable .colnr6{border-left:1px solid #ccc;}

table.paddedTable th.colnr2, table.paddedTable th.colnr4, table.paddedTable th.colnr5, table.paddedTable th.colnr7{display:none;}

table.paddedTable th.colnr0, table.paddedTable th.colnr1, table.paddedTable th.colnr3, table.paddedTable th.colnr6{padding: 0px 5px;}

table.paddedTable th.colnr0{width:78px;}
table.paddedTable th.colnr1{width:156px;}
table.paddedTable th.colnr3{width:232px;}
table.paddedTable th.colnr6{width:156px;}

table.paddedTable.scTable .noLeft{border-left:none;}
/*** ===== //WETENSCHAPPELIJKE BEOORDELING ===== ***/


/*** =========== CV shizzle ========== ***/

table.displayCv {
	margin:0;
	border-collapse: collapse; 
	width: 100%;
}

table.displayCv td, div.myWizard table.displayCv td, div#containerForWizard table.displayCv td{
	padding: 10px;
	line-height: 21px;
}	

table.displayCv th, div.myWizard table.displayCv th{
	padding: 10px;
	text-align:right;
	border-right:1px solid #ccc;
	width:200px;
}

table.displayCv .cvHide , table.displayCv .cvHide h3, table.displayCv .cvHide a, table.displayCv .cvHide a:link {
		color: #AAA;
		border:none;
}
.cvHide .passive {
	color:#aaa;
}
	table.displayCv td.control {
	/*  background-color: #EEE;*/
		text-align:right;
		padding-right:3px;
		width:220px;
	}

	table.displayCv .control a.actionDelete {
	padding-left: 18px;
	margin-left: 40px;
	font-weight:normal;
	}

	table.displayCv .hover {
	color: black;
	background-color: #fff585;
	}
	table.displayCv a.actionAdd {
		margin-top: 20px;
		font-weight:normal;
	}       

	tr.yellow { background-color : yellow;}

	tr.odd { background-color : #fff;}
	tr.even { background-color : #fff;}
	tr.over { 
		color: #252525;
		background:#f8f8f8;
	}
	
	.noControl tr.over { 
		color: #333344;
		background-color: #fff;
	}
	
	tr.edit, tr.over.edit, tr.edit tr, tr.over.edit tr, .noControl tr.edit, .noControl tr.over.edit, .noControl tr.over.edit tr{ 
		color: #252525;
		background-color: #F2F2F2;
	}
	
	table.displayCv tr .control a, 
		table.displayCv tr .control a:link {
			color: #BBB;
			border: none;
			padding: 6px 12px;
			margin-left: 2px;
			font-size: 13px!important;
			text-transform: uppercase;
			text-decoration: none;
			white-space: nowrap;
			margin-bottom: 4px;
			font-weight: 300;
			-webkit-border-radius: 3px;
			border-radius: 3px;
	}
	
	table.displayCv tr.over .control a, 
		table.displayCv tr.over .control a:link {
			color: #fff;
			background-color: #00AEEF;
			border:none;
			border-bottom: 2px solid #0076A3;
	}
	table.displayCv tr.over .control a:hover {
			color: #fff;
			border:none;
			background-color: #0076A3;
			border-bottom: 2px solid #0076A3;
	}

	td.formLabelRight {
		text-align:right;
		
		width:200px;
	}
	
	.hide {
		display:none;
	}

	.noControl a.action {
		display:none;
	}

	table.displayCv table.weekOverzicht td {
		padding:0;
		width:60px;
		padding-left:0px;
		text-align:left;
	}

		table.displayCv table.weekOverzicht td.last {
			width:30px;
		}

		table.displayCv table.weekOverzicht th {
			width:60px;
			border:none;
			text-align:left;
			padding:0;
			border-bottom:1px solid #eee;
			padding-left:0px
		}

		table.displayCv table.weekOverzicht th.last{ width:30px;}
		
		tr.edit .defaultSimpleSkin table.mceLayout tr td {
			background:#F0F0EE none repeat scroll 0 0;
		}
		
.formStandard #cvTable h3 { border:none;}

.formBlock{margin-bottom: 30px;}
.formBlock.last{margin:0px;}
.formBlock p{margin-bottom:10px;}

.ui-progressbar {height:1em;}

span.communicator,span.medicus,span.wetenschapper,span.manager{
	padding:3px;margin-right:10px;color:#959595;width:100px;text-align:left;display:inline-block;font-size: 11px;
	text-transform: uppercase;background:#f0f0f0;float:left;
}
img.communicator,img.medicus,img.wetenschapper,img.manager{height:25px;float:left;}
img.communicator {background:#F08F00;}
img.medicus {background:#FFF15F;color:#796F0D;}
img.wetenschapper {background:#3FA5E9;}
img.manager {background:#93C74A;}

td.sliderCell{padding:20px 12px 8px 0;}
td.sliderCell .sliderWrapper{ padding-left: 8px;}
td.sliderCell .sliderWrapper .slider.active{ background: #A29F9F;}
td.sliderDescr{padding-left: 20px;}

.sliderLabel{ height: 20px; line-height:20px; color: #aaa; font-size: 13px; font-weight: 300; /*margin-top: 3px;*/ margin-top: 12px;}
.driemaandelijks_highlight{/*background-color:#FFFCF5;*/}

.sliderLegend.wrap{padding:25px 70px 0px 70px;}
.sliderLegend ul li{color:#aaa;display:inline;padding-right:7px;margin-right:2px;border-right:1px solid #ccc;font-weight:300;font-size:13px;word-spacing:-1px;}
.sliderLegend ul li:last-child{padding-right:0px;border-right:none;margin-right:0px;}
.sliderLegend li span{color:#555}

.ratingTable td{border:none!important}

.btn.add {float:right;background-color:#8dc63f;color:white;text-transform:uppercase;text-decoration:none!important;border-radius:3px;border-bottom:2px solid #4e9a10;cursor:pointer;margin-top:7px;}
.btn.add img{background:#4e9a10;margin:0px;padding:8px;border-radius:3px 0px 0px 3px;float:left;}
.btn.add span{font-size:14px;color:white;padding:10px 8px 8px 8px;font-weight:100;float:right;}
.btn.save{cursor:pointer;background-color:#8dc63f;color:white;text-transform:uppercase;text-decoration:none!important;border-radius:3px;border-bottom:2px solid #4e9a10;padding:8px;margin-top:10px;}
.btn.save span{font-size:14px;line-height:24px;color:white;padding:10px 8px 8px 8px;font-weight:100;}
.btn:hover{background-color:#9dd352!important;}

.lightTable span.ingreep-assistent{display:block;background:#e1e1e1;color:white;border-radius:20px;width:16px!important;height:16px!important;padding:5px;line-height: 17px;font-size:12px;margin: 5px 5px 0 0;}
.lightTable span.ingreep-assistent.checked{background:#f7941d;}
.lightTable span.ingreep-assistent:hover{cursor:default;}

.lightTable .colActions{ width:150px;}


#personalBlock{padding-bottom:45px;padding-top:25px;}

#personalBlock #profilePic{
	position:relative;
	width:200px;
}
#personalBlock span#profilePicOverlay{
	display:block;
	width:200px;
	height:200px;
	background:url('../images/profile/profilepic_overlay.png') left top no-repeat;
	z-index:999!important;
	overflow:hidden!important;
	position:absolute;
	top: 0;
	left: 5px;
}
#personalBlock #profilePicWrapper{
	width:200px;
	height:200px;
	overflow:hidden;
	float:left;
}
#personalBlock #profilePicWrapper img{
	width:200px;
	padding:0;
	margin:0;
	margin-left:3px;
	z-index:1;
	box-shadow:none!important;
	overflow:hidden;
}

#personalBlock #profileUser{display:block; width:575px; float:left; margin-left: 40px; padding-top:15px;}
#personalBlock #profileUser h1{font-size: 2.2em; font-weight:300; line-height:65px;}
#personalBlock #profileUser h2.schoolInfo{color:#898989; line-height:32px; font-weight:300;}

p.intro.profile{margin:0px 0px 25px 0px;color:#AAA;font-weight:300;font-size:13px;line-height: 18px;}


.pagination{margin: 14px 0 28px;clear:both;}
.pagination a, .pagination span{ display:inline-block; float:left; border:1px solid #cecece; border-left: none;padding: 9px 17px; color:#8b8b8b; text-decoration:none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.pagination span{color: #fff;background:#00aeef;}
.pagination span:hover{cursor:default;}
.pagination a#previousPage{background:url('/images/page_previous.png') center center no-repeat;border:1px solid #cecece;}
.pagination a#nextPage{background:url('/images/page_next.png') center center no-repeat;}


#opleidingBox #metaheader{ margin: 22px 0 26px 0;}
#opleidingBox #metaheader #competenceTitle{width:650px;}
#opleidingBox #metaheader #competenceTitle h2{ font-size:25px; font-weight: 300; line-height: 32px;}
#opleidingBox #metaheader span.studyPointBox{float: right; background: #E1E1E1; padding: 4px 8px; color: #898989; font-size: 16px; font-weight: 300; border-radius: 3px;}

#opleidingBox #metaheader #studyPointBox > span{ color:#FFF; height:33px; line-height:33px; font-size:16px; font-weight:300;}
#opleidingBox #metaheader #studyPointBox.wetenschapper > span{background-color: #00AEEF;}
#opleidingBox #metaheader #studyPointBox.medicus > span{background-color: #F6D01D;}
#opleidingBox #metaheader #studyPointBox.manager > span{background-color: #39B54A;}
#opleidingBox #metaheader #studyPointBox.communicator > span{background-color: #F7941D;}

#opleidingBox #metaheader #studyPointBox #icon{ width:30px; padding:0 3px; margin-right:1px;border-radius:4px 0 0 4px; background-position:center center; background-repeat: no-repeat;}
#opleidingBox #metaheader #studyPointBox #points{ padding:0 10px; border-radius:0 4px 4px 0;}

#opleidingBox #metaheader #studyPointBox.wetenschapper #icon{background-image: url('/images/studyprogram/wetenschapper_small.png');}
#opleidingBox #metaheader #studyPointBox.medicus #icon{background-image: url('/images/studyprogram/medicus_small.png');}
#opleidingBox #metaheader #studyPointBox.manager #icon{background-image: url('/images/studyprogram/manager_small.png');}
#opleidingBox #metaheader #studyPointBox.communicator #icon{background-image: url('/images/studyprogram/communicator_small.png');}

#opleidingBox #opleidingTable{ width:816px; margin-bottom: 30px; border:1px solid #cecece;border-bottom:none;}
#opleidingBox #opleidingTable .headerblock{width: 202px;text-align: center; float: left;height: 58px;line-height: 58px; color: #FFF; font-size: 15px; font-weight: 300;padding:1px;}
#opleidingBox #opleidingTable .headerblock span{display: inline-block;}
#opleidingBox #opleidingTable .headerblock.wetenschapper{background: #00aeef;}
#opleidingBox #opleidingTable .headerblock.wetenschapper span{background:url('/images/studyprogram/wetenschapper_small.png') left 18px no-repeat; padding-left: 23px;}
#opleidingBox #opleidingTable .headerblock.medicus{background:#f6d01d;}
#opleidingBox #opleidingTable .headerblock.medicus span{background:url('/images/studyprogram/medicus_small.png') left 18px no-repeat; padding-left: 23px;}
#opleidingBox #opleidingTable .headerblock.manager{background:#39b54a;}
#opleidingBox #opleidingTable .headerblock.manager span{background:url('/images/studyprogram/manager_small.png') left 17px no-repeat; padding-left: 26px;}
#opleidingBox #opleidingTable .headerblock.communicator{background:#f7941d;}
#opleidingBox #opleidingTable .headerblock.communicator span{background:url('/images/studyprogram/communicator_small.png') left 18px no-repeat; padding-left: 33px;}

#opleidingBox #opleidingTable .niveaublock{ background:#f0f0f0; padding:20px 16px;border-bottom:1px solid #cecece;}
#opleidingBox #opleidingTable .niveaublock h3{ float:left; font-size:15px;font-weight: 300;color:#898989;}
#opleidingBox #opleidingTable .niveaublock h3 strong{ padding-right:10px;}
#opleidingBox #opleidingTable .niveaublock .points{ float:right;color: #898989;}
#opleidingBox #opleidingTable .niveaublock .points.completed{ padding-right:24px; background: url('/images/ok.png') right top no-repeat;}

#opleidingBox #opleidingTable .niveau .tablerow{ border-bottom:1px solid #cecece;}
#opleidingBox #opleidingTable .tableblock{ float: left; position: relative; background: url('/images/studiepunt_corner.png') right bottom no-repeat; width: 171px; height: 75px; border-right: 1px solid #CECECE; padding: 25px 16px;color:#ddd;}
#opleidingBox #opleidingTable .tableblock.empty{ background:#fff;}
#opleidingBox #opleidingTable .tableblock.last{border:none;padding-right:17px;}
#opleidingBox #opleidingTable .tableblock:hover{ background-color:#f9f9f9;}
#opleidingBox #opleidingTable .tableblock.empty:hover{ background-color:#fff; cursor:default;}
#opleidingBox #opleidingTable .tableblock .descr{line-height: 21px; width: 164px; overflow: hidden; height: 83px; word-break: break-word;}
#opleidingBox #opleidingTable .tableblock .studiepunt{ position: absolute; bottom: 3px; right: 0; color: #C2C2C2; width: 24px; text-align: center; font-weight: 300; font-size: 14px;}

#opleidingBox #opleidingTable .tableblock.wetenschapper{color: #00aeef;}
#opleidingBox #opleidingTable .tableblock.medicus{color:#f6d01d;}
#opleidingBox #opleidingTable .tableblock.manager{color:#39b54a;}
#opleidingBox #opleidingTable .tableblock.communicator{color:#f7941d;}


#todoList { margin-bottom:32px;}
#todoList h3{ color:#00aeef; font-size:18px;font-weight: normal; margin-bottom: 12px;}
#todoList .row{ font-size: 15px; line-height: 36px; font-weight: 300; padding-left: 36px; color:#888;}
#todoList .row a{color:#888;}
#todoList .row a:hover{color:#000;}
#todoList.open .row{ background:url('/images/checkbox_open.png') left 5px no-repeat;}
#todoList .row span{color:#B6B6B6;padding-left: 5px;}
#todoList.open .row .descr{ color:#aaa;}
#todoList.open .row .descr ul{padding-left: 31px;margin-top: -4px;}
#todoList.open .row .descr ul li{list-style-type: square;}
#todoList.completed .row{ background: url('/images/checkbox_completed.png') left 5px no-repeat;}

#todoList .todotasks{display:block;}
#todoList .todotasks ul{margin-top:0px;}
#todoList .todotasks ul li{line-height:28px;}
#todoList .todotasks ul li span{}
#todoList .todotasks ul li a{}
#todoList .todotasks ul li.incompleted span, #todoList .todotasks ul li.incompleted a{color:#efefef;}

#nuttigedocumenten .row a.actionDownload{display:inline-block;}
#nuttigedocumenten .row span{color:#B6B6B6;padding-left:5px;}

.crumb{ margin-top:30px; margin-left: -6px;}
.crumb li.first{ padding-left: 0;}
.crumb li { display: inline; background: url('/images/crumb_arrow.png') right center no-repeat; padding: 0 16px 0 4px;}


.statusLabel, .inlineStatus{/*float: right;*/ padding: 4px 8px; color: white; font-size: 15px; font-weight: 300; border-radius: 3px;margin-left:15px;position:relative;top:-3px;white-space: nowrap;}
.inlineStatus{float:none; padding: 7px 8px 6px 8px;margin-left:6px;}
.statusLabel.requested, .inlineStatus.inprogress{ background: #aaa;}
.statusLabel.rated, .inlineStatus.pass{ background: #8dc63f;}
.statusLabel.refused, .inlineStatus.fail{ background: #E20000;}
.statusLabel.saved{ background: #555;}


/* formitems */
label{
	padding-top:5px;
}
select{
	height:36px;
	width:400px;
	font-size:14px;
	padding:5px 45px 5px 10px;
	border:1px solid #cccccc;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	/* hide ddl-arrow hack */
	text-indent: 0.01px;
	text-overflow: '';
	/* //hide ddl-arrow hack */
	border-radius:0px;
	background: #fff url('/images/form/select_arrow.gif') right center no-repeat;
}
select.small{ width: 150px;}
select.medium{ width: 250px;}
select.large{ width:322px;}

input[type="text"]{
	background: white;
	font-size: 15px;
	line-height: 24px;
	height: 26px;
	padding: 5px 10px;
	border: 1px solid #CCC;
	-webkit-appearance:none!important;
	-moz-appearance:none!important;
	appearance:none!important;
	border-radius: 0px;
	width: 300px;
}
input[type="text"].xsmall{ width:50px;}
input[type="text"].lmedium{width: 378px;}
input[type="text"].large{ width: 400px;}

input.autocomplete{background: url('/images/form/icn_autocomplete.png') 373px center no-repeat; padding-right: 36px; width: 353px!important;outline:none!important;}
input.autocomplete.praktijk{background: url('/images/form/icn_autocomplete.png') 306px center no-repeat; width: 289px!important;}
input.ui-autocomplete-loading{ background: white url("/images/form/loading.gif") 360px center no-repeat;}
input.ui-autocomplete-loading.praktijk{ background: white url("/images/form/loading.gif") 295px center no-repeat;}

input[type="password"]{
	background:white;
	font-size:15px;
	width:250px;
	line-height:24px;
	padding:5px 10px;
	border:1px solid #cccccc;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0px;
}
input[type="datefield"]{
	background:white;
	font-size:15px;
	line-height:24px;
	padding:5px 10px;
	border:1px solid #cccccc;
	border-radius:0px;
	width:100px;
}
textarea{
	background:white;
	font-size:15px;
	width:400px;
	resize:none;
	border:1px solid #cccccc;
	border-radius:0px;
	padding:5px 10px;
}
textarea.expanded{width: 820px; height: 225px;}

.radioWrapper{ margin: 20px 0 8px 0;}
.radioWrapper .fixedVal{display: inline-block; font-size: 14px; text-transform: uppercase; padding: 2px 20px; height: 36px; line-height: 36px; background: #00AEEF; color: #FFF;}

label.horizontalradioWrapper{
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
}
label.horizontalradioWrapper .horizontalradio + span {
	display: inline-block;
	float: left;
	height: 36px;
	line-height: 36px;
	color: #555;
	background: #FFF;
	border: 1px solid #CCC;
	text-align: center;
	text-transform: uppercase;
	padding: 2px 15px;
	min-width: 42px;
	_width:42px;
	font-size: 14px;
	white-space: nowrap;
}
label.horizontalradioWrapper .horizontalradio{
	position: absolute;
	height: 36px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	cursor: pointer;
	width: 1px;
}
label.horizontalradioWrapper .horizontalradio:hover, label.horizontalradioWrapper .horizontalradio + span:hover{
	cursor: pointer;
}
label.horizontalradioWrapper .horizontalradio:checked + span{
	background:#00aeef;
	color:#fff;
	border:1px solid #00aeef;
}
input[type="radio"].regradio{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:#F0F0F0;
	border:6px solid #F0F0F0;
	padding:6px;
	border-radius:50%;
	display: inline-block;
	position:absolute;
	margin-right:10px;
	cursor:pointer;
}
input[type="radio"].regradio:checked{
	background-color:white;
	color:#99a1a7;
	border: 6px solid #00aeef;
	cursor:default;
}
input[type="radio"].regradio + span{
	padding-left:10px;
	position:relative;
	top:5px;
}
input[type="submit"]{
	color:#fff;
	text-transform:uppercase;
	background:#8dc63f;
	border:none;
	box-shadow:none;
	border-bottom:2px solid #4e9a10;
	padding:0 20px 0 20px;
	border-radius:3px;
	cursor:pointer;
	margin: auto 3px auto 0;
	-moz-appearance:none;
	-webkit-appearance: none;
	appearance:none;
	font-size:13px;
	height: 30px;
	line-height:30px;
}
input[type="submit"]:hover{
	background:#7eb72d;
}

input[type="submit"].red{
	background: #D85C45;
	border-bottom: 2px solid #A03723;
}
input[type="submit"].red:hover{
	background:#C74C35;
}

/* OSATS table */
span.radioDescr{display: inline-block; font-size: 13px; line-height: 17px; color: #898989; text-align: center; margin-top: 4px;}

/*html5 slider*/
input[type='range'] {
    -webkit-appearance:none!important;
	-moz-appearance:none!important;
	appearance:none!important;
    background:#e1e1e1;
    height:14px;
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance:none!important;
	-moz-appearance:none!important;
	appearance:none!important;
    background: #0076A3;
	border-radius:3px;
	border:none;
    height:24px;
    width:24px;
}

.noOutline{outline:none!important;}


/* JQUERY SLIDER */
.ui-widget-header {
/*border: 1px solid #0096CE;*//*#D59800*/
border:none;
background: #00bff3;/*#FFE48E*/
color: #FFF;
font-weight: bold;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

.ui-progressbar {
height: 26px;
width: 160px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

.ui-widget-content {
border:none;
background: #e1e1e1;
color: #222;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

.ui-slider-horizontal{
	height: 3px;
	-webkit-transition: background 350ms ease-in-out;
	-moz-transition: background 350ms ease-in-out;
	-ms-transition: background 350ms ease-in-out;
	-o-transition: background 350ms ease-in-out;
	transition: background 350ms ease-in-out;
}

.ui-slider-horizontal .ui-slider-handle {
	/*outline: none!important;
	background: #0076A3;
	border: none;
	border-radius: 20px;
	margin-top:1px;*/
	outline: none!important;
	background: url('/images/form/slider_handle.png') center center no-repeat;
	border: none;
	width: 26px;
	height: 26px;
	border-radius: 20px;
	margin-top: -7px;
}

.ui-slider-horizontal .ui-slider-handle:focus{ outline:none!important;}

.ui-slider-horizontal .ui-slider-handle:hover{ cursor:pointer;}
/* //JQUERY SLIDER */

/* customizen van datepicker */
.datepicker{width:85px!important;}
.ui-datepicker-month{margin-right:3px!important;}
.ui-datepicker-month,.ui-datepicker-year{background-color:white; font-size: 13px!important;height: 30px!important;}
.ui-datepicker th {font-weight: normal!important;}
.ui-datepicker-calendar .ui-state-default { border: 1px solid #C5DBEC; background: #6DCFF6; font-weight: normal!important;color: #FFF;}
.ui-datepicker-calendar .ui-state-active { font-weight:bold!important; background: #0076a3!important;}
.ui-datepicker-trigger{margin-left:8px;}
.ui-datepicker-trigger:hover{cursor:pointer;}
#ui-datepicker-div{display:none;}
/* //customizen van datepicker */

ul.ui-autocomplete{ background: #fff; display: inline-block; border: 1px solid #ccc; z-index:9999!important; margin-top:8px;}
ul.ui-autocomplete li{border-bottom:1px solid #ccc; padding: 5px;margin-bottom:1px!important;}
ul.ui-autocomplete li.ui-menu-item a{ padding: 4px 10px; line-height: 22px; display: block;border-radius:0;font-size: 15px; font-family: "proxima-nova",sans-serif; color: #555;}
ul.ui-autocomplete li.ui-menu-item a .assistentInfo{margin-bottom:5px;}
ul.ui-autocomplete li.ui-menu-item a .eduInfo{font-size: 14px; color: #898989; line-height: 19px;}
ul.ui-autocomplete li.ui-menu-item a.ui-state-focus{cursor:pointer; background: #F3F3F3; color:#252525;border:none;padding:5px 11px 4px 11px;border-bottom:1px solid #ccc;}
ul.ui-autocomplete li.ui-menu-item:last-child, ul.ui-autocomplete li.ui-menu-item:last-child a.ui-state-focus {border-bottom:1px solid white;}
ul.ui-autocomplete li.ui-menu-item.noresults{ border-bottom: none; font-size: 12px;}
ul.ui-autocomplete li.ui-menu-item.noresults:hover, ul.ui-autocomplete li.ui-menu-item.noresults a.ui-state-focus{ background:white; cursor:default;}
ul.ui-autocomplete li.ui-menu-item.noresults a{ color:#999;}
ul.ui-autocomplete li.ui-menu-item strong{ background: #CCC; border-radius: 2px; padding: 1px 1px;color: #444;}


/* developcontainer */
.___developcontainer{position:fixed;left:5px;top:5px;z-index:999;opacity:0.2;cursor:default;}
.___developcontainer:hover{opacity:1.0}
.___developcontainer span{background-color:#949494;color:white;border-radius:3px;width:65px;padding:5px;font-size:9px;text-align:center;}

.progressbar{ padding-top:8px;}
.progressbar .bar{ text-align: left; overflow: hidden; font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 1.1em;height: 26px; width: 160px;border: none; background: #E1E1E1; color: #222; height:4px;}
.progressbar .progress{  display: block; border: none; background: #00BFF3; color: #FFF; font-weight: bold; height: 100%;}
.progressbar .sliderLabel{ margin-top: 5px!important;} 


.nomargin{margin:0!important;}
.nopadding{padding:0!important;}
.resetTop{margin-top:0!important;}
.resetBottom{padding-bottom:0!important;}

.thin{font-weight:300!important;}
.thinner{font-weight:200!important;}

.nojs .msg{ line-height: 38px; height: 38px; top: 0; left: 0; background: #FD5555; display: block; width: 100%; z-index: 99999; font-size: 14px; text-align: center; color: #FFF; font-weight: 300; border-bottom: 1px solid #BE3636; text-shadow: 1px 1px 5px #BE3636;}
.nojs .msg a, .nojs .msg a:hover{ color: white; text-decoration:underline;}


#searchResults {margin-top:25px;}
#searchResults .person{margin-bottom: 20px; padding-bottom:20px;}
#searchResults .person .added{font-size: 14px; color: #898989;}
#searchResults .photo{margin-right:25px;}
#searchResults .person .name{font-size: 18px; font-weight: 400; line-height: 26px;}
#searchResults .person .organisation{color: #898989; line-height: 24px; font-weight: 300;font-size: 15px;}

.searchForm input[type='submit']{padding: 3px 20px; margin-left: 5px; height: 38px;line-height: 35px;}

a.actionLink{padding-left: 25px; font-weight: 300;}
a.actionLink.add{ color: #8dc63f; background: url('/images/action/add_link.png') no-repeat left 1px;}
a.actionLink.add:hover { color:#7eb72d; background: url('/images/action/add_link_a.png') no-repeat left 1px;}

a.actionLink.delete{ color: #ed1c24; background: url('/images/action/delete_link.png') no-repeat left 1px;}
a.actionLink.delete:hover { color:#e21018; background: url('/images/action/delete_link_a.png') no-repeat left 1px;}



.canMEDTable{ margin-bottom: 16px;}
.canMEDTable td{ padding: 10px 20px; color:#898989; border:1px solid #CCC!important;}
.canMEDTable td.roleDescr{ width:10px;}
.canMEDTable td.roleDescr span{ display:inline-block; height:35px; line-height:35px; padding-left:38px; font-size:15px!important; font-weight:300; white-space: nowrap;}
.canMEDTable td.roleDescr .cm-scholar.gray{background: url('/images/canmed/scholar_gray.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-professional.gray{background: url('/images/canmed/professional_gray.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-manager.gray{background: url('/images/canmed/manager_gray.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-communicator.gray{background: url('/images/canmed/communicator_gray.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-collaborator.gray{background: url('/images/canmed/collaborator_gray.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-health-advocate.gray{background: url('/images/canmed/health-advocate_gray.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-medical-expert.gray{background: url('/images/canmed/medical-expert_gray.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-scholar.blue{background: url('/images/canmed/scholar_blue.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-professional.blue{background: url('/images/canmed/professional_blue.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-manager.blue{background: url('/images/canmed/manager_blue.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-communicator.blue{background: url('/images/canmed/communicator_blue.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-collaborator.blue{background: url('/images/canmed/collaborator_blue.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-health-advocate.blue{background: url('/images/canmed/health-advocate_blue.png') left center no-repeat;}
.canMEDTable td.roleDescr .cm-medical-expert.blue{background: url('/images/canmed/medical-expert_blue.png') left center no-repeat;}
.canMEDTable td.sliderCell{ width:385px;}
.canMEDTable td.sliderCell .progressWrap{ /*padding-top:14px;*/padding-top:18px;}
.canMEDTable td.sliderCell .progressWrap .progressbar{ padding-top:1px;}
/*.canMEDTable td.sliderCell .progressWrap .progressbar.supervisor .progress{ background:#8DC63F;}*/
.canMEDTable td.sliderCell .progressWrap .progressbar.assistent .progress{ background: #00BFF3;}
.canMEDTable td.sliderCell .sliderWrapper{ padding: 0 15px; margin-top: 18px;}
.canMEDTable td.sliderCell .bar{ width: auto!important; height: 4px;}
.canMEDTable td.sliderLabel{ font-size: 15px!important; width: 14px; text-align: center;}

.canMEDBlocksTable th.icn{ width:50px; padding:20px 0 17px 1px; text-align:center;}
.canMEDBlocksTable .row td{ padding:20px 0 24px; vertical-align:top!important;}
.canMEDBlocksTable .name{ width: 165px;}
/*.canMEDBlocksTable .remark{ padding-left: 45px!important;}
.canMEDBlocksTable td.remark div{ line-height: 22px; word-break: break-all; margin-bottom:3px!important;}
.canMEDBlocksTable td.remark div.closed{ height:45px; overflow:hidden;}
.canMEDBlocksTable td.remark a.readmore{z-index: 999; position: relative;}*/
.canMEDBlocksTable .row td.role{ width:50px;}
.canMEDBlocksTable .row td.role.fixedHeight{height: 55px!important; line-height: 55px;}
.canMEDBlocksTable .row td.role .pointBlock{ display:block; width:50px; height:11px; margin-top:1px;}
.canMEDBlocksTable .row td.role .pointBlock.grade-0{ background:#E2F7FF;}
.canMEDBlocksTable .row td.role .pointBlock.grade-1{ background:#99dff9;}
.canMEDBlocksTable .row td.role .pointBlock.grade-2{ background:#66cef5;}
.canMEDBlocksTable .row td.role .pointBlock.grade-3{ background:#33bef2;}
.canMEDBlocksTable .row td.role .pointBlock.grade-4{ background:#00aeef;}
.canMEDBlocksTable .row td.role .pointBlock.grade-5{ background:#0098D1;}
.canMEDBlocksTable .row.supervisor td.role .pointBlock.grade-0{ background:#e8f4d9;}
.canMEDBlocksTable .row.supervisor td.role .pointBlock.grade-1{ background:#CBE2AC;}
.canMEDBlocksTable .row.supervisor td.role .pointBlock.grade-2{ background:#B4E472;}
.canMEDBlocksTable .row.supervisor td.role .pointBlock.grade-3{ background:#a4d165;}
.canMEDBlocksTable .row.supervisor td.role .pointBlock.grade-4{ background:#8dc63f;}
.canMEDBlocksTable .row.supervisor td.role .pointBlock.grade-5{ background:#7aaf30;}
.canMEDBlocksTable .row td.noAssessment{ color:#b7b7b7; font-weight:300;}
.canMEDBlocksTable .row td.noAssessment a{border-bottom: 1px solid #e4f4fd;}

.roleList{ margin-top: 2px;}
.roleList .cat{ margin-bottom: 22px;}
.roleList .cat h2{ margin: 4px 0 4px; font-size: 18px;}
.roleList .cat .fieldList li{ width: 100%!important; white-space: normal;}
.roleList .cat .fieldList label{ width: 100%!important;}
.roleList .cat .fieldList li input{ margin-top: 13px;}

#cumulToetslijstOverview .role{ margin-top: 20px;}
#cumulToetslijstOverview .role a.lnkRole:hover, #cumulToetslijstOverview .role a.lnkSubCat:hover{text-decoration: none;}
#cumulToetslijstOverview .role a.lnkRole h2{ margin-bottom: 18px;}
#cumulToetslijstOverview .role a.lnkRole h2 img { margin-right: 6px;}
#cumulToetslijstOverview .role a.lnkRole h2 span, #cumulToetslijstOverview .role a.lnkSubCat h3 span{ margin-left: 12px; font-size: 18px; color: #898989;}
#cumulToetslijstOverview .role a.lnkRole h2 span.completed{background: url("/images/checkbox_completed_mini.png") right top no-repeat; padding-right: 28px;}
#cumulToetslijstOverview .role a.lnkRole:hover h2 span, #cumulToetslijstOverview .role a.lnkSubCat:hover h3 span{ color: #555;}
#cumulToetslijstOverview .role .cat{ margin-bottom: 20px;}
#cumulToetslijstOverview .role .cat h3{ font-size: 18px; font-weight:300; color: #555; margin-bottom: 18px;}
#cumulToetslijstOverview .role .cat .toets{ line-height:28px; font-size: 15px; color: #898989; font-weight: 300; padding: 0 0 14px 42px;}
#cumulToetslijstOverview .role .cat .toets.done{ background: url("/images/checkbox_completed.png") left top no-repeat;}
#cumulToetslijstOverview .role .cat .toets.open{ background: url("/images/checkbox_open.png") left top no-repeat;}
#cumulToetslijstOverview .role .cat .toets span{ color:#AAA; font-weight:300; font-size: 13px;}

#tblStagePlan td{ padding: 17px 0px 12px!important;}
#tblStagePlan td img{ padding: 4px 7px 0 0!important;}
#tblStagePlan td select{ width:240px;}
#tblStagePlan td .actionEdit{ margin:0;}
#tblStagePlan td .actionLoneDelete{ width:20px;}

#tblStagePlan tr.footer td{ color:#898989;font-size: 16px;padding-top:7px!important;}
#tblStagePlan tr.footer td span{color:#555}
#tblStagePlan tr.footer td span i{margin-left: 7px;font-style: normal;}
#tblStagePlan tr.footer td .button{ margin-top:5px!important;}

.mb-tooltip{ position:absolute; padding:8px 14px; font-size:14px; color:#FFF; background:#000; border-radius:5px; font-weight:300;}
.mb-tooltip:after{ content:""; position:absolute; width:0; height:0; border-width:8px; border-style:solid; border-color:#000000 transparent transparent transparent; top:42px; left:40%;}
.mb-tooltip span.points{ display:inline-block; padding:5px 7px; background:#00AEEF; margin-left:5px; border-radius:2px;}

#tblLeerpuntTodos a.leerpuntTodo{color:#252525;}
#tblLeerpuntTodos a.leerpuntTodo:hover{text-decoration:none;}
#tblLeerpuntTodos a.leerpuntTodo.open{}
#tblLeerpuntTodos a.leerpuntTodo.open:hover{color:#252525;text-decoration:none;}
#tblLeerpuntTodos a.leerpuntTodo.open:hover .todoIcon{background:url('/images/todo_hover.png') left top no-repeat;}
#tblLeerpuntTodos a.leerpuntTodo.closed{}
#tblLeerpuntTodos a.leerpuntTodo.completed:hover{cursor:default;}
#tblLeerpuntTodos a.leerpuntTodo .todoIcon{display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:middle;}
#tblLeerpuntTodos a.leerpuntTodo .todoDescr{display:inline-block;height:20px;}
#tblLeerpuntTodos a.leerpuntTodo .todoExtra{ font-size: 14px; font-weight: 300;}
#tblLeerpuntTodos a.leerpuntTodo.open .todoIcon{background:url('/images/todo_open.png') left top no-repeat;}
#tblLeerpuntTodos a.leerpuntTodo.closed .todoIcon{background:url('/images/todo_closed.png') left top no-repeat;}
#tblLeerpuntTodos a.leerpuntTodo.closed .todoDescr{text-decoration:line-through;color:#9b9b9b;}
#tblLeerpuntTodos a.leerpuntTodo.closed .todoExtra{text-decoration:line-through;color:#d1d1d1;}

a.actionInlineDelete{ background: url('/images/action/delete_na.png') top right no-repeat; width: 30px; height: 16px; line-height: 16px; border: 0px; text-indent: -9000px; display: inline-block; vertical-align: middle;}
a.actionInlineDelete:hover{ background: url('/images/action/delete_a.png') center right no-repeat;}
#tblLeerpuntTodos div.completedInfo{ margin-left: 34px; line-height: 6px; height: 6px; font-weight: 300; color: #BBB; font-size: 14px; padding-bottom: 8px;}

#rowAddTodo td .txtNewTodo{border:none; border-bottom:1px dotted #555; width:400px; margin: 2px 8px 0 -5px; background:none; padding-left:0px;}
#rowAddTodo td .txtNewTodo:focus{outline:none;}
#rowAddTodo td #lnkKoppelLeerpunt{font-size:12px;color:#898989;border:1px solid #ccc;border-radius:10px;padding:2px 5px;position:relative;top:8px;}
#rowAddTodo td #lnkKoppelLeerpunt:hover{text-decoration:none;background:#efefef;}
#rowAddTodo td .ddlLeerpunt{width:285px;}
#rowAddTodo td div.buttonRow{margin-left:28px;margin-top:5px;}

#competencesContainer .role h4{ font-weight: 300; font-size: 17px; color: #00AEEF; height: 34px;}
#competencesContainer .role .items{ margin: 0 0 10px 18px;}
#competencesContainer .role .items li{ color: #666; list-style-type: square; line-height: 24px; padding: 8px 0;}

#competencesRow .fieldList{ width:354px;}
#competencesRow .fieldList li{ width:320px; white-space:normal; padding-bottom:12px;}
#competencesRow .fieldList li label{ width:320px; word-break:break-word; line-height:24px;}

.twoColContainer .leftCol{float:left;}
.twoColContainer .rightCol{float:left;}
.todoDate{display:block;width:60px;height:60px;background:#fff;margin-right:20px;}
.todoDate .topStroke{display:block;width:60px;height:5px;background:#00AEEF;}
.todoDate .bodyBox{display:block;width:58px;height:44px;border:1px solid #ccc;border-top:none;padding:5px 0;}
.todoDate .bodyBox span{text-align: center;color:#252525;display:block;width:58px;}
.todoDate .bodyBox .day{font-size: 21px; line-height: 26px; font-weight: 300;}
.todoDate .bodyBox .month{font-size:13px;font-weight:300;line-height:17px;}
.lightTable tr.leerpunten td{padding:15px 7px 15px 0px;}
.lightTable tr.leerpunten td.calCol{padding-top:21px;}

#saveAndCopy{display:inline-block;margin-left:5px;}