h2{color:#555555;}
code{
  border:1px solid #CDCDCD;
  background-color:#EFEFEF;
  padding: 3px 6px;
  margin: 3px auto;
  }
  
hr{
  border:0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000000;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
  width: 99%;
  text-align: center;
  clear: both;
  margin: 48px auto;
  padding: 1px 0px 1px 0px;
  }


/*BAP2BookLink*/
.BAP2BookLinkMini.actv{
  background-color:rgba(180, 185, 227, 0.75) !important;
  }

.BAP2BookLinkCont{
  min-height:96px;
  }

.BAP2BookLink{
  display:inline-block;
  position:relative;
  width: 22%;
  height: 276px;
  text-align: center;
  margin: 8px 1% 48px 1%;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.20);
  vertical-align: top;
  padding-bottom: 8px;
  background-color: #FFFFFF;
  background-clip: padding-box;
  background-size: 98%;
  background-position: center 64px;
  background-repeat: no-repeat;
  background-origin: padding-box;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  /*BAP2BookLink*/
  }


.BAP2BookLink:hover{
  top:1px;
  left:1px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  }


.BAP2BookLink div:nth-child(1){
  display:block;
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:16px;
  background-image:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0))
  }
.BAP2BookLink div:nth-child(2){
  display: block;
  position: absolute;
  top: 8px;
  left: 3%;
  width: 90%;
  height: 44px;
  color: #000000;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #F5F5F5; /*#1E92C8;*/
  margin: 0px;
  padding: 5px 2%;
  overflow:hidden;
  text-overflow:ellipsis;
  }


.BAP2BookLink div:nth-child(3){
  display: block;
  position: absolute;
  top: 66px;
  left: 8%;
  width: 84%;
  height: 156px;
  background-clip: padding-box;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-origin: padding-box;
  }

.BAP2BookLink div:nth-child(3) div{
  display: inline-block;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  width:28% !important;
  height: 64px !important;
  margin:1px 1% !important;
  padding:0px !important;
  background-clip: padding-box;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat;
  background-origin: padding-box;
  }

.BAP2BookLink img{
  display: block;
  position: relative;
  max-width: 78%;
  max-height: 214px;
  margin: 0px auto 0px auto;
  z-index: 2;
  }


.BAP2Transp60{
  opacity:0.60 !important;
  }
.BAP2Transp60:hover{
  opacity:0.90 !important;
  }

.BAP2Transp253{
  opacity:0.70 !important;
  }
.BAP2Transp253:hover{
  opacity:0.90 !important;
  }

.BAP2Transp254{
  opacity:0.60 !important;
  }
.BAP2Transp254:hover{
  opacity:0.90 !important;
  }

.BAP2BookLink.micro{
  width:54px !important;
  height:54px !important;
  zoom:0.49;
  transform:scale(0.48);
  -moz-transform:scale(0.48);
  }

#BAPPCont{
  display:block;
  position:relative;
  width:100%;  
  }

.bapMAINbox{
  display: block;
  position: relative;
  width: 100%;
  text-align:justify;
  font-size: 1.1em;
  }
.BAPPAGEBOX{
  display: block;
  position: relative;
  width: 100%;
  min-height: 32px;
  clear:both;
  }

.BAPPAGEBOX p{text-align:left;}

.BAPPAGEBOX.HALFP, .BAPPAGEBOX p.HALFP, .BAPPAGEBOX ul.HALFP{
  display: inline-block;
  width:47%;
  margin-left:1%;
  margin-right:1%;
  vertical-align:top;
  }


.BAPPAGEBOX.THIRDP, .BAPPAGEBOX p.THIRDP, .BAPPAGEBOX ul.THIRDP{
  display: inline-block;
  width:30.3%;
  margin-left:1.3%;
  margin-right:1.3%;
  vertical-align:top;
  }

.BAPPAGEBOX ul{
  display: inline-block;
  margin:4px 0px 4px 4px;
  }
.BAPPAGEBOX ul li{margin:4px 0px 4px 0px;}

