/* Layout */

*					{ margin: 0px; padding: 0px; }
html, body			{ font: 100% Tahoma,Arial,Helvetica,sans-serif; height: 100%; background: #a7adc3; }
a img				{ border: none; }
img					{ vertical-align: middle; }
table table			{ font-size: 100%; }

/* Standard Classes */

.xs		{ width: 2em; }
.xss	{ width: 3em; }
.s		{ width: 4em; }
.ssm	{ width: 6em; }
.sm		{ width: 8em; }
.m		{ width: 10em; }
.mml	{ width: 13em; }
.ml		{ width: 16em; }
.l		{ width: 20em; }
.lxl	{ width: 25em; }
.xl		{ width: 30em; }
.xxl	{ width: 40em; }
.xxxl	{ width: 50em; }
.pct_100{ width: 100%; }

.smaller	{ font-size: 80%; }
.right		{ text-align: right; }

.ieCompat { border: none; background: none; }

.inputImage	{ border: none; background: none; padding: 0em; vertical-align: middle; }

.error_message		{ border: solid 2px #f44; background: #fee; padding: 1.5em; font-size: 0.7em; font-weight: bold; color: #f44; margin: 1.5em 0em; line-height: 150%; }
.error				{ color: #f00; background: #fcc; }
span.error input	{ background: #f88; }
.clearFloat			{ height: 0em; clear: both; }
.leftFloat			{ float: left; }
.externLinkGfx		{ vertical-align: middle; }

p.addLink,
p.backLink			{ padding: 0.5em 1em; font-weight: bold; background: #f0fff0; }

.explanation		{ background: #ffe; padding: 0.5em; border: solid 1px #cca; font-size: 80%; }