
/* ***************************************
	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: verdana, sans-serif;	
	}

a {
	color: #3662b5;
}

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

p {
	margin-bottom: 15px;
}

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

pre, code {
	font-family: verdana, sans-serif;
	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.1;
	padding:10px 15px; /*admin brian quotes*/
	margin:0px 0px 15px 0px; /*admin brian quotes*/
	background:#EBF5FF; /*admin brian quotes*/
	border:1px solid #eee; /*admin brian quotes*/
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 7px; /*admin brian*/
}

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

a.elgg-heading-site, a.elgg-heading-site:hover {
	font-size: 46px;
	line-height: 40px;
	text-shadow: 0px 0px 0px #333333;
	text-decoration: none;
	margin-left:40px;
	display:block;
	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%;
}
.elgg-form-groups-find .elgg-input-search {
    width: 165px;
    margin-right: 4px;
}

/* ***************************************
	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://www.myapplespace.com/_graphics/friendspicker.png") no-repeat left top;
}
.friends-picker-navigation-r {
	background: url("http://www.myapplespace.com/_graphics/friendspicker.png") no-repeat -60px top;
}
.friends-picker-navigation-l:hover {
	background: url("http://www.myapplespace.com/_graphics/friendspicker.png") no-repeat left -44px;
}
.friends-picker-navigation-r:hover {
	background: url("http://www.myapplespace.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
************************** */

/*admin brian - facebook and twitter login in "log in" dropdown menu*/
#login_with_facebook {
	padding:10px 0px 0px 0px;
	margin:0px;
}

.login_with_twitter {
	margin-bottom:20px;
}


/*admin brian facebook like in white menu*/
#facebook-like {
	width:150px;
	position:relative;
	top:60px;
	left:445px;
	z-index:200;
}

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

	width: auto;
	padding: 4px 8px;
	cursor: pointer;
	outline: none;	
}

a.elgg-button {
	padding: 6px 15px;
}

/* Submit: This button should convey, "you're about to take some definitive action" */
.elgg-button-submit {
	color: white;
	text-shadow: 0px 0px 0px black;
	text-decoration: none;
	border: 1px solid rgba(155,155,155,0.5);
	background: #5B74A8;
}

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

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

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

.elgg-button-cancel:hover {
	color: #444;
	background-color: #999;
	background-position: left 10px;
	text-decoration: none;
}

/* Action: This button should convey a normal, inconsequential action, such as clicking a link */



.elgg-button-action, .elgg-menu-item-addgroups {
	/* background: rgba(230,230,230,1.0); admin brian */
	border:1px solid #ccc; /*admin brian*/
	padding:4px 18px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.elgg-menu-item-addgroups { /*admin brian add new space*/
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7697d6), to(#3662b5))!important; 
	background: -moz-linear-gradient(0% 100% 90deg,#3662b5, #7697d6)!important;
	background-color: #3662b5;
	color:#fff;	
}
.elgg-menu-item-addgroups a { /*admin brian add new space*/
	color:#fff;
	font-weight:bolder;
}


.elgg-button-action:hover,
.elgg-menu-item-addgroups:hover a, /* admin brian - hover on "+" on frontpage */
.elgg-button-action:focus {
	text-decoration: none;
	cursor: pointer;
	
}

/* Delete: This button should convey "be careful before you click me" */
.elgg-button-delete {
	color: rgba(255,255,255,0.8);
	text-decoration: none;
	border: 1px solid #ccc;
	background: rgba(255,50,50,0.8);
}
.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:rgba(255,0,0,0.8); /*admin brian 	color: #333;*/
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	animation: blinking 1.5s ;
	-webkit-animation: blinking 1.5s; /* Safari and Chrome */ 
	animation-direction:alternate; 
	-webkit-animation-direction:alternate; /* Safari and Chrome */ 
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite; /* Safari and Chrome */ 
	animation-delay:0s; 
	-webkit-animation-delay:0s; /* Safari and Chrome */ 
	-moz-animation-delay:0s; /* Safari and Chrome */ 
	animation-timing-function: linear;
	}
	
		@-webkit-keyframes blinking {
		  0%   { background-color:rgba(255,0,0,0.1); color:rgba(255,0,0,1.0); }
		  100% { background-color:rgba(255,0,0,1.0); color:rgba(255,255,255,0.8);}}
		@-moz-keyframes blinking {
		  0%   { background-color:rgba(255,0,0,0.1); color:rgba(255,0,0,1.0); }
		  100% { background-color:rgba(255,0,0,1.0); color:rgba(255,255,255,0.8);}}
		@-o-keyframes blinking {
		  0%   { background-color:rgba(255,0,0,0.1); color:rgba(255,0,0,1.0); }
		  100% { background-color:rgba(255,0,0,1.0); color:rgba(255,255,255,0.8);}}
		@keyframes blinking {
		  0%   { background-color:rgba(255,0,0,0.1); color:rgba(255,0,0,1.0); }
		  100% { background-color:rgba(255,0,0,1.0); color:rgba(255,255,255,0.8);}}
}

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


.elgg-button-dropdown:hover {
	background-color:rgba(255,0,0,1.0); /*admin brian login button background color on hover*/
	text-decoration:none;
	color:rgba(255,255,255,0.8);
}

.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://www.myapplespace.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 -630px; <!-- Admin Brian 648 -> 630 -->
}
.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 -1044px; <!-- Admin Brian 1062 -> 1044 -->
}
.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 -1476px; <!-- Admin Brian 1494 -> 1476 -->
}
.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://www.myapplespace.com/_graphics/ajax_loader_bw.gif) no-repeat center center;
	min-height: 31px;
	min-width: 31px;
}




