.wrapper {
    position: relative;
    /*    border: 1px solid;*/
    display: block;
    height: 688px;
    width: 704px;
    background: url(../img/CT05_bg.png) no-repeat;

    font-family: "Arial";
    font-size: 16px;


}


.wrapper #topWrapper {
    /*border: 1px solid;*/
    display: block;
    height: 50%;
    width: 100%;
}

a#knobBtn {
    background: url("../img/knbBg.png") no-repeat;
    display: block;
    height: 57px;
    left: 20px;
    position: absolute;
    top: 36.5px;
    width: 57px;
}

#knobBtn span{
    background: url("../img/knb_needle.png") no-repeat;
    display: block;
    height: 57px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 57px;
}

#knobBtn div {
    /*     background: none repeat scroll 0 0 red;*/
    display: block;
    float: left;
    height: 100%;
    position: relative;
    width: 50%;
    z-index: 100;
    cursor: pointer;

}

#hideLayer{

    background: url("../img/hidelayer.png") no-repeat;
    bottom: 45px;
    height: 288px;
    left: 15px;
    position: absolute;
    width: 664px;
}
.spanim{
    width:658px;
    height:51px;
    background: url("../img/arrowAnim.png") no-repeat;
    left: 19px;
    position: absolute;
    top: 529px;
}
canvas#sineCanvas {
    /*    border: 1px solid red;*/
    height: 100px;
    left: 85px;
    position: absolute;
    top: 25px;
    width: 370px;
}

#fqTxt{
    background: url("../img/fqTxt.png") no-repeat;
    width: 88px;
    height: 22px;
    display:block;
    left: 220px;
    position: absolute;
    top: 100px;
}
.fqTxt_anim {
   height: 24px;
    left: 224px;
    position: absolute;
    top: 100px;
    width: 85px;
     background: url("../img/fqTxt.png");
    
    -webkit-animation: fqTxt .8s steps(7) infinite;
       -moz-animation: fqTxt .8s steps(7) infinite;
        -ms-animation: fqTxt .8s steps(7) infinite;
         -o-animation: fqTxt .8s steps(7) infinite;
            animation: fqTxt .8s steps(7) infinite;
}

@-webkit-keyframes fqTxt {
   from { background-position:    0px; }
     to { background-position: -616px; }
}

@-moz-keyframes fqTxt {
   from { background-position:    0px; }
     to { background-position: -616px; }
}

@-ms-keyframes fqTxt {
   from { background-position:    0px; }
     to { background-position: -616px; }
}

@-o-keyframes fqTxt{
   from { background-position:    0px; }
     to { background-position: -616px; }
}

@keyframes fqTxt{
   from { background-position:    0px; }
     to { background-position: -616px; }
}


#drag_1{
    left: 610px;
    top:83px;

}
.drag1{

    background-position: 0px -44px !important;
}


#drag_2{
    left: 610px;
    top:186px;
}
.drag2{
    background-position: -100px -44px !important;
}

#drag_3{
    left: 535px;
    top: 55px;

}
.drag3{
    background-position: 0px 0px !important;
}


#drag_4{
    left: 610px;
    top:134px;

}
.drag4{
    background-position: -50px -44px !important;
}

#drag_5{
    left: 535px;
    top: 158px;

}
.drag5{

    background-position: -100px 0px !important;
}


#drag_6{
    left: 535px;
    top: 108px;

}
.drag6{

    background-position: -50px 0px !important;
}


#drag_7{
    left: 610px;
    top: 32px;

}
.drag7{

    background-position: -150px 0px !important;
}


.dragbox{
    background: url("../img/drag_bg.png") no-repeat;
    width: 50px;
    height:44px;
    position: absolute;
    /*    border: 1px solid red;*/
    background-color: #FBC9B5;
    z-index: 80;
    border-radius: 5px;
    cursor: pointer;
}

.dragbox.click{
    background-color: #6DE554;
}
.dragbox.deactive{
    background-color: #FEE0BB;
    cursor: default;
}

#drop_1, #drop1Shadow{
    left: 56px;
}
.drop1{

}
#drop_2, #drop2Shadow{
    left: 145px;
}
.drop2{

}
#drop_3, #drop3Shadow{
    left: 235px;
}
.drop3{

}
#drop_4, #drop4Shadow{
    left: 320px;
}
.drop4{

}
#drop_5, #drop5Shadow{
    left: 410px;
}
.drop5{

}
#drop_6, #drop6Shadow{
    left: 500px;
}
.drop6{

}
#drop_7, #drop7Shadow{
    left: 586px;
}
.drop7{

}

