/* ***************************************
	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;
}
@font-face {
/*font-family: "chalk";*/
src: url(https://training.whyscience.com/_graphics/fonts/dk.ttf) format("truetype");
src: url(https://training.whyscience.com/_graphics/fonts/dk-webfont.eot);
src: url(https://training.whyscience.com/_graphics/fonts/dk-webfont.svg);
src: url(https://training.whyscience.com/_graphics/fonts/dk-webfont.woff);
src: url(https://training.whyscience.com/_graphics/fonts/dk-webfont.ttf);
}
/* 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 p{
padding-top:5px;
padding-bottom:5px;
}
.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-site a
{
    float: left;
}

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

.elgg-button-submit:hover {
	border-color: #0054a7;
	text-decoration: none;
	color: white;
	background: #0054a7 url(https://training.whyscience.com/_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(https://training.whyscience.com/_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://training.whyscience.com/_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(https://training.whyscience.com/_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://training.whyscience.com/_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(https://training.whyscience.com/_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(https://training.whyscience.com/_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(https://training.whyscience.com/_graphics/ajax_loader_bw.gif) no-repeat center center;
	min-height: 33px;
	min-width: 33px;
}

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

/* ***************************************
BREADCRUMBS
*************************************** */
.file-container  .elgg-breadcrumbs {
font-size: 80%;
font-weight: bold;
line-height: 1.2em;
color: #80b3e5;
margin-top: 10px;
}
.file-container .elgg-breadcrumbs > li {
display: inline-block;
font-size: 15px;
}
.file-container .elgg-breadcrumbs > li:after {
content: "\003E";
padding: 0 4px;
font-weight: normal;
}
.file-container .elgg-breadcrumbs > li > a {
display: inline-block;
color: #0054A7;
}
.file-container .elgg-breadcrumbs > li > a:hover {
color: #000000;
text-decoration: underline;
}

.file-container .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: 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;
	border-top: 1px solid #DEDEDE;
}

/***** TOPBAR ******/
.elgg-page-topbar {
	background: #333333 url(https://training.whyscience.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;
	background: #4690D6 url(https://training.whyscience.com/_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(https://training.whyscience.com/_graphics/sidebar_background.gif) repeat-y right top;
}
.elgg-layout-two-sidebar {
	background: transparent url(https://training.whyscience.com/_graphics/two_sidebar_background.gif) repeat-y right top;
}
.elgg-layout-error {
	margin-top: 20px;
}
.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;
}

/************** Student registration ****************************/

#student-registration { border:1px solid #cce7ec; padding:32px 35px 25px 20px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;-ms-border-radius:5px; width:505px; height:auto;margin-top:10px; }
#student-registration h1 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px; color:#2e6d9b; padding-bottom:6px;}
#student-registration span {font-family:'Tahoma';	/*font-size:14px;*/	font-weight:normal;	color:#a8a7a7; }
#student-registration .form_elements { width:555px; margin-top:20px;}
#student-registration .form_elements div {float:left; /*margin-bottom:10px;*/}
#student-registration .form_elements label {float:left; width:200px; color:#4b4b4b;font-family:'Tahoma';	font-size:12px;	font-weight:normal; padding-top:7px;}
#student-registration .form_elements p {float:right;}
#student-registration .form_elements input {width:290px; border:1px solid #d9d9d9; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;-ms-border-radius:3px; background-color:#f5f5f5;padding:7px 6px; font-size: 13px;}
#student-registration .form_elements textarea {width:290px; border:1px solid #d9d9d9; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;-ms-border-radius:3px; background-color:#f5f5f5;padding:7px 6px;font-size: 13px; resize: vertical;}
#student-registration .form_elements .captcha {float:right;margin-right:145px;}
/*#student-registration .form_elements .registration a {background:url(../images/contact-us-bg.jpg) no-repeat 0 0;width:125px;height:44px; text-decoration:none;padding: 13px 19px; }*/
#student-registration .form_elements .registration a span { color:#fff;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px;text-shadow:1px 1px rgba(0, 0, 0, 0.1);}
#student-registration .form_elements div.error p{
float: left;
font-size: 11px;
color: red;
width: 290px;
margin-left: 200px;
height: 25px;
margin-top: -5px;
}

#student-registration .form_elements div#recaptcha_widget_div{
margin-left: 200px;
}

#student-registration .form_elements div.required{
margin-left: 200px;
font-size: 12px;
color: red;
}

