MAIN	{ background-color: #EEE; }

/* Frame */
#Befter { display: block; position: relative; margin: 0px auto; border: 1px solid #000;
	width: 700px; height: 432px;
/*	max-width: 700px; height: auto; */
}

/* Pictures */
#Befter IMG { max-width: 100%; position: absolute; top: 0; display: block; }
#Bef	{ z-index: 1; }	/* #Befter IMG:first-child	*/
#Aft	{ z-index: 3; } /* #Befter IMG:nth-child(2)	*/

/* Labels */
#Befter B, #Befter A
	{ display: block; position: absolute; color: #FFFF00; padding: 3px 15px; bottom: 0px;
	  background-color: #30000060; text-shadow: 2px 2px 2px #000; text-transform: uppercase; }
#Befter B	{ z-index: 2; }
#Befter A	{ z-index: 4; right: 0px; }

/* Dragger */
#Befter P	{ z-index: 3; position: sticky; border: 1px solid #FFF; width: 1px;
	cursor: ew-resize; box-shadow: 1px 0px 3px 0px #222;
	height: 100%; top: 0px; margin: 0px; padding: 0px; xleft: 50%; background-color: #FFF;
}

/* Bar */
/*
#Befter B	{ z-index: 4; position: relative; top: 0; left: 50%; width: 1px; height: 100%;
	display: block; border: 3px solid white;
    box-shadow: 0px 0px 12px rgb(51 51 51 / 50%);
}
*/
/* Circle */
#Befter U	{ z-index: 5; position: relative;
	display: block; border: 3px solid white;
    box-shadow: 0px 0px 12px rgb(51 51 51 / 50%);
    border-radius: 22px;
    cursor: ew-resize;
    height: 44px;
    width: 44px;
    margin-left: -22px;
    margin-top: -22px;
    top: 50%;
    left: 0px%;
}
		/* Zero positioning is left, bottom corner 3 7 */
#ArL	{ position: absolute; left: 4px; top: 9px; border: 0px solid #A0000050; width: 12px; height: 22px; }
#ArR	{ position: absolute; left: 24px; top: 9px; border: 0px solid #00A00030; width: 10px; height: 20px; }

/*

#iTest { left: 450px;

display: block; width: 31px; height: 30px; background-color: red;
	border: 6px solid green;
	transform: rotate(45deg); cursor: move; position: relative; ztop: 48%;
}


*/

/*
#Befter U	{ z-index: 5; }



#Dragger,
.Handle	{
height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid white !important;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0px 0px 12px rgb(51 51 51 / 50%);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 40;
    cursor: ew-resize;

}
*/