/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 16, 2018, 2:27:05 PM
    Author     : Shaam
*/

body{
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.crossword input,.crossword2 input {
    /*    width: 16px !important;
        height: 16px !important;*/
    width: 3.6% !important;
    height: 2.5% !important;
    position: absolute;
    text-align: center;
    border: none;
    padding: 0;
    background-color: transparent;
    border: hidden !important;
    font-family: arial black;
    font-size: 12px;
    font-weight: 800;
    color: black;
    text-transform: uppercase;
    margin: 0 !important;
}
.crossword input[sid="1"]{
    top: 19.5% !important;
    left: 27.5% !important; 
}

.crossword input[sid="2"]{
    top: 19.5% !important;
    left: 31.1% !important;
}
.crossword input[sid="3"]{
    top: 19.5% !important;
    left: 34.6% !important;
}
.crossword input[sid="4"]{
    top: 19.5% !important;
    left: 38.2% !important;
}
.crossword input[sid="5"]{
    top: 19.5% !important;
    left: 42% !important;

}
.crossword input[sid="6"]{
    top: 19.5% !important;
    left: 45.4% !important;

}
.crossword input[sid="7"]{
    top: 19.5% !important;
    left: 49% !important;
}

.crossword input[sid="8"]{
    top: 19.5% !important;
    left: 52.5% !important;
}
.crossword input[sid="9"]{
    top: 19.5% !important;
    left: 56.2% !important;
}
/**/
.crossword input[sid="38"]{
    top: 30% !important;
    left: 13.1% !important;
    height: 2.7% !important;
}

.crossword input[sid="39"]{
    top: 32.7% !important;
    left: 13.1% !important;
    height: 2.7% !important;
}


.crossword input[sid="40"]{
    top: 35.3% !important;
    left: 13.1% !important;
    height: 2.7% !important;
}


.crossword input[sid="41"]{
    top: 38% !important;
    left: 13.1% !important;
    height: 2.7% !important;
}


.crossword input[sid="42"]{
    top: 40.7% !important;
    left: 13.1% !important;
    height: 2.7% !important;
}

.crossword input[sid="43"]{
    top: 43.2% !important;
    left: 13.1% !important;
    height: 2.7% !important;
}

.crossword input[sid="44"]{
    top: 46%;
    left: 13.1% !important;
    height: 2.7% !important;
}

.crossword input[sid="45"]{
    top: 48.7% !important;
    left: 13.1% !important;
    height: 2.7% !important;
}

.crossword input[sid="46"]{
    top: 51.3% !important;
    left: 13.1% !important;
    height: 2.7% !important;
}

.crossword input[sid="47"]{
    top: 54% !important;
    left: 13.1% !important;
    height: 2.7% !important;
}

.crossword input[sid="48"]{
    top: 56.7% !important;
    left: 13.1% !important;
    height: 2.7% !important;
}

.crossword input[sid="10"]{
    top: 22.1% !important;
    left: 31.1% !important;
}
.crossword input[sid="11"]{
    top: 24.8% !important;
    left: 31.1% !important;
}
.crossword input[sid="12"]{
    top: 27.5% !important;
    left: 31.1% !important;
}
.crossword input[sid="13"]{
    top: 30.2% !important;
    left: 31.1% !important;
}
.crossword input[sid="14"]{
    top: 32.8% !important; 
    left: 31.1% !important;
}
.crossword input[sid="15"]{
    left: 31.1% !important;
    top: 35.4% !important;
}
.crossword input[sid="16"]{
    left: 31.1% !important;
    top: 38.1% !important;
}
.crossword input[sid="17"]{
    left: 31.1% !important;
    top: 40.8% !important;
}
.crossword input[sid="18"]{
    left: 31.1% !important;
    top: 43.4% !important;
}
.crossword input[sid="19"]{
    left: 31.1% !important;
    top: 46.02% !important;
}
.crossword input[sid="20"]{
    left: 31.1% !important;
    top: 48.72% !important;
}


.crossword input[sid="27"]{
    top: 30.1% !important;
    left: 23.9% !important;
}
.crossword input[sid="28"]{
    top: 32.8% !important;
    left: 23.9% !important;
}
.crossword input[sid="29"]{
    top: 35.45% !important;
    left: 23.9% !important;
}
.crossword input[sid="30"]{
    top: 38.1% !important;
    left: 23.9% !important;
}
.crossword input[sid="31"]{
    top: 40.7% !important;
    left: 23.9% !important;
}
.crossword input[sid="32"]{
    top: 43.4% !important;
    left: 23.9% !important;
}
.crossword input[sid="33"]{
    top: 46.02% !important;
    left: 23.9% !important;
}
.crossword input[sid="34"]{
    top: 48.7% !important;
    left: 23.9% !important;
}
.crossword input[sid="35"]{
    top: 51.4% !important;
    left: 23.9% !important;
}
.crossword input[sid="36"]{
    top: 54% !important;
    left: 23.9% !important;
}
.crossword input[sid="37"]{
    top: 56.7% !important;
    left: 23.9% !important;
}

.crossword input[sid="111"]{
    top: 35.45% !important;
    left: 16.7% !important;
}
.crossword input[sid="102"]{
    top: 40.75% !important;
    left: 45.5% !important;
}
.crossword input[sid="103"]{
    top: 40.75% !important;
    left: 52.7% !important;
}
.crossword input[sid="104"]{
    top: 40.75% !important;
    left: 59.8% !important;
}
.crossword input[sid="105"]{
    top: 40.75% !important;
    left: 63.5% !important;
}
.crossword input[sid="61"]{
    top: 40.75% !important;
    left: 56.2% !important;
}
.crossword input[sid="59"]{
top: 35.45% !important;
    left: 42% !important;
}

.crossword input[sid="60"]{
    top: 35.45% !important;
    left: 45.4% !important;
}
.crossword input[sid="62"]{
   top: 35.45% !important;
    left: 52.6% !important;
}
 

    


.crossword input[sid="112"]{
    top: 35.45% !important;
    left: 20.3% !important;
}
.crossword input[sid="112"]{
    top: 35.45% !important;
    left: 34.7% !important;
}

.crossword input[sid="114"]{
    top: 35.45% !important;
    left: 27.4% !important;
}
.crossword input[sid="107"]{
    top: 22.2% !important;
    left: 70.5% !important;
}
.crossword input[sid="108"]{
    top: 24.8% !important;
    left: 70.5% !important;
}
.crossword input[sid="109"]{
    top: 30.1% !important;
    left: 70.5% !important;
}
.crossword input[sid="110"]{
    top: 32.8% !important;
    left: 70.5% !important;
}
.crossword input[sid="76"]{
    top: 27.4% !important;
    left: 63.2% !important;
}
.crossword input[sid="77"]{
    top: 27.4% !important;
    left: 66.8% !important;
}
.crossword input[sid="78"]{
    top: 27.4% !important;
    left: 70.5% !important;
}
.crossword input[sid="79"]{
    top: 27.4% !important;
    left: 74% !important;
}
.crossword input[sid="80"]{
    top: 27.4% !important;
    left: 77.5% !important;
}
.crossword input[sid="81"]{
    top: 27.4% !important;
    left: 81.1% !important;
}
.crossword input[sid="64"]{
    top: 35.45% !important;
    left: 59.8% !important;
}
.crossword input[sid="65"]{
    top: 35.45% !important;
    left: 63.3% !important;
}
.crossword input[sid="66"]{
    top: 35.45% !important;
    left: 66.8% !important;
}
.crossword input[sid="67"]{
    top: 35.45% !important;
    left: 70.4% !important;
}
.crossword input[sid="68"]{
    top: 35.45% !important;
    left: 74% !important;
}
.crossword input[sid="69"]{
    top: 35.45% !important;
    left: 77.7% !important;
}

.crossword input[sid="94"]{
    left: 70.5% !important;
    top: 46.04% !important;
}

.crossword input[sid="95"]{
    left: 70.5% !important;
    top: 48.7% !important;
}

.crossword input[sid="96"]{
    left: 70.5% !important;
    top: 51.4% !important;
}

.crossword input[sid="97"]{
    left: 70.5% !important;
    top: 54% !important;
}

.crossword input[sid="98"]{
    left: 70.5% !important;
    top: 56.7% !important;
}

.crossword input[sid="99"]{
    left: 70.5% !important;
    top: 59.4% !important;
}

.crossword input[sid="100"]{
    left: 70.5% !important;
    top: 62% !important;
}

.crossword input[sid="101"]{
    left: 70.5% !important;
    top: 64.7% !important;
}
.crossword input[sid="88"]{
    left: 49% !important;
    top: 51.4% !important;
}
.crossword input[sid="89"]{
    left: 52.5% !important;
    top: 51.4% !important;
}
.crossword input[sid="90"]{
    left: 56% !important;
    top: 51.4% !important;
}
.crossword input[sid="91"]{
    left: 59.7% !important;
    top: 51.4% !important;
}
.crossword input[sid="92"]{
    left: 63.5% !important;
    top: 51.4% !important;
}
.crossword input[sid="93"]{
    left: 67% !important;
    top: 51.4% !important;
}
.crossword input[sid="93"]{
    left: 67% !important;
    top: 51.4% !important;
}
.crossword input[sid="119"]{
    left: 49% !important;
    top: 54% !important;
}
.crossword input[sid="82"]{
    left: 45.5% !important;
    top: 56.7% !important;
}

.crossword input[sid="83"]{
    left: 49% !important;
    top: 56.7% !important;
}

.crossword input[sid="84"]{
    left: 52.5% !important;
    top: 56.7% !important;
}
.crossword input[sid="85"]{
    left: 56.1% !important;
    top: 56.7% !important;
}
.crossword input[sid="86"]{
    left: 59.7% !important;
    top: 56.7% !important;
}
.crossword input[sid="87"]{
    left: 63.3% !important;
    top: 56.7% !important;
}
.crossword input[sid="120"]{
    left: 48.9% !important;
    top: 59.4% !important;
}
.crossword input[sid="56"]{
    left: 48.9% !important;
    top: 62% !important;
}
.crossword input[sid="54"]{
    left: 41.9% !important;
    top: 62% !important;
}
.crossword input[sid="55"]{
    left: 45.3% !important;
    top: 62% !important;
}
.crossword input[sid="55"]{
    left: 45.5% !important;
    top: 62% !important;
}
.crossword input[sid="57"]{
    left: 52.5% !important;
    top: 62% !important;
}

.crossword input[sid="58"]{
    left: 56.1% !important;
    top: 62% !important;
}

.crossword input[sid="121"]{
    left: 48.9% !important;
    top: 64.7% !important
}
.crossword input[sid="122"]{
    left: 48.9% !important;
    top: 67.3% !important;
}
.crossword input[sid="123"]{
    left: 48.9% !important;
    top: 70% !important;
}
.crossword input[sid="49"]{
    left: 23.9% !important;
    top: 62% !important;
}
.crossword input[sid="50"]{
    left: 27.5% !important;
    top: 62% !important;
}
.crossword input[sid="51"]{
    left: 31.1% !important;
    top: 62% !important;
}
.crossword input[sid="52"]{
    left: 34.5% !important;
    top: 62% !important;
}
.crossword input[sid="21"]{
    top: 32.7% !important;
    left: 38.2% !important;
}
.crossword input[sid="22"]{
    top: 35.45% !important;
    left: 38.2% !important;
}
.crossword input[sid="23"]{
    top: 38.1% !important;
    left: 38.2% !important;
}
.crossword input[sid="24"]{
    top: 40.7% !important;
    left: 38.2% !important;
}
.crossword input[sid="25"]{
    top: 43.4% !important;
    left: 38.2% !important;
}
.crossword input[sid="25"]{
    top: 43.4% !important;
    left: 38.2% !important;
}
.crossword input[sid="115"]{
    left: 74% !important;
    top: 51.4% !important;
}

.crossword input[sid="116"]{
    left: 38.3% !important;
    top: 48.7% !important;
}
.crossword input[sid="117"]{
    left: 38.3% !important;
    top: 51.4% !important;
}

.crossword input[sid="118"]{
    left: 38.3% !important;
    top: 54% !important;
}
.crossword input[sid="70"]{
    top: 32.8% !important;
    left: 49% !important;
}
.crossword input[sid="71"]{
    top: 35.45% !important;
    left: 49% !important;
}
.crossword input[sid="72"]{
    top: 38.1% !important;
    left: 49% !important;
}
.crossword input[sid="73"]{
    top: 40.75% !important;
    left: 49% !important;
}
.crossword input[sid="74"]{
    top: 43.4% !important;
    left: 49% !important;
}
.crossword input[sid="75"]{
    top: 46.1% !important;
    left: 49% !important;
}

input[correct='empty']{
    background-color:black;
    display:none;
}


table img{    
    padding: 0px !important;
    margin: 0px !important;
    position: relative;
    vertical-align: top;}

.clk1{
    position:absolute;
    z-index:0;
}


.clk1[clkid="1"] {
    top: 160px;
    left: 83px;
}

.clk1[clkid="2"] {
    top: 160px;
    left: 344px;
}

.clk1[clkid="3"] {
    top: 349px;
    left: 52px;
}

.clk1[clkid="4"] {
    top: 349px;
    left: 344px;
}

.clk1[clkid="5"] {
    top: 538px;
    left: 72px;
}

.clk1[clkid="6"] {
    top: 538px;
    left: 325px;
}

.clk1[clkid="7"] {
    top: 158px;
    left: 38px;
}	

.clk1[clkid="8"] {
    top: 158px;
    left: 258px;
}

.clk1[clkid="9"] {
    top: 345px;
    left: 58px;
}

.clk1[clkid="10"] {
    top: 372px;
    left: 268px;
}		


.clk1[clkid="11"] {
    top: 560px;
    left: 60px;
}

.wPaint-canvas{
    opacity:0.5;}
button.jp-stop {
    width: 49px;
    height: 31px;
    background-color: transparent;
    border: hidden;
    color: transparent;
}

#jquery_jplayer_1{
    display:none;
}