#student-registration .form_elements input.submit{
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
background: url(https://training.whyscience.com/_graphics/contact-us-bg.jpg) no-repeat 0 0;
width: 126px;
height: 44px;
text-decoration: none;
border: none;
cursor: pointer;
}
/* ***************************************
	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}/* ***************************************
	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;
}

.messageboard-input {
	height: 100px;
}

.messages-container {
	<!--min-height: 200px;-->
}

.messages-container ul.elgg-pagination li.elgg-state-selected span,
.messages-container ul.elgg-pagination li.elgg-state-disabled span
{
    display:inline;
}

.message.unread a {
    color: #000000;
    font-weight:bold;
}

.message.read a {
    color: #000000;
    font-weight:normal;
}

.messages-buttonbank {
	text-align: right;
}
.messages-buttonbank input {
	margin-left: 10px;
}

.messages-buttonbank .elgg-button-submit{
    display:none;
}

.messages-buttonbank .elgg-button-delete:hover,
.messages-buttonbank .elgg-button-cancel:hover
{
 background-color:#ff0000;
 color:#fff;
}



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

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




/**********************************
Search plugin
***********************************/
.elgg-search-header {
	bottom: 5px;
	height: 23px;
	position: absolute;
	right: 0;
}
.elgg-search input[type=text] {
	width: 230px;
}
.elgg-search input[type=submit] {
	display: none;
}
.elgg-search input[type=text] {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	border: 1px solid #71b9f7;
	color: #9B9C9C;
	font-size: 12px;
	font-weight: normal;
	/* padding: 2px 4px 2px 26px; */
	background: transparent url(https://training.whyscience.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: #0054A7;
}

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

.search-highlight {
	background-color: #bbdaf7;
}
.search-highlight-color1 {
	background-color: #bbdaf7;
}
.search-highlight-color2 {
	background-color: #A0FFFF;
}
.search-highlight-color3 {
	background-color: #FDFFC3;
}
.search-highlight-color4 {
	background-color: #ccc;
}
.search-highlight-color5 {
	background-color: #4690d6;
}
/* 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;
}

/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
border: 0;
margin: 0;
padding:0px;
}
html, body {
height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
/*
Override the default (display: inline) for
browsers that do not recognize HTML5 tags.

IE8 (and lower) requires a shiv:
http://ejohn.org/blog/html5-shiv
*/
display: block;
}
b, strong {
/*
Makes browsers agree.
IE + Opera = font-weight: bold.
Gecko + WebKit = font-weight: bolder.
*/
font-weight: bold;
}
img {
color: transparent;
font-size: 0;
vertical-align: middle;
/*
For IE.
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
-ms-interpolation-mode: bicubic;
}
ol, ul {
list-style: none;
}
li {
/*
For IE6 + IE7:

"display: list-item" keeps bullets from
disappearing if hasLayout is triggered.
*/
display: list-item;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td, caption {
font-weight: normal;
vertical-align: top;
text-align: left;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
sub, sup, small {
font-size: 75%;
}
sub, sup {
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
svg {
/*
For IE9. Without, occasionally draws shapes
outside the boundaries of <svg> rectangle.
*/
overflow: hidden;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix:after {
clear: both;
}

/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
zoom: 1;
}


p.error_message{
color:red;
text-align: center;
}




/*******************************
	Custom Index
********************************/
    body{
   /* color: #333333;
    background:#c5d8eb url(https://training.whyscience.com/_graphics/bg.png) no-repeat fixed;
    font-size: 80%;
    font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif;
    text-align: left; */
    }





.elgg-page-default{
   /* width: 1100px;*/
    margin: 0 auto;
}

.elgg-layout-one-sidebar{
    width:960px;
    margin:0 auto;
}

.elgg-page-default .elgg-page-header > .elgg-inner {
    width:960px;
}

.elgg-page-default .elgg-page-body > .elgg-inner {
    width:960px;
}



.custom-index {
	padding: 10px 0;
}
.elgg-module-highlight {
	-webkit-box-shadow: 1px 1px 5px #CCC;
	-moz-box-shadow: 1px 1px 5px #CCC;
	box-shadow: 1px 1px 5px #CCC;
}
.elgg-module-highlight:hover {
	-webkit-box-shadow: 1px 1px 6px #AAA;
	-moz-box-shadow: 1px 1px 6px #AAA;
	box-shadow: 1px 1px 6px #AAA;
}

/*******************************
Custom Header
********************************/

.elgg-page-header{
    background:url('https://training.whyscience.com/_graphics/bg.jpg') repeat-x;
    height:167px;

}
#logo{
    padding-top:35px;
    padding-left: 22px;
    background:url('https://training.whyscience.com/_graphics/mist.png');
    height: 171px;
    background-repeat: no-repeat;
}
    span{
    <!--line-height:150%;-->
    display:block;
    }




#logo-learning-text {
    position: absolute;
    z-index: 1;
    left: 322px;
    top: 46px;
    font-family: Georgia;
    color: #94BF31;
    font-size: 32px;
}

.logo .bookmark-link{
    position: absolute;
    z-index: 1;
    left: 730px;
    top: 55px;
}

.logo .request-account-btn{
    float: right;
    margin-top: 3px;
    width: 140px;
    margin-right: 2px;
    font-size: 17px;
    text-align: center
}

.logo .request-account-btn:hover{
    text-decoration:none;
    color:#fff;
}

.elgg-button-dropdown.elgg-state-active{
    background:none;
}



/*******************************
Custom Menu
********************************/

.elgg-menu-site-default{

    z-index: 3;
   /* background-color: #FCFCFC;*/
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 36px;
    top:130px;
}

.elgg-menu-site-custom{
position: absolute;
z-index: 3;
height: 36px;
top:130px;
}

.elgg-menu-site-custom li{
    width:955px;
    position: absolute;
    margin-top: 4px;
    padding-left: 5px;
    background: url('https://training.whyscience.com/_graphics/menu_bg.jpg');
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 25px;
    padding-top: 7px;
}

.elgg-menu-site-custom li a{
    float:left;
    font-family: arial;
    color: #429DB8;
    font-size: 14px;
    font-weight:bold;
    z-index:12;
}

#menu-seperator{
    font-size:7px;
    padding: 1px 13px 0px 13px;
}

