body {
	-webkit-text-size-adjust:none;
}
body.app {
	background-image:	none;
	color:				#fff;
	text-shadow:		#000 0 -1px;
}
body.app.ios7 {
	text-shadow:		none;
}
body.app.ios8 {
	font-family:		-apple-system, HelveticaNeue, Helvetica, Arial, sans-serif;
	background-color:	#dde9ed !important;
	color:				#000;
	text-shadow:		none;
}

body.app.ios8 a {
	color:				#24a7b3;
	font-weight:		normal;
	-webkit-tap-highlight-color:rgba(36,167,179,0.5);
}
body.app.ios8 b {
	font-family:		-apple-system-bold, HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
	font-weight:		normal;
}

#page {
	width:				auto;
	padding:			20px;
}
body.app.ios7 #page, 
body.app.ios8 #page {
	padding:			15px 15px 25px 15px;
}
body.app.ios7.ipad #page,
body.app.ios8.ipad #page {
	padding:			30px 30px 20px 30px;
}
#header {
	width:				100%;
	height:				88px;
	margin:				10px 0 20px -7px;
	padding:			0 7px;
	overflow:			hidden;
}

.computeronly {
	display:			none;
}
div.iphoneonly {
	display:			block;
}
span.iphoneonly {
	display:			inline;
}

body.app a {
	-webkit-touch-callout:none;
}

h1 a, h1 b {
	background:			url("../images/iphone/junecloud-sync.png") no-repeat;
	top:				0;
	left:				0;
	width:				293px;
	height:				44px;
}
h2 {
	font-size:			1.25em;
	text-shadow:		#000 0 -1px;
}
h3 {
	font-size:			0.8em;
	text-shadow:		#000 0 -1px;
}
body.app h3, div.credits h3, div.copyright h3, #page.help h3, #page.sync-help h3 {
	font-size:			1.05em;
}
h4 {
	font-size:			1.05em;
	text-shadow:		#000 0 -1px;
}
#questions h4 {
	font-size:			0.95em;
}
h4 .small {
	font-size:			0.85em;
}
body.ios7 h1, body.ios7 h2, body.ios7 h3, body.ios7 h4 {
	text-shadow:		none;
}
body.ios8 h1, body.ios8 h2, body.ios8 h3, body.ios8 h4, body.ios8 p.help, body.ios8 .services li b {
	font-family:		-apple-system-bold, HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
	color:				#000;
	font-weight:		normal;
	text-shadow:		none;
}
body.ios8 h1 {
	font-size:			2.0em;
}
p, div.question, div.answer, li, div#message {
	font-size:			0.95em;
}
.services li {
	font-size: 			0.85em;
}
div.info, .copyright p {
	font-size:			0.85em;
}
#copyright {
	font-size:			0.75em;
	margin-bottom:		0;
}
img.icon {
	display:			none;
}
div.entrytext > p:last-child,
div.entrytext > div.answer:last-child, 
div.copyright > p:last-child {
	margin-bottom:		0;
}

#deliveries, #notefile {
	clear:				left;
}

/* nav */

#nav {
	height:				88px;
}
#nav a, #nav span {
	height:				40px;
}

#nav a.deliveries {
	background-image:	url("../images/deliveries-icon-mobile.png");
	top:				43px;
	left:				3px;
	width:				46px;
	height:				46px;
}
#nav a.notefile {
	background-image:	url("../images/notefile-icon-mobile.png");
	top:				43px;
	left:				53px;
	width:				46px;
	height:				46px;
}
#nav a.settings {
	background-image:	url("../images/iphone/nav-settings.png");
	top:				46px;
	left:				106px;
	width:				86px;
}
#nav a.help {
	background-image:	url("../images/iphone/nav-help.png");
	top:				46px;
	left:				202px;
	width:				86px;
}
#nav a.log-out {
	background-image:	url("../images/iphone/nav-log-out.png");
	top:				46px;
	left:				298px;
	width:				59px;
}

#nav a:hover {
	background-position:0 -40px;
}
#nav a:active, #page.settings #nav a.settings, #page.sync-help #nav a.help, #page.sync-contact #nav a.help {
	background-position:0 -80px;
}

/* other */

ul, ol {
	margin-right:		10px;
}

div.video-right {
	float:				none;
	margin:				15px 0;
}

