/* common */
*, *:before, *:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body,
input,
select,
textarea {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 13px;
	color: #555555;
}

a:link,
a:visited {
	text-decoration: none;
	color: #727272;
}
a:link:hover,
a:visited:hover {
	text-decoration: underline;
}

input[type=text],
input[type=password] {
	border: 1px solid #ccc;
	padding: 3px;
}

.hidden {
	position: absolute !important;
	top: -5000px !important;
	left: -5000px !important;
	bottom: auto !important;
	right: auto !important;
}

.clear {
	clear: both;
}

.toggle-link {
	font-size: 10px;
}

.debug {
	font-size: 11px;
	color: #999;
}

.login-notice {
	font-size: 9px;
	color: #996666;
	padding: 0 0 0 5px;
}

.not-logged-in-notice {
	margin: 10px 0 0 0 !important;
	padding: 10px !important;
	font-weight: bold;
	background: #eee;
}

.text {
	line-height: 1.8;
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
	margin-bottom: 5px;
}
.text p {
	margin-top: 5px;
}


/* layout */

body {
    background: #EDEDED url('images/shadow_top.png') 50% 82px no-repeat;
	padding: 0;
	margin: 0;
}

#page-header-container {
	background: #fff;
}
#page-header {
	width: 1060px;
	margin: 0 auto;
	position: relative;
	padding-left: 140px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    height: 132px;
}

#site-id {
	line-height: 82px;
	float: left;
	margin-left: -140px;
}

.authenticated-user #site-id {
    line-height: 131px;
}

#site-id * {
	vertical-align: middle;
	display: inline-block;
	line-height: 1;
}
#site-id img {
	border: none;
}

#top-menu {
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 14px;
}
#top-menu .top-menu-items-level-1 {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}
#top-menu li {
    float:left;
    margin-right:1px;
    font-size:12px;
}

#top-menu li.active,
#top-menu li:hover {
    color: #009FE3;
    /*
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    */
}
#top-menu li a {
    position: relative;
    margin-top:20px;
	padding: 10px 25px 10px 40px;
	color: #000000;
    background:#f9f9f9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 15px;
}
#top-menu li.active a,
#top-menu li a:hover {
	background:#336699;
	color: #ffffff;
    text-decoration:none;
}

.top-menu-item-link {
    -webkit-transition:background-color .5s linear;
    -moz-transition:background-color .5s linear;
    -o-transition:background-color .5s linear;
    transition:background-color .5s linear;
}

.top-menu-item-link--profiel.active:hover:before,
.top-menu-item-link--profiel:before {
    content: " ";
    position: absolute;
    top:9px;
    left:15px;
    width:20px;
    height:20px;
    background:url('images/profile.png');
}

#top-menu li.active .top-menu-item-link--profiel.active:before,
.top-menu-item-link--profiel:hover:before {
    content: " ";
    position: absolute;
    top:9px;
    left:15px;
    width:20px;
    height:20px;
    background:url('images/profile--white.png');
}

#top-menu li a.top-menu-item-link--uitloggen {
    padding-left:45px;
}

.top-menu-item-link--uitloggen:before {
    content: " ";
    position: absolute;
    top:7px;
    left:15px;
    width:23px;
    height:23px;
    background:url('images/uitloggen.png');
}

#top-menu li.active .top-menu-item-link--uitloggen.active:before,
.top-menu-item-link--uitloggen:hover:before {
    content: " ";
    position: absolute;
    top:7px;
    left:15px;
    width:23px;
    height:23px;
    background:url('images/uitloggen--white.png');
}

#main-menu {
    text-align:right;
	line-height: 82px;
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: 82px;
}

.authenticated-user #main-menu {
    min-height: 110px;
    line-height: 110px;
}

#main-menu > .menu-item {
	vertical-align: middle;
	display: inline-block;
	margin: 0 20px 0 0;
	line-height: 1;
}

.authenticated-user #main-menu .menu-item {
    padding-top:10px;
}

#main-menu .menu-item-link {
    color: #727272;
    font-size: 20px;
}
#main-menu .menu-item:hover .menu-item-link,
#main-menu .menu-item.active .menu-item-link {
	color: #336699;
	text-decoration: none;
}

#page-body {
	width: 1060px;
	margin: 37px auto 37px;
	background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 40px 0;
}
#page-body-core {
	overflow: hidden;
	background: #fff;
}
#page-body-main {
	padding: 0 30px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.triple-column-block #page-body-main {
	width: 1060px !important;
}