/* ***************************************
	AVATAR ICONS
*************************************** */

.elgg-menu-topbar > li > a.elgg-topbar-avatar img { /*admin brian rounded corners on topbar profile avatar*/
	border-radius:18px;
	border:1px solid #ccc;	
}


.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: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border:1px solid #ccc;
	
	-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;
	margin-right:7px; /*admin brian - space to the right of sidebar "Friends" avatars on profile page*/
	
	/* remove the border-radius if you don't want rounded avatars in supported browsers */
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border:1px solid #ccc;
		
	-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;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border:1px solid #ccc;
}
.elgg-avatar-large > a > img {
	width: 200px;
	height: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	border:1px solid #ccc;
}

#current-user-avatar { /* admin brian added to style the avatar on the "edit avatar" page */
	border-radius:20px;
}


/* ***************************************
	IMG ROUNDED CORNERS %
*************************************** */
img {
	border-radius:10%;
}




/***** ADMIN BRIAN: (BLUE MENU) SOCIAL MENU HOLDER POSITION + WIDTH ******/
.myapplespace {
	position:absolute;
	top:9px;
	left:50%;
	width:180px;
	margin-left:-105px;
	font-weight:lighter; 
	font-size:20px; 
	color:rgba(255,255,255,0.8);
	border:1px solid rgba(255,255,255,0.5);
	border-radius:20px;
	padding:8px 15px;
}

.myapplespace:hover{
	text-decoration:none;
	background-color: rgba(255,255,255,0.03);
	border:1px solid rgba(255,255,255,0.03);
	color:rgba(255,255,255,0.8);
}


.elgg-page-default .elgg-page-header > .elgg-inner {
	width: 1010px;
	margin: -10px auto 0px -10px;
	min-height:105px;
}
.elgg-page-default .elgg-page-header {
	}
.elgg-page-default .elgg-page-body > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	
}
.elgg-page-default .elgg-page-body {
	padding-top:20px;
	}
	
.elgg-page-default .elgg-page-footer > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	padding: 5px 0;
}
.elgg-page-default .elgg-page-footer {
		height:50px;
}


/* ***************************************
	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: #EEEEEE; /*admin brian #EEEEEE*/
}
.elgg-tabs .elgg-state-selected a {
	position: relative;
	top: 2px;
	background: #EEEEEE;
}

/* ***************************************
	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: #3662b5;
	margin: 1px 15px 0;
	text-shadow:0px 0px 0px #000000; /* Admin Brian */
}

.elgg-menu-topbar > li > a:hover {
	color: #3b3b3b;
	text-decoration: none;
	text-shadow: 0px 1px 1px #777, 1px 1px 2px #ddd; /* Admin Brian */
}

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

.elgg-menu-topbar-alt a {
	color:#ffffff;
	text-shadow:1px 1px 0px #000000;
	}

.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;
}
#social_menu_holder {
	background-color: transparent!important;
	}
	
#social_menu {
	width:1010px;
	height:54px;
	margin:0px auto 0px auto;
	-moz-border-radius-topright: 40px;
	-moz-border-radius-topleft: 40px;
	-webkit-border-top-right-radius: 40px;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
	position:relative;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7697d6), to(#3662b5))!important; 
	background: -moz-linear-gradient(0% 100% 90deg,#3662b5, #7697d6)!important;
	background-color: #3662b5;
	}
#social_topbar {
	width:980px;
	height:41px;
	margin:0px auto;
	padding-top:3px;
	background-color: transparent;
	}

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

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


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

.elgg-menu-site-default > li {
	float: left;
	margin-right: 1px;
	text-shadow: 0px 0px 0px #063488;
}

.elgg-menu-site-default > li > a {
	color: #fcfcfc;
	text-shadow: 0px 0px 0px #292929; /* Admin Brian */
	}


.elgg-menu-site-default > .elgg-state-selected > a,
.elgg-menu-site-default > li:hover > a {
	color: #ffffff; /*navigation menu - hover*/
	background-color:rgba(45, 81, 149, .3); /* Admin Brian */
	border-radius: 6px; /* Admin Brian */
}

.elgg-menu-site-more {
	background-color: none!important;
	display: none;
	position: relative;
	left: -1px;
	width: 100%;
	z-index: 9999999999999999;
	min-width: 150px;
	padding:0px;
}

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

.elgg-menu-site-more > li > a {
	color: #ffffff;
	padding:5px 5px 5px 10px;
	
}
.elgg-menu-site-more > li > a:hover {
	color:#dddddd;
}
.elgg-menu-site-more > li:last-child > a,
.elgg-menu-site-more > li:last-child > a:hover {
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.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: 25px; /*admin brian Spaces tabs-menu <-> spaces*/
	border-bottom: 1px solid #ccc; /*admin brian*/
	display: table;
	width: 100%;
}
.elgg-menu-filter > li {
	float: left;
	border: 1px solid #ccc; /*admin brian*/
	border-bottom: 0;
	background: #eee;
	margin: 0 0 0 10px;
	padding-bottom:1px;
	
	-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;
	padding-bottom:1px;
}
.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: rgba(0,0,0,0.7); /*admin brian*/
}
.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;
	color:#333333;
	background-color: white;
	margin: 0 0 3px;
	padding: 2px 4px 2px 8px;
	text-shadow: none;
}
/* Right hand side menu (which?) */
.elgg-menu-page li.elgg-state-selected > a {
	background-color: rgba(230,230,230,1.0);
	text-shadow:0px 0px 0px #333333;
}