.inactive_click{
    display:none;
}

div#jp_container_1 {
    position: absolute;
    top: 720px;
    left: 670px;
}




button.jp-play {
    width: 49px;
    height: 31px;
    background-color: transparent;
    border: hidden;
    color: transparent;
}


img.p3image1 {
    top: 230px;
    display:none;
}

img.p2image1 {
    top: 450px;
    width: 450px;
    left: 40px;
    display:none;
}

img.p4image1 {
    top: 138px;
    display: none;
    width: 475px;
    left: 30PX;
}

img.p5image1 {
    top: -10px;
    width: 496px;
    left: 7px;
    display: none;
}

td{
    position:relative;}
.clickedimg img{
    width:100%;
    height:auto;
    display: block;
    min-height: 0 !important
}
.clickedimg{
    position: relative;
}
.clickedimg .blink_me{
    /*top:50%;*/
    /*left:50%;*/
    top: 52%;
    left: 72%;
}


.clickedimg:nth-child(1) .blink_me{
    left: 46%;
}

.clickedimg:nth-child(2) .blink_me
{
    /*left: 25%;*/
    left: 42%;
}

.clickedimg:nth-child(3) .blink_me{
    left: 66%;
}


img.area {
    width: 15px;
    position: absolute;
    cursor:pointer;
}

