.pbox {
padding: 10px;
border: 1px solid #a7a8a4;
height: 120px;
overflow: auto;
font-size: 11pt;
}

.pbut {
padding: 10px;
border: 1px solid #a7a8a4;
min-width:100px;
font-size: 11pt;
}
	
.plotbox {
padding: 10px;
border: 1px solid #a7a8a4;
height: 100px;
overflow: auto;
font-size: 11pt;
}



.pp::-webkit-scrollbar {
width:3px;
background-color:#945444;
}

.pp::-webkit-scrollbar-track-piece {
}

.pp::-webkit-scrollbar-thumb:vertical {
background-color:#9d9b97;}


.dicepop { position: fixed; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
background: hsla(0, 0%, 0%, 0.5); 
z-index: 97; 
opacity:0; 
-webkit-transition: .5s ease-in-out;
 -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
   pointer-events: none; } 

.dicepop:target { opacity:1; 
   pointer-events: auto; } 

.dicepop > .pop { background: #eee; 
   width: 600px;  
   height: 400px; 
   overflow-y:auto; 
   position: relative; 
   margin: 10% auto; 
   padding:0px;
    z-index: 99; } 

.closepop { position: absolute;
right: -5px;
top:-5px; 
width: 100%; 
height: 100%; 
z-index: 98; }