.elgg-menu-page > a:hover {
	background-color: #3662b5;
	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: rgba(255,255,255,0.9); /*admin brian - registration link in drop-down login menu*/
}

.elgg-menu-general > li { /*admin brian - login dropdown register link*/
	padding:4px;
	border:1px solid rgba(255,0,0,1.0);
	border-radius:7px;	
	background-color: rgba(255,0,0,1.0);
}

/* admin brian - removes | after registration link
.elgg-menu-general > li:after {
	content: "\007C";
	padding: 0 4px;
}
*/

/* ***************************************
	ENTITY AND ANNOTATION
*************************************** */
.elgg-menu-entity, elgg-menu-annotation {
	float: right; /* Admin Brian */
	margin-left: 15px; /* Admin Brian 15 to 0 px*/
	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; admin brian - sidebar menu in spaces */
	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: #0054A7; /* admin brian */
	color: white;
}

.elgg-menu-owner-block-default { /* admin brian sidebar navigation menu */
	background: #7697d6; /* Old browsers */
	background: -moz-linear-gradient(top, #7697d6 0%, #3662b5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7697d6), color-stop(100%,#3662b5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7697d6 0%,#3662b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7697d6 0%,#3662b5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7697d6 0%,#3662b5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7697d6 0%,#3662b5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7697d6', endColorstr='#3662b5',GradientType=0 ); /* IE6-9 */	padding:10px;
	border-radius:10px;
	border:1px solid #ddd;
}

.elgg-menu-owner-block-default li a { /* admin brian Spaces sidebar navigation menu */
	color:#fff;
	background:transparent; /* admin brian - Profile page sidebar menu */
}


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

/* ***************************************
    OWNER MENU idividual buttons
*************************************** */
/*
.elgg-menu-item-file a {
    padding-left: 40px!important;
    background: url("http://www.myapplespace.com/mod/profile/icondirect.php?lastcache=1359202623&joindate=1358758200&guid=391&size=tiny") no-repeat;
}
*//* ***************************************
	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;
}

/* Admin Brian - iPhone app styling of space modules */
/* Info */
.elgg-module-info > .elgg-head {
	padding: 10px;
	margin-bottom: 10px;
	background-color:#f7f9fd;
	border-radius:25px!important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}

.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 Admin Brian */
.elgg-module-dropdown {
	background-color: rgba(255,255,255,0.9);
	border:1px solid #ccc;
	-webkit-border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	border-radius: 30px 0 30px 30px;
	display: none;
	width: 220px;
	padding: 12px;
	margin-right: 0px;
	z-index: 100;
	position: absolute;
	right: 0px;
	top: 100%;
}

/* Featured */
.elgg-module-featured {
	border: 1px solid #D0D0D0;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.elgg-module-featured > .elgg-head {
	padding: 5px;
	background-color: none; /* Admin Brian */
}
.elgg-module-featured > .elgg-head * {
	color: #333; /* Admin Brian */
}
.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 admin Brian Launchpad 2 columns
*************************************** */
.elgg-list {
	border-top: 0px dotted #CCCCCC; <!-- Admin Brian - remove top border on spaces / groups-page list of spaces -->
	margin: 5px 35px;
	clear: both;
}


.elgg-list > li {
	border-bottom: 0px dotted #CCCCCC; /* lines between groups/spaces */
	margin-bottom:25px; /* admin brian space between items in activity stream */
}

.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;
	border: 0px dotted #CCC; /* Admin Brian */
	border-radius: 10px; /* Admin Brian */
}

/* ***************************************
	Messages
*************************************** */
.elgg-message {
	color:RGBA(255,255,255,0.5);
	font-weight: lighter;
	font-size:98%;
	display: block;
	padding: 3px 10px;
	cursor: pointer;
	/*opacity: 0.9; admin brian */ 
	
	/*-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; admin brian */
}
.elgg-state-success {
	background-color: rgba(100,100,100,0.0); /*admin brian*/
}
.elgg-state-error {
	background-color: rgba(250,100,100,0.0); /*admin brian*/
}
.elgg-state-notice {
	background-color: rgba(250,100,100,0.0); /*admin brian*/
}

/* ***************************************
	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: none; /*#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;
	color:rgba(0,0,0,0.4); /*admin brian - river / activity font color*/
}
.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: 0px solid #ccc;
	padding: 0px; /*admin brian padding:3px */
	background-color: white;
	border-radius:10px; /*admin brian*/
	margin-top:5px;
}

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

/* Admin Brian 
10/03/2013 change by $arsalanshah
*/

body, .elgg-page {
background:rgba(245,245,245,0.5);
}

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

/***** Front page ******/

#maswelcomeheadline {
	text-align: center;
	margin:-10px 0px 50px 0px;
	font-size:30px;
}


.front_left {
	width:320px;
	margin-left:30px;
	}

#masmembermap {
	margin:90px 0px 0px -20px;
}

.front_right {
	width:485px;
	margin:0px 50px 0px 70px;
	}

#everybodylikesmas {
	position:absolute;
	top:3px;
	left:854px;
	border:none; 
	overflow:hidden; 
	width:120px; 
	height:21px;
}	


/***** SOCIAL MENU HOLDER POSITION + WIDTH ******/

.elgg-page-default .elgg-page-header {
	}
.elgg-page-default .elgg-page-body > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	
}
.elgg-page-default .elgg-page-body {
	padding-top:20px;
	}
	
.elgg-page-default .elgg-page-footer > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	padding: 5px 0;
}
.elgg-page-default .elgg-page-footer {
		height:50px;
}

