@charset "utf-8";
/* CSS Document */
body {
  margin: 0px;
  padding: 0px;
  overflow: auto;
}
.container {
  width: 1024px;
  height: 637px;
  margin: auto;
  overflow: auto;
  background-color: #f00;
}
.contentContainer {
  width: 530px;
  height: 637px;
  margin: auto;
  overflow: auto;
}
.header {
  height: 80px;
}
.headerText {
  font-family: "Roboto", sans-serif;
  margin-top: -80px;
}
.headerBackground {
  height: 80px; /* FF3.6-15 */
  background: -webkit-linear-gradient(#7db9e8 0%, #3b6799 100%);
  background: -o-linear-gradient(#7db9e8 0%, #3b6799 100%);
  background: linear-gradient(#7db9e8 0%, #3b6799 100%);
}
.instructions {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #ffd48f;
  text-shadow: 1px 1px #000;
  position: relative;
}
.title {
  text-align: center;
  font-weight: bold;
  font-size: 36px;
}
.holidayText {
  text-align: center;
  padding-bottom: 5px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px #000;
}
.middle {
  height: 230px;
  margin: auto;
}
.middleBackground {
  height: 230px;
  background-color: #5e8bae;
}
.options {
  margin: auto;
  width: 850px;
  padding-top: 10px;
  margin-top: -230px;
}
.opt {
  padding: 7px;
}

.opt.active {
  border: solid 3px yellow;
}
/*
.opt:hover{
	cursor:pointer;
	background-color:#FF3;
}
*/
.selected {
  background-color: #ff3;
}
.themes {
  margin: auto;
  width: 510px;
  height: 290px;
  padding-top: 10px;
  margin-top: -380px;
}
.footer {
  height: 246px;
  margin: auto;
  overflow: auto;
}
.footerBackground {
  background-color: #1b4469;
  height: 380px;
}
.theme {
  padding: 7px;
}

.theme.active {
  border: solid 3px yellow;
}
.overlay {
  position: relative;
  border: 3px solid yellow;
  width: 188px;
  height: 108px;
  top: -109px;
  margin-bottom: -200px;
  }
.theme:hover {
  cursor: pointer;
}
/*
.startBtn{
	margin-left:180px;
	margin-top:4px;
	text-align:center;
	line-height:28px;
	float:left;
	width:110px;
	height:28px;
   	background: #ffff99;
	background-image: linear-gradient(to bottom, #ffff99, #ffa221);
  	border-radius: 38px;
  	font-family: Arial;
  	color: #000000;
  	font-size: 28pt;
  	padding: 10px 20px 10px 20px;
  	text-decoration: none;
}
*/
.startBtn:hover {
  cursor: pointer;
}
.number {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 150px;
  text-align: center;
  position: relative;
  top: -170px;
}
#overlay9 {
  top: px;
}