/**
 * ELGG DEFAULT CSS
 * @uses $vars['wwwroot'] The site URL
*/

/* Table of Contents:

	RESET CSS 					reduce browser inconsistencies in line height, margins, font size...
	CSS BASICS					<body> <p> <a> <h1>
	PAGE LAYOUT					main page content blocks: header, sidebar, footer...
	GENERIC SELECTORS			reusable generic classes
	ELGG TOPBAR					elgg topbar
	HEADER CONTENTS
	ELGG SITE NAVIGATION		Primary site navigation in header
	FOOTER CONTENTS
	SYSTEM MESSAGES				system messages overlay
	BREADCRUMBS
	SUBMENU						current page/tool submenu in sidebar
	PAGINATION					re-usable default page navigation
	ELGG TABBED NAVIGATION 		re-usable tabbed navigation
	LOGIN / REGISTER			login box, register, and lost password page styles
	CONTENT HEADER
	DEFAULT COMMENTS
	ENTITY LISTINGS				elgg's default entity listings
	USER SETTINGS				styles for user settings
	GENERAL FORM ELEMENTS		default styles for all elgg input/form elements
	FRIENDS PICKER
	LIKES


*/
/* Colors:

	#4690D6 - elgg light blue
	#0054A7 - elgg dark blue
	#e4ecf5 - elgg v light blue
*/



/* ***************************************
	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;
}
img {
	border-width:0;
	border-color:transparent;
}
:focus {
	outline:0 none;
	-moz-outline-style: none;
}
ol, ul {
	/* list-style:none outside none; */
	margin: 0 0 10px 0;
	padding-left: 20px;
}
em, i {
	font-style:italic;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
strong {
	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: "" "";
}




/* ***************************************
	BASICS
*************************************** */
body {
	text-align:left;
	margin:0 auto;
	padding:0;
	background-color: white;
	font-size: 80%;
	line-height: 1.4em;
	font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif;
}
a {
	color: #4690D6;
	text-decoration: none;
	-moz-outline-style: none;
	outline: none;
}
a:hover,
a.selected {
	color: #555555;
	text-decoration: underline;
}
p {
	margin-bottom:15px;
}
p:last-child {
	margin-bottom:0;
}
small {
	font-size: 90%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: auto;
	color:#0054A7;
}
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; line-height: 1.1em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 1em;
}
pre, code {
	font-family:Monaco,"Courier New",Courier,monospace;
	font-size:12px;
	background:#EBF5FF;
	overflow:auto;

	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
code {
	padding:2px 3px;
}
pre {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
}
blockquote {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
	background:#EBF5FF;
	border:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


/* ***************************************
	GENERIC SELECTORS
*************************************** */
h2 {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:5px;
}
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.link {
	cursor:pointer;
}
.small {
	font-size: 90%;
}
.divider {
	border-top:1px solid #cccccc;
}
.hidden {
	display:none;
}
.radius8 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.margin_none {
	margin:0;
}
.margin_top {
	margin-top:10px;
}
.rss_link {
	margin-top:-10px;
	margin-bottom:10px;
}
.rss_link a {
	display:block;
	width:14px;
	height:14px;
	float:right;
	background-image:url(<?php echo $vars['url']; ?>_graphics/elgg_sprites.png);
	background-repeat: no-repeat;
	background-position: -250px top;
	text-indent: -1000em;
}
.tags {
	background-image:url(<?php echo $vars['url']; ?>_graphics/elgg_sprites.png);
	background-repeat: no-repeat;
	background-position: left -196px;
	padding:1px 0 0 14px;
	font-size: 85%;
}
.tagcloud {
	text-align:justify;
}
.ajax_loader {
	background-color: white;
	background-image: url(<?php echo $vars['url']; ?>_graphics/ajax_loader_bw.gif);
	background-repeat: no-repeat;
	background-position: center center;
	min-height:33px;
	min-width:33px;
}
.ajax_loader.left {
	background-position: left center;
}
#elgg_sidebar h3 {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:5px;
	margin-top:20px;
	padding-bottom:5px;
}

/* ***************************************
	PAGE LAYOUT - MAIN BLOCKS POSITIONING
*************************************** */
#elgg_topbar {
	background:#333333 url(<?php echo $vars['url']; ?>_graphics/toptoolbar_background.gif) repeat-x top left;
	color:#eeeeee;
	border-bottom:1px solid #000000;
	min-width:998px;
	position:relative;
	width:100%;
	height:24px;
	z-index: 9000;
}
#elgg_header {
	x-overflow: hidden;
	position: relative;
	width: 100%;
	height:90px;
	background-color: #4690D6;
	background-image: url(<?php echo $vars['url']; ?>_graphics/header_shadow.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}
