/** 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;
}
	.ui_newsletter_footer .Newsletter_Form_Wrapper {
	}

/* 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;
}
	.ui_newsletter_footer .Newsletter_Form {}

/* 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;
}
	.ui_newsletter_footer .Newsletter_Form .Label, .ui_newsletter_footer .ui_newsletter_footer .Newsletter_Form .Label label {
		width: 100%;
		display: block;
		float: left;
		font: normal normal 12px/15px Lucida Sans, Lucida Sans Unicode, Lucida Grande, Arial, Sans-Serif;
		color: #fff;
		background: none;
		margin-bottom: 5px;
	}
/* 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;}
	.ui_newsletter_footer .Newsletter_Form .SearchLabel {
		display: block;
	}
/* this is the class used on the container element for the form field */
/* html example: <div class="Field"> */
.Newsletter_Form .Field {	
	width: 135px;
	}

/* 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;
	background: transparent url(/images/SiteCM_newsletterSignup.gif) no-repeat top left;
}
	.ui_newsletter_footer .Newsletter_Form .Field {
		float: left;
		display: block;
		height: 20px; /* Must be declared this way fro Safari, Broken Box model */
	}
		
/* 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 {}
	.ui_newsletter_footer .Newsletter_Form .Field.SearchField {
		background: none;
		border: 0 none;
	}

/* the keyword form field element */
/* html example: <div class="Field SearchField"><input type="text" ... /></div>  */
/** overrides .Field input **/
.Newsletter_Form .SearchField input {}
	.ui_newsletter_footer .Newsletter_Form .Field.SearchField input {
		width: 135px;
		height: 20px;
		-webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		   -moz-border-radius: 6px; /* FF1-3.6 */
                border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
		background-color: #fff;
		font: normal normal 12px/18px Lucida Sans, Lucida Sans Unicode, Lucida Grande, Arial, Sans-Serif;
		color: #000;
		padding: 2px 5px 3px; /* Must be declared this way for Safari/IE, Broken Box model */
	}

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

/* 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 {
	height: 25px;
	display: inline;
	float: left;
	margin: 0 0 0 15px;
}

/* the submit button form element */
/* html example: <div class="SubmitButton"><input type="submit" value="Send Feedback" /></div> */
.Newsletter_Form .SubmitButton input, .Newsletter_Form .SubmitButton input:link, .Newsletter_Form .SubmitButton input:visited, .Newsletter_Form .SubmitButton input:active {
	height: 25px;
	font: bold normal 12px/22px "Helvetica Neue LT STD 55 Roman", "Helvetica Neue", "Helvetica", Arial, sans-serif;
	color: #fff !important;
	text-shadow: 0px -1px #c76d00;
	padding: 2px 5px;
	*padding: 2px 1px;
	background-color: #f79927;
	-webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 6px; /* FF1-3.6 */
          border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
		  border: 1px solid #f79927;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7b565), to(#f79927)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f7b565, #f79927); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #f7b565, #f79927); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #f7b565, #f79927); /* IE10 */
	background-image:      -o-linear-gradient(top, #f7b565, #f79927); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #f7b565, #f79927);
	text-align: center;
}
	.Newsletter_Form .SubmitButton input:hover {
		cursor: pointer;
		cursor: hand;
		border-color: #e67e00;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f7b565), to(#e67e00)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #f7b565, #e67e00); /* Chrome 10+, Saf5.1+, iOS 5+ */
		background-image:    -moz-linear-gradient(top, #f7b565, #e67e00); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, #f7b565, #e67e00); /* IE10 */
		background-image:      -o-linear-gradient(top, #f7b565, #e67e00); /* Opera 11.10+ */
		background-image:         linear-gradient(top, #f7b565, #e67e00);
	}