/* ***************************************
	RESET CSS
*************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	background: #383838 url("https://groepen.pleio.nl/mod/pleio_main_template/_graphics/background.png");
}
html, body {
	height: 100%;
	margin-bottom: 1px;
}
img {
	border-width:0;
	border-color:transparent;
}
:focus {
	outline: 0 none;
}
ol, ul {
	list-style: none;
}
em, i {
	font-style:italic;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
strong, b {
	font-weight:bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration: none;
}

/* Clearfix */
.clearfix:after,
.elgg-grid:after,
.elgg-layout:after,
.elgg-inner:after,
.elgg-page-header:after,
.elgg-page-footer:after,
.elgg-head:after,
.elgg-foot:after,
.elgg-col:after,
.elgg-image-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Fluid width container that does not wrap floats */
.elgg-body,
.elgg-col-last {
	display: block;
	width: auto;
	word-wrap: break-word;
	overflow: hidden;
	
	/* IE 6, 7 */
	zoom:1;
	*overflow:visible;
}

.elgg-body:after,
.elgg-col-last:after {
	display: block;
	visibility: hidden;
	height: 0 !important;
	line-height: 0;
	overflow: hidden;
	
	/* Stretch to fill up available space */
	font-size: xx-large;
	content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

/* ***************************************
 * MENUS
 *
 * To add separators to a menu:
 * .elgg-menu-$menu > li:after {content: '|'; background: ...;}
 *************************************** */
/* Enabled nesting of dropdown/flyout menus */
.elgg-menu > li { position: relative; }

.elgg-menu > li:last-child::after {
	display: none;
}

/* Maximize click target */
.elgg-menu > li > a { display: block }

/* Horizontal menus w/ separator support */
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	vertical-align: middle;
}

/* Allow inline image blocks in horizontal menus */
.elgg-menu-hz .elgg-body:after { content: '.'; }

/* Inline block */
.elgg-gallery > li,
.elgg-button,
.elgg-icon,
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	/* Google says do this, but why? */
	position: relative;

	display: inline-block;
}

/* ***************************************
	GRID
*************************************** */
.elgg-col {
	float: left;
}
.elgg-col-1of1 {
	float: none;
}
.elgg-col-1of2 {
	width: 50%;
}
.elgg-col-1of3 {
	width: 33.33%;
}
.elgg-col-2of3 {
	width: 66.66%;
}
.elgg-col-1of4 {
	width: 25%;
}
.elgg-col-3of4 {
	width: 75%;
}
.elgg-col-1of5 {
	width: 20%;
}
.elgg-col-2of5 {
	width: 40%;
}
.elgg-col-3of5 {
	width: 60%;
}
.elgg-col-4of5 {
	width: 80%;
}
.elgg-col-1of6 {
	width: 16.66%;
}
.elgg-col-5of6 {
	width: 83.33%;
}

/* ***************************************
	Typography
*************************************** */
body {
	font-size: 80%;
	line-height: 1.4em;
	font-family: Arial, Tahoma, Verdana, sans-serif;
}

a {
	color: #008BCD;
}

a:hover,
a.selected { 	color: #555555;
	text-decoration: underline;
}

p {
	margin-bottom: 15px;
}

p:last-child {
	margin-bottom: 0;
}

pre, code {
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 12px;
	
	background:#EBF5FF;
	color:#000000;
	overflow:auto;

	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */

	white-space: pre-wrap;
	word-wrap: break-word; /* IE 5.5-7 */
	
}

pre {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
}

code {
	padding:2px 3px;
}

.elgg-monospace {
	font-family: Monaco, "Courier New", Courier, monospace;
}

blockquote {
	line-height: 1.3em;
	padding:3px 15px;
	margin:0px 0 15px 0;
	background:#EBF5FF;
	border:none;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; line-height: 1.1em; padding-bottom:5px}
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

.elgg-heading-site, .elgg-heading-site:hover {
	font-size: 0em;
	line-height: 1.4em;
	color: white;
	font-style: italic;
	font-family: Georgia, times, serif;
	text-decoration: none;
	background: transparent url(https://groepen.pleio.nl/mod/pleio_main_template/_graphics/logo_normal.png);
	width: 128px;
	height: 56px;
	display: block;
}

.elgg-main > .elgg-head > h2 {
	padding: 3px 0 0;
}

.elgg-heading-main {
	float: left;
	max-width: 530px;
	margin-right: 10px;
}
.elgg-heading-basic {
	color: #0054A7;
	font-size: 1.2em;
	font-weight: bold;
}

.elgg-subtext {
	color: #666666;
	font-size: 85%;
	line-height: 1.2em;
	font-style: italic;
}

.elgg-text-help {
	display: block;
	font-size: 85%;
	font-style: italic;
}

.elgg-quiet {
	color: #666;
}

.elgg-loud {
	color: #0054A7;
}

/* ***************************************
	USER INPUT DISPLAY RESET
*************************************** */
.elgg-output {
	margin-top: 10px;
}

.elgg-output dt { font-weight: bold }
.elgg-output dd { margin: 0 0 1em 1em }

.elgg-output ul, .elgg-output ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 1.5em;
}
.elgg-output ul {
	list-style-type: disc;
}
.elgg-output ol {
	list-style-type: decimal;
}
.elgg-output table {
	border: 1px solid #ccc;
}
.elgg-output table td {
	border: 1px solid #ccc;
	padding: 3px 5px;
}
.elgg-output img {
	max-width: 100%;
}
/* ***************************************
	Form Elements
*************************************** */
fieldset > div {
	margin-bottom: 15px;
}
fieldset > div:last-child {
	margin-bottom: 0;
}
.elgg-form-alt > fieldset > .elgg-foot {
	border-top: 1px solid #CCC;
	padding: 10px 0;
}

label {
	font-weight: bold;
	color: #333;
	font-size: 110%;
}

input, textarea {
	border: 1px solid #ccc;
	color: #666;
	font: 120% Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 100%;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text]:focus, 
input[type=password]:focus, 
textarea:focus {
	border: solid 1px #008BCD;
	background: #e4ecf5;
	color:#333;
}

textarea {
	height: 200px;
}


.elgg-longtext-control {
	float: right;
	margin-left: 14px;
	font-size: 80%;
	cursor: pointer;
}


.elgg-input-access {
	margin:5px 0 0 0;
}

input[type="checkbox"],
input[type="radio"] {
	margin:0 3px 0 0;
	padding:0;
	border:none;
	width:auto;
}
.elgg-input-checkboxes.elgg-horizontal li,
.elgg-input-radios.elgg-horizontal li {
	display: inline;
	padding-right: 10px;
}

.elgg-form-login, .elgg-form-account {
	max-width: 450px;
}

/* ***************************************
	FRIENDS PICKER
*************************************** */
.friends-picker-main-wrapper {
	margin-bottom: 15px;
}
.friends-picker-container h3 {
	font-size:4em !important;
	text-align: left;
	margin:10px 0 20px !important;
	color:#999 !important;
	background: none !important;
	padding:0 !important;
}
.friends-picker .friends-picker-container .panel ul {
	text-align: left;
	margin: 0;
	padding:0;
}
.friends-picker-wrapper {
	margin: 0;
	padding:0;
	position: relative;
	width: 100%;
}
.friends-picker {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
	width: 730px;
	height: auto;
	background-color: #dedede;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.friendspicker-savebuttons {
	background: white;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	margin:0 10px 10px;
}
.friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}
.friends-picker .friends-picker-container .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 730px;
	margin: 0;
	padding:0;
}
.friends-picker .friends-picker-container .panel .wrapper {
	margin: 0;
	padding:4px 10px 10px 10px;
	min-height: 230px;
}
.friends-picker-navigation {
	margin: 0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}