#elgg_header_contents {
	width:990px;
	position: relative;
	margin:0 auto;
	height:90px;
}
#elgg_search {
	bottom:5px;
	height:23px;
	position:absolute;
	right:0;
}
#elgg_main_nav {
	z-index: 7000;
	position: absolute;
	height:23px;
	bottom:0;
	left:0;
	width:auto;
}
#elgg_content { /* wraps sidebar and page contents */
	width:990px;
	position: relative;
	margin:0 auto;
	min-height:400px;
}
#elgg_content.sidebar { /* class on #elgg_content div to give a full-height sidebar background */
	background-image:url(<?php echo $vars['url']; ?>_graphics/sidebar_background.gif);
	background-repeat:repeat-y;
	background-position: right top;
}
#elgg_page_contents { /* main page contents */
	float:left;
	width:730px;
	position: relative;
	min-height: 360px;
	margin:10px 20px 20px 10px;
}
#elgg_page_contents.one_column { /* class on #elgg_page_contents when no sidebar */
	width:970px;
	margin-right:10px;
}
#elgg_sidebar { /* elgg sidebar */
	float:right;
	width:210px;
	margin:20px 10px;
	position: relative;
	min-height:360px;
}
#elgg_footer {
	position: relative;
	z-index: 999;
}
#elgg_footer_contents {
	border-top:1px solid #DEDEDE;
	margin:0 auto;
	width:990px;
	padding:3px 0 10px 0;
	text-align: right;
}


/* ***************************************
	ELGG TOPBAR
*************************************** */
#elgg_topbar_contents {
	float:left;
	height:24px;
	left:0px;
	top:0px;
	position:absolute;
	text-align:left;
	width:100%;
}
#elgg_topbar_contents a {
	margin-right:30px;
	padding-top:2px;
	display:inline;
	float:left;
	text-align: left;
	color:#eeeeee;
}
#elgg_topbar_contents a:hover {
	color:#71cbff;
	text-decoration: none;
}
#elgg_topbar_contents a img.user_mini_avatar {
	border:1px solid #eeeeee;
	margin:1px 0 0 10px;
	display: block;
}
#elgg_topbar_contents a img.site_logo {
	display: block;
	margin-left:5px;
	margin-top: -1px;
}
#elgg_topbar_contents .log_out {
	float:right;
}
#elgg_topbar_contents .log_out a {
	display: inline;
	text-align: right;
	margin-right:10px;
	color:#999999;
}
#elgg_topbar_contents .log_out a:hover {
	color:#71cbff;
}
#elgg_topbar_contents a.myfriends {
	background:transparent url(<?php echo $vars['url']; ?>_graphics/elgg_sprites.png) no-repeat left -297px;
	margin-right:30px;
	text-indent: -900em;
	width:36px;
}
#elgg_topbar_contents a.myfriends:hover {
	background-position: left -337px;
}
#elgg_topbar_contents a.settings {
	background:transparent url(<?php echo $vars['url']; ?>_graphics/elgg_sprites.png) no-repeat -300px -41px;
	padding-left:20px !important;
	float:right;
	margin-right:30px;
}
#elgg_topbar_contents a.admin {
	background:transparent url(<?php echo $vars['url']; ?>_graphics/elgg_sprites.png) no-repeat -300px -41px;
	padding-left:20px !important;
	float:right;
	margin-right:30px;
}
#elgg_topbar_contents a.help {
	background:transparent url(<?php echo $vars['url']; ?>_graphics/elgg_sprites.png) no-repeat -300px -133px;
	padding-left:18px !important;
	float:right;
	margin-right:30px;
}