.custom-menu{
    position: absolute;
    top: 10px;
    left: 550px;
}

.custom-menu ul li{
    float:left;
    margin-left: 10px;
    margin-right: 10px;
}

.custom-menu ul li a{
    color:#055485;
    font-size: 13px;
    font-family: Arial;
}



/*******************************
Custom Page
********************************/
#image-part #message{
    position:absolute;
    background:url('https://training.whyscience.com/_graphics/msg.png');
    background-repeat:no-repeat;
    height: 200px;
    width: 341px;
    text-align: left;
    top: 21px;
    left: 217px;

}

#image-part #message p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-top: 32px;
    width: 214px;
    padding-left: 60px;
    color:#054369;
}

#image-part #toy_image{
    height:390px;
}

#button{
    <!--width: 572px;-->
    margin: 0 auto;
}


/*******************************
Custom Sidebar
********************************/

.elgg-sidebar{
    width:240px;
    margin-right:10px;
    padding:0px;
    background-color: #C0D8E8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height:480px;
    margin-bottom: 15px;

}

.elgg-layout-one-sidebar{
    background:none;
    margin-top: 15px;
}


/*******************************
Custom Login part
********************************/
#signup{
    position: absolute;
    top: 15px;
    right: 148px;
    z-index: 100;
}
fieldset > div:last-child{
    padding-bottom:10px;
}
#signup-form h4{
    color:#136ca3;
    margin-bottom: 15px;
    margin-left: 20px;
}

