/* global */

html {
	overflow-y: scroll;
}
html, body {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	color: #333;
}
table {
	border-spacing: 0;
	border: none;
}

body,
select,
textarea,
input {
	font: 12px Arial, sans-serif;
}

img {
	border: none;
}
h2 {
	font-size: 18px;
	margin: 1em 0;
}
h3 {
	font-size: 14px;
	margin: 1em 0;
}

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

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

.hidden {
	position: absolute;
	top: -5000px;
	left: -5000px;
	
}

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

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

.clear {
	clear: both;
}


/* layout */

#page {
	margin: 0 auto;
	position: relative;
}
#body {
	overflow: hidden;
}


/* breadcrumbs */

#breadcrumbs {
	font-size: 11px;
	letter-spacing: 1px;
	overflow: hidden;
	white-space: nowrap;
}
#breadcrumbs label {
	padding: 0 5px 0 0;
}
#breadcrumbs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}
#breadcrumbs li {
	display: inline;
}
#breadcrumbs a {
	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}


/* content */

#main-content {
	float: left;
}
.sidebar-in-top #main-content {
	float: none;
}
#main-content-left {
	float: left;
}
#main-content-bottom {
	clear: both;
}
#sidebar {
	float: right;
}


/* header */

#header {
	overflow: hidden;
}


/* top menu */

#top-menu {
	list-style: none;
	white-space: nowrap;
	padding: 0;
}
#top-menu li {
	font-size: 11px;
	display: inline;
	margin: 0 0 0 3px;
}
#top-menu a {
	text-decoration: none;
	color: #000000;
}
#top-menu .active a,
#top-menu a:hover {
	text-decoration: underline;
}
#top-menu label {
	color: #7F7F7F;
}
#top-menu .dashboard.pending a {
	color: #CC3333;
	font-weight: bold;
}
#top-menu .user a {
	font-weight: bold;
}


/* main menu */

#main-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#main-menu > li {
	float: left;
}
#main-menu .menu-item-link {
	display: block;
	text-decoration: none;
	font-weight: bold;
}


/* captcha */

#captcha-image {
	border: 1px solid #bbb;
	float: left;
	margin-right: 10px;
}


/* forms */

form {
	margin: 0;
}
.field-description {
	margin: 5px 0 !important;
	font-size: 11px;
	color: #666;
}
form .form-description {
	margin: 0 !important;
	font-size: 11px;
	color: #666;
	float: left;
}
#main-content form .submit-button {
	float: right;	
}
#main-content form .cancel-link {
	float: right;
	margin: 4px 0 0 10px;
}
#main-content form .cancel-button {
	float: right;
	margin-left: 10px;
}
form .date {
	width: 70px;
	text-align: center;
}
.form-section {
	overflow: hidden;
	margin: 0 0 30px 0;
}
.form-section:last-child {
	margin: 0;
}
.form-section .form-section-header {
	margin: 0 0 10px 0;
	background: #eee;
	padding: 5px 10px;
}

.link-submit-button {
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
	display: inline;
}
.link-submit-button:hover {
	text-decoration: underline !important;
	cursor: pointer;
}

.form-field-incomplete .text,
.form-field-incomplete textarea,
.form-field-incomplete select {
	border: 1px solid #ff6600;
}

.form-field-incomplete .first label {
	font-weight: bold;
}


/* confirm form */

#main-content .confirm-form {
	background: #EEE;
	padding: 10px;
}
#main-content .confirm-form .message {
	font-weight: bold;
}
#main-content .confirm-form .message:last-child {
	margin: 0;
}
#main-content .confirm-form .submit-button {
	float: none;
	margin: 0 5px 0 0;
}
#main-content .confirm-form .button-form {
	display: inline;
	float: none;
}
#main-content .confirm-form .button-form div {
	display: inline;
}
#main-content .confirm-form .cancel-link {
	float: none;
	margin: 0 10px 0 0;
}


/* filter form */

.filter-form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.filter-form ul ul {
	margin: 10px 0 0 20px;
}
.filter-form li {
	margin: 0 0 10px 0;
}
.filter-form li * {
	vertical-align: middle;
}
.filter-form .radio,
.filter-form .checkbox {
	margin: 0 5px 0 0;
}
.filter-form .submit-button {
	margin: 10px 0 0 0;
}
.filter-form .reset {
	margin: 0 0 0 5px;
}
.filter-form td {
	padding: 0 10px 10px 0 !important;
}

