.middleSection {
	/*background-image: none !important;*/
}
.midRight {
	margin-left: 0px;
}

.btnSmallStyle {
	min-width: 98px !important;
}

.experimentArea {
	position: relative;
	margin: 0 auto;
	/*width: 984px;*/
	width: 100%;
	height: 580px;
	padding-top: 0px;
}

.axisLabel {
	position: absolute;
	font-size: 16px;
}

.axisLabel.y_axis {
	top: 0px;
	left: 0px;
	width: 38px;
	height: 100%;
}

.axisLabel.y_axis>div {
	position: absolute;
	right: 45px;
}

.axisLabel.x_axis {
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 35px;
}

.axisLabel.x_axis>div {
	position: absolute;
	display: inline-block;
	top: 40px;
}

.al_0 {
	left: -5px;

}

.al_05 {
	left: 47px;
}

.al_10 {
	left: 107px;
}

.al_15 {
	left: 168px;
}

.al_20 {
	left: 225px;
}

.al_25 {
	left: 288px;
}

.al_30 {
	left: 346px;
}

.al_35 {
	left: 406px;
}

.al_40 {
	left: 461px;
}

.show-acceleration {
	position: relative;
	left: 0px;
	top: 10px;
	/* float: right; */
}

.motion-sensor {
	width: 60px;
	top: 225px;
	line-height: 20px;
	left: 10px;
}

.imprint {
	/* bottom: 105px; */
}


.fraction,
.top,
.bottom {
	padding: 0 5px;
}


.bottom {
	border-top: 1px solid #3495d8;
	display: block;
	width: max-content;
}

span.ClsDisplayInline {
	/*display: inline-block;*/
}

span.ClsDisplayInlineFraction {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}



.txt-motion {
	position: absolute;
	width: 120px;
	left: 170px;
	top: 10px;
}

.cotton-wool {
	position: absolute;
	bottom: 5px;
	right: 3px;
}

.txt-cotton {
	position: absolute;
	width: 120px;
	left: 186px;
	bottom: 42px;
}

.hand-boll {
    position: absolute;
    top: -20px;
    right: -5px;
}
.hand-boll .ball{
	position: absolute;
	top: 129px;
	right: 83px;
}
.hand-boll .hand{
	position: absolute;
    top: 140px;
    right: 10px;
}

/* axis label start */

/*.axisLabel.y1_axis {
	top: 0px;
	left: 0px;
	width: 38px;
	height: 100%;
}

.axisLabel y1_axis>div {
	position: absolute;
	display: inline-block;
}

.tal_01 {

margin-top: -33px;

margin-left: 40px;
}

.tal_51 {

margin-left: 171px;

margin-top: -25px;
}

.tal_101 {

margin-left: 302px;

margin-top: -26px;
}

.tal_151 {

margin-left: 433px;

margin-top: -26px;
}

.tal_201 {

margin-left: 564px;

margin-top: -24px;
}

.tal_251 {

margin-left: 696px;

margin-top: -27px;
}

.tal_301 {

margin-left: 828px;

margin-top: -24px;
}*/

/* axis label end */




.scale{
	background-image: url(../img/Scale.png);
    width: 35px;
    height: 477px;
    position: absolute;
    left: 100px;
}

.weight{
	background-image: url(../img/Spring.png);
    background-repeat: no-repeat;
    width: 151px;
    height: 94px;
    position: absolute;
    top: 477px;
    left: 210px;
}
.ball{
	background-image: url(../img/ball.png);
    background-repeat: no-repeat;
    width: 151px;
    height: 94px;
    position: absolute;    
    top: 462px;
    left: 273px;    
}
.hand_pointer{
    width: 60px;
    height: 7px;
    position: absolute;
    top: -76px;
    left: 246px;
    cursor: url(../img/Click-hand.png), auto;
    z-index: 1;
}
.box{
	  background: #ffffff;
	  font-size: 18px;
	  border: 1px solid #58a9df;
	  height: 23px;
	  line-height: 23px;
	  width: 300px;
	  text-indent: 5px;
	  position: relative;
	  top: -43px;
	  left: 165px;
}
.innerbox{	  
	  font-size: 18px;
    height: 19px;
    line-height: 21px;
    width: 296px;
    text-indent: 5px;
    position: absolute;
    top: 1px;
    left: 1px;
}
.box1{
	background: rgb(0, 186, 229);
	border: 1px solid rgb(0, 186, 229);
}
.box2{
	background: rgb(255, 0, 102);
	border: 1px solid rgb(255, 0, 102);
}
.box3{
	background: rgb(153, 51, 255);
	border: 1px solid rgb(153, 51, 255);
}

.practice-area {
    width: 50%;
    position:relative;
    float:right;
}

.base{
	background-image: url(../img/gray_vox.png);
    width: 308px;
    height: 94px;
    float: right;
    margin-right: 300px;
    margin-top: -84px;

}
.axisLabel {
	position: absolute;
	font-size: 14px;
}

.axisLabel.y_axis {
	right: 100px;
	height: 100%;
	position: absolute;
	left:100px;
	top: -8px;
}
.axisLabel.y_axis > div {
	position: absolute;
}
.al_100 {
	top: 472px;
}
.al_200 {
	top: 440px;
}
.al_300 {
	top: 404px;
}
.al_400 {
	top: 370px;
}
.al_500 {
	top: 336px;
}
.al_600 {
	top: 302px;
}
.al_700 {
	top: 268px;
}
.al_800 {
	top: 234px;
}
.al_900 {
	top: 202px;
}
.al_1000 {
	top: 166px;
}
.al_1100 {
	top: 132px;
}
.al_1200 {
	top: 100px;
}
.al_1300 {
	top: 62px;
}

.al_1400 {
	top: 28px;
    left: -15px;
    font-size: 16px;
}
.stageArea .actBtns {
    min-width: 155px;
    margin-left: 60px;
}

.canvasArea{
	/*background: url("../img/Poles.png") no-repeat;*/
    width: 1024px;
    height: 500px;
    margin: 0 auto;
    position : relative;
    top: 20px;
}
.black{
	background: url("../img/Black.png") no-repeat;
	position : absolute;
	top:0px;
	left : 244px;
	width: 625px;
    height: 500px;
    /*z-index:0;*/
}
.gray{
	background: url("../img/gray.png") no-repeat;
	position : absolute;
	top:28px;
	left: 148px;
	width: 661px;
    height: 500px;
    pointer-events: none;
    /*z-index:101;*/
}
.canvas11{
	/*background: url("../img/Poles.png") no-repeat;*/
	position: absolute;
    top: 10px;
    left: 120px;
	display: block;
    width: 800px;
    height: 500px;
    margin: 0 auto;
    /*z-index: 100;*/
}

.formFields{
	display: inline-block;
}
.formFields2{
	display: inline-block;
	margin-left: 40px;
}