#signup-form label{
    color: #136CA3;
    font-size: 12px;
    float: left;
    width: 80px;
    padding-right: 10px;
    margin-left: 20px;
    padding-top: 6px;
}

#signup-form .elgg-input-text{
    width: 145px;
    font-size: 14px;
    margin-bottom: 10px;
}

#signup-form textarea{
    width:280px;
    height:70px;
}

#signup-form .elgg-foot{
    margin: 5px 0px 0px 38%;
}

#signup-form .elgg-button-submit,#signup-form .button{
    margin-left: 20px;
    border:none;
    text-shadow:none;
    color: #054369;
    background:url('https://training.whyscience.com/_graphics/signup_submit_bg.jpg') repeat-x;

    padding: 7px 15px 7px 15px;
}



#login-dropdown{
    top: 17px;
    right:20px;
}

#login-dropdown a{
    border:none;
    text-align: left;
    font-family: arial;
    color: #1C5A6C;
    font-size: 20px;
    font-weight: normal;
    padding: 7px 0px;
}

#login-dropdown a:hover{
    text-decoration:underline;
    background:none;
}

.elgg-button-dropdown::after{
    content:"";
}

span#already-member{
    text-align: left;
    font-family: arial;
    color: #1C5A6C;
}


.elgg-search-header {
    height:10px;
}


/*******************************
Custom Sidebar
********************************/


#sidebar-part{
    padding: 20px 10px 10px 20px;
    text-align: left;
    color: #054369;
    font-family: Arial;
    font-size: 13px;
}

#sidebar-part h4{
    color: #054369;
    border-bottom:thin dotted;
    border-color: white;
    padding-bottom:15px;
}

.sub-submit{
    margin-top:5px;
    background:url('https://training.whyscience.com/_graphics/subscribe.png');
    background-repeat:no-repeat;
    border:none;
    cursor:pointer;
}

/*******************************
Custom Footer blocks
********************************/


.elgg-page-footer-blocks .elgg-inner{
    width: 960px;
    margin: 0 auto;
}

#footer-block{
    /*width:1100px;
    min-height:170px;
*/

}


#thanks-for-visiting-us p{
    margin: 0px 10px 10px 20px;
}

#recognition-press p,#recent-blogs p, #press, #recognition{

    margin: 5px 10px 10px 10px;
}

#recognition-press{
    width:214px;
    height:212px;
    margin-left:0px;
    border:1px solid #136ca3;
    float:left;
    margin-top: 15px;
    margin-bottom: 15px;
    color:#154156;

}

#thanks-for-visiting-us{
    background-color:#f0eeee;
    height:212px;
    width:455px;
    margin-left:15px;
    border:1px solid #136ca3;
    float:left;
    margin-top: 15px;
    margin-bottom: 15px;
    color:#154156;

}

#thanks-for-visiting-us h4{
    padding: 9px 0px 16px 17px;
    font-size: 17px;
}

#recent-blogs{
    height:212px;
    width:215px;
    margin-left:15px;
    border:1px solid #136ca3;
    float:left;
    margin-top: 15px;
    margin-bottom: 15px;
    color:#154156;
}

#recent-blogs a{
    color:#154156;
}
#recent-blogs p{
    adding:10px;
}

#recent-blogs h4{
    padding: 7px 0px 0px 10px;
    color: white;
    background:url('https://training.whyscience.com/_graphics/footer_block_bg.jpg') repeat-x;
    height: 30px;
}

#footerblock-tabs{
    clear: both;
    /*padding-top: 10px;
    padding-bottom: 18px;*/

}