.friends-picker-navigation ul {
	list-style: none;
	padding-left: 0;
}
.friends-picker-navigation ul li {
	float: left;
	margin:0;
	background:white;
}
.friends-picker-navigation a {
	font-weight: bold;
	text-align: center;
	background: white;
	color: #999;
	text-decoration: none;
	display: block;
	padding: 0;
	width:20px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tabHasContent {
	background: white;
	color:#333 !important;
}
.friends-picker-navigation li a:hover {
	background: #333;
	color:white !important;
}
.friends-picker-navigation li a.current {
	background: #4690D6;
	color:white !important;
}
.friends-picker-navigation-l, .friends-picker-navigation-r {
	position: absolute;
	top: 46px;
	text-indent: -9000em;
}
.friends-picker-navigation-l a, .friends-picker-navigation-r a {
	display: block;
	height: 40px;
	width: 40px;
}
.friends-picker-navigation-l {
	right: 48px;
	z-index:1;
}
.friends-picker-navigation-r {
	right: 0;
	z-index:1;
}
.friends-picker-navigation-l {
	background: url("https://groepen.pleio.nl/_graphics/friendspicker.png") no-repeat left top;
}
.friends-picker-navigation-r {
	background: url("https://groepen.pleio.nl/_graphics/friendspicker.png") no-repeat -60px top;
}
.friends-picker-navigation-l:hover {
	background: url("https://groepen.pleio.nl/_graphics/friendspicker.png") no-repeat left -44px;
}
.friends-picker-navigation-r:hover {
	background: url("https://groepen.pleio.nl/_graphics/friendspicker.png") no-repeat -60px -44px;
}
.friendspicker-savebuttons .elgg-button-submit,
.friendspicker-savebuttons .elgg-button-cancel {
	margin:5px 20px 5px 5px;
}
.friendspicker-members-table {
	background: #dedede;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	margin:10px 0 0;
	padding:10px 10px 0;
}

/* ***************************************
	AUTOCOMPLETE
*************************************** */
.ui-autocomplete {
	position: absolute;
	cursor: default;
}
.elgg-autocomplete-item .elgg-body {
	max-width: 600px;
}
.ui-autocomplete {
	background-color: white;
	border: 1px solid #ccc;
	overflow: hidden;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ui-autocomplete .ui-menu-item {
	padding: 0px 4px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ui-autocomplete .ui-menu-item:hover {
	background-color: #eee;
}
.ui-autocomplete a:hover {
	text-decoration: none;
	color: #4690D6;
}

/* ***************************************
	USER PICKER
*************************************** */
.elgg-user-picker-list li:first-child {
	border-top: 1px dotted #ccc;
	margin-top: 5px;
}
.elgg-user-picker-list > li {
	border-bottom: 1px dotted #ccc;
}

/* ***************************************
      DATE PICKER
**************************************** */
.ui-datepicker {
	display: none;

	margin-top: 3px;
	width: 208px;
	background-color: white;
	border: 1px solid #383838;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;

	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.ui-datepicker-inline {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.ui-datepicker-header {
	position: relative;
	background: #008BCD;
	color: white;
	padding: 2px 0;
	border-bottom: 1px solid #383838;
}
.ui-datepicker-header a {
	color: white;
}
.ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    top: 5px;
	cursor: pointer;
}
.ui-datepicker-prev {
    left: 6px;
}
.ui-datepicker-next {
    right: 6px;
}
.ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 30px;
    text-align: center;
	font-weight: bold;
}
.ui-datepicker-calendar {
	margin: 4px;
}
.ui-datepicker th {
	color: #008BCD;
	border: none;
    font-weight: bold;
    padding: 5px 6px;
    text-align: center;
}
.ui-datepicker td {
	padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 2px;
	line-height: 1.2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker-calendar .ui-state-default {
	border: 1px solid #ccc;
    color: #008BCD;
	background: #fafafa;
}
.ui-datepicker-calendar .ui-state-hover {
	border: 1px solid #aaa;
    color: #008BCD;
	background: #eee;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-active.ui-state-hover {
	font-weight: bold;
    border: 1px solid #008BCD;
    color: #008BCD;
	background: #E4ECF5;
}
/* <style> */
.elgg-input-fa {
	font-family:  "Lucida Grande", Arial, Tahoma, Verdana, sans-serif, "FontAwesome";
}
/* **************************
	BUTTONS
************************** */

/* Base */
.elgg-button {
	font-size: 14px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	width: auto;
	padding: 2px 4px;
	cursor: pointer;
	outline: none;
	
}
a.elgg-button {
	padding: 3px 6px;
}

/* Submit: This button should convey, "you're about to take some definitive action" */
.elgg-button-submit {
	color: white;
	text-decoration: none;
	border: 1px solid #008BCD;
	background: #008BCD;
}

.elgg-button-submit:hover {
	text-decoration: none;
	color: white;
	background: #77C0E2;
}

.elgg-button-submit.elgg-state-disabled {
	background: #999;
	border-color: #999;
	cursor: default;
}

/* Cancel: This button should convey a negative but easily reversible action (e.g., turning off a plugin) */
.elgg-button-cancel {
	color: #333;
	background: #ddd;
	border: 1px solid #999;
}
.elgg-button-cancel:hover {
	color: #444;
	background-color: #999;
	background-position: left 10px;
	text-decoration: none;
}

/* Action: This button should convey a normal, inconsequential action, such as clicking a link */
.elgg-button-action {
	background: #ccc url(https://groepen.pleio.nl/_graphics/button_background.gif) repeat-x 0 0;
	border:1px solid #999;
	color: #333;
	padding: 2px 15px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	cursor: pointer;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.elgg-button-action:hover,
.elgg-button-action:focus {
	background: #ccc url(https://groepen.pleio.nl/_graphics/button_background.gif) repeat-x 0 -15px;
	color: #111;
	text-decoration: none;
	border: 1px solid #999;
}

/* Delete: This button should convey "be careful before you click me" */
.elgg-button-delete {
	color: #FFF;
	text-decoration: none;
	background: red;
	border: 1px solid red;
}
.elgg-button-delete:hover {
	color: #FFF;
	background-color: #ff6e6e;
	border-color: #333;
	text-decoration: none;
}

.elgg-button-dropdown {
	padding:3px 6px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	position:relative;
	margin-left:0;
	color: #CCC;
	background: white;
	border:1px solid #BDBDBD;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	
	/*background-image:url(https://groepen.pleio.nl/_graphics/elgg_sprites.png);
	background-position:-150px -51px;
	background-repeat:no-repeat;*/
}

.elgg-button-dropdown:after {
	content: " \25BC ";
	font-size:smaller;
}

.elgg-button-dropdown:hover {
	background-color:#CCCCCC;
	color: white;
	text-decoration:none;
}

.elgg-button-dropdown.elgg-state-active {
	background: #ccc;
	outline: none;
	color: #333;
	border:1px solid #ccc;
	
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}
/* <style> */

/* ***************************************
	ICONS
*************************************** */

.elgg-icon {
	background: transparent url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat left;
	width: 16px;
	height: 16px;
	margin: 0 2px;
}

.fa {
	background: none;
	color: #CCC;
	font-size: 16px !important;
}

:focus > .fa,
.fa:hover,
.fa-hover {
	color: #4690D6;
}

h1 > .fa,
h2 > .fa,
h3 > .fa,
h4 > .fa,
h5 > .fa,
h6 > .fa {
	font-size: 1em;
}


.elgg-icon-arrow-left {
	background-position: 0 -0px;
}
.elgg-icon-arrow-right {
	background-position: 0 -18px;
}
.elgg-icon-arrow-two-head {
	background-position: 0 -36px;
}
.elgg-icon-attention:hover {
	background-position: 0 -54px;
}
.elgg-icon-attention {
	background-position: 0 -72px;
}
.elgg-icon-calendar {
	background-position: 0 -90px;
}
.elgg-icon-cell-phone {
	background-position: 0 -108px;
}
.elgg-icon-checkmark:hover {
	background-position: 0 -126px;
}
.elgg-icon-checkmark {
	background-position: 0 -144px;
}
.elgg-icon-clip:hover {
	background-position: 0 -162px;
}
.elgg-icon-clip {
	background-position: 0 -180px;
}
.elgg-icon-cursor-drag-arrow {
	background-position: 0 -198px;
}
.elgg-icon-delete-alt:hover {
	background-position: 0 -216px;
}
.elgg-icon-delete-alt {
	background-position: 0 -234px;
}
.elgg-icon-delete:hover {
	background-position: 0 -252px;
}
.elgg-icon-delete {
	background-position: 0 -270px;
}
.elgg-icon-download:hover {
	background-position: 0 -288px;
}
.elgg-icon-download {
	background-position: 0 -306px;
}
.elgg-icon-eye {
	background-position: 0 -324px;
}
.elgg-icon-facebook {
	background-position: 0 -342px;
}
.elgg-icon-grid:hover {
	background-position: 0 -360px;
}
.elgg-icon-grid {
	background-position: 0 -378px;
}
.elgg-icon-home:hover {
	background-position: 0 -396px;
}
.elgg-icon-home {
	background-position: 0 -414px;
}
.elgg-icon-hover-menu:hover {
	background-position: 0 -432px;
}
.elgg-icon-hover-menu {
	background-position: 0 -450px;
}
.elgg-icon-info:hover {
	background-position: 0 -468px;
}
.elgg-icon-info {
	background-position: 0 -486px;
}
.elgg-icon-link:hover {
	background-position: 0 -504px;
}
.elgg-icon-link {
	background-position: 0 -522px;
}
.elgg-icon-list {
	background-position: 0 -540px;
}
.elgg-icon-lock-closed {
	background-position: 0 -558px;
}
.elgg-icon-lock-open {
	background-position: 0 -576px;
}
.elgg-icon-mail-alt:hover {
	background-position: 0 -594px;
}
.elgg-icon-mail-alt {
	background-position: 0 -612px;
}
.elgg-icon-mail:hover {
	background-position: 0 -630px;
}
.elgg-icon-mail {
	background-position: 0 -648px;
}
.elgg-icon-photo {
	background-position: 0 -666px;
}
.elgg-icon-print-alt {
	background-position: 0 -684px;
}
.elgg-icon-print {
	background-position: 0 -702px;
}
.elgg-icon-push-pin-alt {
	background-position: 0 -720px;
}
.elgg-icon-push-pin {
	background-position: 0 -738px;
}
.elgg-icon-redo {
	background-position: 0 -756px;
}
.elgg-icon-refresh:hover {
	background-position: 0 -774px;
}
.elgg-icon-refresh {
	background-position: 0 -792px;
}
.elgg-icon-round-arrow-left {
	background-position: 0 -810px;
}
.elgg-icon-round-arrow-right {
	background-position: 0 -828px;
}
.elgg-icon-round-checkmark {
	background-position: 0 -846px;
}
.elgg-icon-round-minus {
	background-position: 0 -864px;
}
.elgg-icon-round-plus {
	background-position: 0 -882px;
}
.elgg-icon-rss {
	background-position: 0 -900px;
}
.elgg-icon-search-focus {
	background-position: 0 -918px;
}
.elgg-icon-search {
	background-position: 0 -936px;
}
.elgg-icon-settings-alt:hover {
	background-position: 0 -954px;
}
.elgg-icon-settings-alt {
	background-position: 0 -972px;
}
.elgg-icon-settings {
	background-position: 0 -990px;
}
.elgg-icon-share:hover {
	background-position: 0 -1008px;
}
.elgg-icon-share {
	background-position: 0 -1026px;
}
.elgg-icon-shop-cart:hover {
	background-position: 0 -1044px;
}
.elgg-icon-shop-cart {
	background-position: 0 -1062px;
}
.elgg-icon-speech-bubble-alt:hover {
	background-position: 0 -1080px;
}
.elgg-icon-speech-bubble-alt {
	background-position: 0 -1098px;
}
.elgg-icon-speech-bubble:hover {
	background-position: 0 -1116px;
}
.elgg-icon-speech-bubble {
	background-position: 0 -1134px;
}
.elgg-icon-star-alt {
	background-position: 0 -1152px;
}
.elgg-icon-star-empty:hover {
	background-position: 0 -1170px;
}
.elgg-icon-star-empty {
	background-position: 0 -1188px;
}
.elgg-icon-star:hover {
	background-position: 0 -1206px;
}
.elgg-icon-star {
	background-position: 0 -1224px;
}
.elgg-icon-tag:hover {
	background-position: 0 -1242px;
}
.elgg-icon-tag {
	background-position: 0 -1260px;
}
.elgg-icon-thumbs-down-alt:hover {
	background-position: 0 -1278px;
}
.elgg-icon-thumbs-down:hover,
.elgg-icon-thumbs-down-alt {
	background-position: 0 -1296px;
}
.elgg-icon-thumbs-down {
	background-position: 0 -1314px;
}
.elgg-icon-thumbs-up-alt:hover {
	background-position: 0 -1332px;
}
.elgg-icon-thumbs-up:hover,
.elgg-icon-thumbs-up-alt {
	background-position: 0 -1350px;
}
.elgg-icon-thumbs-up {
	background-position: 0 -1368px;
}
.elgg-icon-trash {
	background-position: 0 -1386px;
}
.elgg-icon-twitter {
	background-position: 0 -1404px;
}
.elgg-icon-undo {
	background-position: 0 -1422px;
}
.elgg-icon-user:hover {
	background-position: 0 -1440px;
}
.elgg-icon-user {
	background-position: 0 -1458px;
}
.elgg-icon-users:hover {
	background-position: 0 -1476px;
}
.elgg-icon-users {
	background-position: 0 -1494px;
}
.elgg-icon-video {
	background-position: 0 -1512px;
}


.elgg-avatar > .elgg-icon-hover-menu {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	cursor: pointer;
}

.elgg-ajax-loader {
	background: white url(https://groepen.pleio.nl/_graphics/ajax_loader_bw.gif) no-repeat center center;
	min-height: 31px;
	min-width: 31px;
}

/* ***************************************
	AVATAR ICONS
*************************************** */
.elgg-avatar {
	position: relative;
	display: inline-block;
}
.elgg-avatar > a > img {
	display: block;
}
.elgg-avatar-tiny > a > img {
	width: 25px;
	height: 25px;
	
	/* remove the border-radius if you don't want rounded avatars in supported browsers */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-moz-background-clip:  border;
	background-clip:  border;

	-webkit-background-size: 25px;
	-khtml-background-size: 25px;
	-moz-background-size: 25px;
	-o-background-size: 25px;
	background-size: 25px;
}
.elgg-avatar-small > a > img {
	width: 40px;
	height: 40px;
	
	/* remove the border-radius if you don't want rounded avatars in supported browsers */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-background-clip:  border;
	background-clip:  border;

	-webkit-background-size: 40px;
	-khtml-background-size: 40px;
	-moz-background-size: 40px;
	-o-background-size: 40px;
	background-size: 40px;
}
.elgg-avatar-medium > a > img {
	width: 100px;
	height: 100px;
}
.elgg-avatar-large > a > img {
	width: 200px;
	height: 200px;
}
/* ***************************************
	PAGINATION
*************************************** */
.elgg-pagination {
	margin: 10px 0;
	display: block;
	text-align: center;
}
.elgg-pagination li {
	display: inline;
	margin: 0 6px 0 0;
	text-align: center;
}
.elgg-pagination a, .elgg-pagination span {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	padding: 2px 6px;
	color: #008BCD;
	border: 1px solid #008BCD;
	font-size: 12px;
}
.elgg-pagination a:hover {
	background: #008BCD;
	color: white;
	text-decoration: none;
}
.elgg-pagination .elgg-state-disabled span {
	color: #CCCCCC;
	border-color: #CCCCCC;
}
.elgg-pagination .elgg-state-selected span {
	color: #555555;
	border-color: #555555;
}

/* ***************************************
	TABS
*************************************** */
.elgg-tabs {
	margin-bottom: 5px;
	border-bottom: 2px solid #cccccc;
	display: table;
	width: 100%;
}
.elgg-tabs li {
	float: left;
	border: 2px solid #ccc;
	border-bottom: 0;
	background: #eee;
	margin: 0 0 0 10px;
	
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.elgg-tabs a {
	text-decoration: none;
	display: block;
	padding: 3px 10px 0 10px;
	text-align: center;
	height: 21px;
	color: #999;
}
.elgg-tabs a:hover {
	background: #dedede;
	color: #4690D6;
}
.elgg-tabs .elgg-state-selected {
	border-color: #ccc;
	background: white;
}
.elgg-tabs .elgg-state-selected a {
	position: relative;
	top: 2px;
	background: white;
}

/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-breadcrumbs {
	font-size: 80%;
	font-weight: bold;
	color: #383838;
	height: 19px;
	padding: 4px 0px;
	background: transparent url(https://groepen.pleio.nl/mod/pleio_main_template/_graphics/breadcrumb_bg.png) repeat-x bottom;	
}
.elgg-breadcrumbs > li {
	display: inline-block;
}
.elgg-breadcrumbs > li:after {
	content: "\003E";
	padding: 0 4px;
	font-weight: normal;
}
.elgg-breadcrumbs > li > a {
	display: inline-block;
	color: #999;
	font-size: 10px;
}
.elgg-breadcrumbs > li > a:hover {
	color: #0054a7;
	text-decoration: underline;
}

/* ***************************************
	TOPBAR MENU
*************************************** */
.elgg-menu-topbar {
	float: left;
}

.elgg-menu-topbar > li {
	float: left;
}

.elgg-menu-topbar > li > a {
	padding-top: 2px;
	color: #eee;
	margin: 1px 15px 0;
}

.elgg-menu-topbar > li > a:hover {
	color: #4690D6;
	text-decoration: none;
}

.elgg-menu-topbar-alt {
	float: right;
}

.elgg-menu-topbar .elgg-icon {
	vertical-align: middle;
	margin-top: -1px;
}

.elgg-menu-topbar > li > a.elgg-topbar-logo {
	margin-top: 0;
	padding-left: 5px;
	width: 38px;
	height: 20px;
}

.elgg-menu-topbar > li > a.elgg-topbar-avatar {
	width: 18px;
	height: 18px;
}

/* ***************************************
	SITE MENU
*************************************** */
.elgg-menu-site {
	z-index: 1;
}

.elgg-menu-site > li > a {
	font-weight: bold;
	padding: 3px 13px 0px 13px;
	height: 20px;
}

.elgg-menu-site > li > a:hover {
	text-decoration: none;
}

.elgg-menu-site-default {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 23px;
}

.elgg-menu-site-default > li {
	float: left;
	margin-right: 1px;
}

.elgg-menu-site-default > li > a {
	color: white;
}

.elgg-menu-site > li > ul {
	display: none;
	background-color: white;
}

.elgg-menu-site > li:hover > ul {
	display: block;
}

.elgg-menu-site-default > .elgg-state-selected > a,
.elgg-menu-site-default > li:hover > a {
	background: white;
	color: #555;

	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);

	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.elgg-menu-site-more {
	position: relative;
	left: -1px;
	width: 100%;
	min-width: 150px;
	border: 1px solid #999;
	border-top: 0;

	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;

	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.elgg-menu-site-more > li > a {
	background-color: white;
	color: #555;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.elgg-menu-site-more > li > a:hover {
	background: #4690D6;
	color: white;
}

.elgg-menu-site-more > li:last-child > a,
.elgg-menu-site-more > li:last-child > a:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.elgg-more > a:before {
	content: "\25BC";
	font-size: smaller;
	margin-right: 4px;
}

/* ***************************************
	TITLE
*************************************** */
.elgg-menu-title {
	float: right;
}

.elgg-menu-title > li {
	display: inline-block;
	margin-left: 4px;
}

/* ***************************************
	FILTER MENU
*************************************** */
.elgg-menu-filter {
	margin-bottom: 5px;
	border-bottom: 2px solid #ccc;
	display: inline-block;
	margin-left: -10px;
	margin-right: -10px;
	padding: 0 10px;
	width: 100%;
}
.elgg-menu-filter > li {
	float: left;
	border: 2px solid #ccc;
	border-bottom: 0;
	background: #eee;
	margin: 0px;
	
}
.elgg-menu-filter > li:hover {
	background: #dedede;
}
.elgg-menu-filter > li > a {
	text-decoration: none;
	display: block;
	padding: 3px 10px 0;
	text-align: center;
	height: 21px;
	color: #999;
}
.elgg-menu-filter > li > a:hover {
	background: #dedede;
	color: #4690D6;
}
.elgg-menu-filter > .elgg-state-selected {
	border-color: #ccc;
	background: white;
}
.elgg-menu-filter > .elgg-state-selected > a {
	position: relative;
	top: 2px;
	background: white;
}

/* ***************************************
	PAGE MENU
*************************************** */
.elgg-menu-page {
	margin-bottom: 15px;
	border-top: 1px solid #BDBDBD;
	border-bottom: 2px solid #BDBDBD;
}

.elgg-menu-page a {
	display: block;
	background: transparent url(https://groepen.pleio.nl/mod/pleio_main_template/_graphics/elgg_sidebar_button_bg.png) repeat-x bottom;
	padding: 4px 4px 4px 8px;
	border-top: 1px solid #BDBDBD;
	color: #383838;
	font-weight: bold;
}
.elgg-menu-page a:hover,
.elgg-menu-page li.elgg-state-selected > a {
	background: #008BCD;
	border-top: 1px solid #77C0E2;
	color: white;
	text-decoration: none;
}
.elgg-menu-page .elgg-child-menu {
	display: none;
	margin-left: 15px;
}
.elgg-menu-page .elgg-menu-closed:before, .elgg-menu-opened:before {
	display: inline-block;
	padding-right: 4px;
}
.elgg-menu-page .elgg-menu-closed:before {
	content: "\002B";
}
.elgg-menu-page .elgg-menu-opened:before {
	content: "\002D";
}

/* ***************************************
	HOVER MENU
*************************************** */
.elgg-menu-hover {
	display: none;
	position: absolute;
	z-index: 10000;

	overflow: hidden;

	min-width: 165px;
	max-width: 250px;
	border: solid 1px;
	border-color: #E5E5E5 #999 #999 #E5E5E5;
	background-color: #FFF;
	
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
}
.elgg-menu-hover > li {
	border-bottom: 1px solid #ddd;
}
.elgg-menu-hover > li:last-child {
	border-bottom: none;
}
.elgg-menu-hover .elgg-heading-basic {
	display: block;
}
.elgg-menu-hover a {
	padding: 2px 8px;
	font-size: 92%;
}
.elgg-menu-hover a:hover {
	background: #ccc;
	text-decoration: none;
}
.elgg-menu-hover-admin a {
	color: red;
}
.elgg-menu-hover-admin a:hover {
	color: white;
	background-color: red;
}

/* ***************************************
	SITE FOOTER
*************************************** */
.elgg-menu-footer > li,
.elgg-menu-footer > li > a {
	display: inline-block;
	color: #999;
}

.elgg-menu-footer > li:after {
	content: "\007C";
	padding: 0 4px;
}

.elgg-menu-footer-default {
	float: right;
}

.elgg-menu-footer-alt {
	float: left;
}

/* ***************************************
	GENERAL MENU
*************************************** */
.elgg-menu-general > li,
.elgg-menu-general > li > a {
	display: inline-block;
	color: #999;
}

.elgg-menu-general > li:after {
	content: "\007C";
	padding: 0 4px;
}

/* ***************************************
	ENTITY AND ANNOTATION
*************************************** */
.elgg-menu-entity, elgg-menu-annotation {
	float: right;
	margin-left: 15px;
	font-size: 90%;
	color: #aaa;
	line-height: 16px;
	height: 16px;
}
.elgg-menu-entity > li, .elgg-menu-annotation > li {
	margin-left: 15px;
}
.elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
	color: #aaa;
}
.elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
	display: block;
}
.elgg-menu-entity > li > span, .elgg-menu-annotation > li > span {
	vertical-align: baseline;
}

/* ***************************************
	OWNER BLOCK
*************************************** */
.elgg-menu-owner-block {
	border-bottom: 2px solid #BDBDBD;
    border-top: 1px solid #BDBDBD;
}

.elgg-menu-owner-block li a {
	display: block;
	
	background: transparent url(https://groepen.pleio.nl/mod/pleio_main_template/_graphics/elgg_sidebar_button_bg.png) repeat-x bottom;
	border-top: 1px solid #BDBDBD;
	color: #383838;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
}
.elgg-menu-owner-block li a:hover,
.elgg-menu-owner-block li.elgg-state-selected > a {
	background: #008BCD;
	border-top: 1px solid #77C0E2;
	color: white;
	text-decoration: none;
}

/* ***************************************
	LONGTEXT
*************************************** */
.elgg-menu-longtext {
	float: right;
}

/* ***************************************
	RIVER
*************************************** */
.elgg-menu-river {
	float: right;
	margin-left: 15px;
	font-size: 90%;
	color: #aaa;
	line-height: 16px;
	height: 16px;
}
.elgg-menu-river > li {
	display: inline-block;
	margin-left: 5px;
}
.elgg-menu-river > li > a {
	color: #aaa;
	height: 16px;
}
.elgg-menu-river > li > a {
	display: block;
}
.elgg-menu-river > li > span {
	vertical-align: baseline;
}

/* ***************************************
	SIDEBAR EXTRAS (rss, bookmark, etc)
*************************************** */
.elgg-menu-extras {
	padding: 7px 5px;
}

/* ***************************************
	WIDGET MENU
*************************************** */
.elgg-menu-widget > li {
	position: absolute;
	top: 4px;
	display: inline-block;
	width: 18px;
	height: 18px;
	padding: 2px 2px 0 0;
}

.elgg-menu-widget > .elgg-menu-item-collapse {
	left: 5px;
}
.elgg-menu-widget > .elgg-menu-item-delete {
	right: 5px;
}
.elgg-menu-widget > .elgg-menu-item-settings {
	right: 25px;
}
/* ***************************************
	Modules
*************************************** */
.elgg-module {
	overflow: hidden;
	margin-bottom: 20px;
}

/* Aside */
.elgg-module-aside {
	padding: 0 10px;
}

.elgg-module-aside .elgg-head {
	border-bottom: 1px solid #CCC;
	
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/* Info */
.elgg-module-info > .elgg-head {
	background: #e4e4e4;
	padding: 5px;
	margin-bottom: 10px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.elgg-module-info > .elgg-head * {
	color: #333;
}

/* Popup */
.elgg-module-popup {
	background-color: white;
	border: 1px solid #ccc;
	
	z-index: 9999;
	margin-bottom: 0;
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.elgg-module-popup > .elgg-head {
	margin-bottom: 5px;
}
.elgg-module-popup > .elgg-head * {
	color: #008BCD;
}

/* Dropdown */
.elgg-module-dropdown {
	background-color:white;
	border:5px solid #CCC;
	
	-webkit-border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	border-radius: 5px 0 5px 5px;
	
	display:none;
	
	width: 210px;
	padding: 12px;
	margin-right: 0px;
	z-index:100;
	
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
	
	position:absolute;
	right: 0px;
	top: 100%;
}

/* Featured */
.elgg-module-featured {
	border: 1px solid #008BCD;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.elgg-module-featured > .elgg-head {
	padding: 5px;
	background-color: #008BCD;
}
.elgg-module-featured > .elgg-head * {
	color: white;
}
.elgg-module-featured > .elgg-body {
	padding: 10px;
}

/* ***************************************
	Widgets
*************************************** */
.elgg-widgets {
	float: right;
	min-height: 30px;
}
.elgg-widget-add-control {
	text-align: right;
	margin: 5px 5px 15px;
}
.elgg-widgets-add-panel {
	padding: 10px;
	margin: 0 5px 15px;
	background: #dedede;
	border: 2px solid #ccc;
}
.elgg-widgets-add-panel li {
	float: left;
	margin: 2px 10px;
	width: 200px;
	padding: 4px;
	background-color: #ccc;
	border: 2px solid #b0b0b0;
	font-weight: bold;
}
.elgg-widgets-add-panel li a {
	display: block;
}
.elgg-widgets-add-panel .elgg-state-available {
	color: #333;
	cursor: pointer;
}
.elgg-widgets-add-panel .elgg-state-available:hover {
	background-color: #bcbcbc;
}
.elgg-widgets-add-panel .elgg-state-unavailable {
	color: #888;
}

.elgg-module-widget {
	background-color: #dedede;
	padding: 2px;
	margin: 0 5px 15px;
	position: relative;
}
.elgg-module-widget:hover {
	background-color: #ccc;
}
.elgg-module-widget > .elgg-head {
	background-color: #eeeeee;
	height: 26px;
	overflow: hidden;
}
.elgg-module-widget > .elgg-head h3 {
	float: left;
	padding: 4px 45px 0 20px;
	color: #666;
}
.elgg-module-widget.elgg-state-draggable .elgg-widget-handle {
	cursor: move;
}
a.elgg-widget-collapse-button {
	color: #c5c5c5;
}
a.elgg-widget-collapse-button:hover,
a.elgg-widget-collapsed:hover {
	color: #9d9d9d;
	text-decoration: none;
}
a.elgg-widget-collapse-button:before {
	content: "\25BC";
}
a.elgg-widget-collapsed:before {
	content: "\25BA";
}
.elgg-module-widget > .elgg-body {
	background-color: white;
	width: 100%;
	overflow: hidden;
	border-top: 2px solid #dedede;
}
.elgg-widget-edit {
	display: none;
	width: 96%;
	padding: 2%;
	border-bottom: 2px solid #dedede;
	background-color: #f9f9f9;
}
.elgg-widget-content {
	padding: 10px;
}
.elgg-widget-placeholder {
	border: 2px dashed #dedede;
	margin-bottom: 15px;
}
/* ***************************************
	Image Block
*************************************** */
.elgg-image-block {
	padding: 3px 0;
}
.elgg-image-block .elgg-image {
	float: left;
	margin-right: 5px;
}
.elgg-image-block .elgg-image-alt {
	float: right;
	margin-left: 5px;
}

/* ***************************************
	List
*************************************** */
.elgg-list {
	margin: 5px 0;
	clear: both;
}
.elgg-list > li {
	border-bottom: 1px dotted #CCCCCC;
}

.elgg-item .elgg-subtext {
	margin-bottom: 5px;
}
.elgg-item .elgg-content {
	margin: 10px 5px;
}

/* ***************************************
	Gallery
*************************************** */
.elgg-gallery {
	border: none;
	margin-right: auto;
	margin-left: auto;
}
.elgg-gallery td {
	padding: 5px;
}
.elgg-gallery-fluid > li {
	float: left;
}
.elgg-gallery-users > li {
	margin: 0 2px;
}

/* ***************************************
	Tables
*************************************** */
.elgg-table {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table td, .elgg-table th {
	padding: 4px 8px;
	border: 1px solid #ccc;
}
.elgg-table th {
	background-color: #ddd;
}
.elgg-table tr:nth-child(odd), .elgg-table tr.odd {
	background-color: #fff;
}
.elgg-table tr:nth-child(even), .elgg-table tr.even {
	background-color: #f0f0f0;
}
.elgg-table-alt {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table-alt td {
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #ccc;
}
.elgg-table-alt td:first-child {
	width: 200px;
}
.elgg-table-alt tr:hover {
	background: #E4E4E4;
}

/* ***************************************
	Owner Block
*************************************** */
.elgg-owner-block {
	margin-bottom: 20px;
}

/* ***************************************
	Messages
*************************************** */
.elgg-message {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid;
	font-weight: bold;
	display: block;
	padding: 20px;
	cursor: pointer;
}
.elgg-state-success {
	background: #e6efc2;
	border-color: #c6d880;
	color: #264409;
}
.elgg-state-error {
	background: #fbe3e4;
	border-color: #fbc2c4;
	color: #8a1f11;
}
.elgg-state-notice {
	background-color: #4690D6;
}

/* ***************************************
	River
*************************************** */
.elgg-list-river {
	border-top: 1px solid #CCC;
}
.elgg-list-river > li {
	border-bottom: 1px solid #CCC;
}
.elgg-river-item {
	padding: 7px 0;
}
.elgg-river-item .elgg-pict {
	margin-right: 20px;
}
.elgg-river-timestamp {
	color: #666;
	font-size: 85%;
	font-style: italic;
	line-height: 1.2em;
}

.elgg-river-attachments,
.elgg-river-message,
.elgg-river-content {
	border-left: 1px solid #CCC;
	font-size: 85%;
	line-height: 1.5em;
	margin: 8px 0 5px 0;
	padding-left: 5px;
}
.elgg-river-attachments .elgg-avatar,
.elgg-river-attachments .elgg-icon {
	float: left;
}
.elgg-river-layout .elgg-input-dropdown {
	float: right;
	margin: 10px 0;
}

.elgg-river-comments-tab {
	display: block;
	background-color: #EEE;
	color: #4690D6;
	margin-top: 5px;
	width: auto;
	float: right;
	font-size: 85%;
	padding: 1px 7px;
	
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.elgg-river-comments {
	margin: 0;
	border-top: none;
}
.elgg-river-comments li:first-child {
	-webkit-border-radius: 5px 0 0;
	-moz-border-radius: 5px 0 0;
	border-radius: 5px 0 0;
}
.elgg-river-comments li:last-child {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius-bottomleft: 0 0 5px 5px;
	border-radius-bottomleft: 0 0 5px 5px;
}
.elgg-river-comments li {
	background-color: #EEE;
	border-bottom: none;
	padding: 4px;
	margin-bottom: 2px;
}
.elgg-river-comments .elgg-media {
	padding: 0;
}
.elgg-river-more {
	background-color: #EEE;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	padding: 2px 4px;
	font-size: 85%;
	margin-bottom: 2px;
}

.elgg-river-item form {
	background-color: #EEE;
	padding: 4px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	height: 30px;
}
.elgg-river-item input[type=text] {
	width: 80%;
}
.elgg-river-item input[type=submit] {
	margin: 0 0 0 10px;
}


/* **************************************
	Comments (from elgg_view_comments)
************************************** */
.elgg-comments {
	margin-top: 25px;
}
.elgg-comments > form {
	margin-top: 15px;
}

/* ***************************************
	Image-related
*************************************** */
.elgg-photo {
	border: 1px solid #ccc;
	padding: 3px;
	background-color: white;
}

/* ***************************************
	Tags
*************************************** */
.elgg-tags {
	font-size: 85%;
}
.elgg-tags > li {
	float:left;
	margin-right: 5px;
}
.elgg-tags li.elgg-tag:after {
	content: ",";
}
.elgg-tags li.elgg-tag:last-child:after {
	content: "";
}
.elgg-tagcloud {
	text-align: justify;
}

/* ***************************************
	PAGE LAYOUT
*************************************** */
/***** DEFAULT LAYOUT ******/
.elgg-page-default {
	min-width: 998px;
}
.elgg-page-default .elgg-page-header > .elgg-inner {
	min-width: 990px;
	max-width: 80%;
	margin: 0 auto;
}
.elgg-page-default .elgg-page-body > .elgg-inner {
	min-width: 990px;
	max-width: 80%;
	margin: 0 auto;
	position: relative;
}
.elgg-page-default .elgg-page-footer > .elgg-inner {
	min-width: 990px;
	max-width: 80%;
	margin: 0px auto 0px;
	padding: 5px;
}

/***** TOPBAR ******/
.elgg-page-topbar {
	background: #333333 url(https://groepen.pleio.nl/_graphics/toptoolbar_background.gif) repeat-x top left;
	border-bottom: 1px solid #000000;
	position: relative;
	height: 24px;
	z-index: 9000;
}
.elgg-page-topbar > .elgg-inner {
	margin: 0 auto;
	position: relative;
	min-width: 990px;
	max-width: 80%;
}

/***** PAGE MESSAGES ******/
.elgg-page-messages {
	min-width:990px;
	max-width:80%;
	margin:0 auto;
	position: relative;
}

/***** PAGE HEADER ******/
.elgg-page-header {
	position: relative;
}
.elgg-page-header > .elgg-inner {
	position: relative;
}

/***** PAGE BODY LAYOUT ******/
.elgg-layout {
	min-height: 400px;
}
.elgg-layout-one-sidebar {
	/*background: transparent url(https://groepen.pleio.nl/_graphics/sidebar_background.gif) repeat-y right top;*/
}
.elgg-layout-two-sidebar {
	/*background: transparent url(https://groepen.pleio.nl/_graphics/two_sidebar_background.gif) repeat-y right top;*/
}
.elgg-sidebar {
	position: relative;
	margin: 10px 0 0 10px;
	float: right;
	width: 210px;
	background: white;
	
	border: 1px solid #BDBDBD;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	
}
.elgg-sidebar-alt {
	position: relative;
	float: left;
	width: 160px;
	margin: 0 10px 0 0;
	background: #383838;
}

.elgg-sidebar > .elgg-owner-block > .elgg-head {
	padding: 0 10px 10px;
}

.elgg-main {
	position: relative;
	min-height: 500px;
	padding: 10px;
	background: white;
	margin: 10px 0;
	
	border: 1px solid #BDBDBD;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
.elgg-main > .elgg-head {
	background: transparent url(https://groepen.pleio.nl/mod/pleio_main_template/_graphics/header_gradient.png) repeat-x bottom;
	border-bottom: 1px solid #CCCCCC;
	margin: -10px -10px 10px -10px;
	padding: 4px 10px;
}

/***** PAGE FOOTER ******/
.elgg-page-footer {
	position: relative;
}
.elgg-page-footer {
	color: #999;
}
.elgg-page-footer a:hover {
	color: #666;
}/* ***************************************
	MISC
*************************************** */
#login-dropdown {
	
	display: inline-block;
	z-index: 100;
}

/* ***************************************
	AVATAR UPLOADING & CROPPING
*************************************** */

#current-user-avatar {
	border-right:1px solid #ccc;
}
#avatar-croppingtool {
	border-top: 1px solid #ccc;
}
#user-avatar-cropper {
	float: left;
}
#user-avatar-preview {
	float: left;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 100px;
}

/* ***************************************
	FRIENDS COLLECTIONS
*************************************** */

#friends_collections_accordian li {
	color: #666;
}
#friends_collections_accordian li h2 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: none repeat scroll 0 0 #4690D6;
	color: white;
	cursor: pointer;
	font-size: 1.2em;
	margin: 10px 0;
	padding: 4px 2px 4px 6px;
}
#friends_collections_accordian li h2:hover {
	background-color: #333;
}
#friends_collections_accordian .friends_collections_controls {
	float: right;
	font-size: 70%;
}
#friends_collections_accordian .friends-picker-main-wrapper {
	background: none repeat scroll 0 0 white;
	display: none;
	padding: 0;
}

.clearfloat { 
	clear: both;
}

.hidden {
	display: none;
}

.centered {
	margin: 0 auto;
}

.center {
	text-align: center;
}

.float {
	float: left;
}

.float-alt {
	float: right;
}

.link {
	cursor: pointer;
}

.elgg-discover .elgg-discoverable {
	display: none;
}

.elgg-discover:hover .elgg-discoverable {
	display: block;
}

.elgg-transition:hover {
	opacity: .7;
}

/* ***************************************
	BORDERS AND SEPARATORS
*************************************** */
.elgg-border-plain {
	border: 1px solid #eeeeee;
}
.elgg-border-transition {
	border: 1px solid #eeeeee;
}
.elgg-divide-top {
	border-top: 1px solid #CCCCCC;
}
.elgg-divide-bottom {
	border-bottom: 1px solid #CCCCCC;
}
.elgg-divide-left {
	border-left: 1px solid #CCCCCC;
}
.elgg-divide-right {
	border-right: 1px solid #CCCCCC;
}

/* ***************************************
	Spacing (from OOCSS)
*************************************** */
/* Padding */
.pan{padding:0}
.prn, .phn{padding-right:0}
.pln, .phn{padding-left:0}
.ptn, .pvn{padding-top:0}
.pbn, .pvn{padding-bottom:0}

.pas{padding:5px}
.prs, .phs{padding-right:5px}
.pls, .phs{padding-left:5px}
.pts, .pvs{padding-top:5px}
.pbs, .pvs{padding-bottom:5px}

.pam{padding:10px}
.prm, .phm{padding-right:10px}
.plm, .phm{padding-left:10px}
.ptm, .pvm{padding-top:10px}
.pbm, .pvm{padding-bottom:10px}

.pal{padding:20px}
.prl, .phl{padding-right:20px}
.pll, .phl{padding-left:20px}
.ptl, .pvl{padding-top:20px}
.pbl, .pvl{padding-bottom:20px}

/* Margin */
.man{margin:0}
.mrn, .mhn{margin-right:0}
.mln, .mhn{margin-left:0}
.mtn, .mvn{margin-top:0}
.mbn, .mvn{margin-bottom:0}

.mas{margin:5px}
.mrs, .mhs{margin-right:5px}
.mls, .mhs{margin-left:5px}
.mts, .mvs{margin-top:5px}
.mbs, .mvs{margin-bottom:5px}

.mam{margin:10px}
.mrm, .mhm{margin-right:10px}
.mlm, .mhm{margin-left:10px}
.mtm, .mvm{margin-top:10px}
.mbm, .mvm{margin-bottom:10px}

.mal{margin:20px}
.mrl, .mhl{margin-right:20px}
.mll, .mhl{margin-left:20px}
.mtl, .mvl{margin-top:20px}
.mbl, .mvl{margin-bottom:20px}.language_selector {
	position: absolute;
	right: 6px;
    top: 5px;
	color: white;
}

.language_selector > a {
	color: white;
}/* ***************************************
	Profile
*************************************** */
.profile {
	float: left;
	margin-bottom: 15px;
}
.profile .elgg-inner {
	margin: 0 5px;
	border: 2px solid #eee;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#profile-details {
	padding: 15px;
}
/*** ownerblock ***/
#profile-owner-block {
	width: 200px;
	float: left;
	background-color: #eee;
	padding: 15px;
}
#profile-owner-block .large {
	margin-bottom: 10px;
}
#profile-owner-block a.elgg-button-action {
	margin-bottom: 4px;
	display: table;
}
.profile-content-menu a {
	display: block;
	
	background-color: white;
	padding: 2px 4px 2px 8px;
}
.profile-content-menu a:hover {
	background: #0054A7;
	color: white;
	text-decoration: none;
}
.profile-admin-menu {
	display: none;
}
.profile-admin-menu-wrapper a {
	display: block;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-admin-menu-wrapper {
	background-color: white;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.profile-admin-menu-wrapper li a {
	background-color: white;
	color: red;
	margin-bottom: 0;
}
.profile-admin-menu-wrapper a:hover {
	color: black;
}
/*** profile details ***/
#profile-details .odd {
	background-color: #f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
#profile-details .even {
	background-color:#f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
.profile-aboutme-title {
	background-color:#f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0;
	padding: 2px 4px;
}
.profile-aboutme-contents {
	padding: 2px 0 0 3px;
}
.profile-banned-user {
	border: 2px solid red;
	padding: 4px 8px;
	
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.groups-profile > .elgg-image {
	margin-right: 10px;
}
.groups-stats {
	background: #eeeeee;
	padding: 5px;
	margin-top: 10px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.groups-profile-fields .odd,
.groups-profile-fields .even {
	background: #f4f4f4;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	padding: 2px 4px;
	margin-bottom: 7px;
}

.groups-profile-fields .elgg-output {
	margin: 0;
}

#groups-tools > li {
	width: 48%;
	min-height: 200px;
	margin-bottom: 40px;
}

#groups-tools > li:nth-child(odd) {
	margin-right: 4%;
}

.groups-widget-viewall {
	float: right;
	font-size: 85%;
}

.groups-latest-reply {
	float: right;
}

.elgg-menu-groups-my-status li a {
	display: block;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.elgg-menu-groups-my-status li a:hover {
	background-color: #0054A7;
	color: white;
	text-decoration: none;
}
.elgg-menu-groups-my-status li.elgg-state-selected > a {
	background-color: #4690D6;
	color: white;
}

.elgg-module-tidypics-album,
.elgg-module-tidypics-image {
	width: 161px;
	text-align: left;
	margin: 5px 0;
}
.elgg-module-tidypics-image {
	margin: 5px auto;
}

.tidypics-gallery-widget > li {
	width: 69px;
}
.tidypics-photo-wrapper {
	position: relative;
}

.tidypics-heading {
	color: #0054A7;
}
.tidypics-heading:hover {
	color: #0054A7;
	text-decoration: none;
}

.tidypics-input-thin {
	width: 120px;
}

#tidypics-sort li {
	width:153px;
	height:153px;
	cursor: move;
}

.tidypics-river-list > li {
	display: inline-block;
}

.tidypics-photo-item + .tidypics-photo-item {
	margin-left: 7px;
}

.tidypics-gallery > li {
	padding: 0 9px;
}

.tidypics-album-nav {
	margin: 3px 0;
	text-align: center;
	color: #aaa;
}

.tidypics-album-nav > li {
	padding: 0 3px;
}

.tidypics-album-nav > li {
	vertical-align: top;
}

.tidypics-tagging-border1 {
	border: solid 2px white;
}

.tidypics-tagging-border1, .tidypics-tagging-border2,
.tidypics-tagging-border3, .tidypics-tagging-border4 {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.tidypics-tagging-handle {
	background-color: #fff;
	border: solid 1px #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.tidypics-tagging-outer {
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.tidypics-tagging-help {
	position: absolute;
	left: 35%;
	top: -40px;
	width: 450px;
	margin-left: -125px;
	text-align: left;
}

.tidypics-tagging-select {
	position: absolute;
	max-width: 200px;
	text-align: left;
}

.tidypics-tag-wrapper {
	display: none;
	position: absolute;
}

.tidypics-tag {
	border: 2px solid white;
	clear: both;
}

.tidypics-tag-label {
	float: left;
	margin-top: 5px;
	color: #666;
}

#tidypics-uploader {
	position:relative;
	width:540px;
	min-height:20px;
}

#uploader {
	text-shadow: none;
}

.tidypics-progressbar {
	height: 20px;
	border: 1px solid #CCC;
}
.ui-progressbar-value {
	height: 20px;
	background: green;
}
.tidypics-progressbar-counter {
	float: left;
	color: white;
	margin: 1px;
}
#translation_editor_language_table th,
#translation_editor_plugin_list th {
	font-weight: bold;
}

#translation_editor_language_table .translation_editor_flag,
#translation_editor_language_table .translation_editor_enable {
	width: 1%;
	text-align: center;
}

#translation_editor_plugin_list th,
#translation_editor_plugin_list td {
	text-align: center;
	white-space: nowrap;
}

#translation_editor_plugin_list .first_col {
	text-align: left;
	width: 100%;
}

#translation_editor_site_language {
	color: gray;
	margin-left: 10px;
}

#translation_editor_custom_keys_translation_info {
	color: gray;
}

