/* CSS Document */
#scalpel, #scalpelCollider, #scalpelHit, #scalpelPlaceholder, #scissors, #scissors .open, #scissorsCollider, #scissorsHit, #scissorsPlaceholder, #pig, #pigDissection, #pigOver, #pigZoom, #pigZoom img, #pigZoom div, #guide, .flap, .flap img{
    position: absolute;
}

#pigOver, .flap{
    left: 0;
    top: 0;
}

#pigDissection {
    /*
    -webkit-filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2))
                    drop-shadow(-2px -2px 4px rgba(0,0,0,0.2));
   filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2)) 
            drop-shadow(-2px -2px 4px rgba(0,0,0,0.2));
    */
}

#pigZoom {
    /*
    -webkit-filter: drop-shadow(6px 6px 12px rgba(0,0,0,0.2))
                    drop-shadow(-6px -6px 12px rgba(0,0,0,0.2));
   filter: drop-shadow(6px 6px 12px rgba(0,0,0,0.2)) 
            drop-shadow(-6px -6px 12px rgba(0,0,0,0.2));
    */
}

#scalpelPlaceholder, #scissorsPlaceholder{
    opacity: 0.25;
}

#scalpel, #scalpelPlaceholder{
    left: 200px;
    top: 40px;
}

#scalpelCollider, #scissorsCollider{
    background-color: firebrick;
    opacity: 0.5;
    visibility: hidden;
    width: 40px;
    height: 25px;
    left: 0;
    top: 0;
}

#scissorsCollider{
    width: 60px;
    height: 55px;
    top: 15px;
    left: 10px
}
#scissors, #scissorsPlaceholder{
    left: 200px;
    top: 550px;
}

#scissors, #scalpel, .flap .closed, .organ {
    cursor: pointer;
    cursor: hand;
}

.corner {
    width: 1px;
    height: 1px;
    visibility: hidden;
    position: absolute;
    background-color: deepskyblue;
}

#pigZoom, .flap, .open, #additional, #digestive, #reproductiveF, #respiratory, #urinary, #mouthOpen, #cb_intestines, #cb_mouth, #cb_head, #base2{
    display:none;
}

#scissors .open{
    top: -29px;
    left: 8px;
}


#mouthOpenHit{
    background-color: firebrick;
    opacity: 0;
    position: absolute;
    width: 400px;
    height: 360px;
    left: 130px;
    top: 435px;
    border-radius: 200px;
    cursor: pointer;
    cursor: hand;
}

#mouthCloseHit{
    background-color: firebrick;
    opacity: 0;
    position: absolute;
    width: 800px;
    height: 360px;
    left: 130px;
    top: 435px;
    border-radius: 200px;
    cursor: pointer;
    cursor: hand;
    display:none;
}

/* Collider corners */
.leftTop {left: 0; top: 0;}
.rightTop {right: 0; top: 0;}
.rightBottom {right: 0; bottom: 0;}
.leftBottom {left: 0; bottom: 0;}

/* Flap coordinates */ 
#armRight .closed{left: 314px; top: 319px;}
#armRight .open{left: 285px; top: 322px;}
#armLeft .closed{left: 312px; top: 103px;}
#armLeft .open{left: 275px; top: 66px;}
#ribRight .closed{left: 490px; top: 342px;}
#ribRight .open{left: 478px; top: 380px;}
#ribLeft .closed{left: 487px; top: 245px;}
#ribLeft .open{left: 473px; top: 173px;}
#sideRight .closed{left: 574px; top: 341px;}
#sideRight .open{left: 579px; top: 385px;}
#sideLeft .closed{left: 585px; top: 247px;}
#sideLeft .open{left: 581px; top: 170px;}
#bladderFl .closed{left: 664px; top: 292px;}
#bladderFl .open{left: 781px; top: 310px;}

/* Tooltip styles for organ rollovers */
.tooltip {
	display:none;
	position:absolute;
	background-color:#161616;
	padding:10px;
	color:#fff;
	font-size:18px;
}

