@charset "utf-8";

body {
    height: 438px;
    text-align: center;
}

.whiteWindow {
	height: 320px;
	left: 63px;
	position: absolute;
	top: 54px;
	width: 320px;
}
#canOne{
	position: absolute;
	top: 27px; /*22*/
	z-index: 2;
}
#canTwo{
    border-radius: 10px;
	left: 0px;
	position: absolute;
	top: 5px; /*0*/
	z-index: 1;
}

#canThree{
    border-radius: 10px;
	left: 0px;
	position: absolute;
	top: 0px;
}

#dragTag{
	color: rgb(0, 51, 102);
	font-size: 14px;
	left: 44px;
	position: absolute;
	opacity: 1;
	top: 20px; /*15*/
}

.arrow{
	border: 4px solid transparent; 
	height: 0;
	position: absolute;
	width: 0;
	top: 23px; /*18*/
}

#arrowLeft{
	border-left-color: rgb(0, 51, 102);
	left: 79px;
}

#arrowRight{
	border-right-color: rgb(0, 51, 102);
	left: 34px;
}

.diagramTextBlack{
	position: absolute;
}

#obj{
	left: 43px;
	top: 39px; /*34*/
	/*opacity: 0;*/
}

#f2{
	left: 52px;
	top: 130px; /*125*/
}

#rightF{
	left: 107px;
	top: 110px; /*105*/
}

#focPnt{
	left: 93px;
	top: 185px; /*180*/
}

#focPnt2{
	left: 193px;
	top: 185px; /*180*/
}

#opCen{
	left: 170px;
	top: 5px; /*0*/
}

#biCon{
	left: 133px;
	top: 231px; /*226*/
}

#leftF{
	left: 207px;
	top: 110px; /*105*/
}

#left2F{
	left: 253px;
	top: 130px; /*125*/
}

#prinAx{
	left: 235px;
	top: 109px; /*104*/
}

#equationBox{
	height: 50px;
	position: relative;
	text-align: center;
	top: 265px; /*260*/
}

#topEqu{
	top: 9px;
	width: 100%;
}

#midEqu{
	top: 22px;
	width: 100%;
}

#lowEqu{
	top: 33px;
	width: 100%;
}