/* ***************************************
	HEADER CONTENTS
*************************************** */
#elgg_header_contents h1 a span.network_title {
	font-size: 2em;
	line-height:1.4em;
	color: white;
	font-style: italic;
	font-family: Georgia, times, serif;
	display: block;
	text-decoration: none;
	text-shadow:1px 2px 4px #333333;
}
#elgg_header_contents #elgg_search input.search_input {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:transparent;
	border:1px solid #71b9f7;
	color:white;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:2px 4px 2px 26px;
	width:198px;
	background-image: url(<?php echo $vars['url']; ?>_graphics/elgg_sprites.png);
	background-position: 2px -220px;
	background-repeat: no-repeat;
}
#elgg_header_contents #elgg_search input.search_input:focus {
	background-color:white;
	color:#0054A7;
	border:1px solid white;
	background-position: 2px -257px;
}
#elgg_header_contents #elgg_search input.search_input:active {
	background-color:white;
	color:#0054A7;
	border:1px solid white;
	background-position: 2px -257px;
}
#elgg_header_contents #elgg_search input.search_submit_button {
	display:none;
}


/* ***************************************
	ELGG SITE NAVIGATION in header
*************************************** */
.navigation,
.navigation ul {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	list-style-type: none;
	z-index: 7000;
	position: relative;
}
.navigation li {
	list-style: none;
	font-weight: bold;
	position: relative;
	display:block;
	height:23px;
	float:left;
	margin:0;
	padding:0;
}
.navigation a {
	color:white;
	margin:0 1px 0 0px;
	text-decoration:none;
	font-weight: bold;
	font-size: 1em;
	padding:3px 13px 0px 13px;
	height:20px;
	cursor: pointer;
	display:block;
}
.navigation li a:hover {
	background:white;
	color:#555555;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
}
.navigation li.selected a {
	background:white;
	color:#555555;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	margin-top:1px;
	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
}
li.navigation_more {
	overflow:hidden;
}
li.navigation_more:hover {
	overflow:visible;
}
li.navigation_more:hover a {
	background:white;
	color:#555555;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
}
li.navigation_more a.subnav span {
	background-image: url(<?php echo $vars['url']; ?>_graphics/elgg_sprites.png);
	background-repeat: no-repeat;
	background-position: -150px -56px;
	padding-left: 12px;
}
li.navigation_more:hover a.subnav span,
li.navigation_more a.subnav:hover span {
	background-position: -150px -76px;
}
li.navigation_more ul {
	z-index: 7000;
	min-width: 150px;
	margin-left:-1px;
	background-color:white;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
li.navigation_more ul li {
	float:none;
}
.navigation li.navigation_more ul li a {
	background:white;
	color:#555555;
	margin:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.navigation li.navigation_more ul li:last-child a,
.navigation li.navigation_more ul li:last-child a:hover {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}
.navigation li.navigation_more ul li a:hover {
	background:#4690D6;
	color:white;
	margin:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.navigation li.navigation_more ul li.selected a {
	background:#4690D6;
	color:white;
}

/* ***************************************
	FOOTER CONTENTS
*************************************** */
#elgg_footer_contents,
#elgg_footer_contents a,
#elgg_footer_contents p {
	color:#999999;
}
#elgg_footer_contents a:hover {
	color:#666666;
}
.#elgg_footer_contents p {
	margin:0;
}
.powered_by_elgg_badge {
	float:right;
}


