/** 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 */
.ui_is_home .Newsletter_Form_Wrapper {
	width: 100%;
	margin: 0;
	padding: 5px 0;
}

.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;
	float: left;
}

/* 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"> */
.ui_is_home .Newsletter_Form .Field {

}

.Newsletter_Form .Field {
	padding: 0;
	float: left; width: 115px;
	margin: 0 5px 0 0; background: #fff; border: 1px solid #e6e3da;
}

/* the form field element */
/* html example: <div class="Field"><input type="text" ... /></div> */
.Newsletter_Form .Field input {
	font-size: 12px;color: #646464; padding: 5px 4px 4px; height: 13px; width: 105px; border: 0;
}

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

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

/* 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 {
	background: transparent url(/images/BTN_signupnow.jpg) no-repeat top left;
	width: 90px;
	height: 22px;
}

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


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


.Newsletter_Form .SubmitButton input {
	width: 60px;
	border: 0;
	background: rgb(245,246,246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
	padding: 4px 7px;
}


/* Inline Newsletter Form - Replace the above class with these classes to create an inline Newsletter Form */
/** newsletter form **/

/*
.Newsletter_Form_Wrapper { display: inline; }
.Newsletter_Form { 	display: inline; }
.Newsletter_Form .Label { display: inline; font: bold 12px arial, sans-serif; color: #fff; }
.Newsletter_Form .SearchLabel {}
.Newsletter_Form .Field { display: inline; }
.Newsletter_Form .Field input { font-size: 11px; width: 80px; margin: 0px; border: solid 1px #A5ACB2; }
.Newsletter_Form .SearchField {}
.Newsletter_Form .SearchField input {}
.Newsletter_Form .Spacer { display:inline; }
.Newsletter_Form .Buttons { display: inline; }
.Newsletter_Form .SubmitImage { display: none; }
.Newsletter_Form .SubmitImage input {}
.Newsletter_Form .SubmitButton { display: inline; padding: 0; margin: 0; }
.Newsletter_Form .SubmitButton input { background-color: Transparent; color: #fff; border: none; font-weight: bold;	font-size: 12px; padding: 0; margin: 0;	padding-right: 5px; }
*/