/* Load the default admin bar styles */
@import url( ../../../plugins/buddypress/bp-themes/bp-default/_inc/css/adminbar.css );

/**
 * The following are basic CSS styles to give BuddyPress pages their absolute basic formatting.
 * You should extend/override these styles in your standard theme CSS to match your theme.
 */

/***
 * Navigation tabs
 */
div.item-list-tabs {
background:none repeat scroll 0 0 #EAEAEA;
	margin: 15px 20px;
	padding: 5px 5px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	clear: both;
}

div.item-list-tabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 200%;
}
	div.item-list-tabs ul li {
		float: left;
		margin-right: 5px;
	}
	
	div.item-list-tabs ul li a, div.item-list-tabs ul li span {
padding:5px 10px;
text-decoration:none;
}
		div.item-list-tabs#subnav ul li a {
			border: none;
			padding: 0;
		}
		
		div#subnav.item-list-tabs  {
border-bottom:1px solid #EAEAEA;
margin: 20px 0px 15px;
min-height:35px;
overflow:hidden;
}

div#subnav.item-list-tabs ul li a, div#subnav.item-list-tabs ul li span {
padding:5px 10px;
text-decoration:none;
}

	div.item-list-tabs ul li.last { float: right; }

/***
 * Object Lists (groups/members/forums/blogs)
 */

ul.item-list {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}
	ul.item-list li { position: relative; }
	ul.item-list div.item-avatar {
		float: left;
	}

	ul.item-list div.item {
		margin-left: 65px;
	}

	ul.item-list div.action {
		position: absolute;
		top: 0;
		right: 15px;
		text-align: right;
	}


/***
 * Content Object Headers
 */

div#item-header {
	padding: 15px;
	overflow: hidden;
}
	div#item-header div#item-header-avatar {
		float: left;
		margin-right: 15px;
	}

	div#item-header div#item-header-content {
		float: left;
	}

/***
 * Activity Stream Post Form
 */

form#whats-new-form {
	overflow: hidden;
	padding:0 20px 20px;
}
	form#whats-new-form #whats-new-avatar {
		float: left;
	}

	form#whats-new-form h5 {
		clear: none;
		margin-left: 76px;
	}

	form#whats-new-form #whats-new-content {
		margin-left: 54px;
		padding-left: 22px;
	}

	form#whats-new-form #whats-new-textarea {
		padding: 8px;
		border: 1px inset #ccc;
		margin-bottom: 10px;
	}
	form#whats-new-form textarea {
		width: 100%;
		height: 60px;
		font-size: 14px;
		font-family: inherit;
		color: #555;
		border: none;
		margin: 0;
		padding: 0;
	}

	form#whats-new-form #whats-new-submit {
		float: right;
		margin: 0;
	}



/***
 * Activity Stream Post Form
 */

ul.activity-list {
	margin: 0;
	padding: 0;
}

ul.activity-list li {
	overflow: hidden;
	padding: 20px 20px;
}
	ul.activity-list li img.avatar {
		float: left;
		width: 60px;
		height: 60px;
	}

	ul.activity-list li div.activity-content {
		margin-left: 75px;
	}

	ul.activity-list li div.activity-comments {
		margin: 15px 0 0 38px;
	}
		ul.activity-list li div.activity-comments ul li {
			padding: 5px 0;
		}

		ul.activity-list li div.activity-comments img.avatar {
			width: 25px;
			height: 25px;
		}

		ul.activity-list li div.acomment-content, ul.activity-list li div.acomment-meta {
			margin-left: 35px;
		}

	ul.activity-list li div.activity-inreplyto {
		margin: 15px 0 0 75px;
		font-size: 11px;
	}

/***
 * Input Forms
 */

/* Activity comment forms */

form.ac-form { display: none; } /* JS will show this */

