/* feedback form */

/**************************************************************************************
/* update the following classes to change the appearance of the feedback form
/*************************************************************************************/

/* this is the class used on the outside container element for the feedback form sitecm page content */
/* html example: <div class="FeedbackForm_Content_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.FeedbackForm_Content_Wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the inside container element for the feedback form sitecm page content */
/* html example: <div class="FeedbackForm_Content_Wrapper"><div class="FeedbackForm_Content"> */
.FeedbackForm_Content {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the outside container element for the feedback form */
/* html example: <div class="FeedbackForm_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.FeedbackForm_Wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the inside container element for the feedback form sitecm page content */
/* html example: <div class="FeedbackForm_Wrapper"><div class="FeedbackForm"> */
.FeedbackForm {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the container element for each row (and alternaterow) */
/* html example: <div class="Row"> */
/* each row contains .RequiredStar, .Label (question), .Value (answer) and .Spacer */
.FeedbackForm .Row {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
}

/* this is the class used for changing the formatting of .Row for each alternating row */
/* html example: <div class="Row AlternateRow"> */
/* overrides .Row */
.FeedbackForm .AlternateRow {}

/* this is the class used on the container element for the required * (asterix) symbol displayed for required questions */
/* html example: <span class="RequiredStar">*</span> */
.FeedbackForm .RequiredStar {
	display: block;
	float: left;
	width: 2%;
	margin: 0;
	padding: 0;
	color: #f00;
}

/* this is the class used for changing the formatting of .RequiredStar for non-required question */
/* html example: <span class="RequiredStar NotRequiredStar">&nbsp;</span> */
/* overrides .RequiredStar */
.FeedbackForm .NotRequiredStar {}

/* this is the class used on the container element for the question */
/* html example: <label for="Email" class="Label">Email: </label> */
.FeedbackForm .Label {
	display: block;
	float: left;
	width: 30%;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* this is the class used for changing the formatting of .Label to a required question */
/* html example: <label for="Email" class="Label RequiredLabel">Email: </label> */
/* overrides .Label */
.FeedbackForm .RequiredLabel {}

/* this is the class used for changing the formatting of .Label when "Place Answer(s) below Question." is checked in SiteCM Manager */
/* html example: <label for="Email" class="Label WrapLabel">Email: </label> */
/* overrides .Label */
.FeedbackForm .WrapLabel {
	width: 98%;
	padding-bottom: 10px;
}

/* this is the class used on the container element for the answer */
/* html example: <span class="Value"><input name="Email" type="text" ... ></span> */
.FeedbackForm .Value {
	display: block;
	float: left;
	width: 68%;
	margin: 0;
	padding: 0;
}

/* the form field for the answer */
/* html example: <span class="Value"><input name="Email" type="text" ... ></span> */
.FeedbackForm .Value input { width: 200px; }
.FeedbackForm .Value table input { width: auto; }

/* the form field for the answer - multiline */
/* html example: <span class="Value"><textarea name="Description"></textarea></span> */
.FeedbackForm .WrapValue textarea { width: 80%; }

/* the form field for the answer - dropdown */
/* html example: <span class="Value"><select name="Description"><option>...</option></select></span> */
.FeedbackForm .Value select {}

/* this is the class used for changing the formatting of .Value when "Place Answer(s) below Question." is checked in SiteCM Manager */
/* html example: <span class="Value WrapValue">...</span> */
/* overrides .Value */
.FeedbackForm .WrapValue {
	float: none;
	clear: both;
	width: 98%;
	padding-left: 2%;
}

/* this is the class used on the spacer element that exists after each answer */
/* html example: <div class="Spacer"><img src="/images/shim.gif" width="1" height="1" border="0" alt="" /></div> */
.FeedbackForm .Spacer {
	float: none;
	clear: both;
}

/* this is the class used on the container element for the buttons */
/* html example: <div class="Buttons">...</div> */
.FeedbackForm .Buttons {
	clear: both;
	padding-left: 2%;
}

/* this is the class used on the container element for the submit image */
/* html example: <div class="SubmitImage"> */
/* sets size and background image for button */
/* use only .SubmitImage or .SubmitButton, add display: none; to other */
.FeedbackForm .SubmitImage {
	display: none;
}

/* the image form element */
/* html example: <div class="SubmitImage"><input type="image" src="/images/shim.gif" alt="" border="0" /></div> */
/* should be same size as .SubmitImage */
.FeedbackForm .SubmitImage input {}

/* this is the class used on the container element for the submit button */
/* html example: <div class="SubmitButton">...</div> */
/* use only .SubmitButton or .SubmitImage */
.FeedbackForm .SubmitButton {}

/* the submit button form element */
/* html example: <div class="SubmitButton"><input type="submit" value="Send Feedback" /></div> */
.FeedbackForm .SubmitButton input {}

/* this is the class used on the message that is display when an error occurs after submitting a form */
/* html example: <div class="ErrorMessages">...</div> */
.FeedbackForm .ErrorMessages {
	color: #f00;
	background-color: #ffc;
	border: dashed 1px #333;
	padding: 5px;
	margin-bottom: 10px;
}

/* this is the class used on the message that is display upon completion of the form */
/* html example: <div class="ThankYouMessage">...</div> */
.FeedbackForm .ThankYouMessage {
	color: #080;
	font-weight: bold;
}

/* these classes are used for customizing individuals questions and answers */
/* html example: <div class="Row Row1"> */
/* row number starts at 1  */
.FeedbackForm .Row1 {}
.FeedbackForm .Row1 .RequiredStar {} /* used if row is a required question */
.FeedbackForm .Row1 .NotRequiredStar {} /* used if row is a non-required question */
.FeedbackForm .Row1 .Label {}
.FeedbackForm .Row1 .RequiredLabel {}
.FeedbackForm .Row1 .Value {}
.FeedbackForm .Row1 .Spacer {}