@charset "utf-8";

/* HTML AND BODY */

html {
	height: 100%;
 	overflow: -moz-scrollbars-vertical;
}

body {
	height: 100%;
	background: #E11B22;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0;
}

/* TAGS */

a {
	color: #007590; /* E11B22 */
}

a:hover {
	color: #000000;
}

img {border: 0;}

/* STRUCTURE */

#wrapper {
	width: 1032px;
	margin: 0 auto;
	margin-top: 50px;
}

#wrapper-top img {
	display: block;
}

#wrapper-middle {
	width: 1032px;
	background: url(../../img/BG-wrapper-middle.jpg);
}

#wrapper-bottom {
}

#content {
	width: 940px;
	background: #FFFFFF;
	margin: 0 0 0 16px;
	padding: 30px 30px 20px 30px;
}

#header img {
	display: block;
}

#header a {
	color: #000000;
	text-decoration: none;
}
#header a:hover {
	color: #E11B22;
}
#header em a {
	color:#007590;
	font-style:normal;
	font-weight:bold;
}

/* NAVIGATION */

#navigation {
	height: 35px;
	padding: 15px 0 0 0;
}

ul#navigation {
	margin-left:0;
}

#navigation .menu-item {
	display: inline;
	padding: 0 20px;
	margin-right: 4px;
	border-left:3px solid #E11B22;
}
#navigation.padding-20 .menu-item {
	padding: 0 20px;
}
#navigation.padding-30 .menu-item {
	padding: 0 30px;
}
#navigation.use_front .menu-item {
	display: inline;
	padding: 0 35px;
	margin-right: 4px;
}
#navigation .menu-item.first {
	/*padding-left: 0;*/
	border-left:none;
}
#navigation .menu-item.last {
	/*padding-right: 0;*/
}
#navigation .menu-item.highlighted {
	background: #FFF200;
}
#navigation .menu-item.highlighted a {
	color:#E11B22;
}

#navigation a {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
}

#navigation a:hover {
	color: #E11B22;
}

#navigation img {
	/*margin: 0 28px;*/
	vertical-align: middle;
}

#content-top img {
	display: block;
}

#content-middle {
	width: 900px;
	min-height:400px;
  height:auto !important;
  height:400px;
	padding: 20px;
	padding-bottom: 40px;
	background: url(../../img/BG-content-middle.jpg);
}

#content-bottom img {
	display: block;
}

#subnavigation {
	padding: 0 10px 0 0;
	float: left;
	width: 180px;
	background: url(../../img/BG-dotted-vertical.jpg) repeat-y right;
}
#subnavigation ul {
	padding: 0 10px 0 0;
	width: 180px;
}
#subnavigation img {
	display: block;
	margin: 5px 0 5px 0;
}

#subnavigation a {
	color: #000000;
	text-decoration: none;
}

#subnavigation a:hover {
	color: #E11B22;
}

#footer {
	font-size: 10px;
	margin: 20px 0 0 0;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	color: #E11B22;
}

#partners {
	width: 900px;
	margin: 0 auto;
	margin-top: 7px;
	text-align: right;
}

/* PAGES */

#page {
	width: 690px;
	margin: 0 0 0 20px;
	float: left;
}

#page-total {
	margin: 0 0 0 20px;
	float: left;
}

#page .title, #page-total .title, #page-total2 .title, .ster .title {
	background: url(../../img/STAR-red.jpg) no-repeat 0 3px;
	color: #007590;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 0 0 15px 0;
}

#page .label, #page-total .label, #page-total2 .label {
	color: #007590;
	padding: 0 20px 5px 0;
}

#home_page {
	margin: 0 0 0 20px;
	float: left;
}

.page-split {
	background: #e9f1f3;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
	width: 140px;
}

.page-split2 {
	background: #f7f9fa;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
	width: 140px;
}

.page-split3 {
	background: #f7f9fa;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
	width: 160px;
}


.template .page-split {
	background: #e9f1f3;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
	width: 120px;
}

.template .page-split2 {
	background: #f7f9fa;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
	width: 120px;
}

.template .page-split3 {
	background: #f7f9fa;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
	width: 140px;
}



/* LOGIN */

#forgot-password {
	display: none;
}

/* FEEDBACK */

#feedback {
	background: url(../../img/BG-dotted-vertical.jpg) repeat-y left;
	width: 150px;
	font-style: italic;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
}


#feedback .title {
	background: url(../../img/STAR-red.jpg) no-repeat 0 3px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