#footerblock-tabs ul li{
    float: left;
/*
    margin-top: 4px;
    margin-bottom: 21px;
*/
    padding-top: 7px;
    padding-bottom: 10px;
    width:107px;
    height:15px;
background:url('https://training.whyscience.com/_graphics/footer_block_bg.jpg') repeat-x;
}

#footerblock-tabs ul li a{

    padding-bottom: 15px;
    padding-left: 10px;

/*
    padding-top: 6px;
    padding-left: 30px;
    padding-right: 26px;
*/
    color:#ffffff;

}

#footerblock-tabs ul li a:hover{
    text-decoration:none;
}

#recognition, #press{
    clear: both;
    margin-top:45px;
}



.elgg-page-footer-blocks{
  /*  border-top: 7px solid #6AA8BC;*/
    border-bottom: 4px solid #6AA8BC;
}

#footerblock-tabs ul li.active {
    background:url('https://training.whyscience.com/_graphics/footer_block_active_bg.jpg') repeat-x;
}







/*******************************
Custom Footer Menu
********************************/

.elgg-page-footer{
    margin-top: 1px;
    background-color:#efefef;
}

.elgg-page-default .elgg-page-footer > .elgg-inner {
    padding: 5px 0px 8px 30px;
}

#footer-part{
    color:#31383d;
    font-size:13px;
    padding-top: 15px;
}

#footer-part div{
    float:left;
    width:auto;
    padding-bottom: 15px;
    margin-right: 30px;
}

#footer-part div ul li{
    line-height: 1.0em;
    float: left;
    margin: 0px 10px 0px 10px;
    border-right: 1px solid black;
    padding-right: 20px;
}

#footer-part div ul li a{
    color:#31383d;
}

#footer-part p{
    margin: 0 auto;
    width: 940px;
    text-align: center;
    padding-bottom: 18px;
    height: 15px;
    overflow: hidden;
    line-height: 2em;
}

.elgg-module-dropdown-signup{
    background-color: white;
    border: 2px solid #ababab;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    width: 435px;
    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: 62px;
}


/*******************************
Dashboard Module Box
********************************/

#module-box{
    border:1px solid #0054A7;
    border-radius:5px;
    padding:10px;
    height: 130px;
    margin-top: 20px;
}

#module-box h4{
    margin-bottom: 25px;
    margin-top: 10px;
    border-bottom: 1px solid #0054A7;
}

#module-buttons input{
    width:auto;
    float:left;
    margin-left:20px;
    margin-right:20px;
}


/***************************
For Dashboard Recent Module
****************************/

.res-button{
    font-weight:bold;
    outline:none;padding:5px 10px; display:block; text-decoration:none; color:#fff; float:left; border:1px solid #acacac; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    /*
    background:linear-gradient(top, #d7d7d7, #bdbdbd);
    background:-o-linear-gradient(top, #d7d7d7, #bdbdbd);
    background:-moz-linear-gradient(top, #d7d7d7, #bdbdbd);
    background:-webkit-linear-gradient(top, #d7d7d7, #bdbdbd);
    background:-ms-linear-gradient(top, #d7d7d7, #bdbdbd);
    */

    background: url("https://training.whyscience.com/_graphics/btn_gray.jpg");
    background-repeat: repeat-x;

    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.47);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.27);
}

.green-button{
    font-weight: bold;
    color:#fff;

    border:1px solid #92ae57;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    background: url("https://training.whyscience.com/_graphics/btn_green.jpg");
    background-repeat: repeat-x;

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

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);

    outline: none;
    padding: 5px 10px;
    display: block;
    text-decoration: none;
}

#image-part h3{
    font-size: 18px;
    font-weight: normal;
    color:#04598D;
}



.cont {
    border:#136ca3 solid 1px;
    width:660px;
    height:auto;
    margin-top:16px;
}

.cont p {
    font-size:14px;
    padding:10px;
    border-bottom:#136ca3 solid 1px;
    color:#054369;
    margin-bottom: 0px;
}

.cont .left {
    float:left;
    margin-left: 5px;
}

.cont .right {
    margin-top: 8px;
    padding-left: 8px;
}

.cont .left span {
    padding-left: 15px;
    margin-top: 15px;
    padding-bottom: 10px;
}

.cont .right #button ul {
    list-style:none;
    background-color:#c0d8e8;
    width:645px;
    height:50px;
    border-radius: 5px;
    margin-top: 20px;
}

