/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	h1 {
		font-size: 1.5em !important;
		line-height: 1em;
		margin-top: 20px;
	}

		h1.spaced {
			margin-bottom: 20px;
		}

	h2 {
		font-size: 1.2em !important;
		margin: 0 0 10px 0;
	}

	#header {
		padding: 0 5px;
		height: 48px;
	}

		#header .logo {
			height: 36px;
		}

		#header .wideOnly {
			display: none;
		}

		#header .dropdown {
			margin-top: 0;
		}

		#header .dropdownMenu {
		}

		#header #title {
			display: inline;
			vertical-align: top;
			font-size: 1.2em;
			padding-left: 10px;
		}

	#footer {
		font-size: 0.8em;
	}

	#loginContent {
		font-size: 1.1em;
	}

		#loginContent input {
			font-size: 1em;
			width: 240px;
		}

	#panelMenu .menuItem {
		width: 130px;
		font-size: 1.1em;
		padding: 5px;
		margin: 0 3px 3px 3px;
		border: solid 3px white;
	}

		#panelMenu .menuItem table td {
			height: 75px;
		}

	#panelMenu .arrows {
		width: 6px;
	}

	#panelMenu .selectItem {
		width: 114px;
		height: 55px;
		display: table-cell;
		vertical-align: middle;
	}

		#panelMenu .selectItem img {
			height: 20px;
		}

	#backImg {
		width: 36px;
	}

	#dialogBoxContent {
		font-size: 1em;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		border: 10px solid rgb(64, 64, 64);
		border: 10px solid rgba(220, 220, 220, .3);
	}

	#searchBox {
		width: 250px;
	}

	.padded {
		padding: 10px;
	}

	.configureContent {
		min-width: 250px;
		min-height: 250px;
		padding: 10px;
	}

		.configureContent th {
			font-size: 0.8em;
		}

		.configureContent td {
			font-size: 1em;
			height: 30px;
		}

		.configureContent input[type="text"] {
			width: 241px;
		}

		.configureContent select {
			width: 247px;
		}

		.configureContent input[type="checkbox"] {
			width: 20px;
			height: 20px;
		}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	#footer .version {
		display: none;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}