/* SUBNAVIGATION */

#subnavigation .menu-item {
	padding: 6px 4px 6px 2px;
	list-style:none;
	background:url(../../img/SUBNAVIGATION-line.jpg) no-repeat bottom;
}

#subnavigation .menu-item .menu {
	width: 165px;
}


#subnavigation .highlighted .menu {
	background: #FFF200;
}

#subnavigation .sub-menu {
	font-style: italic;
	margin: 5px 0 5px 0;
}

#subnavigation .title {
	color: #E11B22;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

/* CLASSES */

.clear {
	height: 0px;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear-left {
	clear: left;
	height: 0px;
}

.block-right-5 {
	margin: 0 5px 0 0;
}
.block-left-20 {
	margin: 0 0 0 20px;
}
.block-top-10 {
	margin: 10px 0 0 0;
}
.block-top-20 {
	margin: 20px 0 0 0;
}
.block-bottom-20 {
	margin: 0 0 20px 0;
}
.block-top-40 {
	margin: 40px 0 0 0;
}
.block-bottom-40 {
	margin: 0 0 40px 0;
}


.alert {
	color: #E11B22;
}
.green {
	color:#007590;
	font-style: italic;
}

.actions-yellow a:not(.help) {
	background: #FFF200;
	color: #E11B22;
	text-decoration: none;
	padding: 0 5px 0 5px;
}

.actions-yellow a:hover {
	color: #000000;
}

.actions-blue a {
	color: #007590;
}

.actions-blue a:hover {
	color: #E11B22;
}

.red {
	color: #E11B22;
}

.grey {
	color: #777777;
}

.black-small {
	font-size: 9px;
	color: #000000;
}

.cell-right-4 {
	padding: 0 4px 0 0;
}
.cell-right-10 {
	padding: 0 10px 0 0;
}

.cell-right-20 {
	padding: 0 20px 0 0;
}

.W65 {
	width: 65px;
}

.W100 {
	width: 100px;
}

.W400 {
	width: 400px;
}

.category a {
	background:#EEEEEE;
	color: #E11B22;
	text-decoration: none;
	padding: 0 10px 0 10px;
}

.category a:hover {
	color: #000000;
}

.comp_guidelines strong {
	font-weight: bold !important;
}



/* FORM */

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 2px 0 2px 0;
}

select {
	font-size: 11px;
	color: #333333;
	margin: 2px 0 2px 0;
}

.input-50 {
	width: 58px;
	padding: 0.5px 0 0.5px 0;
}
.input-80 {
	width: 78px;
	padding: 0.5px 0 0.5px 0;
}
.input-100 {
	width: 98px;
	padding: 0.5px 0 0.5px 0;
}
.input-120 {
	width: 118px;
	padding: 0.5px 0 0.5px 0;
}
.input-150 {
	width: 158px;
	padding: 0.5px 0 0.5px 0;
}
.input-180 {
	width: 178px;
	padding: 0.5px 0 0.5px 0;
}
.input-200 {
	width: 198px;
	padding: 0.5px 0 0.5px 0;
}
.input-200 {
	width: 198px;
	padding: 0.5px 0 0.5px 0;
}
.input-300 {
	width: 298px;
	padding: 0.5px 0 0.5px 0;
}
.input-350 {
	width: 348px;
	padding: 0.5px 0 0.5px 0;
}
.input-500 {
	width: 498px;
	padding: 0.5px 0 0.5px 0;
}

.alternate_version {
	float:right;
	font-style:italic;
	font-weight:bold;
}

/* LIST */

#list td {
	padding-bottom: 2px;
}

#list .item {
	margin: 0 0 20px 0;
}

#list .title {
	background: url(../../img/STAR-red.jpg) no-repeat 0 3px;
	color: #007590;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}
#list .title .subtitle, #prepare .title .subtitle {
	font-style: italic;
}
#list .name {
	color: #007590;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#list .subname {
	color: #007590;
	font-size: 11px;
	font-weight: normal;
}

#list .name-light {
	color: #007590;
	font-size: 11px;
	font-weight: bold;
}

#list .subname-light {
	color: #2491AA;
	font-size: 11px;
	font-weight: normal;
}

#list .message {
	margin-bottom: 14px;
	color:#666;
	font-style: italic;
	width:80%;
}
#list table {
	margin-top:30px;
}
#prepare #list table {
	margin-top:0px;
}

#list .competence_subtitle {
	color: #007590;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 5px 0;
}