/* ***************************************
	SYSTEM MESSAGES
*************************************** */
#elgg_system_message {
	background-color:black;
	color:white;
	font-weight: bold;
	display:block;
	padding:3px 10px;
	z-index: 9600;
	position:fixed;
	right:20px;
	margin-top:10px;
	width:auto;
	max-width: 500px;
	cursor: pointer;
	opacity:0.9;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
}
#elgg_system_message.error {
	background-color:red;
}
#elgg_system_message p {
	margin:0;
}


/* ***************************************
	BREADCRUMBS
*************************************** */
#breadcrumbs {
	font-size: 80%;
	line-height:1.2em;
	color:#bababa;
	position: relative;
	top:-6px;
	left:0;
}
#breadcrumbs a {
	color:#999999;
	font-weight:bold;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #0054a7;
	text-decoration: underline;
}


/* ***************************************
	SUBMENU
*************************************** */
.submenu {
	margin:0;
	padding:0;
	list-style: none;
}
.submenu ul {
	margin-bottom:0;
	padding-left:0;
	list-style: none;
}
.submenu li.selected a,
.submenu li.selected li.selected a,
.submenu li.selected li.selected li.selected a {
	background: #4690D6;
	color:white;
}
.submenu li a {
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color:white;
	margin:0 0 3px 0;
	padding:2px 4px 2px 8px;
}
.submenu li a:hover {
	background:#0054A7;
	color:white;
	text-decoration:none;
}
.submenu .child li a {
	margin-left:15px;
	background-color:white;
	color:#4690D6;
}
.submenu .child li a:hover {
	background:#0054A7;
	color:white;
	text-decoration:none;
}



/* ***************************************
	PAGINATION
*************************************** */
.pagination {
	margin:5px 0 5px 0;
	padding:5px 0;
}
.pagination .pagination_number {
	display:block;
	float:left;
	background:#ffffff;
	border:1px solid #4690d6;
	text-align: center;
	color:#4690d6;
	font-size: 12px;
	font-weight: normal;
	margin:0 6px 0 0;
	padding:0px 4px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.pagination .pagination_number:hover {
	background:#4690d6;
	color:white;
	text-decoration: none;
}
.pagination .pagination_more {
	display:block;
	float:left;
	background:#ffffff;
	border:1px solid #ffffff;
	text-align: center;
	color:#4690d6;
	font-size: 12px;
	font-weight: normal;
	margin:0 6px 0 0;
	padding:0px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.pagination .pagination_previous,
.pagination .pagination_next {
	display:block;
	float:left;
	border:1px solid #cccccc;
	color:#4690d6;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	margin:0 6px 0 0;
	padding:0px 4px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.pagination .pagination_previous:hover,
.pagination .pagination_next:hover {
	background:#4690d6;
	border:1px solid #4690d6;
	color:white;
	text-decoration: none;
}
.pagination .pagination_currentpage {
	display:block;
	float:left;
	background:#4690d6;
	border:1px solid #4690d6;
	text-align: center;
	color:white;
	font-size: 12px;
	font-weight: bold;
	margin:0 6px 0 0;
	padding:0px 4px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


/* ***************************************
	ELGG TABBED PAGE NAVIGATION
*************************************** */
.elgg_horizontal_tabbed_nav {
	margin-bottom:5px;
	padding: 0;
	border-bottom: 2px solid #cccccc;
	display:table;
	width:100%;
}
.elgg_horizontal_tabbed_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.elgg_horizontal_tabbed_nav li {
	float: left;
	border: 2px solid #cccccc;
	border-bottom-width: 0;
	background: #eeeeee;
	margin: 0 0 0 10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
.elgg_horizontal_tabbed_nav a {
	text-decoration: none;
	display: block;
	padding:3px 10px 0 10px;
	text-align: center;
	height:21px;
	color:#999999;
}
.elgg_horizontal_tabbed_nav a:hover {
	background: #dedede;
	color:#4690D6;
}
.elgg_horizontal_tabbed_nav .selected {
	border-color: #cccccc;
	background: white;
}
.elgg_horizontal_tabbed_nav .selected a {
	position: relative;
	top: 2px;
	background: white;
}


/* ***************************************
	LOGIN / REGISTER
*************************************** */
/* login in sidebar */
#elgg_sidebar #login {
	width:auto;
}
#elgg_sidebar #login form {
	width:auto;
}
#elgg_sidebar #login .login_textarea {
	width:196px;
}
/* default login and register forms */
#login input[type="text"],
#login input[type="password"],
.register input[type="text"],
.register input[type="password"] {
	margin:0 0 10px 0;
}
.register input[type="text"],
.register input[type="password"] {
	width:380px;
}
#login .persistent_login {
	float:right;
	display:block;
	margin-top:-34px;
	margin-left:80px;
}
#login .persistent_login label {
	font-size:1.0em;
	font-weight: normal;
	cursor: pointer;
}


