
/** 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: 260px;
	height: 30px;
}



/* 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 {

padding: 0 0 0 6px;
}

.Newsletter_Form form {
	margin: 0;
}

/* this is the class used on the container element for the question */
/* html example: <div class="Label">Keyword(s):</div> */
.Newsletter_Form .Label {
}

/* 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 {}

/* this is the class used on the container element for the form field */
/* html example: <div class="Field"> */
.Newsletter_Form .Field {
	display: block;
	width: 175px;
	height: 26px;
	background: transparent url(/images/homeworks_signup_bg.png) no-repeat center left;
	float: left;
}

/* the form field element */
/* html example: <div class="Field"><input type="text" ... /></div> */
.Newsletter_Form .Field input {
	border: 0;
	margin: 0 auto;
	padding: 6px 5px 0;
	background-color: Transparent;
	width: 160px;
}

/* 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 {
	display: block;
	width: 1px;
	height: 26px;
	float: left;
}

/* this is the class used on the container element for the buttons */
/* html example: <div class="Buttons">...</div> */
.Newsletter_Form .Buttons {
	display: block;
	float: left;
	margin-left: 8px;
}

/* 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: block;
	width: 65px;
	height: 26px;
	float: left;
}

/* 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 {
	background: transparent url(/images/homeworks_newsletter_btn.png) no-repeat center right;
	width: 68px;
	height: 26px;
}

/* 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 {
	display: none;
}

/* the submit button form element */
/* html example: <div class="SubmitButton"><input type="submit" value="Send Feedback" /></div> */
.Newsletter_Form .SubmitButton input {}