#list .competence-body {
	margin: 5px 0 25px 0;
}
#list .competence-body a {
	font-size: 9px;
}
#list.competence_document_individual .competence-body {
	font-style:italic;
	margin: 5px 0 12px 0;
}


#list .from_whom {
	color: #007590;
	font-size: 11px;
	font-weight: normal;
}

#list .label {
	color: #007590;
	padding: 0 20px 5px 0;
}

#list .column {
	color: #007590;
	font-weight: bold;
	padding: 0 20px 10px 0;
	text-align:left;
}

.sub-list {
	background: #e9f1f3;
	padding: 10px;
	margin: 20px 0 0 0;
	clear: both;
}

.sub-list-make {
	display: none;
	padding: 10px;
	margin: 10px 0 20px 0;
	clear: both;
}

/*
#list {
	margin-top:10px;
}

#list .row {
	margin: 0 0 2px 0;
}

/*

#list .row .cell-50 {
	height: 18px;
	width: 40px;
	padding: 0 2px 0 8px;
	margin: 0 2px 0 0;
	float: left;
}

#list .row .cell-60 {
	height: 18px;
	width: 50px;
	padding: 0 2px 0 8px;
	margin: 0 2px 0 0;
	float: left;
}

#list .row .cell-100 {
	height: 18px;
	width: 90px;
	padding: 0 2px 0 8px;
	margin: 0 2px 0 0;
	float: left;
}

#list .row .cell-150 {
	height: 18px;
	width: 140px;
	padding: 0 2px 0 8px;
	margin: 0 2px 0 0;
	float: left;
}

/*
#list .row .label-50 {
	background: url(../../img/admin/BG-list-default-50.png) no-repeat;
}

#list .row .label-60 {
	background: url(../../img/admin/BG-list-default-60.png) no-repeat;
}

#list .row .label-100 {
	background: url(../../img/admin/BG-list-default-100.png) no-repeat;
}

#list .row .label-150 {
	background: url(../../img/admin/BG-list-default-150.png) no-repeat;
}


#list .row .default {
	background: #F6F6F6;
	color: #666666;
}

#list .row .published {
	background: url(../../img/admin/BG-list-highlight.png) no-repeat;
	color: #FFFFFF;
}

#list .row .published a {
	font-weight: bold;
	color: #FFFFFF;
}

#list .row .published a:hover {
	font-weight: bold;
	color: #EBFAF8;
}

#list .row .offline {
	background: url(../../img/admin/BG-list-offline.png) no-repeat;
	font-weight: bold;
}


#list .row .action {
	height: 18px;
	padding: 0 5px 0 5px;
	float: left;
}

#list .upload, #linked .upload {
	background: #F6F6F6;
	width: 124px;
	padding: 5px 5px 5px 5px;
	margin: 0 10px 10px 0;
	float: left;
}

#list .thumb, #linked .thumb {
	background: #FFFFFF;
	width: 96px;
	height: 72px;
	padding: 2px 2px 2px 2px;
	text-align: center;
}

#list .thumb img, #linked .thumb img {
	display: block;
	height: 72px;
	max-width: 96px;
	_width: expression(this.width > 96 ? 96: true);
}

#linked .poster {
	background: #EBFAF8;
}

#list .upload .info {
	color: #777777;
}

#list .upload .highlight {
	color: #258E88;
	font-weight: bold;
}

#list .upload .info .small {
	font-size: 10px;
}

#list .upload .info .delete {
	margin: 15px 5px 5px 0;
}
*/

/* VIEW */

#view .title {
	background: url(../../img/STAR-red.jpg) no-repeat 0 3px;
	color: #007590;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 0 0 15px 0;
}

#view .label {
	color: #007590;
	padding: 0 20px 5px 0;
}

#view.competence_document .label {
	min-width:100px;
}

/*
#view .title, #linked .title {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0px 4px 6px;
}
*/

/*

#view .subtitle {
	color:#333333;
}

#view .abstract {
	font-style: italic;
	margin: 0 0 20px 0;
}

*/

#view .body {
}

