/* 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: 480px;
	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: 480px;
	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 img { border: 0; margin: 0; }
.FeedbackForm_Wrapper {
	width: 480px;
	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: 480px;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

/* 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: 240px;
	margin: 0;
	float: left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* 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 {
	display: block;
	width: 240px;
	margin: 0;
	float: left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* 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: 200px;
	margin: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #666;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
}

/* 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: 200px;
}

/* 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: 67%;
	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;
	float: left;
	font-size:12 px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-shadow: 0px 1px 0px #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow:inset 0 0 5px #CCC;
	-moz-box-shadow:inset 0 0 5px #CCC;
	-webkit-box-shadow:inset 0px 0px 5px #CCC;
	border: 2px solid #CCC;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.FeedbackForm .Value textarea {
	width: 200px;
	float: left;
	font-size:12 px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-shadow: 0px 1px 0px #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow:inset 0 0 5px #CCC;
	-moz-box-shadow:inset 0 0 5px #CCC;
	-webkit-box-shadow:inset 0px 0px 5px #CCC;
	border: 2px solid #CCC;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.FeedbackForm .Value table input { width: auto; }

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

/* 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: 100%;
}

/* 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 {
	display:none;
}

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

/* 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 {
	padding-left: 0px;
	padding-top: 0px;
}

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

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