/** PC 1280x720 Stylesheet **/
/** to compensate for odd absolute position in PCH all top: have be reduced by -35px and all left: have been reduced by -87px **/

BODY {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  font-family : Arial, Helvetica, sans-serif;
  background-repeat: no-repeat;
}

.logo {
  position: absolute;
  left: 263px;
  top: -5px;
}

.surprise {
  position: absolute;
  top: 95px;
  left: 13px;
}

.congratulations {
  position: absolute;
  top: 95px;
  left: 13px;
}

.RedButtonImg {
  position: absolute;
  top: 25px;
  left: 13px;
}
.RedButton {
  position: absolute;
  top: 36px;
  left: 87px;
}

.BlueButtonImg {
  position: absolute;
  top: 25px;
  left: 833px;
}
.BlueButton {
  position: absolute;
  top: 36px;
  left: 907px;
}

.instructions {
  position: absolute;
  top: 630px;
  left: 290px;
  color: white;
  font-weight: bold;
}

a { color: white; font-weight: bold; text-decoration: none; }

.square1 { position: absolute; left: 13px; top: 95px; BORDER-WIDTH: 0px;}
.square2 { position: absolute; left: 148px; top: 95px; BORDER-WIDTH: 0px;}
.square3 { position: absolute; left: 283px; top: 95px; BORDER-WIDTH: 0px;}
.square4 { position: absolute; left: 418px; top: 95px; BORDER-WIDTH: 0px;}
.square5 { position: absolute; left: 553px; top: 95px; BORDER-WIDTH: 0px;}
.square6 { position: absolute; left: 688px; top: 95px; BORDER-WIDTH: 0px;}
.square7 { position: absolute; left: 823px; top: 95px; BORDER-WIDTH: 0px;}
.square8 { position: absolute; left: 958px; top: 95px; BORDER-WIDTH: 0px;}

.square9 { position: absolute; left: 13px; top: 199px; BORDER-WIDTH: 0px;}
.square10 { position: absolute; left: 148px; top: 199px; BORDER-WIDTH: 0px;}
.square11 { position: absolute; left: 283px; top: 199px; BORDER-WIDTH: 0px;}
.square12 { position: absolute; left: 418px; top: 199px; BORDER-WIDTH: 0px;}
.square13 { position: absolute; left: 553px; top: 199px; BORDER-WIDTH: 0px;}
.square14 { position: absolute; left: 688px; top: 199px; BORDER-WIDTH: 0px;}
.square15 { position: absolute; left: 823px; top: 199px; BORDER-WIDTH: 0px;}
.square16 { position: absolute; left: 958px; top: 199px; BORDER-WIDTH: 0px;}

.square17 { position: absolute; left: 13px; top: 303px; BORDER-WIDTH: 0px;}
.square18 { position: absolute; left: 148px; top: 303px; BORDER-WIDTH: 0px;}
.square19 { position: absolute; left: 283px; top: 303px; BORDER-WIDTH: 0px;}
.square20 { position: absolute; left: 418px; top: 303px; BORDER-WIDTH: 0px;}
.square21 { position: absolute; left: 553px; top: 303px; BORDER-WIDTH: 0px;}
.square22 { position: absolute; left: 688px; top: 303px; BORDER-WIDTH: 0px;}
.square23 { position: absolute; left: 823px; top: 303px; BORDER-WIDTH: 0px;}
.square24 { position: absolute; left: 958px; top: 303px; BORDER-WIDTH: 0px;}

.square25 { position: absolute; left: 13px; top: 407px; BORDER-WIDTH: 0px;}
.square26 { position: absolute; left: 148px; top: 407px; BORDER-WIDTH: 0px;}
.square27 { position: absolute; left: 283px; top: 407px; BORDER-WIDTH: 0px;}
.square28 { position: absolute; left: 418px; top: 407px; BORDER-WIDTH: 0px;}
.square29 { position: absolute; left: 553px; top: 407px; BORDER-WIDTH: 0px;}
.square30 { position: absolute; left: 688px; top: 407px; BORDER-WIDTH: 0px;}
.square31 { position: absolute; left: 823px; top: 407px; BORDER-WIDTH: 0px;}
.square32 { position: absolute; left: 958px; top: 407px; BORDER-WIDTH: 0px;}

.square33 { position: absolute; left: 13px; top: 511px; BORDER-WIDTH: 0px;}
.square34 { position: absolute; left: 148px; top: 511px; BORDER-WIDTH: 0px;}
.square35 { position: absolute; left: 283px; top: 511px; BORDER-WIDTH: 0px;}
.square36 { position: absolute; left: 418px; top: 511px; BORDER-WIDTH: 0px;}
.square37 { position: absolute; left: 553px; top: 511px; BORDER-WIDTH: 0px;}
.square38 { position: absolute; left: 688px; top: 511px; BORDER-WIDTH: 0px;}
.square39 { position: absolute; left: 823px; top: 511px; BORDER-WIDTH: 0px;}
.square40 { position: absolute; left: 958px; top: 511px; BORDER-WIDTH: 0px;}