.list-head, .list-foot, .pc-title { border-bottom: 1px solid #999; position: relative; overflow: hidden; }

.list-head, .list-foot, .pc-title, .pc-topLink a:hover, .pc-topLink a:focus, #pc-search-submit { background-color: #0079CC; background-image: -webkit-gradient(linear, left top, left bottom, from(#0079CC), to(#0079CC)); background-image: -webkit-linear-gradient(top, #0079CC, #0079CC); background-image:    -moz-linear-gradient(top, #0079CC, #0079CC); background-image:     -ms-linear-gradient(top, #0079CC, #0079CC); background-image:      -o-linear-gradient(top, #0079CC, #0079CC); background-image:         linear-gradient(top, #0079CC, #0079CC); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0079CC', EndColorStr='#0079CC'); zoom:1; color:#fff !important; background-position: 0 0; }

.list-foot { height: 38px; border-bottom: 0; }
.list-head h1 { padding: 10px 10px 0; color: #fff; font-size: 100%; margin-right: 180px; font-weight: normal; font-size: 16px; color: #fff; }
.list-head a, .list-foot a { color: #fff !important; position: absolute; display: block; top: 10px; right: 10px; }

a.print {padding-right:32px; background:url("../images/frontsite/print.gif") right center no-repeat; position:absolute; right: 5px; bottom:5px; height:25px; line-height:25px;}
a.print:link, a.print:visited {color:#fff;}

.content {border-color:rgba(0,0,0,0.12); position:relative; margin-left:0;}

nav.links {
    float: right;
    margin-bottom: 1.5rem;
    color: #0079CC;
    font-family: "Nunito Sans";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}
nav.links > ul {
    list-style-type: none;
}
nav.links > ul > li {
    display: inline;
    margin-left: 1rem;
    
}
nav.links > ul > li + li::before {
    content: " | ";
    color: #BDBDBD;
    padding-right: 1rem;
}

nav.links > ul > li > a {
    text-decoration: none;
}
nav.links > ul > li > a > span {
    margin-left: 0.5rem;
}

div#modern-jc-search {
    clear: both;
    border-radius: 4px;
    background-color: #F5F5F5;
}

div#modern-jc-search {
    clear: both;
    border-radius: 4px;
    background-color: #F5F5F5;
}

div#modern-jc-search h2 {
    padding: 2rem;
}

div#modern-jc-search form {
    padding: 2rem;
    padding-top: 0;
}

div#modern-jc-search h2 span {
    padding-left: 1rem;
}

div#modern-jc-search form label, div#modern-jc-search form input {
    margin-right: 5rem;
}

div#modern-jc-search form input#modern-jc-term {
    width: 7rem;
}

div.pc-list h1 {
    margin: 2rem 0;
}

div.pc-list div.pc a.simple-link {
    color: black;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
}

div.pc-list div.pc a.simple-link:hover {
    color: #4A90E2;
}

* html .content .pc-container {zoom:1}
* html .content .pc-container .pc-salary {zoom:1; width:605px;}

#contentContainer {zoom:1; width:auto !important;}

.temporary-message {
	border: 1px solid #0079cc;
	clear: both;
	font-weight: bold;
	margin-bottom: 1rem;
	padding-top: 1rem;
	text-align: center;
	width: 100%;
}