/***** TOPBAR ******/
.elgg-page-topbar {
	background: #2D2D2D ;
	position: relative;
	height: 24px;
	z-index: 9000;
	width:940px;
	margin-left:auto;
	margin-right:auto;
}
.elgg-page-topbar > .elgg-inner {
	padding: 0 10px;
}

/***** PAGE MESSAGES ******/
.elgg-system-messages { 
	position: absolute;
	top: 0px; /*admin brian top:24px; */
	left: 20px; /*admin brian*/
	max-width: 350px;
	max-height: 55px; /*admin brian*/
	overflow-y:auto; /*admin brian*/
	z-index: 2000;
}
.elgg-system-messages li {
	margin-top: 10px;
}
.elgg-system-messages li p {
	margin: 0;
}

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

/***** PAGE BODY LAYOUT ******/
.elgg-layout {
	min-height: 360px;
}
.elgg-layout-one-sidebar {
	background: none;
}
.elgg-layout-two-sidebar {
	background: none;
}
.elgg-sidebar {
	position: relative;
	padding: 20px 10px;
	float: right;
	width: 210px;
	margin: 0 0 0 10px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;}

.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: 0px solid #CCCCCC; /* Admin Brian */
	margin-bottom: 10px;
}

/***** PAGE FOOTER ******/
.elgg-page-footer {
	position: relative;
	padding-top:20px;
}
.elgg-page-footer {
	color: #999;
}
.elgg-page-footer a:hover {
	color: #666;
}
.rounded-corners {
	background: #fff;
	-moz-border-radus:40px;
	-webkit-border-radius:40px;
	border:1px solid #ccc;
	border-radius:40px;
	width:990px;
	margin:20px auto 20px auto;
	padding:10px;
	}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(http://www.myapplespace.com/mod/puritythree_theme/graphics/slider/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
	border:1px solid #C5C5C5;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-150px; /* Admin Brian Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(http://www.myapplespace.com/mod/puritythree_theme/graphics/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(http://www.myapplespace.com/mod/puritythree_theme/graphics/slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: 'Source Sans Pro', sans-serif; <!--Brian admin - google font. ref: views > default > page > default.php-->
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.theme-default #slider {
    margin:10px auto 0 auto;
    width:485px; /* Make sure your images are the same size */
    height:273px; /* Make sure your images are the same size */
}




/* Newsroom */
.RSSAggrCont {
    border:1px solid #AAA;
    -moz-box-shadow:0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    width:500px;
    padding:10px;
    background:#f3f3f3;
    margin:15px;
    float:left;
}

/*This is the actual feed content, Brian*/
/*The design is here is just a basic layout, easily molded into whatever you'd like*/
.rss_item_wrapper { 
    padding-bottom: 8px;
}
.rss_item_wrapper:last-child {
    padding-bottom: 0px;
}
.rss_item_header {
    font-size:12px;
    font-weight:bold;
    padding-bottom:0px;
}
.rss_item_header a,
.rss_item_header a:link,
.rss_item_header a:visited,
.rss_item_header a:hover,
.rss_item_header a:active {
    font-size:12px;
    font-weight:bold;
    color:#33c;
}
.rss_item_info {
    color:#999;
    font-size:9px;
}
.rss_item_desc {
    text-align:justify;
    font-size: 11px;
}
.rss_read_more {
    background-color:#EDEDED;
    font-size:11px;
    font-weight:normal;
    height:30px;
    line-height:30px;
    vertical-align: middle;
    margin-top:2px;
    padding:0 9px;
    text-align:left;
    text-decoration:none;
    text-transform:capitalize;
}
.loading_rss {
    text-align:center;
    width:89px;
    height:64px;
    background-image:url(../images/loading_bg.png);
    z-index: 10;
    margin: 10px auto;
}
.loading_rss img {
    margin-top: 16px;
}
.loading_rss div {
    width:89px;
    height:64px;
    background-image:url(../images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
}

/**** Liang ****/

.mas-gallery-spaces li{
 width:250px;
 margin:10px 35px;
}
.mas-gallery-spaces li img { /*admin arsalan mas-new plugin*/
	margin-right:7px;
	border-radius:12px; /*admin brian rounded corners on spaces page, space icons */
}

.mas-gallery-spaces .elgg-menu-entity {
 display:none;
}/* ***************************************
	MISC
*************************************** */
#login-dropdown {
	position: absolute;
	top: 70px;
	right: 35px; /* Admin Brian */
	z-index: 100; /* Admin Brian */
}

/* ***************************************
	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: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	background: none repeat scroll 0 0 rgba(230,230,230,1.0); 
	color: #555;
	cursor: pointer;
	font-size: 1.2em;
	margin: 10px 0;
	padding: 7px 10px 7px 10px;
}
#friends_collections_accordian li h2:hover {
	background-color: #bbb;
}
#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:none; /* Admin Brian - white menu - profile photo - frame */
}
.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; admin brian */
	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; admin brian*/
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0px 0px 15px 0px; /* admin brian 0 0 7px */
	padding: 2px 4px;
}
#profile-details .even {
	/*background-color:#f4f4f4; admin brian */ 
	
	-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 Developer Tools ***/
#developers-iframe {
	width: 100%;
	height: 600px;
	border: none;
}
#developer-settings-form label {
	margin-right: 5px;
}
.elgg-page .jstree-default.jstree-focused {
	background-color: transparent;
}
.developers-log {
	background-color: #EBF5FF;
	border: 1px solid #999;
	color: #666;
	padding: 20px;
}