.radio-auto-submit li:last-child {
	margin: 0;
}


/* table options */

table .options .edit {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	background-image: url('../images/edit.png');
	margin: 0 10px 0 0;
}
table .options .delete {
	float: left;
}
table .options .edit,
table .options .delete .submit-button {
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
}
table .options .edit:hover,
table .options .delete .submit-button:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/* item list table */

.item-list-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.item-list-table th {
	text-align: left;
}
.item-list-table td.date {
	font-size: 11px;
}
.item-list-table th.date,
.item-list-table td.date,
.item-list-table th.user,
.item-list-table td.user {
	white-space: nowrap;
}
.item-list-table .user-link {
	font-weight: normal
}


/* data table */

.data-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.data-table th {
	text-align: left;
}
.data-table td.user .user-link {
	font-size: 11px;
	font-weight: normal;
	background: none;
	padding: 0;
}
.data-table td.options {
	position: relative;
}
.data-table .moderate-button {
	position: static;
}


/* content index overview */

table.content-index-overview td.type {
	font-size: 11px;
	letter-spacing: 1px;
	white-space: nowrap;
}
table.content-index-overview td.type * {
	vertical-align: middle;
}
table.content-index-overview td.type img {
	margin: 0 5px 0 0;
}
table.content-index-overview td.item a {
	text-decoration: none;
}
table.content-index-overview td.item a:hover {
	text-decoration: underline;
}
table.content-index-overview td.item p {
	margin: 0;
}
table.content-index-overview td.item .title a * {
	vertical-align: middle;
}
table.content-index-overview td.item .title a {
	font-size: 14px;
	font-weight: bold;
}
table.content-index-overview td.item .meta {
	margin: 5px 0 0 0;
}
table.content-index-overview td.date {
	font-size: 11px;
	letter-spacing: 1px;
	width: 70px;
	white-space: nowrap;
}
table.content-index-overview td.user .image {
	margin: 0 5px 0 0 !important;
}
table.content-index-overview td.options {
	width: 50px;
	padding-left: 20px;
}


/* profile image */

.profile-image-link {
	border: 1px solid #bbbbbb;
	display: block;
}
.profile-image-link.extra-small,
.profile-image-link.extra-small img {
	width: 23px !important;
	height: 23px !important;
}
.profile-image-link.small,
.profile-image-link.small img {
	width: 48px !important;
	height: 48px !important;
}
.profile-image-link.medium,
.profile-image-link.medium img {
	width: 60px !important;
	height: 60px !important;
}
.profile-image-link.large,
.profile-image-link.large img {
	width: 114px !important;
	height: 114px !important;
}
.profile-image-link.extra-large,
.profile-image-link.extra-large img {
	width: 146px !important;
	height: 146px !important;
}
.profile-image-link.dashboard,
.profile-image-link.dashboard img {
	width: 100px !important;
	height: 100px !important;
}
.profile-image {
	display: block;
}


/* working group image */

.working-group-image-link {
	border: 1px solid #BBBBBB;
	float: left;
	margin: 0 10px 10px 0;
}
.working-group-image-link.extra-small,
.working-group-image-link.extra-small img {
	width: 23px !important;
	height: 23p !important;
}
.working-group-image-link.small,
.working-group-image-link.small img {
	width: 48px !important;
	height: 48px !important;
}
.working-group-image-link.medium,
.working-group-image-link.medium img {
	width: 60px !important;
	height: 60px !important;
}
.working-group-image-link.large,
.working-group-image-link.large img {
	width: 114px !important;
	height: 114px !important;
}
.working-group-image {
	display: block;
}


/* user link */

a.user-link {
	font-size: 13px;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0 !important;
}
a.user-link:hover {
	text-decoration: underline;	
}


/* user */

div.user {
	overflow: hidden;
}
div.user .image {
	float: left;
	margin: 0 10px 5px 0 !important;
}
div.user .image img,
div.user .image a {
	width: 50px;
	height: 50px;
	display: block;
}
div.user .image a {
	border: 1px solid #BBBBBB;	
}
div.user .title {
	font-size: 13px;
	margin: 0 0 3px 0;
}
div.user .title a {
	text-decoration: none;
}
div.user .title a:hover {
	text-decoration: underline;
}
div.user p {
	margin: 0;	
}
div.user label {
	font-size: 11px;
	color: #7f7f7f;
	margin: 0;
}
div.user p .value {
	font-size: 11px;
}


