.upsidedown {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.ui-btn-icon-notext:after {
	background-color: rgba(0, 0, 0, 0);
}

.customMenu {
	background: url(../img/icons/icon-bars.svg) 50% 50% no-repeat;
	left: 50%;
	top: 50%;
}

.customBack {
	background: url(../img/icons/icon-delete.svg) 50% 50% no-repeat;
	left: 50%;
	top: 50%;
}

.ui-btn-icon-notext.ui-corner-all {
	border-radius: 20em;
}

.ui-btn {
	border-width: 0px;
	border-style: none;
}

#abouttitle {
	width: 100%;
	max-width: 500px;
}

figure.diagram {
	width: 30%;
	border: 1px solid #cccccc;
	margin: 0 10px 0 10px;
	padding: 2px 12px 2px 2px;
	border-radius: 11px;
}

figure.diagram img {
	width: 100%;
	border: 1px solid #cccccc;
	padding: 4px;
	border-radius: 7px 7px 0 0;
	margin: 0px;
}

figure.diagram figcaption {
	background-color: #666;
	color: #fff;
	font-style: italic;
	width: 100%;
	padding: 5px;
	border-radius: 0 0 8px 8px;
	margin: 0px;
}

figure.author {
	width: 30%;
	max-width: 240px;
	border: 1px solid #cccccc;
	margin: 0 2px 0 2px;
	padding: 2px 12px 2px 2px;
	border-radius: 11px;
}

figure.author img {
	width: 100%;
	border: 1px solid #cccccc;
	padding: 4px;
	border-radius: 7px 7px 0 0;
	margin: 0px;
}

figure.author embed {
	width: 100%;
	border: 1px solid #cccccc;
	padding: 4px;
	border-radius: 7px 7px 0 0;
	margin: 0px;
}

figure.author figcaption {
	background-color: #666;
	color: #fff;
	font-style: italic;
	width: 100%;
	padding: 5px;
	border-radius: 0 0 8px 8px;
	margin: 0px;
}

body {
	overscroll-behavior: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#frame {
	width: 80px;
	height: 80px;
	padding: 0px;
	margin: 2px;
	border: 1px solid #aaaaaa;
	background: #ffc000;
}
#inner {
	width: 38px;
	height: 38px;
	padding: 0px;
	margin: 20px;
	border: 1px solid #000000;
	background: #00c080;
}