.with-sidebar #page-body-core {
    padding-right:250px;
}

.with-sidebar #page-body-main {
	float: left;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.with-sidebar #page-body-sidebar {
	margin-right: -250px;
	float: left;
	width: 250px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 0 30px 0 0;
    border-left:0;
}

.with-sidebar #page-body-sidebar .block {
    margin: 0;
}

#main-header h1 {
	color: #336699;
	margin: 0 0 20px;
	padding: 0;
	font-size: 30px;
}

#page-footer {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto 0;
	padding: 30px;
	background: #ffffff;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

#page-footer .container {
    width: 1060px;
    margin:0 auto;
    overflow: auto;
}

#powered-by {
	color: #9A9A9A;
	margin-top: 20px;
	font-size: 10px;
}
#powered-by .label {
	margin-right: 10px;
}
#powered-by a {
	color: #9A9A9A;
}

#footer-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #555555;
}
#footer-links a {
	color: #555555;
}
#footer-links li {
	display: inline-block;
	margin: 0 5px 0 0;
}

.footer-logo {
	float: right;
}

#back-links,
#primary-actions {
	margin: 30px 0 0 0;
}


/* logged in as */

#logged-in-as {
    position: absolute;
    width:670px;
    text-align: right;
	margin: 7px 20px 0 0;
}
#logged-in-as .label {
	color: #adb4ad;
}
#logged-in-as .name {
	margin: 0 0 0 5px;
    color:#000;
}


/* breadcrumbs */

#breadcrumbs {
	font-size: 10px;
	overflow: hidden;
	padding: 15px 20px;
	text-transform: uppercase;
}
#breadcrumbs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#breadcrumbs li {
	display: inline;
}
#breadcrumbs .separator {
	margin: 0 3px;
}
#breadcrumbs a {
	text-decoration: none;
	color: #333;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}


/* blockquote */

.main-content blockquote {
	border-left: 5px solid #ccc;
	padding: 10px 20px;
	font-style: italic;
}
.main-content blockquote p:first-child {
	margin-top: 0;
}
.main-content blockquote p:last-child {
	margin-bottom: 0;
}


/* notification */

#notification {
	padding: 10px;
	margin: 0 0 20px;
	background: #eee;
	position: relative;
}
#notification.success {
	background: #ddffdd;
	color: #336633;
}
#notification.fail {
	background: #ffdddd;
	color: #663333;
}
#notification .title {
	margin: 0 0 10px;
	font-size: 12px;
}
#notification .content {
	margin: 0;
	font-size: 11px;
}

/* notification overlay */

#modal-container.notification-overlay.success .modal-inner {
	background: #ddffdd;
}
#modal-container.notification-overlay.fail .modal-inner {
	background: #ffdddd;
	color: #663333;
}


/* message */

.message {
	padding: 10px;
	margin: 0 0 20px;
	background: #eee;
	font-size: 13px;
}
.message.info {
	background: #d5ecff;
	color: #134770;
}
.message.success {
	background: #ddffdd;
	color: #336633;
}
.message.fail {
	background: #ffdddd;
	color: #663333;
}


/* offline status */

span.offline {
	color: red;
	display: inline-block;
	margin: 5px 10px 5px 0;
	background-image: url('images/offline_bulb.png');
	background-repeat: no-repeat;
	background-position: right 60%;
	font-weight: bold;
	font-size: 13px;
}


/* data table */

.data-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	clear: both;
}
.data-table th {
	text-align: left;
	border-bottom: 1px solid #eee;
	padding: 5px 10px;
	background: #eee;
}
.data-table td {
	padding: 5px 10px;
}
.data-table tr:nth-child(even) td {
	background: #EFFAFF;
}
.data-table td.user .user-link {
	font-size: 11px;
	font-weight: normal;
	background: none;
	padding: 0;
}
.data-table td.options {
	position: relative;
}
.data-table .context-menu-toggle {
	float: none;
}


.filter-form {
    width: 100%;
    padding: 10px;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
    background: #F7F7F7;
}
.filter-form .form-field {
    float: left;
    margin: 0 20px 0 0;
}
.filter-form .form-actions {
    margin-top: 3px !important;
}
.filter-form .form-field input,
.filter-form .form-field select {
    height: 25px;
}
.filter-form #query {
    width: 300px;
}
.filter-form .form-field.id-query {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
}
.filter-form .form-field.id-query input {
    position: relative;
    z-index: 1;
    padding: 2px;
}
.filter-form .form-field.id-query .query-submit {
    background: url('images/search.png') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 4px;
}
.filter-form select {
    width: 150px;
    margin-left: 5px;
}