.developers-content-thin {
	max-width: 600px;
}.elgg-icon-bookmark {
	background: transparent url(http://www.myapplespace.com/mod/bookmarks/graphics/bookmark.gif);
}
.categories li label {
	font-size: 100%;
	line-height: 1.2em;
}

/*******************************
	Custom Index
********************************/
.custom-index {
	padding: 10px 0;
	background:none;
}
.custom-index .elgg-module-featured {
}
.custom-index .elgg-module-featured:hover {
}

#facebook_connect_site_settings .text_input 
{
	width: 350px;
}
#login_with_facebook 
{
	padding: 10px 0 0 0;
}.file-photo {
	text-align: center;
	margin-bottom: 15px;
}
.file-gallery-item {
	text-align: center;
	width: 165px;
}
.groups-profile > .elgg-image {
	margin-right: 10px;
}

.groups-stats {
	background: #fff; /* Admin Brian*/
	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: #fff; /* Admin Brian */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	padding: 2px 4px;
	margin-bottom: 7px;
	width: auto;
	text-align: justify;
}

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

/* Admin Brian - Space main page > space modules >iPhone app style */
#groups-tools > li {
	width: 48%;
	min-height: 200px;
	margin-bottom: 40px;
	background-color:#f7f9fd;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	width: 330px;
	box-shadow: 0px 0px 0px #ccc;
}


/* Admin Brian - Space main page > space modules >iPhone app style */
#groups-tools > li:nth-child(odd) {
	margin-right: 4%;
	background-color:#f7f9fd;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	width: 333px;
	box-shadow: 0px 0px 0px #ccc;
}

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

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

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

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

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

.elgg-menu-cg-moderator > li {
	margin-right: 10px;
}

.elgg-menu-cg-moderator a {
	color: #aaa;
}

/* ***************************************
	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://www.myapplespace.com/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right 2px;
}
#notificationstable td.emailtogglefield a.emailtoggleOn {
	background: url(http://www.myapplespace.com/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right -36px;
}
#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(http://www.myapplespace.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(http://www.myapplespace.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right -37px;
}
.notification_friends,
.notification_personal,
.notifications_per_user {
	margin-bottom: 25px;
}




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

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

.pages-nav.treeview .hover {
	color: #0054a7;
}/* Reported Content */
.elgg-icon-report-this {
	background: url(http://www.myapplespace.com/mod/reportedcontent/graphics/icon_reportthis.gif) no-repeat left top;
}

/**********************************
Search plugin
***********************************/
.elgg-page-header .elgg-search {
	bottom: 63px;
	height: 27px;
	position: absolute;
	right: 30px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	border:none;
}

/* search - before the click */
.elgg-page-header .elgg-search input[type=text] {
	padding-left:20px; /* position the text: "Search" - before click */
	width: 80px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	background-color:rgba(255,255,255,0.2); /*admin brian*/
	border:none;
	color:RGBA(0,0,0,0.4); /*admin brian RGB(59,78,169)*/
}

/* search - after the click */
.elgg-page-header .elgg-search input[type=text]:focus  {
	padding-left:20px; /* position the text: "Search" - after click */
	animation: click-search 0.17s forwards; 
	-webkit-animation: click-search 0.17s forwards; /* Safari and Chrome */ 
	animation-direction:normal; 
	-webkit-animation-direction:normal; /* Safari and Chrome */ 
	animation-delay:0s; 
	-webkit-animation-delay:0s; /* Safari and Chrome */ 
	animation-timing-function: linear;
	}
		@keyframes click-search {
			0% {width:100px; background-color:rgba(255,255,255,0.2);}
			100% {width:250px; background-color:rgba(255,255,255,0.8);}}
		@-webkit-keyframes click-search /* Safari and Chrome */{
			0% {width:100px; background-color:rgba(255,255,255,0.2);}
			100% {width:250px; background-color:rgba(255,255,255,0.8);}}
		@-moz-keyframes click-search /* Safari and Chrome */{
			0% {width:100px; background-color:rgba(255,255,255,0.2);}
			100% {width:250px; background-color:rgba(255,255,255,0.8);}}
		@-o-keyframes click-search {
			0% {width:100px; background-color:rgba(255,255,255,0.2);}
			100% {width:250px; background-color:rgba(255,255,255,0.8);}}
}


.search-input {
	}


.elgg-page-header .elgg-search input[type=submit] {
	display: none;
}


.elgg-search input[type=text] {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	/* background:  url(http://www.myapplespace.com/_graphics/elgg_sprites.png) no-repeat 2px -934px; search icon disabled */ 
	margin-top:2px;
	margin-left:6px;
}
.elgg-search input[type=text]:focus, .elgg-search input[type=text]:active {
	/* background-position: 2px -916px; */
	color: #333;
	border:none;
}

.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-characters-remaining-warning {
	color: #D40D12 !important;
}
.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;
}

#twitter_widget {
	margin:0 10px 0 10px;
}
#twitter_widget ul {
	margin:0;
	padding:0;
}
#twitter_widget li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
	overflow-x: hidden;
	border: 2px solid #dedede;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#twitter_widget li span {
	color:#666666;
	background:white;
	
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	padding:5px;
	display:block;
}
p.visit_twitter a {
	background:url(http://www.myapplespace.com/mod/twitter/graphics/twitter16px.png) left no-repeat;
	padding:0 0 0 20px;
	margin:0;
}
p.twitter_username .input-text {
	width:200px;
}
.visit_twitter {
	background:white;
	
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	padding:2px;
	margin:0 0 5px 0;
}
#twitter_widget li > a {
	display:block;
	margin:0 0 0 4px;
}
#twitter_widget li span a {
	display:inline !important;
}
.login_with_twitter {
	padding: 10px 0 0 0;
}

