/* ***************************************
	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-color: white;
}
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:not(.item-boqx),
.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
*************************************** */
/***** RESPONSIVE LAYOUT ******/
.layouts.compact {font-size:80%;}
.layouts.normal  {font-size:100%;}
.layouts.expanded{font-size:120%;}

body {
	/*font-size: 80%;*/
	line-height: 1.4em;
        text-shadow:.5px .5px 0px #ffffff;
}

a {
	color: #333333;
}

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

p {
	margin-bottom: 15px;
}

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

pre, code {
	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 {
}

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

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	/*color: #000000;*/
}

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: 2em;
	line-height: 1.4em;
	text-decoration: none;
}

.elgg-heading-main {
	float: left;
	max-width: 530px;
	margin-right: 10px;
}
.elgg-heading-basic {
	color: #000000;
	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: #000000;
}

/* ***************************************
	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: normal;
	color: #333;
	font-size: 100%;
}

input, textarea {
	border: 1px solid #ccc;
	color: #666;
	padding: 0px;
	width: 100%;
	font: 100% Arial, Helvetica, sans-serif;
/*	font: 120% Arial, Helvetica, sans-serif;
 	padding: 5px;
	border-radius: 1px;
*/
	border-radius: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*//@EDIT - 2020-12-27 - SAJ - style described in framework.css
input[type=text]:focus, textarea:focus {
	border: solid 1px #333333;
	background: #e4ecf5;
	color:#333;
}*/

textarea {
	height: 50px;
	<!-- 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="tickboqx"],
input[type="radio"] {
	margin:0 3px 0 0;
	padding:0;
	border:none;
	width:auto;
    cursor:pointer;
    width: min-content;
}
input:disabled{
    cursor:default;
}
.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: 730px;
}
.friends-picker {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
	width: 730px;
	height: auto;
	background-color: #dedede;
	border-radius: 8px;
}
.friendspicker-savebuttons {
	background: white;
	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;
	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: #333333;
	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://qboqx.smarternetwork.com/_graphics/friendspicker.png") no-repeat left top;
}
.friends-picker-navigation-r {
	background: url("https://qboqx.smarternetwork.com/_graphics/friendspicker.png") no-repeat -60px top;
}
.friends-picker-navigation-l:hover {
	background: url("https://qboqx.smarternetwork.com/_graphics/friendspicker.png") no-repeat left -44px;
}
.friends-picker-navigation-r:hover {
	background: url("https://qboqx.smarternetwork.com/_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;
	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;
	border-radius: 5px;
}
.ui-autocomplete .ui-menu-item {
	padding: 0px 4px;
	border-radius: 5px;
}
.ui-autocomplete .ui-menu-item:hover {
	background-color: #eee;
}
.ui-autocomplete a:hover {
	text-decoration: none;
	color: #333333;
}

/* ***************************************
	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 #000000;
	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: #333333;
	color: white;
	padding: 2px 0;
	border-bottom: 1px solid #000000;
}
.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: #000000;
	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: #333333;;
	background: #fafafa;
}
.ui-datepicker-calendar .ui-state-hover {
	border: 1px solid #aaa;
	color: #000000;
	background: #eee;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-active.ui-state-hover {
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background: #E4ECF5;
}
input.hasDatepicker{
    position: relative;
    z-index: 600;                    /*forces .ui-datepicker to z-index: 601. allows it work in popup windows*/
}
input.datetime {text-align: end;}
/* <style> /**/
	
/* **************************
	BUTTONS
************************** */

/* Base */
.elgg-button {
	font-size: 14px;
	font-weight: bold;
	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-shadow: 1px 1px 0px black;
	text-decoration: none;
	border: 1px solid #333333;
	background: #333333 url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_graduation.png) repeat-x left 10px;
}

.elgg-button-submit:hover {
	border-color: #000000;
	text-decoration: none;
	color: white;
	background: #000000 url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_graduation.png) repeat-x left 10px;
}

.elgg-button-submit.elgg-state-disabled {
	background: #999;
	border-color: #999;
	cursor: default;
}
.elgg-button-submit-element {
	color: black;
	font-size: 10px;
	text-shadow: 0px 0px 0px black;
	text-decoration: none;
	padding: 0px 4px;
	border: 1px solid #333333;
	border-radius: 0px;
	background: none;
	width: 48px;
}
.elgg-button-submit-element:hover {
	border-color: #000000;
	text-decoration: none;
	color: white;
	background: #0054A7;
}

/* Cancel: This button should convey a negative but easily reversible action (e.g., turning off a plugin) */
.elgg-button-cancel {
	color: #333;
	background: #ddd url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_graduation.png) repeat-x left 10px;
	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://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_background.gif) repeat-x 0 0;
	border:1px solid #999;
	color: #333;
	padding: 0px 15px;
/*	padding: 2px 15px;*/
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	cursor: pointer;
	border-radius: 0px;
/*	border-radius: 5px;*/
	box-shadow: none;
}

.elgg-button-action:hover,
.elgg-button-action:focus {
	background: #ccc url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_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: #bbb;
	text-decoration: none;
	border: 1px solid #333;
	background: #555 url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/button_graduation.png) repeat-x left 10px;
	text-shadow: 1px 1px 0px black;
}
.elgg-button-delete:hover {
	color: #999;
	background-color: #333;
	background-position: left 10px;
	text-decoration: none;
}

.elgg-button-dropdown {
	padding:3px 6px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	position:relative;
	margin-left:0;
	color: white;
	border:1px solid #71B9F7;
	border-radius:4px;
	
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	
	/*background-image:url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_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:#71B9F7;
	text-decoration:none;
}

.elgg-button-dropdown.elgg-state-active {
	background: #ccc;
	outline: none;
	color: #333;
	border:1px solid #ccc;
	border-radius:4px 4px 0 0;
}
.developers-gear {
    position: fixed;
    z-index: 1000;
    bottom: inherit;
    right: 0;
    cursor: pointer;
    padding: 5px 8px;
    top: 40px;
    color: #F98D3F;
}
/* ***************************************
	ICONS
*************************************** */
/*
.elgg-icon {
	background: transparent url(https://qboqx.smarternetwork.com/vendor/elgg/elgg/_graphics/elgg_sprites_xxx.png) no-repeat left;
	width: 16px;
	height: 16px;
	margin: 0 2px;
}*/
.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-icon-unlink-hover,
.elgg-icon-unlink:hover,
:focus > .elgg-icon-unlink {
	background-position: 0 -1530px;
}
.elgg-icon-unlink {
	background-position: 0 -1549px;
}
.elgg-icon-docedit-hover,
.elgg-icon-docedit:hover,
:focus > .elgg-icon-docedit {
	background-position: 0 -1567px;
}
.elgg-icon-docedit {
	background-position: 0 -1585px;
}

.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://qboqx.smarternetwork.com/vendor/elgg/elgg/_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;
	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;
	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;
}
/* <style> /**/

/* ***************************************
	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 {
	border-radius: 4px;
	
	padding: 2px 6px;
	color: #cccccc;
	border: 1px solid #cccccc;
	font-size: 12px;
}
.elgg-pagination a:hover {
	background: #333333;
	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: 1px solid white;
	/*border: 2px solid #ccc;*/
	border-bottom: 0;
	background: #eee;
	/*margin: 0 0 0 10px;*/
	/*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: #333333;
}
.elgg-tabs .elgg-state-selected {
	/*border-color: #ccc;*/
	background: white;
}
.elgg-tabs .elgg-state-selected a {
	position: relative;
	top: 2px;
	background: #FCFCFC;
}
.elgg-tabs .quebx-task {
	border-radius: 0 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid white;
}
.elgg-vtabs li {
	float: none;
    border: 1px solid white;
	/*border: 2px solid #ccc;*/
	border-bottom: 0;
	background: none;
	/*background: #eee;*/
	/*margin: 0 0 0 10px;*/
	/*border-radius: 5px 5px 0 0;*/
}
.elgg-vtabs a {
	text-align: left;
}
.elgg-htabs a {
	text-align: center;
}
.elgg-htabs .elgg-state-selected {
	border-color: #ccc;
}
.elgg-vtabs .elgg-state-selected  a{
	background: #dedede;
}

/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-breadcrumbs {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;
	color: #bababa;
    width: 100%;
}
.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;
}
.elgg-breadcrumbs > li > a:hover {
	color: #888;
}

.elgg-main .elgg-breadcrumbs {
	position: relative;
	top: -6px;
	left: 0;
}

/* ***************************************
	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: #333333;
	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: 1000;
}

.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;
        z-index:1000;
}

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

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

.elgg-menu-site-more {
	position: relative;
	left: -1px;
	width: 100%;
	min-width: 150px;
	border-radius: 0 0 8px 8px;
        padding-bottom:2px;
}

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

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

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

.elgg-menu-site-more > li:last-child > a,
.elgg-menu-site-more > li:last-child > a:hover {
}

.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: table;
	width: 100%;
}
.elgg-menu-filter > li {
	float: left;
	border: 2px solid #ccc;
	border-bottom: 0;
	background: #eee;
	margin: 0 0 0 10px;
	border-radius: 5px 5px 0 0;
}
.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: #333333;
}
.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;
}

.elgg-menu-page a {
	display: block;
	border-radius: 0px;
	background-color: white;
	margin: 0 0 0px;
/*	margin: 0 0 3px;*/
	padding: 2px 4px 2px 8px;
	
	border-left: 3px solid #d7d8da;
}
.elgg-menu-page a:hover {
	background-color: #dedede;
/*	background-color: #000000;*/
	color: none;
/*	color: white;*/
	text-decoration: none;
	border-left: 3px solid #999;
}
.elgg-menu-page li.elgg-state-selected > a {
	background-color: #333333;
	color: white;
}
.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 li a {
	display: block;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.elgg-menu-owner-block li a:hover {
	background-color: #000000;
	color: white;
	text-decoration: none;
}
.elgg-menu-owner-block li.elgg-state-selected > a {
	background-color: #333333;
	color: white;
}

/* ***************************************
	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;}
/* need to override .elgg-menu-hz*/
.elgg-menu-river > li > a    {display: block;}
.elgg-menu-river > li > span {vertical-align: baseline;}
.elgg-menu-river > li.hidden {display:none;}

/* ***************************************
	SIDEBAR EXTRAS (rss, bookmark, etc)
*************************************** */
.elgg-menu-extras {
	margin-bottom: 15px;
}

/* ***************************************
	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 .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;
	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;
	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: #000000;
}

/* Dropdown */
.elgg-module-dropdown {
	background-color:white;
	border:5px solid #CCC;
	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 #333333;
	border-radius: 6px;
}
.elgg-module-featured > .elgg-head {
	padding: 5px;
	background-color: #333333;
}
.elgg-module-featured > .elgg-head * {
	color: white;
}
.elgg-module-featured > .elgg-body {
	padding: 10px;
}

/* ***************************************
	Widgets
*************************************** */
.elgg-widgets {
	float: left;
	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;*/
	background-color: inherit;
	padding: 2px;
	margin: 0 5px 15px;
	position: relative;
}
.elgg-module-widget:hover {
/*    background-color: #ccc;*/
	background-color: #2c2d2f;
}
.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;
}/* <style> /**/

/*****************************************
 * css reference: http://www.w3schools.com/cssref/default.asp
******************************************/

/* ***************************************
	actions
*************************************** */
.jot-action {
	overflow: hidden;
	margin-bottom: 0px;
}