/* items table */

table.items {
    border-spacing: 0;
    border-collapse: collapse;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
table.items th {
    text-align: left;
    padding: 10px;
    color: #777;
	vertical-align: top;
	white-space: nowrap;
}
table.items tr.odd th,
table.items tr.even th {
	font-weight: normal;
}
table.items td {
    padding: 10px;
    background-color: #F7F7F7;
	vertical-align: top;
}

table.items td ul {
    margin: 0 0 0 20px;
    padding: 0;
}

table.items tr.odd td,
table.items tr.odd th {
    background-color: #F7F7F7;
}

table.items tr.odd td.date,
table.items tr.even td.date {
    width: 90px;
}

table.items tr.even td,
table.items tr.even th {
    background-color: #ffffff;
}
table.items tr.even td.value  {
    background-color: white;
}

table.items .options {
    padding: 3px;
    text-align: right;
}
table.items .options .container {
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 5px 3px;
    white-space: nowrap;
    display: inline-block;
}
table.items .options .container * {
    vertical-align: middle;
}
table.items .options a,
table.items .options .submit-button {
    float: none;
    width: 19px;
    height: 19px;
    background: transparent no-repeat top left;
    text-decoration: none;
    border: none;
    padding: 0 !important;
}
table.items .options a,
table.items .options form {
    display: inline-block;
    margin: 0 0 0 3px;
}
table.items .options form input {
    display: block;
}
table.items .options a:hover,
table.items .options .submit-button:hover {
    background-position: top right;
}
table.items .options a:first-child,
table.items .options .submit-button:first-child {
    margin-left: 0;
}
table.items .options .view {
    background-image: url('images/button_view.png');
}
table.items .options .edit {
    background-image: url('images/button_edit.png');
}
table.items .options .extend {
    background-image: url('../third-party/famfamfam/icons/hourglass_add.png');
}
table.items .options .send-reminder {
    background-image: url('../third-party/famfamfam/icons/email_go.png');
}
table.items .options .delete {
    background-image: url('images/button_delete.png');
}
table.items .options .extend:hover,
table.items .options .send-reminder:hover {
	background-position: top left;
}


/* no items */

p.no-items {
	margin: 10px 0 !important;
	font-weight: normal;
	font-style: italic;
	color: #999;
	text-align: center;
	font-size: 11px;
}
p.no-items:first-child {
	margin-top: 0 !important;
}
p.no-items:last-child {
	margin-bottom: 0!important;
}


/* validator */

.validator-error {
	font-weight: bold;
	color: red;
	margin-top: 4px;
	padding: 0 0 3px 20px;
	background: url('../third-party/famfamfam/icons/exclamation.png') no-repeat;
	font-size: 12px;
}


/* Context menu */

.context-menu-toggle {
	float: right;
	margin: 0 0 15px 15px;
}
.context-menu {
	border: 1px solid #969696;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	position: absolute;
	display: none;
	padding: 1px;
	background: #FFF;
	z-index: 1000;
}
.context-menu .context-menu-list {
	background-color: #ffffff;
	list-style: none;
	margin: 0;
	padding: 0;
}


/* Context menu item */

.context-menu-item {
	position: relative;
	padding: 5px 7px 5px 29px;
	cursor: pointer;
}
.context-menu-item:hover {
	background: #eee;
}
.context-menu-item .icon {
	position: absolute;
	left: 6px;
}


/* Pager */

.pager {
    margin: 20px 0 0;
}
.pager ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.pager li {
    float: left;
}

.pager .page a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    margin: 0;
	padding: 0 5px;
    font-size: 12px;
    min-width: 28px;
    line-height: 28px;
    text-align: center;
    background: #f0f0f0;
    border-radius: 3px;
    margin: 0 4px;
}
.pager .page.active a {
    background: #5C89A6;
    border-radius: 3px;
    color: #fff;
}

.pager .gap {
    margin: 2px 4px;
    font-size: 11px;
}

