.infopop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: hsla(0, 0%, 0%, 0.8); z-index: 1; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none; } .infopop:target { opacity:1; pointer-events: auto; } .infopop > .pop { background: #2c2c2c; width: 500px; position: relative; margin: 10% auto; padding: 25px; z-index: 3; } .closepop { position: absolute; right: -5px; top:-5px; width: 100%; height: 100%; z-index: 2; }
	.infopop2 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: hsla(0, 0%, 0%, 0.5); z-index: 3; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none; } .infopop2:target { opacity:1; pointer-events: auto; } .infopop2 > .pop2 { background: #2c2c2c; width: 460px; position: relative; margin: 10% auto; padding-top: 5px; padding: 25px; z-index: 4; } .closepop2 { position: absolute; right: -5px; top:-5px; width: 100%; height: 100%; z-index: 6; }

.oacc {
float: left;
	width:80px;
margin-top: 5px;
	margin-left:8px;
margin-bottom: 0px;
}

.relations {
height: 153px;
background: #e5e5e5;
overflow: auto;
text-align: justify;
font-size: 10px;
}
.quotes {
height: 370px;
width:570px;
background: #e5e5e5;
overflow: auto;
text-align: justify;
font-size: 10px;
}

.earned {
height: 380px;
width:600px;
background: #e5e5e5;
overflow: auto;
text-align: justify;
font-size: 10px;
}


.apptabs {
position: relative;  
width: 650px;
height: 500px;
}
	

.apptab {
float: left; margin: 0px 3px;
}

.apptab label {
padding: 3px 10px; text-align: left; text-transform: uppercase; font-family:'Sintony'; font-size:12px; color: #888; margin-left: 10px; position: relative; top: -25px; border: 0px solid #ddd; background: #2c2c2c; display: block;
}

.apptab [type=radio] {
display: none;  
}

.appcontentl {
height: 520px;
background: #e5e5e5;
}


.appcontent {
position: absolute;
top: 38px;
bottom: 0px;
left: 0px;
right: 0px; 
position: absolute;
height: 500px; padding: 0px; background: #e5e5e5; border: 0px solid #e5e5e5;
-webkit-transform: scale(0);
-o-transform: scale(0);
-moz-transform: scale(0);
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
}


.pro-scroll::-webkit-scrollbar {
width:6px;
}

.pro-scroll::-webkit-scrollbar-track-piece {
background-color:#c1c1c1;
}

.pro-scroll::-webkit-scrollbar-thumb:vertical {
height:6px;
background-color:#2c2c2c;
}

.slide-scroll::-webkit-scrollbar {
width:3px;
}

.slide-scroll::-webkit-scrollbar-track-piece {
background-color:#c1c1c1;
}

.slide-scroll::-webkit-scrollbar-thumb:vertical {
height:3px;
background-color:#8e8e8e;
}

.inner-scroll::-webkit-scrollbar {
width:4px;
}

.inner-scroll::-webkit-scrollbar-track-piece {
background-color:#eaeaea;
}

.inner-scroll::-webkit-scrollbar-thumb:vertical {
height:4px;
background-color:#dadada;
}

[type=radio]:checked ~ label {
z-index: 2; background: #2c2c2c; color: #a91115;
}

[type=radio]:checked ~ label ~ .appcontent {
z-index: 1;  -webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
}


.appContainer { width: 650px; height: 500px;  padding: 0px; background: #e5e5e5; border: 0px solid #ddd; }

.appButtons { width: 650px; height: 25px; padding: 5px; background: #2c2c2c; border: 0px solid #000; }

.appChar { height: 25px; padding: 5px; background: #2c2c2c; border: 0px solid #000; }

.appOver { overflow: auto; padding-right: 0px; height: 500px; }