/* Popup */
.jot-action-popup {
    background-color: white;
	border: 1px solid #ccc;
	z-index: 9999;
	margin-bottom: 0;
	padding: 5px;
	border-radius: 6px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.jot-action-popup > .jot-head {
	margin-bottom: 5px;
}
.jot-action-popup > .jot-head * {
	color: #0054A7;
}
/* ***************************************
	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 {
	border-top: 1px dotted #CCCCCC;
	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 th {
	background-color: #eee;
	font-weight: bold;
}
.elgg-table-alt td, .elgg-table-alt th {
	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 {
	color: white;
	font-weight: bold;
	display: block;
	padding: 3px 10px;
	cursor: pointer;
	opacity: 0.9;
	
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	border-radius: 8px;
}
.elgg-state-success {
	background-color: black;
}
.elgg-state-error {
	background-color: red;
}
.elgg-state-notice {
	background-color: #333333;
}

/* ***************************************
	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: #333333;
	margin-top: 5px;
	width: auto;
	float: right;
	font-size: 85%;
	padding: 1px 7px;
	border-radius: 5px 5px 0 0;
}

.elgg-river-comments {
	margin: 0;
	border-top: none;
}
.elgg-river-comments li:first-child {
	border-radius: 5px 0 0;
}
.elgg-river-comments li:last-child {
	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;
	border-radius: 5px;
	padding: 2px 4px;
	font-size: 85%;
	margin-bottom: 2px;
}

.elgg-river-item form {
	background-color: #EEE;
	padding: 4px;
	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;
	background-color: #f6f7f9;
}
.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;
}
.elgg-tagcloud>a {
/*  font-size: 14px;*/
    display: inline-block;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: uppercase;
    color: rgba(0,0,0,0.44);
/*  letter-spacing: 0;*/
    text-decoration: none;
    text-transform: capitalize;
/*  border-radius: .5em;*/
    border: 1px solid rgba(0,0,0,0.44);
/*  box-shadow: 1px 2px 8px rgba(0,0,0,.25);*/
    padding: 3px 10px;
    margin-right: 1px;
    margin-bottom: 1px;
}
/* ***************************************
	PAGE LAYOUT
*************************************** */
/***** DEFAULT LAYOUT ******/
.elgg-page-default {
	min-width: 998px;
}
.elgg-page-default .elgg-page-header > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	height: 90px;
}
.elgg-page-default .elgg-page-body > .elgg-inner {
	width: 990px;
	margin: 0 auto;
}
.elgg-page-default .elgg-page-footer > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	padding: 5px 0;
}

/***** TOPBAR ******/
.elgg-page-topbar {
	background: #333333 url(https://qboqx.smarternetwork.com/_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 {
	padding: 0 10px;
}

/***** PAGE MESSAGES ******/
.elgg-system-messages {
	position: fixed;
	top: 24px;
	right: 20px;
	max-width: 500px;
	z-index: 2000;
}
.elgg-system-messages li {
	margin-top: 10px;
}
.elgg-system-messages li p {
	margin: 0;
}

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

/***** PAGE BODY LAYOUT ******/
.elgg-layout {
	min-height: 360px;
}
.elgg-layout-one-sidebar {
}
.elgg-layout-two-sidebar {
}
.elgg-layout-error {
	margin-top: 20px;
}
.elgg-sidebar {
	position: relative;
	padding: 0px 10px 20px 10px;
	float: right;
	width: 210px;
	margin: 0 0 0 10px;
}
.elgg-sidebar-alt {
	position: relative;
	padding: 0px 10px 20px 10px;
	float: left;
	width: 160px;
	margin: 0 10px 0 0;
}
.elgg-main {
	position: relative;
	min-height: 360px;
	padding: 10px;
}
.elgg-main > .elgg-head {
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

/***** PAGE FOOTER ******/
.elgg-page-footer {
	position: relative;
}
.elgg-page-footer {
	color: #999;
}
.elgg-page-footer a:hover {
	color: #666;
}/* ***************************************
	MISC
*************************************** */
#login-dropdown {
	position: absolute;
	top:10px;
	right:0;
	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 {
	border-radius: 8px;
	
	background: none repeat scroll 0 0 #333333;
	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;
}

/* ***************************************
     FIXED POSITION AJAX INDICATOR
*************************************** */

.elgg-spinner {
    z-index: 100000!important;
}
/* ***************************************
	FIXED POSITION AJAX INDICATOR
*************************************** */

.elgg-spinner {
    /* general spinner styles */
    background: #fff;
    padding: 10px;
    border: 1px solid #CCC;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    /* negative half the width for proper centering */
    margin-left: -25.5px;

    position: fixed;
    top: 0;
    z-index: 10000;

    /* transitioned values */
    left: -10000px;
    opacity: 0;

    /* fade out over 300ms, then jump offscreen */
    -webkit-transition: opacity 300ms ease-in-out, left 0s linear 300ms;
    transition: opacity 300ms ease-in-out, left 0s linear 300ms;
}

.elgg-spinner-active .elgg-spinner {
    left: 50%;
    opacity: 1;

    /* set values immediately */
    -webkit-transition: opacity 0s, left 0s;
    transition: opacity 0s, left 0s;
}
/**
 * Hack that reduces size inconsistencies within Font awesome icons
 */

.fa-mobile-phone:before,
.fa-mobile:before,
.fa-remove:before,
.fa-close:before,
.fa-times:before,
.fa-caret-down:before,
.fa-caret-down:before {
	font-size: larger !important;
}
.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}/* ***************************************
	Profile
*************************************** */
.profile {
	float: left;
	margin-bottom: 15px;
}
.profile .elgg-inner {
	margin: 0 5px;
	border: 2px solid #eee;
	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;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-content-menu a:hover {
	background: #000000;
	color: white;
	text-decoration: none;
}
.profile-admin-menu {
	display: none;
}
.profile-admin-menu-wrapper a {
	display: block;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-admin-menu-wrapper {
	background-color: white;
	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;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
#profile-details .even {
	background-color:#f4f4f4;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
.profile-aboutme-title {
	background-color:#f4f4f4;
	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;
	border-radius: 6px;
}

#dashboard-info {
	border: 2px solid #dedede;
	margin-bottom: 15px;
}
/*<style>*/
/*** Elgg Developer Tools ***/
#developers-iframe {
	width: 100%;
	height: 600px;
	border: none;
}
#developer-settings-form label {
	margin-right: 5px;
}
.developers-log {
	background-color: #EBF5FF;
	border: 1px solid #999;
	color: #666;
	padding: 20px;
}
/*.developers-gear {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	right: 0;
	cursor: pointer;
	padding: 5px 8px;
}*/
.developers-gear-popup {
	text-align: right;
}
.developers-gear-popup > section {
	display: inline-block;
	width: 16em;
	padding: 0 20px 20px 0;
	text-align: left;
	vertical-align: top;
}
.developers-gear-popup > section.developers-form {
	width: 20em;
}
.developers-gear-popup h2 {
	margin-bottom: 10px;
}
.developers-gear-popup .elgg-child-menu {
	margin-left: 20px;
	margin-bottom: 10px;
}
.developers-gear-popup .elgg-menu-parent,
.developers-gear-popup .elgg-menu-parent:hover {
	color: #000;
	text-decoration: none;
	cursor: default;
}
.developers-gear-popup .elgg-text-help {
	display: none;
}
.developers-gear-popup label {
	font-weight: inherit;
	font-size: inherit;
}
.developers-gear-popup fieldset > div {
	margin-bottom: 10px;
}
.developers-gear-popup #developer-settings-form  label .elgg-icon-info,
.developers-gear-popup #developer-settings-form  label .elgg-text-help {
	margin-left: 10px;
	vertical-align: text-top;
	cursor: pointer;
}
.developers-gear-popup #developer-settings-form .elgg-foot {
	margin-top: 15px;
	margin-bottom: 0;
}.file-photo {
	text-align: center;
	margin-bottom: 15px;
}
.file-gallery-item {
	text-align: center;
	width: 165px;
}
.groups-profile > .elgg-image {
	margin-right: 10px;
}

.groups-stats {
	background: #eeeeee;
	padding: 5px;
	margin-top: 10px;
	border-radius: 5px;
}

.groups-profile-fields .odd,
.groups-profile-fields .even {
	background: #f4f4f4;
	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-form-discussion-reply-save .elgg-foot > .elgg-field {
	display: inline-block;
}
.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;
	border-radius: 10px;
	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://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right 2px;
}
#notificationstable td.emailtogglefield a.emailtoggleOn {
	background: url(https://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right -36px;
}
#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(https://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(https://qboqx.smarternetwork.com/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: #000000;
}
/**********************************
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] {
	border-radius: 10px;
	
	border: 1px solid #71b9f7;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px 2px 26px;
	background: transparent url(https://qboqx.smarternetwork.com/_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: #000000;
}

.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: #333333;
}
.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;
	white-space: nowrap;
	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;
	z-index: 1;
}

.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;
}

.elgg-form-search-advanced-search fieldset > div,
.search-advanced-user-search fieldset > div {
	margin-bottom: 5px;
}

.elgg-form-search-advanced-search > fieldset > div label {
	min-width: 130px;
	display: inline-block;
}

.elgg-form-search-advanced-search > fieldset > div .elgg-input-text {
	width: 100px;
	margin: 0 10px;
}

.elgg-menu-search-list .elgg-child-menu {
	display: none;
	position: absolute;
	right: 0;
	background: white;
	border: 1px solid #CCC;
	
	z-index: 1;
	
	border-radius: 0 0 3px 3px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.25);
}

.elgg-menu-search-list .elgg-child-menu a {
	padding: 5px 10px;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
}

.elgg-menu-search-list .elgg-child-menu li.elgg-state-selected a {
	font-weight: bold;
}
.elgg-menu-search-list .elgg-child-menu a:hover {
	background-color: #F0F0F0;
	color: #444;
}
	
select.search-advanced-search-types {
	max-width: 100%;
}
select.search-advanced-search-types .search-advanced-search-types-parent {
	font-weight: bold;
	font-style: italic;
}
select.search-advanced-search-types .search-advanced-search-types-child {
	padding-left: 20px;
}.elgg-tagcloud {
	text-align: justify;
	margin-bottom: 5px;
}
/** Group tools CSS */
#invite_to_group .ui-helper-hidden-accessible {
	display: none;
}

#group_tools_group_invite_autocomplete_autocomplete_results .group_tools_group_invite_autocomplete_autocomplete_result {
	border: 1px solid transparent;
	border-radius: 5px;
}

#group_tools_group_invite_autocomplete_autocomplete_results .group_tools_group_invite_autocomplete_autocomplete_result:hover {
	border: 1px solid #CCCCCC;
}

#group_tools_group_invite_autocomplete_autocomplete_results .elgg-avatar {
	position: static;
}

.ui-autocomplete .group_tools_group_invite_autocomplete_autocomplete_result .elgg-icon-delete-alt.elgg-discoverable {
	display: none;
}

.group_tools_group_invite_autocomplete_autocomplete_result .elgg-icon-delete-alt {
	cursor: pointer;
}

.group-tools-status-open {
	color: green;
}

.group-tools-status-closed {
	color: orange;
}

.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;
}

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

#group-tools-group-edit-tabbed ~ div {
	display: none;
}

.group-tools-group-edit-section > div {
	margin-bottom: 15px;
}

/* groups simplified access */
.group-tools-simplified-access-container,
.group-tools-simplified-access-container > .elgg-col {
	display: flex;
}
	
.group-tools-simplified-access-button {
	background: #f0f0f0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: #333;
	padding: 20px;
	margin: 20px;
	cursor: pointer;
	width: 100%;
	
	border-radius: 3px;
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6);
}

.group-tools-simplified-access-button.elgg-state-active {
	color: #FFF;
	background: #4787b8;
}
.group-tools-simplified-access-button.elgg-state-active h3 {
	color: inherit;
}