.translation_editor_translation_complete {
	color: green;
}

.translation_editor_translation_needed {
	color: red;
}

.translation_editor_translation_table textarea {	
	height: 70px;
}

.view_mode_active {
	font-weight: bold;
} 

.translation_editor_translation_table tr{
	display: none;
}

.translation_editor_translation_table tr.first_row th{
	font-weight: bold;
}

.translation_editor_translation_table tr.first_row th span{
	font-weight: normal;
}

.translation_editor_translation_table tr.first_row,
.translation_editor_translation_table tr[rel='missing']{
	display: table-row;
	<!-- 
	display: inline-block;
	-->
}

.translation_editor_plugin_key {
	float: right;
	width: 16px;
	height: 16px;
	background: url(https://groepen.pleio.nl/mod/translation_editor/_graphics/key.gif) no-repeat;
}

.translation_editor_translation_table {
	margin-bottom: 20px;
}
	
.translation_editor_translation_table pre {
	white-space: normal;
	margin-bottom: 5px;
}

.translation_editor_translation_table td{
	white-space: nowrap;
}

.translation_editor_translation_table .first_col {
	width: 33px;
}

#translation_editor_search_form td {
	width: 100%;
	white-space: nowrap;
}

/* ***************************************
	Likes
*************************************** */
.elgg-likes {
	width: 345px;
	position: absolute;
}

