/* ***************************************
	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,
.elgg-button,
.elgg-icon,
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	/* Google says do this, but why? */
	position: relative;

	display: inline-block;
}

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

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

a {
	color: #4690D6;
}

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

p {
	margin-bottom: 15px;
}

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

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

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

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

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

code {
	padding:2px 3px;
}

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

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

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #0054A7;
}

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;
	color: white;
	font-style: italic;
	font-family: Georgia, times, serif;
	text-shadow: 1px 2px 4px #333333;
	text-decoration: none;
}

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

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

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

.elgg-quiet {
	color: #666;
}

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

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

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

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

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

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

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

textarea {
	height: 200px;
}


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


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

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

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

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

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

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

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

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

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

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

.ui-datepicker-header {
	position: relative;
	background: #4690D6;
	color: white;
	padding: 2px 0;
	border-bottom: 1px solid #0054A7;
}
.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: #0054A7;
	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: #4690D6;;
	background: #fafafa;
}
.ui-datepicker-calendar .ui-state-hover {
	border: 1px solid #aaa;
	color: #0054A7;
	background: #eee;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-active.ui-state-hover {
	font-weight: bold;
	border: 1px solid #0054A7;
	color: #0054A7;
	background: #E4ECF5;
}
/* **************************
	BUTTONS
************************** */

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

	width: auto;
	padding: 2px 4px;
	cursor: pointer;
	outline: none;
	
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
}
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 #4690d6;
	background: #4690d6 url(http://eco.imooc.uab.pt/elgg/_graphics/button_graduation.png) repeat-x left 10px;
}

.elgg-button-submit:hover {
	border-color: #0054a7;
	text-decoration: none;
	color: white;
	background: #0054a7 url(http://eco.imooc.uab.pt/elgg/_graphics/button_graduation.png) repeat-x left 10px;
}

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

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

.elgg-button-action:hover,
.elgg-button-action:focus {
	background: #ccc url(http://eco.imooc.uab.pt/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(http://eco.imooc.uab.pt/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;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	
	/*background-image:url(http://eco.imooc.uab.pt/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;
	
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}

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

.elgg-icon {
	background: transparent url(http://eco.imooc.uab.pt/elgg/_graphics/elgg_sprites.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-avatar > .elgg-icon-hover-menu {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	cursor: pointer;
}

.elgg-ajax-loader {
	background: white url(http://eco.imooc.uab.pt/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;
	
	/* remove the border-radius if you don't want rounded avatars in supported browsers */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-moz-background-clip:  border;
	background-clip:  border;

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

	-webkit-background-size: 40px;
	-khtml-background-size: 40px;
	-moz-background-size: 40px;
	-o-background-size: 40px;
	background-size: 40px;
}
.elgg-avatar-medium > a > img {
	width: 100px;
	height: 100px;
}
.elgg-avatar-large > a > img {
	width: 200px;
	height: 200px;
}

/* ***************************************
	PAGINATION
*************************************** */
.elgg-pagination {
	margin: 10px 0;
	display: block;
	text-align: center;
}
.elgg-pagination li {
	display: inline;
	margin: 0 6px 0 0;
	text-align: center;
}
.elgg-pagination a, .elgg-pagination span {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	padding: 2px 6px;
	color: #4690d6;
	border: 1px solid #4690d6;
	font-size: 12px;
}
.elgg-pagination a:hover {
	background: #4690d6;
	color: white;
	text-decoration: none;
}
.elgg-pagination .elgg-state-disabled span {
	color: #CCCCCC;
	border-color: #CCCCCC;
}
.elgg-pagination .elgg-state-selected span {
	color: #555555;
	border-color: #555555;
}

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

/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-breadcrumbs {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;
	color: #bababa;
}
.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: #0054a7;
	text-decoration: underline;
}

.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: #4690D6;
	text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ***************************************
	PAGE MENU
*************************************** */
.elgg-menu-page {
	margin-bottom: 15px;
}

.elgg-menu-page a {
	display: block;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 0 0 3px;
	padding: 2px 4px 2px 8px;
}
.elgg-menu-page a:hover {
	background-color: #0054A7;
	color: white;
	text-decoration: none;
}
.elgg-menu-page li.elgg-state-selected > a {
	background-color: #4690D6;
	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;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.elgg-menu-owner-block li a:hover {
	background-color: #0054A7;
	color: white;
	text-decoration: none;
}
.elgg-menu-owner-block li.elgg-state-selected > a {
	background-color: #4690D6;
	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;
}
.elgg-menu-river > li > a {
	display: block;
}
.elgg-menu-river > li > span {
	vertical-align: baseline;
}

/* ***************************************
	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;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.elgg-module-info > .elgg-head * {
	color: #333;
}

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

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

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

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

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

/* ***************************************
	List
*************************************** */
.elgg-list {
	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);
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.elgg-state-success {
	background-color: black;
}
.elgg-state-error {
	background-color: red;
}
.elgg-state-notice {
	background-color: #4690D6;
}

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

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

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

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

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


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

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

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

/* ***************************************
	PAGE LAYOUT
*************************************** */
/***** DEFAULT LAYOUT ******/
.elgg-page-default {
	min-width: 990px;
}
.elgg-page-default .elgg-page-header > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	height: 330px;  /********Change the height here, to match the height of the image*****/
	
}
.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;
	border-top: 1px solid #DEDEDE;
	
}

/***** TOPBAR ******/
.elgg-page-topbar {
	background: #333333 url(http://eco.imooc.uab.pt/elgg/_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;
	background: #fff url(http://eco.imooc.uab.pt/elgg/_graphics/header_shadow.png) repeat-x bottom left;
}
.elgg-page-header > .elgg-inner {
	position: relative;
}

