html, body{
     max-width:100%;
     max-height:100%;
     overflow-x:hidden;
}

.thankfulInterstitial {
	
}
    .thankfulInterstitial .gamma {
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: 800;
        font-style: normal;
    }
	.thankfulInterstitial div {
		width:45%;
		padding: 0;
		float:left;
		padding-right: 2.5%;
		border-right: 1px solid #ccc;
	}
		
	.thankfulInterstitial div+div {
		padding-left:2.5%;
		border: none;
	}
    .thankfulInterstitial input[type=text] {
        width: 95%;
        margin: 5px 0px;
        padding: 5px 2.5%;
        border: 1px solid #ababab;
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: 600;
        font-style: normal;
    }
    .thankfulInterstitial select {
        width: 101%;
        margin: 5px 0px;
        padding: 5px 2.5%;
        border: 1px solid #ababab;
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: 600;
        font-style: normal;
    }
	
	.thankfulInterstitial input[type=text].valid { border: 1px solid #81bc4b; }
	.thankfulInterstitial input[type=text].invalid { border: 1px solid #ff0000; }
	
	.thankfulInterstitial input[type=checkbox] {
		margin: 5px 0px;
	}

.thankfulSubmit {
    padding: 8px 14px;
    margin: 10px 0px;
    width: 100px;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: 800;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    border-radius: 1px;
    background: #f97910 url('/images/promo/thankfulFor/submit_arrow.png') no-repeat 92% 50%;
}
		.thankfulSubmit:hover {
			color:#ffffff;
		}
#mainContent {
	overflow:visible;
	clear:both;
}

.thankful_wrapper {
	position:relative;
}

.thankful_headline {
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    padding: 10px 0 0 60px;
    z-index: 10;
}
    .thankful_headline span {
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: 800;
        font-style: normal;
        font-size: 50px;
        line-height: 35px;
    }

.thankful_counter {
	width: 255px;
	height: 87px;
	padding: 16px 0px 0px 36px;
	position: absolute;
	right: 120px;
	top: -65px;
	background: url('/images/promo/thankfulFor/thankful_counter_bg.png') no-repeat;
	z-index: -2;
}
    .thankful_counter span {
        font-size: 18px;
        color: #FFF;
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: 600;
        font-style: normal;
    }
        .thankful_counter span + span {
            font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
            font-weight: 800;
            font-style: normal;
            color: #FFF;
            font-size: 30px;
        }

.left_leafs {
	position:absolute;	
	left:-52px;
	top: -47px;
	z-index: -1;
}	

.right_leafs {
	position:absolute;	
	right:-76px;
	top: -108px;
	z-index: -3;
}

.thankful_main {
	border: 1px solid #dddddd;
	padding: 20px;
	margin: 40px 0 0 0;
	min-height: 800px; /*remeber to delete this*/
	position:relative;
	overflow:visible;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	    -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

p.main_message {
    font-size: 25px;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    width: 500px;
    padding: 10px;
    margin: 10px 0px 20px 5px;
}
    p.main_message span {
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
    }
		
	.main_input_wrap {
		width: 100%;
		position: relative;
	}
		
		.thankful_input {
			font-size: 18px;
			border: 5px solid #F97910;
			padding: 10px 0px 10px 20px;
			margin: 10px 0px 10px 10px;
			width: 80%;
			float: left;
			z-index: 10;
			position: relative;
		}
			.thankful_input:focus {
				outline: none;
			}
	
		.jessicas_turkey {	
			float: left;
			margin-left: -210px;
			margin-top: -116px;
			margin-bottom: -18px;
			z-index:15;
			position: relative;
		}
	
		.giveThanksBtn {
			float: left;
			margin-left: -38px;
			margin-top: -2px;
			right: -5px;
			position: relative;
		}
			.giveThanksBtn:hover {
				cursor: pointer;
			}
	
	.pnlColLeft {
		width: 55%;
		float:left;
		padding-right: 2.5%;
	}
	.pnlColRight {
		width:40%;
		padding-right: 0;
		padding-left: 2.5%;
		float:left;
	}

.pnlStepTwo .beta, .pnlErrorStep .beta, .pnlSuccess .beta,
.pnlStepTwo .gamma, .pnlErrorStep .gamma, .pnlSuccess .gamma,
.pnlStepTwo .delta, .pnlErrorStep .delta, .pnlSuccess .delta {
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: 800;
    font-style: normal;
    text-transform: Capitalize;
}
		
		.pnlStepTwo p,
		.pnlErrorStep p,
		.pnlSuccess p {
			font-size: 18px;
		}

.beta.thankfulFeedHeading {
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    padding: 30px 10px 0px 10px;
    z-index: 10;
    color: #333333;
}
    .beta.thankfulFeedHeading span {
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: 800;
        font-style: normal;
        color: #1a2f5b;
    }
	
	.thankfulFeed {
		padding: 20px;
		border-top: 1px solid #dddddd;
	}
	
	.grid-sizer {
		width:17%;
	}
	.gutter-sizer {
		width:2.5%;
	}
	
		.thanks_item, .thanks_item.w2 {
			padding: 2.5%;
			width:17%;
			margin-bottom: 20px;
			border: 1px solid #b2b2b2;
			overflow:hidden;
			background: #ffffff;
			float:left;
			
		}
			.thanks_icon {
				height:31px;
				width:33px;
				margin: 0 auto;
				background: url(/images/promo/thankfulFor/thanks_icon.jpg) no-repeat;	
				position:relative;
				overflow:hidden;
			}
			.thanks_message {
				display:block;
				font-size:18px;
				position:relative;
				overflow:hidden;
			}

.thanks_author {
    height: 17px;
    display: block;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    text-align: right;
    color: #F97910;
    position: relative;
    overflow: hidden;
}	
	.divShareOptions div {
			float:left;
	}
/* styles for all browsers larger than 768px and smaller than 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	html, body{
     max-width:100%;
     max-height:100%;
     overflow:hidden;
}
    .thankful_headline {
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: normal;
        font-size: 30px;
        padding: 10px 0 30px 10px;
        z-index: 10;
    }
	.thankful_input { width: 75%; }
	p.main_message { width: 400px; }
	.grid-sizer {
		width:24%;
	}
	
	.thanks_item, .thanks_item.w2 {
		width:24%;
	}
}
/* styles for all browsers larger than 480px and smaller than 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	html, body{
     max-width:100%;
     max-height:100%;
     overflow:hidden;
}
    .thankful_headline {
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: normal;
        font-size: 30px;
        padding: 10px 0 30px 10px;
        z-index: 10;
    }
	.thankful_input { width: 60%; }
	.giveThanksBtn {
		margin-left: -38px;
		margin-top: -2px;
		right: -5px;
	}
	.thankful_main { padding: 5px; }
	.jessicas_turkey { display:none; }
	p.main_message {
		font-size: 20px;
		width: 95%;
		margin:0px;
	}
	.thankful_counter {
		z-index: 0;
		right: 0;
	}
	.right_leafs {
		position: absolute;
		right: -54px;
		top: -76px;
		z-index: -3;
		width: 450px;
	}
		.right_leafs img {
			width:100%;
		}
	.grid-sizer {
		width:37%;
	}
	
	.thanks_item, .thanks_item.w2 {
		width:37%;
	}
}
/* styles for all browsers larger than 320px and smaller than 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	html, body{
     max-width:100%;
     max-height:100%;
     overflow:hidden;
}
    .thankful_headline {
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: normal;
        font-size: 25px;
        padding: 10px 0 50px 10px;
        z-index: 10;
    }
	.thankful_input {
		padding: 2.5%;
		margin: 2%;
		width: 88%;
	}
	.giveThanksBtn {
		margin-left: 0;
		margin-top: 0;
		right: 0;
	}
	.thankful_main { padding: 5px; }
	.jessicas_turkey { display:none; }
	p.main_message {
		font-size: 20px;
		width: 95%;
		margin:0px;
	}
	.thankful_headline span {
		font-size: 35px;
	}
	.thankful_counter {
		z-index: 0;
		right: 0;
	}
	.right_leafs {
		width: 320px;
		position: absolute;
		right: -38px;
		top: -54px;
		z-index: -3;
	}
		.right_leafs img {
			width:100%;
		}
	.thankfulInterstitial div {
		width: 100%;
		padding: 2.5% 0px;
		border-right: 0;
		border-bottom: 1px solid #ccc;
	}
	.grid-sizer {
		width:80%;
	}
	
	.thanks_item, .thanks_item.w2 {
		width:80%;
		padding: 5%;
	}
}

/* styles for screens with a width of 320px or smaller */
/** For items with min-width, set it to 300px **/
@media only screen and (max-width: 319px) {
	html, body{
     max-width:100%;
     max-height:100%;
     overflow:hidden;
}
    .thankful_headline {
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: normal;
        font-size: 25px;
        padding: 10px 0 50px 10px;
        z-index: 10;
    }
	.thankful_input {
		padding: 2.5%;
		margin: 2%;
		width: 88%;
	}
	.giveThanksBtn {
		margin-left: 0;
		margin-top: 0;
		right: 0;
	}
	.thankful_main { padding: 5px; }
	.jessicas_turkey { display:none; }
	p.main_message {
		font-size: 20px;
		width: 95%;
		margin:0px;
	}
	.thankful_headline span {
		font-size: 35px;
	}
	.thankful_counter {
		z-index: 0;
		right: 0;
	}
	.right_leafs {
		width: 320px;
		position: absolute;
		right: -38px;
		top: -54px;
		z-index: -3;
	}
		.right_leafs img {
			width:100%;
		}
	.thankfulInterstitial div {
		width: 100%;
		padding: 2.5% 0px;
		border-right: 0;
		border-bottom: 1px solid #ccc;
	}
	
	
	.grid-sizer {
		width:80%;
	}
	.thanks_item, .thanks_item.w2 {
		width:80%;
		padding: 5%;
	}
}