.elgg-menu .elgg-menu-item-likes-count {
	margin-left: 3px;
}
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; background: white; border: 1px solid #CCCCCC; }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.ui-multiselect-checkboxes .ui-state-hover {
	background: #CCCCCC;
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
.custom_fields_more_info {
	width: 16px;
	height: 16px;
	margin: 0 2px 0 5px;
	display: inline-block;
	vertical-align: top;
	background: transparent url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) 0 -486px;
	cursor: pointer;
}
.custom_fields_more_info:hover {
	background-position: 0 -468px;
}

.custom_fields_more_info_text {
	display:none;
}

#custom_fields_more_info_tooltip {
	position:absolute;
	border:1px solid #333333;
	background:#e4ecf5;
	color:#333333;
	padding:5px;
	display:none;
	width: 250px;
	line-height: 1.2em;
	font-size: 90%;
	z-index:20000;
}
.elgg-page-body .elgg-inner .profile-manager-profile-completeness {
	margin-top: 10px;
}

.profile-manager-profile-completeness {
	text-align: center;
}

/* widgets */
#widget_profile_completeness_container {
	border: 1px solid #AAAAAA;
	position: relative;
}

#widget_profile_completeness_progress {
	position: absolute;
	line-height: 20px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

#widget_profile_completeness_progress_bar {
	background: #00FF00;
	height: 20px;
}