.BAP2Bottom{
  display: block;
  position: relative;
  width:100%;
  padding: 32px 0px 32px 0px;
  margin: 64px auto 0px auto;
  border-top: 1px solid #F5F5F5;
  clear: both;
  }

.BAPIMGCONT{
  display: inline-block;
  position:relative;
  text-align:center;
  margin:auto;
  border:none;
  border-radius:1px;
  overflow: hidden;
  }

.BAPIMGDIV{
  min-width:128px;
  min-height:128px;
  height:100%;
  background-repeat: no-repeat;
  margin:auto;
  background-clip: content-box;
  background-origin: padding-box;/*border-box content-box padding-box*/
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  }
  
.BAPIMGCAP{
  display:block;
  width:100%;
  font-size: 0.9em;
  text-align:center;
  margin:2px auto;
  }

.BAPIMGCONT.PVW{
  margin:2px 4px;
  }

.BAPIMG{
  min-width:128px;
  min-height:128px;
  }

.BAPEMBCONT{
  display:inline-block;
  position:relative;
  min-height:32px;
  margin-top:16px;
  margin-bottom:16px;
  }

.BAPEMBDIV{
  display:block;
  position:relative;
  min-height:32px;
  }

.BAPIMGGAL{
  display:block;
  position:relative;
  width:100%;
  min-height:96px;
  margin:0px;
  padding:0px;
  }

.BAP2IMGCENTER{text-align:center;}

.BAP2IMGFRAME{
  display: inline-block;
  position:relative;
  min-width:32px;
  min-height:32px;
  text-align:center;
  margin:0px 0px 0px 0px;
  padding:0px;
  border:none;
  /*background-clip: border-box;*/
  vertical-align: top;
  }



.BAPflipit, .BAPflipit2{
  width: fit-content;
  height: fit-content;
  margin: auto;
  border:3px solid transparent;
  }
.BAPflipit:hover, .BAPflipit2:hover{
  /*border:3px solid yellow;*/
  }
#XBAPflipitTab{
  display:block;
  position:absolute;
  width:5px;
  height: inherit;
  top:0px;
  right:0px;
  z-index:10000;
  background-color:red;
  }



 .BAPcurl {
  cursor:pointer;
  width:0px;
  height:0px;
  position: absolute;
  top: -1px;
  right: -1px;
  background-size: 300%;
  transform-origin: center;
  transform: scale(-1,-1);
  background-repeat: no-repeat;
  background : linear-gradient(
    225deg,
    #CDCDCD,
    #FAFAFA 55%,
    #FFFFFF 50%,
    #F5F5F5 50%,     
    #FAFAFA 100%);
  box-shadow: 4px -6px 6px rgba(0, 0, 0, .5);
  transition: all .5s ease;
  z-index:1001;
  }

.BAPcurlImg{
  position: absolute;
  top:0;
  left:0;
  width:96px;
  height:96px;
  background-size: 300%;
  transform-origin: center;
  transform: scale(-1,-1);
  background-repeat: no-repeat;
  z-index:1000;
  }
/*
.BAPcurl:before, .BAPcurl:after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 12.5%;
  bottom: 5.8%;
  width: 70%;
  max-width: 300px;
  max-height: 100px;
  height: 55%;
  box-shadow: 0 12px 15px rgba(0, 0, 0, .3);
  transform: skew(-10deg) rotate(-6deg);
  }
.BAPcurl:after {
  left: auto;
  right: 5.8%;
  bottom: auto;
  top: 14.16%;
  transform: skew(-15deg) rotate(-84deg);
  }

.BAPcurl:hover {
  width: 240px;
  height: 240px;
  }
.BAPcurl:hover:before, .BAPcurl:hover:after {
  box-shadow: 0 24px 30px rgba(0, 0, 0, .3);
  }
*/





.BAP2IMGMASK{
  display:block;
  position:relative;
  width:100%;
  height:100%;
  margin:0px;
  text-align: center;
  overflow:hidden;
  background-color: #FFFFFF;
  }

.BAP2IMGMASK.CLEAN{
  /*transform:rotate(0deg);*/
  }

.BAP2IMGMASK img{
  display:block;
  position:relative;
  width:100%;
  height:100%;
  margin:0px;
  }

.BAP2VIDFRAME{
  display: inline-block;
  position:relative;
  min-width:32px;
  min-height:32px;
  text-align:center;
  margin:0px 0px 0px 0px;
  padding:0px;
  border:none;
  vertical-align: top;
  }

.BAP2IMGMASK.DS1{
  box-shadow:2px 2px 3px rgba(0, 0, 0, 0.73);
  -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.73);
  -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.73);
  }