.pager .previous,
.pager .next {
    padding: 2px 0 0 0;
    margin-top: 2px;
}
.pager .previous {
    margin-right: 5px;
}
.pager .next {
    margin-left: 5px;
}
.pager .previous a,
.pager .next a {
    text-decoration: none;
    font-size: 11px;
}
.pager .previous a:hover,
.pager .next a:hover {
    text-decoration: underline;
}


/* detail overlay */

.detail-overlay {
    display: none;
	background: #fff;
	border: 1px solid #bbb;
	padding: 10px;
	position: absolute;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
	z-index: 200;
}


/* ajax loader */

#ajax-loader {
	z-index: 10000;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #fff url('images/ajax-loader.gif') no-repeat center center;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}


/* context menu */

.context-menu-toggle {
	display: none;
	border: none;
	width: 16px;
	height: 16px;
	background: url('images/context-menu.png') no-repeat;
}
.context-menu-item .context-menu-link,
.context-menu-item form input,
.context-menu-item form button {
	text-decoration: none;
	font: normal 12px arial;
	color: #000 !important;
	padding: 0;
	margin: 0;
	background: none;
}
.context-menu-item form {
	padding: 0;
	margin: 0;
}
.context-menu-item form input,
.context-menu-item form button {
	display: inline;
	border: none;
	text-align: left;
	cursor: pointer;
}
.context-menu-item.maintainer form input {
	color: #CC6600 !important;
}
.context-menu-item .icon {
	top: 5px;
}


/* forms */

form {
	margin: 0;
}
.form-field-description {
	margin: 5px 0 !important;
	font-size: 11px;
	color: #666;
}
form .form-description {
	margin: 0 !important;
	font-size: 11px;
	color: #666;
	float: left;
}
form .form-description.required-fields {
	margin: 10px 0 !important;
	float: none;
}
form .date-selector {
	width: 85px !important;
	text-align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.submit-button {
	cursor: pointer;
}
.form-section {
	overflow: hidden;
	margin: 0 0 20px 0;
}
.form-section:last-child {
	margin: 0;
}
.form-section .form-section-header {
	margin: 0 0 10px 0;
	background: #eee;
	padding: 5px 10px;
}
input.placeholder,
textarea.placeholder {
	color: #999;
}
form.with-fields .form-actions {
	margin-top: 10px;
}
form.with-fields.auto-submit .form-actions {
	margin-top: 0;
}
.form-actions .reset-link {
	margin: 0 0 0 5px;
}
.main-content form .cancel-link {
	float: right;
	margin: 4px 0 0 10px;
}
.main-content form .cancel-button {
	float: right;
	margin-left: 10px;
}
.main-content input.text,
.main-content input.password {
	width: 400px;
}

#page a.button {
	border-radius: 17px;
	border: none;
	padding: 8px 20px;
	margin: 0;
	color: #fff;
	text-align: center;
	font-size: 15px;
	text-decoration: none;
}

#page a.button {
	display: inline-block;
}

#page .primary-action {
    background-color: #87868E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
}

#page .primary-action:hover {
    background-color: #336699;
}

#page a.button.prev,
#page .primary-action.prev a.button {
	background-image: url('images/prev.png');
	background-repeat: no-repeat;
	background-position: 12px center;
	padding-left: 30px;
}

#page a.button.next,
#page .primary-action.next a.button {
	background-image: url('images/next.png');
	background-repeat: no-repeat;
	background-position: 95% center;
	background-position: right 12px center;
	padding-right: 30px;
}

#page a.button.add,
#page .primary-action.add a.button {
	background-image: url('images/add.png');
	background-repeat: no-repeat;
	background-position: 95% center;
	background-position: right 12px center;
	padding-right: 45px;
}

#page #primary-actions .form-actions {
    background-color: #87868E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
    color: #fff;
    font-size: 15px;
}

#page #primary-actions .form-actions:hover {
    background-color: #336699;
}

#page #primary-actions .form-actions input {
    background: none;
    color: #fff;
    font-size: 15px;
    border: none;
    text-decoration: none;
    padding: 8px 20px;
    margin: 0;
}

/* block close button */

.block-close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 9px;
	height: 9px;
	background: url('images/delete-light.png') no-repeat 0 0;
	cursor: pointer;
}
.block-close-button:hover {
	background-position: 0 -9px;
}


/* sub menu */

#sub-menu-block ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sub-menu-block ul ul {
	margin-left: 15px;
}
#sub-menu-block li {
	margin: 0 0 10px 0;
}
#sub-menu-block .item-container-level-1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 3px;
}


