/** newsletter form **/

/**************************************************************************************
/* update the following classes to change the appearance of the newsletter form 
/* designer control
/*************************************************************************************/

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

/* this is the class used on the inside container element for the newsletter form */
/* html example: <div class="Newsletter_Form_Wrapper"><div class="Newsletter_Form"> */
.Newsletter_Form {
	width: 100%;
	margin: 0;
	text-align: left;
}

/* this is the class used on the container element for the question */
/* html example: <div class="Label">Keyword(s):</div> */
.Newsletter_Form .Label {
	color: #fff;
	font-weight: bold;
}

/* this is the class used on the container element for the keyword label */
/* html example: <div class="Label SearchLabel">Keyword(s):</div> */
/** overrides .Label **/
.Newsletter_Form .SearchLabel {display: none;}

/* this is the class used on the container element for the form field */
/* html example: <div class="Field"> */
.Newsletter_Form .Field {	
	width: 171px;
	height: 29px;
	background: transparent url(/images/SiteCM_newsletterSignup.gif) no-repeat top left;
	}

/* the form field element */
/* html example: <div class="Field"><input type="text" ... /></div> */
.Newsletter_Form .Field input {
	font-size: 12px;
	color: #000;
	background: none;
	border: 0;
	padding: 5px;
}

/* this is the class used on the container element for the keyword form field */
/* html example: <div class="Field SearchField"> */
/** overrides .Field **/
.Newsletter_Form .SearchField {}

/* the keyword form field element */
/* html example: <div class="Field SearchField"><input type="text" ... /></div>  */
/** overrides .Field input **/
.Newsletter_Form .SearchField input {}

/* this is the class used on the spacer element that exists after the form field */
/* html example: <div class="Spacer"><img src="/images/shim.gif" width="1" height="1" border="0" alt="" /></div> */
.Newsletter_Form .Spacer {height: 8px;}

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

/* 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 **/
.Newsletter_Form .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 **/
.Newsletter_Form .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 **/
.Newsletter_Form .SubmitButton {
	width: 88px;
	height: 28px;
	text-align:center;
	background: transparent url(/images/SiteCM_newsletter_btn.gif) no-repeat top left;
}

/* the submit button form element */
/* html example: <div class="SubmitButton"><input type="submit" value="Send Feedback" /></div> */
.Newsletter_Form .SubmitButton input {
	font-size: 12px;
	color: #fff;
	background: none; 
	border: 0;
	padding: 5px;
}