.twitter-secret {
	width: 400px;
}/* ZAudio */
.zaudio {
	margin: 10px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tidypics-tagging-help {
	position: absolute;
	left: 50%;
	top: -25px;
	width: 250px;
	margin-left: -125px;
	text-align: center;
}

.tidypics-tagging-select {
	position: absolute;
	max-width: 300px;
}

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

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

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

/* ***************************************
	Tagging
*************************************** */
#tidypics_uploader {
	position:relative;
	width:400px;
	min-height:20px;
}

#tidypics_choose_button {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	display:block;
	float:left;
}

#tidypics_flash_uploader {
	position:relative;
	z-index:100;
}

/* ***************************************
	AJAX UPLOADER
*************************************** */
#tidypics-uploader-steps {
	list-style: none;
}

#tidypics-uploader-steps li a {
	font-weight:bold;
}

.tidypics-choose-button-hover {
	color:#0054a7;
	text-decoration:underline;
}

.tidypics-disable {
	color:#cccccc;
}

.tidypics-disable:hover {
color:#cccccc;
text-decoration:none;
}


.uploadifyQueueItem {
background-color:#F5F5F5;
border:2px solid #E5E5E5;
font-size:11px;
margin-top:5px;
padding:10px;
width:350px;
}

.uploadifyProgress {
background-color:#FFFFFF;
border-color:#808080 #C5C5C5 #C5C5C5 #808080;
border-style:solid;
border-width:1px;
margin-top:10px;
width:100%;
}

.uploadifyProgressBar {
background-color: #0054a7;
width: 1px;
height: 3px;
}

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

#tidypics-choose-button {
position:absolute;
top:0;
left:0;
z-index:0;
display:block;
float:left;
}

#tidypics-flash-uploader {
position:relative;
z-index:100;
}

.uploadifyQueueItem .cancel {
	float: right;
}

.uploadifyError {
border: 2px solid #FBCBBC;
background-color: #FDE5DD;
}



#elggchat_toolbar {
background: rgba(255, 255, 255, .85);
box-shadow: 0px -1px 3px #ccc ;
border-bottom: 0;
bottom: 0px;
left: 15px;
display: block;
font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size: 11px;
width: 100%;
position: fixed;
height: 29px;
text-align: left;
z-index: 1028;
margin-top: 8px;
} 

#html #elggchat_toolbar {
	position: fixed;
	bottom: 0px;
	height: 25px;
	left: 0px;
	z-index: 900;
	background: rgba(255, 255, 255, .85);
}

#elggchat_toolbar_left {

	
	float:right;
	
	
	
}

#elggchat_copyright{
	color: #CCCCCC;
	padding-left: 5px;
	float:left;
	display: none;
}

.session {
	float: left;
background: rgba(255, 255, 255, .85);
	
	border: 1px solid #d2d2d2;
	
    padding:3px;
    margin:0 5px 5px 5px;
    
    /* ie fix */
	max-width:200px;
}

.elggchat_session_new_messages {
	background: #333333;
}

.elggchat_session_new_messages.elggchat_session_new_messages_blink{
	background: #E4ECF5;
}

#elggchat_extensions{
	float:right;
	border-left:1px solid #CCCCCC;
	padding: 0 5px 0 5px;	
}

#elggchat_friends{
	float:right;
    height: 29px;
    margin:0px;
}

#elggchat_friends_picker{
	background: rgba(255, 255, 255, .85);
	position: fixed;
	width: 195px;
	font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size: 11px;
	text-align: left;
	z-index: 1025;
	line-height: normal;
	bottom: 29px !important;
	padding:5px;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        box-shadow: 0px -1px 3px #ccc;
}