#custom_fields_userdetails.ui-accordion {
	margin-bottom: 10px;
}

#custom_fields_userdetails .ui-accordion-header {
	color: #666666;
	background: #EEEEEE;
	border: 2px solid #DEDEDE;
	cursor: pointer;
	margin-top: 5px;
	padding: 5px;
}

#custom_fields_userdetails .ui-accordion-content {
	border-style: solid;
	border-color: #DEDEDE;
	border-width: 0 2px 2px 2px;
	padding: 5px 5px 0px;
}

#custom_fields_userdetails .ui-accordion-header:hover {
	border-color: #CCCCCC;
}

#custom_fields_userdetails .ui-accordion-header .ui-icon {
	margin-top: 1px;
	background: url(https://groepen.pleio.nl/mod/profile_manager/graphics/accordion.png) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	float: left;
}

#custom_fields_userdetails .ui-accordion-header:hover .ui-icon{
	background-position: -32px 0;
}

#custom_fields_userdetails .ui-accordion-header.ui-state-active .ui-icon {
	background-position: 0 0;
}

/* non_editables */
.hidden_non_editable {
	display: none;
}

/* profile type */
.custom_profile_type_description {
	display: none;
}

.datepicker_hidden{
	display: none;
}

/* fix for max-height multi-select drop down*/
.ui-dropdownchecklist-dropcontainer {
	max-height: 150px;
}
/* end fix */

.profile_manager_profile_edit_tab_content,
li.custom_fields_edit_profile_category {
	display: none;
}

/* registration form */
.elgg-form-register {
	max-width: 100%;
}

.profile_manager_register_input_container {
	white-space:nowrap; /* required for outlining in IE7 */
}

.profile_manager_register_input_container > input {
	padding-right: 25px;
}

/* extra explicit for IE7 */
.elgg-icon.profile_manager_validate_icon {
	margin-left: -22px;
    margin-top: 8px;
    position: absolute;
    display: none;
}

.elgg-icon.profile_manager_validate_icon_loading {
	background-image: url(https://groepen.pleio.nl/mod/profile_manager/graphics/loading.gif);
	display: inline-block;
	
}
.elgg-icon.profile_manager_validate_icon_valid {
	background-position: 0 -126px;
	display: inline-block;
}

.elgg-icon.profile_manager_validate_icon_invalid {
	background-position: 0 -252px;
	display: inline-block;
}

/* register form */
.elgg-form-register .mandatory > label:after {
	content: "*";
}

/* registration field */
#profile_manager_register_left {
	float: left;
	width: 450px;
}

#profile_manager_register_right {
	float: right;
	width: 450px;
}

#profile_manager_register_right > fieldset {
	margin-top: 10px;
}

/* registration form mandatory fields */

.profile_manager_register_missing {
	border: 1px solid red !important;
}

/* Account Username Change */
.profile-manager-account-change-username.elgg-state-active {
	display: none;
}

#profile_manager_username {
	position: relative;
}

.elgg-icon-profile-manager-loading,
.elgg-icon-profile-manager-valid,
.elgg-icon-profile-manager-invalid {
	position: absolute;
	right: 5px;
	top: 8px;
	display: none;
}

.elgg-icon-profile-manager-loading {
	background-image: url(https://groepen.pleio.nl/mod/profile_manager/graphics/loading.gif);
}

.elgg-icon-profile-manager-valid {
	background-position: 0 -126px;
}

.elgg-icon-profile-manager-invalid {

	background-position: 0 -252px;
}

/* End Account Username Change */
#colorpicker_container {
	display: none;
	width: 100%;
}

#background_container {
	display: none;
}

#colorpicker_container label {
	text-align: center;
	display: block;
}

.farbtastic {
	margin: 0 auto;
}

a.thickbox {
	display: none;
}/* User support button */
#user-support-button {
	background: transparent url(https://groepen.pleio.nl/mod/user_support/_graphics/button_bg.png) top right repeat-y;
	border-color: #B6B6B6;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	
	font-size: 16px;
    font-weight: bold;
    position: fixed;
    padding: 4px 2px 4px 4px;
    line-height: 18px;
    text-align: left;
    width: 18px;
    z-index: 10000;
}

#user-support-button a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 16px;
	padding-bottom: 20px;
	text-align: center;
}

#user-support-button a:hover {
	color: #000;
}

.user-support-button-help-center {
	background: transparent url(https://groepen.pleio.nl/mod/user_support/_graphics/help_center/helpcenter16_gray.png) no-repeat scroll right bottom;
}

.user-support-button-help-center.elgg-state-active {
	background-image: url(https://groepen.pleio.nl/mod/user_support/_graphics/help_center/helpcenter16.png)
}

/* Help Center */
.user-support-help-center-popup {
	width: 650px;
	margin: 0px;
}

#user_support_help_center_help {
	max-height: 250px;
	overflow-x: hidden;
}
#account_removal_user_form select[name='user_options'] {
	margin: 10px 0px;
}

#account_removal_user_form .account_removal_form_label {
	font-weight: bold;
}/* Digest CSS */
.digest-settings-title-info {
	vertical-align: top;
}

/* End digest CSS */
#group_tools_group_membershipreq .search_listing:hover {
	border-color: #333333;
}

.group_tools_widget_group_members .usericon {
	float: left;
	margin: 0 5px 5px 0;
}

#group_tools_group_invite_users,
#group_tools_group_invite_email,
#group_tools_group_invite_csv {
	display: none;
	margin-bottom: 10px;
}

#group_tools_group_invite_users .group_tools_group_invite_autocomplete_result,
#group_tools_group_invite_email .group_tools_group_invite_autocomplete_email_result {
	border: 1px solid transparent;
}

#group_tools_group_invite_users .group_tools_group_invite_autocomplete_result img,
#group_tools_group_invite_email .group_tools_group_invite_autocomplete_email_result img {
	vertical-align: middle;
}

#group_tools_group_invite_users .group_tools_group_invite_autocomplete_result .elgg-icon,
#group_tools_group_invite_email .group_tools_group_invite_autocomplete_email_result .elgg-icon {
	vertical-align: text-top;
	margin-left: 10px;
	display: none;
	cursor: pointer;
}

#group_tools_group_invite_users .group_tools_group_invite_autocomplete_result:hover,
#group_tools_group_invite_email .group_tools_group_invite_autocomplete_email_result:hover {
	border-color: #cecece;
}

#group_tools_group_invite_users .group_tools_group_invite_autocomplete_result:hover .elgg-icon,
#group_tools_group_invite_email .group_tools_group_invite_autocomplete_email_result:hover .elgg-icon {
	display: inline-block;
}

#group_tools_group_invite_autocomplete_autocomplete_results,
#group_tools_group_invite_autocomplete_email_autocomplete_results {
	margin-top: 10px;
}

#group_tools_mail_member_options input[type=button] {
	margin-right: 5px;
}

#group_tools_mail_member_selection {
	display: none;
}

#group_tools_status_open {
	color: green;
}

#group_tools_status_closed {
	color: orange;
}

.group-tools-highlight {
	border: 1px solid red;
}

#friends_toggle {
	z-index: 1;
}

.group-tools-suggested-groups .elgg-item {
	width: 33%;
	text-align: center;
}

.group-tools-suggested-groups .elgg-item:hover {
	background: #EFEFEF;
}

.group-tools-suggested-groups .elgg-item h3 {
	padding-bottom: 5px;
}
.group-tools-suggested-groups .elgg-item > div {
	padding: 10px;
}

.elgg-icon-invisible-group {
	background: transparent url(https://groepen.pleio.nl/mod/group_tools/_graphics/invisible_group2.png) no-repeat left;
	vertical-align: top;
}

#group-tools-related-groups-form input.elgg-input-autocomplete {
	width: 80%;
}

.elgg-button-action.group-tools-button-right {
	background: #000;
	text-shadow: none;
	color: white;
	margin: 0;
	float: right;
}
/* Event global */
.event_manager_required {
	color: #AAAAAA;
}

/* Event Edit */
#event_manager_event_edit label{
	font-weight: normal;
	font-size: 100%;
}

#event_manager_event_edit > fieldset > table {
	width: 100%;
}

#event_manager_event_edit .event_manager_event_edit_label {
	max-width: 250px;
}

.event_manager_event_edit_date {
	width: 100px;
	height: 20px;
	padding: 0 5px;
}

#event_manager_event_edit > fieldset > table td {
	padding: 2px 0px;
}

/* Event listing  */
#event_manager_event_search_advanced_enable {
	float: right;
	font-size: 12px;
	font-weight: normal;
}

.event_manager_event_list_search_input
{
	width: 300px;
}
.event_manager_event_list_owner, .event_manager_event_view_owner
{
	color: #808080;
	font-size: 11px;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 2px;
}

.event_manager_event_list_actions {
	float: right;
	text-align: right;
}

.event_manager_event_list_icon {
	text-align: center;
	width: 40px;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
}

.event_manager_event_list_icon_day {
	font-size: 15px;
    font-weight: bold;
    line-height: 23px;
    background: #FFFFFF;
    border-bottom: 1px solid #4690D6;
    border-left: 1px solid #4690D6;
    border-right: 1px solid #4690D6;
    
}
.event_manager_event_list_icon_month {
	background: #4690D6;
	color: #FFFFFF;
	font-size: 11px;
    line-height: 11px;
    padding: 2px;
    border: 1px solid #4690D6;
}

.event_manager_event_list_count
{
	color: #666666;
    font-weight: bold;
    margin: 0 0 5px 4px;
}

#event_manager_event_listing div.pagination {
	margin: 0;
}

#event_manager_event_listing .elgg-list {
	border-top: none;
}

#event_manager_result_refreshing {
	display: none;
	float: right;
	color: #AAAAAA;
}

#event_manager_event_list_search_more {
	border: 1px solid #CCCCCC;
    cursor: pointer;
    line-height: 31px;
    padding: 5px;
    text-align: center;
    width: auto;
    
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#event_manager_event_list_search_more:hover {
	border-color: #4690D6;
}

/* Event Search */
#event_manager_search_form label {
	font-weight: normal;
	font-size: 100%;
}

#past_events {
	display: inline-block;
}

#event_manager_event_search_advanced_container .elgg-input-dropdown {
	width: 100px;
}

#event_manager_event_search_advanced_container .elgg-input-date {
	width: 100px;
}

/* Event view */

.event_manager_event_view_image {
	float: right;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.event-manager-event-view-attendees .elgg-avatar {
	float: left;
	margin-right: 5px;
}

.event-manager-event-view-search-attendees .elgg-icon {
	vertical-align: top;
}

.event-manager-event-view-search-attendees .elgg-input-text {
	height: 16px;
	padding: 0 5px;
	width: 150px;
}

.event-manager-event-details label {
	white-space: nowrap;
	padding-right: 20px;
	font-size: 100%;
}

.event-manager-event-details .elgg-output {
	margin: 0px;
}

/* Event tool links */

.event_manager_event_actions {
	background: url(https://groepen.pleio.nl/mod/event_manager/_graphics/arrows_down.png) right center no-repeat;
	padding-right: 15px;
	cursor: pointer;
	font-weight: bold;
}

.event_manager_event_actions_drop_down {
    background: #FFFFFF;
    padding: 5px 2px 5px 0;
    position: absolute;
    white-space: nowrap;
    border-color: #CCCCCC;
    border-style: solid;
	z-index: 10;
    border-width: 1px 1px 1px 1px;
    list-style-type: none;
    display: none;
}

.event_manager_event_actions_drop_down li {
	padding: 0 18px 0 10px;
	line-height: 18px;
}

/* Event Program Edit */
#event_manager_program_edit {
	float: right;
	font-size: 12px;
	font-weight: normal;
}

/* Event Program Day */

#event-manager-program-day-lightbox {
	width: 300px;
	height: 230px;
	margin-bottom: 0px;
}

#event-manager-program-day-lightbox .datepick-popup {
	z-index: 20000;
}

.event_manager_program_day_details{
	margin: 0 0 2px 21px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #CCCCCC;
}

.event_manager_program_day > table {
	margin-bottom: 5px;
}

.event_manager_program_day {
	display: none;
}

/* Event Program Slot */
#event-manager-program-slot-lightbox {
	width: 600px;
	height: 500px;
	overflow: auto;
}

#event_manager_form_program_slot label {
	white-space: nowrap;
	padding-right: 10px;
}

#event-manager-new-slot-set-name {
	width: 150px;
	margin-right: 10px;
}