.clicker2{
    opacity:0;
}

.edgeLoad-EDGE-28527960 { visibility:hidden; }


#Stage{    
    position: absolute;
    width: 512px !important;
    height: 682px !important;
    top: auto;
    left: auto;
    bottom: 0;
    transform-origin: left;
    -webkit-transform-origin-y: bottom;
    overflow: hidden;
}
.wPaint-menu{
    display: visible !important;
}



.item {
    height:80px; width: 80px;
    float: left;
    position:absolute;
}


div#item_left1 {
    left: 130px;
    top: 120px;
}

div#item_right1 {
    left: 360px;
    top: 130px;
}

div#item_left2 {
    left: 110px;
    top: 340px;
}

div#item_right2 {
    left: 360px;
    top: 280px;
}

div#item_left3 {
    left: 130px;
    top: 520px;
}

div#item_right3 {
    left: 360px;
    top: 520px;
}

div#item_left4 {
    left: 130px;
    top: 400px;
}

div#item_right4 {
    left: 240px;
    top: 400px;
}

div#item_left5 {
    left: 130px;
    top: 470px;
}

div#item_right5{
    left: 240px;
    top: 470px;
}

div#item_left6 {
    left: 130px;
    top: 560px;
}

div#item_right6{
    left: 240px;
    top: 560px;
}