/* ***************************************
	CONTENT HEADER
**************************************** */
#content_header {
	border-bottom:1px solid #CCCCCC;
}
#content_header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.content_header_title {
	float:left;
}
.content_header_title {
	margin-right:10px;
	max-width: 530px;
}
.content_header_title h2 {
	border:none;
	margin-bottom:0;
	padding-bottom:5px;
}
.content_header_options {
	float:right;
}
.content_header_options .action_button {
	float:right;
	margin:0 0 5px 10px;
}


/* ***************************************
	DEFAULT COMMENTS
**************************************** */
.generic_comment {
	border-bottom:1px dotted #cccccc;
	clear:both;
	display:block;
	margin:0;
	padding:5px 0 7px;
	position:relative;
}
.generic_comment:first-child {
	border-top:1px dotted #cccccc;
}
.generic_comment_icon {
	float:left;
	margin-left:3px;
	margin-top:3px;
}
.generic_comment_icon img {
	width: auto;
}
.generic_comment_details {
	float:left;
	margin-left:7px;
	min-height:28px;
	width:693px;
}
.generic_comment_details p {
	margin:0;
}
.generic_comment_owner {
	line-height:1.2em;
}
.generic_comment_owner a {
	color:#0054A7;
}
.generic_comment_body {
	margin:3px 0 5px 0;
}
.generic_comment_body p {
	margin-bottom: 10px;
}
/* latest comments in sidebar */
#elgg_sidebar .generic_comment.latest {
	padding:2px 0;
}
#elgg_sidebar .generic_comment.latest .generic_comment_icon  {
	margin-left:1px;
	margin-top:5px;
}
#elgg_sidebar .generic_comment.latest .generic_comment_details {
	width:177px;
	line-height:1.1em;
}
#elgg_sidebar .generic_comment.latest .entity_title {
	font-size: inherit;
	line-height: inherit;
}


/* ***************************************
	DEFAULT ENTITY LISTINGS
**************************************** */
.entity_listing {
	border-bottom:1px dotted #cccccc;
	clear:both;
	display:block;
	margin:0;
	padding:4px 0 4px;
	position:relative;
}
.entity_listing:first-child {
	border-top:1px dotted #cccccc;
}
.entity_listing:hover {
	background-color: #eeeeee;
}
.entity_listing_icon {
	float:left;
	margin-left:3px;
	margin-top:3px;
}
.entity_listing_icon img {
	width: auto;
}
.entity_listing_info {
	float:left;
	margin-left:7px;
	min-height:28px;
	width:693px;
}
.entity_listing_info p {
	margin:0;
	/* line-height:1.2em; */
}
.entity_title {
	font-weight: bold;
	font-size: 1.1em;
	line-height:1.2em;
	color:#666666;
	padding-bottom:4px;
}
.entity_title a {
	color:#0054A7;
}
.entity_subtext {
	color:#666666;
	font-size: 85%;
	font-style: italic;
	line-height:1.2em;
}
/* entity metadata block */
.entity_metadata {
	float:right;
	margin:0 3px 0 15px;
	color:#aaaaaa;
	font-size: 90%;
}
.entity_metadata span {
	margin-left:14px;
	text-align:right;
}
.entity_metadata .entity_edit a {
	color:#aaaaaa;
}
.entity_metadata .entity_edit a:hover {
	color:#555555;
}
.entity_metadata .delete_button {
	margin-top:3px;
}
/* override hover for lists of site users/members */
.members_list .entity_listing:hover {
	background-color:white;
}