.pc-title { border: 1px solid #0079CC; width: 100%; }
.pc-title h1, .printable h1 { color: #fff; font-weight: normal; font-size: 150%; padding: 10px; padding-right:120px; }
.pc-title .action {position:absolute; bottom:3px; right:5px;}
.pc-title .action a {color:#fff;}
.printable .pc-title { border: 0; padding: 0; background: #fff; filter:none; }
.printable .pc-title h1 { background: #f0f0f0; color: #000; }
.printable h1 { color: #000; padding: 0; margin-bottom: 1em; }
.printable .pc-salary-content { padding: 0; }
.pc-list-inner { background: #fff; padding: 20px; }
.pc-scrollable { overflow: auto; zoom:1; position:relative;}

.dl-head > .dt > a { text-decoration: none !important; }
.dl-pair { padding: 10px 0 10px 100px; position: relative; zoom:1;}
.dl-pair .dt { font-weight: bold; position: absolute; left: 0; text-align: center; width: 100px; }
.dl-pair .dd { padding-right: 10px; overflow:hidden;}
.dl-pair .dd:hover { color: #4A90E2; }
.dl-pair .dd .type {overflow:hidden; margin-bottom:7px; zoom:1;}
.dl-pair .dd .type span {float:left; padding:1px 3px; /*clear:both;*/ margin-right:7px;}
.clickable { cursor: pointer; }
.clickable:hover { color: #4A90E2; }

/* .pc-container { overflow: hidden; } */
.pc-content { padding: 0 10px 10px 0; margin-top: 20px; min-height: 245px; }

#pc-aside { float: right; margin-left: 10px; }
#pc-aside div { border: 1px solid #EEEEEE; width: 200px; padding: 10px; margin-top: 20px; margin-bottom:10px;}
#pc-aside div h2 {color:#000;}
#pc-aside div ul {background:#fff; padding:6px;}

.pc-meta { margin-bottom: 1em; height: 66px; line-height: 40px; padding: 0 10px; font-size:18px; position:relative; zoom:1; }
.pc-meta, .pc-content .pc-info, .pc-toc { width: 44rem; }
.pc-no-aside .pc-meta, .pc-no-aside .pc-toc, .pc-no-aside .pc-info { width: auto; }
.pc-meta em { display: block; position: absolute; top: 30px; left: 10px; font-size: 13px; font-style: normal; }
.pc-meta .hasDatepicker * {font-size:14px;  line-height:15px;}
.pc-meta .ui-datepicker .ui-datepicker-header {
    height: 30px;
}
.pc-meta a.pc-show-hist {position:absolute; right:5px; top:5px; color: #000; font-size:12px;}
.pc-meta .pc-change-date {background:url("../images/frontsite/icon-datepicker.gif") right top no-repeat; padding-right:20px;}

.pc-error {zoom:1;}

#pc-date-select { position: relative; left: 20px; }

#pc-aside h2 { text-transform: uppercase; font-size: 14px; color: #696969; font-weight: normal; }
#pc-aside ul, #pc-aside li { margin: 0; padding: 0; list-style: none; _zoom: 1; }
.pc-docs a, .pc-cao a { font-style: italic; display: block; line-height: 1.8; font-size: 11px; }
.pc-docs a span, .pc-cao a { font-style: normal; padding-left: 28px; display: inline-block; *display: inline; *zoom: 1; background: url(../images/Download.svg) no-repeat center left; font-size: 13px; cursor: pointer; }
.pc-cao a { background:url("../images/Right.svg") left 1px no-repeat; padding-right: 0; }
.pc-docs a, .pc-cao a, .pc-cao a:hover { text-decoration: none !important; }
.pc-docs a:hover, .pc-docs a:hover span { text-decoration: underline !important; }
.pc-docs a { color: #000000 !important; }
.pc-cao a { color: #0079CC; }
.pc-cao a:hover { color: #038764; }

#search-committee { margin-bottom: 1em; position: relative; height: 24px; font-size: 14px; margin:0.5em 0em; margin-bottom:1em; line-height:22px; z-index:200;}
#search-committee h1 { font-size: 20px; color: #666; font-weight: normal; position: absolute; left:0; }
#search-committee input { font: 14px/1 Arial; border:1px solid rgba (0,0,0,12); padding:2px; vertical-align:top; border-radius: 4px; }
#search-pc { position: absolute; left: 107px; }
#search-date { position: absolute; right:90px; }
#search-date #search-committee-d {width:72px;}
#pc-search-submit { position: absolute; right:0; border:1px solid #0079CC; color:#fff; width:78px; top:-1px; height:25px; cursor:pointer;}
#committeeName { width:400px; }
#date { width: 75px; }
#search-committee label { padding-right: 10px; }
#search-committee #search-pc label { position:absolute; top:0; left:-99999em;}
#search-committee #search-date label {color:#666; font-size:20px; position:relative; }

.pc-info, .pc-error { padding: 10px; margin-bottom: 1em; }
.pc-info { background: #f2fbf0; border:1px solid #dcebd5; color:#0d9a32;}
.pc-info a:link, .pc-info a:visited {color:#0d9a32}
.pc-error { clear: right; background: #ffbfbf url("../images/frontsite/error-bg.gif") right 10px no-repeat; color: #f00; min-height:30px;}
.pc-error a:link, .pc-error a:visited, .pc-error a {color: #f00;}
.pc-error p { margin: 0; padding:5px 15px; padding-right:55px; }

.pc-salary { border: 1px solid #ccc; width: 770px; clear:left;}
.pc-salary h1 {padding: 10px; color: #333; font-weight:700; font-size:18px;}
.pc-salary h2 {font-weight:400; font-size:16px;}
.pc-salary h3 {font-weight:400; font-size:14px; color:#000; margin: 1em 0;}
.pc-salary-content{ padding: 0 10px; padding-bottom:10px; overflow:hidden;}

.pc-table {border-collapse: collapse;  table-layout: fixed; font-size: 90%; width: 100%; }
.ftable {width: 99%;}
.pc-table th { background: #ddd; }
.pc-table th.empty {background:#fff;}
.pc-table .header { background: #0079CC; color: #fff;}
.pc-table td, .pc-table th { padding: 10px; text-align: center;}
.pc-table td {color:#000}
.pc-table td.right {text-align:right;}
.pc-table .alt td { background-color: #EEEEEE; }

.pc-history h2 { margin: 1em 0; height: 40px; line-height: 40px; padding: 0 10px; font-size:18px;}
.pc-history .dl-pair.clickable:nth-child(even) { background-color: #EEEEEE; }

.printable body { background: #fff; padding:1em; }

.pc-toc { background: #EEEEEE; padding: 10px; width: 44rem; margin-bottom: 1em; margin-top:10px; margin-left: 1rem; }
.pc-toc h1 { text-transform: uppercase; font-size: 18px; font-weight: normal; padding-bottom:5px;}
.pc-toc ul, .pc-toc li { margin: 0; padding: 0; list-style: none; }
.pc-toc ul li {color:#000; font-weight:700; text-decoration:none; font-size:14px; margin:5px 0;}
.pc-toc ul ul { margin-left: 1.5em; }
.pc-toc a { text-decoration: none !important; }

.filter {background:#EEEEEE; border:1px solid #EEEEEE; padding:10px;}

/* breadcrumb ............................................................... */
.breadcrumbBlock, .breadcrumbBlock a:link, .breadcrumbBlock a:visited {color:#B3A999;}

/* paritair comité overzicht ................................................ */
.dl-pair {/*background-image:url("../images/frontsite/dl-sep.gif"); background-position:105px top;*/ background-repeat:repeat-y; padding-left:120px;}
.dl-pair .dt {padding:0px 15px; width:80px; text-align:left;}
.pc .dl-pair a { color: #0079CC; text-decoration:none; font-weight:700; }
.pc .subItems .dl-pair .dt a {padding-left:10px;}
.pc .subItems .subItems .dl-pair {font-weight:400;}
.pc .subItems .subItems .dl-pair .dt {padding-left:25px;}

.pc .dl-pair { background-color:#ddd; }
.pc .subItems .dl-pair { background-color:#EEEEEE; }
.pc .subItems .subItems .dl-pair { background-color:#fff; }

.pc-list-inner>.pc:first-child>.dl-pair:first-child {border-top-width:1px;}

/* historiek ................................................................ */
.dl-head .filter {position:absolute; top:10px; right:8px;}



/* overlay .................................................................. */
#overlayBase {display:none;}
#overlayBG {position:absolute; left:0; top:0; width:100%; right:0px; bottom:0; height:3000%; background:url("../images/frontsite/overlay-bg.png") left top repeat;}
.jPop {width:100%; height:100%; overflow:hidden;}
.jPop #overlayBase {display:block;}
.popTypeFilter {background:#fff; cursor:default; width:600px;}
.popTypeFilter .overlayMain {padding:7px; }
.popTypeFilter .overlayMain .caption {margin-bottom:10px; padding-bottom:8px; font-size:16px;}
.popTypeFilter .overlayMain .caption .label {font-size:100%; font-weight:700;}
.popTypeFilter .overlayMain .control {margin-left:25px; margin-bottom:10px; padding-left:20px; position:relative;text-align:left;}
.popTypeFilter .overlayMain .control.subControl {margin-left:50px;}
.popTypeFilter .overlayMain .control label {font-size:12px;}
.popTypeFilter .overlayMain .control input {position:absolute; top:2px; left:0; margin:0; border:none; padding:0;}
*:first-child+html .popTypeFilter .overlayMain .control input {top:-2px;}
.popTypeFilter .overlayMain .formbox {padding:15px;}
.popTypeFilter .overlayMain .formfooter {margin-left:25px; overflow:hidden; margin-top:15px; text-align:right;}
.popTypeFilter .overlayMain .formfooter .advance, .popTypeFilter .overlayMain .formfooter .abort, .popTypeFilter .overlayMain .formfooter .sep {display:inline;}
.popTypeFilter .overlayMain .formfooter .sep {margin:0px 7px; line-height:1.35em;}
.popTypeFilter .overlayMain .formfooter .abort a {line-height:1.35em; text-decoration: none;}
.popTypeFilter .overlayMain .formfooter input {background:none; border: none; color:#4A90E2; cursor:pointer; font-size: 1em;}

.pc-topLink { margin: 1em 0; }
.pc-topLink a { border: 1px solid #EEEEEE; padding: 5px; display: inline-block; *display: inline; *zoom: 1; text-decoration: none !important; color: #4A90E2; font-weight: bold; }
.printable .pc-topLink {display:none;}

@media print {
    body {background:none;}
    h1 {padding-bottom:13px; border-bottom:1px solid #999; margin-bottom:1em;}
    .pc-title h1 {border:none;}
    .pc-title .print {display:none;}
    table {page-break-inside:avoid;}
    .pc-table {border:1px solid #000; width:99%;}
    .pc-table td, .pc-table th {border-color:#000;}
    #contentContainer {margin-left:0; background:none;}
    .pc-scrollable {height:auto; overflow:visible;}
    #search-committee {display:none;}
    .pc-meta {width:640px;}
    .pc-toc {width:640px;}
    .pc-salary {width:660px;}
    .pc-title {width:660px;}
    .pc-topLink {display:none;}
    #pc-aside {display:none;}
    .content {background:none; padding:0; border:none;}
    #siteContainer {max-width:none; min-width:none; margin:0; background:none; width:100%;}
    tr, img { page-break-inside: avoid; }
    h2, h3 { page-break-after: avoid; }
    .breadcrumbBlock {display:none;}
    .pc-show-hist {display:none;}
    .content .infoLink {display:none;}
    .list-head, .list-foot, .pc-title, .clickable:hover, .pair-hover, .pc-topLink a:hover, .pc-topLink a:focus, #pc-search-submit { filter: none; }

    .pc-table {border-collapse:separate;}
}

td.right {
    position: relative;
    background-clip: padding-box;
}
td.right > div.weightBlue {
    background-color: orange;
    color: black;
    position: absolute;
    width: 50px;
    height: 15px;
    top: 0px;
    left: 0px;
    cursor: pointer;
}
td.right > div.weightWhite {
    background-color: green;
    color: white;
    position: absolute;
    width: 50px;
    height: 15px;
    top: 20px;;
    left: 0px;
    cursor: pointer;
}
div.editable-container {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
div.editable-container > div.ui-tooltip-content {
    padding: 15px;
}
div.editable-container .ui-button-text {
    display: none;
}
div.editable-container label {
    font-weight: bold;
}