.BAP2IMGMASK.DS2{
  box-shadow:4px 4px 4px rgba(0, 0, 0, 0.63);
  -webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.63);
  -moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.63);
  }
.BAP2IMGMASK.DS3{
  box-shadow:6px 6px 6px rgba(0, 0, 0, 0.53);
  -webkit-box-shadow:6px 6px 6px rgba(0, 0, 0, 0.53);
  -moz-box-shadow:6px 6px 6px rgba(0, 0, 0, 0.53);
  }
.BAP2IMGMASK.DS4{
  box-shadow:9px 9px 9px rgba(0, 0, 0, 0.43);
  -webkit-box-shadow:9px 9px 9px rgba(0, 0, 0, 0.43);
  -moz-box-shadow:9px 9px 9px rgba(0, 0, 0, 0.43);
  }

.BAP2IMGMASK.DS5{
  box-shadow:11px 11px 11px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow:11px 11px 11px rgba(0, 0, 0, 0.33);
  -moz-box-shadow:11px 11px 11px rgba(0, 0, 0, 0.33);
  }

.BAP2IMGMASK.DS6{
  box-shadow:13px 13px 14px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow:13px 13px 14px rgba(0, 0, 0, 0.23);
  -moz-box-shadow:13px 13px 14px rgba(0, 0, 0, 0.23);
  }


  
.hideMe{
  display:none;
  position:absolute;
  top:22px;
  left:0px;
  width:152px;
  background-color:#F5F5F5;
  z-index:105;
  box-shadow:1px 1px 4px #000000;
  -webkit-box-shadow:1px 1px 4px #000000;
  -moz-box-shadow:1px 1px 4px #000000;
  }

.hideMe a{
  display:block;
  width: 88%;
  margin: 3px auto;
  text-align: left;
  padding: 4px 4%;
  color:#333333;
  background-color: #E9E9E9;
  background-image: linear-gradient(to top, rgba(128,128,128,0.15), rgba(128,128,128,0.05));
  text-decoration:none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }
.hideMe a:hover{
  background-color: #D7F7FF;
  text-decoration:none;
  }

#BAPViewFile{
  display:block;
  position:fixed;
  top:5vh;
  left:10vw;
  width:50vw;
  height:60vh;
  max-width:80vw !important;
  max-height:90vh !important;
  background-color:#F5F5F5;
  margin:auto;
  background-repeat: no-repeat;
  background-clip: content-box;
  background-origin: padding-box;/*border-box content-box padding-box*/
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index:100095;
  box-shadow:1px 1px 4px #000000;
  -webkit-box-shadow:1px 1px 4px #000000;
  -moz-box-shadow:1px 1px 4px #000000;
  }

.BAPCHAPMENU li{/*margin: 12px 0px 12px -20px;*/}

.bapDateBar{
  display:block;
  position:relative;
  width:100%;
  clear:both;
  font-size:9pt;
  font-style: italic;
  text-align:right;
  margin: 10px 0px;
  }

.button{
  display:inline-block;
  position:relative;
  min-height:28px;
  font-size:10pt;
  font-weight:bold;
  background-color:#E4E8EE;
  background-image:none;
  border:2px outset #D7E1EA;
  cursor:pointer;
  }
  
.button:hover{
  top:1px;
  left:1px;
  font-size:10pt;
  font-weight:bold;
  background-color:#DFE8E4;
  background-image:none;
  border:2px solid #D7E1EA;
  }