/* Pager */

.pager {
	margin: 15px 0 0;
}
.pager .label {
	float: left;
	margin: 2px 10px 0 0;
	padding: 3px 0 0 0;
}
.pager ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.pager li {
	float: left;
}
.pager .page {
	margin: 2px;
}
.pager .page a {
	display: block;
	margin: 0;
	padding: 3px 0;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}
.pager .sep {
	padding: 0;
	margin: 2px;
	padding: 3px 0;
}
.pager .gap {
	margin: 2px 4px;
	font-size: 11px;
}
.pager .previous a,
.pager .next a {
	text-decoration: none;
	font-size: 11px;
}
.pager .previous a:hover,
.pager .next a:hover {
	text-decoration: underline;
}
.pager .previous,
.pager .next {
	padding: 2px 0 0 0;
}
.pager .previous {
	margin: 2px 5px 0 0;
}
.pager .next {
	margin: 2px 0 0 5px;
}


/* Footer */

#footer {
	text-align: center;
	font-size: 11px;
}
#footer-links ul {
	margin: 0 0 10px;
	list-style: none;
}
#footer-links li {
	display: inline;
	padding: 0 2px;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .powered-by-label {
	margin: 15px 0 3px;
	font-size: 12px;
}
#footer .powered-by-value {
	margin: 0;
	border: none;
}
#footer #disclaimer {
	font-size: 11px;
	padding: 10px;
	margin: 0 13px;
}
#copyright {
	margin: 20px 0 0;	
}


/* notification */

#notification {
	padding: 10px;
	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;
}


/* modal overlay */

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


/* overlay pane */

.overlay-pane {
	position: absolute;
	top: -23px; /* hides the pane initialy */
	z-index: 1000;
}
.overlay-pane h2.title {
	height: 20px;
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 13px;
	border: 1px solid #bbb;
	border-top: none;
	background-color: #CCC;
	color: #000000 !important;
}
.overlay-pane .pane-close-button {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 5px;
	background-image: url('../images/sluiten.png');
	background-repeat: no-repeat;
	cursor: pointer;
}
.overlay-pane .pane-close-button:hover {
	background-position: 0 -16px;
}
.overlay-pane .content {
	border: 1px solid #bbb;
	border-top: none;
	background-color: #DDD;
	overflow: hidden;
	display: none;
}
.overlay-pane .toggle-button {
	font-size: 10px;
}
.overlay-pane .toggle-button a {
	display: block;
	text-decoration: none;
	cursor: pointer;
}


/* tabs */

