/*
	Sample CSS for Synkron Via CMS - Forms2 Module
	
	All rules are scoped to a container with the class "form" to prevent having
	sideeffects on elements of the containing page.
	
	Version 1.0
	
*/
.tableform {width: 600px}

table.tableform td {
	vertical-align: top;
}

.tableform div.field {
	float: left;
	clear: left;
}

.tableform input {
}


.tableform .field .sublabel {
	font-size: 0.7em;
}

.tableform .required {
	background-color: #f7fdf4;
}

.tableform .field label {
	display: block;
	float: left;
	padding-top: 4px;
	font-weight: normal;
	text-align: left;
}

.tableform .field label.lblLeft {
	width: 10em;
	text-align: left; /* ! */
	margin-right: 8px;
}

.tableform .field label.lblRight {
	float: none;
	display: inline;
}

.tableform .field label.lblBelow {
	display: block;
	float: none;
}

.tableform .field label.lblAbove {
	float: none;
}

.tableform .CheckBox label {
	display: inline;
	width: auto;
	float: none;
	text-align: left;
	font-weight: normal;
	margin-left: 0.2em;
}

.tableform select.wSmall {
	width: 65px;
}

/* Checkbox associated with Email element */
.tableform .field div label {
	display: inline;
	float: none;
}

/* Radio buttons */
#content .tableform .Radio ul {
	
	margin: 0;
	padding: 0;
}

#content .tableform .Radio ul li {
	list-style-type: none;
}

#content .tableform .Radio ul li label input {
	margin-right: 5px;
}

.tableform .Radio li label {
	float: none;
	
}

.tableform .Submit, .tableform .Reset {margin-top: 15px;}


/* Separators */
.tableform hr.separator {
	float: none;
	clear: both;
}

input.error,
textarea.error {
	border: 2px solid #c00;
	background-color: #ffdfdf;
}

.error:focus {
	background-color: #fff;
}

.tableform .wXXSmall	{ width:  30px; }
.tableform .wXSmall	{ width:  40px; }
.tableform .wSmall	{ width:  50px; }
.tableform .wMedium	{ width: 150px; }
.tableform .wLarge	{ width: 200px; }
.tableform .wXLarge	{ width: 250px; }
.tableform .wXXLarge	{ width: 300px; }

.tableform .hXXSmall	{ height:  50px; }
.tableform .hXSmall	{ height:  75px; }
.tableform .hSmall	{ height: 100px; }
.tableform .hMedium	{ height: 125px; }
.tableform .hLarge	{ height: 150px; }
.tableform .hXLarge	{ height: 200px; }
.tableform .hXXLarge	{ height: 300px; }

/* Validation errors are summarized in a list */
div.errors { 
	background: #ffecec;
	border: 2px solid #b00; 
	color: #333; 
	margin: .5em 0 1em; 
	padding: 10px;
}

.errors p {
	margin: 0;
	padding-left: 22px;
	background: transparent url(http://resources.synkronvia.com/systemicons/si216.gif) no-repeat;	
}

.errors ul {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0;
}

.errors li {
	line-height: 1.5;
	margin-left: 16px;
}

.errors a {
	color: #a00;
}