body {
	margin: 0;
	font-family: Helvetica;
}

.container {
	position: absolute;
	width: 100%;
}

body[orient="profile"] .container {
	height: 436px;
}

body[orient="landscape"] .container {
	height: 258px;
}

.toolbar {
	position: absolute;
	width: 100%;
	height: 60px;
}

body[orient="landscape"] .toolbar {
	height: 30px;
}

.anchorTop {
	top: 0;
}

.anchorBottom {
	bottom: 0;
}

.center {
	position: absolute;
	top: 60px;
	bottom: 60px;
}

body[orient="landscape"] .center {
	top: 50px;
	bottom: 30px;
}

/* grad begins here */

body {
	margin: 0;
	padding: 0;
	width: 320px;
	height: 460px;
	-webkit-user-select: none;
	cursor: default;
	-webkit-text-size-adjust: none;
}

.main {
	overflow: hidden;
	position: relative;
}

.header {
	position: relative;
	height: 44px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}