label {
	font-size:			0.75em;
}
body.app.ios8 label {
	font-family:		-apple-system-bold, HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
	font-weight:		normal;
	font-size:			0.85em;
}
input.field, #addemail input.field, input#name, input#email, input#subject, textarea#message, textarea#text {
	font-size:			1.0em;
	width:				100%;
	-webkit-box-sizing:	border-box;
}
select {
	font-size:			1.0em;
	width:				100%;
	background:			url("../images/select-arrows-ios.png") no-repeat top right, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#99a1a6), color-stop(0.05,#cfd3d6), color-stop(0.95,#8c9397));
	-webkit-box-sizing:	border-box;
	-webkit-background-size: 26px 33px, auto;
}
body.app.ios7 select {
	background:			#e3eaef url("../images/select-arrows-ios.png") no-repeat top right;
	-webkit-background-size: 26px 33px;
	text-shadow:		none;
	box-shadow:			none;
}
body.app.ios8 select {
	background:			#fff url("../images/select-arrows-ios.png") no-repeat top right;
	-webkit-background-size: 26px 33px;
	text-shadow:		none;
	box-shadow:			none;
}
div.checkbox input, div.option input {
	margin:				0 8px 5px 0;
}
div.checkbox label, div.option label {
	margin:				3px 0 2px 0;
}
div.checkbox input, div.option input {
	padding:			10px;
}
input.button {
	font-size:			1.0em;
}
body.app.ios7 input.button {
	background:			#7ac5cc;
	color:				#fff;
	padding:			9px 13px 9px 13px;
	text-transform:		none;
	text-shadow:		none;
	box-shadow:			none;
}
body.app.ios8 input.button {
	font-family:		-apple-system-bold, HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
	font-weight:		normal;
	background:			#7ac5cc;
	color:				#fff;
	padding:			9px 10px 9px 10px;
	text-transform:		none;
	text-shadow:		none;
	box-shadow:			none;
}
div.button a {
	font-size:			1.0em;
	padding:			5px 15px 6px 15px;
	-webkit-border-radius:16px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
div.buttons {
	font-size:			0.85em;
}

body.app.ios7 a.small-button {
	background:			#7ac5cc;
	color:				#fff;
	text-transform:		none;
	text-shadow:		none;
	box-shadow:			none;
}
body.app.ios8 a.small-button {
	font-family:		-apple-system-bold, HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
	font-weight:		normal;
	background:			#7ac5cc;
	color:				#fff;
	text-transform:		none;
	text-shadow:		none;
	box-shadow:			none;
}

#view, #add, #settings, #addemail {
	width:				auto;
	float:				none;
}
#view {
	margin-right:		0;
}
#add .button {
	margin-bottom:		25px;
}

#delivery-status-tips {
	background:			url('/images/software/delivery-status-touch/tips-iphone.jpg') no-repeat;
	width:				280px;
	height:				420px;
	border:				none;
	margin:				0 0 15px 0;
}

/* about */