div.activity-comments form {
	display: none;
	margin: 10px 0 10px 33px;
	padding: 8px;
}

	div.activity-comments div#message {
		margin-top: 15px;
		margin-bottom: 0;
	}

	div.activity-comments form.loading {
		background-image: url( ../images/ajax-loader.gif );
		background-position: 2% 95%;
		background-repeat: no-repeat;
	}

	div.activity-comments form .ac-textarea {
		padding: 8px;
		border: 1px inset #ccc;
		margin-bottom: 10px;
	}
		div.activity-comments form textarea {
			width: 100%;
			height: 60px;
			border: none;
			padding: 0;
		}
			div.activity-comments form input {
				margin-top: 5px;
			}

	div.activity-comments form div.ac-reply-avatar {
		float: left;
	}

	div.activity-comments form div.ac-reply-content {
		margin-left: 25px;
		padding-left: 15px;
	}

/* Standard Input Forms */

form.standard-form label, form.standard-form span.label {
	display: block;
	margin: 15px 0 5px 0;
}
	form.standard-form div.checkbox label,
	form.standard-form div.radio label {
		font-weight: normal;
		margin: 5px 0 0 0;
	}

	form.standard-form textarea {
		width: 75%;
		height: 120px;
	}

/* Send Invites Form */
form#send-invite-form {
	margin-top: 20px;
}
	div#invite-list {
		height: 400px;
		overflow: scroll;
		padding: 5px;
		width: 160px;
		margin: 10px 0;
	}

/* Directory search forms */

form.dir-form div.dir-search {
	float: right;
	width: 45%;
	margin: 0 0 25px 0;
}
/* > Item Body
-------------------------------------------------------------- */

div#item-body {
	padding: 0px 20px;
}
div#item-body p {
margin-bottom:15px;
}

span.activity, div#message p {
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
	background: #FFF9DB;
	border-bottom: 1px solid #FFE8C4;
	border-right: 1px solid #FFE8C4;
	color: #ffa200;
	padding: 1px 8px;
	margin-top: 6px;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/* > Data Tables
-------------------------------------------------------------- */


table {
	width: 100%;
}
	table#message-threads {
		margin: 0 -20px;
		width: auto;
	}

	table.profile-fields { margin-bottom: 20px; }

	div#sidebar table {
		margin: 0 -16px;
		width: 117%;
	}

	table tr td, table tr th {
		padding: 8px;
		vertical-align: middle;
	}
		table tr td.label {
			border-right: 1px solid #eaeaea;
			font-weight: bold;
			width: 25%;
		}

		table tr td.thread-info p { margin: 0; }

			table tr td.thread-info p.thread-excerpt {
				color: #888;
				font-size: 11px;
				margin-top: 3px;
			}

		div#sidebar table td, table.forum td { text-align: center; }

	table tr.alt {
		background: #f4f4f4;
	}

table.notification-settings {
	margin-bottom: 20px;
	text-align: left;
}
	table.notification-settings th.icon, table.notification-settings td:first-child { display: none; }
	table.notification-settings th.title { width: 80%; }
	table.notification-settings .yes, table.notification-settings .no { width: 40px; text-align: center; }

table.forum {
	margin: -9px -20px 20px -20px;
	width: auto;
}
	table.forum tr:first-child {
		background: #fafafa;
	}

	table.forum tr.sticky td {
		background: #FFF9DB;
		border-top: 1px solid #FFE8C4;
		border-bottom: 1px solid #FFE8C4;
	}

	table.forum tr.closed td.td-title {
		padding-left: 35px;
		background-image: url( ../images/closed.png );
		background-position: 15px 50%;
		background-repeat: no-repeat;
	}

	table.forum td p.topic-text {
		color: #888;
		font-size: 11px;
	}

	table.forum tr > td:first-child, table.forum tr > th:first-child {
		padding-left: 15px;
	}

	table.forum tr > td:last-child, table.forum tr > th:last-child {
		padding-right: 15px;
	}

	table.forum tr th#th-title, table.forum tr th#th-poster,
	table.forum tr th#th-group, table.forum td.td-poster,
	table.forum td.td-group, table.forum td.td-title { text-align: left; }

	table.forum td.td-freshness {
		font-size: 11px;
		color: #888;
	}

	table.forum td img.avatar {
		margin-right: 5px;
	}

	table.forum td.td-poster, table.forum td.td-group  {
		min-width: 130px;
	}

	table.forum th#th-title {
		width: 40%;
	}

	table.forum th#th-postcount {
		width: 1%;
	}