.event-manager-program-slot-set {
	padding: 2px 4px;
	color: white;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.event_manager_program_slot_time {
	padding: 0px 5px;
	white-space: nowrap;
	font-weight: bold;
}

.event_manager_program_slot_attending {
	width: 20px;
}

.event_manager_program_slot_attending_user,
.event_manager_program_slot_attending_user_pdf {
	width: 16px;
	height: 16px ;
	background: url(https://groepen.pleio.nl/mod/event_manager/_graphics/vink.png) right top no-repeat;
}

.event_manager_program_slot_attending_user_pdf {
	width: 16px;
	height: 16px ;
	background: url(https://groepen.pleio.nl/mod/event_manager/_graphics/icons/check.jpg) right top no-repeat;
}

.event_manager_program_slot_description{
	word-wrap: break-word;
	width: 500px;
}

.event_manager_program_slot_add {
	margin-left: 21px;
}

/* Select relation links */

.event_manager_event_select_relationship li:hover {
	background: url(https://groepen.pleio.nl/mod/event_manager/_graphics/vink.png) right top no-repeat;
}

.event_manager_event_select_relationship li.selected {
	background: url(https://groepen.pleio.nl/mod/event_manager/_graphics/vink.png) right bottom no-repeat;
}

/* Registration */
.event_manager_registration_icon {
	width: 40px;
	height: 40px;
}
.event_manager_registration_info {
	float: left;
}
.event_manager_registration_links {
	float: right;
}

/* Editable fields */
.changeSlotFieldText,
.changeSlotFieldLongText,
.changeSlotFieldInteger {
	margin-left: 20px;
	font-weight: normal;
	display: block;
	height: 16px;
	background-color: #ffffff;
	width: 350px;
	word-wrap: break-word;
}

.changeSlotFieldText,
.changeDayFieldText,
.changeSlotFieldLongText,
.changeSlotFieldInteger {
	cursor: url(https://groepen.pleio.nl/mod/event_manager/_graphics/icons/edit_cursor2.png), auto ;
}

.slotFieldTextarea {
	width: 320px;
	height: 200px;
}

/* river events */
.river_object_event_event_relationship {
	background: url("https://groepen.pleio.nl/mod/event_manager/_graphics/icons/river_icon_event.gif") no-repeat scroll left -1px transparent;
}

/* google maps */
.gmaps_infowindow,
.gmaps_infowindow_text div.event_manager_event_view_owner {
	font-size: 11px;
}

.gmaps_infowindow_text {
	float: left;
	width: 250px;
}

.gmaps_infowindow_icon {
	float: right;
	height: 100px;
	width: 100px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

#event_manager_onthemap_canvas {
	height: 650px;
	margin-bottom: 20px;
}

#event_manager_onthemap_legend {
	padding: 5px 0px;
	text-align: center;
	height: 32px;
}

#event_manager_onthemap_legend img {
	vertical-align: middle;
}

#event_manager_registrationform_lightbox {
	width: 400px;
	height: 200px;
}

#event_manager_registration_form_fields ul,
#event_manager_registrationform_fields {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#event_manager_registration_form_fields ul li,
#event_manager_registrationform_fields li {
	margin-bottom: 10px;
}

#event_manager_registrationform_fields li {
	background: #FFFFFF;
}

.addthisevent {
	display: none;
}

.addthisevent_dropdown {
	display: none;
	right: 0px;
	left: inherit !important;
	position: absolute;
	padding: 10px 0;
	background: white;
	border: 1px solid #CCC;
}

.addthisevent_dropdown span {
	display: block;
	white-space: nowrap;
	color: #4690D6;
	padding: 5px 15px;
}

.addthisevent_dropdown span:hover {
	color: white;
	background: #4690D6;
	cursor: pointer;
}#advanced-comments-more {
	border: 1px solid #CCCCCC;
	color: #4690D6;
	text-align: center;
	font-weight: bold;
	height: 20px;
	padding: 10px;
}

#advanced-comments-more:hover {
	cursor: pointer;
	border-color: #B6B6B6;
}

#advanced-comments-more .elgg-ajax-loader {
	margin-top: -6px;
}

.advanced-comments-more-list {
	border-top: none;
}.elgg-icon-bookmark {
	background: transparent url(https://groepen.pleio.nl/mod/bookmarks/graphics/bookmark.gif);
}
#dashboard-info {
	border: 2px solid #dedede;
	margin-bottom: 15px;
}
.embed-wrapper {
	width: 730px;
	min-height: 400px;
	margin: 20px 15px;
}
.embed-wrapper h2 {
	color: #333333;
	margin-bottom: 10px;
}
.embed-wrapper .elgg-item {
	cursor: pointer;
}

/* ***************************************
	EMBED TABBED PAGE NAVIGATION
*************************************** */
.embed-wrapper .elgg-tabs a:hover {
	color: #666;
}

.embed-wrapper p {
	color: #333;
}
.embed-item {
	padding-left: 5px;
	padding-right: 5px;
}
.embed-item:hover {
	background-color: #eee;
}
.file-photo {
	text-align: center;
	margin-bottom: 15px;
}
.file-gallery-item {
	text-align: center;
	width: 165px;
}
.friend-request-new {
	color: white;
	background-color: red;
	
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	
	position: absolute;
	text-align: center;
	top: 0px;
	left: 28px;
	min-width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
}.elgg-menu-site .elgg-child-menu {

    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;

    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);

	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;

	min-width: 100%;
    left: -1px;
    position: absolute;
}
.elgg-menu-site .elgg-child-menu a {
 	background-color: white;
    color: #555555;
    font-weight: bold;
    height: 20px;
    padding: 3px 13px 0;
    white-space: nowrap;
}

.elgg-menu-site .elgg-child-menu > li:last-child > a {
    -webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.elgg-menu-site .elgg-child-menu a:hover {
	text-decoration: none;
	background: #4690D6;
	color: white;
}

.elgg-menu-site .elgg-child-menu li .elgg-menu {
	display: none;
	border-top: 1px solid #999999;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0 ;
	border-radius: 0 4px 4px 0;
}

.elgg-menu-site .elgg-child-menu li .elgg-menu li a {
 	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0 ;
	border-radius: 0 4px 4px 0;
}

.elgg-menu-site .elgg-child-menu li:hover > ul.elgg-menu {
	display: block;
}

.elgg-menu-site .elgg-child-menu > li > .elgg-child-menu {
	position: absolute;
	top: 0px;
}

.menu_builder_add_link{
	text-align: center;
}

.elgg-menu-site > li.elgg-menu-item-menu-builder-add > a,
.elgg-menu-site > li.elgg-menu-item-menu-builder-edit-mode > a,
.elgg-menu-site > li.elgg-menu-item-menu-builder-switch-context > a,
.elgg-menu-site > li.elgg-menu-item-menu-builder-add:hover > a,
.elgg-menu-site > li.elgg-menu-item-menu-builder-edit-mode:hover > a,
.elgg-menu-site > li.elgg-menu-item-menu-builder-switch-context:hover > a {
	background: none;
	padding-left: 3px;
	padding-right: 3px;

	 -webkit-box-shadow: 0px 0px;
	-moz-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}

.menu-builder-edit-menu-item {
	display: none;
	vertical-align: top;
}

.elgg-menu-site li:hover > a > .menu-builder-edit-menu-item {
	display: inline-block;
	margin-left: 10px;
}

.menu-builder-context-logged-out li,
.menu-builder-context-logged-in-normal .menu-builder-access-0,
.menu-builder-access--5 {
	display: none;
}

.menu-builder-context-all li,
.menu-builder-context-logged-out .menu-builder-access-2,
.menu-builder-context-logged-out .menu-builder-access--5 {
	display: list-item;
}

.elgg-menu-item-menu-builder-switch-context,
.elgg-menu-item-menu-builder-add,
.elgg-menu-item-menu-builder-edit-mode {
	display: list-item !important;
}
.messages-container {
	min-height: 200px;
}
.message.unread a {
	color: #d40005;
}
.messages-buttonbank {
	text-align: right;
}
.messages-buttonbank input {
	margin-left: 10px;
}

/*** message metadata ***/
.messages-owner {
	float: left;
	width: 20%;
	margin-right: 2%;
}
.messages-subject {
	float: left;
	width: 55%;
	margin-right: 2%;
}
.messages-timestamp {
	float: left;
	width: 14%;
	margin-right: 2%;
}
.messages-delete {
	float: left;
	width: 5%;
}
/*** topbar icon ***/
.messages-new {
	color: white;
	background-color: red;
	
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	
	position: absolute;
	text-align: center;
	top: 0px;
	left: 26px;
	min-width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
}

#notificationstable td.namefield {
	width:250px;
	text-align: left;
	vertical-align: middle;
}
#notificationstable td.namefield p {
	margin:0;
	vertical-align: middle;
	line-height: 1.1em;
	padding:5px 0 5px 0;
}
#notificationstable td.namefield p.namefieldlink {
	margin:5px 0 0 0;
}
#notificationstable td.namefield a img {
	float:left;
	width:25px;
	height:25px; 
	margin:5px 10px 5px 5px;
}
#notificationstable td.emailtogglefield,
#notificationstable td.smstogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.spacercolumn {
	width:30px;
}
#notificationstable td {
	border-bottom: 1px solid silver;
}
#notificationstable td.emailtogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.emailtogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.sitetogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.sitetogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.sitetogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.emailtogglefield a.emailtoggleOff {
	background: url(https://groepen.pleio.nl/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right 2px;
}
#notificationstable td.emailtogglefield a.emailtoggleOn {
	background: url(https://groepen.pleio.nl/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right -36px;
}
#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(https://groepen.pleio.nl/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(https://groepen.pleio.nl/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right -37px;
}
.notification_friends,
.notification_personal,
.notifications_per_user {
	margin-bottom: 25px;
}




.pages-nav.treeview ul {
	background-color: transparent;
}

.pages-nav.treeview a.selected {
	color: #555555;
}

.pages-nav.treeview .hover {
	color: #0054a7;
}.poll_post h3 {
	font-size: 150%;
	margin:0 0 10px 0;
	padding:0;
}

.poll_post h3 a {
	text-decoration: none;
}

.poll_post p {
	margin: 0 0 5px 0;
}
.poll_post .strapline {
	margin: 0 0 0 35px;
	padding:0;
	color: #aaa;
	line-height:1em;
}
.poll_post p.tags {
	background:transparent url(https://groepen.pleio.nl/_graphics/icon_tag.gif) no-repeat scroll left 2px;
	margin:0 0 7px 35px;
	padding:0pt 0pt 0pt 16px;
	min-height:22px;
}

.input-poll-choice {
	width: 90%;
}

.progress_indicator {
	width: 200px;
	padding: 5px;
}
	
.progressBarContainer {
	height:12px;
	width:100%;
	border: 1px #00B0E4 solid;
	padding: 0;
	margin: 0;
}

.progressBarContainer img {
	height: 12px;
	vertical-align: top;
}

.polls-filled-bar {
	background-color: #00B0E4;
	height: 12px;
}

.poll-widget-title {
	margin-bottom: 10px;
}

.polls-group-widget-box {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 10px;
}
/* Reported Content */
.elgg-icon-report-this {
	background: url(https://groepen.pleio.nl/mod/reportedcontent/graphics/icon_reportthis.gif) no-repeat left top;
}

/**********************************
Search plugin
***********************************/
.elgg-search-header {
	bottom: 5px;
	height: 23px;
	position: absolute;
	right: 0;
}
.elgg-search input[type=text] {
	width: 230px;
}
.elgg-search input[type=submit] {
	display: none;
}
.elgg-search input[type=text] {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	border: 1px solid #71b9f7;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px 2px 26px;
	background: transparent url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 2px -934px;
}
.elgg-search input[type=text]:focus, .elgg-search input[type=text]:active {
	background-color: white;
	background-position: 2px -916px;
	border: 1px solid white;
	color: #0054A7;
}

.search-list li {
	padding: 5px 0 0;
}
.search-heading-category {
	margin-top: 20px;
	color: #666666;
}

.search-highlight {
	background-color: #bbdaf7;
}
.search-highlight-color1 {
	background-color: #bbdaf7;
}
.search-highlight-color2 {
	background-color: #A0FFFF;
}
.search-highlight-color3 {
	background-color: #FDFFC3;
}
.search-highlight-color4 {
	background-color: #ccc;
}
.search-highlight-color5 {
	background-color: #4690d6;
}
.search-advanced-type-selection {
	display: inline-block;
	position: relative;
}

.search-advanced-type-selection-dropdown {
	display: none;
	position: absolute;
	top: 18px;
	right: -4px;
	background: white;
	border: 1px solid #71B9F7;
	padding: 10px 20px 10px 10px;
	z-index: 10;
	
	text-align: right;
	
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	
}

.search-advanced-type-selection > li {
	display: inline;
	position: relative;
	height: 20px;
}

.search-advanced-type-selection > li > a {
	padding: 0 5px;
	margin-right: -4px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	background: #71B9F7;
	
	color: white;
	font-weight: bold;
}

.search-advanced-type-selection > li > a:after {
	content: "\25BC";
	padding: 0 0 0 2px;
}

.search-advanced-type-selection > li > a:hover {
	text-decoration: none;
}

.search-advanced-type-selection a {
	color: #333;
	cursor: pointer;
	
}
.search-advanced-type-selection-dropdown a {
	padding: 5px;
	white-space: nowrap;
	display: inline-block;
	width: 100%;
}

.search-advanced-type-selection-dropdown a:hover {
	background: #4690D6;
	color: white;
	text-decoration: none;
}

form.elgg-search {
	border: 1px solid #71B9F7;
	height: 19px;
}

.elgg-search input[type="text"].search-input {
	background-position: 210px -934px;
	padding: 0px 26px 0px 4px;
	height: 19px;
	border: none;
	border-left: 1px solid #71B9F7;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: relative;
	vertical-align: top;
}	.static-thumbnail-large img {
		width: auto;
		height: auto;
		max-width: 200px;
		max-height: 200px;
	}
	.elgg-menu-page-static .elgg-state-selected > .elgg-child-menu {
	display: block;
}

.elgg-menu-page-static .elgg-menu-opened:before {
	content: "▾";
}

.elgg-menu-page-static .elgg-menu-closed:before {
	content: "▸";
}
/********************************
The Wire
*********************************/
#thewire-textarea {
	height: 40px;
	padding: 6px;
}
#thewire-characters-remaining {
	text-align: right;
	float: right;
	font-weight: bold;
	color: #333333;
}
.thewire-characters-remaining {
	color:#333333;
	border:none;
	font-size: 100%;
	font-weight: bold;
	padding:0 2px 0 0;
	margin:0;
	text-align: right;
	background: white;
}
.thewire-characters-remaining-warning {
	color: #D40D12 !important;
}
.thewire-parent {
	margin-left: 40px;
}
.elgg-river-layout .elgg-form-thewire-add .elgg-input-access {
	float: none;
}