/***** PAGE BODY LAYOUT ******/
.elgg-layout {
	min-height: 360px;
}
.elgg-layout-one-sidebar {
	background: transparent url(http://eco.imooc.uab.pt/elgg/mod/easytheme/graphics/sidebar_background.gif) repeat-y right top;
}
.elgg-layout-two-sidebar {
	background: transparent url(http://eco.imooc.uab.pt/elgg/_graphics/two_sidebar_background.gif) repeat-y right top;
}
.elgg-sidebar {
	position: relative;
	padding: 20px 10px;
	float: right;
	width: 210px;
	margin: 0 0 0 10px;
	
}
.elgg-sidebar-alt {
	position: relative;
	padding: 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 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: none repeat scroll 0 0 #4690D6;
	color: white;
	cursor: pointer;
	font-size: 1.2em;
	margin: 10px 0;
	padding: 4px 2px 4px 6px;
}
#friends_collections_accordian li h2:hover {
	background-color: #333;
}
#friends_collections_accordian .friends_collections_controls {
	float: right;
	font-size: 70%;
}
#friends_collections_accordian .friends-picker-main-wrapper {
	background: none repeat scroll 0 0 white;
	display: none;
	padding: 0;
}

.clearfloat { 
	clear: both;
}

.hidden {
	display: none;
}

.centered {
	margin: 0 auto;
}

.center {
	text-align: center;
}

.float {
	float: left;
}

.float-alt {
	float: right;
}

.link {
	cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

.mal{margin:20px}
.mrl, .mhl{margin-right:20px}
.mll, .mhl{margin-left:20px}
.mtl, .mvl{margin-top:20px}
.mbl, .mvl{margin-bottom:20px}
/*******************************
	Custom Index
********************************/

.custom-index {
	padding: 20px;
}

.index_mode {
	margin-top: 20px;
	margin-left: 5px;
	border-spacing: 15px;
	width: 97.3%;
}

.index_mode td {
	padding-left: 15px;
}

.elgg-module-featured {
	border: 1px solid #FEDD00;
        -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.elgg-module-featured  .elgg-head {
	padding: 5px;
	background-color: #FFFFFF; //#FEDD00;
	background-image: url('http://eco.imooc.uab.pt/elgg/mod/easytheme/graphics/box_head.png')
}

.custom-index .elgg-content {
	//width: 400px;  //vjr

}

.et-module-message {	
	border: 1px solid #FEDD00;
	padding: 15px;
	margin-bottom: 20px;
	min-height: 260px;
        height: auto !important; 
        height: 260px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
}

.et-module-message h3{
	margin-bottom: 15px;
}

.et-module-message h2{
	margin-bottom: 12px;
}

.custom-index .elgg-gallery{
	margin-top: 10px;
	margin-left: 8px;

}


.custom-index .elgg-form {
	padding-top: 30px;
	padding-left: 30px;
	width: 300px;
}

.elgg-module-featured > .elgg-body{
        padding-left: 15px;
	padding-right: 15px;
        padding-bottom: 5px;       
       
}

.elgg-module-featured > .elgg-body h3{
	color: #fff;	
	}

.elgg-module-featured > .elgg-body h2 {
	padding: 10px;
	padding-bottom: 0px;
}

.custom-index .elgg-list {
	padding: 10px;
}
#custom_fields_ordering {
	width: 518px;
	float: left;
}

.custom_fields_ordering_group {
	width: inherit !important;
	float: none !important;
}

#custom_fields_lists{
	width: 200px;
	float: right;
}

.custom_fields_lists_green {
	border-color: green !important; 
}

#custom_fields_category_list .ui-sortable{
	min-height: 0px;
}

#custom_fields_category_list .droppable-hover{
	background: #BBDAF7;
}

.custom_fields_category,
.custom_profile_type  {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	margin-bottom: 2px;
	padding: 1px;
	word-wrap: break-word;
	background-color: white; /* fix so pickup of draggable will work in IE (7) */
}

.custom_profile_type {
	border-left: 1px solid #CCCCCC;
}

.custom_profile_type_description {
	display: none;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.custom_fields_category_selected {
	border-color: #4690D6;
}

.custom_fields_category_edit,
.custom_profile_type_edit {
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(http://eco.imooc.uab.pt/elgg/mod/profile_manager/_graphics/edit.png);
	margin-top: 1px;
	float: right;
}

.custom_fields_category_delete_button,
.custom_fields_profile_type_delete_button {
	display: none;
}

#custom_fields_category_list_custom .custom_fields_category { 
	cursor: move;
}

#custom_fields_ordering .search_listing {
	border: 1px solid #CCCCCC;
	cursor: move;
}

#custom_fields_ordering .search_listing_icon img {
	width: 16px;
	cursor: pointer;
}

#custom_fields_ordering .search_listing_info {
	min-height: 0px;
	margin-left: 25px;
	color: #333333;
}

#custom_fields_form, 
#custom_fields_category_form,
#custom_fields_profile_type_form {
	display: none;
}

#custom_fields_ordering.ui-sortable {
	min-height: 0px;
}
#custom_fields_category_list_custom .ui-sortable-helper,
#custom_fields_ordering .ui-sortable-helper {
	width: 100%;
}

.metadata_config_right{
	float: right;
}

.metadata_config_left{
	float: left;
}

.metadata_config_left_extra{
	display:none;
}

.metadata_config_right_status {
	width: 16px;
	height: 13px;
	display: inline-block;
	cursor: default;
	background: url(http://eco.imooc.uab.pt/elgg/mod/profile_manager/_graphics/field_metadata_status.png);
}

.metadata_config_right_status_enabled{
	background-position: 0 -16px;
	cursor: pointer;
}

.metadata_config_right_status_disabled{
	background-position: 0 -32px;
	cursor: pointer;
}

.datepicker_hidden{
	display: none;
}

.custom_fields_add_form_table,
.custom_fields_add_form_table_left {
	width: 100%;
}

.custom_fields_add_form_table_right {
	white-space: nowrap;
}

.custom_fields_add_form_table_right label{
	font-size:inherit;
	font-weight:inherit;
}
.custom_fields_add_form_table_right .input-checkboxes{
	vertical-align: middle;
}

/* actions */
.custom_profile_fields_actions_list td{
	vertical-align: middle;
	padding-left: 5px;
	font-size:90%;
}

#restoreForm {
	display: none;
}

