/*
* @author: William Khoe
*/
.newsletter-main {
    display: block;
    margin: 0 auto;
    padding: 20px 0 30px 0;
    background:#FFF;
	background:-moz-linear-gradient(left, #F4F4F4 0%, #FFF 50%, #F4F4F4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#F4F4F4), color-stop(50%,#FFF), color-stop(100%,#F4F4F4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(left, #F4F4F4 0%,#FFF 50%,#F4F4F4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(left, #F4F4F4 0%,#FFF 50%,#F4F4F4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(left, #F4F4F4 0%,#FFF 50%,#F4F4F4 100%); /* IE10+ */
	background:linear-gradient(to right, #F4F4F4 0%,#FFF 50%,#F4F4F4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#F4F4F4',GradientType=1 ); /* IE6-9 */
}
section.newsletter-signup
{
	margin:0 0 -30px 0; padding:15px 0;

	border-top:1px solid #C0C0C0;

	background:#EEE;
	background:-moz-linear-gradient(left,  #CCCCCC 0%, #EEE 50%, #CCCCCC 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#CCCCCC), color-stop(50%,#EEE), color-stop(100%,#CCCCCC)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(left,  #CCCCCC 0%,#EEE 50%,#CCCCCC 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(left,  #CCCCCC 0%,#EEE 50%,#CCCCCC 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(left,  #CCCCCC 0%,#EEE 50%,#CCCCCC 100%); /* IE10+ */
	background:linear-gradient(to right,  #CCCCCC 0%,#EEE 50%,#CCCCCC 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#EEEEEE',GradientType=1 ); /* IE6-9 */

	box-shadow:0 -1px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 -1px 5px rgba(0,0,0,0.1);

	text-align:center;
}
section.newsletter-signup div label
{
	margin:0 25px 0 0; padding:0 0 0 28px;
	font-size:12px; font-weight:bold; color:#444;
	background:url(/img/ui/icon-sprite.png) no-repeat 0 -2226px;
}
section.newsletter-signup div .btn
{
	margin:0 0 0 10px; padding:4px 20px;
	font-size:12px;
	vertical-align:middle;
}
section.newsletter-signup div .textbox
{
	height:27px;
}

/* Regular Desktop */

@media only screen and (min-width:1024px) {

}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px) {

section.newsletter-signup
{
	margin:0 0 -40px 0;
}

}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px) {

section.newsletter-signup
{
	padding:20px;
	text-align:left;
}
section.newsletter-signup div label
{
	display:block;
	margin:0 0 15px 0;
}
section.newsletter-signup div #input-newsletter
{
	display:block;
	width:100%;
	margin:0 0 15px 0;
}
section.newsletter-signup div .btn
{
	display:block;
	width:100%;
	margin:0; padding:12px 20px;
	font-size:16px;
    box-sizing:border-box;
}
section.newsletter-signup div .textbox
{
	height:44px;
}

}

/* Mobile Landscape */

@media only screen and (min-width:321px) and (max-width:767px) {

}

/* Mobile Portrait */

@media only screen and (max-width:320px) {

}