/* Buttons */

a[data-role*="button"] {
	display: inline-block;
	min-width: 2.5em;
	margin-bottom: 2%;
	padding: 0.4em 0.8em;
	text-align: center;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	border: 1px solid #afb1b4;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d9), color-stop(50%,#afb1b4));
	-webkit-border-radius: 0.4em;
	-webkit-box-sizing: border-box;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a[data-role*="button"]:focus {
	outline: none;
}

a[data-role*="button"].touched {
	color: #202020;
	border: 1px solid #FFD51C;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc980c), color-stop(100%,#ffd51c));
}

a[data-role*="button"].active {
	color: #FFFFFF;
	border: 1px solid #0b8dee;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b8dee), color-stop(50%,#1766db));
}

a[data-role="button-back"] {
	position: absolute;
	top: 0.36em;
	left: 1em;
	color: #202020;
}


/* Navigation bar */

header {
	margin: -1em -1em 1em -1em;
	padding: 0.5em 0;
	text-align: center;
	color: #FFFFFF;
	background-color: #2A3235;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255, 255, 255, 0.05)),color-stop(0.27,rgba(0, 0, 0, 0.2)),color-stop(1,transparent));
	
	-webkit-box-sizing: border-box;
}

header a[data-role*="button"].active {
	color: #FFFFFF;
	border: 1px solid #0b8dee;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b8dee), color-stop(50%,#1766db));
}



/* Tab bar */

ul[data-role="tab-bar"] {
	display: table;
	width: 100%;
	padding: 0;
	margin: 2% 0;
}

ul[data-role="tab-bar"] li {
	display: table-cell;
}

ul[data-role="tab-bar"] li a[data-role="button"] {
	display: block;
	-webkit-border-radius: 0;
}

ul[data-role="tab-bar"] li:first-child a[data-role="button"] {
	-webkit-border-radius: 0.4em 0 0 0.4em;
}

ul[data-role="tab-bar"] li:last-child a[data-role="button"] {
	-webkit-border-radius: 0 0.4em 0.4em 0;
}

ul[data-role="tab-bar"] li a.active[data-role="button"] {
	border: 1px solid #0b8dee;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1766db), color-stop(50%,#0b8dee));
}



/* Item list */

ul[data-role="item-list"] li.touched{
	border: 1px solid #FFD51C;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc980c), color-stop(100%,#ffd51c));
}