.bapPVpopCANV{
  position:relative;
  top:25px;
  left:120px;
  float:left;
  text-align:center;
  padding:5px 5px 5px 5px;
  margin: 5px auto 5px auto;
  z-index: 30;
  filter:progid:DXImageTransform.Microsoft.shadow(color=#3B3B3B,direction=135);
  box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
  -webkit-box-shadow: 3px 3px 5px #818181;
  -moz-box-shadow: 3px 3px 5px #818181;
  }

.bapembimbtit{
  display:block;
  text-align:center;
  font-size:8pt;
  padding:3px;
  }

.bapembfile{
  display: inline-block;
  position: relative;
  text-align:center;
  vertical-align: top;
  background-color:#FFFFFF;
  border:0px solid #888888;
  }
  
.bapembfile.txt{
  text-align:center;
  font: normal 8pt arial;
  background-color:transparent;
  padding:2px;
  }


.bapWARN{
  text-align: center;
  color:#FFFFFF;
  font-weight:bold;
  background-color:#AA0000;
  border:1px solid #E40000;
  padding:10px;
  }


.bapTxtArea{ 
  width:647px;
  font:10pt arial,sans-serif;
  margin-bottom:3px;
  padding: 3px 3px 3px 3px;
  }

.bapthmblockcont{
  display:block; 
  height:130px;
  overflow: hidden; /*leave as is*/
  }
  
.bapthmblock{
  position:relative; 
  display:inline; 
  width:108px; 
  height:128px; 
  font-size:0.9em; 
  text-align:center; 
  padding:5px; 
  border:1px solid #222222;
  margin:0px 2px 0px 2px;
  }
  
.bapthmblock img{
  width:96px;
  border: 2px solid #AAAAAA;
  }

div.bapplmaincont{
  position:relative;
  display:block; 
  float:none;
  width:100%;
  border:1px solid #888888;
  background-color:#FFFFFF;
  padding:2px 2px 2px 2px;
  margin:5px 0px 2px 0px;
  }


.bapMicroPreview{
  display:none;
  position:relative;
  top: 0px;
  left: 125px;
  border:1px solid #888888;
  padding:0px 0px 0px 0px;
  width:700px; 
  z-index:10;
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true');
  }

.bapMicroBTNvidPL{
  position:relative;
  top:2px;
  left:0px;
  height:32px; 
  width:38px; 
  border:none; 
  background: transparent url('graphics/icon_vid32.png') no-repeat left top;
  font: bold 10pt arial, sans-serif;
  color:#FFFF00; 
  text-indent:-3px;
  cursor:pointer;  
  }

.bapMicroBTNvidPL:hover{
  top:3px;
  left:1px;
  }  


.ILplayer{
  position:relative;
	display:block;
  margin:0px auto 0px auto;
  text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	border:2px solid #88BDA3;	
  z-index:1;
	background:#000000 url('graphics/FPh500.png') repeat-x 0 0;
	background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
  }


.ILplayer:hover{
  border:2px solid lime;
  background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));
  }


.ILplayerIMG{
  position:relative;
  top:0px;
  left:0px;
  margin-top:-40px;
  z-index:1;
  }

.ILplayerLEFT{
  position:relative;
	display:block;
  float:left;
  margin-right:5px;
  text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	border:2px solid #88BDA3;	
  z-index:1;
	background:#000000 url('graphics/FPh500.png') repeat-x 0 0;
	background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
  }

.ILplayerLEFT:hover{
  border:2px solid lime;
  background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));
  }


.bapILinfo{
  display:block;
  position:relative;
  top:0px;
  left:0px;
	height:40px;
	color:#FFFFFF;
	text-align:left;
	padding:5px 15px;	
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	background:#000000 url('graphics/h80.png') repeat-x;
  z-index:2;
	opacity:0.6;  
  filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
  -moz-opacity: 1;
  filter:alpha(opacity=60);
  }
.bapILinfo span {
	color:#99FF99;
	display:block;
	font-weight:normal;
}

.bapILinfoNO{
  display:none;
  }

.ILplayerRIGHT{
  position:relative;
	display:block;
  float:right;
  margin-left:5px;
  text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	border:2px solid #88BDA3;	
  z-index:1;
	background:#000000 url('graphics/FPh500.png') repeat-x 0 0;
	background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
  }