.thewire-tools-widget-access {
	max-width: 200px;
}/* TinyMCE */
.elgg-page .mceEditor table.mceLayout {
	border: 1px solid #CCC;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.elgg-page table.mceLayout tr.mceFirst td.mceToolbar,
.elgg-page table.mceLayout tr.mceLast td.mceStatusbar {
	border-width: 0px;
}
.mceButton {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mceLast .mceStatusbar {
	padding-left: 5px;
}

.image_slider_settings > div {
	display: none;
}

.image_slider_settings > label {
	cursor: pointer;
}

.widgets_image_slider {
	width: 100%; /* important to be same as image width */
	position: relative; /* important */
	overflow: hidden; /* important */
	float: left;
}

.widgets_image_slider_content {
	width: 100%; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	list-style-image: none !important;
}

.widgets_image_slider_image {
	float: left;
	position: relative;
	display: none;
	width: 100%;
}

.widgets_image_slider_image span {
	position: absolute;
	width: 100%;
	
	filter: alpha(opacity = 80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #fff;
	display: none;
}

.widgets_image_slider_image span div {
	padding: 10px 13px;
}

.widgets_image_slider_image span strong {
	font-size: 14px;
}

.widgets_image_slider_content .top {
	top: 0;
	left: 0;
}

.widgets_image_slider_content .bottom {
	bottom: 0;
	left: 0;
}

.widgets_image_slider_content .left {
	top: 0;
	left: 0;
	width: 180px !important;
}

.widgets_image_slider_content .right {
	right: 0;
	bottom: 0;
	width: 180px !important;
}.widgets_rss_feed_item {
	margin-bottom: 5px;
}

.widgets_rss_feed_timestamp {
	color: #AAAAAA;
}

.widgets_rss_feed_timestamp:hover {
	cursor: help;
}

.widgets_rss_feed_item_image {
	float: right;
	max-height: 60px;
	max-width: 60px;
	border: 1px solid #AAAAAA;
	padding: 3px;
	margin: 2px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;	
}/* lightbox */
#widget_manager_widgets_select {
	margin: 0;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_wrapper {
	margin-bottom: 5px;
	border: 1px solid transparent;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_wrapper:hover {
	border: 1px solid #CCCCCC;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_actions {
	float: right;
	padding: 6px;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_actions li {
	list-style: none;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_actions li.elgg-state-available span,
#widget_manager_widgets_select .widget_manager_widgets_lightbox_actions li.elgg-state-unavailable input {
	display: none;
}

#widget_manager_widgets_select .widget_manager_widgets_lightbox_actions .submit_button {
	margin: 5px 0;
}

#widget_manager_widgets_search {
	float: right;
    margin-top: -2px;
}

#widget_manager_widgets_search input {
	padding: 0;
	margin: 0;
	font-size: 100%;
	height: 100%;
}

.elgg-module-widget a.widget-manager-widget-title-link {
	width: auto;
}

.widget_manager_hide_header_admin > .elgg-head {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.widget_manager_hide_header > .elgg-head {
	display: none;
}

.elgg-module-widget.widget_manager_disable_widget_content_style > .elgg-body,
.widget_manager_hide_header > .elgg-body {
	border-top: 0px;
}

.elgg-module-widget.widget_manager_disable_widget_content_style {
	background: none;
	padding: 0px;
}

.elgg-module-widget.widget_manager_disable_widget_content_style .elgg-widget-content {
	padding: 0px;
}

.elgg-module-widget.widget_manager_disable_widget_content_style > .elgg-head {
	border: 2px solid #DEDEDE;
}

.elgg-menu-widget .elgg-menu-item-fix {
	right: 45px;
}

.elgg-icon-widget-manager-push-pin {
	background: url("https://groepen.pleio.nl/_graphics/elgg_sprites.png") no-repeat scroll 0px -738px transparent;
}

.widget-manager-fix.fixed > .elgg-icon-widget-manager-push-pin {
	background-position: 0px -720px;
}

#widget-manager-multi-dashboard {
	background: #CCC;
}

#widget-manager-multi-dashboard-tabs {
	position: absolute;
	top: 20px;
}

.widget-manager-multi-dashboard-tabs-edit {
	display: none;
	vertical-align: middle;
}

.widget-manager-multi-dashboard-tab:hover > a {
	padding-right: 5px;
}

.widget-manager-multi-dashboard-tab:hover .widget-manager-multi-dashboard-tabs-edit {
	display: inline-block;
	margin-left: 5px;
}

#widget-manager-multi-dashboard-tabs .widget-manager-multi-dashboard-tab-active {
	border-color: #666666;
}
#widget-manager-multi-dashboard-tabs .widget-manager-multi-dashboard-tab-hover {
	border-color: #333333;
}

.widget-manager-groups-widgets-top-row {
	width: 100%;
	min-height: 0px !important;
}

.widget-manager-groups-widgets-top-row-highlight {
	min-height: 50px !important;
}
.mce-panel { clear: both; }

.videolist-watch {
	margin-top: 40px;
	margin-left: 20px;
}

#videolist-metadata > div {
	margin-bottom: 15px;
}/* AddThis */
.addthis_toolbox {
	height: 20px;
}#pages-tools-export-form {
	width: 250px;
	height: 150px;
}

#pages-tools-navigation {
	overflow-x: auto;
}

#pages-tools-navigation .pages-tools-wrap {
	white-space: normal;
}

.pages-tools-unpublished {
	color: red;
}#entity-tools-listing-table .elgg-input-datetime,
#entity-tools-listing-table .elgg-input-dropdown {
	width: 140px;
	white-space: nowrap;
}

#entity-tools-listing-table td:first-child {
	width: 100%;
}.ui-stars-star,
.ui-stars-cancel {
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.ui-stars-star a,
.ui-stars-cancel a {
	width: 16px;
	height: 15px;
	display: block;
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat left;
}
.ui-stars-star a {
	background-position: 0 -1188px;
}
.ui-stars-star-on a {
	background-position: 0 -1206px;
}
.ui-stars-star-hover a {
	background-position: 0 -1152px;
}
.ui-stars-cancel a {
	background-position: 0 -270px;
}
.ui-stars-cancel-hover a {
	background-position: 0 -252px;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
	cursor: default !important;
}

.fivestar-messages {
	margin-left: 1em;
	float: left;
	line-height: 15px;
	color: #fd1c24
}

.fivestar-form {
	width: 200px;
}
.elgg-menu-entity .elgg-menu-item-view-counter .elgg-icon-eye {
	vertical-align: top;
}

.tasks-nav.treeview ul {
	background-color: transparent;
}

.tasks-nav.treeview a.selected {
	color: #555555;
}

.tasks-nav.treeview .hover {
	color: #0054a7;
}
.elgg-form-newsletter-edit-template .elgg-input-radios label {
	font-size: 100%;
	font-weight: normal;
}

#newsletter-edit-template-select li:hover .elgg-requires-confirmation {
	display: inline;
}

#newsletter-edit-template-select .elgg-icon-delete-alt {
	position: absolute;
}

.elgg-form-newsletter-edit-content .elgg-input-longtext {
	min-height: 500px;
}

.elgg-form-newsletter-edit-content .elgg-menu-longtext {
	float: none;
	text-align: right;
}

.elgg-form-newsletter-edit-schedule .elgg-input-date {
	width: 100px;
	text-align: center;
	height: 22px;
	padding: 0px;
}

#newsletter-recipients-wrapper .elgg-icon-delete-alt {
	display: none;
}

#newsletter-recipients-wrapper .newsletter-recipient-result {
	border: 1px solid transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#newsletter-recipients-wrapper .newsletter-recipient-result:hover {
	border-color: #4690D6;
	background: #E4ECF5;
}

#newsletter-recipients-wrapper .newsletter-recipient-result:hover .elgg-icon-delete-alt {
	display: inline-block;
}

.elgg-module-newsletter-recipients-wrapper {
	margin-bottom: 0px;
}

.elgg-module-newsletter-recipients {
	margin: 10px 0;
}

.elgg-module-newsletter-recipients-wrapper .elgg-icon-delete-alt {
	cursor: pointer;
}

.newsletter-recipient-autocomplete-group span,
.newsletter-recipient-autocomplete-email span {
	color: black;
}

#newsletter-recipients-users > .elgg-body,
#newsletter-recipients-groups > .elgg-body,
#newsletter-recipients-emails > .elgg-body {
	padding-left: 5px;
	border-left: 1px solid #CCCCCC;
}

#newsletter-settings-form .newsletter-settings-small {
	width: 25px;
	text-align: center;
}

.newsletter-input-error {
	border: 1px solid red;
}

#newsletter-embed-list {
	width: 700px;
}

#newsletter-embed-list > li {
	padding: 5px;
	border: 1px solid transparent;
	cursor: pointer;
	
	white-space: nowrap;
	overflow: hidden;
	color: #999;
}

#newsletter-embed-list > li > div > strong {
	color: black;
}

#newsletter-embed-list li:hover {
	border-color: #CCC;
}

.newsletter-embed-item-content {
	display: none;
}

#newsletter-embed-search {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#newsletter-embed-search .elgg-input-text {
	width: 400px;
	margin-right: 10px;
}

#newsletter-embed-search .elgg-button-action {
	padding: 5px 15px;
}

.newsletter-placeholders li {
	display: inline-block;
	padding-right: 5px;
	cursor: help;
}

/* Begin of Questions plugin */

.questions-checkmark {
	width: 40px;
	height: 40px;
	background:transparent url(https://groepen.pleio.nl/mod/questions/_graphics/checkmark.png) no-repeat;
}

.question-solution-time {
	border: 1px solid #CCC;
	padding: 0 5px;
	
	font-size: 80%;
	color: #CCC;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.question-solution-time-due {
	border-color: orange;
	color: orange;
}

.question-solution-time-late {
	border-color: red;
	color: red;
}

.question-listing-checkmark {
	background-position: 0 -126px;
}

span.question-workflow-status {
	color: green;
	font-weight: normal;
	font-size: 2em;
	padding-right: 5px;
	vertical-align: sub;
}

span.question-workflow-status.check {
	color: black;
}

span.question-workflow-status.late {
	color:red;
}

div.question-workflow-switch {
	float:right;
}

div.question-workflow-overview-full {
	border-bottom:1px solid #cccccc;
	height:20px;
	padding-bottom:10px;
}

div.question-workflow-overview-full .overview-state {
	float:left;
	padding-right:40px;
}

div.question-workflow-overview-full .overview-element {
	float:left;
	padding-right:60px;
}

div.question-workflow-overview-right .header {
	font-weight:bold;
}

div.question-workflow-overview-left {
	float:left;
}

div.question-workflow-overview-right {
	float:right;
}

div.question-workflow-overview-right .overview-element {
	float:left;
	width: 100px;	
	padding-left: 10px;
	padding-right: 10px;		
}

div.question-workflow-list .elgg-content {
	width: 550px;
}

div.question-workflow-list .elgg-tags {
	width: 550px;
}

div.elgg-module.collapsable .elgg-head h3:before {
	content: "\25BA";
	font-size: smaller;
	margin-right: 4px;
}
div.elgg-module.collapsable.collapsed .elgg-head h3:before {
	content: "\25BC";
}

div.elgg-module.collapsable .elgg-list {
	display:none;
}

.elgg-menu-workflow-filter .elgg-menu-parent {
	font-weight: bold;
}

.elgg-menu-workflow-filter a {
	color: black;
}

.elgg-menu-item-workflow-filter {
	position: relative;
	float: left;
	border-bottom: 0px none;
	display: inline-block;
}

.elgg-menu-item-workflow-filter > ul {
	width: 180px;
	position: absolute;
	display: none;
	border: 1px solid #CCC;
	padding: 5px;
	z-index: 1;
	background: white;
}

.elgg-menu-item-workflow-filter:hover > ul {
	display: block;
}

.questions-widget-button {
	float: right;
	margin-left: 4px;
	margin-bottom: 5px;
}

/* End of Questions plugin */
#site-announcements-site .elgg-list,
#site-announcements-site .elgg-list > li {
	border: none;
}

#site-announcements-site .elgg-list > li {
	margin-bottom: 5px;
}

#site-announcements-site h3,
#site-announcements-site .elgg-subtext {
	display: none;
}

#site-announcements-site .elgg-item .elgg-content {
	margin: 5px;
}

#site-announcements-site .elgg-image-block .elgg-image {
	margin: 5px 0 0 5px;
}

#site-announcements-site .elgg-menu-entity {
	margin-right: 5px;
}#quicklinks-add-lightbox-wrapper {
	width: 500px;
	overflow: hidden;
}

.elgg-menu-quicklinks .elgg-discoverable {
	position: absolute;
	right: 5px;
}

.elgg-menu-quicklinks li {
	background: #FFF;
}

.elgg-widget-instance-quicklinks:hover .elgg-menu-quicklinks > li.hidden {
	display: block;
}

.elgg-menu-item-quicklinks.hidden,
.elgg-menu-item-quicklinks-remove.hidden {
	display: none;
}.elgg-menu-todos {
	display: none;
}

.todos-list-item > h3 {
	display: inline;
}

.todos-list-item:hover .elgg-menu-todos {
	display: inline-block;
}

.elgg-menu.elgg-menu-todos > li {
	margin-left: 5px;
}

