@font-face {
	font-family: "Flanders Art Sans";
	src: url("fonts/FlandersArtSans-Regular.eot");
	src: url("fonts/FlandersArtSans-Regular.eot?#iefix") format("embedded-opentype"),
		 url("fonts/FlandersArtSans-Regular.woff") format("woff"),
		 url("fonts/FlandersArtSans-Regular.ttf")  format("truetype"),
		 url("fonts/FlandersArtSans-Regular.svg#5999c311efabb8ef8bfd93d30f0ab8ab") format("svg");
	font-style:   normal;
	font-weight:  400;
}

@font-face {
	font-family: "Flanders Art Sans";
	src: url("fonts/FlandersArtSans-Medium.eot");
	src: url("fonts/FlandersArtSans-Medium.eot?#iefix") format("embedded-opentype"),
		 url("fonts/FlandersArtSans-Medium.woff") format("woff"),
		 url("fonts/FlandersArtSans-Medium.ttf")  format("truetype"),
		 url("fonts/FlandersArtSans-Medium.svg#7ebdc43021fbf6b8f40b21819190e2b4") format("svg");
	font-style:   normal;
	font-weight:  700;
}

/*@font-face {
	font-family: "Flanders Art Sans";
	src: url("fonts/FlandersArtSans-Light.eot");
	src: url("fonts/FlandersArtSans-Light.eot?#iefix") format("embedded-opentype"), 
		 url("fonts/FlandersArtSans-Light.woff") format("woff"), 
		 url("fonts/FlandersArtSans-Light.ttf")  format("truetype"), 
		 url("fonts/FlandersArtSans-Light.svg#26c269558e3060dfbe8b0bc36088245c") format("svg");
	font-style:   normal;
	font-weight:  200;
}

@font-face {
	font-family: "Flanders Art Sans";
	src: url("fonts/FlandersArtSans-Bold.eot");
	src: url("fonts/FlandersArtSans-Bold.eot?#iefix") format("embedded-opentype"),
		 url("fonts/FlandersArtSans-Bold.woff") format("woff"),
		 url("fonts/FlandersArtSans-Bold.ttf")  format("truetype"),
		 url("fonts/FlandersArtSans-Bold.svg#d0ebe09b8d309cd8a8986065f592a85e") format("svg");
	font-style:   normal;
	font-weight:  700;
}*/

html, body {
	font: 15px/22px 'Flanders Art Sans', sans-serif;
	height: 100%;
	background-color: #FFF;
}
body .ui-dialog {
	font: 15px/22px 'Flanders Art Sans', sans-serif;
}

/* HEADERS */
h1 {
	color: #00557F;
	font-size: 1.8em;
	font-weight: 800;
	line-height: 1.2;
	margin: 25px 0 20px 0;
}
h1:first-of-type {
	margin-top: 5px;
}
h2 {
	color: #00557F;
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.2;
	margin: 24px 0 16px;
}
h3 {
	color: #00557F;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1;
	margin: 20px 0 10px;
}
h4 {
	color: #666;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1;
	padding: 5px 0;
	border-bottom: 1px dotted #666;
	margin: 20px 0 10px;
}
h4.noborder {
	border: none;
}
h5 {
	color: #666;
	font-weight: bold;
	line-height: 1;
	margin: 15px 0 10px;
}
h6 {
	font-weight: normal;
	margin: 15px 0 5px;
}
h4 a, h4 a:hover, h4 a:active, h4 a:focus {
	color: inherit;
}

/* GLOBAL STYLE */
a {
	word-wrap: break-word;
	word-break: break-word; /* non-standard, for WebKit */
}
a, input.a, button.a, label.a, .ui-dialog .ui-dialog-content a {
	border: none;
	color: #0772BC;
	cursor: pointer;
	text-decoration: none;
}
input.a, button.a {
	background-color: inherit;
}
a.t_grey:hover {
	color: #0772BC;
}

img, a img {border: none; width:auto;}

hr {
	background-color: #DDD;
	border:0;
	color:#DDD;
	height:1px;
	margin:5px auto;
	padding:0;
	width:50%;
}
hr.t_black {
	background-color:#000;
}

p { margin:10px 0; }

/* list styles */
ul {list-style-type:square; margin:5px 0; padding:0;}
ul li {margin-left:20px;}
ul.fa-ul > li { margin: 0; }
ul.fa-ul > li.spaced { margin: 20px 0; }
ul.none > li {list-style-type:none;margin-left:0;padding:2px;}
ul.none.indent > li {margin-left:20px;}

ol {list-style-type: decimal; margin:5px 0; padding:0;}
ol li {margin-left:20px;}

dl {margin:10px 0; padding:0;}
dt {font-weight:bold;}
dd {margin:5px 0 5px 2em;}

/* superscript/subscript fix (for Safari) */
sup {
	font-size: smaller;
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em;
}
sub {
	font-size: smaller;
	vertical-align: baseline;
	position: relative;
	bottom: -0.25em;
}

/* TABLE */
table { width: auto; }
table caption { text-align: left; }
table td , table th { text-align: left; vertical-align: top; width: auto; }

th.vertical { white-space: nowrap; vertical-align: bottom; }
th.vertical > div { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); cursor: vertical-text; width: 18px; margin: 0 auto; }
th.vertical > div > span { display: inline-block; text-align: left; padding: 5px; }
th.vertical > div > span::before { content: ''; padding-top: 100%; margin-left: -50%; display: inline-block; vertical-align: middle; }

#search_column{width:196px;}

/* HEADER */
#header{height:72px; margin:0 auto; position:relative; width:960px;}
#header_logo{height:60px; left:0; position:absolute; width:320px; z-index:4;}
#header_logo_wrapper{margin-top:11px; position:absolute;}
#header_logo_wrapper svg{height: 50px;}
#header_logo_wrapper img{max-height: 40px; margin-top: 5px;}

#header_options{position:absolute; right:0; top:21px; height:30px; text-align: center;}
#header_register{text-transform: uppercase; margin-right: 20px; font-size: 1.2em; font-weight: bold;}
#header_login {font-size: 1.1em;}
#header_add {width: 140px; font-size: 1.1em;}
#header_options .btn_sub {border-right: 1px solid #949494; margin-right: 0; font-size: 1.1em; height: 28px; line-height: 28px; }
#header_options .btn_sub:last-of-type {border-right: none; margin-right: 5px; border-radius: 0 4px 4px 0;}
#header_options .shortlink {width: 38px; padding: 0; border-radius: 0; color: #999;}
#header_options .shortlink svg {margin: 0; vertical-align: -4px;}
#header_profile {padding: 0 5px 0 0; min-width: 150px; width:auto; text-align: left; border-radius: 4px 0 0 4px;}
#header_profile img {max-height: 28px; vertical-align: top; padding-right: 5px; border-radius: 4px 0 0 4px;}
#header_profile svg {margin: 0; padding: 0 5px;}
#header_profile::after {content: "\2335"; padding-left: 5px; font-weight: bold;}
#header_links {position:absolute; right:121px; top:30px; background-color: #DDD; width: 155px; list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #BBB; box-shadow: 1px 1px 3px #AAA; z-index: 10; text-align: left;}
#header_links li{border-bottom: 1px solid #BBB; margin: 0}
#header_links li:hover{background-image: url('../img/btn_bg.png');}
#header_links a{display:block; padding: 3px 6px;}
#header_profile_pm {position: absolute; top: 13px; right: 52px; font-size: 12px; line-height: 12px; color: #000; text-shadow: 0 1px 1px #FFF;}
#header_achievements_nr {position: absolute; top: 13px; right: 14px; font-size: 12px; line-height: 12px; color: #000; text-shadow: 0 1px 1px #FFF;}

#header_contest {background-color: #003355; padding: 16px 0; color: #FFF;}
#header_contest > div {width: 960px; margin: 0 auto;}
#header_contest a {color: #FFF;}

.oauth-popup #header{height:30px; width:auto; padding:0 calc(50% - 220px); background-color:#0071BB;}
.oauth-popup #header_logo{height:30px; left:calc(50% - 220px);}
.oauth-popup #header_logo_wrapper{margin-top:5px;}
.oauth-popup #header_options{top:0; right:calc(50% - 220px);}
.oauth-popup #header_profile{padding-right:10px;}
.oauth-popup #header_profile::after{content:none;}
.oauth-popup #content{width:440px;}

/* POPUP */
#popup_achievement {position: absolute; right: 5px; top: 50px; z-index: 9; background-color: #EFEFEF; box-shadow: 1px 1px 3px #AAA; padding: 10px; width: 250px; }

div.popup {position: fixed; z-index: 101; display: block; background-color: #FFF; width: 400px; padding: 20px; margin-left: -220px; left: 50%; top: 5%; max-height: calc(90% - 40px); overflow-y: auto;}
div.popup [type="submit"], div.popup [type="button"] {display: inline-block;}

.login_form {width: 400px; padding: 20px; margin: 0 auto;}
.login_form input.text {width:250px; height: 30px; font-size: 1.1em; padding: 0 5px;}
.login_form .btn_main[type="submit"] {margin-right: 10px; font-size:1.1em;}
.login_form label.fixed {width: 100px; display:inline-block; font-weight: bold;}

#body_overlay {z-index: 100; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.6; filter:alpha(opacity=60); position: fixed;}

#popup_count {position:fixed; bottom:0; right:0; z-index:99;}
#popup_count > div {background-color:#DDD; height:108px; float:right; margin-right:15px; width:230px; padding: 4px 15px; box-shadow: 0 0 3px #666;}
#popup_count .header {border-bottom:1px solid #F7931B; font-weight:bold; padding:4px 0;}
#popup_count .body {font-size:0.9em; line-height: 1.2; padding:2px 0;}
#popup_count .body ul {padding: 0; margin: 0;}

a.big_button {
	width:190px;
	text-align:center;
	background-color:#CCC;
	color:#000;
}

/* CLEAR */
.clr{
	clear:both;
	display:block;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* MENU */
#menu{
	background-color: #0071BB;
}

#mainmenu{
	margin: 0 auto;
	width: 960px;
	height: 40px;
	color: #FFFFFF;
	padding: 0;
	line-height: 40px;
}
#submenu{
	color: #000;
	background-color: #DDD;
	line-height: 36px;
}
#submenu .submenu {
	margin: 0 auto;
	width: 960px;
}
#submenu_admin {
	line-height: 30px;
}

#mainmenu ul, .submenu ul{
	border-collapse:collapse;
	display:block;
	margin:0 auto;
	padding:0;
}
#mainmenu li,.submenu li{
	display:block;
	float: left;
	cursor:pointer;
	width:auto;
	white-space: nowrap;
	margin:0;
}

