/*	iOS 1-6 style: Helvetica font (or similar sans-serif font) */

body {
	font-family: Helvetica, Inter, Arial, sans-serif;
	font-size: 100%;
}

/*	iOS 1-2 style: black BG and white text.
	This can be problematic for some people with disabilities,
	so omit this from any basic and/or accessible pages please. */
body.ioshub_colorinvert {
	background-color: black;
	color: white;
}

.monospace_font {
	font-family: monospace;
}

table {
	width: 100%;
}

.appgrid {
	width: 100%;
}

.appicon {
	float: left;
	width: 192px;
	height: 192px;
	padding: 8px;
	border: 0px;
	text-align: center;
	-ms-interpolation-mode: nearest-neighbor; /* For anything running IE7-9 spec (obsolete on modern systems) */
	image-rendering: pixelated;
}

.app_name {
	line-height: 1;
}

.app_internal_name {
	font-size: 0.6em;
}

/* subpages with the special iOS 6 app folder design */

img.folder_topapp {
	height: 128px;
	width: 128px;
	padding-top: 20px;
	padding-left: 28px;
	-ms-interpolation-mode: nearest-neighbor; /* For anything running IE7-9 spec (obsolete on modern systems) */
	image-rendering: pixelated;
}

div.triangle {
	background-image: url('assets/folderbg_module_triangle_v1.bmp'), url('assets/folderbg_borderline_horizontal_top.bmp');
	background-size: 640px 28px;
	background-repeat: no-repeat, repeat;

	height: 28px;
	width: 100%;
	border-style: none;
	/* float: left; */
}

.divnewline {
	clear: both;
	float: left;
	display: block;
	position: relative;
	height: 0px;
	width: 0px;
}

.folder_appgrid_general {
	width: 100%;
	height: auto;
	overflow: auto;
	background-image:	url('assets/folderbg_module_top_pattern_firstonly_v2.bmp'),
						url('assets/folderbg_module_top_pattern_repeat_v2.bmp'),
						url('assets/folderbg_module_bg1_pattern_v2.bmp');
	background-repeat: no-repeat, repeat-x, repeat;
	background-size: 512px 52px, 512px 52px, 512px 512px;
	border-style: none;
}