.elgg-menu.elgg-menu-todos > li,
.elgg-menu.elgg-menu-todos > li > a {
	vertical-align: inherit;
}

.elgg-menu-todos a {
	color: #999;
}

.todos-list {
	border-top: none;
}

.todos-list,
.todos-list li {
	border: none;
}

.todos-list.todos-list-todoitem {
	padding-top: 1px;
	padding-bottom: 1px;
}

.todos-list > li > .elgg-image-block {
	padding: 0 0 5px 0;
}

.todos-list-item .elgg-image-block .elgg-body > a {
	color: inherit;
}

.todos-list-item-completed.elgg-image-block .elgg-body > a {
	color: #999;
}

#todos-todoitem-edit,
#todos-todoitem-attach {
	max-width: 330px;
}

.todos-item-comments {
	font-size: 0.9em;
    padding: 2px 8px;
	background: #71b9f7;
	color: #FFF;
	border-radius: 8px;
	white-space: nowrap;
}

.todos-item-info {
	font-size: 0.9em;
    padding: 2px 8px;
	background: #eee;
	color: #999;
	border-radius: 8px;
}

.todos-item-info a {
	color: #999;
}

.todos-item-overdue {
	color: red;
}

#todos-filters-toggle.elgg-state-active span {
	display: none;
}
#todos-filters-toggle.elgg-state-active .hidden {
	display: inline;
}

/**********************************
Search plugin
***********************************/
.elgg-search input[type=submit] {
    display: none;
}

.elgg-search input[type=text] {
    border: 1px solid #71b9f7;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px 2px 26px;
}

.elgg-search input[type=text]:focus, .elgg-search input[type=text]:active {
    background-color: white;
    background-position: 2px -916px;
    border: 1px solid white;
    color: #0054A7;
}

.search-list li {
    padding: 5px 0 0;
}
.search-heading-category {
    margin-top: 20px;
    color: #666666;
}

.search-highlight {
    background-color: #bbdaf7;
}
.search-highlight-color1 {
    background-color: #bbdaf7;
}
.search-highlight-color2 {
    background-color: #A0FFFF;
}
.search-highlight-color3 {
    background-color: #FDFFC3;
}
.search-highlight-color4 {
    background-color: #ccc;
}
.search-highlight-color5 {
    background-color: #4690d6;
}

/******************************
Search advanced plugin
*******************************/

.search-advanced-type-selection {
    display: inline-block;
    position: relative;
}

.search-advanced-type-selection-dropdown {
    display: none;
    position: absolute;
    top: 18px;
    right: -4px;
    background: white;
    border: 1px solid #71B9F7;
    padding: 10px 20px 10px 10px;
    z-index: 10;

    text-align: right;

    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}

.search-advanced-type-selection > li {
    display: inline;
    position: relative;
    height: 20px;
}

.search-advanced-type-selection > li > a {
    padding: 0 5px;
    margin-right: -4px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    background: #71B9F7;
    color: white;
    font-weight: bold;
}

.search-advanced-type-selection > li > a:after {
    content: "\25BC";
    padding: 0 0 0 2px;
}

.search-advanced-type-selection > li > a:hover {
    text-decoration: none;
}

.search-advanced-type-selection a {
    color: #333;
    cursor: pointer;
}

.search-advanced-type-selection-dropdown a {
    padding: 5px;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}

.search-advanced-type-selection-dropdown a:hover {
    background: #4690D6;
    color: white;
    text-decoration: none;
}

form.elgg-search {
    border: 1px solid #71B9F7;
    height: 19px;
}

.elgg-search input[type="text"].search-input {
    background-position: 210px -934px;
    padding: 0px 26px 0px 4px;
    height: 19px;
    border: none;
    border-left: 1px solid #71B9F7;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    vertical-align: top;
}#pleio-main-template-sidebar {
	position: relative;
	height: 100%;
	margin-right: 10px;
	float: left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: #383838 url(https://groepen.pleio.nl/mod/pleio_main_template/_graphics/sidebar_background.png) repeat-y right;
	z-index: 1;
	min-width: 128px;
}

#pleio-main-template-sidebar ul{
	border-bottom: 1px solid #585858;
}

#pleio-main-template-sidebar-top {
	bottom: 0;
	position: absolute;
	margin-bottom: 4px;
	width: 100%;
	display: none;
}

.elgg-menu-pleio-main-template-sidebar li {
	padding: 4px 0px;
	border-top: 1px solid #585858;
	border-bottom: 1px solid #252525;
}

.elgg-menu-pleio-main-template-sidebar li:hover,
.elgg-menu-pleio-main-template-sidebar li.elgg-state-selected {
	background: #008BCD url(https://groepen.pleio.nl/mod/pleio_main_template/_graphics/sidebar_background.png) repeat-y right;
	border-top: 1px solid #77C0E2;
}

.elgg-menu-pleio-main-template-sidebar .place_holder {
	height: 16px;
}

.elgg-menu-pleio-main-template-sidebar .place_holder:hover {
	background: #383838;
	border-top: 1px solid #585858;
}

.elgg-menu-pleio-main-template-sidebar li a {
	padding: 0px 5px 0px 24px;
	color: white;
	font-weight: bold;
	font-size: 12px;
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
}

.elgg-menu-pleio-main-template-sidebar li a:hover {
	text-decoration: none;
}

.elgg-menu-pleio-main-template-sidebar .elgg-child-menu {
	display: none;
}

.elgg-menu-pleio-main-template-sidebar > .elgg-menu-item-tools > ul,
.elgg-menu-pleio-main-template-sidebar > .elgg-menu-item-mine > ul {
	position: absolute;
	left: 100%;
	top: -1px;
	padding: -20px;
	background: #383838 url(https://groepen.pleio.nl/mod/pleio_main_template/_graphics/sidebar_background.png) repeat-y right;
}

.elgg-menu-pleio-main-template-sidebar > .elgg-menu-item-tools:hover > ul,
.elgg-menu-pleio-main-template-sidebar > .elgg-menu-item-mine:hover > ul {
	display: inline-block;
}

#pleio-main-template-sidebar.collapsed {
	min-width: 23px;
	width: 23px;
}

#pleio-main-template-sidebar.collapsed > ul > li > a {
	padding: 0 0 0 24px;
}

.elgg-menu-item-mine .elgg-child-menu a {
	padding-right: 23px;
}

.elgg-menu-item-mine .elgg-menu-item-personal-menu-add a {
	padding-right: 5px;
}

/* Menu Icons */

.elgg-menu-item-mine .elgg-icon-delete-alt {
	position: absolute;
    right: 3px;
    display: none;
}

.elgg-menu-item-mine .elgg-child-menu li:hover .elgg-icon-delete-alt {
    display: inline-block;
}

.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-toggle-sidebar > a {
	color: #666;
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -0px;
}
.collapsed .elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-toggle-sidebar > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -18px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-subsites > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -540px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-mine > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -1260px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-tools > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -1098px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-help > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -324px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-add > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -882px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-personal-menu-add > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -882px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-share > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -1026px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-learn > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -378px;	
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-groups > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -1494px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-settings > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -972px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-admin > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -990px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-dashboard > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -414px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-members > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -1458px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-backtotop > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -1422px;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-report-this > a {
	background: url(https://groepen.pleio.nl/mod/reportedcontent/graphics/icon_reportthis.gif) no-repeat 4px top;
}
.elgg-menu-pleio-main-template-sidebar li.elgg-menu-item-colofon > a {
	background: url(https://groepen.pleio.nl/_graphics/elgg_sprites.png) no-repeat 4px -486px;
}

/* End Menu Icons */

/* Dashboard Tabs */
.pleio-main-template-dashboard > .elgg-body{
	margin: 0;
	padding: 0;
	
	background: transparent;
	
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.pleio-main-template-dashboard > .elgg-body .elgg-widget-add-control {
	margin: 0px;
}

.pleio-main-template-dashboard > .elgg-body .elgg-widgets {
	margin-top: 10px;
}

.pleio-main-template-dashboard > .elgg-body #widget-manager-multi-dashboard-tabs {
	top: 0px;
	background: #383838;
}

.pleio-main-template-dashboard > .elgg-body #widgets-add-panel {
	padding: 2px 6px;
}

.pleio-main-template-dashboard > .elgg-body #widget-manager-multi-dashboard-tabs li {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
	border-width: 0 1px 0;
	margin-left: 0px;
}

.pleio-main-template-dashboard > #pleio-main-template-sidebar {
	margin-right: 0px;
}

.pleio-main-template-header-logged-out-spacer {
	height: 10px;
}

.pleio-main-template-header-logged-out {
	height: 10px;
	margin: 10px 0 0 0;
	background: #008BCD;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.pleio-main-template-header-account {
	position: absolute;
	top:20px;
	right:0;
}

.pleio-main-template-header-register {
	color: #666;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 6px;
}

.pleio-main-template-header-register:hover {
	text-decoration: none;
	color: #666;
}

#login-dropdown > .elgg-button-dropdown {
	color: #666;
	background: none;
	border: none;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#login-dropdown > .elgg-button-dropdown:after {
	content: none;
}

.pleio-main-template-header-subtitle {
	background: url("https://groepen.pleio.nl/mod/pleio_main_template/_graphics/elgg_sidebar_button_bg.png") repeat-x scroll 0 0 #CCCCCC;
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 0 white;
    
    margin: 10px 0;
    height: 32px;
    font-size: 24px;
    line-height: 31px;
    font-weight: bold;
}

.pleio-main-template-header-subtitle-actions > a {
	width: 50%;
	text-align: center;
	display: inline-block;
	float: left;
	height: 50px;
    font-size: 24px;
    line-height: 50px;
    
    color: white;
}

.pleio-main-template-header-subtitle-actions > a:hover {
	text-decoration: none;
}

.pleio-main-template-header-subtitle-actions .odd {
	background: #008BCD;
}

.pleio-main-template-header-subtitle-actions .even {
	background: #77C0E2;
}

.pleio-main-template-header-subtitle-actions > div {
 	background: url("/mod/pleio_main_template/_graphics/spacer.png") top center no-repeat transparent;
 	position: absolute;
 	left: 50%;
 	
 	width: 50px;
 	height: 50px;
 	
 	margin-left: -25px;
}
 
#index-pleio-widget-buttons a {
 	background: url("/mod/pleio_main_template/_graphics/index-pleio-widget.png") top center no-repeat transparent;
 	width: 200px;
 	height: 50px;
 	display: inline-block;
 	margin: 0 0 0 10px;
}
 
#index-pleio-widget-buttons .index-pleio-widget-button1 {
 	background-position: 0 0;
}
#index-pleio-widget-buttons .index-pleio-widget-button1:hover {
 	background-position: 0 -50px;
}
#index-pleio-widget-buttons .index-pleio-widget-button1:active {
 	background-position: 0 -100px;
}
 
#index-pleio-widget-buttons .index-pleio-widget-button2 {
 	background-position: -200px 0;
}
#index-pleio-widget-buttons .index-pleio-widget-button2:hover {
 	background-position: -200px -50px;
}
#index-pleio-widget-buttons .index-pleio-widget-button2:active {
 	background-position: -200px -100px;
}
 
#index-pleio-widget-buttons .index-pleio-widget-button3 {
 	background-position: -400px 0;
}
#index-pleio-widget-buttons .index-pleio-widget-button3:hover {
 	background-position: -400px -50px;
}
#index-pleio-widget-buttons .index-pleio-widget-button3:active {
 	background-position: -400px -100px;
}
 
 /* fixes topbar position */
 .elgg-page-topbar > .elgg-inner {
 	width: 80%;
 }.pleio-logo {
	font-size: 0em;
	color: white;
	text-decoration: none;
	background: transparent url('/mod/pleio/_graphics/logo-grey.svg');
	background-position: center; 
	background-repeat: no-repeat;
	height: 28px;
	width: 70px;
	display: block;
}

.elgg-page-topbar {
	background: white url('/mod/pleio/_graphics/topbar.png') repeat-x bottom left;
	border-bottom: 1px solid #BDBDBD;
	height: 28px;
	z-index: 2;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.elgg-page-topbar-container {
	width: 1010px;
	margin: 0 auto;
}

.elgg-page-topbar > .elgg-inner {
	padding: 0px;
	position: relative;
	width: 990px;
	margin: 0 auto;
}

.elgg-page-topbar > .elgg-inner > .elgg-search {
	position: absolute;
	top: 4px;
	left: 130px;
	border-color: #BDBDBD;
	
}

.elgg-page-topbar > .elgg-inner > .elgg-search input[type="text"] {
	color: grey;
	border-color: #BDBDBD;
}

.elgg-page-topbar .search-advanced-type-selection > li > a {
	background: #BDBDBD;
}

#pleio-login-dropdown {
	position: absolute;
    right: 0;
    top: 1px;
}

a.pleio-account-dropdown-button {
	padding: 0px 6px 0 0;
	border: 1px solid #CCC;
	background: white;
	color: #CCC;
	font-weight: bold;
	line-height: 23px;
	font-size: 14px;
	height: 25px;
}

a.pleio-account-dropdown-button:hover {
	background: #CCC;
	color: white;
	text-decoration: none;
}

a.pleio-account-dropdown-button:after {
    content: " ▼";
    font-size: smaller;
}

.pleio-account-dropdown-button .elgg-avatar {
	display: inline-block;
	width: 25px;
	vertical-align: middle;
	border-right: 1px solid #CCC;
	margin-right: 6px;
}

.pleio-account-dropdown {
	width: 350px;
	padding: 15px;
	z-index: 9001;
}

.pleio-account-dropdown .elgg-avatar {
	border: 1px solid #CCC;
	padding: 5px;
	float: left;
	margin-right: 10px;
}

.pleio-account-dropdown-user {
	border-bottom: 1px solid #CCC;
}

.pleio-account-dropdown-user > a {
	margin-left: 5px;
	line-height: 2em;
}

.pleio-account-dropdown-messages {
	color: #383838;
}.elgg-state-notice {
    background-color: #ff0000;
}