/* ***************************************
	USER SETTINGS
*************************************** */
.user_settings {
	margin-bottom:20px;
}
.user_settings h3 {
	background:#e4e4e4;
	color:#333333;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.user_settings label {
	color:#333333;
	font-size:100%;
	font-weight:normal;
}
.user_settings table.styled {
	width:100%;
}
.user_settings table.styled {
	border-top:1px solid #cccccc;
}
.user_settings table.styled td {
	padding:2px 4px 2px 4px;
	border-bottom:1px solid #cccccc;
}
.user_settings table.styled td.column_one {
	width:200px;
}
.user_settings table.styled tr:hover {
	background: #E4E4E4;
}
.add_user form {
	width:300px;
}


/* ***************************************
	GENERAL FORM ELEMENTS
*************************************** */
/* default elgg core input field classes */
.input_text,
.input_tags,
.input_url,
.input_textarea {
	width:98%;
}
.input_access {
	margin:5px 0 0 0;
}
.input_password {
	width:200px;
}
.input_textarea {
	height: 200px;
	width:718px;
}
input[type="checkbox"],
input.input_radio {
	margin:0 3px 0 0;
	padding:0;
	border:none;
}
label {
	font-weight: bold;
	color:#333333;
	font-size: 110%;
}
input {
	font: 120% Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #cccccc;
	color:#666666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
textarea {
	font: 120% Arial, Helvetica, sans-serif;
	border: solid 1px #cccccc;
	padding: 5px;
	color:#666666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
textarea:focus,
input[type="text"]:focus {
	border: solid 1px #4690d6;
	background: #e4ecf5;
	color:#333333;
}
.input_textarea.monospace {
	font-family:Monaco,"Courier New",Courier,monospace;
	font-size:13px;
}
a.longtext_control {
	float:right;
	margin-left:14px;
}
.submit_button {
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-shadow:1px 1px 0px black;
	text-decoration:none;
	border: 1px solid #4690d6;
	background-color:#4690d6;
	background-image: url(<?php echo $vars['url']; ?>_graphics/button_graduation.png);
	background-repeat: repeat-x;
	background-position: left 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: auto;
	padding: 2px 4px;
	margin:0 10px 10px 0;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
}
.submit_button:hover {
	color: white;
	border-color: #0054a7;
	text-decoration:none;
	background-color:#0054a7;
	background-image:  url(<?php echo $vars['url']; ?>_graphics/button_graduation.png);
	background-repeat:  repeat-x;
	background-position:  left 10px;
}
input[type="password"]:focus {
	border: solid 1px #4690d6;
	background-color: #e4ecf5;
	color:#333333;
}
input[type="submit"] {
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-shadow:1px 1px 0px black;
	text-decoration:none;
	border: 1px solid #4690d6;
	background-color:#4690d6;
	background-image:  url(<?php echo $vars['url']; ?>_graphics/button_graduation.png);
	background-repeat:  repeat-x;
	background-position:  left 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: auto;
	padding: 2px 4px;
	margin:10px 0 10px 0;
	cursor: pointer;
	-moz-outline-style: none;
	outline: none;
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
}
input[type="submit"]:hover {
	border-color: #0054a7;
	text-decoration:none;
	background-color:#0054a7;
	background-image:  url(<?php echo $vars['url']; ?>_graphics/button_graduation.png);
	background-repeat:  repeat-x;
	background-position:  left 10px;
}
.cancel_button {
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	color: #333333;
	background-color:#dddddd;
	background-image:  url(<?php echo $vars['url']; ?>_graphics/button_graduation.png);
	background-repeat:  repeat-x;
	background-position:  left 10px;
	border: 1px solid #999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: auto;
	padding: 2px 4px;
	margin:10px 0 10px 10px;
	cursor: pointer;
}
.cancel_button:hover {
	background-color: #999999;
	background-position:  left 10px;
	text-decoration:none;
	color:white;
}
input.action_button,
a.action_button {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#cccccc;
	background-image:  url(<?php echo $vars['url']; ?>_graphics/button_background.gif);
	background-repeat:  repeat-x;
	background-position: 0 0;
	border:1px solid #999999;
	color:#333333;
	padding:2px 15px 2px 15px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 1px 0 white;
	cursor:pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
input.action_button:hover,
a.action_button:hover,
input.action_button:focus,
a.action_button:focus {
	background-position:0 -15px;
	background-image:  url(<?php echo $vars['url']; ?>_graphics/button_background.gif);
	background-repeat:  repeat-x;
	color:#111111;
	text-decoration: none;
	background-color:#cccccc;
	border:1px solid #999999;
}
.action_button:active {
	background-image:none;
}
.action_button.disabled {
	color:#999999;
	padding:2px 7px 2px 7px;
}
.action_button.disabled:hover {
	background-position:0 -15px;
	color:#111111;
	border:1px solid #999999;
}
.action_button.disabled:active {
	background-image:none;
}
.action_button.download {
	color: white;
	background-color:#4690d6;
	background-image:  url(<?php echo $vars['url']; ?>_graphics/button_graduation.png);
	background-repeat:  repeat-x;
	background-position:  left 10px;
	width:auto;
	height:auto;
	padding: 3px 6px 3px 6px;
	margin:0 0 10px 0;
}
.action_button.download:hover {
	background: #0054a7;
	border-color: #0054a7;
	color:white;
}
.action_button.small {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: auto;
	height:8px;
	padding: 4px;
	font-size: 0.9em;
	line-height: 0.6em;
}
.action_button.small:hover {
	background-color: #4690d6;
	background-image: none;
	border-color: #4690d6;
	color:white;
	text-shadow:0 -1px 0 #999999;
}
/* small round delete button */
.delete_button {
	width:14px;
	height:14px;
	margin:0;
	float:right;
}
.delete_button a {
	display:block;
	cursor: pointer;
	width:14px;
	height:14px;
	background: url("<?php echo $vars['url']; ?>_graphics/elgg_sprites.png") no-repeat -200px top;
	text-indent: -9000px;
	text-align: left;
}
.delete_button a:hover {
	background-position: -200px -16px;
}


/* ***************************************
	FRIENDS PICKER
*************************************** */
.friends_picker_container h3 {
	font-size:4em !important;
	text-align: left;
	margin:10px 0 20px 0 !important;
	color:#999999 !important;
	background: none !important;
	padding:0 !important;
}
.friends_picker .friends_picker_container .panel ul {
	text-align: left;
	margin: 0;
	padding:0;
}
.friends_picker_wrapper {
	margin: 0;
	padding:0;
	position: relative;
	width: 100%;
}
.friends_picker {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
	width: 730px;
	height: auto;
}
.friendspicker_savebuttons {
	background: white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin:0 10px 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 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #cccccc;
}
.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: #999999;
	text-decoration: none;
	display: block;
	padding: 0;
	width:20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.tabHasContent {
	background: white;
	color:#333333 !important;
}
.friends_picker_navigation li a:hover {
	background: #333333;
	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: 43px;
	width: 43px;
}
.friends_picker_navigation_l {
	right: 48px;
	z-index:1;
}
.friends_picker_navigation_r {
	right: 0;
	z-index:1;
}
.friends_picker_navigation_l {
	background: url("<?php echo $vars['url']; ?>_graphics/elgg_sprites.png") no-repeat left top;
}
.friends_picker_navigation_r {
	background: url("<?php echo $vars['url']; ?>_graphics/elgg_sprites.png") no-repeat -60px top;
}
.friends_picker_navigation_l:hover {
	background: url("<?php echo $vars['url']; ?>_graphics/elgg_sprites.png") no-repeat left -44px;
}
.friends_picker_navigation_r:hover {
	background: url("<?php echo $vars['url']; ?>_graphics/elgg_sprites.png") no-repeat -60px -44px;
}
.friendspicker_savebuttons .submit_button,
.friendspicker_savebuttons .cancel_button {
	margin:5px 20px 5px 5px;
}
#collectionMembersTable {
	background: #dedede;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin:10px 0 0 0;
	padding:10px 10px 0 10px;
}


/* ***************************************
	LIKES
*************************************** */
.likes_list_holder {
	position: relative;
	float:right;
}
.likes_list_holder a.user_like {
	cursor:pointer;
	background: url(<?php echo $vars['url']; ?>_graphics/elgg_sprites.png) no-repeat left -101px;
	text-indent: -9000em;
	text-align: left;
	display:block;
	width:20px;
	height:20px;
	margin:0;
	float:left;
}
.likes_list_holder a.user_like:hover {
	background-position: left -131px;
}
.likes_list_holder .likes_list_button.link {
	float:left;
	text-align: left;
	background: url(<?php echo $vars['url']; ?>_graphics/elgg_sprites.png) no-repeat left -131px;
	padding-left:21px;
	height:20px;
}
.likes_list_holder .likes_list_button.link.not_liked {
	background:none;
	padding-left:0;
}
.likes_list_holder .likes_list {
	background-color: white;
	border:1px solid #cccccc;
	width: 345px;
	height: auto;
	position: absolute;
	text-align: left;
	z-index: 9999;
	-webkit-border-radius: 6px;
	-moz-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);
}
.likes_list_holder .elgg_likes_user {
	border-bottom:1px solid #cccccc;
	padding:3px;
}
.likes_list_holder .elgg_likes_user .entity_listing_info {
	width:305px;
}
.elgg_likes_user .entity_listing_icon {
	margin:3px 0 4px 2px;
}
.elgg_likes_user .entity_metadata {
	margin-top:3px;
}
p.elgg_likes_owner {
	padding-top:4px;
}


/* ***************************************
	WalledGarden
*************************************** */
#walledgarden_container {
	margin:100px auto 0 auto;
	position:relative;
	padding:0;
	width:563px;
	background: url(<?php echo $vars['url']; ?>_graphics/walled_garden_background_extend.gif) repeat-y left top;
	text-align: left;
}
#walledgarden {
	position: relative;
	padding:0;
	width:563px;
	min-height:230px;
	background: url(<?php echo $vars['url']; ?>_graphics/walled_garden_background_top.gif) no-repeat left top;
}
#walledgarden_bottom {
	margin:0 auto;
	background: url(<?php echo $vars['url']; ?>_graphics/walled_garden_background_bottom.gif) no-repeat left bottom;
	width:563px;
	height:54px;
	position: relative;
}
.walledgardenintro {
	float:left;
	min-height:200px;
	width:223px;
	padding:15px;
	margin:19px 0 0 23px;
}
.walledgardenlogin {
	float:left;
	min-height:200px;
	width:223px;
	padding:15px 15px 0 15px;
	margin:19px 0 0 11px;
}
.walledgardenintro h1 {
	color:#666666;
	margin-top:80px;
	line-height: 1.1em;
}
.walledgardenlogin h2 {
	color:#666666;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:5px;
	padding-bottom:5px;
}
.walledgardenlogin form input.login_textarea {
	margin:0 0 10px 0;
	width:210px;
}
.walledgardenlogin form label {
	color:#666666;
}
.walledgardenlogin .remember_me label {
	font-size:1em;
	font-weight:normal;
}
.walledgardenlogin .remember_me {
	display:block;
	float:right;
	margin-left:0;
	margin-top:-34px;
	text-align:right;
	width:100%;
}
.walledgardenlogin .lost_password {
	margin-bottom: 10px;
}
.walledgardenlogin a.forgotten_password_link {
	color:#999999;
}
#walledgarden_sysmessages #elgg_system_message {
	width: 523px;
	right:0;
	margin:10px auto 0 auto;
	position: relative;
}