.overlay-pane .tab-bar {
	padding: 5px 0 0 5px;
	margin: 0;
	list-style: none;
	height: 25px;
	border-bottom: 1px solid #bbb;
}
.overlay-pane .tab-bar li {
	float: left;
}
.overlay-pane .tab-bar li a {
	display: block;
	float: left;
	padding: 5px 10px;
	height: 14px;
	margin: 0 5px -1px 0;
	width: auto;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
.overlay-pane .tab-bar a.active,
.overlay-pane .tab-bar li.ui-tabs-selected a {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}
.overlay-pane .tab {
	background-color: #EEE;
	overflow: hidden;
	padding: 15px;
}


/* tabs in block */

.tabs-wide {
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}
.tabs-wide li {
	height: 37px;
	background: url('../images/tab_bg.png') repeat-x;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	float: left;
}
.tabs-wide li.ui-tabs-selected,
.tabs-wide li.active {
	background: none;
	border-bottom: none;
}
.tabs-wide li a {
	display: block;
	padding: 10px 0 0 25px;
	text-decoration: none;
	background: url('../images/arrow_black_right.gif') no-repeat 10px 14px;
	height: 27px;
	outline: none;
}
.tabs-wide li a:hover {
	font-weight: normal;
}
.tabs-wide li.ui-tabs-selected a,
.tabs-wide li.active a {
	background: url('../images/arrow_black_down.gif') no-repeat 8px 12px;
}
.tabs-wide li a img {
	float: right;
	margin-right: 10px;
	border: none;
	*margin-top: -15px;
}

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


/* 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;
}


/* validator */

.validator-error {
	font-weight: bold;
	font-size: 11px;
	color: red;
	margin-top: 4px;
	padding: 0 0 3px 20px;
	background: url('../images/exclamation.png') no-repeat;
	clear: both;
}


/* moderate icon & window */

.moderate-button {
	display: none;
	border: none;
	position: absolute;
	top: 5px;
	right: 5px;
}
.moderate-button img {
	border: none;
}

.moderate-menu {
	border: 1px solid #969696;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	position: absolute;
	display: none;
	padding: 1px;
	background: #FFF;
	z-index: 1000;
}
.moderate-title {
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #E3E3E3;
	background-color: #F2F2F2;
}
.moderate-options {
	list-style: none;
	width: 230px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	background-color: #ffffff;
}
.moderate-option {
	padding: 4px 6px;
}
.moderate-option a {
	text-decoration: none;
	font: normal 12px arial;
	color: #000 !important;
	padding: 0;
}
.moderate-option a:hover {
	font-weight: bold;	
}
.moderate-option form {
	padding: 0;
	margin: 0;
}
.moderate-option form input,
.moderate-option form button {
	display: inline;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	text-align: left;
	font: normal 12px arial;
	cursor: pointer;
}
.moderate-option form input:hover,
.moderate-option form button:hover {
	font-weight: bold;
}


/* appel switch */

.appel-switch-container {
	width: 80px;
	height: 20px;
	position: relative;
	overflow: hidden;
	font: bold 11px arial;
	cursor: pointer;
}
.appel-switch-container > div {
	position: absolute;
	top: 0;
}
.appel-switch-handle {
	background-image: url('../images/switch.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 30px;
	height: 20px;
	left: 50px;
	z-index: 998;
}
.appel-switch-button {
	height: 17px;
	width: 55px;
	padding-top: 3px;
	text-transform: uppercase;
}
.appel-switch-button-0 {
	background-image: url('../images/aan.png');
	background-repeat: no-repeat;
	left: 0;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
}
.appel-switch-button-1 {
	background-image: url('../images/uit.png');
	background-repeat: no-repeat;
	left: 65px;
	color: #969696;
	text-align: right;
	padding-right: 10px;
}
.appel-switch-left-corner-overlay,
.appel-switch-right-corner-overlay {
	position: relative;
	top: 0;
	width: 2px;
	height: 20px;
	z-index: 999;
}
.appel-switch-left-corner-overlay {
	background: url('../images/overlay_left.png') no-repeat;
	left: 0;
}
.appel-switch-right-corner-overlay {
	background: url('../images/overlay_right.png') no-repeat;
	right: 0;
}


/* block */

.block-title {
	margin: 0;
	padding: 0;
}
.block.small-title .block-title {
	padding: 2px 6px;
}
.block.small-title .block-title h2 {
	color: #555;
	font-size: 11px;
	text-align: center;
}
.block-title h2 {
	margin: 0;
	padding: 0;
}
.block-title h2 a {
	text-decoration: none;
}
.block-title h2 a:hover {
	text-decoration: underline;
}
.block-content {
	font-size: 12px;
	position: relative;
}
.block .block-content.offline {
	background-color: #F2F2F2 !important;
}
.block-content h1.content-title {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 22px;
	line-height: 1.3;
}
.block-content p.info strong {
	font-size: 16px;
	padding: 0 3px;
}
.block-content p {
	margin: 0 0 15px 0;
}
.block-content .profile {
	overflow: hidden;
	margin: 0 0 10px 0;
}
.block-content .profile .profile-image-link {
	float: left;
	margin: 0 7px 5px 0;
}
.block-content p.text,
.block-content div.text {
	margin: 10px 0 0;
	line-height: 1.5;
	word-spacing: 1px;
}
.block-content .text:first-child {
	margin-top: 0;
}
.block-content .title {
	line-height: 1.3;
}
.text-block .block-content {
	padding: 20px;
	line-height: 1.5;
	word-spacing: 1px;
}
.text-block .block-content p {
	margin: 0 0 10px;
}
.text-block .block-content p:last-child {
	margin: 0;
}
.block-section {
	padding: 10px;
}


/* tags */

.tags a {
	text-decoration: none;
}
.tags a:hover {
	text-decoration: underline;
}


/* double width block*/

.double-column-block .block-content {
	width: auto !important;
}


/* triple width block*/

.triple-column-block {
	clear: both;
	width: auto !important;
}
.triple-column-block .block-content {
	width: auto !important;
}


/* 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;
}


/* offline status */

td span.offline {
	*margin-top: -15px;
}
span.offline,
p.offline {
	color: red;
	display: inline-block;
	padding-right:12px;
	margin-right: 10px;
	background-image: url('../images/offline_bulb.png');
	background-repeat: no-repeat;
	background-position: right 60%;
	font-weight: bold;
	font-size: 13px;
}
.block-title span.offline {
	float: right;
}


/* meta */

.block-content .meta {
	line-height: 1.5;
}
.block-content .meta label,
.block-content .meta th {
	font-size: 11px;
	color: #7f7f7f;
	margin: 0;
	letter-spacing: 1px;
}
.block-content .meta th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	white-space: nowrap;
}
.block-content .meta .value,
.block-content .meta td {
	letter-spacing: 1px;
}
.block-content .meta td {
	vertical-align: top;
	padding-bottom: 5px;
}
.block-content .meta p {
	margin: 0;	
}
.block-content .meta .date,
.block-content .meta .value,
.block-content .meta td {
	font-size: 11px;
}
.block-content .meta ul {
	margin: 5px 0;
	padding: 0;
	list-style: none;
}
.block-content .meta ul li {
	margin: 3px 0;
}
div.meta {
	margin: 0 0 10px;
}


/* open close button */

.block.enhanced.collapsed .collapse-icon {
	background-image: url('../images/plus.png');
}
.enhanced .block-title:hover .collapse-icon {
	background-position: -14px 45%;
}
.enhanced .block-title {
	position: relative;
	cursor: pointer;
}
.enhanced .block-title .collapse-icon {
	position: absolute;
	right: 10px;
	top: 0;
	display: block;
	width: 14px;
	background-repeat: no-repeat;
	background-image: url('../images/min.png');
	background-position: 0 45%;
}


/* teasers */

.teaser-list-block ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.teaser-list-block li {
	position: relative;
	border-bottom: 1px dotted #BBBBBB;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
.teaser-list-block li:last-child {
	margin: 0;
}
.teaser-list-block .image {
	float: left;
	margin: 0 10px 5px 0;
}
.teaser-list-block .image img,
.teaser-list-block .image a {
	width: 48px;
	height: 48px;
	display: block;
}
.teaser-list-block .image .working-group-image {
	margin: 0;	
}
.teaser-list-block .image a {
	border: 1px solid #BBBBBB;	
}
.teaser-list-block .title {
	margin: 0 0 10px;
	padding: 0;
}
.teaser-list-block .title a {
	text-decoration: none;
}
.teaser-list-block .title a:hover {
	text-decoration: underline;
}


/* item teaser block */

.item-teaser-block {
	float: left;
	margin-right: 13px;
}
.item-teaser-block .block-content {
	overflow: hidden;
}
.item-teaser-block .block-content .title {
	font-size: 17px;
	margin: 0 0 10px;
}
.item-teaser-block .block-content .title a {
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.item-teaser-block .block-content .title a:hover {
	text-decoration: underline;	
}
.item-teaser-block .block-content .user {
	margin: 15px 0 0;
}
.item-teaser-block .block-content .user .image {
	float: left;
	margin: 0 10px 0 0;
}
.item-teaser-block .block-content .user .profile-image {
	display: block;
	height: 48px;
	width: 48px;
}


/* sidebar block */

.sidebar-list-block .description {
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #BBBBBB;
}
.sidebar-list-block .description p {
	margin: 0;
	padding: 0 0 10px 0;
}
.sidebar-list-block ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar-list-block li {
	position: relative;
	border-bottom: 1px dotted #BBBBBB;
	margin: 0 0 5px 0;
	overflow: hidden;
}
.sidebar-list-block li:last-child {
	margin: 0;
	border-bottom: none;
}
.sidebar-list-block .image {
	float: left;
	margin: 0 10px 5px 0;
}
.sidebar-list-block .image img,
.sidebar-list-block .image a {
	width: 48px;
	height: 48px;
	display: block;
	margin: 0;
}
.sidebar-list-block .image a {
	border: 1px solid #BBBBBB;
}
.sidebar-list-block .working-group-image {
	margin: 0 !important;	
}
.sidebar-list-block .title {
	font-size: 13px;
	margin: 0 0 5px 0;
}
.sidebar-list-block .user-status {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}
.sidebar-list-block .title a {
	text-decoration: none;
}
.sidebar-list-block .title a:hover {
	text-decoration: underline;
}
.sidebar-list-block .profile .name {
	margin: 0 0 3px 0;
}
.sidebar-list-block .meta {
	margin: 0 0 5px;
}
.sidebar-list-block .appel-switch-container {
	margin: 0 0 5px 0;	
}


/* sub-menu */

#sub-menu-block ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sub-menu-block ul li a {
	display: block;
	text-decoration: none;
}
#sub-menu-block ul a span {
	font-weight: bold;
	display: block;
}


/* calendar table */

table.calendar {
	width: 100%;
	text-align: center;
	border-top: 1px dotted #BBBBBB;
	border-left: 1px dotted #BBBBBB;
	border-spacing: 0;
	border-collapse: collapse;
}
table.calendar td,
table.calendar th {
	border-bottom: 1px dotted #BBBBBB;
	border-right: 1px dotted #BBBBBB;
	padding: 7px 0;
}
table.calendar td.current,
table.calendar td.current a {
	font-weight: bold;
	color: #ffffff;
}


/* selector */

.selector {
	margin: 0;
	padding: 0 0 10px 0;
}
.deselectall,
.selectall {
	display: block;
	padding: 5px 20px;
	margin-left: 8px;
}
.deselectall {
	background: url('../images/deselect.png') no-repeat center left;
}
.selectall {
	background: url('../images/select.png') no-repeat center left;
}


/* accept & decline buttons */

.accept-form,
.decline-form {
	float: right;
	width: 16px;
	height: 16px;
	margin: 0 0 0 3px;
	background-position: 0 16px;
}


/* options profiel */

.decline-link form a {
	background-image: url('../images/delete-sprite.png');
}
.accept-link form a {
	background-image: url('../images/accept.png');
}
.decline-link form a:hover,
.accept-link form a:hover {
	background-position: 0 -16px;
}
.decline-link form a,
.accept-link form a {
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
}


/* misc */

.not-ok-button {
	position: absolute;
	top: 5px;
	right: 5px;
}
.view-count-small {
	margin: 0 0 10px 10px;
	float: right;
	font-size: 11px;
	background: url('../images/view-count-eye.gif') no-repeat center left;
	padding: 0 0 0 25px;
	color: #5e5e5e;
}


/* admin block */

.admin-block .block-title {
	color: #000099 !important;
}


/* banner block */

.banner-block .block-content {
	padding: 1px;
}
.banner-block .block-content a,
.banner-block .block-content img {
	display: block;
}


/* debug block */

#debug-info-block .block-title {
	color: #990000 !important;
}
#debug-info-block .block-content p {
	margin: 0 0 5px;
}
#debug-info-block .block-content p:last-child {
	margin: 0;
}