.shadowdropbox{
   background: none repeat scroll 0 0 #fddfba;
    border-radius: 5px;
	display: none;
    font-size: 10px;
    height: 91px;
    margin: -40px 0 0 -8px;
    padding: 10px 0;
    position: absolute;
	text-align: center;
    top: 425px;
    width: 63px;
    
}

.dropbox{
    width: 50px;
    height:44px;
    position: absolute;

    top:425px;
    cursor: default;
}
#startBtn {
    /*    border: 1px solid;*/
    height: 20px;
    left: 460px;
    position: absolute;
    text-align: center;
    top: 123px;
    width: 65px;
    cursor: pointer;
}
#whiteTextArea{
    /*      border: 1px solid red;*/
    /*      background: url("../img/whitepop.png") no-repeat;*/
    height: 110px;
    left: 29px;
    position: absolute;
    top: 126px;
    width: 430px;
    display: none;

}

#whiteTextArea .wImg{

    position: absolute;
    top:10px;
    left:10px;
}
.disImg{
    background: url("../img/drag_bg.png") no-repeat;
    width: 50px;
    height:44px;
    display: block;

}


#whiteTextArea ul{
    position: absolute;
    top:5px;
    left:30px;
    font-size: 12px;
    text-decoration: none;
    list-style: none;
    width: 390px;
}
#topWrapper #leftSide {
    display: block;
    float: left;
}

#topWrapper #rightSide {
}

#overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 10000;
    display: none;
}

#popupCont{
    background: none repeat scroll 0 0 #fff;
    border-radius: 8px;
    display: inline-block;
    height: 212px;
    left: 24px;
    position: absolute;
    top: 25px;
    width: 470px;
}
#popupCont .disImg:first-child{


    position: absolute;
    top: 17px;
    left: 10px;
}
#popupCont .disImg:last-child{
    position: absolute;
    right: 10px;
    top: 17px;
}
#pTable {    
    height: 172px;
    left: 40px;
    position: absolute;
    top: 12px;
    width: 400px;

}

#fqformulacont{
	 height: 50px;
    left: 70px;
    position: relative;
    top: 10px;
}

#fqformulacont span{
 font-size:14px;
}

#fqformulacont span:nth-child(1){
border-bottom: 2px solid;
}
#fqformulacont span:nth-child(2){
     left: 0;
    position: absolute;
    top: 20px;
}
#fqformulacont span:nth-child(3){
  left: 100px;
    position: absolute;
    top: 10px;
}
#fqanscont{
font-size: 14px;
    height: 50px;
    left: 59px;
    position: relative;
    top: 10px;
}

#fqanscont span:nth-child(1){
border-bottom: 2px solid;
}
#fqanscont span:nth-child(2){
     left: 0;
    position: absolute;
    top: 24px;
}
#fqanscont span.ansChange{
  left: 120px;
    position: absolute;
    top: 11px;
    width: 200px;
}
#fqanscont span.ansChange span:nth-child(1){
    border: 2px solid;
    display: table-cell;
    text-align: center;
    width: 150px;
}
#fqanscont span.ansChange div{
    display: inline-block;
}
.pTitle strong {
    display: block;
    text-align: center;
}
.ans{
top:-20px;
}
.for_m{
 left: 277px;
    position: absolute;
    top: 13px;
}
.for_eq{
  left: 109px;
    position: absolute;
    top: 13px;

}
#findwavebtn {
      background: url("../img/findwavebtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 29px;
    margin: 0 auto;
    padding: 4px 0 0 12px;
    position: relative;
    
    top: 30px;
    width: 145px;
}

#findwavebtn:hover{
    color: #000;
}

#validateBtn{

    left: 410px;
    position: absolute;
    top: 330px;
    width: 220px;
    display: none;
}
#checkbtn{

    background: url("../img/btn.png") no-repeat;

    float: left;
    height: 30px;
    margin-left: 20px;
    padding: 2px;
    text-align: center;
    width: 77px;
    color: #fff;
    cursor: pointer;
}
#resetbtn{
    background: url("../img/btn.png") no-repeat;
    color: #fff;
    float: left;
    height: 30px;
    padding: 2px;
    text-align: center;
    width: 77px;
    margin-left: 20px;
    cursor: pointer;
}


#resetbtn.deactive, #checkbtn.deactive
{
    color: #999;
    cursor: default;
}