.green{
    background-image:url(../../images/icons/correct1.png)}
.red{
    background-image:url(../../images/icons/wrong1.png)}
.jsplumb-endpoint.jsplumb-endpoint-anchor.jsplumb-draggable.jsplumb-droppable.jsplumb-endpoint-connected.jsplumb-endpoint-full {
    z-index: 1;
}

div#item2_left1 {
    left: 130px;
    top: 130px;
}

div#item2_right1 {
    left: 240px;
    top: 130px;
}

div#item2_left2 {
    left: 130px;
    top: 260px;
}

div#item2_right2 {
    left: 240px;
    top: 260px;
}

div#item2_left3 {
    left: 130px;
    top: 400px;
}

div#item2_right3 {
    left: 240px;
    top: 400px;
}

div#item2_left4 {
    left: 130px;
    top: 560px;
}

div#item2_right4 {
    left: 240px;
    top: 560px;
}
#Image-Maps-Com-image-maps-2016-01-09-052156{
    height: 100%;
}

#diagramContainerz,#diagramContainer{
    padding: 0px;
    width: auto;
    height: auto;
    position: absolute;
    transition: all linear 0.3s;
}


.puzzle-tbl{
    width:80%;
    margin: auto;
}
table { 
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    position: absolute;
    left: 13%;
    top: 19.2%;
}
table tr{
    width: 100%;
}
table td {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    position: relative;
    box-sizing: border-box;
    line-height: 1;
    vertical-align: middle;
}

