/* feedback form */

/**************************************************************************************
/* update the following classes to change the appearance of the feedback form drop-in 
/* application and page
/*************************************************************************************/

/* 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;
	/*background-color: #F0F0F0;*/
}

/* 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: 2px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

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

/* 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: 3%;
	margin: 0;
	padding: 0;
	color: #f00;
}
	.ContentBlock .FeedbackForm .RequiredStar {display: none;}

/* 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: normal;
}
	.ContentBlock .FeedbackForm .Label {text-align: left; color: #999999;
    font-family: Arial,Tahoma,Sans-Serif;
    font-size: 11px;}

/* this is the class used for changing the formatting of .Label for a Header Separator row */
/* html example: <div class="Row DividerRow"><label for="" class="Label">Section Heading</label>...</div> */
/* overrides .Row */
.FeedbackForm .DividerRow .Label {
	font-size: 11px;
	float: none;
	clear: both;
	width: auto;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 3%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

/* 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 {
	font-size: 11px;
	}

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

/* 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: 66%;
	margin: 0;
	padding: 0;
}
	.ContentBlock .FeedbackForm .Value {text-align: left; padding: 0;}

/* the form field for the answer */
/* html example: <span class="Value"><input name="Email" type="text" ... ></span> */
.FeedbackForm .Value input {
	width: 80%;
	border: 1px solid #999;
}
/* checkboxes and radio buttons */
.FeedbackForm .Value table input {
	width: auto;
}
/* date / time text box */
.FeedbackForm .Value .FormDate input {
	width: auto;
	border: inset 2px #eee;
}

/* the form field for the answer - multiline */
/* html example: <span class="Value"><textarea name="Description"></textarea></span> */
.FeedbackForm .Value textarea {
	width: 80%;
	height: 75px;
	border: 1px solid #999;
}

/* 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;
	display: block;
	width: 96%;
	padding-left: 3%;
}

/* 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: 33%;
}
	.ContentBlock .FeedbackForm .Buttons {text-align: left; padding: 0;}

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


/* the submit button form element */
/* html example: <div class="SubmitButton"><input type="submit" value="Send Feedback" /></div> */
.FeedbackForm .SubmitButton input {
	background: url("/images/NP_Button.jpg") no-repeat scroll center center transparent;
    border: 0 none;
    color: #FFFFFF;
    font-family: Arial,Tahoma,Sans-Serif;
    font-size: 11px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    width: 178px;
}

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