div.about a.icon, div.about a.notefile-icon {
	display:			block;
	background:			url('/sync/images/deliveries-icon.png') no-repeat;
	width:				114px;
	height:				114px;
	margin:				-4px 8px 5px -7px;
	float:				left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
div.about a.notefile-icon {
	background:			url('/sync/images/notefile-icon.png') no-repeat;
}
a.about a.icon:hover {
	opacity:			0.5;
}
div.about h1 {
	margin:				0 0 3px 0;
	padding:			13px 0 0 0;
}
div.about p {
	font-size:			0.85em;
	clear:				none;
}
div.credits {
	clear:				left;
}
div.credits p {
	font-size:			0.85em;
}

/* help pages */

body.app .tableview h3, body.app .tableview h4 {
	margin:				0 0 2px 0;
}
body.app.ios7 .tableview h3, body.app.ios7 .tableview h4,
body.app.ios8 .tableview h3, body.app.ios8 .tableview h4 {
	margin-bottom:		10px;
}
body.app #filter {
	margin:				10px -3px 5px -3px;
}
body.app.ios7 #filter,
body.app.ios8 #filter {
	margin-top:			-5px;
	margin-bottom:		15px;
}
body.app.ios7 #filter input,
body.app.ios8 #filter input {
	width:				100%;
	max-width:			300px;
	padding:			6px 8px;
	border:				none;
	border-radius:		5px;
	-webkit-appearance:	none;
}
body.app .tableview {
	-webkit-user-select:none;
}
body.app .tableview ul {
	margin:				0 0 15px 0;
	padding:			0;
	list-style-type:	none;
}
body.app.ios7 .tableview ul,
body.app.ios8 .tableview ul {
	background-color:	#fff;
	margin:				0 -15px 15px -15px;
}
body.app.ios7.ipad .tableview ul,
body.app.ios8.ipad .tableview ul {
	margin:				0 -30px 20px -30px;
}
body.app .tableview:last-child ul {
	margin-bottom:		-5px;
}
body.app .tableview li {
	margin:				0;
	padding:			0;
}
body.app .tableview li a, body.app .tableview li span {
	background:			url("../images/arrow@2x.png") no-repeat 100% 50%;
	-webkit-background-size:19px 15px;
	display:			block;
	margin:				0 -10px;
	padding:			10px 28px 11px 10px;
	border-top:			1px solid rgba(255,255,255,0.15);
	border-bottom:		1px solid rgba(0,0,0,0.3);
	line-height:		135%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body.app.ios7 .tableview li a, body.app.ios7 .tableview li span,
body.app.ios8 .tableview li a, body.app.ios8 .tableview li span {
	background-image:	url("../images/arrow-ios7.png"), url("../images/divider.png");
	-webkit-background-size:23px 15px, 100% 1px;
	background-repeat:	no-repeat;
	background-position:100% 50%, 15px 0;
	margin:				-1px 0 0 0;
	padding:			12px 38px 13px 15px;
	border:				none;
	font-weight:		normal;
	color:				#000;
}
body.app.ios7.ipad .tableview li a, body.app.ios7.ipad .tableview li span,
body.app.ios8.ipad .tableview li a, body.app.ios8.ipad .tableview li span {
	padding:			11px 53px 12px 30px;
	background-position:98% 50%, 30px 0;
}
body.app .tableview li span {
	background:			none;
}
body.app .tableview li:first-child a, body.app .tableview li:first-child span {
	border-top:			none;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding-top:		11px;
}
body.app.ios7 .tableview li:first-child a, body.app.ios7 .tableview li:first-child span,
body.app.ios8 .tableview li:first-child a, body.app.ios8 .tableview li:first-child span {
	background-position:100% 50%, 0 0;
	border-radius:		0;
	padding-top:		12px;
}
body.app.ios7.ipad .tableview li:first-child a, body.app.ios7.ipad .tableview li:first-child span,
body.app.ios8.ipad .tableview li:first-child a, body.app.ios8.ipad .tableview li:first-child span {
	background-position:98% 50%, 0 0;
}
body.app .tableview li:last-child a, body.app .tableview li:last-child span {
	border-bottom:		none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-bottom:		12px;
}
body.app.ios7 .tableview li:last-child a, body.app.ios7 .tableview li:last-child span,
body.app.ios8 .tableview li:last-child a, body.app.ios8 .tableview li:last-child span {
	background-image:	url("../images/arrow-ios7.png"), url("../images/divider.png"), url("../images/divider.png");
	-webkit-background-size:23px 15px, 100% 1px, 100% 1px;
	background-position:100% 50%, 15px 0, bottom left;
	border-radius:		0;
	padding-bottom:		13px;
}
body.app.ios7.ipad .tableview li:last-child a, body.app.ios7.ipad .tableview li:last-child span,
body.app.ios8.ipad .tableview li:last-child a, body.app.ios8.ipad .tableview li:last-child span {
	background-position:98% 50%, 30px 0, bottom left;
}
body.app .tableview li a.touched, body.app .tableview li a.simple:hover {
	background-color:	rgba(0,0,0,0.15);
	border-color:		rgba(0,0,0,0);
	color:				#fff;
}
body.app.ios7 .tableview li a.touched, body.app.ios7 .tableview li a.simple:hover,
body.app.ios8 .tableview li a.touched, body.app.ios8 .tableview li a.simple:hover {
	background-color:	#d9d9d9;
	border-color:		rgba(0,0,0,0);
	color:				#000;
}
body.app .tableview li a.tapdone {
	-webkit-transition:	all 400ms linear;
}

body.app .tableview li a.noresults {
	font-weight:		normal;
}

/* tables */

body.app td {
	font-size:			0.95em;
}
body.app.ios8 tr {
	background-color:	rgba(255,255,255,0.5);
}
body.app.ios8 tr.alternate {
	background-color:	transparent;
}

@media only screen and (max-device-width: 480px) {
	#filter input {
		width:				100%;
	}
}

@media only screen and (min-device-width: 768px) {
	body.app #page {
		padding:			30px;
	}
	body.app #page > h3:first-child, body.app #page > p:first-child {
		margin-top:			-4px;
	}
}