/* alphabet filter */

.alphabet-filter {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 12px;
}
.alphabet-filter li {
	float: left;
	margin: 0 7px 0 0;
}
.alphabet-filter .letter {
	text-transform: uppercase;
}
.alphabet-filter .letter a {
	text-decoration: none;
}
.alphabet-filter .letter a:hover {
	text-decoration: underline;
}
.alphabet-filter .letter.active a {
	text-decoration: underline;
	font-weight: bold;
}


/* modal overlay */

#modal-overlay {
	z-index: 500;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #FFF;
	filter: alpha(opacity=75);
	opacity: .75;
}
#modal-overlay.full {
	z-index: 1000;
}

#modal-container {
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 1001;
	text-align: center;
}
#modal-container .modal-inner {
	padding: 20px;
	background: #fff;
	border: 1px solid #999;
	overflow: hidden;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
	position: relative;
	text-align: left;
	display: inline-block;
}
#modal-container .modal-close {
	width: 9px;
	height: 9px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url('images/delete-light.png') no-repeat top left;
	cursor: pointer;
}
#modal-container .modal-close:hover {
	background-position: bottom left;
}
#modal-container .modal-title {
	margin: 0 0 20px;
}


/* tabs in block */

.common-tabs {
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}
.common-tabs li {
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.common-tabs li.ui-tabs-selected,
.common-tabs li.active {
	background: none;
	border-bottom: none;
}
.common-tabs li a {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
	text-overflow: ellipsis;
}
.common-tabs li a:hover {
	font-weight: normal;
}

.ui-tabs-hide {
	display: none;
}

.tabs-2 .tab {
	width: 50%;
}
.tabs-3 .tab{
	width: 33.33333%;
}
.tabs-4 .tab {
    width: 25%;
}
.tabs-5 .tab {
	width: 20%;
}


/* tabs on top of component */

.tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.tabs li a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}


/* forms */

.form-field.type-checkbox .checkbox,
.form-field.type-checkbox label {
	vertical-align: middle;
}

.main-content textarea {
	height: 250px;
}


/* checkbox & radio list */

.radio-list,
.checkbox-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.radio-list .header,
.checkbox-list .header {
	font-weight: bold;
}
.checkbox-list ul {
	margin: 0 0 0 20px;
}
.radio-item,
.checkbox-item {
	margin: 3px 0;
}
.radio-item .radio,
.checkbox-item .checkbox {
	margin: 0 5px 0 0;
}
.radio-item *,
.checkbox-item * {
	vertical-align: middle;
}


/* form-table */

.form-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.form-table td {
	vertical-align: top;
}
.form-table th {
	padding-right: 6px;
	padding-left: 0;
	vertical-align: bottom;
	padding-bottom: 10px;
}
.form-table td.first,
.form-table .label-cell {
	padding-right: 10px;
	padding-left: 0;
}
.form-table td.second,
.form-table .control-cell {
	padding-right: 10px;
	padding-left: 10px;
}
.form-table th h3 {
	margin-bottom: 0;
}
.form-table .type-text  .double-column-cell label,
.form-table .type-textarea  .double-column-cell label,
.form-table .type-rich-text   .double-column-cell label {
	display: block;
	margin: 0 0 10px;
}


/* main content form table */

.main-content .form-table {
	border-bottom: 1px dotted #e0e0e0;
}
.main-content .form-table > tr > td,
.main-content .form-table > tbody > tr > td {
	border-top: 1px dotted #e0e0e0;
	padding-top: 8px;
	padding-bottom: 8px;
}
.main-content .form-table td.first,
.main-content .form-table .label-cell {
	width: 150px;
}
.main-content .form-table td.second,
.main-content .form-table .control-cell {
	border-right: 0 !important;
}
.main-content .form-table td .item {
	width: 200px;
	overflow: hidden;
	padding: 0 0 12px 0;
	float: left;
}
.main-content .form-table td .item * {
	vertical-align: middle;
}
.main-content .form-table .double-column-cell {
	border-right: none !important;
}
.form-table .type-text  .double-column-cell input.text {
	box-sizing: border-box;
	width: 100%;
}
.main-content .form-table .double-column-cell textarea {
	box-sizing: border-box;
	width: 100%;
	height: 250px;
}
.main-content .form-table .double-column-cell textarea.rich-text {
	height: 350px;
}


/* form list */

