html {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: black;
}
div {
	margin: 0px;
	padding: 0px;
	-webkit-overflow-scrolling: touch;
}
div.fade {
	z-index: 100;
	position: fixed;
	visibility: hidden;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(128, 128, 128, 0.75);
}
div.popup {
	z-index: 110;
	position: fixed;
	visibility: hidden;
	box-shadow: 0.5rem 0.5rem 0.25rem rgba(0, 0, 0, 0.25);
}
div.popup table {
	min-width: 20rem;
	border-collapse: collapse;
	border: 1px solid black;
	background-color: white;
}
div.popup th {
	padding: 0.25rem 1.25rem;
	border-bottom: 1px solid black;
	color: white;
	background:         linear-gradient(to top, #1040ff, #30c0ff);
	background: -webkit-linear-gradient(bottom, #1040ff, #30c0ff);
}
div.popup th.error {
	background:         linear-gradient(to top, #902020, #ff4040);
	background: -webkit-linear-gradient(bottom, #902020, #ff4040);
}
div.popup th.warning {
	background:         linear-gradient(to top, #888810, #dddd40);
	background: -webkit-linear-gradient(bottom, #888810, #dddd40);
}
div.popup th.success {
	background:         linear-gradient(to top, #208820, #60dd60);
	background: -webkit-linear-gradient(bottom, #208820, #60dd60);
}
div.popup td {
	padding: 0.75rem 1.25rem;
	text-align: center;
}
div.popup tbody tr {
	height: 5rem;
}
div.popup tbody td.left {
	text-align: left;
}
div.popup tfoot td {
	padding: 0.75rem 0.9rem;
}
span.button {
	display: inline-block;
	cursor: default;
	font-weight: bold;
	color: rgb(64, 64, 64);
	min-width: 6rem;
	margin: 0rem 0.35rem;
	padding: 0.25rem 0.75rem;
	border: 1px solid black;
	border-radius: 0.5rem;
	background:         linear-gradient(to top, #aaaaaa, #eeeeee);
	background: -webkit-linear-gradient(bottom, #aaaaaa, #eeeeee);
}
span.buttonPressed {
	color: white;
	background:         linear-gradient(to top, #444444, #aaaaaa);
	background: -webkit-linear-gradient(bottom, #444444, #aaaaaa);
}
div.frame {
	position: fixed;
	overflow: auto;
	background-color: white;
}
div.menu {
	left: 0px;
	top: 0px;
	background-image: url(menu.jpg);
}
div.pics {
	left: 0px;
	bottom: 0px;
	background-image: url(pics.jpg);
}
div.scrollX {
	height: 0.625rem;
	border-radius: 0.3125rem;
}
div.scrollY {
	width: 0.625rem;
	border-radius: 0.3125rem;
}
div.picsBar {
	z-index: 10;
	background-color: #ffffdd;
}
div.picsThumb {
	z-index: 11;
	background-color: #e0d000;
}
div.view {
	top: 0px;
	right: 0px;
	bottom: 0px;
}
div.menu table {
	width: 100%;
	border-collapse: collapse;
}
div.menu td {
	padding: 0.3125rem;
	text-align: center;
}
div.menu td.year {
	width: 30%;
}
div.menu td.left {
	font-size: 1.125rem;
}
div.menu td.right {
	font-size: 0.875rem;
}
div.menu td.photo img {
	vertical-align: bottom;
}
div.menu img.new {
	width: 1.4375rem;
	height: 0.75rem;
}
div.menu span {
	display: inline-block;
	cursor: pointer;
}
div.menu span.year {
	margin-top: 1px;
	margin-bottom: 2px;
	padding-top: 1px;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	border-radius: 0.375rem / 0.375rem;
	border: 2px solid black;
	font-weight: bold;
}
div.pics p {
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
	font-weight: bold;
	text-align: center;
}
div.pics p img {
	width: 6.25rem;
	height: 3.125rem;
	margin-bottom: 0.1875rem;
	vertical-align: bottom;
}
div.pics div {
	margin-left: 0.3125rem;
	margin-right: 1.3125rem;
	margin-bottom: 0.3125rem;
}
div.pics div p {
	margin-left: 1rem;
}
div.pics div img {
	margin: 0.3125rem;
	border: 1px solid black;
	vertical-align: bottom;
	cursor: pointer;
}
div.view div {
	margin-top: 0.625rem;
	text-align: center;
}
div.view table {
	width: 100%;
	margin-top: 0.625rem;
	border-collapse: collapse;
}
div.view td {
	padding: 0px;
	text-align: center;
}
div.view img.next {
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: bottom;
}
div.view img.cur {
	border: 1px solid black;
	vertical-align: bottom;
}
div.view p {
	margin-top: 1.25rem;
	font-weight: bold;
	text-align: center;
}
div.view p span {
	font-size: 0.875rem;
	font-weight: normal;
}
.pointer {
	cursor: pointer;
}