/* Global */
body{
	background:#0d9cff;
	font:13px/15px Arial, sans-serif;
	padding:20px;
}
.avatar-trimmer{
	overflow:hidden;
	margin:0 0 20px;
	min-height:256px;
	width:100%;
}
.avatar-trimmer ul{
	text-align:center;
	width:465px;
}
.avatar-trimmer ul li{
	border:1px solid #757882;
	display:inline-block;
	vertical-align:bottom;
	margin:0 10px 0 0;
}
.avatar-trimmer .image-original{
	min-height:128px;
	min-width:128px;
}
.avatar-trimmer .image-original .overlay{
	position:absolute;
	height:100%;
	width:100%;
	z-index:10;
}
.avatar-trimmer .image-original .overlay.move{
	cursor:move;
}
.avatar-trimmer .image-original .frame{
	overflow:hidden;
	position:absolute;
	height:100%;
	width:100%;
}
.avatar-trimmer .image-original .frame div{
	position:absolute;
	top:0;
	left:0;
	width:5px;
	height:5px;
	z-index:1;
}
.avatar-trimmer .image-original .frame .lt{
	border:1px solid #757882;
	border-width:1px 0 0 1px;
}
.avatar-trimmer .image-original .frame .rt{
	border:1px solid #757882;
	border-width:1px 1px 0 0;
	left:auto;
	right:0;
}
.avatar-trimmer .image-original .frame .lb{
	border:1px solid #757882;
	border-width:0 0 1px 1px;
	top:auto;
	bottom:0;
}
.avatar-trimmer .image-original .frame .rb{
	border:1px solid #757882;
	border-width:0 1px 1px 0;
	top:auto;
	bottom:0;
	left:auto;
	right:0;
}
.avatar-trimmer .image-original img{
	position:relative;
	max-height:256px;
	max-width:256px;
}
.avatar-trimmer .image-original,
.avatar-trimmer .image-lagre,
.avatar-trimmer .image-small{
	float:left;
	overflow:hidden;
	position:relative;
	bottom:0;
	max-height:256px;
	max-width:256px;
}
.avatar-trimmer .image-lagre{
	height:128px;
	width:128px;
}
.avatar-trimmer .image-small{
	height:44px;
	width:44px;
}
.avatar-trimmer img{
	position:absolute;
	max-width:none;
}