.ILplayerRIGHT:hover{
  border:2px solid lime;
  background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));
  }

.BAP2LoadingBG{
	background-image:url('graphics/loading.gif');
  background-size: auto;
  height: 10vh;
  padding: 6px 0px 24px 0px !important;
  background-position: center;
  background-repeat: no-repeat;
  }

#AniPawPrntCont{
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  width:50vw;
  height:48px;
  z-index: 180000;
  background-color: transparent; /*rgba(255, 255, 255, 0.40);*/
  }

.leftfoot, .rightfoot{
  display:block;
  position:relative;
  top:0px;
  left:0px;
  width:24px;
  height: 24px;
  background-image:url("graphics/pawprint.png");
  background-size: 24px;
  background-origin: padding-box;
  background-clip: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0px;
  opacity: 0.75;
  transform:rotate(-90deg);
  }
.rightfoot{
  top:12px;
  }

.PAWPRNT1{
  width:98%;
  background-image:url("graphics/pawprint.png");
  background-size: 16px;
  background-position: left center;
  background-origin: padding-box;
  background-clip: padding-box;
  background-repeat: repeat-x;
  height: 16px;
  padding: 4px 1%;
  opacity: 0.5;
  }
.PAWPRNT2{
  width:98%;
  background-image:url("graphics/pawprint.png");
  background-size: 24px;
  background-origin: padding-box;
  background-clip: padding-box;
  background-position: left center;
  background-repeat: repeat-x;
  height: 24px;
  padding: 4px 0px;
  opacity: 0.5;
  }
.PAWPRNT3{
  width:98%;
  background-image:url("graphics/pawprint.png");
  background-size: 32px;
  background-position: left center;
  background-origin: padding-box;
  background-clip: padding-box;
  background-repeat: repeat-x;
  height: 32px;
  padding: 4px 0px;
  opacity: 0.5;
  }


.FR{float:right; margin-right:1%;}
.FL{float:left; margin-left:1%;}
.VAT{vertical-align:top;}
.VAM{vertical-align:middle;}
.VAB{vertical-align:bottom;}
.ILB{display:inline-block;}

.noDisp{display:none;}
.WD100{width: 100% !important;}
.WD99{width: 99% !important;}
.WD95{width: 95% !important;}
.WD75{width: 74% !important;}
.WD66{width: 65% !important;}
.WD50{width: 48% !important;}
.WD25{width: 24% !important;}
.CP{cursor:pointer;}

.FWN{font-weight:normal !important;}
.FWB{font-weight:bold !important;}
.TAL{text-align:left !important;}
.TAC{text-align:center !important;}
.TAR{text-align:right !important;}
.TAJ{text-align:justify !important;}
.FSI{font-style: italic !important;}
.FSN{font-style: normal !important;}
.UNDL{text-decoration:underline !important;}
.LTHR{text-decoration:line-through !important;}
.FFTIMES{font-family: "Times New Roman", Times, serif;}
.FFARIAL{font-family: Arial, Helvetica, sans-serif;}
.FFCOMIC{font-family: "Comic Sans MS", cursive, sans-serif;}
.FFIMPACT{font-family: Impact, Charcoal, sans-serif;}
.FFTREBUCHET{font-family: "Trebuchet MS", Helvetica, sans-serif;}
.FFCOURIER{font-family: "Courier New", Courier, monospace;}
.FFMONACO{font-family: "Lucida Console", Monaco, monospace;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
  }



/*IPAD TABLET*/
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px){
  }

/*HIGH RES PHONE ????*/
@media only screen and (max-device-width: 667px) and (min-device-width: 256px){

  }

/*LOW RES PHONE*/
@media only screen and (max-device-width: 480px) and (min-device-width: 320px){
  .BAP2BookLink{
    width: 47%;
    margin: 8px 1% 12px 1%;
    height: 224px;
    }
  .noMobile{
    display:none;
    }
  .BAPPAGEBOX, .BAPPAGEBOX.HALFP, .BAPPAGEBOX.THIRDP{
    display:block;
    width:100%;
    }
  }