body {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	touch-action: none;
	background-image: url('../imgclassic/pappyebackround.gif');
	
	overflow-x: hidden;
	overflow-y: hidden;
	color: black;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	-ms-user-drag: none;
	user-drag: none;
}


.maindiv {
	background-position: center center;
	overflow-x: hidden;
	text-align: center;
	overflow-y: hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	-ms-user-drag: none;
	user-drag: none;
	font-size: x-large;
}

.reading {
	overflow-y: auto;
}
.title {
	background-position: center center;
	overflow-x: hidden;
	overflow-y: hidden;
}
.dots {
    width:2%;
	

}
.divdot {
	display: block;
	margin-left: 200px;
	
}
.tdreadingmessage {
	width:100%;
	font-size:x-large;
}

.tdpopupmessage {
	font-size:xx-large;
}
.slider {
	list-style-type: none;
	float: left;
	overflow: hidden;
}
.slides{
	display: block;
	
	float: left;
	position: absolute;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
.loading {
	background-position: center center;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	
	display: block;
	margin-left:auto;
	margin-right:auto;
	font-size:x-large;
}
#slider.slideleft{
	float: left;
	list-style-type:none;
	overflow: hidden;
	
}
.btncursor {
	cursor: pointer;
}
#slider.slideright{
	float: right;
	list-style-type:none;
overflow: hidden;
}

.slide{
	cursor:pointer;
	list-style-type:none;
	float:left;
overflow: hidden;
}
.btnnavs {
	display: inline;
	list-style-type: none;
	cursor: pointer; 
	overflow: hidden;
}
.btnnav {
	cursor:pointer;
}
.navspreadselector {
	overflow-y: auto;
}
.navreadingselector {
	overflow-y: auto;
}
.navbtntext {
	font-size: xx-small;
}
.titleheader
{
	
	overflow: hidden;
	}
.tdtitlepic
{
	overflow: hidden;
}

.titlepic
	{
	
  overflow: hidden;
	
		}
.titleheaderpic
{
	overflow: hidden;
}
.titlebtn
{
	}
	
.dob
{
	}
.tblcardselector td::before {
	content: "\00a0";
}
#imagetext {
	z-index: 100;
	position: absolute;
	font-size: medium;
	overflow: hidden;
	top: 8%;
}
#btntext {
	z-index: 100;
	position:absolute;
	font-size: small;
	overflow: hidden;
}
.canlinedisplay {
	background-color: #2996C5;
	height: 4%;
	border: 1px solid #4CB0B0;
}
.labels
{
	height:8%;
  font-size:large;
	}
.tdtitlebtn{
	margin-left: 33%;
	
}


.canstardisplay
{
	
    z-index: 1;
    position: absolute;
   
}
.cancardisplay
{

 
  transform: perspective(1700px)  scale(1.0)  rotateX(55deg);
perspective-origin: 50% 34%;



    z-index: 2;
    
   
}
.btnsextype {
	cursor: pointer;
}

.popmessage {
    text-align: center;
    margin: auto;
    width: 100%;
}
.floatingpopup {
	z-index: 3;
	position: absolute;
	text-align: center;
	top: 10%;
    background-repeat:no-repeat;
	background-image: url('../imgclassic/threemorebg.png');
	
}
.canreadingdisplay {
	z-index: 0;
	transform: perspective(1700px) scale(1.0) rotateX(55deg);
	perspective-origin: 50% 34%
}

.cancardisplay
{
transform: perspective(1700px)  scale(1.0)  rotateX(55deg);
perspective-origin: 50% 34%;
z-index: 2;
}
.btnsextype
{
}
.visiblechooserheader {
	z-index: 3;
	position:fixed;
	float:inline-start;
	text-align: center;
	top: 0%;
	background-repeat: no-repeat;
	background-color: whitesmoke;
	border: double;
	border-color: aqua;
	width:98.5%;
}
.visiblechooser {
	overflow-y: auto;
}

.imgchoosericon {
	transition: transform 0.8s;
	transform-style: preserve-3d;
	
}