#mainmenu a{
	color:#FFF;
	display: block;
	padding: 0 14px;
}
.submenu a{
	color:#FFF;
	display: block;
	padding: 0 8px;
	color: #777;
	text-shadow: 0 1px 1px #FFF;
}
#mainmenu li:hover, #mainmenu li.mainmenu_clicked,
#submenu li:hover, #submenu li.submenu_clicked {
	background: url('../img/layout/menu_hover.png') repeat-x scroll 0 bottom;
}
#submenu li:hover a, #submenu li.submenu_clicked a {
	color: #FFF;
	text-shadow: none;
}
#mainmenu li.mainmenu_clicked a, #submenu li.submenu_clicked a{
	font-weight: bold;
}
#mainmenu a.to_klascement {
	padding-left: 26px !important;
	background: url('../img/icons/kc_white.png') no-repeat scroll 5px center;
}

#langswitch {
	float: right;
	margin-left: 1em;
	padding: 0 2px;
}
#langswitch a {
	display: inline-block;
	text-transform: uppercase;
	padding: 0;
}
#langswitch a:hover {
	background: url('../img/layout/menu_hover.png') repeat-x scroll 0 0;
}
#langswitch a:not(:last-of-type)::after {
	content: " | ";
	padding: 0 2px;
}

/* SEARCHBAR */
#searchbar {
	margin: 0 auto;
	width: 956px;
	padding: 16px 0;
}
#searchbar h1 {
	border: none;
	color: #CCC;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.4em;
}
#searchbar input[type="text"] {
	width: 186px;
	height: 28px;
	padding: 0 18px 0 4px;
	border: 1px solid #CCC;
	line-height: 26px;
}
#searchbar #search {
	float: left;
	margin-right: 5px;
	width: 186px;
	padding-right: 4px;
}

#searchbar .cbx_dropdown {
	float: left;
	width: 208px;
	margin: 0 5px;
	position: relative;
}
#searchbar .cbx_dropdown div.checklist {
	margin-top: 29px;
	width: auto;
	min-width: 200px;
	font-size: .9em;
}
#searchbar .cbx_dropdown div.checklist input[type="checkbox"] + label {
	white-space: nowrap;
}
#searchbar .cbx_dropdown div.checklist a {
	display: block;
	padding: 4px 0 4px 2px;
}
#searchbar .cbx_dropdown div.checklist a:hover {
	background-color: #DDD;
}
#searchbar .cbx_dropdown strong,
#searchbar .cbx_dropdown em,
#searchbar .cbx_dropdown a {
	display: block;
	padding: 4px 18px 4px 2px;
	text-transform: uppercase;
}
#searchbar .cbx_dropdown em {
	font-style: normal;
}
#searchbar .cbx_dropdown a {
	font-weight: bold;
}
#searchbar label .count {
	color: #666;
	font-weight: normal;
}

#searchbar .btn_main {
	float: right;
	font-size: 1.1em;
	padding: 4px 0;
	width: 96px;
}

#searchbar_q {
	background-color: rgba(255,255,255,0.8);
}
#searchbar_q > div {
	margin: 0 auto;
	width: 956px;
	padding: 30px 0;
	text-align: center;
}
#searchbar_q h1 {
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
	font-weight: bold;
	font-size: 1.6em;
}
#searchbar_q #search {
	width: 400px;
	height: 32px;
	border-radius: 4px;
	border-color: #0071BB;
	padding: 1px 10px;
	background-color: #FFF;
	font-size: 1.1em;
	vertical-align: middle;
}
#searchbar_q #form .btn_main {
	font-size: 1.1em;
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align: middle;
	margin: 0 5px;
	width: auto;
}

/* CHECKLIST INPUT BOX */
.cbx_dropdown {
	width: 308px;
}
.cbx_dropdown input[type="text"] {
	background: #FFF url("../../../js/lib/fontawesome/svg/angle-down.svg") no-repeat scroll right center;
	background-size: 18px 18px;
	cursor: pointer;
	width: 286px;
	padding: 0 18px 0 4px;
	height: 24px;
}
.cbx_dropdown div.checklist {
	position: absolute;
	margin-top: 27px;
	max-height: 320px;
	width: 300px;
	padding: 4px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 25;
	background-color: #FFF;
	border: 1px solid #CCC;
	line-height: 16px;
}
.cbx_dropdown div.checklist input[type="checkbox"] {
	display: none;
}
.cbx_dropdown div.checklist input[type="checkbox"] + label {
	display: block;
	cursor: pointer;
	padding: 4px 18px;
	background: url('../img/icons/checkbox_empty.png') no-repeat scroll 2px 6px;
}
.cbx_dropdown div.checklist input[type="checkbox"] + label:hover {
	background-color: #DDD;
}
.cbx_dropdown div.checklist input:checked + label {
	background: url('../img/icons/checkbox_orange.png') no-repeat scroll 2px 6px;
}
.cbx_dropdown div.checklist div.sublist {
	margin-left: 15px;
}

/* ACTION BUTTONS */
.btn_main:hover, .btn_sub:hover {
	background-image: url('../img/btn_bg.png');
	border-bottom: 2px solid rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 1px #999;
}
.btn_main, .btn_main:active, .btn_sub, .btn_sub:active {
	border: none;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	padding: 3px 10px;
	line-height: 22px;
	margin: 0;
	display: block;
	border-bottom: 2px solid rgba(0, 0, 0, 0.25);
}
.btn_main:disabled {
	opacity: 0.6;
}

.btn_main {
	background-color: #F7931B;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.btn_sub {
	background-color: #DDDDDD;
	color: #0772BC;
}

.btn_bar .btn_main, .btn_bar .btn_sub {
	display: inline-block;
	margin: 0 5px 10px 0;
	padding-left: 20px;
	padding-right: 20px;
}

.btn_main.btn_inline, .btn_sub.btn_inline {
	display: inline-block;
	margin: 0 5px;
	padding-left: 20px;
	padding-right: 20px;
}

.btn_main svg, .btn_sub svg {
	margin-right: 5px;
	font-size: 1.1em;
}

.break_all {
	word-break: break-all;
	max-width: 500px;
	vertical-align: middle;
}

/* AUTOSUGGEST (bsn) */
div.autosuggest {
	position: absolute;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #FFF;
	border: 1px solid #CCC;
	border-top: none;
}
div.autosuggest.as_bordertop {
	border-top: 1px solid #CCC;
}
div.autosuggest.as_searchbar {
	max-height: 328px;
	line-height: 22px;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer {
	display: none;
}

div.autosuggest ul {
	list-style: none;
	margin: 0;
	padding: 4px;
}
div.autosuggest ul li {
	margin: 0;
	padding: 0;
	line-height: 16px;
}
div.autosuggest ul li a {
	display: block;
	padding: 4px 5px;
	color: inherit;
	text-decoration: none;
}
div.autosuggest ul li a:hover {
	color: inherit;
}
div.autosuggest ul li.as_highlight {
	background-color: #DDD;
}
div.autosuggest ul li a > span {
	display: block;
}
div.autosuggest ul li a span small {
	color: #999;
}
div.autosuggest ul li.as_highlight a span small {
	color: #333;
}
div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr {
	display: none;
}
div.autosuggest ul li.as_warning {
	font-weight: bold;
	text-align: center;
}
div.autosuggest ul em {
	font-style: normal;
	font-weight: bold;
}

div.autosuggest ul .as_normal em {
	font-weight: normal;
}

/* jQuery UI */
.ui-widget-content {
	color: #000;
}
.ui-widget.ui-widget-content {
	border-color: #CCC;
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
	background-color: #DDD;
	border-color: #DDD;
	color: inherit;
}

/* jQuery UI Autocomplete */
.ui-autocomplete {
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 1px;/* prevents vertical scrollbar when selecting last item */
}
.ui-autocomplete.ac-searchbar {
	max-height: 328px;
}
.ui-autocomplete .ui-menu-item.ac-optgroup-label, .ui-autocomplete .ui-menu-item.ac-optgroup-label .ui-state-active {
	background-color: #CCC;
	color: #000;
	opacity: 1;
	font-weight: bold;
}
.ui-autocomplete .ui-menu-item mark {
	background-color: transparent;
	font-weight: bold;
}

.ui-autocomplete-noresult, .ui-autocomplete-noresult .ui-state-active {
	background-color: #FFF;
	font-weight: bold;
	text-align: center;
}
.ui-autocomplete span.tag {
	color: #FFF;
	margin-left: 4px;
	font-size: 0.8em;
	background-color: #0071BB;
	padding: 1px 4px;
	border-radius: 4px;
}

/* CONTENT */
#content {
	clear: both;
	margin: 0 auto;
	padding: 32px 0 0;
	width: 960px;
}

.breadcrumb {
	margin-bottom: 5px;
}

/* FOOTER */
#footer {
	display:block; 
	clear: both;
	background-color: #0071BB;
	margin-top: 30px;
	font-size: 0.9em;
	line-height: 18px;
}

#footer_pre {
	padding: 10px 0;
	background-color: rgba(255,255,255,0.8);
}
#footer_pre table {
	margin: 0 auto;
	width: 960px;
}
#footer_pre table td {
	padding: 5px;
}
#footer_pre table td:first-of-type {
	width: 100px;
}
#footer_pre table td a {
	padding: 0 6px;
	white-space: nowrap;
}

#footer_content{
	color:#CCC;
	margin:0 auto;
	width:960px;
}
#footer_content a {
	color: #FFF;
}
#footer_content a:hover {
	color: #F7931B;
}
#footer_content .footer_col {
	float: left;
	width: 25%;
	min-height: 110px;
	margin: 10px 0;
}
#footer_content .footer_col ul {
	margin: 0 30px 0 0;
	padding: 5px 0;
	list-style-type: none;
}
#footer_content .footer_col li {
	padding: 4px 0;
	margin: 0;
}

/* LAYOUT TABLE */
table.layout { margin: 0; width: 100%; }
table.layout > tbody > tr > td { padding-right: 32px; }
table.layout.homepage > tbody > tr > td { padding-right: 15px; }
table.layout > tbody > tr > td:last-of-type { padding-right: 0; }
table.layout div.column { margin: 0 2px 20px 2px; }
table.layout div.column:empty { display: none; }