/* end actions */

.custom_fields_more_info {
	/*width: 14px;
	height: 14px;
	float: right;*/
	
	width: 16px;
	height: 16px;
	margin: 0 2px 0 5px;
	display: inline-block;
	vertical-align: top;
	background: url(http://eco.imooc.uab.pt/elgg/_graphics/icon_customise_info.gif);
	cursor: pointer;
}

.custom_fields_more_info_text {
	display:none;
}

#custom_fields_more_info_tooltip {
	position:absolute;
	border:1px solid #333333;
	background:#e4ecf5;
	color:#333333;
	padding:5px;
	display:none;
	width: 250px;
	line-height: 1.2em;
	font-size: 90%;
}

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

/* user details */
#custom_fields_userdetails {
	margin: 2px 0;
}

#custom_fields_userdetails h3 {
	padding: 1px;
	border-bottom: 1px solid #CCCCCC;
	white-space: nowrap;
	overflow: hidden;
}


.ui-accordion-header {
	
	border: 1px solid #CCCCCC;
	cursor: pointer;
	margin-top:2px;
}

.ui-accordion-header:hover {
	background: #DEDEDE;
}

.ui-accordion-header .accordion-icon {
	margin-top: 1px;
	background: url(http://eco.imooc.uab.pt/elgg/mod/profile_manager/_graphics/accordion.png) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	float: left;
}

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


.ui-accordion-header.selected .accordion-icon {
	background-position: 0 0;
}

.submit_button {

	width: 1;  /* IE table-cell margin fix */
    overflow: visible; /* IE table-cell margin fix */
}
/* non_editables */

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

/* full profile */
#custom_profile_fields_full_profile_icon {
	
	padding: 10px 20px;
}

#custom_profile_fields_full_profile_details {
	width: 100%;
}

#custom_profile_fields_full_profile_details h3 {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border: none;
	background:#E4E4E4 none repeat scroll 0 0;
	color:#333333;
	font-size:1.1em;
	line-height:1em;
	margin:0 0 10px;
	padding:5px;
}

#custom_profile_fields_full_profile_details .profile_status {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	background:#E3E3ED none repeat scroll 0 0;
	line-height:1.2em;
	padding:2px 4px;
}

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

/* Profile Manager Members Search Form */
#profile_manager_members_search_form{
	float: left; 
	width: 40%;
}

#profile_manager_members_search_form h3{
	cursor: pointer;
}

#members_search_result, 
#members_search_loader {
	float: right; 
	width: 55%;
}

#members_search_result_query {
	display: none;
}

.profile_manager_members_wait{
	cursor: wait !important;
}

/* registration form mandatory fields */

#register-box .profile_manager_register_missing {
	border: 1px solid red;
}

#register-box.table_layout {
	width: 98%;
	background: none;
}

#register-box.table_layout table {
	width: 100%;
}

#register-box.table_layout label {
	font-size: 1em;
	color: #333333;
}

#register-box.table_layout input[type="text"],
#register-box.table_layout input[type="password"] {
    margin: 0 0 5px;
}

#register-box.table_layout td {
	width: 50%;
	padding-right: 10px;
}

#profile_manager_register_tabbed li,
.profile_manager_register_category {
	display: none;
}
#profile_manager_register_right {
	float: right;
}

/* end registration form */

/* 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;
}.elgg-button-action{
	padding: 3px 8px 4px 8px;
	margin-bottom:0;
}
li.elgg-menu-item-rss{ display:none; }
.task a { 
	color: black; 
	padding: 10px 2px; 
	display:block; 
	width: 625px;
	padding-right: 103px;
	transition: all 500ms; 
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms; 
	-o-transition: all 500ms; 
}
.task a:hover{ background:#efefef; }
.task a .date{
	font-size: 11px;
	width: 90px;
	display: inline-block
}
.task_icons{	float:right;	margin-right:30px; }
.task_icons .task-icon:first-child{ margin-left:0; }
.task_icons.header{ margin-right:0;}
.task_icons.header div{
	float:left;
	width:65px;
	font-size:10px;
	text-align:center;
}
.task_icons.header div:first-child{
	border-right: 1px solid #000;
}

.task_points{ 
	float:right;
	margin-right: 10px;
	padding-top:10px;
	font-weight: bold;
	color:#555;
	width:65px;
}
.task img{	margin:-5px 10px; }
.task-icon{ 
	margin-top:5px;
	margin-left:10px;
	display:inline-block; 
	height:28px; 
	vertical-align:middle; 
	width:29px;
	background-repeat:no-repeat;
	background-position:center;
}
.task-icon.undone{ background-image:url('../mod/gamification/graphics/icon-task-waiting.png'); }
.task-icon.waiting { background-image:url('../mod/gamification/graphics/icon-task-correction-waiting.png'); }
.task-icon.right { background-image:url('../mod/gamification/graphics/icon-task-right.png'); }
.task-icon.wrong { background-image:url('../mod/gamification/graphics/icon-task-wrong.png'); }
.task-icon.corrected { background-image:url('../mod/gamification/graphics/icon-task-corrected.png'); }
.task-icon.correction-pending { background-image:url('../mod/gamification/graphics/icon-task-correct.png'); }
.task-icon.correction-disabled { background-image:url('../mod/gamification/graphics/icon-task-correction-disabled.png'); }
ul.task_list{ margin:0; }
h3.tasklist{
	padding:8px;
	background:#CCC;
	color:#000;
	margin-top:2px;
	border-radius:2px;
	transition: all 500ms; /* Firefox 4 */
	-moz-transition: all 500ms; /* Firefox 4 */
	-webkit-transition: all 500ms; /* Safari and Chrome */
	-o-transition: all 500ms; /* Opera */
	background-repeat: no-repeat;
	background-position:left center;
	padding-left:45px;
	background-size:contain;
	padding-right:0;
}
h3.tasklist:hover{
	cursor:pointer;
	background:#DDD;
	background-repeat: no-repeat;
	background-position:left center;
	background-size:contain;
}
h3.tasklist .task_icons.header{
	opacity:0;
	transition: all 700ms; /* Firefox 4 */
	-moz-transition: all 700ms; /* Firefox 4 */
	-webkit-transition: all 700ms; /* Safari and Chrome */
	-o-transition: all 700ms; /* Opera */
}