/* > Input Forms
-------------------------------------------------------------- */

form.standard-form {

}
	form.standard-form textarea, form.standard-form input[type=text],
	form.standard-form select, form.standard-form input[type=password],
	.dir-search input[type=text] {
		border: 1px inset #ccc;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 6px;
		font: inherit;
		font-size: 14px;
		color: #888;
	}
		form.standard-form select {
			padding: 3px;
		}

		form.standard-form input[type=password] {
			margin-bottom: 5px;
		}

	form.standard-form label, form.standard-form span.label {
		display: block;
		font-weight: bold;
		margin: 15px 0 5px 0;
	}
		form.standard-form div.checkbox label,
		form.standard-form div.radio label {
			font-weight: normal;
			margin: 5px 0 0 0;
			font-size: 14px;
			color: #888;
		}

		form.standard-form#sidebar-login-form label {
			margin-top: 5px;
		}

	form.standard-form input[type=text] {
		width: 75%;
	}
		form.standard-form#sidebar-login-form input[type=text],
		form.standard-form#sidebar-login-form input[type=password] {
			padding: 4px;
			width: 95%;
		}

		form.standard-form #basic-details-section input[type=password],
		form.standard-form #blog-details-section input#signup_blog_url {
			width: 35%;
		}

		form.standard-form#signup_form input[type=text],
		form.standard-form#signup_form textarea {
			width: 90%;
		}
			form.standard-form#signup_form div.submit { float: right; }
			div#signup-avatar img { margin: 0 15px 10px 0; }

	form.standard-form textarea {
		width: 75%;
		height: 120px;
	}
		form.standard-form textarea#message_content {
			height: 200px;
		}

		form.standard-form#send-reply textarea {
			width: 97.5%;
		}

	form.standard-form p.description {
		font-size: 11px;
		color: #888;
		margin: 5px 0;
	}

	form.standard-form div.submit {
		padding: 15px 0;
		clear: both;
	}
		form.standard-form div.submit input {
			margin-right: 15px;
		}

	form.standard-form div.radio ul {
		margin: 10px 0 15px 38px;
		list-style: disc;
	}
		form.standard-form div.radio ul li {
			margin-bottom: 5px;
		}

	form.standard-form a.clear-value {
		display: block;
		margin-top: 5px;
		outline: none;
	}

form.standard-form #basic-details-section, form.standard-form #blog-details-section,
form.standard-form #profile-details-section {
	float: left;
	width: 48%;
}
	form.standard-form #profile-details-section { float: right; }
	form.standard-form #blog-details-section {
		clear: left;
	}

form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus {
	background: #fafafa;
	color: #555;
}

form#send-invite-form {
	margin-top: 20px;
}
	div#invite-list {
		height: 400px;
		overflow: scroll;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 5px;
		background: #f5f5f5;
		width: 160px;
		border: 1px solid #e4e4e4;
		margin: 10px 0;
	}

/* > Buttons
-------------------------------------------------------------- */

a.button, input[type=submit], input[type=button],
ul.button-nav li a, div.generic-button a {
	background: url( ../images/white-grad.png ) top left repeat-x;
	border: 1px solid #ddd;
	padding: 3px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #888;
	font-size: 12px;
	font-weight: normal;
	vertical-align: bottom;
	cursor: pointer;
}
	a.button:hover, a.button:focus, input[type=submit]:hover, input[type=button]:hover,
	ul.button-nav li a:hover, ul.button-nav li.current a,
	div.generic-button a:hover {
		border-color: #aaa;
		color: #555;
		outline: none;
	}

	/* Buttons that are disabled */
	div.pending a, a.disabled {
		border-color: #eee;
		color: #bbb;
		cursor: default;
	}
	div.pending a:hover, a.disabled:hover { border-color: #eee; color: #bbb; }

	div.accept, div.reject {
		float: left;
		margin-left: 10px;
	}

ul.button-nav li {
	float: left;
	margin: 0 10px 10px 0;
}
	ul.button-nav li.current a {
		font-weight: bold;
	}