/*
	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
	
*/

form.formmodule {
	float: left;
}

table.form {
	width:445px;
	background-color:#fff;
	display:block;
}
table.form h2 {
  font-size:14px;
	color:#bb0101;
	margin:5px 5px 15px 5px;
}
table.form p {
	margin:5px;
}

table.form td {
	vertical-align:top;
	padding:0;
	margin:0;
}

.form div.field {
	padding:0 5px;
  float:left;
	display:block;
}

.form .field .sublabel {
	font-size:10px;
}

.form .field input.TextBox,
.form .field input.Email,
.form .field input.TextArea {
  background-color:#fff;
  border:1px solid #bfbfbf;
}

.form .field input.RadioButton,
.form .field input.CheckBox {
  background-color:#fff;
  border:none;
  float:left;
}

.form .field input.required {
	background-color:#f1f1f1;
}

.form .field label {
	font-size:12px;
	color:#000;
	display:block;
	float:left;
	text-align:left;
}

.form .field label.lblLeft {
	width:140px;
	text-align:left;
	margin-right:5px;
	float:left;
}

.form .field label.lblRight {
	text-align:left;
	margin-left:5px;
	float:left;
}

.form .field label.lblBelow,
.form .field label.lblAbove {
	float:none;
}

.form .CheckBox label {
	font-size:12px;
	display:block;
	float:left;
	text-align:left;
}
.form .CheckBox label.lblRight {
	font-size:12px;
	display:block;
	float:left;
	text-align:left;
	margin-top:2px;
}

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

/* Radio buttons */
.form .Radio ul {
	list-style-type:none;
	margin:0;
	padding:0;
  float:left;
}

.form .Radio ul li {
  width:239px; 
  float:none;
	display:block !important;
}

.form .Radio li label {
	float:left;
}

/* Separators */
.form div.separator {
	height:1px;
	border-bottom:1px dotted #b2b2b2;
  margin:10px 5px;
}

/* Buttons */
.formBtnLeft {
  width:5px;
  height:28px;
	background:url(gfx/formBtnLeft.png) left top no-repeat;
  margin:0 0 0 5px;
  float:left;
}
.formBtnMiddle {
  height:28px;
	background:url(gfx/formBtnMiddle.png) left top repeat-x;
  border:none;
  float:left;
}
.formBtnMiddle input.Submit,
.formBtnMiddle input.Reset {
  height:28px;
  background:none;
  font-size:12px;
  color:#fff;
  border:none;
}
.FormBtnRight {
  width:5px;
  height:28px;
	background:url(gfx/formBtnRight.png) left top no-repeat;
  float:left;
}

input.error,
textarea.error {
	border:1px solid #ff0000;
}
.error:focus {
	border:1px solid #ff0000;
}

.form .wXXSmall	{ width:63px; }
.form .wXSmall	{ width:63px; }
.form .wSmall	{ width:63px; }
.form .wMedium	{ width:148px; }
.form .wLarge	{ width:239px; }
.form .wXLarge	{ width:239px; }
.form .wXXLarge	{ width:239px; }

.form .hXXSmall	{ height:50px; }
.form .hXSmall	{ height:75px; }
.form .hSmall	{ height:100px; }
.form .hMedium	{ height:125px; }
.form .hLarge	{ height:150px; }
.form .hXLarge	{ height:200px; }
.form .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;
}