/* ### -- -- -- -- -- Profile Styles -- -- -- -- -- ### */

/* 

File: profile.css 
Copyright 2006 by WoltLab GmbH. 

*/

/* ### -- -- -- -- -- Profile Display -- -- -- -- -- ### */

.profileDisplay:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}

.profileDisplay .containerHead {
	clear: both;
	min-height: 24px;
}

.profileDisplay .containerHead h3 {
	padding-top: 2px;
}

/* ### -- -- -- -- -- User Profile Box -- -- -- -- -- ### */

.userProfileBox {
	padding-top: 10px;
	float: right;
	width: 220px;
}

.userProfileBox #userProfileAvatar div.container-1 {
	text-align: center;
}

.userProfileBox #userProfileAvatar div.container-1 {
	padding: 4px 4px 13px 4px;
}

.userProfileBox .border {
	padding: 1px;
}

.userProfileBox .containerHead {
	margin: 0 0 1px 0;
}

/* ### -- -- -- -- -- User Profile Buddies -- -- -- -- -- ### */

#userProfileBuddies .pageMenu ul {
	position: relative;
	max-height: 20em; 
	overflow: auto;
}

#userProfileBuddies a {
	outline-width: 0;
}

#userProfileBuddies a img {
	margin-top: 4px;
}

/* ### -- -- -- -- -- User Profile Content -- -- -- -- -- ### */

.userProfileContent {
	margin-right: 235px;
	padding-top: 10px;
}

.userProfileContent div.border {
	overflow: hidden;
}

.userProfileContent .fieldTitle {
	text-align: right;
	padding: 8px;
	float: left;
	width: 200px;
}
 
.userProfileContent > div.border > div:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
 
.userProfileContent .fieldValue {
	border-width: 0 0 0 1px;
	border-style: solid;
	margin: 0 0 0 216px;
	padding: 8px;
	min-height: 18px;
}

/* ### -- -- -- -- -- Messenger -- -- -- -- -- ### */

.messenger {
	margin: 5px !important;
}

.messenger > div {
	padding: 0;
}

.messenger h1 {
	font-size: 1.3em;
	list-style: none;
}

.messenger ul {
	font-size: .8em;
	list-style: none;
	padding: 0;
}

.messengerStatus {
	text-align: center;
	background-color: #fff;
}

.messengerName, .messengerInfo {
	text-align: center;
}

/* ### -- -- -- -- -- Members List (Whitelist / Blacklist) -- -- -- -- -- ### */

.memberList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.memberList:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}

.memberList li {
	border: 1px;
	margin: 5px 10px 5px 0;
	padding: 1px;
	display: block;
	float: left;
	position: relative;
	width: 200px;
}

.memberList li .memberName {
	text-decoration: none;
	border-width: 0 1px 0 0;
	border-style: solid;
	padding: 3px 3px 3px 24px;
	display: block;
	width: 150px;
}

.memberList li > img {
	margin: -8px 4px 0 4px;
	position: absolute;
	top: 50%;
	left: 0;
}

.memberList li a > img {
	border: none;
	margin: -12px 4px 0 4px;
	padding: 4px 3px;
	position: absolute;
	top: 50%;
	right: -3px;
}

/* ### -- -- -- -- -- Avatar Display -- -- -- -- -- ### */

.avatarDisplay {
	float: left;
}

.avatarDisplay:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.avatarDisplay fieldset, .avatarUpload fieldset {
	margin: 0;
}

.avatarDisplay div {
	position: relative;
	width: 150px;
	height: 150px;
}

.avatarDisplay div img {
	position: absolute;
	top: 50%;
	left: 50%;
}

/* ### -- -- -- -- -- Avatar Selection -- -- -- -- -- ### */

.avatarSelection {
	clear: both;
	min-height: 0;
	width: 100%;
}

.avatarSelection:after {
	content: "";
	display: block;
	clear: both;
	height: 5px;
}

.avatarNone {
	margin: 10px 0 15px 0;
}

/* ### -- -- -- -- -- Avatar Upload -- -- -- -- -- ### */

.avatarUpload {
	margin-left: 200px;
}

.avatarUpload fieldset {
	margin: 0 !important;
	display: inline-block;
}

.avatarUpload fieldset .formElement {
	padding: 5px 0 0 0;
	position: relative;
}

.avatarUpload fieldset .formFieldDesc {
	margin: 0;
	padding: 5px 0;
}

/* ### -- -- -- -- -- Avatar Show -- -- -- -- -- ### */

.avatarShow {
	clear: both;
	display: block;
}

/* ### -- -- -- -- -- Avatar Select -- -- -- -- -- ### */

.avatarSelect {
	margin: 7px 0;
	float: left;
	clear: both;
	display: block;
}

.avatarSelect ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.avatarSelect li {
	margin: 0 5px 5px 0;
	float: left;
}

.avatarSelect li label {
	border-width: 1px;
	padding: 1px;
	position: relative;
	width: 150px;
	height: 150px;
	display: block;
}

.avatarSelect li label:hover {
	cursor: pointer;
}

.avatarSelect li label input {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
}

.avatarSelect li label img {
	position: absolute;
	top: 50%;
	left: 50%;
}

/* ### -- -- -- -- -- User Groups List -- -- -- -- -- ### */

.userGroupsList {
	list-style-type: square;
}

.userGroupsList h4 {
	margin-bottom: 5px;
	font-weight: bold;
}

.userGroupsList p {
	margin-bottom: 5px;
}

.userGroupsList li {
	margin-bottom: 5px;
	clear: both;
}

.userGroupsList li .smallButtons {
	float: right;
	clear: both;
	position: relative;
}

/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */