.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
	*zoom: 1;
}

/* Position */
.pa {
	position: absolute;
}
.pr {
	position: relative;
}

/* Vertical alignment */
.vam {
	display: table;
	width: 100%;
	position: relative;
}

.vam .vam-content {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.vam-content {
	position: relative;
}

/* Text alignment */
.tac {
	text-align: center;
}

/* Floats and clears */
.fl {
	float: left;
}
.fr {
	float: right;
}

.cl {
	clear: left;
}