#CardWrapper {
  background-color: white;
  cursor: pointer;
  height: 300px;
  width: 575px;
}
 
#CounterWeight {
  width: 402px;
  margin-left: 30%;
}
 
.book-format {
  background: #ffffff; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #8c8bc4 0%, #88d183 50%, #ffffff 75%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#8c8bc4), color-stop(50%,#88d183), color-stop(75%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #8c8bc4 0%,#88d183 50%,#ffffff 75%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #8c8bc4 0%,#88d183 50%,#ffffff 75%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #8c8bc4 0%,#88d183 50%,#ffffff 75%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #8c8bc4 0%,#88d183 50%,#ffffff 75%); /* W3C */
    border: 1px solid black;
  border-radius: 5px 35px 5px 5px;
  height: 300px;
  width: 200px;
}
 
.book-format h2 {
  border-bottom-width: 0;
  font-family: Script MT Bold;
  font-size: 30px;
  overflow: visible !important;
}
.book-format #Merry {
  color: red;
  float: left;
  margin-left: 5px;
}
.book-format #Christmas {
  color: green;
  float: right;
  margin-right: 5px;
}
.book-format #Merry:first-letter,
.book-format #Christmas:first-letter {
  color: goldenrod;
  font-family: Old English Text MT;
  font-size: 35px;
  font-style: italic;
}
.book-format #Christmas:after {
  content: "...";
}
.remote-access .book-format #Christmas:after {
  display: none !important;
}
 
#FrontCover {
  position: relative;
  margin-left: 200px;
}
 
#ContentPage {
  border-color: black;
  color: maroon;
  display: none;
  font-family: Lucida Calligraphy;
  font-size: 15px;
  height: 290px;
  margin-left: 65%;
  margin-top: -302px;
  padding: 5px;
  position: absolute;
  width: 190px;
  z-index: 1;
}
 
@-moz-keyframes openBook {
  0% {-moz-transform: rotateY(0deg);}
  50% {-moz-transform: rotateY(90deg);} 
  100% {-moz-transform: rotateY(180deg);}
}
 
@-webkit-keyframes openBook {
  0% {-webkit-transform: rotateY(0deg);}
  50% {-webkit-transform: rotateY(90deg);}
  100% {-webkit-transform: rotateY(180deg);}
}
 
@-o-keyframes openBook {
  0% {-o-transform: rotateY(0deg);}
  50% {-o-transform: rotateY(90deg);}
  100% {-o-transform: rotateY(180deg);}
}
 
@-moz-keyframes closeBook {
  0% {-moz-transform: rotateY(180deg);}
  50% {-moz-transform: rotateY(90deg);}
  100% {-moz-transform: rotateY(0deg);}
}
 
@-webkit-keyframes closeBook {
  0% {-webkit-transform: rotateY(180deg);}
  50% {-webkit-transform: rotateY(90deg);}
  100% {-webkit-transform: rotateY(0deg);}
}
 
@-o-keyframes closeBook {
  0% {-o-transform: rotateY(180deg);}
  50% {-o-transform: rotateY(90deg);}
  100% {-o-transform: rotateY(0deg);}
}
 
.page-corner {
  border: 1px solid black;
  border-top-color: white;
  border-left-color: white;
  border-bottom-right-radius: 5px;
  height: 20px;
  width: 20px;
  left: 179px;
  position: absolute;
  top: 279px;
  z-index:2;
}
 
#CardWrapper:hover .page-corner {
  border-top-color: black;
  border-left-color: black;
  border-right-color: white;
  border-bottom-color: white;
  border-top-left-radius: 5px;
}
 
.page-corner-enhancer {
  border: 1px solid white;
  width: 28px;
  height: 28px;
  left: 165px;
  position: absolute;
  top: 265px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  z-index: 2;
}
 
#CardWrapper:hover .page-corner-enhancer {
  border-right-color: black;
}
 
#ForeText {
  color: purple;
  font-family: Century Gothic;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}