#elggchat_friends_picker .settings{
	font-size: 90%;
	background-color: #DEDEDE;
}
.toggle_elggchat_toolbar {
	border-top:1px solid #ccc;	
	width: 15px;
	height: 100%;
	float:left;
	background:transparent url(http://www.myapplespace.com/mod/elggchat/_graphics/minimize.png) repeat-x left center;	
}

.minimizedToolbar {
	background-position: right center;
	border-right:1px solid #d2d2d2;
			
}

.messageWrapper {
	background:white;
	
    padding:10px;
    margin:0 5px 5px 5px;
}

.messageWrapper table{
	background: white;
	height: 0px;
	font-size: 10px;
}
.systemMessageWrapper {
    padding:3px;
    margin:0 5px 5px 5px;
	color: #999999;
}

.messageIcon {
	margin-right: 7px;
}

.messageName {
	border-bottom:1px solid #DDDDDD;
	width: 100%;
	font-weight: bold;
	color: #4690D6;
}

.chatsessiondatacontainer {
	width:200px;
	display: none;
}

.chatsessiondata{
	border: 1px solid #d2d2d2;
	border-bottom: 0px;
	background: #f2f2f2;
	margin: 0 -4px;
	position:absolute;
	bottom:17px;
	width:206px;
	max-height:600px;
	overflow:hidden;
}

.chatmembers{
	border-bottom: 1px solid #DEDEDE;
	max-height:154px;
	overflow-y:auto;
	margin-left:2px;
	margin-bottom:2px;
	margin-top:2px;
	display:block;
}

.chatmember td{
	vertical-align: middle;
}

.chatmembers .chatmemberinfo{
	width: 100%;
}
.chatmembersfunctions {
	text-align:right;
	padding-right:2px;
	height:20px;
	border-bottom: 1px solid #DEDEDE;
	font-size:10px;
}
.chatmembersfunctions_invite{
	display:none;
	text-align:left;
	position:absolute;
	background: #333333;
	width:100%;
	opacity: 0.8;
	filter: alpha(opacity=80);
	max-height:250px;
	overflow-x: hidden;
	overflow-y: auto;	
}

.chatmembersfunctions_invite a {
	color: #FFFFFF;
	padding:3px;
}

.online_status_chat{
	width:24px;
	height:24px;
	background: transparent url("http://www.myapplespace.com/mod/elggchat/_graphics/online_status.png") no-repeat 0 0;
}

.online_status_idle{
	background-position: 0 -24px;
}

.online_status_inactive{
	background-position: 0 -48px;
}

.elggchat_session_leave{
	margin: 2px 0 0 4px;	
	float:right; 
	cursor: pointer;
	width:14px;
	height:14px;
	background: url("http://www.myapplespace.com/_graphics/icon_customise_remove.png") no-repeat 0 0;
	
}

.elggchat_session_leave:hover{
	background-position: 0 -16px;
}

.chatmessages{
	min-height: 250px;
	max-height: 400px;
	overflow-y:auto;
}

.elggchatinput{
	background: #FFFFFF url("http://www.myapplespace.com/mod/elggchat/_graphics/chatwindow/chat_input.png") no-repeat 1px 50%;
	padding-left:18px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	height:22px;
}

.elggchatinput input{
	border: none;
	font-size:100%;
	padding: 2px;
}

.elggchatinput input:focus{
	border: none;
	background:none;
}









#bb_left_menu {
    position: fixed;
    bottom: 25px;
    left: 2px;
    padding: 5px;
    background: #ccccdd;
    border: solid 1px #999999;
    z-index: 10010;
    display: none;
}

#bb_left_menu_top {
    text-align: right; 
    cursor: pointer;
    font-size: 18px;
    font-weight: 900;
    line-height: 80%;
    border-bottom: solid 1px #aaaaaa;
    margin-bottom: 5px;
}

#bb_left_menu table {
    background: #ffffff;
    font-size: 15px;
    font-face: verdana, tahoma;
    font-weight: bold;
    padding: 5px;
}

#bb_left_menu td {
    padding: 3px;
}

#bb_left_menu td:hover{
    background: #ddddff;
}

#bb_container {
    height: 25px; 
    width: 100%; 
    bottom: 0px; 
    position:fixed; 
    z-index: 10000;
}

#bb_bar {
    width: 100%;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border: solid 1px #999999;
    background-color:#d2d2d2;
}

#bb_notification_top {
    color: blue;
    font-weight: 900;
    font-size: 12px;
    width: 100%;
    padding: 2px 0px 0px 0px;
}

#bb_notification_main {
    background: #ffffff;
    font-size: 11px;
    font-face: verdana;
}

#bb_bar_icon {
    width: 50px;
    padding-left: 5px;
}

#newPosts {
    width: 200px;
    max-height: 80%;
    right: 5px;
    bottom: 25px;
    background: #ccccdd;
    border: solid 1px #999999;
    position: fixed;
    display: none;
    z-index: 10000;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
}

#bb_chat {
    width: 170px; 
    max-height: 80%;
    right: 5px;
    bottom: 25px;
    background: #ccccdd;
    border: solid 1px #999999;
    position: fixed;
    display: none;
    z-index: 10000;
    padding: 5px;
    overflow: auto;
}

#bb_friends_top {
    color: blue;
    font-size: 12px;
    width: 100%;
    padding: 0px 0px 2px 0px;
}

#bb_friends_main {
    background: #ffffff;
    font-size: 11px;
    font-face: verdana;
    padding: 5px;
}

#bb_friendslist {
}

#bb_friends_bartitle {
    color: white;
    font-size: 10px;
    margin-left: 5px;
}

#bb_chat_toolbar {
	position: fixed;
	bottom: 0px;
	height: 25px;
	left: 0px;
	z-index: 9999;
	background: #DEDEDE;
}

#bb_friendslist_button {
    border-left: solid 1px #999999; 
    cursor: pointer;
}

#bb_newposts_button {
    border-left: solid 1px #999999; 
    text-align: center;
    cursor: pointer;
}

#showMine, #showAll {
    padding: 0px 10px 5px 10px;
}

#bb_chat_list {
    border-left: solid 1px #999999;
}

#bb_chat_list_area {
    width: 100%;
}

.bb_chat_list_button {
    width: 120px;
     height: 29px;
    border-left: 1px solid #BAC0CD;
    position: absolute;
   

    color: white;
    font-size: 10px;
    padding-left: 3px;
  
}

.bb_chat_window {
    border: solid 1px #ccccdd;
    width: 200px;
    background: #ffffff;
    position: absolute;
    bottom: 25px;
}


.bb_chat_div_tx {
    height: 20px;
}



/* admin brian */
.chatbox {
background: rgba(255, 255, 255, .85);
position: fixed;
margin:0px;
width: 235px;
font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size: 11px;
text-align: left;
z-index: 9999;
line-height: normal;
        -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;
        box-shadow: 0px 0px 3px #ccc;
}

.chatboxhead {
        padding:7px;
        color: #636363;
        font-size: 15px;
        font-weight: bold;
}

.chatboxblink {
        border-right:1px solid #176689;
        border-left:1px solid #176689;
}

