div.pioTabButton:hover{
	background-color: #F1F1F1;
}

.pioTabContent {
    display: none;
	padding: 10px;
}

div.pioTabShown{
	display: block;
}


/* new design */

 .pioTabButton { 
     padding: 0px 3px; 
     background-color: #FFE389; 
     cursor: pointer; 
     font-weight: 700; 
     line-height: 35px; 
     border: 1px solid #BFAD75; 
     min-width: 20%; 
     text-align: center; 
     flex-grow: 1; 
 } 

 .pioTabActive { 
     padding: 0px 3px; 
     background-color: #fff; 
     font-weight: 700; 
     line-height: 35px; 
     border: 1px solid #BFAD75; 
     min-width: 20%; 
     text-align: center; 
     flex-grow: 1; 
 } 

 .pioTabButtonWrap { 
     display: flex; 
     flex-direction: row; 
     flex-wrap: wrap; 
     background-color: #FFF; 
     align-items: center; 
     border-top-left-radius: 10px; 
     border-top-right-radius: 10px; 
     justify-content: stretch; 
 }