body { margin: 0; padding: 0; background-color: black;}


#progress_block {  margin-top: 23%;  }
#progress_text {  font-size: 50px; color: #ffffff; text-align: center;  margin-bottom: 15px; }
#progressbar  {  margin-left: 30px; margin-right: 30px;  }
.nav_table { float: left; }

.active { border-bottom: 2px solid orange !important; padding: 5px 10px 5px !important; }

.active:active { position: relative; top: 0px !important; left: 0px !important; }

#animals_sound_main {  background-color: black; /* min-height: 932px; */ height: 100%; display: inline; }

.animals { width: 1173px; margin: 0 auto;  }


.nav_button {

    background: #222 url('https://87d66b.claudeassets.com/20250513123743im_/https://animal-sounds.net/instruments/animals/images/alert-overlay.png') repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    font-family: arial;
}

.nav_button:active { position: relative; top: 1px; left: 1px; }

#nav_box {
    width: 1173px;
    margin: 0 auto;
    height: 35px;
}


#volume {

    float: right;
    margin-top: 6px;
margin-right: 12px;

}


#volume_number {  font-size: 16px; font-family: arial;  }

#volume_slider {  width: 110px;}

#volume_label { margin-top: -1px; }

#volume_label_image { width: 20px;}


.ui-slider-handle { width: 12px ; margin-left: -6px !important; }


.ui-widget-header { background: #AC4C18 !important; }

#main_animals_table { color: #ffffff; font-size: 20px; text-align: center; margin: 0 auto;  }

#main_animals_table td { padding: 10px; }

#animals_title { color: orange; font-size: 52px; text-align: center; font-family: times;  }

.animal_link {  color: #ffffff; text-decoration: none;  }

.animal_link:hover {  text-decoration: underline; }

.animal_link img:hover { outline: 1px solid #ffffff; }

.animal_list { width: 350px; text-align: justify; }

#animal_name  {  color: orange; width: 330px; text-align: center; color: orange; font-size: 18px;   }



.main_text { color: white; text-align: justify; padding: 30px; width: 800px; margin: 0 auto; }
.main_text h2 { text-align: center; }

.text { color: white; text-align: justify; padding: 30px; width: 1173px; font-size: 18px; margin-left: 15px; margin: 0 auto !important;  }
.text h1 { text-align: left; font-size: 2em; }
/*
     FILE ARCHIVED ON 23:32:25 Oct 11, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:45:36 Jul 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.729
  exclusion.robots: 0.076
  exclusion.robots.policy: 0.062
  esindex: 0.01
  cdx.remote: 21.766
  LoadShardBlock: 182.431 (3)
  PetaboxLoader3.datanode: 119.9 (4)
  PetaboxLoader3.resolve: 79.977 (2)
  load_resource: 86.164
*/