.cont .right span.module-name{
    padding-top:10px;
}

.cont .right #button ul li {
    float:left;
    margin-top:6px;
    cursor: pointer;
    padding: 1px 32px;
    list-style:none;
}

.cont .right #button ul .a {
    padding-left: 10px;
}

.cont .right #button ul .e {
    padding-right: 10px;
}

/***************************
For Dashboard Other Modules
****************************/

span.module{
    line-height:150%;
    color:#055485;
    display:block;
    margin-top:20px;
}

.cont1 {
    border:#136ca3 solid 1px;
    width:660px;
    height:auto;
    margin-top:10px;
    background-color:#c0d8e8;
}

.cont1 p {
    font-size:14px;
    padding: 15px 0px 0px 0px;
    color:#054369;
    float:right;
    margin: 0px;
}

.cont1 .left {
    float:left;
    margin-left:5px;

}

.cont1 .right {

    padding-left: 8px;
}

.cont1 .right span{
    color:#232222 !important;
    margin-bottom: 5px;
}

.cont1 .left span {
    padding-left: 15px;
    margin-top: 5px;
    padding-bottom: 26px;
}

.cont1 .right #button ul {
    list-style: none;
    background-color: #a3bccd;
    width: 645px;
    height: 50px;
    border-radius: 5px;
    margin: 10px 0;
}

.cont1 .right #button ul li {
    float:left;
    margin-top:6px;
    cursor: default;
    padding: 1px 32px;
    list-style:none;
}

.cont1 .right #button ul .a {
    padding-left: 10px;
}


.cont1 .right #button ul .e {
    padding-right: 10px;
}


.main_container_dashboard #desk-preview{
    width: 86px;
    margin-left: 550px;
    font-weight: bold;
    color: white;
    border: 1px solid #92AE57;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    eackground: url("https://training.whyscience.com/_graphics/etn_green.jpg");
    background-repeat: repeat-x;_
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.27);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);
    outline: none;
    padding: 5px 10px;
    display: block;
    text-decoration: none;
}
.main_container_dashboard .dashboard-modules-upper-button{
    background: none;
    border: none;
    box-shadow: none;
    color: #054369;
    float: right;
    margin: 0px;
    position: relative;
    top: 15px;
}

.main_container_dashboard .dashboard-modules-continue-button{
background-image: url("https://training.whyscience.com/_graphics/ic-logout.png");
background-position: 97% 6px;
background-repeat: no-repeat;
background-color: #1776b0;
border: 1px solid #054369;
box-shadow: none;
color: #fff;
float: right;
margin: 0px 20px;
padding: 6px 30px 6px 12px;
position: relative;
top: 15px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);
}

.main_container_dashboard .recent{
    float: none;
    top: 0;
    margin-left: 320px;
}

.main_container_dashboard .dashboard-modules-work-button{
background-image: url("https://training.whyscience.com/_graphics/ic-work.png");
background-position: 97% 6px;
background-repeat: no-repeat;
background-color: #1776b0;
border: 1px solid #054369;
box-shadow: none;
color: #fff;
float: right;
margin: 0px 20px;
padding: 6px 35px 6px 12px;
position: relative;
top: 15px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);
}
<!--background-color: #1776b0 !important;
border: 1px solid #054369;
box-shadow: none;
color: #fff;
float: right;
margin: 0px;
position: relative;
top: 15px;
padding: 6px 12px;
-->




