html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

body { line-height:1; }

ol, ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

.emacc { text-align:left; }

/**
 * Styling top level items
 */

.emacc a,
.emacc label {
	color:#fff;
	font-size:120%;
	font-weight:500;
	text-decoration:none;
	display:block;
	padding:.85rem;
	background-color:#cc0000;
	box-shadow:inset 0 -1px #1d1d1d;
	-webkit-transition:all .25s ease-in;
	transition:all .25s ease-in;
}

.emacc a:focus,
.emacc a:hover,
.emacc label:focus,
.emacc label:hover {
	color:rgba(255, 255, 255, 0.5);
	background:#030303;
}

.emacc label { cursor:pointer; }


/**
 * Styling first level lists items
 */

.group-list a,
.group-list a:visited,
.group-list label {
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding-left:2rem;
	background:#252525;
	box-shadow:inset 0 -1px #373737;
}

.group-list a:focus,
.group-list a:hover,
.group-list label:focus,
.group-list label:hover {
	background:#131313;
}

/**
 * Styling second level list items
 */

.sub-group-list a,
.sub-group-list a:visited,
.sub-group-list label {
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding-left:4rem;
	background:#353535;
	box-shadow:inset 0 -1px #474747;
	font-weight:normal;
}

.sub-group-list a:focus,
.sub-group-list a:hover,
.sub-group-list label:focus,
.sub-group-list label:hover {
	background:#232323;
}

/**
 * Styling third level list items
 */

.sub-sub-group-list a,
.sub-sub-group-list a:visited,
.sub-sub-group-list label {
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding-left:6rem;
	background:#454545;
	box-shadow:inset 0 -1px #575757;
}

.sub-sub-group-list a:focus,
.sub-sub-group-list a:hover,
.sub-sub-group-list label:focus,
.sub-sub-group-list label:hover {
	background:#333333;
}

/**
 * Styling fourth level list items
 */

.sub-sub-sub-group-list a,
.sub-sub-sub-group-list a:visited,
.sub-sub-sub-group-list label {
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding-left:8rem;
	background:#555555;
	box-shadow:inset 0 -1px #676767;
}

.sub-sub-sub-group-list a:focus,
.sub-sub-sub-group-list a:hover,
.sub-sub-sub-group-list label:focus,
.sub-sub-sub-group-list label:hover {
	background:#333333;
}


/**
 * Hide nested lists
 */

.group-list,
.sub-group-list,
.sub-sub-group-list,
.sub-sub-sub-group-list {
	height:100%;
	max-height:0;
	overflow:hidden;
	-webkit-transition:max-height .3s ease-in-out;
	transition:max-height .3s ease-in-out;
}

.emacc__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
/*	max-height:1000px; */
	max-height:5000px;
}

/**
 * Rotating chevron icon
 */


.emacc label > span {
	float:right;
	-webkit-transition:-webkit-transform .45s ease;
	transition:transform .45s ease;
}

.emacc__list input[type=checkbox]:checked + label > span {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}