/* Reset */
html, body
{
	font-size: 16px; 
	/* 	Stop text resizing in Windows Mobile and Webkit (iDevices) but still allow resize on zooming. Change 100% to none to completely disallow text resizing. */
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html, body, form
{
	margin: 0;
	min-height: 100%;
	min-width: 100%;
	padding: 0;
	width: 100% !important;
}
/* Only take up part of the space and be centered by default */
.Fields, .SaveParagraph
{
	margin: 1em auto;
	min-width: 100%;
	padding: 0;
}
.Fields ul
{
	margin-left: 0;
	list-style-type: none;
	padding-left: 0;
}
/* Fields display horizontal by default */
.FieldsCell1, .FieldsCell2
{
	display: inline-block;
	margin: 0 0 1em;
	padding: 0;
	vertical-align: top;
	width: 49%;
}
/* Hide tablet and mobile styles by default */
.tablet, .mobile
{
	display: none;
}
/* Small Screens (Mobile Devices) */
@media only screen and (max-width: 400px)
{
	body
	{
		font-size: 1.5em;
		line-height: 1.25em;
	}
	.desktop, .tablet
	{
		display: none;
	}
	.mobile
	{
		display: inherit;
	}
	.Fields
	{
		max-width: 90%;
		margin: 0 5%;
		padding: 0 10%;
	}
	/* Vertical in small spaces */
	.FieldsCell1, .FieldsCell2
	{
		display: block;
		vertical-align: middle;
		width: 100%;
	}
	.FieldsCell1
	{
		margin-bottom: .125em;
	}
	.FieldsCell2 input, .FieldsCell2 select
	{
		min-width: 80%;
	}
	.FieldsCell2 input[type="checkbox"], .FieldsCell2 input[type="radio"]
	{
		min-width: auto;
	}
	/* Re-align checkboxes so that labels are on the right */
	.BooleanField
	{
		line-height: 1em;
	}
	.FieldsCell1.BooleanField
	{
		margin-left: 2em;
		text-align: left;
	}
	.FieldsCell2.BooleanField
	{
		margin-top: -1.125em;
	}
	.StoreLabelCell
	{
		white-space: normal !important;
	}
	.FieldsCell2 input, .FieldsCell2 select
	{
		display: block !important;
	}
}