td input {
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    font-size: 7px;
    color: #666;
    background-color: transparent;
    min-height: 0;
    display: block;
    box-sizing: border-box;
    border: none;
    line-height: 1;
}

td input:focus {
    background-color: #fff;
}

td span {
    color: #444;
    font-size: 0.8em;
    position: absolute;
    top: -1px;
    left: 1px;
}

input.done {
    font-weight: bold;
    color: green;
}

.active,
.clues-active {
    background-color: #ddd;
}
.clue-done {
    color: #999;
    text-decoration: line-through;
}

#puzzle-wrapper {
    float: left;
    width: 54%;
    margin-right: 3%;
}
#puzzle-clues {
    float: left;
    width: 40%;
    text-align: left;
    padding-left: 15px;
    box-sizing: border-box;
}

#puzzle-clues li{
    font-size: 1.2em;
    margin: .3em;
    line-height: 1.6em;
    list-style: none;
}
.magazine-viewport .page img[title="black"]{
    top: 87%;
    left: 29%;
    transform: rotate(52deg);
    width: 3.5%;
}
.magazine-viewport .page img[title="red"]{
    top: 81%;
    left: 26%;
    transform: rotate(45deg);
    width: 3.5%;
}
.magazine-viewport .page img[title="blue"]{
    top: 80%;
    left: 15%;
    transform: rotate(29deg);
    width: 3.5%;
}
.magazine-viewport .page img[title="brown"]{
    top: 76%;
    left: 10%;
    transform: rotate(23deg);
    width: 3.5%;
}
.magazine-viewport .page img[title="green"]{
    top: 68%;
    left: 8%;
    transform: rotate(24deg);
    width: 3.5%;
}
.magazine-viewport .page img[title="orange"]{
    top: 60%;
    left: 5%;
    transform: rotate(14deg);
    width: 3.5%;
}

.magazine-viewport .page img[title="orange"] {
    right: 5%;
    left: auto;
    transform: rotate(-14deg);
}

.magazine-viewport .page img[title="green"] {
    right: 8%;
    left: auto;
    transform: rotate(-24deg);
}
.magazine-viewport .page img[title="brown"] {
    right: 10%;
    left: auto;
    transform: rotate(-23deg);
}
.magazine-viewport .page img[title="blue"] {
    right: 15%;
    left: auto;
    transform: rotate(-29deg);
}
.magazine-viewport .page img[title="red"] {
    right: 26%;
    left: auto;
    transform: rotate(-45deg);
}
.magazine-viewport .page img[title="black"] {
    right: 29%;
    left: auto;
    transform: rotate(-52deg);
}

div#wPaint-demo40 {
    width: 515px;
    height: 464px;
    position: absolute;
    top: 29%;
    left: 12%;
}
.eraser {
    width: 18%;
    height: 12%;
    position: absolute;
    top: 78%;
    left: 7%;
    z-index: 999;
}