h3.tasklist.ui-state-active .task_icons.header{
	opacity:1;
}
.legend{ text-align:right;	margin-right:10px; }
.legend .task-icon{ width:28px; }
.tab-page{ margin-top: 25px; }
#tab-task-correction ul {list-style:disc outside none; padding-left:20px;}
#tab-task-correction ul li {margin-bottom:5px;}
.solve-form{
	margin:auto;
	margin-top:10px;
	padding:15px;
	padding-left:50px;
	background-image:url('../mod/gamification/graphics/upload-icon.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color:#efefef;
	display:block;
	width:450px;
}
.post-correction-form{
	margin:auto;
	margin-top:10px;
	padding:15px;
	background-color:#efefef;
	display:block;
}
.criteria-entry{
	display:inline-block;
	width:350px;
	padding:10px;
	background-color:#fff;
	margin-right:15px;
}
.criteria-correction{
	margin-left:10px;
}
.solve-form .elgg-input-file{ width:330px; }
.inline-form {margin:auto; width:200px; }
.task-solved{
	padding: 8px;
	padding-left:50px;
	background-image:url('../mod/gamification/graphics/solved-icon.png');
	width:auto;
	margin-top:7px;	
}
.download-task-file{
	padding: 23px;
	padding-left:50px;
	color:white;
	display:inline-block;
	background-image:url('../mod/gamification/graphics/download-icon.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	cursor:pointer;
	transition: all 500ms;
	-moz-transition: all 500ms; /* Firefox 4 */
	-webkit-transition: all 500ms; /* Safari and Chrome */
	-o-transition: all 500ms; /* Opera */
	margin-right:10px;
	margin-bottom: 10px;
	font-weight: normal;
	outline:none;
	border:0;
	border-radius:0;
	font-size:100%;
	vertical-align:middle;
}
.download-task-file:hover{ color:white; text-decoration:none; }
.download-initial{ background-color:#0062ac; }
.download-initial:hover{ background-color:#00aeef; }
.download-solution{ background-color:#319a31; }
.download-solution:hover{ background-color:#4bc32f; }
.ask-correction{ background-color:#319a31; background-image:url('../mod/gamification/graphics/correct-task.png'); }
.ask-correction:hover{ background-color:#4bc32f; }
.post-correction{ 
	background-repeat: repeat-x;
	background-position: left 1px;
	background-image:url('../mod/gamification/graphics/button-correct.png');
	padding-left:50px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:8px;
}
.post-correction:hover{
	background-repeat: repeat-x;
	background-position: left 1px;
	background-image:url('../mod/gamification/graphics/button-correct.png');
}
.correction-options{ margin-top:10px; padding:0;text-align:center; display:inline-block; }
.correction-options li { display:inline-block; margin-right:10px; background-color:#00aeef; }
.correction-options li label {padding:10px; display:block; }
.correction-options li:first-child{ background-color:#4bc32f; }
.peer-correction{ margin-right:150px; }
.peer-correction .result{
	padding:5px;
	padding-left:52px;
	line-height:50px;
	background-repeat: no-repeat;
	background-position: left center;
	margin:5px;
	margin-bottom:10px;
}
.peer-correction .right{ background-image:url('../mod/gamification/graphics/task-result-right.png'); }
.peer-correction .wrong{ background-image:url('../mod/gamification/graphics/task-result-wrong.png'); }
.river-correction{ display:inline-block; width:24px; height:24px; vertical-align:middle; margin-left:10px;}
.river-correction.wrong{ background-image:url('../mod/gamification/graphics/river-correction-wrong.png'); }
.river-correction.right{ background-image:url('../mod/gamification/graphics/river-correction-right.png'); }
.override-lists ol{ padding-left:30px;	list-style-type:decimal; }
.admin-badge{
	position:absolute;
	width:160px;
	height:70px;
	font-size:17px;
	color:#444;
	padding-left:75px;
	padding-top:24px;
	top: 30;
	right:0;
	background-image:url('../mod/gamification/graphics/admin-icon.png');
	background-repeat: no-repeat;
	background-position: left center;
}

.leaderboard{ margin:auto; margin-top:0; border-top:0; width:80%;}
.leaderboard li{ padding-top:7px; }
.leaderboard .ranking-position{
	float:left;
	text-align:center;
	width:25px;
	height:25px;
	line-height:25px;
	margin:4px;
	margin-right:10px;
	font-size:15px;
	background:#dddddd;
}
.leaderboard .achievements{ float:right; padding-top:6px; width:75px;}
.leaderboard .criteria-percent { width:100px; height:21px; }
.leaderboard .criteria-percent .progress { height:19px; }
.leaderboard .user{	background-color:#0062ac; color:white; }
.leaderboard .user a, .leaderboard .user .task_points{ color:white; }
.leaderboard .user .ranking-position{ background:#0062ac; }
.leaderboard .header{ 
	background-color:#aaa; height:30px; line-height:30px; padding:0; padding-left:10px; border-top:1px solid #000;
	transition: all 500ms;
	-moz-transition: all 500ms; /* Firefox 4 */
	-webkit-transition: all 500ms; /* Safari and Chrome */
	-o-transition: all 500ms; /* Opera */
}
.leaderboard .header div {padding-top:0;}
.leaderboard .header div:first-child {margin-right: 5px; }
.leaderboard .task_points{  padding-top:6px; }
.leaderboards{ margin:auto; width:80%; overflow:hidden; height:43px; position:relative; top:1px;}
.leaderboards .container{ width:900px; }
.leaderboards a{ 
	display:block;
	float:left;
	width:147px;
	padding: 13px 0 12px 0;
	color:#fff;
	font-size:15px;
	background-color:#777;
	text-align:center;
	transition: all 500ms;
	-moz-transition: all 500ms; /* Firefox 4 */
	-webkit-transition: all 500ms; /* Safari and Chrome */
	-o-transition: all 500ms; /* Opera */
	background-repeat: no-repeat;
	background-position: left center;
}
.leaderboards a:hover{
	text-decoration:none;
}
.leaderboards a span{
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:26px;
}
.leaderboards a.active{ border-left: 1px solid #000; border-right: 1px solid #000; margin-left:-1px;  border-top: 1px solid #000;}
.leaderboards.hover a{ width:132px; }
.leaderboards.hover a.hover-active{ width:190px; }
.leaderboards #leaderboard-points span{ 	background-image:url('../mod/gamification/graphics/leaderboard-points.png'); }
.leaderboards #leaderboard-friends span{ 	background-image:url('../mod/gamification/graphics/leaderboard-friends.png'); }
.leaderboards #leaderboard-comments span{ 	background-image:url('../mod/gamification/graphics/leaderboard-comments.png'); }
.leaderboards #leaderboard-tweets span{ 	background-image:url('../mod/gamification/graphics/leaderboard-tweets.png'); }

.leaderboards #leaderboard-points.active { border-bottom-color:#ff9c10; }
.leaderboards #leaderboard-friends.active { border-color:#3c6a3c; border-bottom: 1px solid #319a31; }
.leaderboards #leaderboard-comments.active { border-bottom-color:#a31bb0; }
.leaderboards #leaderboard-tweets.active { border-bottom-color:#2d91ab;}

.leaderboards #leaderboard-points, .leaderboard .header.points { background-color:#ff9c10; border-color:#ae8244;}
.leaderboards #leaderboard-friends, .leaderboard .header.friends { background-color:#319a31; color:#fff; border-color:#3c6a3c;}
.leaderboards #leaderboard-comments, .leaderboard .header.comments { background-color:#a31bb0; color:#fff; border-color:#812f89;}
.leaderboards #leaderboard-tweets, .leaderboard .header.tweets { background-color:#2d91ab; color:#fff; border-color:#386b78;}

.leaderboards #leaderboard-points:hover, .leaderboard .header.points.hover { background-color:#ffbc2c; }
.leaderboards #leaderboard-friends:hover, .leaderboard .header.friends.hover { background-color:#4bc32f; }
.leaderboards #leaderboard-comments:hover, .leaderboard .header.comments.hover { background-color:#c828ac;}
.leaderboards #leaderboard-tweets:hover, .leaderboard .header.tweets.hover { background-color:#2cbbc0;}

#start-page a{
	color:#fff;
	padding:30px;
	background-color:#f00;
	display:block;
	-moz-transition: all 500ms; /* Firefox 4 */
	-webkit-transition: all 500ms; /* Safari and Chrome */
	-o-transition: all 500ms; /* Opera */
	background-repeat:no-repeat;
	width:450px;
	margin:auto;
	margin-bottom:10px;
}
#start-page a.left{
	background-position:10px center;
	padding-left:130px;
}
#start-page a.right{
	background-position: 500px center; 
	padding-right:130px;
	text-align:right;
}
#start-page a:hover{ text-decoration:none;}
#start-page a h1{ 
	color:#fff;
	margin-bottom:10px;
	font-weight:normal;
	font-size:2.1em;
}

a#start-tasks { background-color:#0062ac; background-image:url('../mod/gamification/graphics/start-tasks.png');}
a#start-leaderboard {  background-color:#ff9c10; background-image:url('../mod/gamification/graphics/start-leaderboard.png');}
a#start-achievements{  /*background-color:#ff2527;*/background-color:#0062ac; background-image:url('../mod/gamification/graphics/start-achievements.png');}
a#start-store{ background-color:#319a31; background-image:url('../mod/gamification/graphics/start-store.png');}
a#start-tasks:hover { background-color:#00aeef; }
a#start-leaderboard:hover { background-color:#ffbc2c; }
a#start-achievements:hover { /*background-color:#ff6550;*/ background-color:#00aeef; }
a#start-store:hover{ background-color:#4bc32f; }

.hint{
	background-repeat:no-repeat;
	background-position:10px center;
	padding:18px;
	padding-left:60px;
	background-color:#bbb; 
	background-image:url('../mod/gamification/graphics/lightbulb-small-icon.png');
	margin-bottom:10px;
}
.hint .close{ 
	float:right;
	height:18px;
	width:18px;
	background-image:url('../mod/gamification/graphics/hint-close.png');
	position:relative;
	top:-10px;
	left:10px;
	cursor:pointer;
}
.criteria-percent{
	display:inline-block;
	width:220px;
	height:24px;
	vertical-align:middle;
	background-color:#444;
	padding:1px;
	margin-top:5px;
}
.criteria-percent .progress{ height:22px;}
.criteria-list{ margin-top: 10px; padding-left:10px; }

.achievements-list{
	width:80%;
	margin:auto;
}
.sidebar .criteria-percent{ width:90%; }
.sidebar{
	text-align:center;
	font-size:13px;
}
.sidebar .icon{
	background-repeat:no-repeat;
	display:inline-block;
	background-position: center; 
}
.sidebar .achievements-icon{
	width:150px;
	height:190px;
	background-image:url('../mod/gamification/graphics/achievements-icon.png');
}
.sidebar .leaderboard-icon{
	width:150px;
	height:130px;
	background-image:url('../mod/gamification/graphics/leaderboard-icon.png');
}
.sidebar .store-icon{
	width:150px;
	height:180px;
	background-image:url('../mod/gamification/graphics/store-icon.png');
}
.achievement{
	padding:15px;
	color:#333;
	background-color:#ccc;
	margin-bottom:6px;
}
.achievement h2{ color:#000; }
.achievement.achieved{ 
	background-color:#4bc32f; 
	color:#fff; 
	background-image:url('../mod/gamification/graphics/achieved-tick.png');
	background-repeat:no-repeat;
	background-position:  522px center;
}
.achievement.achieved h2{ color:#fff; }
.achievement img{ 
	float:left; 
	width:55px; 
	height:55px; 
	padding-right:5px;
	position:relative;
	top:-6px;
	left:-6px;
}
.achievement .achievement-points{
	float: right;
	font-size: 16px;
	line-height: 31px;
	min-width: 32px;
	text-align: center;
	background: #ccc;
	border-radius: 25px;
	border: 2px solid #fff;
	color: #fff;
	margin-right: 11px;
}
.achievement .achievement-points span{ position: relative; left: -2px; }
.achievements-list .stats{ background-color:#ccc; position:relative; top:-10px;  padding:3px 5px 4px 5px; margin-bottom:-5px;}
.achievements-list .criteria-percent{ width:100%; margin-top:0; height:18px; }
.achievements-list .progress { height:16px; }
.achievements-list .stats.achieved{  background-color:#4bc32f; color:#fff; }
#gamification-topbar{
	width:100%;
	position:absolute;
	top:0;
}
#gamification-topbar .menu{
	float:right;
	position:relative;
	background-image:url('../mod/gamification/graphics/topbar-bg.png');
	padding-left:90px;
	left:-10px;
}
#gamification-topbar a{
	width:100px;
	display:block;
	float:left;
	line-height:120px;
	height:39px;
	text-align:center;
	-moz-transition: all 500ms; /* Firefox 4 */
	-webkit-transition: all 500ms; /* Safari and Chrome */
	-o-transition: all 500ms; /* Opera */
	background-repeat:no-repeat;
	color:#fff;
	font-size:1.1em;
	overflow:hidden;
	background-position: center;
}
/*
verde:#319a31 #4bc32f;
azul: #0062ac #00aeef;
rojo: #ff2527 #ff6550;
naranja: #ff9c10, #ffbc2c
gris: #777 #a8a8a8
*/

#gamification-topbar a:hover{ text-decoration:none; background-position: center -50px; line-height:40px;}
#gamification-topbar a.tasks { background-color:#0062ac; background-image:url('../mod/gamification/graphics/topbar-tasks.png');}
#gamification-topbar a.leaderboard {  background-color:#ff9c10; background-image:url('../mod/gamification/graphics/topbar-leaderboard.png');}
#gamification-topbar a.achievements{  background-color:#ff2527; background-image:url('../mod/gamification/graphics/topbar-achievements.png');}
#gamification-topbar a.store{ background-color:#319a31; background-image:url('../mod/gamification/graphics/topbar-store.png');}
#gamification-topbar a.tasks:hover { background-color:#00aeef; }
#gamification-topbar a.leaderboard:hover { background-color:#ffbc2c; }
#gamification-topbar a.achievements:hover { background-color:#ff6550; }
#gamification-topbar a.store:hover{ background-color:#4bc32f; }
.elgg-river-item .achieved { margin-top: 3px; }
.elgg-river-item .achieved img{ float:left; width:28px; height:28px; padding-right:8px;}
.elgg-river .custom-river{	margin:3px 0; }
.custom-river.bg01{ background-image:url('../mod/gamification/graphics/custom-bgs/bg01.png'); }
.custom-river.bg02{ background-image:url('../mod/gamification/graphics/custom-bgs/bg02.png'); }
.custom-river.bg03{ background-image:url('../mod/gamification/graphics/custom-bgs/bg03.png'); }
.custom-river.bg04{ background-image:url('../mod/gamification/graphics/custom-bgs/bg04.png'); }
.custom-river.bg05{ background-image:url('../mod/gamification/graphics/custom-bgs/bg05.png'); }
.custom-river.bg06{ background-image:url('../mod/gamification/graphics/custom-bgs/bg06.png'); }
.custom-river.configure, .give-achievement.configure { 
	display:inline-block; 
	cursor:pointer; 
	vertical-align:middle; 
	margin:3px; 
	border:3px solid #fff;
	-moz-transition: all 500ms; /* Firefox 4 */
	-webkit-transition: all 500ms; /* Safari and Chrome */
	-o-transition: all 500ms; /* Opera */
	padding:35px 15px; 
	width:380px; 
	
}
#gamification-sidebar{
	margin-bottom:10px;
	width:150px;
	margin-top: -10px;
}
#gamification-sidebar a{
	display:block;
	width:100%;
	
	background-repeat:no-repeat;
	color:#fff;
	font-size:1.2em;
	overflow:hidden;
	background-position: 10px center;
	padding:15px 0 15px 60px;
	-moz-transition: all 500ms; /* Firefox 4 */
	-webkit-transition: all 500ms; /* Safari and Chrome */
	-o-transition: all 500ms; /* Opera */
}
#gamification-sidebar a:hover{
	text-decoration:none;
	width:90%;
}
#gamification-sidebar .title{ background-color:#777; color:#fff; text-align:center; padding:8px 0; width:210px; font-size:18px; margin-bottom:2px;}
#gamification-sidebar a.tasks { background-color:#0062ac; background-image:url('../mod/gamification/graphics/topbar-tasks.png');}
#gamification-sidebar a.leaderboard {  background-color:#ff9c10; background-image:url('../mod/gamification/graphics/topbar-leaderboard.png');}
#gamification-sidebar a.achievements{  /*background-color:#ff2527;*/ background-color:#0062ac; background-image:url('../mod/gamification/graphics/topbar-achievements.png');}
#gamification-sidebar a.store{ background-color:#319a31; background-image:url('../mod/gamification/graphics/topbar-store.png');}
#gamification-sidebar a.tasks:hover { background-color:#00aeef; }
#gamification-sidebar a.leaderboard:hover { background-color:#ffbc2c; }
#gamification-sidebar a.achievements:hover { /*background-color:#ff6550;*/ background-color:#00aeef; }
#gamification-sidebar a.store:hover{ background-color:#4bc32f; }

.custom-river.configure.active, .give-achievement.configure.active {  border:3px solid #0062ac; }
.custom-river.configure:hover, .give-achievement.configure:hover{  border:3px solid #00aeef; }

.custom-river a{
	font-weight:bold;
	color:#000;
}
.customize-river li{
	margin:auto;
	width:380px; 
}
.customize-river .none{ text-align:left; }

.give-achievements li{
	width:85px;
	height:85px;
	display:inline;
	overflow:hidden;
}
.give-achievement.configure{
	width:inherit;
	height:inherit;
	padding:0;
	margin:3px;
}
.give-achievement img{
	width:100%;
	height:100%;
}
.give-achievement input{
	position:absolute;
	left:-100em;
}
.store_item{
	padding:10px;
	padding-right:15px;
	width:580px;
	margin:auto;
	clear:both;
	background-color:#DDD;
	margin-top:15px;
	overflow:auto;
}
.store_item .pricetag{
	float:left;
	margin-right:15px;
	width:80px;
	height:80px;
}

.store_item .pricetag img{
	width:100%;
	margin:0;
	border:0;
}
.store_item .pricetag .price{
	width:100%;
	background-color:#444;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin:0;
	padding:3px 0;
	position:relative;
	top:-5px;
}
.store_item .rebuy{
	float:right;
	position:relative;
	top:10px;
}
.store_item .not-available{
	line-height:26px;
	padding:0 10px;
	border-radius:15px;
	float:left;
	background-color:#ECCACA;
}
.store_item .description{
	float:left;
	width:485px;
}

.store_item .purchased{
	line-height:26px;
	padding:0 10px;
	font-weight:bold;
	color:#fff;
	border-radius:15px;
	float:left;
	background-color:#319a31;
}
.store-points{
	width:300px;
	margin:auto;
	padding:18px;
	box-shadow: 0px 10px 15px -5px #888888;
}

.profile-achievements img{
	width:60px;
	height:60px;
	margin-right:10px;
	margin-bottom:5px;
}
.menu-on-tabs{
	position: absolute;
	top: 7px;
	right:0;
}
.menu-on-tabs .content{
	float:right;
	margin-right:20px;
}
.achievement-message img{
	width:100px;
	height:100px;
	float:left;
	padding-right:10px;
}
.achievement-message h3, .achievement-message h2{
	color:#000;
}
.elgg-output pre{
	background:#fff;
}
.elgg-form-account{
	max-width:100%;
}
.elgg-form-account input{
	max-width:460px;
}
.elgg-form-register .custom-fields{
	background:#abe2e8;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	padding:12px;
	}/* ***************************************
	Profile
*************************************** */
.profile {
	float: left;
	margin-bottom: 15px;
}
.profile .elgg-inner {
	margin: 0 5px;
	border: 2px solid #eee;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#profile-details {
	padding: 15px;
}
/*** ownerblock ***/
#profile-owner-block {
	width: 200px;
	float: left;
	background-color: #eee;
	padding: 15px;
}
#profile-owner-block .large {
	margin-bottom: 10px;
}
#profile-owner-block a.elgg-button-action {
	margin-bottom: 4px;
	display: table;
}
.profile-content-menu a {
	display: block;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-content-menu a:hover {
	background: #0054A7;
	color: white;
	text-decoration: none;
}
.profile-admin-menu {
	display: none;
}
.profile-admin-menu-wrapper a {
	display: block;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-admin-menu-wrapper {
	background-color: white;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.profile-admin-menu-wrapper li a {
	background-color: white;
	color: red;
	margin-bottom: 0;
}
.profile-admin-menu-wrapper a:hover {
	color: black;
}
/*** profile details ***/
#profile-details .odd {
	background-color: #f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
#profile-details .even {
	background-color:#f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
.profile-aboutme-title {
	background-color:#f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0;
	padding: 2px 4px;
}
.profile-aboutme-contents {
	padding: 2px 0 0 3px;
}
.profile-banned-user {
	border: 2px solid red;
	padding: 4px 8px;
	
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* 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;
}
.elgg-icon-bookmark {
	background: transparent url(http://eco.imooc.uab.pt/elgg/mod/bookmarks/graphics/bookmark.gif);
}
#dashboard-info {
	border: 2px solid #dedede;
	margin-bottom: 15px;
}
.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;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

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

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

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

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

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

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

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

.elgg-menu .elgg-menu-item-likes-count {
	margin-left: 3px;
}

.messageboard-input {
	height: 100px;
}

.messages-container {
	min-height: 200px;
}
.message.unread a {
	color: #d40005;
}
.messages-buttonbank {
	text-align: right;
}
.messages-buttonbank input {
	margin-left: 10px;
}

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

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




/**********************************
Search plugin
***********************************/
.elgg-page-header .elgg-search {
        margin-top: 238px;
	margin-bottom: 5px;
        margin-right:5px;
	height: 23px;
	position: absolute;
	right: 0;
	z-index:5;
       
}
.elgg-page-header .elgg-search input[type=text] {
	width: 220px;
}
.elgg-page-header .elgg-search input[type=submit] {
	display: none;
}
.elgg-search input[type=text] {
	border: 1px solid #D2D2D2;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px 2px 26px;
	background: #ffffff url(http://eco.imooc.uab.pt/elgg/_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: #000;
}

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

.search-highlight {
	background-color: #bbdaf7;
}
.search-highlight-color1 {
	background-color: #bbdaf7;
}
.search-highlight-color2 {
	background-color: #A0FFFF;
}
.search-highlight-color3 {
	background-color: #FDFFC3;
}
.search-highlight-color4 {
	background-color: #ccc;
}
.search-highlight-color5 {
	background-color: #4690d6;
}
/********************************
The Wire
*********************************/
#thewire-textarea {
	height: 40px;
	padding: 6px;
}
#thewire-characters-remaining {
	text-align: right;
	float: right;
	font-weight: bold;
	color: #333333;
}
.thewire-characters-remaining {
	color:#333333;
	border:none;
	font-size: 100%;
	font-weight: bold;
	padding:0 2px 0 0;
	margin:0;
	text-align: right;
	background: white;
}
.thewire-parent {
	margin-left: 40px;
}
/* TinyMCE */
.elgg-page .mceEditor table.mceLayout {
	border: 1px solid #CCC;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.elgg-page table.mceLayout tr.mceFirst td.mceToolbar,
.elgg-page table.mceLayout tr.mceLast td.mceStatusbar {
	border-width: 0px;
}
.mceButton {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mceLast .mceStatusbar {
	padding-left: 5px;
}
.embed-wrapper {
	width: 730px;
	min-height: 400px;
	margin: 20px 15px;
}
.embed-wrapper h2 {
	color: #333333;
	margin-bottom: 10px;
}
.embed-wrapper .elgg-item {
	cursor: pointer;
}

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

.embed-wrapper p {
	color: #333;
}
.embed-item {
	padding-left: 5px;
	padding-right: 5px;
}
.embed-item:hover {
	background-color: #eee;
}
body {background: url('http://eco.imooc.uab.pt/elgg/mod/easytheme/graphics/bkgr.gif'); font-family: "Trebuchet MS",Arial,Tahoma,Verdana,sans-serif; }// vjr}

.elgg-button-submit {
	color: white;
	text-shadow: 1px 1px 0px black;
	text-decoration: none;
	border: 1px solid #000;
	background: #835900 url(http://eco.imooc.uab.pt/elgg/_graphics/button_graduation.png) repeat-x left 10px;
}

.elgg-button-submit:hover {
	border-color: #000;
	text-decoration: none;
	color: white;
	background:  #835900 url(http://eco.imooc.uab.pt/elgg/_graphics/button_graduation.png) repeat-x left 10px;
}

.elgg-breadcrumbs > li > a:hover {
	color: #835900;
	text-decoration: underline;
}

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

.elgg-menu-page a:hover {
	background-color: #835900; 
	color: white;
	text-decoration: none;
}

.elgg-menu-owner-block li a:hover {
	background-color: #835900; 
	color: white;
	text-decoration: none;
}

a {
	color: #835900;
}

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

.elgg-heading-basic {
	color: #835900;
	font-size: 1.2em;
	font-weight: bold;
}

.elgg-loud {
	color: #835900; 
}



.elgg-menu-page li.elgg-state-selected > a {
	background-color: #835900; 
	color: white;
}

.elgg-heading-site, .elgg-heading-site:hover {
	font-size: 2em;
	line-height: 1.4em;
	color: #000;
	font-style: italic;
	font-family: Georgia, times, serif;
	text-shadow: 1px 2px 4px #333333;
	text-decoration: none;
   background: #fff;
	padding: 20px;
	padding-left: 15px;
}

.elgg-page-default .elgg-page-header  .elgg-inner {
	width: 992px;
	height: 206px;
   background: url('http://eco.imooc.uab.pt/elgg/mod/easytheme/graphics/headimg.jpg');
}

.elgg-page-default {
	width: 992px;
	margin: 0px auto; 
	border-right: 1px solid #835900;
        background: #ffffff;
        border-left: 1px solid #835900;
	-moz-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px #888;
	box-shadow: 0 0 10px #181a2f;
}

.elgg-heading-site, .elgg-heading-site:hover {
	-webkit-border-bottom-right-radius: 24px;
	-moz-border-bottom-right-radius: 24px;
	border-bottom-right-radius: 24px;
	opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
}

.elgg-page-footer {
	height: 30px;
}

.elgg-page-footer {
       color: #835900; 
       background: #FEDD00;   
}
.elgg-page-footer a:link {
	color: #835900;
}
      
.elgg-page-footer a:visited {
	color: #835900;
}

.elgg-page-footer a:hover {
	color: #835900;
}


#login-dropdown {
	position: absolute;
	top: 143px;
	right: 0;
	z-index: 100;  
	margin-right: 10px;          
}

#login-dropdown a.elgg-button-dropdown {
        border-radius: 0;
        font-weight: normal;
        font-size: 12px;
        border: 1px solid #5e5b5b;
        background-color: white;
        color: #5e5b5b;
        padding: 1px 6px;
}

.elgg-menu-item-report-this{
        margin-left: 10px;
	margin-top: 5px;
}



.elgg-page-default {
	min-width: 992px;
}

.elgg-page-default .elgg-page-body > .elgg-inner {
	width: 992px;
	margin: 0 auto;        
	
}

.elgg-page-default .elgg-page-footer > .elgg-inner {
	width: 992px; 
	margin: 0 auto;
	padding: 5px 0;
	border-top: 1px solid #DEDEDE;
	
}

.elgg-page-header .elgg-search {
        margin-top: -200px;
	margin-bottom: 2px;
        margin-right: 5px;
	height: 23px;
	position: absolute;
	right: 0;
       
}

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

.elgg-menu-site-default{
// vjr	background: #FEDD00; 
	padding-top: 5px; 
	width: 100%;
}

#home-link {
	display: block;
	width: 992px;
	height: 206px;
	text-indent: -9999px;
}
.login-as-topbar {
	height: 18px;
}

.login-as-arrow {
	vertical-align: top;
	color: white;
	font-weight: bold;
}

.login-as-arrow:hover {
	color: white;
}

/*
* Social Connect CSS for Site Connect
*/
.ha_connect_with_provider {
}
.ha_connect_with_provider img {	
}
.social_connect_site_connect {
	padding:10px;
	padding-top:0px;
	margin-top:0px;
}
.social_connect_site_connect div {
	padding:10px;
	padding-left:0px;
}
.social_connect_site_connect p {
	border-top:1px dotted #999;
	font-size: 10px;
}.elgg-state-version_check {
    background-color: yellow;
    color: black;
}