/*
#view .details {
	color: #0A4B49;
}

#view .highlight1, #linked .highlight1 {
	display: inline-block;
	background: #BCEDE8;
	min-width: 190px;
	color: #0A4B49;
	margin: 10px 0 0 0;
	padding: 2px 5px 2px 5px;
}

#view .highlight2, #linked .highlight2 {
	display: inline-block;
	background: #EBFAF8;
	min-width: 190px;
	color: #0A4B49;
	padding: 5px 5px 5px 5px;
	margin: 10px 0 0 0;
}

#view .highlight3, #linked .highlight3 {
	display: inline-block;
	background: #F6F6F6;
	color: #777777;
	padding: 5px 5px 5px 5px;
	margin: 0 0 10px 0;
}

#view .search_highlight {
	color:#FF0000;
}

#view .label {
	background:#F5F5F5;
	width: 120px;
	color:#000000;
}

#view .label-2 {
	background:#F0F0F0;
	width: 120px;
	color:#000000;
}
*/

/* EDIT */

/*
#edit .label {
	background:#F5F5F5;
	width: 120px;
	color:#000000;
}

#edit .label-2 {
	background:#F0F0F0;
	width: 120px;
	color:#000000;
}

/*
#edit .title, #linked .edit {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0px 4px 6px;
}
*/

#edit .title, #prepare .title, #linked .edit {
	background: url(../../img/STAR-red.jpg) no-repeat 0 3px;
	color: #007590;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 0 0 15px 0;
}

#edit .label, #prepare .label {
	color: #007590;
	padding: 0 20px 0 0;
}
#edit.competence_document .label {
	width:140px;
} 

#prepare .highlighted .label {
	color: #E11B22;
}

/*
#edit .upload {
	background: #F6F6F6;
	padding: 2px 2px 2px 2px;
	margin: 0 10px 0 2px;
	float: left;
}

#edit #flv {
	background: #F6F6F6;
	padding: 2px 2px 2px 2px;
	margin: 0 10px 0 2px;
	float: left;
}
*/

/* FUNCTION BAR */

#function_bar {
	margin-bottom:10px;
}

#function_bar a {
	color:#E11B22;
}

#function_bar a:hover {
	color:#333333;
}


/* FORM VALIDATION */

label.error {
	/*margin: 10px 0;*/
	/*display: block;*/
	margin-left: 10px;
	width: auto;
	font-size:11px;
	color:#E11B22;
}

#error_message {
	margin: 10px 0;
	width: auto;
	display: block;
	font-size:11px;
	color:#E11B22;
}

input.invalid {
	border-color:#E11B22;
}
label.invalid {
	color:#E11B22;
	margin-left:10px;
}


/* SPECIFIC */

.evaluation_grade_other {
	display: none;
}
input.hasDatepicker {
	margin-right:4px;
}


/* SELECTED COMPETENCE */
#competences td {
	padding-right:10px;
	/*min-width:400px;*/
}

#selected_competences {
	background:#e9f1f3;
	padding: 10px 10px 10px 10px;
	margin: 20px 10px 10px 10px;
	width: 480px;
}

/* SORTABLE */

#sortList{
	/*padding-left: 22px;*/
	list-style:url(../../img/dragicon.jpg);
	line-height: 30px;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 0 22px;
}
.sortItem {
	padding: 0 0 0 10px;
}


/* PAGING */

.paging {
	font-size: 11px;
	margin:20px 0 20px 0;
	/*padding-bottom:10px;*/
	float:left;
	position:relative;
	width:100%;
	text-align: center;
}
.pagenr {
	margin-right:5px;
	display:inline;
}
a.pagenr {
	text-decoration:underline;
}
.nextpage {
	display:inline;
	margin-left:5px;
}
.prevpage {
	display:inline;
	margin-right:5px;
}

/* GROUP SELECT */
#list .group_select {
	/*margin-bottom:20px;*/
}
 

/* TEMPLATE INBOX */

#template_inbox {
	margin:30px 0 30px 0;
	background: #EDEDED;
	padding: 10px 14px 20px 14px;
}
#template_inbox table {
	margin-top:0px;
}
#template_inbox .message {
	margin-bottom: 14px;
	color:#666;
	font-style: italic;
	width:95%;
}
#list #template_inbox .column {
	padding-bottom:4px;
	text-align:left;
}
#template_inbox .subtitle {
	color: #E11B22;
	font-size: 14px;
	font-weight: bold;
	/*font-style:italic;*/
	margin-bottom:10px;
}

/* STATISTICS */

