/* ==== cellplay.css; all core modules, as well as extra mods (via. modules.css) are imported here. ==== */
/* Add the following lines to the HEAD of all HTML files:
 * <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 * <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 */

/* ==== Import cellplay core modules ==== */
@import url("reset.css");
@import url("common.css");
@import url("grids.css"); /* for testing of new grids module; remove -new from the filename for old grids mod */

/* ==== Import extra modules ==== */
@import url("modules.css");

/* ==== Global classes ==== */
/* External widget - overrides box-sizing set in reset.css for all children; to be used with external widgets */
.externalWidget * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* ==== Special classes for low resolution/mobile devices ==== */
@media handheld, print, only screen and (max-width: 767px) {
	/* Exclude any element at low resolution */
	.excludeAtLowRes {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* Display images as text-only */
	img.asText { content: attr(alt); }
}