@charset "utf-8";
/* CSS Document */



#calendar-head { text-align: center; margin: 0 auto; padding: 20px 0 0; font-size: 20px;  }
#calendar-intro,
#calendar-footnote { margin: 0 auto; padding: 0; font-size: 14px; clear: both; /* JH */ color: #EEE; /* JH */  }

#calendar { margin: 10px auto 20px; clear: both; clear: both;  }
#calendar div { display: inline-block; width: 135px; height: 135px; margin: 0; vertical-align: top; }
#calendar div:nth-of-type(7n) { margin-right: 0; }

#calendar div a { width: 115px; height: 115px; text-align: center; text-decoration: none; display: block; font: 60px/115px Arial, sans-serif; color: #FFF; background: #338fed; }
#calendar div a:hover { background: #FFF; color: #222; }

#calendar div.expired a,
#calendar div.expired a:hover { background: #CCC; cursor: default; color: #FFF; }

#offer { padding: 20px; }
a#cta { margin: 20px 0 0; font-size: 14px; padding: 10px 0 20px 0; text-decoration: none; display: inline-block; border: 0; color: #FFF; background: #338fed; }

form { padding: 20px; background: #CCC; margin: 29px 0; }
form input,
form button { padding: 10px; border: 0; font: 16px/20px; }
form input { width: 300px; }
form button { background: #C00; color: #FFF; text-transform: uppercase; cursor: pointer; }

.date-day {font-size:0.9em;line-height:70px;}
.date-month {font-size:0.7em;line-height:25px;}

.count {
	font-size:0.9em;
	line-height:70px;
	font-weight: 400;
	font-family: "din-condensed-web", sans-serif;
}
.date-tiny {font-size:0.4em;line-height:25px;}

/* JH */
.count { float: left; width: 115px; }
.date-tiny { float: left; width: 115px; margin: -40px 0 0; }
/* JH */

p.error {color:red;}

table { outline: 1px solid red; }





a#cta { margin: 10px 0 0; font-size: 14px; font-weight: bold; padding: 7px 9px; text-decoration: none; display: inline-block; color: #C00; border: 1px solid; background: #FFF; }
a#cta:hover { background: #C00; color: #FFF; }
h1 {
	font-size: 24px;
	text-align: center !important;
	margin-bottom: 15px;
	font-weight: 400;
	font-family: "din-condensed-web", sans-serif;
	text-align: center;
	line-height: 50px;
	height: 50px;
	vertical-align: middle;
	font-size: 20px;
	text-transform: uppercase;
	background: #fea841; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYTg0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNTdlMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fea841 0%, #e57e03 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fea841), color-stop(100%,#e57e03)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fea841 0%,#e57e03 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fea841 0%,#e57e03 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fea841 0%,#e57e03 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fea841 0%,#e57e03 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea841', endColorstr='#e57e03',GradientType=0 ); /* IE6-8 */
	color: #000000;
}
h2 {}

button:hover { background: #222; }