/************************************************** Removed Login CSS **************************************************
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.green {
color: #94bf31;
}
.blue {
color: #005489;
}
.black {
color: #000000;
}
.red {
color: #e42426;
}
.left {
float: left;
}
.right {
float: right;
}
.container {
width: 1000px;
margin: 0 auto;
}

.logo {
padding: 44px 0 55px 22px;
}
.learing {
padding: 50px 0 0 8px;
}
.login_container {

background: url(https://training.whyscience.com/_graphics/login_bg.png) no-repeat 0 0;
width: 834px;
height: 458px;
margin: 0 auto;

}
.login_area {
padding: 44px 54px;
}
.para {
margin-top: 48px;
}
.para > p {
font-size: 16px;
padding-bottom: 6px;
}
.para > input[type="text"] {
width: 340px;
margin-bottom: 16px;
}
.para > input[type="password"] {
width: 340px;
margin-bottom: 16px;
}
.btn {
margin: 24px 0 44px;
}
.btn ul li {
float: left;
padding-right: 10px;
}
input[type="submit"].submit_btn, input[type="reset"].reset_btn {
display: block;
background: url(https://training.whyscience.com/_graphics/btn_bg.png) 0 0 no-repeat;
width: 82px;
text-align: right;
text-decoration: none;
padding-right: 10px;
border: none;
height: 34px;
cursor: pointer;
}
li span.login {
background: url(https://training.whyscience.com/_graphics/login_ico.png) no-repeat;
display: block;
height: 16px;
position: absolute;
margin: 9px 0 0 10px;
line-height: 16px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width: 16px;
float: left;
}
li span.cancel {
background: url(https://training.whyscience.com/_graphics/cancel_ico.png) no-repeat;
display: block;
height: 14px;
margin: 10px 0 0 6px;
line-height: 16px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width: 14px;
float: left;
position: absolute;
}
.account {
padding-left: 55px;
}
.line {
border-bottom: 1px solid #ccc;
margin: 0 20px;
}
.accountinfo {
margin-top: 20px;
}
.accountinfo h4, .accountinfo p {
text-align: center;
}
.accountinfo h4 {
margin-bottom: 24px;
color:#000000;
}
.accountinfo p {
line-height: 18px;
}
.footer {
margin-top: 14px;
margin-bottom: 20px;
}
.footer ul {
float: none;
display: table;
margin: 0 auto;
}
.footer ul li {
display: inline;
padding: 0 15px;
}

a{
color:#0000cc;
}
a:hover{
color:#0000cc;
}

*************************************************End of Login Removed *************************************************/



/********** LANDING PAGE ******************************/
.footer ul li{
color:#00C;
}


.left{
    float:left;
}

.landing-login-container{
    margin-top: 20px;
    padding-left: 20px;

}

.landing-login{
    margin-bottom: 20px;
}

.landing-login .login-area {
    color: #4b4b4b;
    border: 1px solid #c4e3e9;
    width: 356px;
    padding: 30px 18px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}
