/* ### -- -- -- -- -- Userpic Styles -- -- -- -- -- ### */

/* 

File: userpic.css 
Copyright 2007 by www.wbb-security.de. 

*/

/* ### -- -- -- -- -- Userpic Display -- -- -- -- -- ### */

.userpicDisplay {
	float: left;
}

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

.userpicDisplay fieldset, .userpicUpload fieldset {
	margin: 0;
}

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

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

/* ### -- -- -- -- -- userpic Selection -- -- -- -- -- ### */

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

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

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

/* ### -- -- -- -- -- userpic Upload -- -- -- -- -- ### */

.userpicUpload {
	margin-left: 240px;
}

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

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

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

/* ### -- -- -- -- -- Userpic Show -- -- -- -- -- ### */

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

/* ### -- -- -- -- -- Userpic Select -- -- -- -- -- ### */

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

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

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

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

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

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

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

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