@CHARSET "UTF-8";

/*@media screen and (max-device-width: 480px) { /* iPhone */
@media screen {
	.iphone .input > label {
		float:left;
		width:auto;
	}
	.iphone .input.datetime > .date + .time {
		margin-left:0;
	}
	.iphone .submit {
		margin:auto;
	}
	.iphone .cancel {
		line-height:1.157em;
	}
	.iphone .input > * {
		float:right;
	}
}

@media all {
	fieldset {
		width:auto;
	}
	.browser .input {
		padding-top:.2em;
		padding-bottom:.2em;
	}
	.browser .input > * {
		float:left;
	}
	.browser .input.select .checkbox {
		display:block;
		float:none;
	}
	.browser .input.select .chackbox label {
		display:block;
	}
	.browser .input.select .checkbox label a {
		display:inline;
	}
	.browser .input:after { /* will clear the background when all children are floated*/
		/* same as .hasFloaters */
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
		content:'.';
	}
	.browser .input > label {
		width:8em;
		display:block;
		line-height:1.6em;
	}
	.browser .input > textarea {
		padding:.125em;
	}
	.browser .input.datetime > .date > *,
	.browser .input.datetime > .time > * {
		margin-right:.1em;
	}
	.browser .input.datetime > .date + .time {
		margin-left:8em;
		clear:both;
		padding-top:.4em;
	}
	.browser .submit {
		margin-left:8em;
		display:inline;
		float:left;
	}
	.browser .cancel {
		float:left;
		line-height:1.6em;
	}
	.browser .cancel > * {
		display:block;
	}
	.browser .submit + .cancel {
		margin-left:1em;
	}
}