.landing-login .login-area  h1 {
    color: #2e6d9b;
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 30px;
}
.landing-login .login-area input[type=text],.login-area input[type="password"] {
    border: 1px solid #cccccc;
    width: 320px;
    padding: 10px;
    margin-bottom: 20px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    color: #a8a7a7;
}
.landing-login .login-area .ico {
    padding-left: 15px;
}
.remember-chk {
    font-size: 12px;
    margin-bottom: 28px;
}
.landing-login .remember-chk .chk-box {
    vertical-align: middle;
}
.landing-login .login-area .btn {
    color: #FFF;
    border: none;
    background: url(https://training.whyscience.com/_graphics/login-btn.png) 0 0 no-repeat;
    display: block;
    outline: none;
    font-weight: bold;
    text-align: center;
    width: 164px;
    cursor: pointer;
    font-size: 18px;
    height: 44px;
    padding: 0;
    margin: 25px 0px 20px 0px;
}

.landing-login .login-area p {
font-size: 12px;
}
.landing-login .login-area a {
text-decoration: none;
color: #2d92d3;
}


.slideshow {
width: 490px;
margin-left: 20px;
background: #ededed;
padding: 30px 18px;
height: 320px;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
-webkit-box-shadow:inset 0px 0px 4px 1px rgba(0, 0, 0, 0.4);-moz-box-shadow:inset 0px 0px 4px 1px rgba(0, 0, 0, 0.4);box-shadow:inset 0px 0px 4px 1px rgba(0, 0, 0, 0.4);
}
.flexslider ul {
}
.flexslider li {

list-style:

}
.flexslider ul li h2 {
color: #03588c;
font-size: 24px;
margin-bottom: 24px;
}
.flexslider ul li h4 {
color: #6d6c70;
font-size: 16px;
margin-bottom: 30px;
}
.flexslider ul li div{
background: #FFF;
padding: 12px;
}
.flexslider ul li div p {
color: #6d6c70;
font-size: 16px;
font-weight: bold;
padding-bottom: 20px;
line-height: 1.6;
}
.flexslider ul li div span {
color: #4f7415;
font-size: 16px;
font-weight: bold;
}

.flexslider span {
display: inline;
}

ul.pagination {
margin-top: 16px;
}
ul.pagination li {
display: inline;
}
ul.pagination li a {
display: inline-block;
}


/********* Footer block start ***********************************/


#footer-block .grid {
    background: #F0EEEE;
    border: 1px solid #136CA3;
    width: 426px;
    padding: 15px;
    line-height: 1.4;
    margin: 20px 10px;
    height: 530px;
    /*height: auto;*/
    overflow:hidden;
}

#footer-block #box1{
    margin-left:19px;
}
#footer-block #box2{
    margin-left:15px;
    margin-right: 0px;
}
#footer-block .grid p {
    color: #154156;
    font-size: 13px;
    padding-top: 14px;
}
#footer-block .grid h5 {
    color: #04598d;
    font-size: 18px;
}
#footer-block.clearmargin {
    margin-right: 0px;
}

/********** LANDING PAGE END ******************************/

.elgg-menu-site-custom li a#tools,
.elgg-menu-site-custom li a#library,
.elgg-menu-site-custom li a#syllabus,
.elgg-menu-site-custom li a#assessments,
.elgg-menu-site-custom li a#help,
.elgg-menu-site-custom li a#menu-seperator{
display: none;
}

.player{
margin: 0 auto;
width: 490px;
}

.no-data{
text-align:center;
color:red;
}

.custom-menu ul li.snap-engage-help{
    margin-left:0px;
    margin-top: -3px;
}

#friend_request_received_listing .elgg-image-block,
#friend_request_sent_listing .elgg-image-block {
	border: 1px solid transparent;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#friend_request_received_listing .elgg-image-block:hover,
#friend_request_sent_listing .elgg-image-block:hover {
	border-color: #cccccc;
}
.hitcount {
	color: #cccccc;
	white-space: nowrap;
}

.faqedit {
	margin: 2px 2px 0 4px;
	cursor: pointer;
	width:14px;
	height:14px;
	background: url("https://training.whyscience.com/mod/faq/_graphics/edit.png") no-repeat 0 0;
}

.answer {
	display: none;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-left: 5px;
}

.askedQuestion {
	border-bottom: solid 1px;
	border-color: #cccccc;
}

.askedLink {
	text-align: left;
	width:100%;
}

.askedSince {
	text-align: right;
	white-space: nowrap;
	color: grey;
}

.askedAnswer {
	display:none;
	margin: 10px 0 10px 0;
	padding: 3px;
}

/* category list */

.listEditBegin {
}

.listEditOptions {
	display: none;
}

.faqSelect {
	display:none;
}

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

.faqCategorySidebar a:hover {
	background: #0054A7;
	color: white;
	text-decoration: none;
}