﻿@charset "utf-8";
/* 

	These styles should be included in ALL websites - both Belmonster and Client.
	It contains mostly Form field styles, so that forms are formatted if custom styles aren't
	inserted in the template CSS sheets.

*/

/* 
	DO NOT CHANGE THIS STYLE!!!!!
	This is used to hide the Email field, which is a Turing test to be sure
	the form submission is by a human, rather than a robot.  The real email field
	is called "strConfirmEmail".
 */
div.EmailField {
	visibility: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 0px;
}

/* Universal Form Styles */
div.FieldSet {
	width: 400px;
	position: relative;
	float: left;
	clear: left;
}
form h2,
form h3,
form h4,
form label,
form fieldset {
	position: relative;
	float: left;
	clear: left;
	width: inherit;
}
div.FieldSet label {
	width: 140px;
	position: relative;
	float: left;
	clear: left;
	margin-right: 10px;
}
div.FieldSet input,
div.FieldSet div.RightColumn,
div.FieldSet div.RadioSet,
div.FieldSet div.RadioList,
div.FieldSet textarea,
div.FieldSet select {
	position: relative;
	float: left;
	clear: none !important;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
input.StackInput {
	clear: left;
	position: relative;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
}
div.FieldSet p {
	font-size: .8em;
	font-style: italic;
}
div.FieldSet input.RequiredField {
	border: solid 1px #a21d21;
}
div.FieldSet input.ErrorField {
	background-color: #ffecec;
	border: solid 1px #a21d21;
}
div.RadioSet input.RadioButton {
	width: 20px;
}
div.RadioSet p {
	position: relative;
	float: left;
	clear: none;
	width: 160px;
}
input.SubmitButton,
input.submitButton {
	position: relative;
	float: left;
	clear: both;
	margin-top: 10px;
	margin-left: 200px;
}
span.PositiveNumber {
	font-weight: bold;
	color: #000000;
}
span.NegativeNumber {
	font-weight: bold;
	color: #990000;
}
div.ColumnSet {
	position: relative;
	float: left;
	clear: left;
	margin-top: 5px;
}
div.ColumnSet div.LeftColumn {
	position: relative;
	float: left;
	clear: left;
	width: 200px;
}
div.ColumnSet div.RightColumn {
	position: relative;
	float: left;
	clear: none;
}