/* forms */

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

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


/* checkbox & radio list */

.radio-list,
.checkbox-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.radio-item,
.checkbox-item {
	margin: 3px 0;
}
.radio-item *,
.checkbox-item * {
	vertical-align: middle;
}


/* form-table */

.form-table {
	width: 100%;
}
.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 .form-field-type-textarea  .double-column-cell label,
.form-table .form-field-type-wysiwyg   .double-column-cell label {
	display: block;
	margin: 0 0 10px;
}


/* main content form table */

#main-content .form-table {
	border-bottom: 1px dotted #959595;
	margin-bottom: 10px;
}
#main-content .form-table > tr > td,
#main-content .form-table > tbody > tr > td {
	border-top: 1px dotted #959595;
	border-right: 1px dotted #959595;
	padding-top: 8px;
	padding-bottom: 8px;
}
#main-content .form-table td.first,
#main-content .form-table .label-cell {
	width: 190px;
}
#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;
}
#main-content .form-table .double-column-cell textarea {
	width: 608px;
	height: 250px;
}
#main-content .form-table .double-column-cell textarea.wysiwyg {
	height: 350px;
}


/* form list */

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


/* files & types */

ul.files {
	list-style: none;
	margin: 15px 0;
	padding: 0;
}
p.file,
li.file {
	margin: 0 0 10px 0;
	font-size: 11px;
	padding: 1px 0 1px 23px;
	background: url('../images/file.png') no-repeat center left;
}
p.file *,
li.file * {
	vertical-align: middle;
}
p.file a,
li.file a {
	text-decoration: none;
}
p.file a .title,
li.file a .title {
	text-decoration: underline;
}

