/* Image masks */

div.mask.hover,
div.mask_large.hover
{
	cursor:				pointer;
}

span.mask_wrapper
{
	display:			inline-block;
	position:			relative;
	overflow:			hidden;
}

/* override */
div.mask.green,
div.mask.green.wide,
div.mask.green.bg_dark-green.wide,
div.mask.green.hover,
div.mask.green.bg_dark-green.hover,
div.mask.green.bg_dark-green.wide.hover
{
	position:			absolute;
	top:				0px;
	left:				0px;
	margin:				0;
	background:			transparent;
	z-index:			100;
}

div.mask div
{
	background:			url(/gfx/mask_image_large2.png) no-repeat;
	width:				20px;
	height:				20px;
	position:			absolute;
}

div.mask div.mask_border_tl{
	background-position: 0 -500px;
	top:    			0px;
	left:  				0;
	width:				100%;
	height:				100%;
	z-index:			100;
}
div.mask div.mask_border_tr{
	background-position: -480px -500px;
	top:   				0;
	right: 				0;
	z-index:			101;
	height:				100%;
}
div.mask div.mask_border_bl{
	background-position: 0 -980px;
	bottom: 			0;
	left:  				0;
	z-index:			101;
	width:				100%;
}
div.mask div.mask_border_br{
	background-position: -480px -980px;
	bottom: 			0;
	right: 				0;
	z-index:			102;
}
div.mask.hover:hover div.mask_border_tl { background-position: -500px -500px}
div.mask.hover:hover div.mask_border_tr { background-position: -980px -500px}
div.mask.hover:hover div.mask_border_bl { background-position: -500px -980px}
div.mask.hover:hover div.mask_border_br { background-position: -980px -980px}


div.mask.green.bg_dark-green div.mask_border_tl{ background-position: 0      0}
div.mask.green.bg_dark-green div.mask_border_tr{ background-position: -480px 0}
div.mask.green.bg_dark-green div.mask_border_bl{ background-position: 0      -480px}
div.mask.green.bg_dark-green div.mask_border_br{ background-position: -480px -480px}

div.mask.green.bg_dark-green:hover div.mask_border_tl{ background-position: -500px 0}
div.mask.green.bg_dark-green:hover div.mask_border_tr{ background-position: -980px 0}
div.mask.green.bg_dark-green:hover div.mask_border_bl{ background-position: -500px -480px}
div.mask.green.bg_dark-green:hover div.mask_border_br{ background-position: -980px -480px}

div.mask.green.bg_dark-green:hover div.mask_border_tl{ background-position: -500px 0}
div.mask.green.bg_dark-green:hover div.mask_border_tr{ background-position: -980px 0}
div.mask.green.bg_dark-green:hover div.mask_border_bl{ background-position: -500px -480px}
div.mask.green.bg_dark-green:hover div.mask_border_br{ background-position: -980px -480px}

div.mask.red div.mask_border_tl{ background-position: 0      -1000px}
div.mask.red div.mask_border_tr{ background-position: -480px -1000px}
div.mask.red div.mask_border_bl{ background-position: 0      -1480px}
div.mask.red div.mask_border_br{ background-position: -480px -1480px}

div.mask.red:hover div.mask_border_tl{ background-position: -500px -1000px}
div.mask.red:hover div.mask_border_tr{ background-position: -980px -1000px}
div.mask.red:hover div.mask_border_bl{ background-position: -500px -1480px}
div.mask.red:hover div.mask_border_br{ background-position: -980px -1480px}

div.mask.pink div.mask_border_tl{ background-position: 0      -1500px}
div.mask.pink div.mask_border_tr{ background-position: -480px -1500px}
div.mask.pink div.mask_border_bl{ background-position: 0      -1980px}
div.mask.pink div.mask_border_br{ background-position: -480px -1980px}