/* Organ styles */
/*.hover {
    filter: saturate(100%);
	-webkit-filter: saturate(100%);
	-moz-filter: saturate(100%);
	-o-filter: saturate(100%);
	-ms-filter: saturate(100%);
}
*/
.noHover {
    filter: saturate(25%);
	-webkit-filter: saturate(25%);
	-moz-filter: saturate(25%);
	-o-filter: saturate(25%);
	-ms-filter: saturate(25%);
}

/* ORGAN COORDINATES */

/* Respiratory */

#epiglottis{left: 514px; top: 594px; display: none;}
#softPalate{left: 362px; top: 554px; display: none;}
#hardPalate{left: 135px; top: 519px; display: none;}
#tongue{left: 556px; top: 549px; display: none;}
#head{left: 19px; top: 420px; display: none;}
#mouth{left: 120px; top: 448px;}
#larynx{left: 645px; top: 616px;}
#trachea{left: 680px; top: 633px;}
#lung_1{left: 936px; top: 504px;}
#lung_2{left: 960px; top: 698px;}
#diaphragm{left: 1086px; top: 541px;}
#nostrils{left:37px; top:524px;}

/* Digestive */
#esophagus{left: 714px; top: 638px;}
#gallBladder{left: 1188px; top: 759px; display: none;}
#largeIntestines{left: 1335px; top: 563px; display: none;}
#intestines_1{left: 1189px; top: 499px; display: none;}
#intestines_2{left: 1234px; top: 567px; display: none;}
#liver_1{left: 1104px; top: 480px;}
#liver_2{left: 1051px; top: 577px; display: none;}
#mesentery{left: 1322px; top: 510px;display: none;}
#pancreas{left: 1271px; top: 518px; display: none;}
#rectum{left: 1343px; top: 580px; display: none;}
#cecum{left: 1372px; top: 671px; display: none;}
#smallIntestines{left: 1328px; top: 473px;}
#smallIntestinesUpper{left: 1209px; top: 490px; display: none;}
#stomach{left: 1126px; top: 480px;}
#stomachClick{left: 1022px; top: 290px; }

/* Urinary */
#bladder_1{left: 1556px; top: 576px;}
#bladder_2{left: 1415px; top: 584px; display: none;}
#kidney_1{left: 1296px; top: 669px;}
#kidney_2{left: 1288px; top: 474px;}
#ureter_1{left: 1381px; top: 558px;}
#ureter_2{left: 1390px; top: 642px;}
#urethraU{left: 1679px; top: 610px; display: none;}

/* Reproductive - Male */
#bulbourethralGland_1{left: 1655px; top: 605px;}
#bulbourethralGland_2{left: 1648px; top: 629px;}
#epididymis{left: 1745px; top: 421px;}
#maleParts{left: 1515px; top: 577px;}
#penis{left: 1577px; top: 612px;}
#scrotum_1{left: 1808px; top: 498px;}
#scrotum_2{left: 1791px; top: 628px;}
#testis{left: 1753px; top: 431px;}
#urethraR{left: 1565px; top: 593px;}
#vasDeference{left: 1515px; top: 474px;}

/* Reproductive - Female */
#femaleParts{left: 1368px; top: 423px;}
#genitalPapilla{left: 1800px; top: 624px;}
#ovaries_1{left: 1541px; top: 544px;}
#ovaries_2{left: 1521px; top: 710px;}
#umbilicalArtery{left: 1543px; top: 743px;}
#urogenitalSinus{left: 1714px; top: 622px;}
#uterineHorns{left: 1539px; top: 569px;}
#uterus{left: 1570px; top: 627px;}
#vagina{left: 1639px; top: 620px;}

/* Additional */
#heart{left: 890px; top: 582px;}
#thymus_1{left: 691px; top: 664px;}
#thymus_2{left: 708px; top: 586px;}
#thyroid{left: 736px; top: 621px;}
#spleen{left: 1172px; top: 482px;}

/*Accessibility*/
.mainContentAcc, .dropdownAcc {
    position: absolute;
}

.mainContentAcc p, .dropdownAcc p{
    margin-top: 1px;
}

#categoryAcc {
    top: 22px;
    left:253px;
    z-index: 199;
}

#scalpelAcc {
    left: 610px;
    top: 47px;
}

#scissorsAcc {
    left: 620px;
    top: 590px;
}