<div class="userpro userpro-nostyle userpro-<?php echo $i; ?> userpro-<?php echo $layout; ?>" <?php userpro_args_to_data( $args ); ?>>

	<a href="#" class="userpro-close-popup"><?php _e('Close','userpro'); ?></a>
	
	<div class="userpro-card">
		
		<div class="userpro-card-img">
			<a href="<?php echo $userpro->permalink( $user_id ); ?>"><?php echo get_avatar( $user_id, $card_img_width ); ?></a>
		</div>
		
		<div class="userpro-card-info">
			<div class="userpro-card-left"><a href="<?php echo $userpro->permalink( $user_id ); ?>" title="<?php _e('View Full Profile','userpro'); ?>"><?php echo userpro_profile_data('display_name', $user_id); ?></a></div>
			<div class="userpro-card-right"><?php echo userpro_show_badges( $user_id, true ); ?></div>
			<div class="userpro-clear"></div>
		</div>
		
		<?php if ($card_showbio && $userpro->shortbio($user_id)) : ?><div class="userpro-card-bio"><?php echo $userpro->shortbio( $user_id ); ?></div><?php endif; ?>
		
		<?php if (!isset($disable_name_hooks)){ /* display hooks after user name and badge */
		do_action('userpro_after_name_user_list', $user_id);
		} ?>
		
		<?php if ($card_showsocial) { ?>
		<div class="userpro-card-icons"><?php echo $userpro->show_social_bar( $args, $user_id ); ?></div>
		<?php } ?>
		
		<div class="userpro-clear"></div>
		
	</div>

</div>