.type-doc.file,
.type-docx.file {
	background-image: url('../images/doc.gif');
}
.type-xls.file,
.type-xlsx.file {
	background-image: url('../images/xls.gif');
}
.type-ppt.file,
.type-pptx.file {
	background-image: url('../images/ppt.gif');
}
.type-pdf.file {
	background-image: url('../images/pdf.gif');
}


/* custom scroll */

.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 100%;
	background: url('../images/bg_scrollbar.jpg') repeat-y;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 17px;
	background: url('../images/bg_scrollbar_h.gif') repeat-x;
}
.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	position: relative;
}
.jspVerticalBar .jspTrack {
	background: url('../images/bg_scrollbar.jpg') repeat-y;
}
.jspHorizontalBar .jspTrack {
	background: url('../images/bg_scrollbar_h.gif') repeat-x;
}
.jspVerticalBar .jspDrag {
	background: url('../images/scrollbar_drag_v_float.jpg') repeat-y;
	width: 17px;
}
.jspHorizontalBar .jspDrag {
	background: url('../images/scrollbar_drag_h_float.gif') repeat-x;
	width: 17px;
}
.jspDrag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;	
}
.jspDragTop,
.jspDragBottom,
.jspDragLeft,
.jspDragRight {
	position: absolute;
	height: 17px;
	width: 17px;
}
.jspDragTop {
	top: 0;
	left: 0;
	background: url('../images/scrollbar_drag_top.jpg') no-repeat;
}
.jspDragBottom {
	bottom: 0;
	left: 0;
	background: url('../images/scrollbar_drag_bottom.jpg') no-repeat;
}
.jspDragLeft {
	top: 0;
	left: 0;
	background: url('../images/scrollbar_drag_left.gif') no-repeat;
}
.jspDragRight {
	top: 0;
	right: 0;
	background: url('../images/scrollbar_drag_right.gif') no-repeat;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	height: 17px;
	width: 17px;
}
.jspArrow:focus {
	outline: none;
}
.jspArrowUp {
	background: url('../images/scrolbar_up.jpg') no-repeat 0 0;
}
.jspArrowUp:hover {
	background: url('../images/scrolbar_up_over.jpg') no-repeat 0 0;
}
.jspArrowDown {
	background: url('../images/scrolbar_down.jpg') no-repeat 0 0;
}
.jspArrowDown:hover {
	background: url('../images/scrolbar_down_over.jpg') no-repeat 0 0;
}
.jspArrowLeft {
	background: url('../images/scrolbar_left.gif') no-repeat 0 0;
}
.jspArrowLeft:hover {
	background: url('../images/scrolbar_left_over.gif') no-repeat 0 0;
}
.jspArrowRight {
	background: url('../images/scrolbar_right.gif') no-repeat 0 0;
}
.jspArrowRight:hover {
	background: url('../images/scrolbar_right_over.gif') no-repeat 0 0;
}
.jspHorizontalBar .jspArrow {
	float: left;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}


/* jquery.treeTable.collapsible */

li .expander {
    background-position: 4px center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0;
    zoom: 1; /* IE7 Hack */
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 0 2px 0px;
    margin-bottom: -20px;
}
li.collapsed > .expander {
    background-image: url(../images/map_str_plus.png);
}
li.expanded > .expander {
    background-image: url(../images/map_str_min.png);
}

/* jquery.treeTable.sortable */

.treeTable tr.selected, .treeTable tr.accept {
    background-color: #3875d7;
    color: #fff;
}
.treeTable tr.collapsed.selected td .expander, .treeTable tr.collapsed.accept td .expander {
    background-image: url(../images/toggle-expand-light.png);
}
.treeTable tr.expanded.selected td .expander, .treeTable tr.expanded.accept td .expander {
    background-image: url(../images/toggle-collapse-light.png);
}
.treeTable .ui-draggable-dragging {
    color: #000;
    z-index: 1;
}


/* date picker */

.ui-datepicker {
	background: #fff;
	border: #999;
	width: 170px;
	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: 2px; width: 1.8em; height: 1.8em; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.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; }