/* HELP CLASSES */
.bg_grey{background-color:#F7F7F7;}
.bg_white{background-color:#FFFFFF;}
.bg_red{background-color:#FFEBEB;}
.bg_yellow{background-color:#FFFFEE;}
.bg_blue{background-color:#BED2E8;}
.bg_green{background-color:#CCFFCC;}
.striped-ew{background-image:url('../img/striped-ew.png');}
.striped-ns{background-image:url('../img/striped-ns.png');}
.striped-nesw, .striped{background-image:url('../img/striped-nesw.png');}
.striped-nwse{background-image:url('../img/striped-nwse.png');}
.disabled{filter:grayscale(100%);opacity:.5;}
.moderator{background-color:#DFEDFE !important;}
.opentip .moderator{color:#000000 !important;}
input.moderator + span.cbo_clear{background-color:#DFEDFE !important;}

@keyframes highlight-fade {
	  0% {background-color:#FFFFFF;}
	  5% {background-color:#F7931B;}
	100% {background-color:#FFFFFF;}
}

mark, .highlight, .hoverlight:hover{background-color:#F7931B;}
.highlight-fade{animation:highlight-fade 2s ease-out;}
.hh{opacity:.7;}
.hh:hover{opacity:1;}
.alpha{opacity:.6;}

.f_left{float:left;}
.f_right{float:right;}
.f_none{float:none;}

.t_bold{font-weight:bold;}
.t_italic{font-style:italic;}
.t_strikethrough{text-decoration:line-through;}
.t_underline{text-decoration:underline;}
.t_overline{text-decoration:overline;}
.t_normal{font-weight:normal;font-style:normal;text-decoration:none;}
.t_monospace{font-family: monospace;}

.t_left{text-align:left;}
.t_center{text-align:center;}
.t_justify{text-align:justify;}
.t_right{text-align:right;}

.t_red{color:#FF0000;}
.t_green{color:#009900;}
.t_orange{color:#F7931B;}
.t_grey{color:#777777;}
.t_black{color:#000000;}
.t_blue{color:#0071BB;}

.t_init{font-size:initial;}
.t_xsmall{font-size:0.8em;}
.t_small{font-size:0.9em;}
.t_large{font-size:1.1em; line-height: 1;}
.t_xlarge{font-size:1.2em; line-height: 1;}
.t_double{font-size:2em;}

.t_expanded{letter-spacing:0.5px;}
.t_condensed{letter-spacing:-0.5px;}

.t_cap{text-transform:capitalize;}
.t_upper{text-transform:uppercase;}
.t_lower{text-transform:lowercase;}
.t_none{text-transform:none;}
.t_tabnums{font-variant-numeric:tabular-nums;}

.v_top{vertical-align:top;}
.v_middle{vertical-align:middle;}
.v_baseline{vertical-align:baseline;}
.v_bottom{vertical-align:bottom;}

.m_none{margin: 0 !important;}
.m_top{margin-top: 10px;}
.m_right{margin-right: 10px;}
.m_bottom{margin-bottom: 10px;}
.m_left{margin-left: 10px;}
.pull_up{margin-top: -1em;}

.c_default{cursor:default;}
.c_forbidden{cursor:not-allowed;}
.c_help{cursor:help;}
.c_pointer{cursor:pointer;}
.c_move{cursor:move;}
.c_wait, .c_wait *{cursor:wait !important;}

.lh_normal{line-height:normal;}
.lh_double{line-height:2em;}

.w_nowrap{white-space:nowrap;}

.invisible{display:none;}
.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.indent{margin-left:20px;}
.centered{margin-left:auto; margin-right:auto;}
.padded{padding:5px;}
.padded-l{padding-left:5px;}
.padded-x{padding-left:5px;padding-right:5px;}
.padded-y{padding-top:5px;padding-bottom:5px;}
.unpadded{padding:0;}
.unpadded-x{padding-left:0;padding-right:0;}
.unpadded-y{padding-top:0;padding-bottom:0;}
.bordered{border:1px solid #CCCCCC; padding:1px;}
.no-height{height:0;overflow:visible;}
.no-width{width:0;overflow:visible;}
.auto-height{height:auto;}
.auto-width{width:auto;}
.em-width{width:1em;}
.fullwidth{width:100%;}
.halfwidth{width:50%;}

.counter-reset {
	counter-reset: counter;
}
.counter::after {
	counter-increment: counter;
	content: " " counter(counter);
}
.counter-paren::after {
	counter-increment: counter;
	content: " (" counter(counter) ")";
}

.reply{display:none;}

/* BUTTONS BAR */
div.buttons ul li a, div.buttons button {display:block; height:24px; line-height:24px; margin-right:3px; padding:0 10px; color:#444;}
div.buttons ul li a:hover, div.buttons button:hover {background-color:#FFF; color:#444;}
div.buttons button {cursor:pointer; height:26px;}
div.buttons svg {margin-right: 4px;}
div.buttons .current_step {font-weight: bold;}

div.buttons .save{background-color:#AECCFD; border:1px solid #1C69B2;}
div.buttons .approve{background-color:#FFF; border:1px solid #33880B;}
div.buttons .approve svg{color: #33880B;}
div.buttons .disapprove{background-color:#FFF; border:1px solid #D95252;}
div.buttons .disapprove svg{color:#D95252;}
div.buttons .silent{background-color:#FFF; border:1px solid #AAAAAA;}
div.buttons .step{background-color:#FBCF9C; border:1px solid #DD7D0C;}
div.buttons .step svg{color:#DD7D0C;}
div.buttons .step_nok{background-color:#EFB8B8; border:1px solid #D95252;}
div.buttons .step_nok svg{color:#D95252;}
div.buttons .step_ok{background-color:#BDD8AF; border:1px solid #33880B;}
div.buttons .step_ok svg{color:#33880B;}

/* ul */
div.buttons ul{list-style:none; margin:0;}
div.buttons ul li{float:left; margin:0; padding:0;}
div.buttons ul li.f_right{float:right;}

.steps_step ul {font-size: 0.9em; line-height: 1.2;}
.steps_step ul li {padding: 2px 0;}
.steps_step_active {background-color: #ffffe0;}

/* TABS */

/* REQUIRED to hide the non-active tab content. */
.tabberlive .tabbertabhide {
	display:none;
}
/* .tabber = before the tabber interface is set up */
.tabber {
}
/* .tabberlive = after the tabber interface is set up */
.tabberlive {
}

/* ul.tabbernav = the tab navigation list */
/* (div.column for where we need greater specificity) */
ul.tabbernav, div.column ul.tabbernav {
	border-bottom: 1px solid #AAAAAA;
	margin: 0;
	height: 13px;
	padding-bottom: 7px;
	padding-left: 10px;
}
ul.tabbernav li, div.column ul.tabbernav li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.tabbernav li a {
	background-color: #DDDDDD;
	border: 1px solid #AAAAAA;
	color: #000000;
	float: left;
	height: 15px;
	line-height: 1;
	margin-right: 8px;
	overflow: visible;
	padding: 2px 10px;
	text-decoration: none;
}
ul.tabbernav li a:hover, ul.tabbernav li.error a:hover {
	background-color: #FFFFFF;
}
/* li.tabberactive = the active tab */
ul.tabbernav li.tabberactive a {
	background-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
ul.tabbernav li.error a, ul.tabbernav li.tabberactive.error a {
	background-color: #FFEBEB;
	border-left-color: #B50000;
	border-right-color: #B50000;
	border-top-color: #B50000;
}

.required ul.tabbernav li.tabberactive a {
	background-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
}
.rejected ul.tabbernav li.tabberactive a {
	background-color: #FFF4D8;
	border-bottom-color: #FFF4D8;
}

ul.tabbernav li.tabberactive a:hover {
	background-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

/* .tabbertab = the tab content */
.tabberlive .tabbertab {
	clear: both;
	padding: 5px;
	border: 1px solid #AAAAAA;
	border-top: none;
}

/* FORM TABLE */
table.form{border-collapse:separate; border-spacing:0 10px; margin-bottom:10px; width:100%;}
table.form.auto-width{width:auto;}
table.form tr.required{background-color:#EEEEEE;}
table.form tr.rejected{background-color:#FFF4D8;}
table.form td{padding:2px 2px 10px 10px;margin:2px;}
table.form td.unpadded{padding:0;}
table.form td.unpadded-x{padding:2px 0 10px 0;}
table.form td.unpadded-y{padding:0 2px 0 10px;}
table.form .mceEditor td{padding:0;margin:0;}
table.form td.label{
	border-top: 1px solid #DDD;
	font-weight:bold;
	padding-left:2px;
	text-align:left;
	width:130px;
}
table.form td.label.auto-width{
	width:auto;
}
table.form td.label.t_right{
	text-align:right;
}
table.form td.label label{
	text-align:left;
}
table.form td.label span.optional{
	display:block;
	font-style:italic;
	font-weight: normal;
	text-transform:lowercase;
}
table.form td.label span.optional::before{
	content:"(";
}
table.form td.label span.optional::after{
	content:")";
}
table.form td.label span.optional:empty::before, table.form td.label span.optional:empty::after{
	content:"";
}
table.form td.last{padding-bottom:15px;}
table.form td.status{padding:3px 0; text-align:center; width:24px;}
table.form td.submit{border-top:1px solid #CCC; padding:15px 0;}

form div.form_element{margin:2px 0;}
span.info_icon {margin:5px;}

/* FIELDSET */
fieldset.border {border:1px solid #cccccc; padding:.5em;}
legend {font-weight:bold; padding:0 4px; color:#333;}

/* INPUT */
input.text{background-color:#F7F7F7; border:1px solid #CCC; height:20px; margin:2px 0; padding:1px 5px;}
input.text:focus , input.text:hover{background-color:#EFEFEF; box-shadow: 0 0 3px #999;}
input.text.error, input.text:invalid{border-color: #B50000; background-color: #FFEBEB;}

h1 input.text{color:inherit;font-weight:inherit;height:auto;padding:0;}
h1 > input.text{width:100%;}

input.text[type="number"], input.text.number {padding-right:0; width: 5em;}

input.button, button.button, a.button {background-color:#DDD; color:#0772BC; border:none; border-radius: 4px; cursor:pointer; padding:3px 10px; margin:2px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.25);}
input.button:hover, input.button:focus, button.button:hover, button.button:focus, a.button:hover, a.button:focus {background-image: url('../img/btn_bg.png'); border-bottom: 1px solid rgba(0, 0, 0, 0.35); box-shadow: 0 0 1px #999;}
input.button[disabled], button.button[disabled] {color:#999;}
input.button img, button.button img, a.button img {vertical-align:middle;}
input.button svg, button.button svg, a.button svg {margin-right: 5px;}

input.button2, button.button2, a.button2 {background-color:#0772BC; color:#FFF; border:none; border-radius: 4px; cursor:pointer; padding:3px 10px; margin-top: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.4);}
input.button2:hover, input.button2:focus, button.button2:hover, button.button2:focus, a.button2:hover, a.button2:focus {background-image: url('../img/btn_bg.png'); border-bottom: 1px solid rgba(0, 0, 0, 0.6); box-shadow: 0 0 1px #999;}

/*Remove button padding in FF*/
input::-moz-focus-inner { border: 0; padding: 0; }

input.green_button, button.green_button, a.green_button {background-color:#BDD8AF; border-color:#33880B;}
input.red_button, button.red_button, a.red_button {background-color:#EFB8B8; border-color:#B50000;}

/* SELECT */
select{background-color:#F7F7F7; border:1px solid #CCC; margin:2px 0; padding:1px; font-size: 0.9em; font-family:sans-serif;}
select:hover, select:focus{background-color:#EFEFEF; box-shadow: 0 0 3px #999;}

/* "multi-level" inputs */
select option.option_l1 { font-weight: bold; }
select option.option_l2 { padding-left: 1em; }
select option.option_l3 { padding-left: 2em; }

/* TEXTAREA */
textarea, ul.tagit {background-color:#F7F7F7; border:1px solid #CCC; margin:2px 0; padding:1px 5px; line-height: 16px;}
textarea {min-height: 20px; height:100px; width:calc(100% - 10px);}
ul.tagit {width:100%;}
textarea:focus, textarea:hover, ul.tagit:hover{background-color:#EFEFEF; box-shadow: 0 0 3px #999;}
ul.tagit.ui-corner-all {border-radius:0;}
ul.tagit.ui-widget.ui-widget-content {border-color:#CCC;}

/* LIST OF CHECKBOXES */
div.checkbox_list {overflow: auto; border: 1px solid #ccc; padding: 0 5px; line-height: 1.3; background-color: #F7F7F7;}
div.checkbox_list div.lvl2 {margin-left: 10px;}
div.checkbox_list div.lvl3 {margin-left: 20px;}
div.checkbox_list label {padding: 0 4px;}
div.checkbox_list input {margin:0; vertical-align: -1px;}
div.checkbox_list input + label:hover {background-color: rgba(0, 153, 230, 0.2); }
div.checkbox_list input:disabled + label {color:#777;}
div.checkbox_list input:checked + label {background-color: #0099e6; color: #FFF;}

div.checkbox_values {font-size: 0.9em; line-height: 1.2; margin-bottom: 10px;}

/* UPLOAD PROGRESS BAR */
div.upload_progress {
	margin-top: 10px;
	background-color: #ccc;
}
div.upload_progress .inner {
	height: 5px;
	background-color: #f7931b;
	width: 0;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 16px;
	width: 16px;
	background: url('../img/icons/close.png') no-repeat scroll 0 0;
	float: right;
}
a.progressCancel:hover {
	background-position: -16px 0;
}
a.progressCancel:active {
	background-position: -32px 0;
}

/* POPUP CLOSE */
a.close {
	display: block;
	height: 11px;
	width: 11px;
	float: right;
	background: url('../img/icons/close_gray.png') no-repeat scroll 0 0;
}

/* TOGGLE PLUS-MINUS */
.toggler-plus {
	background: transparent url('../img/icons/plus.gif') no-repeat scroll center left;
	cursor: pointer;
	padding-left: 12px;
}
.toggler-minus {
	background: transparent url('../img/icons/minus.gif') no-repeat scroll center left;
	cursor: pointer;
	padding-left: 12px;
}

/* MESSAGE */
div.message{line-height: 18px; margin-bottom:10px; padding:10px 10px 10px 34px; color:#333333; border-radius:4px; overflow: hidden;}
div.message h6{margin:0 0 1em 0;}
div.message > *:first-child{margin-top:   0;}
div.message > *:last-child {margin-bottom:0;}
div.message.error{background: url('../../../js/lib/fontawesome/svg/exclamation-circle.svg') no-repeat scroll 10px 10px #FFDDDD; background-size: 16px 16px; }
div.message.info{background: url('../../../js/lib/fontawesome/svg/info-circle.svg') no-repeat scroll 10px 10px #DFEDFE; background-size: 16px 16px;}
div.message.success{background: url('../../../js/lib/fontawesome/svg/check-circle.svg') no-repeat scroll 10px 10px #CCFFCC; background-size: 16px 16px; }
div.message.warning{background: url('../../../js/lib/fontawesome/svg/exclamation-triangle.svg') no-repeat scroll 10px 10px #FFEECC; background-size: 16px 16px;}
div.message.loading{background-color: #DFEDFE; padding: 10px;}
div.message.loading svg {margin-right: 5px;}

/* IMPORTANT DIV */
div.important {background-color:#FFEECC; padding: 15px; margin: 10px 0;}
div.important h3:first-of-type, div.important h2:first-of-type {margin-top: 0;}

/* CONTRIBUTION DETAIL */
.embedded_video {
	width: 520px;
}

ul.downloads { margin: 32px 0; color: #666; }
ul.downloads li { margin-top: 16px; margin-bottom: 16px; }
ul.downloads .btn_main { padding: 5px 10px; }

#contribution_added_by { font-size:0.9em; line-height:1.3; margin-top:10px; }
#contribution_added_by img { float:left; max-height:30px; max-width:60px; margin-right:10px; margin-top:3px; }
#contribution_added_by svg { float:left; margin-right:10px; margin-top:3px; font-size: 30px; color: #ccc; }

#contribution_description {font-size: 1.1em; margin:20px 0;}

/* CONTRIBUTION DETAIL - call to action/register */
#ctaBtn .btn_bar .btn_main {margin: 10px 0 0 0; font-size: 1.2em; line-height: 30px;}
#benefitsTxt h1 {margin-bottom: 5px;}
#benefitsTxt .fa-ul { margin-left: 2em; }

#registerReasons {margin-top:20px;}
#registerReasons > div {width:28%; box-shadow: 0 1px 3px #ccc; border-radius:4px; float:left; padding:2%; margin-right:2%; margin-bottom:2%;}
#registerReasons > div:last-child {margin-right: 0;}
#registerReasons h4 {margin-top:0; color: #333; font-weight:bold; font-size:1.1em; border:none;}

#didactical_tips {font-size: 1.1em;}

#loadingFav {height: 30px; margin-bottom: 10px;}

#detail_info {background-color: #EEE; color: #333;}
#detail_info .section {padding: 16px; border-bottom: 1px solid #999; border-top: 1px solid #FFF;}
#detail_info .section:last-of-type {border-bottom: none;}
#detail_info h2 {margin-top: 0;}
#detail_info dt {color: #000; font-weight: normal; font-size: 1.3em; margin-bottom: 2px;}
#detail_info dd + dt {margin-top: 15px;}
#detail_info dd {margin: 0; line-height: 1.2; max-width: 216px; word-wrap: break-word;}
#detail_info dd dl dt {color: #333; font-weight: bold; font-size: 1em;}
#detail_info dd dl dd {padding-left: 1em;}
#detail_info dd.pills {padding-left: 0;}
#detail_info dd.pills > span, #detail_info dd.pills > a {padding: 2px 8px; margin: 3px 6px 3px 0; background-color: #D8D8D8; border-radius: 4px; display: inline-block;}
#detail_info dd.pills > a {background-color: #FFF;}
#detail_info figure.logo img {display: block; margin: 0 auto; max-width: 218px; max-height: 218px;}
#detail_info figure.logo figcaption {background-color: #FFF; color: #999; font-size: smaller; padding: 0 .25em; word-wrap: break-word;}

#detail_actions { margin: 32px 0; padding: 10px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }

#actions_bar svg { padding-right: 2px; }
#actions_bar a { text-transform: uppercase; font-size: 1.2em; font-weight: bold; line-height: 1; margin-right: 10px; padding: 10px; display: inline-block; }
#actions_bar span { margin: 0 10px; }
#actions_bar #btnVote { float:right; color: #FFF; background-color: #0772BC; }
#actions_bar #btnVoteInactive { float:right; background-color: #DDD; text-transform: uppercase; font-size: 1.2em; font-weight: bold; padding: 10px; line-height: 1; }

#actions_bar.userB svg { padding: 0; }
#actions_bar.userB a {
	text-transform: none;
	font-size: 15px;
	background-color: rgba(7, 114, 188, 0.1);
	color: #0772BC;
	border: 1px solid transparent;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	padding: 3px 10px;
	line-height: 22px;
	border-bottom: 2px solid rgba(7, 114, 188, 0.3);
}
#actions_bar.userB a.sub_color {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgba(7, 114, 188, 0.5);
	border-bottom: 2px solid rgba(7, 114, 188, 0.3);
}
#actions_bar.userB a:hover {
	background-image: url('../img/btn_bg.png');
	border-color: transparent;
	border-bottom: 2px solid rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 1px #999;
}
#actions_bar.userB a:disabled {
	opacity: 0.6;
}

#detail_share a { margin-right: 20px; }
#detail_share img { vertical-align: middle; }

#recommand { margin: 32px 0; padding: 15px 0 15px 15px; background-color: #EEE; }
#recommand h2 { margin: 0; }
#recommand div.contribution { width: calc(33.3% - 35px); height: 125px; font-size: 0.9em; line-height: 1; float: left; padding: 10px; background-color: #FFF; margin-right: 15px; margin-top: 15px; overflow: hidden;}
#recommand div.contribution img.type { float: left; margin-right: 10px; margin-bottom: 10px; }
#recommand div.contribution div.logo { height: 80px; width:100%; text-align: center; margin-bottom: 10px; }
#recommand div.contribution div.logo img { max-width: 120px; max-height: 80px; }

#tblReactions { width:100%; }
#tblReactions th { font-weight:bold; border-bottom: 1px solid #999; padding: 10px; }
#tblReactions td { padding: 10px; }
#tblReactions td:first-child { border-bottom: 1px solid #CCC; }
#tblReactions td p:first-child { margin-top: 0; }
#tblReactions td p:last-child { margin-bottom: 0; }

#LOM_detail th, #LOM_detail td { padding: .25em 0; }
#LOM_detail th { padding-right: 2em; }
#LOM_detail td > *:first-child { margin-top: 0; }
#LOM_detail td > *:last-child { margin-bottom: 0; }

#object_follow, #object_unfollow { text-transform: uppercase; font-weight: bold; font-size: 1.2em; line-height: 1; }
#object_follow svg, #object_unfollow img { vertical-align: top; padding-right: 2px; }

#last_viewed_by td { padding: 5px 0; line-height: normal; }
#last_viewed_by td:first-of-type { width: 45px; vertical-align: middle; }
#last_viewed_by img { max-width: 30px; max-height: 30px; }

/* FAVOURITES + LISTS */
.fav_lists input[type="checkbox"] { display: none; }
.fav_lists input[type="checkbox"] + label { cursor: pointer; padding-left: 18px; background: url('../img/icons/fav_list_check.png') no-repeat scroll 0 center; }
.fav_lists input:checked + label { background: url('../img/icons/fav_list_checked.png') no-repeat scroll 0 center; }

.fav_lists #privacy { padding: 0 5px; border: 1px solid #999; display:inline-block; margin-left:10px; }
.fav_lists #privacy::after { content: "\25bc"; color: #999; vertical-align: middle; }
.fav_lists #privacy img { height: 16px; vertical-align: -4px; }

#privacy_dropdown { position: absolute; z-index:10; background-color: #E5E5E5; border: 1px solid #CCC; padding: 10px; }

a.link_toggle {display:block; margin: 10px 0;}
a.link_toggle img {margin-right: 2px; }
a.link_toggle.active {color: #000000; font-weight: bold;}

/* CONTRIBUTION SURVEY */
div.contribution_survey{margin:30px 0;}

div.contribution_survey h2{margin:0;}
div.contribution_survey div.logo{margin-bottom: 5px;}
div.contribution_survey div.logo img {max-width: 180px; max-height: 120px;}
div.contribution_survey div.data{float: right; text-align:right; padding: 0 0 10px 10px; width: 180px;}
div.contribution_survey div.object_data{color:#777777; font-size: 0.9em;}
div.contribution_survey div.description{padding:5px 10px 5px 0; max-width: 600px;}
div.contribution_survey div.description > div{font-size: 1.1em; line-height: 1.6;}
div.contribution_survey div.icon{float:left; margin: 5px 5px 5px 0;}
div.contribution_survey div.submitter{padding-top: 10px; font-size: 0.9em; line-height: 1.4;}
div.contribution_survey div.submitter svg{font-size: 30px; color: #ccc; float: left; margin-top: 3px; margin-right: 10px;}

div.contribution_survey img.user_picture{max-height:30px; max-width: 60px; margin-right:10px; margin-top:3px; float:left;}
div.contribution_survey div.category{margin:5px 0;}
div.contribution_survey div.agenda{color:#777; height:22px; line-height:22px; border-top:1px solid #777777; border-bottom:1px solid #777777; margin-bottom: 15px;}
div.contribution_survey .tooltip {color:#777; font-size:0.9em; margin: 0 5px; text-transform: uppercase;}

span.past{background-color:#E7BEBD; padding: 0 5px; color:#444; height:22px; line-height:22px; display:inline-block; float:right; margin-left:5px;}
div.cc-other{border:1px solid #CCCCCC;}

div.score, div.score_uni{width:100px; height:16px; padding:0 !important;margin: 2px 0; vertical-align:middle; background-repeat:no-repeat; background-position:-105px 0px;}
div.score span, div.score_uni span{margin-left: -10000px;}
div.give_score a img {margin-right: 5px;}
div.give_score a:last-child img {margin-right: 0;}
div.score{background-image: url('../img/icons/scores.png');}
div.score_uni{background-image: url('../img/icons/scores_uni.png');}
div.score.give_score{background-image: url('../img/icons/scores_give.png');}
div.score-0 {background-position: -105px   0px;}
div.score-5 {background-position:  -84px -16px;}
div.score-10{background-position:  -84px   0px;}
div.score-15{background-position:  -63px -16px;}
div.score-20{background-position:  -63px   0px;}
div.score-25{background-position:  -42px -16px;}
div.score-30{background-position:  -42px   0px;}
div.score-35{background-position:  -21px -16px;}
div.score-40{background-position:  -21px   0px;}
div.score-45{background-position:   -0px -16px;}
div.score-50{background-position:   -0px   0px;}

div.stats{color:#777777;}
div.stats > svg, div.stats span > svg{color: #999; font-size: 0.9em;}

.order_by { font-size: 1.2em; height: 26px; clear: both; margin: 0 0 16px 0;}
h1 + .order_by {margin-top: -8px;}
.order_by a, .order_by span {display: block; float: left; height: 26px; border-right: 1px solid #000; padding: 0 .5em;}
.order_by .wrap-other {position: relative; float: left; height: 26px;}
.order_by .other {display: none; position: absolute; top: 26px; left: 0; background-color: #fff; padding-bottom: .5em; box-shadow: 4px 4px 4px #ccc, -4px 4px 4px #ccc }
.order_by .other.show {display: block;}
.order_by .other a, .order_by .other span {float: none; border: none; white-space: nowrap; height: 32px; line-height: 32px;}
.order_by > :first-child {padding-left: 0;}
.order_by > :first-child, .order_by .toggle-other {border-right: none;}

.current_order{font-weight: bold; color:#00557F;}
.main_color{color:#F7931B;}
.sub_color{color:#999;}

tr.tbl_header {font-size: 1.1em;}
tr.tbl_sort a {font-size:0.8em;}
tr.tbl_sort a:not(.current_order) {color: #999;}

#total_result {background-color: #E5E5E5; padding: 0 10px; height: 30px; line-height: 30px; font-weight: bold; font-size: 1.1em; color: #333333; text-shadow: 0 1px 1px #FFFFFF;}

ul.list_menu { list-style-image: url('../img/icons/arrow_right_gray.png'); }
ul.list_menu.group { margin-bottom: 10px; }
ul.list_menu.group li { padding: 0; }
ul.list_menu li:hover { background-color: #EEE; }
ul.list_menu li a { display: block; }

img.h2_arrow{cursor:pointer; float:right;}

div.search_result{background-color:#E5E5E5; padding:15px; margin-bottom: 24px;}
div.search_result h1{margin: 0;}
div.search_result .button {background-color:#F7931B; color: #FFFFFF;}
div.search_result > p:first-of-type{margin-top:0;}
div.search_result > p:last-of-type {margin-bottom:0;}
div.search_result a.lnk {color: #777; text-shadow: 0 1px 1px #FFF;}
div.search_result a.lnk:hover {color: #0772BC;}

div.object_id {
	text-align: center;
	width: 49px;
	overflow: hidden;
}

/* DRAG AND DROP */
div.sortable > div {cursor: move;}
div.sortable > div:hover {padding: 10px 10px 10px 25px; margin: 19px 0; border: 1px solid #999; border-left: none; background: url('../img/drag.png') repeat-y; }

div.column ul.sortable{list-style-type:none; margin:0; padding:0;}
div.column ul.sortable li{cursor:move; margin:0;}

/* USERS SURVEY */
div.profile_survey {margin: 10px 0;}
div.profile_survey div.picture {width:50px; height:50px; padding-right:10px; float:left;}
div.profile_survey div.picture img {max-width:50px; max-height:50px;}
div.profile_survey div.picture svg {color:#CCC; font-size: 50px;}
div.profile_survey div.send_pm {clear:both; padding-top: 10px;}
div.profile_survey .tooltip {color:#777; font-size:0.8em; margin: 0 5px; text-transform: uppercase;}

.kader{ max-width: 50px; max-height: 50px; }

/* ORGANISATIONS SURVEY */
div.organisation_survey { margin: 24px 0; display: table; }
div.organisation_survey div:first-child { width:150px; padding-right:20px; }
div.organisation_survey div { display: table-cell; vertical-align: top; }

/* QUICK INFO */
div.quick_info{font-size: 0.9em; color: #666;}
div.quick_info ul{margin:5px 0;}
div.quick_info ul li{display:inline; margin:0; padding:0 1em; border-left:1px solid #CCC; cursor:pointer;}
div.quick_info ul li:first-child{padding-left:0;border-left-style:none;}

/* EXTERNAL SEARCH BOX */
form.ext-searchbox {
	border: 1px solid #AAAAAA;
	padding: 10px;
	margin: 0 2px;
	text-align: center;
}

/* SECTION BOX */
div.sectionbox {
	margin-bottom: 15px;
	border-bottom: 1px solid #DDD;
}
div.sectionbox > h2 {
	margin: 0;
	padding: 8px 10px;
	background-color: #E5E5E5;
	border: none;
	overflow: hidden;
	font-size: 1.2em;
}
div.sectionbox p, div.sectionbox ul {
	margin: 10px 6px;
}
div.sectionbox .contribution_survey p {
	margin: 10px 0;
}

div.previous {
	line-height: normal;
	position: relative;
	float: left;
	left: 5px;
	cursor:pointer;
	color:#999;
	font-size: 0.8em;
}
div.next {
	line-height: normal;
	position: relative;
	right: 5px;
	float: right;
	cursor:pointer;
	color:#999;
	font-size: 0.8em;
}

/* LINK BLOCKS HOMEPAGE */
.link_blocks > div {
	width: 32%;
	float: left;
	border-radius: 4px;
	box-shadow: 0 1px 3px #ccc;
	margin-right: 2%;
	margin-bottom: 2%;
}
.link_blocks.network > div {
	position: relative;
	width: 300px;
}
.link_blocks > div:hover {
	box-shadow: 0 1px 3px #999;
}
.link_blocks > div:nth-of-type(3n+3) {
	margin-right: 0;
}
.link_blocks a {
	color: #000;
	display: block;
}
.link_blocks iframe {
	border-radius: 4px 4px 0 0;
	display: block;
}
.link_blocks h3 {
	margin-top: 0;
	font-weight: bold;
	font-size: 1.3em;
}
.link_blocks div.link_img {
	height: 161px;
	overflow: hidden;
}
.link_blocks.network div.link_img {
	height: 100px;
	background-color: rgba(0, 113, 187, 0.2);
	box-shadow: 0 0 8px rgba(0,0,0,0.1) inset;
	text-align: center;
}
.link_blocks.network div.link_img svg {
	height: 100px;
}
.link_blocks.network div.link_img .cls-1 {
	fill:none;
	stroke:#0071BB;
	stroke-miterlimit:10;
	stroke-width:3px;
}
.link_blocks.network div.link_img .cls-2, .link_blocks.network div.link_img .cls-3 {
	fill:#0071BB;
}
.link_blocks.network div.link_img .cls-2 {
	opacity:0.2;
}
.link_blocks div.link_img img {
	width: 100%;
	border-radius: 4px 4px 0 0;
}
.link_blocks.network div.link_img {
	width: 300px;
	border-radius: 4px 4px 0 0;
}
.link_blocks div.link_text {
	margin: 15px;
	height: 74px;
	overflow: hidden;
}
.link_blocks div.actions {
	background-color: rgba(0, 0, 0, .65);
	border-radius: 0 4px 0 0;
	position: absolute;
	top: 0;
	right: 0;
}
.link_blocks div.actions a {
	color: white;
	display: inline-block;
	padding: 4px;
}
.link_blocks .enabled div.actions a.unhide,
.link_blocks .disabled div.actions a.hide,
.link_blocks .updating div.actions a.unhide,
.link_blocks .updating div.actions a.hide,
.link_blocks div.actions a.loading {
	display: none;
}
.link_blocks .updating div.actions a.loading {
	display: inline-block;
}

/* EDUCATION TYPE & USER FUNCTION TABLES */

table.educationtype { line-height: normal; }

table.educationtype th, table.educationtype td { padding: 7px; text-align: center; vertical-align: bottom; }

table.educationtype th { background-color: #eeeeee; color: #000000; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
table.educationtype th.major { background-color: #0099e6; color: #ffffff; font-weight: bold; }
table.educationtype th.major label { display: block; }
table.educationtype .left { text-align: left; }
table.educationtype .right { text-align: right; }
table.educationtype .top { vertical-align: top; }
table.educationtype .bottom { vertical-align: bottom; }
table.educationtype td { background-color: #ffffff; color: #000000; border-top: 2px solid #eeeeee; border-bottom: 2px solid #eeeeee; }
table.educationtype .separator td { background-color: transparent; border: none; }

table.user_functions { font-size:0.9em; }
table.user_functions tr { border-bottom: 2px solid #000000; }

table.user_functions th, table.user_functions td { padding: 5px; text-align: center; vertical-align: middle; }

table.user_functions th.major { background-color: #AAAAAA; font-weight: bold; text-align: right; }
table.user_functions th.minor { background-color: #CCCCCC; border: 1px solid #FFFFFF; border-top: 2px solid #000000; vertical-align: bottom; }
table.user_functions .top { vertical-align: top; }
table.user_functions th.majornl { background-color: #AAAAAA; font-weight: bold; text-align: left; }
table.user_functions th.majornlsub1 { background-color: #CCCCCC; text-align: left; padding-left:20px;}
table.user_functions th.majornlsub2 { background-color: #DDDDDD; text-align: left; padding-left:30px;}

table.educationtype input[type="text"], table.user_functions input[type="text"] { border: 1px solid #000000; }
table.educationtype input[type="text"].error, table.user_functions input[type="text"].error { border-color: #B50000; background-color: #FFEBEB; }

.parent_primair input[type="checkbox"], .parent_voortgezet input[type="checkbox"], .parent_beroep input[type="checkbox"], .parent_andere input[type="checkbox"]{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* MY POINTS TABLE */
table.mypoints { empty-cells:show; }
table.mypoints, table.mypoints th, table.mypoints td { border:1px solid #A4A4A4; border-collapse:collapse; }
table.mypoints th, table.mypoints td { padding:5px; }
table.mypoints th { background-color:#E0E0E0; font-weight:bold; }
table.mypoints th.total { text-align:right; }
table.mypoints td { text-align:center; }
table.mypoints td.reason, table.mypoints td.total { font-weight:bold; }

/* LIST TABLE */
table.list{border:1px solid #FFF; border-collapse:collapse; width:100%;}
table.list tr:hover{background-color:#EEE;}
table.list th{background-color:#EEE; border:1px dashed #CCC; line-height:18px; padding:2px 5px; font-weight:bold;}
table.list th.t_normal{font-weight:normal;}
table.list td{border:1px dashed #CCC; line-height:18px; padding:2px 5px;}
table.list td.unpadded{padding:0;}
table.list td.unpadded-x{padding-left:0;padding-right:0;}
table.list td.unpadded-y{padding-top:0;padding-bottom:0;}
table.list td:hover{background-color:#F7F7F7;}
table.list td.stretch{border:none;}
table.list.lh_double th, table.list.lh_double td, table.list th.lh_double, table.list td.lh_double{line-height:36px;}
/* override for nested tables */
.lh_double table.list.lh_normal{margin-top:9px;margin-bottom:9px;}
.lh_double table.list.lh_normal th, .lh_double table.list.lh_normal td{line-height:18px;}

table.list.auto-width{width:auto;}
table.list.compact, table.list.compact th, table.list.compact td{border:none;}
table.list.no-hover tr:hover, table.list.no-hover td:hover{background-color:transparent;}
table.list tr.no-hover:hover, table.list tr.no-hover td:hover{background-color:transparent;}
table.list td.no-hover:hover{background-color:transparent;}

table.list label{display:block;}
table.list label.inline{display:inline;}
table.list .id, table.list .n{width:45px;text-align:right;font-variant-numeric:tabular-nums;}
table.list .icon, table.list .action, table.list .edit{width:16px;text-align:center;}
table.list .actions{text-align:center;}
table.list .actions-1{width:16px;}
table.list .actions-2{width:42px;}
table.list .actions-3{width:63px;}
table.list .actions-4{width:84px;}
table.list .date{width:64px;white-space:nowrap;font-variant-numeric:tabular-nums;}
table.list .datetime{width:105px;white-space:nowrap;font-variant-numeric:tabular-nums;}
table.list .datetimesec{width:140px;white-space:nowrap;font-variant-numeric:tabular-nums;}
table.list .course{width:200px;}
table.list .user{width:150px;}
table.list .score{width:100px;}
table.list .checkbox{width:15px; padding:5px 5px 0 5px; text-align:center;}
table.list .pos, table.list .pos input{width:45px;margin:0;text-align:right;}
table.list .bigbox{height:60px;width:60px;text-align:center;vertical-align:middle;}
table.list .bigbox.stretch{width:auto;}
table.list .vrule{background-image:linear-gradient(90deg, transparent 1px, #000000 1px, #000000 2px, transparent 1px);background-position: center top;background-repeat: no-repeat;background-size: 2px 100%;}
table.list .vrule.vshift{background-position: center 1.5em;}

/* OVERVIEW TABLE */
table.overview {width:100%}
table.overview th {border: 1px solid #A4A4A4; padding: 5px 10px; background-color: #E5E5E5;}
table.overview tr:first-child th {font-weight:bold;}
table.overview td {border: 1px solid #A4A4A4; padding: 5px 10px;}

/* CLEAN TABLE */
table.clean td, table.clean th{padding:5px;}
table.clean th{border-bottom:1px solid #BED2E8;font-weight:bold;}

/*
.drag_drop_place_marker{border:2px dashed #666;}
.drag_it{}*/

/* PAGE NAVIGATION */
a.navigation{color:#000;}

/* ADMIN SURVEY */
table.admin_survey{border-spacing:2px; width:100%;}
table.admin_survey th{background-color:#EEE; border-bottom:1px solid #CCC; border-top:1px solid #CCC; line-height:18px; padding:0 3px; text-align:left; width:auto;}
table.admin_survey.list th{padding:2px 5px;font-weight:normal;}/* keep regular font when combined with .list */
table.admin_survey.list th.t_bold{font-weight:bold;}/* unless bold is specifically requested */
table.admin_survey.list.compact th{border-bottom:1px solid #CCC; border-top:1px solid #CCC;}/* keep borders when combined with .list.compact */
table.admin_survey th.t_left{text-align:left;}
table.admin_survey th.t_center{text-align:center;}
table.admin_survey th.t_justify{text-align:justify;}
table.admin_survey th.t_right{text-align:right;}
table.admin_survey td{line-height:20px; padding:0 3px; width:auto;}
table.admin_survey.list td{padding:2px 5px;}
table.admin_survey .rejected{background-color:#FFF4D8;}
table.admin_survey .id{text-align:right;}
table.admin_survey .courses{width:75px;}
table.admin_survey .date{text-align:center; width:65px;}
table.admin_survey .status{width:100px;}
table.admin_survey .mod_status{width:5px; padding: 0;}
table.admin_survey .edu_types{width:75px;}
table.admin_survey .nr{text-align:right; width:25px;}
table.admin_survey .ok{line-height:0; text-align:center; vertical-align:middle; width:20px;}
table.admin_survey .remarks{line-height: 16px; padding: 10px 5px; color: #666;}
table.admin_survey .user{width:180px;}
table.admin_survey .action, table.admin_survey .icon{text-align:center; width:16px;}

#admin_nav {margin-bottom: 20px; padding: 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1.1em;}
#admin_nav a {border-right:1px solid #ccc; padding: 0 10px;}
#admin_nav a:last-of-type {border-right:none;}
#admin_nav a.current {font-weight: bold; color: #333;}

.remarkable {
	white-space: pre-line;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* SIZED TABLES */
table.fifty{width:100%;}
table.fifty td{width:50%;}

table.thirtythree{width:100%;}
table.thirtythree td{width:33%;}

/* FEEDS TABLE */
table.tbl_feed td{padding:4px;}

.dropdown_item:hover {background-color:#ccc;}

/* VARIA */
div.p{margin:15px 0;}

/*fake margin-top on tr, won't play well with borders*/
table tr.margin-top td{padding-top:1em;}

#step1_keywords_row input[type="image"][disabled] {
	opacity: 0.2;
}

/* POST */
.post_header {
	background-color: #EEEEEE;
	padding: 5px;
}
.post_header th, .post_header td {
	padding: .25em;
	vertical-align: middle;
}
.post_header th {
	color: #666666;
	text-align: right;
	text-transform: lowercase;
}

.post_header td.subject { font-size: 1.2em; font-weight: bold;}
.post_header td.status { text-align: center; width: 16px; }
.post_header td.user { white-space: nowrap; }
.post_header td.stretch { width: 100%; }

.post_header .post_actions {
	float: right;
	text-align: right;
}

.post_message {
	background-color: #FEFEFE;
	padding: 5px;
}

#post_actions_bt {
	margin-top: 15px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

/* LIGHTBOX */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('../img/layout/overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

/* PROFILE OPTIONS */
div.third {
	float: left;
	width: calc(33.3% - 10px);
	margin-right: 15px;
}
div.third.last {
	margin-right: 0;
}

div.optionsbox {
	background-color: #EEE;
	padding: 15px;
	margin-bottom: 15px;
	line-height: 1.8;
}
div.optionsbox h3 {
	margin-top: 0;
}
div.optionsbox p:last-child {
	margin-bottom: 0;
}

/* PROFILE QUALITY BAR */
.profile_quality_back {
	background-color: #DDDDDD;
	height: 20px;
	line-height: 20px;
	width: 192px;
}
.profile_quality_front {
	background-color: #F7931B;
	color: #FFFFFF;
	height: 20px;
	line-height: 20px;
	width: 192px;
	text-align: center;
}

.profile_field {
	padding:5px;
	margin:3px;
	border:1px dotted #0071BB;
	font-weight:bold;
	color:#000000;
}

.profile_value {
	border:1px dotted #0071BB;
	padding:5px;
	margin:3px;
}

.profile_bold_text {
	font-weight:bold;
}

/* TEAM SURVEY */
div.team_survey { float:left; width:208px; height:60px; margin-bottom:10px; margin-right:10px; padding:10px; background-color:#E5E5E5; border-radius:4px; position:relative; line-height: normal; }
div.team_survey img.picture { float: left; max-height:60px; max-width:60px; margin:0 10px 10px 0; }
div.team_survey img.c_pointer { margin-left:2px; height: 12px; }
div.team_survey svg.fa-user { margin:0 10px 10px 0; font-size: 40px; float: left; color: #999; }
div.team_survey textarea { height:56px; }
div.team_survey p { margin: 5px 0; }
#kc_team div.team_survey { height:160px; }

/* DEBUG */
.debug {
	background-color:	#ffffff;
	border-color:		#ff0000;
	border-width:		1px;
	border-style:		solid none;
	margin:				0 0 0 10px;
	font-family:		monospace;
	font-size:			1.2em;
}
.debug .toggle {
	margin:				1px 0 0 -10px;
}

/* MULTIMEDIA SURVEY */
div.thumb {
	width: 228px;
	border-radius: 4px;
	box-shadow: 0 1px 3px #ccc;	float: left;
	text-align: center;
	vertical-align:middle;
	line-height: 0.9em;
	margin: 0 20px 20px 0;
	font-size: 0.9em;
}
div.thumb:hover {
	box-shadow: 0 1px 3px #999;
}
div.thumb:nth-of-type(3n) {
	margin-right: 0;
}
div.thumb_pic {
	width: 228px;
	height: 152px;
}
div.thumb_pic img {
	max-width: 100%;
	max-height: 100%;
}
div.thumb_title {
	height: 28px;
	line-height: 28px;
	margin: 0 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
div.thumb_title img {
	vertical-align: middle;
	margin-right: 4px;
}

/* TAGCLOUD */
.tagcloud{text-align:center;}
.tagcloud a{color:#777777}
.tagcloud a:hover{color:#0071BB;}
.tagcloud-l1{font-size:0.9em;}
.tagcloud-l2{font-size:1.1em;}
.tagcloud-l3{font-size:1.3em;}
.tagcloud-l4{font-size:1.5em;}
.tagcloud-l5{font-size:1.7em;}

/* FORUM */
#forum_td_title{
	vertical-align: middle;
	padding : 5px;
}
#poll_dates_error{
	background-color: #FFF4D8;
	height: 30px;
	color: #FE0000;
	border:1px solid #FE0000;
	display: none;
}
table.forum_tabel{border-spacing:2px; width:100%;}
table.forum_tabel td{padding-left:5px;padding-top:5px}

table.forum_edutype td{
	padding-top: 0;
	padding-bottom: 0;
	border-collapse: collapse;
}
td.info_forum{
	width: 135px;
	padding-right: 2px;
}

table.quote_forum{
	background-color:#BED2E8;
	border:1px solid #3465A4;
	color:#000000;
	width: 100%;
}
table.quote_forum td{
	padding-left: 5px;
}

#writeit input{
	background-color:#F7F7F7;
	border:1px solid #CCC;
	height:14px;
	margin:5px 0;
	padding:1px;
}

table.h2_forum{
	line-height: 1.4;
	width: 100%;
}
table.subfora{
	margin-bottom:10px;
	width: 100%;
}
table.subfora td{
	padding-bottom:15px ;
	padding-left: 5px; 
	vertical-align: middle;
}
table.subfora td.center{
	text-align: center;	
}
table.h2_forum th, table.h2_forum td {
	padding: 8px;
}
table.h2_forum.espace td {
	padding: 16px 8px;
}

table.h2_forum th.center_title{
	background-color: #E5E5E5;
	color: #777;
	text-shadow: 0 1px 1px #FFFFFF;
	height: 30px;
	vertical-align: middle;
	font-size: 1.2em;
	font-weight: bold;
}
table.h2_forum th.center, table.h2_forum th.center_left{
	background-color: #E5E5E5;
	color: #777;
	text-shadow: 0 1px 1px #FFFFFF;
	vertical-align: middle;
}
table.h2_forum th.center{text-align:center;}
table.h2_forum th.center_left{text-align:left;}
table.h2_forum td.buttons{padding:5px;}

img.topic_icon{
	vertical-align: middle;
}
td.forum_bottom_title{
	border-bottom: 1px solid #DDD;
	vertical-align: middle;
}
td.forum_bottom{
	border-bottom: 1px solid #DDD;
	text-align: center;
	vertical-align: middle;
}
td.forum_bottom img {
	vertical-align: middle;
}
td.forum_last{
	text-align: center;
	vertical-align: middle;
}
td.forum_last_title{
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
}
tr.forum_bottom{
	border-bottom: 1px solid #DDD;
}
div.forum_message{
	background-color:#BED2E8;
	padding: 1px 10px;
	width: 540px;
	overflow: auto;
	border-radius: 6px;
}

table.topic td {
	padding: 5px;
}

a.title{
	font-weight: bold;
}
div.kc_rol{
	color: #777;
}
/* END FORUM */

/* FILTER */
#form .filter_block {
	margin: 10px 0;
	position: relative;
}
#form .filter_block input[type="text"] {
	border: 1px solid #CCC;
	height: 26px;
	line-height: 24px;
	padding: 0 18px 0 4px;
	width: 172px;
	background: #FFF url("../../../js/lib/fontawesome/svg/angle-down.svg") no-repeat scroll right center;
	background-size: 18px 18px;
}
#form .onlytyping + input[type="text"] {
	background-image: none;
}
#form .multi + input[type="text"], #form .notyping + input[type="text"] {
	cursor: pointer;
}
#form .elements_list {
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-top: 27px;
	position: absolute;
	padding: 4px;
	overflow-y: auto;
	min-width: 186px;
	max-height: 320px;
	z-index: 25;
	line-height: 16px;
	font-size: 0.9em;
}

#form .elements_list:last-child {
	border: none;
	margin-top: 0;
	position: static;
	z-index: auto;
}

#form .elements_list strong {
	display: block;
	font-weight: bold;
	padding: 4px 0;
}
#form .elements_list label span.img {
    display: inline-block;
    height: 22px;
    width: 22px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}
#form .elements_list label span.img img {
    max-height: 22px;
    max-width: 22px;
}

#form .elements_list input {
	display: none;
}
#form .elements_list input[type="checkbox"] + label {
	display: block;
	cursor: pointer;
	padding: 4px 0 4px 18px;
	background: url('../img/icons/checkbox_empty.png') no-repeat scroll 2px 6px;
}
#form .elements_list input[type="checkbox"]:checked + label{
	background: url('../img/icons/checkbox_orange.png') no-repeat scroll 2px 6px;
}
#form .elements_list input[type="radio"] + label {
	display: block;
	cursor: pointer;
	padding: 4px 5px;
}
#form .elements_list input[type="checkbox"] + label:hover,
#form .elements_list input[type="radio"] + label:hover {
	background-color: #DDD;
}
#form .elements_list label .count {
	color: #666;
	font-weight: normal;
}

#form div.cbo_group {
	margin: 10px 0;
	position: relative;
}
#form span.cbo_calendar {
	cursor:pointer;
	position: absolute;
	right: 21px;
	top: 6px;
	width: 16px;
	height: 16px;
	background: url('../img/icons/calendar.png') no-repeat scroll 0 0;
}
#form span.cbo_clear, #searchbar span.cbo_clear {
	cursor:pointer;
	position: absolute;
	right: 2px;
	top: 6px;
	width: 16px;
	height: 16px;
	background: url('../../../js/lib/fontawesome/svg/times.svg') no-repeat scroll 0 0 #FFFFFF;
	background-size: 16px 16px;
}
#form input.highlight-fade + span.cbo_clear, #searchbar input.highlight-fade + span.cbo_clear {
	animation: highlight-fade 2s ease-out;
}
#form input.cbo_text {
	border: solid 1px #CCC;
	height: 26px;
	padding: 0 4px;
	width: 186px;
}
#form input[type="text"]::-ms-clear {
	display: none; /* hide IE10+ clear button */
}

.filter_title {
	color: #0772BC;
	font-weight: normal;
	white-space: normal; /* FF */
	margin-right: .5em;
}

div.autocomplete {
  z-index:80;
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:15px;
  cursor:pointer;
}

.sectionfilter, #minefilter {
	margin-bottom: 10px;
	line-height: normal;
}
.sectionfilter input, #minefilter input {
	display: none;
}
.sectionfilter input[type="checkbox"] + label {
	display: block;
	cursor: pointer;
	padding: 3px 0 3px 18px;
	background: url('../img/icons/checkbox_empty.png') no-repeat scroll 0 6px;
	line-height: 1.2;
}
.sectionfilter input:checked + label {
	background: url('../img/icons/checkbox_orange.png') no-repeat scroll 0 6px;
}
.sectionfilter label.inline-block {
	display: inline-block !important;
}
#minefilter input[type="checkbox"] + label {
	display: inline-block;
	cursor: pointer;
	padding: 3px 0 3px 18px;
}
#minefilter input[type="checkbox"] + label.orange {
	background: url('../img/icons/checkbox_orange_empty.png') no-repeat scroll 0 6px;
}
#minefilter input[type="checkbox"]:checked + label.orange {
	background: url('../img/icons/checkbox_orange.png') no-repeat scroll 0 6px;
}
#minefilter input[type="checkbox"] + label.green {
	background: url('../img/icons/checkbox_green_empty.png') no-repeat scroll 0 6px;
}
#minefilter input[type="checkbox"]:checked + label.green {
	background: url('../img/icons/checkbox_green.png') no-repeat scroll 0 6px;
}
#minefilter input[type="checkbox"] + label.red {
	background: url('../img/icons/checkbox_red_empty.png') no-repeat scroll 0 6px;
}
#minefilter input[type="checkbox"]:checked + label.red {
	background: url('../img/icons/checkbox_red.png') no-repeat scroll 0 6px;
}
.sectionfilter a.toggle, #minefilter a.toggle {
	color: #888;
	margin-left: 5px;
	font-size: 0.9em;
}
.sectionfilter label .count, #minefilter label .count {
	color: #666;
	font-weight: normal;
}

.quickfilter {
	display: table;
	margin-bottom: 5px;
	height: 45px;
	/* background-image: bring your own! */
	background-position: left center;
	background-repeat: no-repeat;
}
.quickfilter > span{
	display: table-cell;
	padding-left: 55px;
	vertical-align: middle;
	background-color: rgba(255,255,255,.2);
	cursor: pointer;
	color: #333333;
}
.quickfilter:hover span, .quickfilter:focus span{
	background-color: transparent;
}
.quickfilter label .count {
	color: #666;
	font-weight: normal;
}

/* END filter */

/* ADD/REMIX TABLE */
.tblAdd {
	width:100%;
	line-height:18px;
}
.tblAdd > div {
	width: calc(18.3%);
	padding: 0 1%;
	float: left;
	border-right: 1px solid #999;
	margin: 10px 0;
}
.tblAdd > div:nth-of-type(5n+1) {
	padding-left: 0;
}
.tblAdd > div:nth-of-type(5n+5), .tblAdd > div:last-of-type {
	border: none;
	padding-right: 0;
}
.tblAdd > div > div {
	margin-bottom: 5px;
}
.tblAdd div.description {
	height: 60px;
	overflow: hidden;
}
.tblAdd div.description svg {
	float: right;
	margin-left: 5px;
}
.tblAdd .btn_main {
	padding: 4px 5px;
}

/* CALENDAR */
#calendar{
	width:725px;
}
/* global */
#calendar td, #calendar  th {
	vertical-align: top;
	text-align:center;
}
#calendar th {
	padding:4px;
}
/* 1 maand kalender */
.calendar-table {
	border: 1px solid #000000;
	width: 175px;
	height:175px;
	margin:10px 10px 10px 5px;
}
/* titles */
.calendar-table caption {
	text-align: center;
}
.calendar-table a {
	text-decoration: none;
	color: #000000;
	border:medium none !important;
	color:#3465A4;
	font-weight:900;
}
/* cells */
.calendar-table td {
	text-align: center;	
	padding:2px;
}
/* activities */
.event {
	border: 1px solid #F7931B;
	background-color:#F7931B;
	padding:3px;
	color:#FFF;
}
.event a{
	color:#FFF;
}
.no_event {
	padding:4px;
}
/* lege cellen */
.emptyCell {
	/*background-color: #DDD;*/
}
/** 1 maand */
.calendar-month {
	float: left;
}
/** clear */
.calendar-clear {
	clear: both;
}
/* weeknumber */
.weekNumber {
	color: #666;
	padding:4px;
	text-align:right;
}
.weekNumber a{
	color:#3465A4;
	border: none !important;
	font-weight: 900;
}
/* end year calendar */

#calendar_views{
	text-align:center;
}

.calendar_view{
	background-color:#BED2E8;
	border:1px solid #3465A4;
	color:#FFF;
	float:left;
	font-weight:bold;
	height:60px;
	margin:5px;
	padding:10px 5px 10px 5px;
	width:calc(25% - 20px);
	line-height: normal;
}
.calendar_view:first-child{
	margin-left:0;
}
.calendar_view:last-child{
	margin-right:0;
}

.calendar_view_active{
	background-color:#3465a4;
	border:1px solid #3465A4;
	color:white;
}

.calendar_view a{
	color:white;
}
.calendar_view .view{
	display:block;
	font-size:1.3em;
	margin-bottom:5px;
	text-transform:uppercase;
}

div.vacations {
	background-color:#BED2E8;
	border:1px solid #3465A4;
	font-weight:900;
	margin:15px 0;
	padding:5px 10px;
}

/* SCHOOL TABLE */
.tblSchool tr{
	height:41px;
}
.tblSchool th{
	width: 150px;
	vertical-align: middle;
}
.tblSchool input.text{
	width: 300px;
}
.tblSchool td{
	vertical-align: middle;
}

.school_info{
	display: none;
	margin-left: 20px;
}

/* START FILES LIST */
div.column ul.ex_start_files_list{
	list-style-type:none;
}
div.column ul.ex_start_files_list li{
	padding:2px 2px 2px 0;
	margin-left:0;
}
div.column ul.ex_start_files_list label{
	margin-left:3px;
}

/* SUBSITE ICONS */
a.subsite_icon {display: inline-block; background-position: center -40px; background-repeat: no-repeat; height: 40px; width: 40px; }

div.subsite_icons a.subsite_icon{margin-top:5px; margin-right: 5px; background-position: 0 0;}
div.subsite_icons a.subsite_icon:hover{background-position: 0 -40px;}

table.subsites {width:100%; margin-bottom: 2em;}
table.subsites td {text-align:center; width:20%;}
table.subsites a.subsite_icon {display: block;width: auto;height: auto;padding-top:40px;margin: 10px;}
table.subsites a.subsite_icon:hover {box-shadow: 0 0 2px #F7931B;border-radius: 4px;}

/* OEFEN.BE LINK */
a#oefenbe_link {
	display: inline-block;
	width: 123px;
	height: 30px;
	background-image: url('/template/default/img/oefen_be.png');
	background-position: 0 0;
	vertical-align: middle;
}
a#oefenbe_link:hover {
	background-position: 0 -30px;
}
a#oefenbe_link span {
	margin-left: -10000px;
}

/* LRE */
#lre_results{
	margin-top:20%;
	text-align:center;
}

/* ShareThis */
a.stbutton {
	padding-left: 21px !important;
	padding-right: 0px;
}
a.stico_rotate {
	background: url('/template/default/img/icons/share_gray.png') no-repeat scroll left center !important;
}

/* SEARCH COLUMN */
#searchbox {
	margin-bottom:10px;
}
#searchbox input.cbo_text {
	display:inline;
}

#form .btn_main {
	width: 100%;
	margin-bottom: 10px;
}
#form .searchbutton .text {
	height: 26px;
	line-height: 26px;
	width: calc(100% - 42px);
}
#form .searchbutton .text + .btn_main {
	display: inline;
	padding: 3px 0;
	border-radius: 0;
	width: 30px;
	font-size: 1.1em;
	margin: 2px 0;
	vertical-align: top;
}
#form .searchbutton .text + .btn_main svg {
	margin: 0;
}

div.form_description{margin:5px 0;}

table tr.error{background-color:#E3A4A4;color:#000000;}

table tr.error td input.text{background-color:#E6AB8C; border:1px solid #A92010;}
table tr.error td select{background-color:#E6AB8C; border:1px solid #A92010;}

/* CONTRIBUTION DETAIL SCORES */
table.detail_scores {width:100%; font-weight:bold;}
table.detail_scores td {padding:5px; border:1px solid #999;}
table.detail_scores div.score {display:inline-block;}

/* ICT DIAMOND */
#btnAddDiamond:hover {background-image: url('../img/icons/ict_diamond.png'), url('../img/btn_bg.png'); background-repeat: no-repeat, repeat; background-position: 10px center, 0% 0%; }
#btnToDiamond:hover {background-image: url('../img/icons/ict_diamond.png'), url('../img/btn_bg.png'); background-repeat: no-repeat, repeat; background-position: 10px center, 0% 0%; }
#btnAddDiamond {background-image: url('../img/icons/ict_diamond.png'); background-repeat: no-repeat; background-position: 10px center; padding-left: 40px; }
#btnToDiamond {background-image: url('../img/icons/ict_diamond.png'); background-repeat: no-repeat; background-position: 10px center; }

.filter_buttons {
	width:195px;
	background-color: #DDD;
	box-shadow: 1px 1px 3px #999999;
	margin-bottom: 10px;
}
.filter_buttons a, .filter_buttons .a {
	display:block;
	padding:5px;
}
.filter_buttons input.a {
	width:100%; /* display:block alone doesn't do this for inputs */
}

/* POLLS */
.polls .poll_question{
	font-weight: bold;
}
.polls .buttons{
	padding: 15px 0 20px 0;
}
.polls .buttons input{
	margin: 0 5px;
	padding: 0 10px;
}
.poll_answers td{
	padding: 2px;
}
.poll_answers .answer{
	width: 300px;
}
.poll_answers .answer.mine{
	font-weight: bold;
}
.poll_answers .answer label{
	margin: 0 0 0 5px;
}
.poll_answers .votes{
	text-align: right;
	display: none;
	width: 50px;
}
.poll_answers .bar{
	display: none;
	width: 300px;
}
.poll_answers .percent{
	font-weight: bold;
	text-align: right;
	display: none;
	width: 50px;
}

div.icon_object{
	height: 45px;
	width: 45px;
	text-align: center;
}

.imgbutton {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}
.btn_grey {
	background-color: #999;
	color: #FFF;
	padding: 5px;
	border-radius: 4px;
}

/* FAVOURITE FILTERS */
#fav_filters {padding: 10px; background-color: #E5E5E5; margin-bottom: 10px;}
#fav_filters h2 {margin-top: 0;}
#fav_filters .text {height: 24px; width: 162px; font-size: 1em; padding: 0 5px; background-color: #F7F7F7;}
#fav_filters .text::-ms-clear {display: none;} /* IE10 hide text field clear */
#fav_filters #saveSearch {position: absolute;top: 8px;right: 5px;}
#sort_fav_filters div {display:block; margin: 6px 0; line-height: 18px;}
#sort_fav_filters span.deleteSearch {cursor: pointer; float: right; margin-right: 2px; font-size: 0.9em;}
#sort_fav_filters img.moveSearch {padding-right:6px; cursor:move; float:left; cursor: move;}

/* SHOW SEARCH FILTER */
#show_search { height: 30px; line-height: 30px; margin-left: 5px; }
#show_search a { color: #FFF; font-weight: bold; }
#show_search a:hover { color: #F7931B; }

/* LOAD MORE/PREVIOUS */
#load_more, #load_previous {
	clear: both;
	cursor: pointer;
	color: #0772BC;
	background-color: #E5E5E5;
	text-align: center;
	padding: 5px 10px;
}

/* OPACITY ACTION IMAGES */
.opacity_hover input, .opacity_hover img {
	opacity: 0.7;
	filter:alpha(opacity=70);
}
.opacity_hover:hover input, .opacity_hover:hover img {
	opacity: 1;
	filter:alpha(opacity=100);
}

/* CSS for EDITABLE DIVS (projects sites) + preview newsletter */
div.editable p, div.newsletter p {
	margin-top: 0;
}
div.editable ul, div.newsletter ul {
	margin-bottom: 15px;
}
div.editable table td, div.editable table th {
	padding: 4px;
}
.edit-this {
	background-color: #EAEAEA;
	outline: 1px dashed #DF3950;
}

/* GOOGLE MAPS */
#map_overlay {
   position:absolute;
   background-color: #ffffff;  /* the background          */
   filter:alpha(opacity=70);   /* Internet Explorer       */
   -moz-opacity:0.7;           /* Mozilla 1.6 and below   */
   opacity: 0.7;               /* newer Mozilla and CSS-3 */
   text-align:center;
   z-index:2;
   font-size:1.5em;
}

/* OPENTIP v2.4.6 */
.opentip-container,
.opentip-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.opentip-container {
	position: absolute;
	max-width: 400px;
	z-index: 100;
	-webkit-transition: -webkit-transform 1s ease-in-out;
	-moz-transition: -moz-transform 1s ease-in-out;
	-o-transition: -o-transform 1s ease-in-out;
	-ms-transition: -ms-transform 1s ease-in-out;
	transition: transform 1s ease-in-out;
	pointer-events: none;
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-o-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
	-webkit-transform: translateY(-5px) translateX(5px);
	-moz-transform: translateY(-5px) translateX(5px);
	-o-transform: translateY(-5px) translateX(5px);
	-ms-transform: translateY(-5px) translateX(5px);
	transform: translateY(-5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-o-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
	-webkit-transform: translateY(5px) translateX(5px);
	-moz-transform: translateY(5px) translateX(5px);
	-o-transform: translateY(5px) translateX(5px);
	-ms-transform: translateY(5px) translateX(5px);
	transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-o-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
	-webkit-transform: translateY(5px) translateX(-5px);
	-moz-transform: translateY(5px) translateX(-5px);
	-o-transform: translateY(5px) translateX(-5px);
	-ms-transform: translateY(5px) translateX(-5px);
	transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
	-webkit-transform: translateY(-5px) translateX(-5px);
	-moz-transform: translateY(-5px) translateX(-5px);
	-o-transform: translateY(-5px) translateX(-5px);
	-ms-transform: translateY(-5px) translateX(-5px);
	transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
	pointer-events: auto;
}
.opentip-container.ot-hidden {
	display: none;
}
.opentip-container .opentip {
	position: relative;
	line-height: 120%;
	padding: 9px 14px;
	color: #fff;
}
.opentip-container .opentip .header {
	margin: 0;
	padding: 0;
}
.opentip-container .opentip .ot-close {
	pointer-events: auto;
	display: block;
	position: absolute;
	top: -12px;
	left: 60px;
	color: rgba(0,0,0,0.5);
	background: rgba(0,0,0,0);
	text-decoration: none;
}
.opentip-container .opentip .ot-close span {
	display: none;
}
.opentip-container .opentip .ot-loading-indicator {
	display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
	width: 30px;
	height: 30px;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
	display: block;
	-webkit-animation: otloading 2s linear infinite;
	-moz-animation: otloading 2s linear infinite;
	-o-animation: otloading 2s linear infinite;
	-ms-animation: otloading 2s linear infinite;
	animation: otloading 2s linear infinite;
	text-align: center;
}
.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
	color: #f8f8f8;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
.opentip-container.style-glass .opentip {
	padding: 15px 25px;
	color: #317cc5;
	text-shadow: 1px 1px 8px rgba(0,94,153,0.3);
}
.opentip-container.ot-hide-effect-fade {
	-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
	-ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
	transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
.opentip-container.ot-hide-effect-fade.ot-hiding {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
	-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
	-ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
	transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}
.opentip-container.ot-show-effect-appear.ot-going-to-show {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-showing {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
.opentip-container.ot-show-effect-appear.ot-visible {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
@-moz-keyframes otloading {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes otloading {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes otloading {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-ms-keyframes otloading {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes otloading {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* Opentip custom style */
.opentip-container .opentip ul {
	padding-left: 20px;
}
.opentip-container.style-white .opentip {
	color: #000;
}
.opentip-container.style-meta {
	max-width: 960px;
}
.opentip-container.style-meta .opentip {
	color: #000;
}