.form-list {
	margin: 0 0 5px;
	padding: 0;
	list-style: none;
}
.form-list .form-field {
	margin: 0 0 10px;
}


/* maintainer */

.maintainer {
	color: #CC6600 !important;
}
.maintainer .text,
.maintainer textarea {
	border: 1px solid #CC6600;
}


/* date picker */

.ui-datepicker {
	background: #fff;
	width: 180px;
	padding: 10px;
	display: none;
	border: 1px solid #bbb;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 5px;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker td a:hover {
	text-decoration: underline;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
.ui-datepicker-week-end {
	background: #eee;
}


/* Blocks */

.blocks #main-header {
	display: none;
}
.blocks #page-body,
.blocks #page-body-core,
.blocks #page-body-main {
	padding: 0;
	background: none;
}
.blocks .block {
    background:#fff;
    margin:30px 0;
    padding:30px 30px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.blocks .block-title {
	margin: 0 0 10px;
}
.blocks .block-title h2 {
	margin: 0;
	color: #336699;
}


/* more link */

.more-link {
	display: block;
	margin-top: 15px;
}


/* Grid */

.top-column,
.bottom-column {
    overflow: auto;
    clear: both;
}

.left-column,
.right-column {
    float:left;
}

.left-column {
    padding-right:15px;
}

.right-column {
    padding-left:15px;
}

.column-1-2 {
    width: 50%;
}


/*** Publication item types ***/

.item-type {
    width: 16px;
    height: 16px;
    display: block;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.item-type.item-book {
    background-image: url("images/publication-icons/book.svg");
}

.item-type.item-data-file {
    background-image: url("images/publication-icons/data.svg");
}

.item-type.item-book-chapter {
    background-image: url("images/publication-icons/book-chapter.svg");
}

.item-type.item-scientific-journal {
    background-image: url("images/publication-icons/scientific-journal.svg");
}

.item-type.item-scientific-journal-article {
    background-image: url("images/publication-icons/article.svg");
}

.item-type.item-magazine-article {
    background-image: url("images/publication-icons/article.svg");
}

.item-type.item-trade-magazine {
    background-image: url("images/publication-icons/scientific-journal.svg");
}

.item-type.item-trade-magazine-article {
    background-image: url("images/publication-icons/article.svg");
}

.item-type.item-website {
    background-image: url("images/publication-icons/website.svg");
}

.item-type.item-online-article {
    background-image: url("images/publication-icons/website.svg");
}

.item-type.item-audio-visual {
    background-image: url("images/publication-icons/audio-video-item.svg");
}

.item-type.item-publication {
    background-image: url("images/publication-icons/publicaties.svg");
}

.item-type.item-agenda-item {
    background-image: url("images/publication-icons/agenda-item.svg");
}

.item-type.item-news-item {
    background-image: url("images/publication-icons/news-item.svg");
}

.item-type.item-author {
    background-image: url("images/publication-icons/auteur.svg");
}

.item-type.item-publisher {
    background-image: url("images/publication-icons/publication.svg");
}

.item-type.item-merge-publishers {
    background-image: url("images/publication-icons/publicaties.svg");
}


/* direct to items */

#directly-to-block {
	margin: 0;
}

#directly-to-block .block-content {
	overflow: hidden;
}

#directly-to-block .block-content ul {
	padding: 0;
	margin: 0;
	overflow: auto;
}

#directly-to-block .block-content li {
	display: table;
	float: left;
	margin: 15px 15px 0 0;
	padding: 10px 15px 10px 35px;
	list-style-type: none;
	background-color: #F7F7F7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#directly-to-block .block-content a {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
	color: #727272;
}

#directly-to-block .item-type {
	background-size: 25px 25px;
	width: auto;
	height: auto;
	background-position: 10px 5px;
}

.directly-to-item {
	display: block;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

.directly-to-item.add-publication {
	background-image: url("images/publication-icons/publication.svg");
}

.directly-to-item.add-agenda-item {
	background-image: url("images/publication-icons/agenda-item.svg");
}

.directly-to-item.add-settings {
	background-image: url("images/publication-icons/settings.svg");
}

.directly-to-item.add-stamgegevens {
	background-image: url("images/publication-icons/stamgegevens.svg");
}

.directly-to-item.add-news-item {
	background-image: url("images/publication-icons/news-item.svg");
}

.directly-to-item.add-profile {
	background-image: url("images/publication-icons/profile.svg");
}