.block-statistics_filter {
	margin-top:40px;
}
#list .menu-item {
	font-size:11px;
	margin:0;
	font-weight:normal;
	padding: 0 0 4px 0;
}
#list .menu-item .menu {
	width: 165px;
}
#list .fade a {
	color:#CCC;
	font-style:italic;
}
#list .statistic .subtitle {
	color: #007590;
	font-size: 12px;
	font-weight: bold;
	/*font-style:italic;*/
	margin-bottom:10px;
}
#list .statistic table {
	margin-bottom:30px;
	margin-top:10px;
}
.statistic .group {
	font-size:11px;
	color:#222;
}
.statistic .info {
	width:auto;
}
.statistic .group .sum {
	font-weight:bold;
	font-size:10px;
	color:#E11B22;
}
.statistic .info em {
	font-weight:bold;
	color:#007590;
}
.statistic .group em {
	font-weight:bold;
	font-style:normal;
	color:#007590;
}
.statistic .total {
	font-weight:bold;
	color:#E11B22;
}
.statistic td {
	text-align:left;
	color: #777777;
	padding: 0 20px 5px 0;
	font-size:10px;
}
.statistic td.group {
	padding:8px 0 6px 0; /* bottom pakt niet */
	/*border-bottom:dashed 1px #777777;*/
}
.statistic .group.total {
	color:#E11B22;
	padding-left:10px;
}
#list p.info {
	font-style:italic;
	color:#333;
	margin-top:2em;
}

#statistics_filter .buttons {
	margin-top:10px;
}
.add-age_group-button {
	padding:6px 0;
	display:inline-block;
}
.remove-age_group-button, .reset-age_group-button, .reset-filter-button {
	margin-left:10px;
}

.tree span {
	display: block;
	display: inline-block;
}

.tree .name {
	width: 150px;
	margin-left: 5px !important;
}

.tree .participant {
	width: 100px;
}

.tree .user_name {
	width: 100px;
}

.tree .organization_name {
	width: 100px;
}

.tree .time_touched {
	width: 100px;
}

.tree .actions {
	width: 200px;
}

.tree .tree_link {
	cursor: pointer;
	color: #007590; /* E11B22 */
	text-decoration: underline;
}

.tree .tree_link:hover {
	color: #000000;	
}

/*
#tree-box {
	margin-top:30px;
}
*/
#tree-box {
	margin:30px 0 30px 0;
	background: #EDEDED;
	padding: 10px 14px 10px 14px;
}
#tree-box .message {
	margin-bottom: 14px;
	color:#666;
	font-style: italic;
	width:95%;
}
#tree-box .subtitle {
	color: #E11B22;
	font-size: 14px;
	font-weight: bold;
	/*font-style:italic;*/
	margin-bottom:10px;
}
#tree-box strong {
	color:#007590;
	font-weight:normal;
	font-style:italic;
}
.tree-buttons a {
	margin-right:10px;
	background: #FFF200;
	color: #E11B22;
	text-decoration: none;
	padding: 0 5px 0 5px;
}
#tree-box .jstree-default.jstree-focused {
background:none;
}
.jstree a em.delete {
	font-style:normal;
	text-decoration:underline;
	color: #007590; /* E11B22 */
}
.jstree a em.delete:hover {
	color: #000000;
}

/* COMPETENCE_DOCUMENT_DRAFT */
.step .subtitle {
	font-size: 12px;
	font-style:italic;
	margin-bottom:10px;
}
.step .subtitle em {
	color: #007590;
}
.display-buttons {
	display:inline;
	font-size:11px;
	font-weight:normal;
	margin:0 10px;
}
.display-buttons a {
	color: #E11B22;
	text-decoration: none;
}
.display-buttons a.active {
	background: #FFF200;
	padding: 0 5px 0 5px;
}

/* HELP TEXTS */
a.help {
	position: relative;
	color:#333;
	text-decoration: none;
}
a.help:focus {
	outline: none;
}
a.help strong {
	position: absolute;
	display: block;
	top: -1em; left: 2.5em;
	font-weight: normal;
	background-color: #ffffc7;
	border: 1px solid #aaa;
	padding: 5px;
	/*font-size: 90%;*/
	width: 300px;
}

/* LABELS */
label.offscreen, span.offscreen {
	position: absolute;
  left: 0;
  top: -10000px;
  overflow: hidden;
}

span.date_format {
	color:#666;
	font-style:italic;
}

/* JW PLAYER */
ul#controls {
	display:none;
	margin-left: 0px!important;
	padding-left: 0px!important;
}
ul#controls li {
	display: inline-block;
	padding-right: 2.6em;
	*display: inline;
	list-style: none;
}
ul#controls li.last {
	padding-right: 0;
}