div.mask.pink:hover div.mask_border_tl{ background-position: -500px -1500px}
div.mask.pink:hover div.mask_border_tr{ background-position: -980px -1500px}
div.mask.pink:hover div.mask_border_bl{ background-position: -500px -1980px}
div.mask.pink:hover div.mask_border_br{ background-position: -980px -1980px}

/* no border red */
div.mask.red.no-border div.mask_border_tl{ background-position: 0      -2000px}
div.mask.red.no-border div.mask_border_tr{ background-position: -480px -2000px}
div.mask.red.no-border div.mask_border_bl{ background-position: 0      -2480px}
div.mask.red.no-border div.mask_border_br{ background-position: -480px -2480px}

div.mask.red.no-border:hover div.mask_border_tl{ background-position: -500px -2000px}
div.mask.red.no-border:hover div.mask_border_tr{ background-position: -980px -2000px}
div.mask.red.no-border:hover div.mask_border_bl{ background-position: -500px -2480px}
div.mask.red.no-border:hover div.mask_border_br{ background-position: -980px -2480px}

/* no border red */
div.mask.pink.no-border div.mask_border_tl{ background-position: 0      -2500px}
div.mask.pink.no-border div.mask_border_tr{ background-position: -480px -2500px}
div.mask.pink.no-border div.mask_border_bl{ background-position: 0      -2980px}
div.mask.pink.no-border div.mask_border_br{ background-position: -480px -2980px}

div.mask.pink.no-border:hover div.mask_border_tl{ background-position: 0      -1500px}
div.mask.pink.no-border:hover div.mask_border_tr{ background-position: -480px -1500px}
div.mask.pink.no-border:hover div.mask_border_bl{ background-position: 0      -1980px}
div.mask.pink.no-border:hover div.mask_border_br{ background-position: -480px -1980px}







div.block.general_red_new_members        .profiles .block_content:hover,
div.block.ride_prev_detailpage_who_there .profiles .block_content:hover,
div.block.ride_next_detailpage_who_is    .profiles .block_content:hover
{
	background:			#83022A url(/gfx/mask_image.png) no-repeat left -277px;
}
div.block.general_red_new_members        .profiles .block_content:hover div.mask.pink div.mask_border_tl,
div.block.ride_prev_detailpage_who_there .profiles .block_content:hover div.mask.pink div.mask_border_tl,
div.block.ride_next_detailpage_who_is    .profiles .block_content:hover div.mask.pink div.mask_border_tl
{
	background-position: 0      -2000px
}
div.block.general_red_new_members        .profiles .block_content:hover div.mask.pink div.mask_border_tr,
div.block.ride_prev_detailpage_who_there .profiles .block_content:hover div.mask.pink div.mask_border_tr,
div.block.ride_next_detailpage_who_is    .profiles .block_content:hover div.mask.pink div.mask_border_tr
{
	background-position: -480px -2000px
}
div.block.general_red_new_members        .profiles .block_content:hover div.mask.pink div.mask_border_bl,
div.block.ride_prev_detailpage_who_there .profiles .block_content:hover div.mask.pink div.mask_border_bl,
div.block.ride_next_detailpage_who_is    .profiles .block_content:hover div.mask.pink div.mask_border_bl
{
	background-position: 0 -2480px
}

div.block.general_red_new_members        .profiles .block_content:hover div.mask.pink div.mask_border_br,
div.block.ride_prev_detailpage_who_there .profiles .block_content:hover div.mask.pink div.mask_border_br,
div.block.ride_next_detailpage_who_is    .profiles .block_content:hover div.mask.pink div.mask_border_br
{
	background-position: -480px -2480px
}

.play_video
{
	background:			transparent url(/gfx/img_playvideo.png) no-repeat 50%;
	width:				65px;
	height:				64px;
	position:			absolute;
	top:				36px;
	margin:				0 0 0 69px; /* left position pushes the image under the preview */
}

.youtube_mask
{
	width:				466px;
	height:				500px;
	background:			transparent url(/gfx/mask_youtube.png) no-repeat 0 0;
	position:			absolute;
	top:				12px;
}
/* End image masks */