.lowerContainer.usersDatabase{
	
}

#PROFILES{
	text-align:				left
}

#PROFILES .loading{
	margin:					0 auto;
	margin-top:				80px;
	display:				block;
}

/* SEARCH FORM */
form.search{
	margin-bottom:			20px
}

form.search h2{
	margin-bottom:			10px;
}

form.search input{
	margin-right:			10px;
	border-radius:			10px
}

form.search input.wide{
	width:					200px
}

form.search input[type="button"]{
	background-image:		url(/img/form/bottomArrow.png)
}


/* PROFILES */    
#PROFILES{
	transform: 				translateZ(0)
}

#PROFILES > :nth-child(6n){
	margin-right:			0!important
}

#PROFILES .profile{
	text-align:				center;
	width:					140px;
	height:					200px;
	display:					inline-block;
	vertical-align:			top;
	margin-right:			20px;
	margin-bottom:			20px
}

#PROFILES .profile .imgContainer{
	width:					140px;
	height:					140px;
	overflow:				hidden;
	border-radius:			100%;
	position:				relative;
	margin-bottom:			10px;
	z-index:					10;
	-webkit-transform-style:preserve-3d;
    -webkit-backface-visibility:hidden
}

#PROFILES .profile:hover .imgContainer{
	-webkit-box-shadow: 		0px 0px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 		0px 0px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 				0px 0px 20px 0px rgba(0,0,0,0.3)
}

#PROFILES .profile .imgContainer img{
	width:					140px;
	position:				absolute;
	top:						0px;
	left:					0px;
	-webkit-transition: 		opacity 0.35s, -webkit-transform 0.35s;
    transition: 				opacity 0.35s, transform 0.35s;
    -webkit-transform: 		scale(1.0);
    transform: 				scale(1.0)
}

#PROFILES .profile:hover .imgContainer img{
	-webkit-transform: 		scale(1.2);
    transform: 				scale(1.2)
}


/* PAGINATION */
.pagination{
	text-align:				center;
	padding-top:				20px;
	background-image:		url(/img/dividers/960.png)	;
	background-repeat:		no-repeat;
	background-position:	top;
}

.pagination > *{
	display:					inline-block;
	margin:					5px;
	width:					20px;
	height:					20px;
	padding:					5px;
	border:					1px solid #e30075;
	border-radius:			100%;
	text-align:				center;
	font-size:				16px;
	line-height:				20px;
	font-family:				'Roboto', sans-serif;
	color:					#e30075;;
}

.pagination > a:hover, .pagination > span{
	background-color:		#e30075;
	color:					#ffffff;
}

.pagination > a:hover{
	cursor:					pointer
}

.pagination .dots{
	width:					auto;
	border:					0;
	margin:					5px 0
}

.pagination .dots:before{
	content:					'';
	height:					100%;
	width:					0;
	display:					inline-block;
	vertical-align:			middle
}

.pagination .dots > *{
	display:					inline-block;
	vertical-align:			middle;
	background-color:		#b2b2b2;
	width:					6px;
	height:					6px;
	border-radius:			100%;
	margin-right:			5px;
	margin-bottom: 			2px
}

.pagination .dots > *:last-child{
	margin-right:			0
}