/* sort menu options */
.group-tools-group-sort-menu .elgg-menu-item-sorting {
	float: right;
	background: none;
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > a {
	top: 0;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > a:hover {
	background: none;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > .elgg-child-menu {
	background: white;
    display: none;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 1;
	border: 1px solid #ccc;
	border-radius: 0 0 3px 3px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.25);
}

.group-tools-group-sort-menu .elgg-menu-item-sorting:hover > .elgg-child-menu {
	display: block;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > .elgg-child-menu a {
	color: #444;
	padding: 5px 10px;
	text-decoration: none;
	white-space: nowrap;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > .elgg-child-menu a:hover {
	color: #444;
	background: #f0f0f0;
}
.group-tools-group-sort-menu .elgg-menu-item-sorting > .elgg-child-menu li.elgg-state-selected a {
    font-weight: bold;
}

#group-tools-stale-message.elgg-message {
	cursor: default;
}
.widget_group_news_navigator {
	border-top: 1px dotted #CCCCCC;
	padding-top: 5px;
	text-align: center;
}

.widget_group_news_navigator > span {
	border: 1px solid #CCCCCC;
	cursor: pointer;
	padding: 2px 4px;
	margin: 0 2px;
}

.widget_group_news_navigator > span.active,
.widget_group_news_navigator > span:hover {
	background: #CCCCCC;
}

.widget_group_news_navigator > span.active {
	cursor: auto;
}
.file-tools-icon-tiny {
	max-width: 25px;
	max-height: 25px;
}

.elgg-menu-file-tools-folder-breadcrumb > li:after {
	padding: 0 4px;
	content: ">";
}

#file_tools_list_files_container {
	position: relative;
	min-height: 50px;
}

#file_tools_list_files_container .elgg-ajax-loader {
	background-color: white;
	opacity: 0.85;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

#file_tools_list_files .ui-draggable,
.file-tools-file.ui-draggable {
	cursor: move;
	background: white;
}

#file-tools-folder-tree .file-tools-tree-droppable-hover,
  .folder-tree .file-tools-tree-droppable-hover {
	border: 1px solid red;
}
/*******************
 * jstree override *
 *******************/
.jstree-default .jstree-anchor{
     width:100%;
}
.jstree-default .jstree-anchor.jstree-clicked {
    background-color: #484848 !important;
    border-radius: inherit !important;
    box-shadow: inherit !important;
}
.jstree-default .jstree-hovered {
    background-color: #353535 !important;
    border-radius: inherit !important;
    box-shadow: inherit !important;
}
.crateItem > .crate.ui-droppable-hover {background-color: #353535;}
[class*="categories-icon-"] {

  background: none;

  display: inline-block;

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  background: none;

  display: inline-block;

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  color: #666;

  font-size: 22px;

  line-height: 22px;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

}

[class*="categories-icon-"].icon-small {

  font-size: 16px;

  line-height: 16px;

  text-align: center;

  vertical-align: middle;

}

[class*="categories-icon-"].icon-small + span {

  line-height: 16px;

}

[class*="categories-icon-"] + span {

  margin-left: 5px;

  display: inline-block;

  vertical-align: middle;

  line-height: 26px;

}



.categories-icon-preview {

  width: 22px;

  height: 22px;

  margin: 0 5px;

  cursor: default;

}



.categories-icon-move:before {

  content: "\f047";

  cursor: move;

}



.categories-icon-edit:before {

  content: "\f040";

}



.categories-icon-plus:before {

  content: "\f055";

}



.categories-icon-minus:before {

  content: "\f056";

}



.categories-icon-upload:before {

  color: #ccc;

  content: "\f0ee";

}



.categories-icon-checked:before {

  content: "\f058";

}



.categories-icon-info:before {

  content: "\f05a";

}



.elgg-menu-categories .categories-icon-move {

  margin: 10px;

}



.elgg-menu-categories .categories-icon-plus,
.elgg-menu-categories .categories-icon-minus {
  float: right;
  margin: 12px 10px;
}



.elgg-menu-categories .categories-icon-info,

.elgg-menu-categories .categories-icon-icon {

  cursor: pointer;

}



.elgg-menu-categories .elgg-menu-closed .elgg-child-menu {

  display: none;

}



.elgg-menu-categories .elgg-child-menu-toggle {

  margin: -5px 5px 0 0;

  cursor: pointer;

  color: #666;

  font-size: 11px;

  display: inline-block;

  vertical-align: bottom;

}

.elgg-menu-categories .elgg-child-menu-toggle + label {

  display: inline-block;

}



.elgg-menu-categories .elgg-menu-closed > .elgg-child-menu-toggle > .collapse {

  display: none;
  font-family: "courier new";
  
}



.elgg-menu-categories .elgg-menu-open > .elgg-child-menu-toggle > .collapse {

  display: block;
  font-family: "courier new";

}



.elgg-menu-categories .elgg-menu-closed > .elgg-child-menu-toggle > .expand {

  display: block;
  font-family: "courier new";

}



.elgg-menu-categories .elgg-menu-open > .elgg-child-menu-toggle > .expand {

  display: none;
  font-family: "courier new";

}



.elgg-menu-categories li {

  line-height: 18px;

  vertical-align: middle;

}



.elgg-menu-categories .elgg-menu-closed {

  margin-left: 25px;

}



.elgg-menu-categories .elgg-menu-closed.elgg-menu-parent {

  margin-left: auto;

}



.elgg-menu-categories ul {

  margin-left: 20px;

}



.categories-input input[type="checkbox"], .categories-input input[type="radio"] {

  display: inline-block;

  margin: 0 8px 0 0;

}



.categories-manage input {

  margin: 0;

}

.categories-manage .categories-category-title, .categories-manage .categories-category-description, .categories-manage .categories-category-access {

  display: inline-block;

  margin: 5px 10px;

  vertical-align: middle;

  width: 25%;

}

.categories-manage .categories-category-block {

  border: 1px solid #e8e8e8;

  margin: 3px;

  background: #f4f4f4;

  padding: 4px;

}

.categories-manage .categories-icon-upload img {

  max-width: 100%;

}

.categories-manage .elgg-menu-categories ul li .categories-icon-plus {

  display: none;

}

.categories-manage .elgg-menu-categories ul li:last-child .categories-icon-plus {

  display: inline-block;

}

.categories-manage .categories-draggable-placeholder {

  border: 2px dashed #e8e8e8;

  height: auto;

  min-height: 200px;

}

.categories-manage .elgg-child-menu-toggle {

  display: none;

}

.categories-manage .elgg-menu-categories .elgg-menu-closed .elgg-child-menu {

  display: block;

}



.categories-tree .elgg-menu-categories ul {

  margin-left: 13px;

}



.categories-tree .elgg-menu-categories li.elgg-menu-nochildren {
	margin: -5px, 25px, 0, 0;
/*  margin-left: 13px;*/

}



.categories-tree .categories-category-icon img {

  height: 16px;

  width: auto;

  display: inline-block;

  vertical-align: middle;

}



.categories-tree li > span,

.categories-tree li > a,

.categories-tree li > a span {

  margin-right: 5px;

  display: inline;

  vertical-align: top;

  line-height: 26px;

}



.categories-category-full > .elgg-image {

  max-width: 100px;

  margin-right: 20px;

}



.categories-sidebar-tree-module {

  white-space: nowrap;

  overflow: hidden;

}

.categories-sidebar-tree-module:hover {

  overflow: visible;

}

.categories-sidebar-tree-module:hover a, .categories-sidebar-tree-module:hover span {

  background: white;

}

.categories-sidebar-tree-module .elgg-foot {

  margin-top: 10px;

  text-align: right;

}

.categories-sidebar-tree-module em {

  font-size: 11px;

  padding: 2px 5px;

  margin-left: 5px;

  background: #4690d6;

  color: white;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  font-style: normal;

}



.elgg-menu-category-filter em {

  font-size: 11px;

  padding: 2px 5px;

  margin-left: 5px;

  background: #4690d6;

  color: white;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  font-style: normal;

}



.elgg-categories {

  *zoom: 1;

  word-break: break-word;

  margin: 3px 0;

  font-size: 12px;

  line-height: 12px;

}

.elgg-categories:before, .elgg-categories:after {

  content: " ";

  display: table;

}

.elgg-categories:after {

  clear: both;

}

.elgg-categories > li {

  display: inline;

}

.elgg-categories > li:after {

  content: ",";

  padding-right: 4px;

}

.elgg-categories > li:first-child:after, .elgg-categories > li:last-child:after {

  content: "";

}

.elgg-categories > li a {

  font-size: 1em;

  font-style: normal;

}



.elgg-icon.elgg-icon-categories {

  background: none;

  display: inline-block;

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.elgg-icon.elgg-icon-categories:before {

  content: "\f0e8";

}

@-webkit-keyframes dropzone-move { 0% { background-position: 0 0; }
  100% { background-position: 50px 50px; } }
/*.elgg-dropzone {color: #aaa;background-color: #404040;padding: 2px;}*/
.elgg-dropzone [data-template] { display: none; visibility: hidden; }

/*.elgg-input-dropzone { position: relative; min-height: 100px; padding: 1px; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;background-color: #1e1e1e;}*/

.elgg-dropzone-instructions { cursor: pointer; font-size: 16px; text-align: center; display: block; padding: 20px; padding-top: 70px; }
.elgg-dropzone-instructions * { text-align: center; }
.elgg-dropzone-instructions strong, .elgg-dropzone-instructions span { line-height: 20px; color: #dddddd; }
.elgg-dropzone-instructions .elgg-icon { cursor: pointer; position: absolute; top: 0; left: 0; right: 0; width: 100%; font-size: 50px; color: #dddddd; margin: 0 auto; line-height: 50px; padding: 20px 0; z-index: 1; }

.elgg-dropzone-preview { border-bottom: 1px solid #dddddd; display: block; vertical-align: middle; width: 100%; border: 0; position: relative; padding: 10px 10px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.elgg-dropzone-instructions + .elgg-dropzone-preview { border-top: 1px solid #dddddd; margin-top: 10px; }
.elgg-dropzone-preview:last-child { margin-bottom: 10px; }
.elgg-dropzone-preview:nth-child(odd) { background: #fafafa; }
.elgg-dropzone-preview:nth-child(even) { background: #f4f4f4; }
.elgg-dropzone-preview .elgg-dropzone-item-props { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; }
.elgg-dropzone-preview .elgg-dropzone-item-props > * { padding: 5px 10px; }
.elgg-dropzone-preview .elgg-dropzone-filename { font-size: 12px; text-align: left; overflow: hidden; -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-basis: 50%; flex-basis: 50%; }
.elgg-dropzone-preview .elgg-dropzone-filename > * { vertical-align: middle; }
.elgg-dropzone-preview .elgg-dropzone-size { font-size: 10px; text-align: center; overflow: hidden; white-space: nowrap; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: 50px; flex-basis: 50px; }
.elgg-dropzone-preview .elgg-dropzone-thumbnail { text-align: center; padding: 0; max-height: 30px; /*overflow: hidden; */vertical-align: middle; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: 30px; flex-basis: 30px; }
.elgg-dropzone-preview .elgg-dropzone-thumbnail img { width: 100%; height: auto; max-width: 30px; line-height: 30px; display: inline-block; }
.elgg-dropzone-preview .elgg-dropzone-controls { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: auto; flex-basis: auto; }
.elgg-dropzone-preview .elgg-dropzone-success-icon { display: none; margin: 0 5px; }
.elgg-dropzone-preview .elgg-dropzone-success-icon .elgg-icon { font-size: 16px; color: #4690D6; cursor: default; }
.elgg-dropzone-preview .elgg-dropzone-success-icon .elgg-icon:hover { color: #4690D6; }
.elgg-dropzone-preview .elgg-dropzone-error-icon { display: none; margin: 0 5px; }
.elgg-dropzone-preview .elgg-dropzone-error-icon .elgg-icon { font-size: 16px; color: #67080a; cursor: default; }
.elgg-dropzone-preview .elgg-dropzone-error-icon .elgg-icon:hover { color: #67080a; }
.elgg-dropzone-preview .elgg-dropzone-remove-icon { margin: 0 5px; }
.elgg-dropzone-preview .elgg-dropzone-remove-icon .elgg-icon { font-size: 16px; cursor: pointer; }
.elgg-dropzone-preview .elgg-dropzone-remove-icon .elgg-icon:hover { color: #67080a; text-decoration: none; }
.elgg-dropzone-preview .elgg-dropzone-messages { font-size: 10px; color: #4690D6; }
.elgg-dropzone-preview.elgg-dropzone-success .elgg-dropzone-success-icon { display: inline; }
.elgg-dropzone-preview.elgg-dropzone-success .elgg-dropzone-progress { width: 100%; opacity: 0.5; }
.elgg-dropzone-preview.elgg-dropzone-success .elgg-dropzone-progress .elgg-dropzone-upload:after { display: none; }
.elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-error-icon { display: inline; }
.elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-messages, .elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-filename { color: #67080a; }
.elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-progress { width: 100%; opacity: 0.5; }
.elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-progress .elgg-dropzone-upload { background: #67080a; }
.elgg-dropzone-preview.elgg-dropzone-error .elgg-dropzone-progress .elgg-dropzone-upload:after { display: none; }

.elgg-dropzone-progress { position: absolute; bottom: 0; left: 0; width: 90%; height: 4px; border-bottom: 1px solid #fff; }

.elgg-dropzone-upload { position: absolute; background-color: #4690D6; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4690D6), color-stop(1, #85b6e4)); background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%); overflow: hidden; left: 0; top: 0; right: 0; bottom: 0; width: 1%; }
.elgg-dropzone-upload:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); z-index: 1; -webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; -webkit-animation: dropzone-move 2s linear infinite; overflow: hidden; }

.quebx-page-box .quebx-page-header > .quebx-inner {
    width: 500px;
    margin: 0px auto;
    height: 500px;
}

.quebx_pricetag {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#00a700;
	border: 1px solid #00a700;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: 12px;
	padding: 2px 10px 2px 10px;
	margin:10px 0 10px 0;
}

/*CSS code for class hoverhelp:*/

.hoverhelp       {border-bottom: thin dotted; border-top: thin dotted; background: #ffeedd;}
.hoverhelp span  {position: absolute; left: -9999px;
                  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
                  border-style:solid; border-color:black; border-width:1px;}
.hoverhelp:hover {text-decoration: none; background: #F0F0EE; z-index: 6; }
.hoverhelp:hover span {margin: 20px 0 0 170px; background: #ffeedd; z-index:6;} 

/*CSS code for class hoverinfo:*/

.hoverinfo {
	<!-- background: #ffeedd; -->
	width:200px;
}
.hoverinfo:hover {
	text-decoration: none;
	text-shadow: none;
	z-index: 6; 
}
.hoverinfo span  {
	position: absolute; 
	left: -9999px;
	padding: 3px 3px 3px 3px;
	margin: 4px 0 0 0px; 
	border-style:solid; 
	border-color:black; 
	border-width:1px; 
	z-index:6;
}
.hoverinfo:hover span {
	position:absolute;
	left: -160px; 
	<!-- top: 15px; -->
	background: #d5e3f1;
	margin: 20px 0 0 170px; 
	background: #d5e3f1; 
	font: 10px/100% Arial, Helvetica, sans-serif;
} 

/* Featured */
/*
.elgg-module-featured {
	border: 1px solid #4690D6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}*/
.elgg-module-featured {
	border: 0px solid #00a700;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: none;
}
.elgg-module-featured > .elgg-head {
	padding: 5px;
	background-color: #4690D6;
}
.elgg-module-featured > .elgg-head * {
	color: white;
}
.elgg-module-featured > .elgg-body {
	padding: 10px;
}

/*
 * Section style adapted from mod\resume
 */

.section h3{
margin:25;
}

.section_collapsible_box {
	background:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding:2px;
	margin:0px;
	display:block;
}

.section_collapsibleboxlink {
	float:right;
    font-size:18px;
    position:relative;
    bottom:8px;
}

.section_collapsible_box_hidden {
	background:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding:2px;
	margin:0px;
	display:hidden;
}

.section_contentWrapper {
margin:0 10px 4px;
padding:0px 10px;
}

/*overrides core*/
.elgg-menu-entity, .elgg-menu-annotation {
	height: 20px;
}
.elgg-categories > li a{
	color: #fff;
}
.elgg-categories > li:not(:last-child):after {
    content: ' >';
}
.elgg-categories > li:last-child{
     font-size: 14px;
     font-weight:bold;
}
.elgg-list-container > .elgg-pagination{
	display:block;
}

.hover-change .fa +  .fa,
.hover-change:hover > .fa {
  display: none;
}
.hover-change:hover > .fa +  .fa {
  display: inherit;
}body.gallery-state-loading:before {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: -25px auto 0;
  z-index: 10000;
  content: "\f110";
  color: #4690d6;
  font-size: 50px;
  line-height: 50px;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gallery-photostream * {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
  .gallery-photostream {
    display: block;
    padding: 0;
    margin: 0 -5px;
    *zoom: 1;
  }
  .gallery-photostream:before, .gallery-photostream:after {
    content: " ";
    display: table;
  }
  .gallery-photostream:after {
    clear: both;
  }
  .gallery-photostream > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 5px 10px;
  }
  .gallery-photostream > li {
    width: 50%;
    margin: 0;
    padding: 0 5px 10px;
    list-style: none;
  }
  .gallery-photostream > li:nth-of-type(n) {
    clear: none;
  }
  .gallery-photostream > li:nth-of-type(2n+1) {
    clear: both;
  }
}

.gallery-album-cover,
.gallery-media-cover {
  position: relative;
  padding: 5px;
  margin: 10px auto;
  display: inline-block;
  border: solid 1px #cccccc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
}
.gallery-album-cover:hover, .gallery-album-cover:focus, .gallery-album-cover.elgg-state-selected,
.gallery-media-cover:hover,
.gallery-media-cover:focus,
.gallery-media-cover.elgg-state-selected {
  -webkit-box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
  -moz-box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
  box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
}
.gallery-album-cover a,
.gallery-media-cover a {
  text-align: center;
  overflow: hidden;
}
.gallery-album-cover a img,
.gallery-media-cover a img {
  width: 100%;
  height: auto;
}
.gallery-album-cover .elgg-menu-entity,
.gallery-media-cover .elgg-menu-entity {
  margin: 0;
  padding: 10px;
  position: relative;
  float: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}
.gallery-album-cover .elgg-menu-entity:before, .gallery-album-cover .elgg-menu-entity:after,
.gallery-media-cover .elgg-menu-entity:before,
.gallery-media-cover .elgg-menu-entity:after {
  content: " ";
  display: table;
}
.gallery-album-cover .elgg-menu-entity:after,
.gallery-media-cover .elgg-menu-entity:after {
  clear: both;
}
.gallery-album-cover .elgg-menu-entity > li,
.gallery-media-cover .elgg-menu-entity > li {
  float: left;
  margin-left: 10px;
}
.gallery-album-cover .elgg-menu-entity > li:first-of-type,
.gallery-media-cover .elgg-menu-entity > li:first-of-type {
  margin-left: 0;
}

.gallery-full .gallery-album-cover {
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: 250px;
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery-full .gallery-album-cover .gallery-album-meta {
  margin: 10px 20px;
}

.gallery-album-cover-placeholder {
  background: #f4f4f4;
  text-align: center;
  position: relative;
}
.gallery-album-cover-placeholder:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f03e";
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  margin-top: -50px;
  font-size: 100px;
  line-height: 100px;
  color: #e8e8e8;
  text-shadow: 1px 1px 0 white;
}

.gallery-media-author {
  position: absolute;
  top: -15px;
  width: 40px;
  height: 40px;
  right: 5px;
  border: 1px solid #fff;
}
.gallery-media-author img {
  width: 40px;
  height: 40px;
}

.gallery-album-meta {
  position: relative;
}
.gallery-album-meta .gallery-album-count {
  position: absolute;
  top: -20px;
  right: 55px;
  background: #000;
  color: #fff;
  font-weight: bold;
  border: 1px solid #fff;
  min-width: 40px;
  text-align: center;
  line-height: 40px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.gallery-album-meta .gallery-album-author {
  position: absolute;
  top: -20px;
  right: 10px;
  border: 1px solid #fff;
  padding: 0px;
  background: #000;
  height: 40px;
  width: 40px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.gallery-album-title {
  padding: 8px 0px 5px 10px;
  font-weight: bold;
  font-size: 14px;
  max-width: 225px;
  display: inline-block;
}

.gallery-album-info-link {
  display: inline-block;
  margin: 5px;
}

.gallery-media-summary {
  padding: 3px;
  border: 1px solid #cccccc;
  margin: 10px;
}

.gallery-media-title {
  padding: 8px 0 5px 10px;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  max-width: 185px;
}

.gallery-media-meta {
  position: relative;
}

.gallery-media-info-link {
  display: inline-block;
  margin: 5px;
}

.gallery-media-album {
  position: absolute;
  top: -15px;
  border: 1px solid #fff;
  right: 50px;
}

.gallery-media-meta-details > li {
  display: block;
  padding: 3px 0 3px 10px;
}

.gallery-media-extras .elgg-menu-entity {
  float: none;
  margin: 0;
  padding: 2px;
  height: auto;
  text-align: center;
  background: #f4f4f4;
  border-top: 1px solid #cccccc;
}
.gallery-media-extras .elgg-menu-entity > li {
  margin: 1px;
  padding: 5px 10px;
  background: #f4f4f4;
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
}
.gallery-media-extras .elgg-menu-entity > li a {
  height: 22px;
  display: block;
}
.gallery-media-extras .elgg-menu-entity > li.elgg-menu-item-access,
.gallery-media-extras .elgg-menu-entity > li a span {
  display: none;
}
.gallery-media-extras .elgg-menu-entity > li:hover {
  background: #f1f1f1;
}

.elgg-subtext .gallery-media-meta-details > li {
  margin: 0;
  display: inline-block;
  padding: 5px 15px 0 0;
  vertical-align: middle;
}

.gallery-media-full {
  border: 1px solid #cccccc;
  position: relative;
}
.gallery-media-full .gallery-media-meta-details {
  margin: 15px 0;
}

.gallery-media-full-view {
  margin: 0 auto;
  position: relative;
  line-height: 550px;
  text-align: center;
}
.gallery-media-full-view img {
  vertical-align: middle;
}

[class*="gallery-icon-"] {
  background: none;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4690d6;
  width: 22px;
  height: 22px;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
}

[class*="gallery-icon-"].icon-small {
  background: none;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4690d6;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
}

[class*="gallery-icon-"] + span {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
}

[class*="gallery-icon-"].icon-small + span {
  line-height: 16px;
}

.gallery-icon-tag:before {
  content: "\f02c";
}

.gallery-icon-friend:before {
  content: "\f007";
}

.gallery-icon-download:before {
  content: "\f0ed";
}

.gallery-icon-makeavatar:before {
  content: "\f0c8";
}

.gallery-icon-edit:before {
  content: "\f040";
}

.gallery-icon-delete:before {
  content: "\f057";
}

.gallery-icon-approve:before {
  content: "\f046";
}

.gallery-icon-upload:before {
  content: "\f0ee";
}

.gallery-icon-manage:before {
  content: "\f013";
}

.gallery-icon-cropper:before {
  content: "\f125";
}

.gallery-icon-drag:before {
  content: "\f047";
}

.gallery-icon-makecover:before {
  content: "\f083";
}

.gallery-icon-info:before {
  content: "\f05a";
}

.gallery-icon-slideshow:before {
  content: "\f0b2";
}

.gallery-icon-albums:before {
  content: "\f009";
}

.gallery-icon-photostream:before {
  content: "\f0ce";
}

li.elgg-state-loading [class*="gallery-icon-"]:before,
[class*="gallery-icon-"].elgg-state-loading:before {
  content: "\f110";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.elgg-form-edit-object-hjalbum label,
.elgg-form-gallery-upload label {
  display: block;
  margin: 10px 0 5px 0;
}

.elgg-form-edit-object-hjalbum .gallery-filedrop-buttonbank input {
  display: none;
}

.elgg-form-edit-object-hjalbum .elgg-foot,
.elgg-form-gallery-upload .elgg-foot,
.elgg-form-gallery-manage .elgg-foot {
  margin: 10px;
  padding: 10px;
  border-top: 1px solid #cccccc;
}

.gallery-hidden-details-toggle.elgg-state-active {
  display: none;
}

#gallery-hidden-details {
  margin-bottom: 20px;
}

.gallery-item-in-bulk {
  border: 1px solid #fff;
  margin-top: 3px;
  padding: 10px;
  background: #eee;
  line-height: 14px;
}
.elgg-dropzone .gallery-item-in-bulk {
  border: none;
  margin-top: 0;
  margin-left: 40px;
  background: transparent;
}
.elgg-dropzone .gallery-item-in-bulk * {
  text-align: left;
  font-size: 12px;
}
.gallery-item-in-bulk .gallery-media-extras {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #fff;
}

.gallery-media-form-info-link {
  text-align: right;
  font-size: 12px;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  display: none;
  margin: 5px;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu.elgg-menu-manage-album-image-drag {
  right: auto;
  left: 0;
  top: 0;
}

.elgg-menu-item-drag a {
  cursor: move;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li.elgg-menu-item-position {
  width: 30px;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li.elgg-menu-item-position input {
  margin: 0;
  padding: 2px;
  border-radius: 0;
  text-align: center;
}

.gallery-manage-album .gallery-media-cover:hover > .gallery-media-menu {
  display: block;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li {
  padding: 4px;
  margin: 4px;
  background: #eee;
  border: 1px solid #fff;
  display: inline-block;
  vertical-align: top;
  float: none;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li:hover {
  background: #fff;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li a span {
  display: none;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li.elgg-menu-item-access {
  display: none;
}

.gallery-manage-album .gallery-media-cover > .gallery-media-menu li.hidden {
  display: none;
}

/* SLIDESHOW */
.gallery-album-cover .gallery-popup, .gallery-media-cover .gallery-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 2px;
}

.ui-dialog.gallery-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  outline: 0;
  border: 1px solid #cccccc;
  background: #FFF;
  padding: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 1001;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar {
  margin: 0;
  padding: 10px;
  background: none;
  border: none;
  border-bottom: 1px solid #cccccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar-close {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  height: 35px;
  width: 40px;
  display: block;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar-close .ui-icon-closethick {
  text-indent: 0;
  color: transparent;
  position: relative;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 40px;
  height: 35px;
  border-left: 1px solid #cccccc;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar-close .ui-icon-closethick:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "\f00d";
  text-align: center;
  font-size: 16px;
  line-height: 35px;
  color: #b8b8b8;
  padding: 0 12px;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar {
  background: #eee;
  color: #444;
  padding: 15px 20px;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar .titlebar-close, .ui-dialog.gallery-slideshow .ui-dialog-titlebar .titlebar-close *, .ui-dialog.gallery-slideshow .ui-dialog-titlebar .ui-icon-closethick:after {
  color: #444;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  outline: none;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar .titlebar-close .ui-button-text, .ui-dialog.gallery-slideshow .ui-dialog-titlebar .titlebar-close * .ui-button-text, .ui-dialog.gallery-slideshow .ui-dialog-titlebar .ui-icon-closethick:after .ui-button-text {
  display: none;
}
.ui-dialog.gallery-slideshow .ui-dialog-titlebar button {
  outline: none;
  margin: 5px;
}
.ui-dialog.gallery-slideshow .ui-dialog-content {
  padding: 0;
}
.ui-dialog.gallery-slideshow .master-pane {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.ui-dialog.gallery-slideshow .preview-pane {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  background: #eee;
  border-top: 5px solid #fff;
  width: 100%;
  overflow: hidden;
  height: 140px;
}
.ui-dialog.gallery-slideshow .preview-pane:hover, .ui-dialog.gallery-slideshow .preview-pane:active {
  transition: 0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}
.ui-dialog.gallery-slideshow .preview-pane ul {
  position: relative;
  white-space: nowrap;
  padding: 3px 0;
  transition: margin-left 0.5s linear;
  -webkit-transition: margin-left 0.5s linear;
}
.ui-dialog.gallery-slideshow .preview-pane ul li {
  display: inline-block;
  border: solid 1px #cccccc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  margin: 4px;
  vertical-align: middle;
  width: 106px;
  height: 120px;
  overflow: hidden;
  text-align: center;
  position: relative;
  border: 1px solid transparent;
  background: #fff;
}
.ui-dialog.gallery-slideshow .preview-pane ul li:hover, .ui-dialog.gallery-slideshow .preview-pane ul li:focus, .ui-dialog.gallery-slideshow .preview-pane ul li.elgg-state-selected {
  -webkit-box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
  -moz-box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
  box-shadow: 0 0 6px 1px rgba(70, 144, 214, 0.5);
}
.ui-dialog.gallery-slideshow .preview-pane ul li:first-child {
  margin-left: 8px;
}
.ui-dialog.gallery-slideshow .preview-pane ul li:last-child {
  margin-right: 15px;
}
.ui-dialog.gallery-slideshow .preview-pane ul li img {
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
  bottom: 0;
  margin: 0 auto;
  cursor: pointer;
}
.ui-dialog.gallery-slideshow .preview-pane ul li img.elgg-state-loading:before {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: -25px auto 0;
  z-index: 10000;
  content: "\f110";
  color: #4690d6;
  font-size: 50px;
  line-height: 50px;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ui-dialog.gallery-slideshow .master-view {
  position: absolute;
  top: 0;
  bottom: 140px;
  width: 100%;
  height: auto;
  right: 0;
  left: 0;
  overflow: hidden;
}
.ui-dialog.gallery-slideshow .master-view img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: auto;
  min-width: 100px;
  margin: 0 auto;
}
.ui-dialog.gallery-slideshow .master-view img.elgg-state-loading:before {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: -25px auto 0;
  z-index: 10000;
  content: "\f110";
  color: #4690d6;
  font-size: 50px;
  line-height: 50px;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-dialog.gallery-slideshow .master-view .meta-title {
  position: absolute;
  padding: 5px 5px 5px 25px;
  top: 20px;
  left: 20px;
  font-weight: bold;
  color: #fff;
  background: #444;
  line-height: 20px;
  cursor: pointer;
  transition: left 1s;
  -webkit-transition: left 1s;
}
.ui-dialog.gallery-slideshow .master-view .meta-title.elgg-state-active {
  left: 10%;
  right: 10%;
}
.ui-dialog.gallery-slideshow .master-view .meta-title:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f129";
  line-height: 20px;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-left: -10px;
}

.gallery-slideshow .meta-description {
  position: absolute;
  padding: 20px;
  top: 50px;
  left: 10%;
  right: 10%;
  width: 80%;
  height: 80%;
  font-weight: bold;
  color: #fff;
  border: 2px solid #444;
  background: #f4f4f4;
  heigth: auto;
  max-height: 500px;
  overflow: auto;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  transition: display 3s ease-in;
  -webkit-transition: display 1s ease-in;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gallery-slideshow .controls {
  color: #444;
  display: none;
}
.gallery-slideshow .controls .prev {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  background: #FFF;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  background: #eee;
  border: 1px solid #fff;
  z-index: 400;
  left: 20px;
  top: 50%;
  height: 28px;
  width: 28px;
  display: block;
  margin-top: -60px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  padding: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.gallery-slideshow .controls .prev:before {
  content: "\f060";
  line-height: 28px;
}
.gallery-slideshow .controls .prev.hidden {
  display: none;
}
.gallery-slideshow .controls .prev:hover {
  color: #fff;
}
.gallery-slideshow .controls .next {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  background: #FFF;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  background: #eee;
  border: 1px solid #fff;
  z-index: 400;
  left: auto;
  right: 20px;
  top: 50%;
  height: 28px;
  width: 28px;
  display: block;
  margin-top: -60px;
  font-size: 28px;
  line-height: 28px;
  cursor: pointer;
  text-align: center;
  padding: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.gallery-slideshow .controls .next:before {
  content: "\f061";
  line-height: 28px;
}
.gallery-slideshow .controls .next.hidden {
  display: none;
}
.gallery-slideshow .controls .next:hover {
  color: #fff;
}
.gallery-slideshow .controls .pager {
  position: absolute;
  z-index: 400;
  display: block;
  background: #444;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  margin: 0 auto;
  right: 20px;
  top: 20px;
  line-height: 20px;
}

.gallery-slideshow .master-pane:hover .controls {
  display: inline-block;
}

/* CROPPER */
.elgg-form-gallery-thumb {
  position: relative;
  background: #fff;
  z-index: 5000;
}

.elgg-form-gallery-thumb .gallery-crop-master-wrapper,
.elgg-form-gallery-thumb .gallery-crop-preview-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

.elgg-form-gallery-thumb .gallery-crop-preview-wrapper {
  max-width: 250px;
}

.elgg-form-gallery-thumb .gallery-crop-preview-wrapper .elgg-col {
  width: 100px;
  display: inline-block;
  vertical-align: bottom;
  float: none;
  margin-right: 10px;
}

.elgg-form-gallery-thumb label {
  display: block;
  margin: 10px 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px solid #cccccc;
}

.elgg-form-gallery-thumb #gallery-crop-preview,
.elgg-form-gallery-thumb #gallery-crop-current {
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.elgg-form-gallery-thumb #gallery-crop-preview img,
.elgg-form-gallery-thumb #gallery-crop-current img {
  width: initial;
  height: auto;
  max-width: initial;
}

.elgg-form-gallery-thumb .elgg-foot {
  margin: 10px;
  padding: 10px;
  border-top: 1px solid #cccccc;
}

.ui-dialog .elgg-form-gallery-thumb {
  width: 100%;
  margin: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-dialog .elgg-form-gallery-thumb fieldset {
  text-align: center;
}

.tagger-float {
  position: absolute;
  display: none;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 5000;
}

.tagger-circle, .tagger-tag {
  width: 80px;
  height: 80px;
  border: 4px dotted #fff;
  display: block;
  box-shadow: 0 0 30px #000;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
}

.tagger-circle.ui-draggable {
  cursor: move;
}

.tagger-close {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
  vertical-align: middle;
  background-size: 18px;
  height: 20px;
  width: 20px;
  margin-right: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  top: -10px;
  right: -40px;
  z-index: 5001;
}
.tagger-close:before {
  content: "\f00d";
  text-shadow: 1px 1px 0 #fff;
}

.tagger-float form {
  display: none;
  height: 79px;
  background: #fff;
  background: rgba(255, 255, 255, 0.35);
  position: absolute;
  top: -1px;
  left: 0px;
  border: 4px solid transparent;
  -webkit-border-radius: 71px 5px 5px 71px;
  -moz-border-radius: 71px 5px 5px 71px;
  border-radius: 71px 5px 5px 71px;
  width: 200px;
  padding-left: 90px;
  box-shadow: 3px 1px 10px #666;
}

.tagger-float form input,
.tagger-float form input:focus {
  margin: 5px 0 0 7px;
  border: none;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  color: #000;
  width: 185px;
  line-height: 26px;
  padding: 3px 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.tagger-float form input.ui-autocomplete-loading {
  background-position: 95% center;
  background-repeat: no-repeat;
}
.tagger-float form input.ui-autocomplete-loading.ui-autocomplete-loading:before {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: -25px auto 0;
  z-index: 10000;
  content: "\f110";
  color: #4690d6;
  font-size: 50px;
  line-height: 50px;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tagger-float form input[type="submit"] {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: rgba(255, 255, 255, 0.85) no-repeat 50% 50%;
  background-size: 16px;
  height: 30px;
  width: 30px;
  margin-right: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 22px;
  position: absolute;
  bottom: -13px;
  right: -35px;
  color: transparent;
  font-size: 0;
  border: 2px solid #000;
}
.tagger-float form input[type="submit"]:before {
  content: "\f00d";
}

.gallery-autocomplete {
  position: relative;
  margin: 0px 13px 2px -10px;
}

.gallery-autocomplete i {
  position: absolute;
}

.gallery-autocomplete img {
  position: absolute;
  right: 4px;
  top: 9px;
}

.elgg-gallery.gallery-tags-list .gallery-tag {
  display: inline-block;
  margin: 0px 4px 4px 4px;
  background: #f4f4f4;
  padding: 5px 15px;
  position: relative;
}

.gallery-tag i {
  position: absolute;
  top: -5px;
  right: -5px;
}

.gallery-media-tags {
  margin: 5px;
}

.gallery-media-tags label {
  display: block;
  font-size: 12px;
  font-weight: normal;
  margin: 4px 8px 8px;
}

.elgg-gallery.gallery-tags-list {
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.gallery-tag a {
  color: #666;
  text-decoration: none;
  font-weight: bold;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
}

.gallery-tag a img {
  margin: -8px 10px -8px -8px;
}

.elgg-module.hj-gallery-exif-module {
  margin: 10px;
}

.gallery-media-exif-details {
  margin: 10px 0;
}

.gallery-media-exif-details > li {
  padding: 5px 10px;
  border-bottom: 1px solid #cccccc;
}

.gallery-media-exif-details > li:last-child {
  border-bottom: 0;
}

.gallery-media-exif-details > li label {
  width: 30%;
  display: inline-block;
}

.gallery-tagger-area-preview {
  display: block;
  position: relative;
  overflow: hidden;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  border: 2px solid #cccccc;
}
.gallery-tagger-area-preview img {
  width: initial;
  height: auto;
  max-width: initial;
}

.elgg-form-gallery-phototag fieldset {
  padding: 0;
  border: 0;
}
.elgg-sortable-list-fieldset {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	margin: 0;
}
.elgg-sortable-list-fieldset > .elgg-field {
	flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
	padding: 5px;
}
.elgg-sortable-list-fieldset > .elgg-field.elgg-sortable-list-query-field {
	flex: 1 1 auto;
}
.elgg-sortable-list-fieldset > .elgg-field > .elgg-field-label {
    margin-right: 5px;
}
.elgg-sortable-list-fieldset > .elgg-field > .elgg-input-text {
    color:#fff;
}

.elgg-sortable-list-form-toggle {
    display: inline-block;
    width: 100%;
    text-align: right;
}

/* Clear button positioning */
.elgg-field {
    position: relative;
}

.elgg-filter-clear-button {
    position: absolute;
    right: 32px;
    top: 5px;
    color: #818181;
    cursor: pointer;
    transition: color 0.2s ease, opacity 0.2s ease;
    z-index: 10;
}
.elgg-filter-clear-button:hover {
    color: #fff;
}

.elgg-filter-clear-button.hidden {
    display: none;
}

/* Adjust if label is present */
.elgg-field.elgg-sortable-list-query-field .elgg-filter-clear-button {
    top: 5px; /* Adjust based on label height */
}

/* Adjust if no label */
.elgg-field:not(.has-label) .elgg-filter-clear-button {
    top: 10px;
}

/* Make room for clear button in input */
.elgg-sortable-list-query {
    padding-right: 60px; /* Space for both clear button and help button */
}.scraper-card-link { display: block; overflow: hidden; text-overflow: ellipsis; margin: 0; max-width: 300px; }

.scraper-card-description { margin: 0; }
.scraper-card-description p { margin: 4px 0; font-size: 90%; overflow: hidden; text-overflow: ellipsis; }

.scraper-card-icon-bg { background-position: 50%; background-size: cover; min-width: 225px; min-height: 168.75px; display: block; max-width: 100%; max-height: 100%; width: 100%; height: 100%; }

.scraper-card-block { position: relative; min-height: 168.75px; overflow: hidden; padding: 0; border: 1px solid #f4f4f4; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; }
.scraper-card-block .elgg-image { position: relative; margin: 0; padding: 0; -webkit-flex: 0 0 225px; flex: 0 0 225px; }
.scraper-card-block .elgg-body { -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 15px; }
.elgg-module.elgg-module-scraper-card .scraper-card-block { padding: 0; }
.elgg-module-widget .scraper-card-block { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.elgg-module-widget .scraper-card-block .elgg-image { position: relative; height: 225px; min-height: 150px; flex: 1 1 100%; }
@media (max-width: 820px) { .scraper-card-block { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .scraper-card-block .elgg-image { position: relative; height: 225px; min-height: 150px; flex: 1 1 100%; } }

.scraper-card-flex { position: relative; padding-top: 25px !important; padding-bottom: 67.5% !important; height: 0; margin-bottom: 0; overflow: hidden; max-height: 75vh; }
.scraper-card-flex.widescreen, .scraper-card-flex.scraper-card-youtube { padding-bottom: 56.34% !important; }
.scraper-card-flex.scraper-card-vimeo { padding-top: 0 !important; padding-bottom: 67.5% !important; }
.scraper-card-flex iframe, .scraper-card-flex object, .scraper-card-flex embed, .scraper-card-flex video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.scraper-card-photo { max-width: 500px; height: auto; }

.scraper-play-button { position: absolute; bottom: 0; right: 0; margin: 5px; font-size: 35px; color: red; text-shadow: 0 0 2px #fff; cursor: pointer; }
.scraper-play-button .elgg-icon { font-size: inherit; color: inherit; }

.scraper-link { line-height: 110%; vertical-align: middle; }
.scraper-link .favicon { background-size: 16px; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block; margin: 0 5px; }
.scraper-link .link { margin: 0 5px; }

.elgg-menu-scraper-card { position: absolute; right: 0; top: 0; margin: 5px; }

.jot_pricetag {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#00a700;
	border: 1px solid #00a700;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: 12px;
	padding: 2px 10px 2px 10px;
	margin:10px 0 10px 0;
}

.jot_input textarea {
	height: 50px;
}

/***************************************
 * from http://www.html-cleaner.com/features/replace-html-table-tags-with-divs/
 ***************************************/
.rTable {
    	display: table;
/*    	width: 100%; */
		}
.rTableRow {
    	display: table-row;
}
.rTableHeading {
    	display: table-header-group;
    	background-color: #ddd;
    	font-weight: bold;
}
.rTableCell {
    	display: table-cell;
    	padding: 3px 5px;
    	vertical-align: bottom;
/*        border: 1px solid #999999;*/
}
.rTableHead  {
    	display: table-cell;
    	padding: 3px 10px;
    	background-color: #ddd;
/*	       border: 1px solid #999999;*/
}
.rTableHead-v2 {
    display: table-cell;
    padding: 3px 10px;
    border-bottom: 1px dotted #cbc9c9;
    font-weight: bold;
}
.rTableHead>.rTableCell{
   /*??*/    
}
.rTableFoot {
    	display: table-footer-group;
    	font-weight: bold;
    	background-color: #ddd;
}
.rTableBody {
    	display: table-row-group;
}
.rTableform90{
		width: 90%;
}
.rTableform{
		width: 100%;
}.elgg-menu .elgg-form-shelf-load { max-width: 140px; display: inline-block; vertical-align: middle; margin-left: 20px; text-align: right; }
.elgg-menu .elgg-form-shelf-load [class*="shelf-col"] { padding: 0; }

[data-shelf-indicator]:not([data-shelf-indicator="0"]):after { display: block; content: attr(data-shelf-indicator); color: #FFF; background-color: #FF0000; border-radius: 10px; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.5); position: absolute; text-align: center; line-height: 14px; top: 4px; left: 26px; min-width: 16px; height: 16px; font-size: 10px; font-weight: bold; }

.shelf-table th { padding: 5px; text-align: right; }
.shelf-table td { text-align: right; padding: 5px; }
.shelf-table .shelf-checkout-item-description { text-align: left; }
.shelf-table .shelf-checkout-tax td { font-size: 90%; }
.shelf-table .shelf-checkout-total td { font-size: 110%; font-weight: bold; }
.shelf-table .shelf-checkout-item-quantity input[type="text"] { font-size: 90%; width: 35px; }

.shelf-load { display: flex; flex-flow: row nowrap; align-items: center; }
.shelf-load > div { padding: 5px; }

.shelf-image-block { padding: 0; }

.shelf-checkout-shop { padding: 5px; }

.shelf-accepts { display: inline-block; margin-right: 5px; padding: 0; max-height: 16px; width: auto; }

.shelf-payment-method-picker > div { display: flex; align-items: center; margin-top: 5px; }
.shelf-payment-method-picker > div > * { padding: 3px; }
.shelf-payment-method-picker > div > img { max-height: 20px; width: auto; }

.shelf-list-items{background:white;width: 210px;}
.shelf-float {position: fixed;top: 0;z-index: 2;}

/*************/
.ShelfShow__elw1jufs {
    -ms-flex-align: center;
    align-items: center;
    /*background-color: #e9e8e0;*/
    border-bottom: 1px solid transparent;
    border-radius: 3px;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
    overflow: hidden;
    padding: 4px;
}
.ShelfShow__elw1jufs:hover .ShelfShow__actions___oosero4fs {opacity: inherit;}
.ShelfShow__actions___oosero4fs {opacity: inherit;-ms-flex-item-align: start;-ms-grid-row-align: start;align-self: start;box-sizing: border-box;margin: 0 4px;}
.ShelfShow__actions--unfocused___234slkj65 {opacity: 0;}
.IconButton___0po345dx:not(.IconButton--borderless___1t-CE8H2) {
    background-color: #e9e7de;
    border-radius: 3px;
    border: 1px solid #999;
}
.IconButton___0po345dx{
    cursor: pointer;
}
.IconButton--small___ew4pds0kd {
    background-color: #eee;
    width: 23px;
    height: 23px;
}
.IconButton___0po345dx {
    position: relative;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 30px;
    width: 30px;
    opacity: 1;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 0;
}
.IconButton--small___ew4pds0kd:not(.IconButton--disabled___2cvk-s8R):not(.IconButton--inverted___2OWhVJqP):hover {
    background-color: #fff;
}
.quebx-shelf-items, .quebx-shelf-receipts {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}
.quebx-shelf-items.selected, .quebx-shelf-receipts.selected{
	border: solid 2px #c3c3c3;}
.shelf-label{
	cursor:pointer;
}
.shelf-area{
	max-height:250px;
	overflow:auto;
}
a.shelf-menu-page {
    display: block;
    border-radius: 0px;
    background-color: white;
    margin: 0 0 0px;
    /* margin: 0 0 3px; */
    padding: 2px 4px 2px 8px;
    border-left: 3px solid #d7d8da;
}
a.shelf-menu-page:hover {
    background-color: #dedede;
    /* background-color: #000000; */
    color: none;
    /* color: white; */
    text-decoration: none;
    border-left: 3px solid #999;
}
span.hoverhelp {background: #F0F0EE;}
/*.pallet[data-contents='shelf'] .preview .name{cursor:pointer;}*/.file-tools-icon-tiny {
	width: 20px;
	height: 20px;
}

.elgg-menu-file-tools-folder-breadcrumb > li:after {
	padding: 0 4px;
	content: ">";
}

#file_tools_list_files_container {
	position: relative;
	min-height: 50px;
}

#file_tools_list_files_container .elgg-ajax-loader {
	background-color: white;
	opacity: 0.85;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

#file_tools_list_files .ui-draggable,
.file-tools-file.ui-draggable {
	cursor: move;
	background: white;
}

#file-tools-folder-tree .file-tools-tree-droppable-hover {
	border: 1px solid red;
}

#file-tools-multi-form .uploadify-queue-item {
	max-width: 100%;
}/* jQuery Dropdown: A simple dropdown plugin
 *
 * Contribute: https://github.com/claviska/jquery-dropdown
 *
 * @license: MIT license: http://opensource.org/licenses/MIT
 *
 */
.dropbox,
 .dropboqx {position: relative;display: none;}
.dropbox .dropbox-menu,
 .dropbox .dropbox-panel,
 .dropboqx .dropboq-menu {list-style: none;background: white;border: dashed 1px #aaa;border-radius: 4px;overflow: visible;padding: 4px 0;margin: 0;}
.dropbox .dropbox-panel   {padding: 20px;}
.dropboqx .dropboqx-panel {padding: 20px;list-style: none;border: dashed 1px #aaa;border-radius: 4px;overflow: visible;padding: 4px 0;margin: 0;}
.dropboqx .dropboqx-panel.ui-droppable-hover {background-color: #f4f4f4;}
.dropboqx.new-boqx .dropboqx-panel:hover {cursor:pointer;background-color: #f4f4f4;}
.dropbox.dropbox-tip      {margin-top: 8px;}
.dropbox.dropbox-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  display: inline-block;
}
.dropbox.dropbox-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  display: inline-block;
}

table.ledger .dropbox {
  min-width: 60px;
  max-width: 150px;
}
.dropbox-anchor-right {
	text-align:left;
}
.dropbox.dropbox-tip.dropbox-anchor-right:before {
  left: auto;
  right: 9px;
}
.dropbox.dropbox-tip.dropbox-anchor-right:after {
  left: auto;
  right: 10px;
}
.dropbox.dropbox-scroll .dropbox-menu,
.dropbox.dropbox-scroll .dropbox-panel {
  max-height: 400px;
  overflow: auto;
}
.dropbox .dropbox-menu li {
  list-style: none;
  padding: 0 0;
  text-indent: 0;
  margin: 0;
  line-height: 18px;
}
.dropbox .dropbox-menu li > a,
.dropbox .dropbox-menu label {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 18px;
  padding: 3px 15px;
  margin: 0;
  white-space: nowrap;
}
.dropbox .dropbox-menu li>a:hover, 
.dropbox .dropbox-menu label:hover {
    background-color: #f2f2f2;
    color: inherit;
    cursor: pointer;
}
.dropbox .dropbox-menu .dropbox-divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0;
}

/******************
 * 
 *
********************/
.dropbox .dropbox-menu li>a.done:hover{
    background-color: inherit;
    color: inherit;
    cursor: none;
}
.qbox-dropdown {
  position: absolute;
  z-index: 1039;
  display: none;
}
.qbox-dropdown .qbox-dropdown-menu,
.qbox-dropdown .qbox-dropdown-panel {
  min-width: 160px;
  max-width: 360px;
  list-style: none;
  background: white;
  border: solid 1px #ddd;
  border-radius: 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  overflow: visible;
  padding: 4px 0;
  margin: 0;
/*  text-align: left;*/
}
.qbox-dropdown .qbox-dropdown-panel {
  padding: 10px;
}
.qbox-dropdown.qbox-dropdown-tip {
  margin-top: 8px;
}
.qbox-dropdown.qbox-dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  display: inline-block;
}
.qbox-dropdown.qbox-dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  display: inline-block;
}

table.ledger .qbox-dropdown {
  min-width: 60px;
  max-width: 150px;
}
.qbox-dropdown-anchor-right {
    text-align:left;
}
.qbox-dropdown.qbox-dropdown-tip.qbox-dropdown-anchor-right:before {
  left: auto;
  right: 9px;
}
.qbox-dropdown.qbox-dropdown-tip.qbox-dropdown-anchor-right:after {
  left: auto;
  right: 10px;
}
.qbox-dropdown.qbox-dropdown-scroll .qbox-dropdown-menu,
.qbox-dropdown.qbox-dropdown-scroll .qbox-dropdown-panel {
  max-height: 400px;
  overflow: auto;
}
.qbox-dropdown .qbox-dropdown-menu li {
  list-style: none;
  padding: 0 0;
  text-indent: 0;
  margin: 0;
  line-height: 18px;
}
.qbox-dropdown .qbox-dropdown-menu li > a,
.qbox-dropdown .qbox-dropdown-menu label {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 18px;
  padding: 3px 15px;
  margin: 0;
  white-space: nowrap;
}
.qbox-dropdown .qbox-dropdown-menu li>a:hover, 
.qbox-dropdown .qbox-dropdown-menu label:hover {
    background-color: #f2f2f2;
    color: inherit;
    cursor: pointer;
}
.qbox-dropdown .qbox-dropdown-menu .qbox-dropdown-divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0;
}
.dropbox .dropbox-panel .qbox-pallet,
         .dropbox-panel .qbox-pallet {
    min-width:500px;
    display: flex;
    flex-flow: row wrap;
}
.quebx-compartment-labels {
    min-width:500px;
    display: flex;
    flex-flow: row wrap;
}
.qbox-drop{
    min-height: 30px;
    order: 2;
    flex-basis: 32.5%;
    border: 1px solid grey;
    text-align:center;
}
/*label for the drop box*/
.qbox-drop:empty:not(:focus):before{
    content:attr(data-aspect);
}
.qbox-drop:hover{
    background: #fbf9ee;
    color: #363636;
}
.compartment-open {
    display: block;
}
.compartment-closed {
    display: none;
}
.compartment-contents-header, 
.compartment-components-header, 
.compartment-accessories-header {
    font-weight: bold;
}
.compartment-content-item, 
.compartment-component-item, 
.compartment-accessory-item {
    list-style-type: disc;
    margin-left: 15px;
    whitespace: nowrap;
}
span.qbox-pallet-label{
	position:absolute;
	top:2px;
	left:10px;
    font-size: smaller;
}

/******************
 * dropboqx
 * 
********************/
.dropboqxxx {position: relative;display: block;width: 100%;height: 100%;background-color:white;}
.dropboqxxx .dropboqxxx-panel {list-style: none;padding: 20px;}

.dropboqx {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color:white;
}
.dropboqx.ready{background-color:#e6e6e6;}
.dropboqx .dropboqx-menu,
.dropboqx .dropboqx-panel {
  list-style: none;
}
.dropboqx .dropboqx-panel {
  padding: 20px;
}
.dropboqx.dropboqx-tip {
  margin-top: 8px;
}
.dropboqx.dropboqx-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  display: inline-block;
}
.dropboqx.dropboqx-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  display: inline-block;
}

table.ledger .dropboqx {
  min-width: 60px;
  max-width: 150px;
}
.dropboqx-anchor-right {
	text-align:left;
}
.dropboqx.dropboqx-tip.dropboqx-anchor-right:before {
  left: auto;
  right: 9px;
}
.dropboqx.dropboqx-tip.dropboqx-anchor-right:after {
  left: auto;
  right: 10px;
}
.dropboqx.dropboqx-scroll .dropboqx-menu,
.dropboqx.dropboqx-scroll .dropboqx-panel {
  max-height: 400px;
  overflow: auto;
}
.dropboqx .dropboqx-menu li {
  list-style: none;
  padding: 0 0;
  text-indent: 0;
  margin: 0;
  line-height: 18px;
}
.dropboqx .dropboqx-menu li > a,
.dropboqx .dropboqx-menu label {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 18px;
  padding: 3px 15px;
  margin: 0;
  white-space: nowrap;
}
.dropboqx .dropboqx-menu li>a:hover, 
.dropboqx .dropboqx-menu label:hover {
    background-color: #f2f2f2;
    color: inherit;
    cursor: pointer;
}
.dropboqx .dropboqx-menu .dropboqx-divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0;
}
.dropboqx .dropboqx-menu li>a.done:hover{
    background-color: inherit;
    color: inherit;
    cursor: none;
}
.dropqbox .dropboqx-panel .dropboqx-pallet{
    display: flex;
    flex-flow: row wrap;
}
.dropboqx-dropspot{
    text-align:center;
}
/*label for the drop box*/
.dropboqx-dropspot:empty:not(:focus):before{
    content:attr(label);
}
/*.dropboqx-dropspot:hover{background: #fbf9ee;color: #363636;}*/
.tasks-nav.treeview ul {
	background-color: transparent;
}

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

.tasks-nav.treeview .hover {
	color: #0054a7;
}



.sharing_item {

}

.sharing_item_owner {
	font-size: 90%;
	margin: 10px 0 0 0;
	color:#666666;
}

.sharing_item_owner .icon {
	float: left;
	margin-right: 5px;

}
.sharing_item_title h3 {
	font-size: 150%;
	margin-bottom: 5px;
}
.sharing_item_title h3 a {
	text-decoration: none;
}
.sharing_item_description p {
	margin:0;
	padding:0 0 5px 0;
}
.sharing_item_tags {
	background:transparent url(https://qboqx.smarternetwork.com/_graphics/icon_tag.gif) no-repeat scroll left 2px;
	margin:0;
	padding:0 0 0 14px;
}

.sharing_item_address a {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#4690d6;
	border: 1px solid #4690d6;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	width: auto;
	height: 25px;
	padding: 2px 6px 2px 6px;
	margin:10px 0 10px 0;
	cursor: pointer;
}
.sharing_item_address a:hover {
	background: #0054a7;
	border: 1px solid #0054a7;
	text-decoration: none;
}
.sharing_item_controls p {
	margin:0;
}



/* SHARES WIDGET VIEW */
.shares_widget_wrapper {
	background-color: white;
	margin:0 10px 5px 10px;
	padding:5px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
.shares_widget_icon {
	float: left;
	margin-right: 10px;
}
.shares_timestamp {
	color:#666666;
	margin:0;
}
.share_desc {
	display:none;
	line-height: 1.2em;
}
.shares_widget_content {
	margin-left: 35px;
}
.shares_title {
	margin:0;
	line-height: 1.2em;
}

/* timestamp and user info in gallery and list view */
.search_listing_info .shares_gallery_user,
.share_gallery_info .shares_gallery_user,
.share_gallery_info .shares_gallery_comments {
	color:#666666;
	margin:0;
	font-size: 90%;	
}


input.tiny {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	/*height:12px;*/
	margin:0;
	padding:2px;
}
input.date{
	width:100px;
}
input.number, input.task_work_remaining, input.task_percent_done {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
	color:#999999;
	/*font-size:12px;*/
	font-weight:bold;
	/*height:12px;*/
	margin:0;
	padding:2px;
	width:100px;
}

.tasks_resume {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border:1px solid #CCCCCC;
	margin:0 0 15px;
	padding:2px;
	background:#EEEEEE none repeat scroll 0 0;
	/*font-size: 85%;*/
}
table.tasks{
	margin:0;
	padding:0 0 2px;
}

p.task_inforight{
 /*float: left;*/
}

#group_tasks_widget {
	margin:0 0 20px 0;
	padding: 0 0 5px 0;
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
#group_tasks_widget .search_listing {
	border: 2px solid #cccccc;
}

.tasks label {display: inline-block; width: 120px}


#task-calendar-script-warning {
	display: none;
	background: #eee;
	border-bottom: 1px solid #ddd;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: red;
}

#task-calendar-loading {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
}

#task-calendar {
	margin: 5px;
}.widget_manager_hide_header > .elgg-head,
.widget_manager_hide_header_admin > .elgg-head {
	display: none;
}

.widget_manager_hide_header_admin:hover > .elgg-head {
	display: block;
}

.widget_manager_hide_header_admin:hover > .elgg-body {
	border-top-width: 2px;
}

.elgg-module-widget.widget_manager_disable_widget_content_style > .elgg-body,
.widget_manager_hide_header_admin > .elgg-body,
.widget_manager_hide_header > .elgg-body {
	border-top-width: 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;
}

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

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

.widget-manager-widget-access .elgg-text-help {
	display: none;
}/* 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.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 .elgg-menu-widget .elgg-menu-item-settings,
.elgg-module-widget .elgg-menu-widget .elgg-menu-item-delete {
	display: none;
}
.elgg-module-widget:hover .elgg-menu-widget .elgg-menu-item-settings,
.elgg-module-widget:hover .elgg-menu-widget .elgg-menu-item-delete {
	display: inline-block;
}/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 1100; overflow: hidden; }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; background: white; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; background: transparent; margin: 35px; border: 10px rgba(204, 204, 204, 0.5) solid; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxLoadedContent > * { padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#cboxTitle { position: absolute; bottom: -35px; max-width: 80%; font-weight: bold; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; margin: auto; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; background: #fff; }

#colorbox, #cboxContent, #cboxLoadedContent { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight { display: none; }

#cboxError { border: 1px solid rgba(204, 204, 204, 0.5); padding: 50px; }

#cboxCurrent { position: absolute; right: 0; bottom: -35px; }

#cboxLoadingOverlay { background: transparent url(ajax_loader_bw.gif) no-repeat center center; }

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; overflow: visible; width: auto; background: none; margin: 0; padding: 0; }

#cboxSlideshow { position: absolute; bottom: 0; right: 42px; color: #444; }

#cboxClose, #cboxPrevious, #cboxNext { position: absolute; width: 22px; height: 22px; font-size: 14px; line-height: 14px; top: 50%; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: black; color: white; text-align: center; box-shadow: 0 0 0 2px white; }

#cboxPrevious { left: 0; margin-left: -15px; top: 50%; margin-top: -13px; }

#cboxNext { right: 0; margin-right: -15px; top: 50%; margin-top: -13px; }

#cboxClose { top: 0; right: 0; margin: -15px; }

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

#colorbox, #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

.extendafriendclear {
	clear:both;
	height: 1px;	
}

.extendafriendcollectionlist {
	width: 170px;
	float: left;
	padding: 5px;	
}

form.extendafriend {
	max-width: 600px;
	margin: 0 auto;
}
.attachments-show .attachments-fieldset {
	display: block !important;
}
.attachments-show .attachments-toggler {
	display: none !important;
}
.attachments-toggler {
	float: left;
}
.attachments-fieldset .elgg-dropzone {
    margin-bottom: 5px;
}
.attachments-attached-item {
    position: relative;
}
.attachments-attached-item .attachments-detach-action {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px;
    background: white;
}
.attachments-attached-item:hover .attachments-detach-action {
    display: block;
}
.attachments-list {
	margin: 0;
}
.elgg-menu-wall-filter {
  text-align: right;
  margin: 10px;
}
.elgg-menu-wall-filter .elgg-icon {
  font-size: 20px;
  color: inherit;
}
.elgg-menu-wall-filter > li {
  display: inline-block;
}
.elgg-menu-wall-filter > li a {
  color: #cccccc;
}
.elgg-menu-wall-filter > li.elgg-state-selected a,
.elgg-menu-wall-filter > li a:hover {
  color: #008fb4;
}

.wall-find-me {
  float: right;
  font-weight: normal;
  font-size: 90%;
}

.wall-tagged-friends,
.wall-tagged-location,
.wall-tagged-attachments {
  font-size: 90%;
  color: #666;
}

.wall-status-counter {
  text-align: right;
  left: 0;
  bottom: 0;
  padding: 0 8px;
  font-size: 11px;
  line-height: 20px;
  vertical-align: middle;
  color: #666;
}
.wall-status-counter .wall-chars-counter {
  margin: 0 5px 0 0;
  font-size: 12px;
}
.wall-status-counter.wall-status-counter-overflow .wall-chars-counter {
  color: darkred;
  font-weight: bold;
}

.wall-attachments,
.wall-url-preview {
  margin: 10px 0;
}
.wall-attachments img,
.wall-attachments iframe,
.wall-attachments object,
.wall-attachments embed,
.wall-url-preview img,
.wall-url-preview iframe,
.wall-url-preview object,
.wall-url-preview embed {
  max-width: 100%;
}

.wall-attachments-gallery {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.wall-attachments-gallery > li {
  padding: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wall-attachments-gallery img {
  max-width: 300px;
  max-height: 200px;
  vertical-align: middle;
}

.elgg-widget .wall-attachments-gallery img {
  max-width: 100%;
}

.wall-widget-list > li {
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.elgg-menu-wall-tools > li {
  margin: 2px;
}

.elgg-menu-wall-tools > li > a {
  padding: 2px;
  background: #eee;
  font-size: 30px;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
}

.elgg-menu-wall-tools > li > a .elgg-icon {
  color: #666;
  line-height: 26px;
  vertical-align: middle;
}

.elgg-menu-wall-tools > li > a:hover {
  background: #dcdcdc;
}

.wall-field-url .elgg-input-single-checkbox {
  font-weight: normal;
  font-size: 90%;
  margin: 5px;
  display: block;
}
ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
    border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background: white;
	cursor: text;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
    position: relative;
    line-height: inherit;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only {
    padding: .2em .5em .2em .5em;
}

ul.tagit li.tagit-choice-editable {
    padding: .2em 18px .2em .5em;
}

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

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

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}

/* Optional scoped theme for tag-it which mimics the zendesk widget. */
ul.tagit li.tagit-choice {
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #4690d6;

    background: none;
    background-color: #e4ecf5;

    font-weight: normal;
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #555;
}
ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
    display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    background-color: #4690d6;
    color: white;
}
ul.tagit input[type="text"] {
    color: #333333;
    background: none;
}

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete { position: absolute; cursor: default; }
* html .tagit-autocomplete.ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.tagit-autocomplete.ui-menu .ui-menu {
    margin-top: -3px;
}
.tagit-autocomplete.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.tagit-autocomplete.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.tagit-autocomplete.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; }
.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.tagit-autocomplete .ui-state-active  { border: 1px solid #aaaaaa; }

.tagit-autocomplete .ui-widget-content { border: 1px solid #aaaaaa; }
.tagit .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); }

.tagit.elgg-input-required {
	box-shadow: 0 0px 2px red;
}
input.elgg-input-tags.tagit-hidden-field,
input.elgg-input-tags.tagit-hidden-field:required {
	display: block;
	border: 0;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	box-shadow: none;
	position: absolute;
}.elgg-menu-follow-tag {
	display: inline;
}/* Event global */
.event-manager-forms-label-100 label:not(.elgg-field-label) {
	font-size: 100%;
}
.event-manager-forms-label-normal label:not(.elgg-field-label) {
	font-size: 100%;
	font-weight: normal;
}

/* Event View */
.event-manager-event-banner img {
	max-width: 100%;
	max-height: 300px;
	display: block;
	margin: 0 auto;
}

/* Event Edit */
.event-manager-forms-label-inline .elgg-field-label {
	display: inline-block;
}

.event-manager-contact-userpicker .elgg-user-picker > label, 
.event-manager-contact-userpicker .elgg-user-picker > input[type="checkbox"] {
	display: none;
}

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

#event-manager-maps-location-search {
	height: 400px;
	width: 600px;
}

/* Event listing  */
.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_icon {
	text-align: center;
	width: 40px;
	padding: 1px;
	
	background: #4787b8;
    border: 1px solid rgba(0, 0, 0, 0.2);
    
    border-radius: 3px;
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.event_manager_event_list_icon_day {
	font-size: 15px;
    font-weight: bold;
    line-height: 23px;
    background: #FFFFFF;    
	border-radius: 0 0 2px 2px;
}
.event_manager_event_list_icon_month {
	color: #FFFFFF;
	font-size: 11px;
    line-height: 11px;
    padding: 2px 0;
}

#event_manager_event_listing div.pagination {
	margin: 0;
}

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

#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%;
}
#event_manager_search_form .elgg-field {
	margin: 0;
}

#event-manager-search-form-past-events  {
	display: inline-block;
	margin-left: 10px;
}

#event_manager_event_search_advanced_container .elgg-input-dropdown,
#event_manager_event_search_advanced_container .elgg-input-date {
	width: 200px;
}

/* Event view */

.event-manager-event-view-attendees .elgg-head h3 a {
	font-size: 1em;
}

.event-manager-event-view-attendees-more {
	line-height: 40px;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
}

.event-manager-event-when {
	margin-bottom: 15px;
}

.event-manager-event-when .elgg-icon-calendar {
	font-size: 3em;
	margin: 0 10px;
}

.event-manager-event-when-title {
	font-size: 20px;
	font-weight: bold;
}

.event-manager-event-when-subtitle {
	color: #CCC;
	font-size: 18px;
	margin-top: 10px;
}

.elgg-module-event {
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
}

.elgg-module-event label {
	font-size: 100%;
}

.event-manager-event-view-maps {
	width: 100%;
	height: 400px;
}

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

/* Event tool links */
.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 0 0 10px;
}
.event_manager_event_actions_drop_down li .elgg-icon-checkmark-hover {
	visibility: hidden;
}
.event_manager_event_actions_drop_down li:hover .elgg-icon-checkmark-hover {
	visibility: visible;
}

/* Event Program Day */

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

/* 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;
	margin-left: 5px;
	
	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_description{
	word-wrap: break-word;
	width: 100%;
}

/* event copy form */
.elgg-form-event-manager-event-copy {
	width: 600px;
}

.maps_infowindow {
	font-size: 11px;
	display: flex;
}
.maps_infowindow_text div.event_manager_event_view_owner {
	font-size: 11px;
}

.maps_infowindow_text {
	width: 250px;
}

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

.leaflet-container .elgg-button {
	color: white; /* fix for leaflet taking over color of links */
}

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

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

#event_manager_onthemap_legend img {
	vertical-align: middle;
}

/* hack to hide clear button on input/date fields for IE/Edge */
.elgg-input-date::-ms-clear {
	display: none;
}
.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;
}#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;
}

.ui-multiselect-menu {
	z-index:10000;
	background: white;
	border: 1px solid #CCCCCC;
}

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

.profile-manager-multiselect {
	visibility: hidden;
	display: inline-block !important;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0 -2px 0 0;
}
/* 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;
	margin-bottom: 0px;
	padding: 5px;
}

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

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

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

.elgg-icon.profile_manager_validate_icon {
	margin-left: -22px;
    margin-top: 8px;
    position: absolute;
}

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

/* End Account Username Change */.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { left:-9999px; position:absolute !important; top: auto !important; }
.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 .ui-multiselect-close { float:right; padding-right:0; text-align:right; }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; text-align: left; }
.ui-multiselect-checkboxes { overflow-y:auto; position:relative; }
.ui-multiselect-checkboxes label { border:1px solid transparent; cursor:default; display:block; padding:3px 1px; }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; list-style: none; padding-right:3px; }
.ui-multiselect-checkboxes .ui-multiselect-optgroup { padding: 3px; }
.ui-multiselect-columns { display: inline-block; vertical-align: top; }
.ui-multiselect-checkboxes .ui-multiselect-optgroup a { border-bottom:1px solid; cursor: pointer; display:block; font-weight:bold; margin:1px 0; padding:3px; text-align:center; text-decoration:none; }

@media print{
    .ui-multiselect-menu {display: none;}
}
.interactions.interactions-has-active-tab > .interactions-component { border: 1px solid #dddddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.interactions.interactions-has-active-tab > .interactions-component.elgg-ajax-loader { padding: 30px; margin: 0; }

.interactions-controls { *zoom: 1; margin-top: 10px; height: 29px; }
.interactions-controls:before, .interactions-controls:after { content: " "; display: table; }
.interactions-controls:after { clear: both; }

.elgg-menu-interactions > li { margin: 0 3px 0 0; font-size: 14px; }
.elgg-menu-interactions > li a { padding: 5px 10px; line-height: 18px; display: inline-block; }
.elgg-menu-interactions > li.elgg-state-selected { border-width: 1px 1px 0 1px; border-style: solid; border-color: #dddddd; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.elgg-menu-interactions > li.elgg-state-selected a { background: #ffffff; top: 1px; }

.interactions-icon { font-size: 18px; line-height: 18px; vertical-align: middle; }

.interactions-badge-indicator { margin-left: 5px; font-size: 14px; line-height: 18px; vertical-align: middle; }

.interactions-component { display: none; background-color: #ffffff; }
.interactions-component.elgg-state-selected { display: block; }
.interactions-component .elgg-list { margin: 0; }
.interactions-component .elgg-list > li { padding: 10px; }
.interactions-component .elgg-no-results { padding: 10px; margin: 0; }
.interactions-component .attachments-toggler { float: none; }
.interactions-component .elgg-pagination-infinite { margin: 0 auto; padding: 10px; border-bottom: 1px solid #dddddd; }
.interactions-component .elgg-pagination-infinite .elgg-before, .interactions-component .elgg-pagination-infinite .elgg-after { border: none; padding: 0; }
.interactions-component .elgg-pagination-infinite .elgg-before:after, .interactions-component .elgg-pagination-infinite .elgg-before:before, .interactions-component .elgg-pagination-infinite .elgg-after:after, .interactions-component .elgg-pagination-infinite .elgg-after:before { content: none; }
.interactions-component .elgg-form { border: none; padding: 10px; height:inherit;}
.interactions-component .elgg-form .elgg-foot { margin-top: 5px; }
.interactions-component .elgg-form input[type="submit"] { margin: 0; }
.interactions-component .elgg-form + * { border-top: 1px solid #dddddd; }

.interactions-image-block { padding: 0; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; }
.interactions-image-block > .elgg-image { -webkit-order: 1; order: 1; -webkit-flex: 0 0 30px; flex: 0 0 30px; margin-right: 10px; }
.interactions-image-block > .elgg-image-alt { -webkit-order: 3; order: 3; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; }
.interactions-image-block > .elgg-body { -webkit-order: 2; order: 2; -webkit-flex: 1 1 auto; flex: 1 1 auto; }

.interactions-component .elgg-box { margin: 10px; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* Blog Plugin */

/* force tinymce input height for a more useful editing / blog creation area */
form#blog-post-edit #description_parent #description_ifr {
	height:400px !important;
}
/* Style the popup module */
#inbox-popup { padding: 0; background: white; width: 345px; max-width: 100%; position: absolute; }
#inbox-popup .elgg-no-results, #inbox-popup .elgg-ajax-loader { margin: 0; padding: 8px; }
#inbox-popup .elgg-list-inbox { max-height: 300px; overflow-y: auto; margin: 0; }
#inbox-popup .elgg-foot { border-top: 1px solid #dddddd; }
#inbox-popup .elgg-foot a { text-align: center; font-size: 12px; min-width: 30px; padding: 4px; display: inline-block; width: 100%; text-align: center; }

.elgg-list-inbox > li { padding: 0; margin: 0; }
.elgg-list-inbox > li:last-of-type { border-bottom-width: 0; }
.elgg-list-inbox > li .inbox-message { padding: 8px; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; }

.elgg-menu-item-inbox > a { position: relative; }
.elgg-menu-item-inbox > a .elgg-icon { font-size: 20px; }

.inbox-message { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; padding: 10px; position: relative; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; }
.inbox-message > * { -webkit-flex: 1 0 auto; flex: 1 0 auto; padding: 0 5px; }
.inbox-message .inbox-message-checkbox { -webkit-flex: 0 0 20px; flex: 0 0 20px; padding-top: 10px; }
.inbox-message .inbox-message-icon { -webkit-flex: 0 0 40px; flex: 0 0 40px; text-align: center; }
.inbox-message .inbox-message-content { -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; }
.inbox-message .inbox-message-subject { margin-right: 10px; }
.inbox-message .inbox-message-body, .inbox-message .inbox-message-body-excerpt { margin: 5px auto; }
.inbox-message[data-href] { cursor: pointer; }
.inbox-message.inbox-message-unread { background-color: #ecf0f7; }
.inbox-message.inbox-message-unread .elgg-menu-item-markunread { display: none; }
.inbox-message.inbox-message-read { background-color: #ffffff; }
.inbox-message.inbox-message-read .elgg-menu-item-unread, .inbox-message.inbox-message-read .elgg-menu-item-markread { display: none; }

.inbox-messages-control-group { padding: 0 10px; }

.elgg-menu-inbox, .elgg-menu-inbox-thread { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.elgg-menu-inbox > li, .elgg-menu-inbox-thread > li { padding: 0 5px; }
.elgg-menu-inbox > li.elgg-menu-item-toggle, .elgg-menu-inbox-thread > li.elgg-menu-item-toggle { line-height: 34px; }

.elgg-menu-topbar .inbox-unread-count { color: white; background-color: red; position: absolute; text-align: center; top: 2px; left: auto; right: -8px; min-width: 16px; height: 16px; line-height: 16px; font-size: 10px; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.elgg-menu-filter .inbox-unread-count { padding: 2px 4px; background: #999; margin-left: 5px; color: #fff; font-weight: bold; font-size: 12px; vertical-align: middle; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.inbox-messages .elgg-pagination { display: none; }

.inbox-message-block { border: 1px solid #dddddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.inbox-message-block .elgg-pagination-infinite { margin: 0 auto; padding: 10px; border-bottom: 1px solid #dddddd; }
.inbox-message-block .elgg-pagination-infinite .elgg-before, .inbox-message-block .elgg-pagination-infinite .elgg-after { border: none; padding: 0; }
.inbox-message-block .elgg-pagination-infinite .elgg-before:after, .inbox-message-block .elgg-pagination-infinite .elgg-before:before, .inbox-message-block .elgg-pagination-infinite .elgg-after:after, .inbox-message-block .elgg-pagination-infinite .elgg-after:before { content: none; }

.inbox-thread-participants { padding: 10px; border-bottom: 1px solid #dddddd; background-color: #fafafa; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; }

#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(https://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(https://qboqx.smarternetwork.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right -37px;
}
.site-notifications-buttonbank {
	text-align: right;
}
.site-notifications-buttonbank input {
	margin-left: 10px;
}
.places-nav.treeview ul {
	background-color: transparent;
}

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

.places-nav.treeview .hover {
	color: #0054a7;
}