html {
background: #c2d3de; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #e0f3ff 0%, #c2d3de 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e0f3ff), color-stop(100%,#c2d3de)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #e0f3ff 0%,#c2d3de 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #e0f3ff 0%,#c2d3de 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #e0f3ff 0%,#c2d3de 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover, #e0f3ff 0%,#c2d3de 100%); /* W3C */
}

body {
    font: 75%/1.5 Helmet, Freesans, sans-serif;
    color: #222;
}

.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;visibility:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}

a:hover,
a:active{outline:none}
a:focus,
a:hover{color:#298bb2}
a,
a:active{color:#1bf;text-decoration:underline;}
a:link{-webkit-tap-highlight-color:#00b4e1}

.wrap {
    position:relative;
	width: 37em;
	padding: 0 15px 15px;
	margin: 10% auto 0;
	background: #fff;
	border: 1px solid #8da9bc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
}

h1 {
	margin: 0 -15px 1em;
	padding: .5em 10px;
	font-size: 1.2em;
	font-weight: 700;
	color: #2c3945;
	background: #eff3f7;
	border-bottom: 1px solid #d2e1ec;
	border-radius: 5px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px;
}
h1 a {color: #2c3945; text-decoration: none;}

p {margin: 0 0 1.5em;}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
	width: 100%;
	margin: 0;
    padding: 0 0 .4em;
    font-family:Lobster;
	font-size: 3em;
	font-weight: 700;
    line-height: 1;
	text-align: center;
	color: #222;
}

label {
	display: inline-block;
	width: 4.5em;
	margin-right: 1.5ex;
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
label:last-child {margin: 0;}
label.year {margin-right: 2em;}

label input {
	width: 3em;
	font:italic 1.3em/1 Georgia, Times, serfi;
	text-align: center;
}
form p { text-align: center }

.button{display:inline-block;margin:0;padding:7px 16px 6px;cursor:pointer;font-family:sans-serif;font-size:1.3em;text-align:center;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);color:#fff;background:#0088B5;background:-webkit-gradient(linear, left top, left bottom, from(#0088B5), to(#005D7C));background:-moz-linear-gradient(-90deg, #0088B5, #005D7C);_background:#0088B5;_filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0088B5', EndColorStr='#005D7C');border:1px solid #1D4253;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:0 1px 0 #00b8d3 inset;border-radius:5px}
.button:hover, .button.hover{background:#00A4C6;background:-webkit-gradient(linear, left top, left bottom, from(#00A4C6), to(#00739A));background:-moz-linear-gradient(-90deg, #00A4C6, #00739A);_background:#00A4C6;_filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00A4C6', EndColorStr='#00739A')}
.button:active, .button.active{background:#00537A;background:-webkit-gradient(linear, left top, left bottom, from(#00537A), to(#0084A6));background:-moz-linear-gradient(-90deg, #00537A, #0084A6);_background:#00537A;_filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00537A', EndColorStr='#0084A6')}

.hide {display: none;}
.result {
	text-align: center;
}
.result strong {font-size: 1.6em;}
#counter {
	display: block;
	font-family: 'Courier New', Courier, 'Nimbus Mono L', serif;
	font-size: 4em;
	font-weight: 700;
	letter-spacing: .5ex;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	background: #ededed;
	border: 1px solid #bbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.25);
}

.error {
	padding: 5px 15px;
	color: #b01112;
	background: #ffa1a2;
	border: 1px solid #b01112;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#slide{position:absolute;top:0;left:-300px;height:100%;font-size:120%;color:#fff;background:#333}
#slideaction{position:relative;float:right;top:40px;right:-35px;width:40px;height:40px;margin:0 0 0 -100px;font-size:20px;font-weight:700;line-height:40px;text-align:center;background:#333;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer}
#slidecontent.open{box-shadow:0 0 5px rgba(0,0,0,.6);-moz-box-shadow:0 0 5px rgba(0,0,0,.6);-webkit-box-shadow:0 0 5px rgba(0,0,0,.6)}
#slidecontent{width:300px;height:100%;overflow:hidden}
.intro,
#slidecontent form,
#slidecontent small{margin:0 20px;font:italic 1.1em/1.5 Georgia, "Times New Roman", Times, serif}
.intro{margin:20px}
#slidecontent form{margin-bottom:20px}
#slidecontent small{display:block;margin:0 20px 2em;font-size:.8em}
#slidecontent h2{margin:0 20px 5px;font:1.8em/1.5 Lobster}
.ie7 #slide{background:none;width:400px}
.ie7 #slidecontent{background:#333}