.chatboxcontent {
        font-family: arial,sans-serif;
        font-size: 12px;
        color: #000000;  /* chat font color */
        overflow-y:auto;
        overflow-x:hidden;
        height:230px;
        width:215px;
        width: 315px;
        max-width: 215px;
        white-space: normal;
        padding:10px;
        line-height: 1.3em;
}

.chatboxinput {
        border-top:none;
}

.chatboxtextarea {
       background: none;
       width: 195px;
       border: 0px;
       height: 18px;
       padding: 1px 5px 0px 2px;
       overflow: hidden;
       font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
       font-size: 11px;
       color: #444;
       outline: none;
       resize: none;
       text-align: left;
       margin: 0px;
}

.chatboxtextareaselected {
        border: 2px solid #f99d39;
        margin:0;
}

.chatboxmessage {
        margin-left:1em;
        margin-top: 10px;
}

.chatboxinfo {
        margin-left:-1em;
        color:#666666;

}

.chatboxmessagefrom {
		margin-top:20px;
        margin-left:-1em;
        font-weight: bold;
        display:block;
}

.chatboxmessagecontent {
	padding-left:0px;
       width:215px;
        max-width:215px;
        white-space:normal;
}

.chatboxoptions {
        float: right;
}

.chatboxoptions a {
        text-decoration: none;
        color: #636363;
        font-weight:bold;
        font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.chatboxtitle {
        float: left;
}
#page-wrap                      { box-shadow: 0px -1px 3px #ccc; width: 500px;margin: 0px auto;}

#chat-wrap                      { margin:0px; }
#chat-area                      { height: 230px; overflow-x: hidden; padding: 0px 10px 0 10px; background: rgba(255, 255, 255, .85); } /*admin brian*/

/*admin brian*/
.masgroupchat-messagetext       { color: #363636; margin: 18px 5px 0 0; font-family: "Lucida Grande", Sans-Serif; width:60px; font-size:13px; } 
#chat-area p                    { padding: 1px 0; margin:4px; }

#name-area                      { position: absolute; top: 12px; right: 0; padding-left: 10px; font: 15px  "Lucida Grande", Sans-Serif; text-align: right; }   
#name-area span                 { color: #FFFFFF; }

#send-message-area p            { float: left; color: #FFFFFF!important; padding-top: 27px; font-size: 14px; }
#sendie                         { background: transparent; color: #363636; width: 465px; padding: 0px; font: 11px "Lucida Grande", Sans-Serif; float:right; height:60px; border-radius:0px; resize: none;}

.

#clear_both{clear:both;}
#clear_both textarea{height:70px; width:710px}
#chat-wrap ol{
margin: 0;
}
.timeChat{
border:0px solid #9fb5e0;
display:none;
}
.chatTime{
position:absolute;
display:block;
background-color:#8CA7DA; /* Admin Brian */
}
.outSide{
width:500px; 
/*float:right;*/
padding-top: 0px;
background-color:transparent;
}

#groups-tools > li:nth-child(2n+1) {
    margin-right: 2%;
}
#groups-tools li{
margin-left:5px;
}

.chatTxt{
clear:both; 
margin-top:5px;
font-size: 12px;
}

.padTop5{
padding-top:5px;
}

.clear{
clear:both;
}

.floatLeft{
float:left;
}
.floatRight{
float:right;
}
.txtDiv{
text-align:left;
width:430px; 
margin-left:10px
}

.txtDiv a {
color: #363636; /* Admin Brian - member name */
font-weight: bold;
}


.clr6{
color:#000000;
}

.chatTime{
/*position:absolute; */
float:right;
padding-left:430px;
font-size:9px;
color:#000000;
height:0px;
display:none;
}

#groupTitleChat{
font-weight:bold;
color:#363636;
background: rgba(255, 255, 255, .85); /* Admin Brian */
height:25px;
padding:5px 0px 0px 5px;
width:495px;
}
.padRht10{
padding-right:10px;
}
.cursor{
cursor:pointer;
}
#container {
bottom: 0px ;
display: none ;
left:20px;
position: fixed ;
}  

.maxMize{
display:none;
}

.sendieDiv{
width:500px;
background: rgba(255, 255, 255, .85); /* Admin Brian - smiley */
}
.smileyMain{
padding-top:13px;
padding-right: 9px;
}

#smileyGroup{
display:none;
bottom:0px;
position:absolute;
right:0px;
background: rgba(255, 255, 255, .85); /* Admin Brian - smiley choices */
padding:10px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}

.pad5{
padding-right:5px;
}

.smileyCon{
}

.smileyCon:hover{
cursor:pointer;
}
.closeIcon{
font-size:10px;
text-decoration:none;
cursor:pointer;
}

.dateD{
background: transparent; /* Admin Brian - date stamp */
padding-right:10px;
color:#363636;
font-size:12px;
font-family: "Lucida Grande", Sans-Serif;
text-align:right;
}
.joinGroup{
 font: 11px  "Lucida Grande", Sans-Serif; 
 text-align: right;
 height:35px;
 padding:7px 0px 0px 12px;
 color:#8CA7DA;
 font-size: 14px;
}/**********************************
LiangLee Framework
***********************************/
.LiangLeeButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.LiangLeeButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.LiangLeeButton:active {
	position:relative;
	top:1px;
}

.LiangLeedownload2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 17px;
	text-decoration:none;
	text-shadow:1px 1px 0px #689324;
}.LiangLeedownload2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.LiangLeedownload2:active {
	position:relative;
	top:1px;
}
.LiangLee-logos-youtube {
background-image:url(http://www.myapplespace.com/mod/LiangleeFramework/media/youtubelogo.jpg);
background-repeat:no-repeat;
width:auto;
height:auto;
}

