body
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.centrdcontainer
{
    margin-left: auto;
    margin-right: auto;
}
.docontainer
{
    width:70%;
    max-width:700px;
}
div#out
{
    width:500px;
}
div#keypad_container
{
    width:100%;
    border:1px solid #a9aca8;
    
}
div#srchcontainer
{
    padding:10px 3px;
    background-color:#a9aca8;
}
div#srchcontainer input
{
    border:1px solid #ccc;
    height:22px;
    background-color: #eee;
}
#charsrch
{
    width:180px;
}

div#keypad
{
    width:100%;
    height:300px;
    overflow:scroll;
}
input#variable
{
    width:300px;
    height:40px;
    border:1px solid #a9aca8;
    font-size:1.3em;
    color:#222;
}
div#varcontainer
{
    text-align:center;
    padding:8px;
}
div#padcontainer
{
    width:600px;
}
div.btnKey
{
    width:35px;
    height:35px;
    border:none;
    margin:4px;
    background-color:#BDC3C7;
    color:white;
    float:left;
    text-align:center;
    background: -moz-linear-gradient(center top , #BDC3C7, #9BA4AA) repeat scroll 0 0 #BDC3C7;
    cursor:default;
}
div.btnKey:hover
{
    background: -moz-linear-gradient(center top , #9BA4AA, #758188) repeat scroll 0 0 #9BA4AA;
    transform: scale(1.1);
}
div.btnKey:active
{
    background: -moz-linear-gradient(center top , #BDC3C7, #9BA4AA) repeat scroll 0 0 #BDC3C7;
    transform:none;
}

#es3, #unicode-3, #browser, #escaped-reserved-word, #immutable-properties, #zero-width 
{
	display: none;
}

#es3.show, #unicode-3.show, #browser.show, #escaped-reserved-word.show, #immutable-properties.show, #zero-width.show 
{
	display: block;
}

.warning 
{
	border-color: #f89406;
	background: #fdfd9a;
}

.invalid 
{
	border-color: red;
	background: #ffb6c1;
}
#errordetails
{
    display: none;
}
#valid_result
{
    color:#800;
    background: #ff0;
}

#btncopy
{
    width:85px;
    height:35px;
    border:none;
    margin:4px;
    background-color:#287DE8;
    color:white;
    text-align:center;
    background: -moz-linear-gradient(center top , #5794BF, #417EA9) repeat scroll 0 0 #5794BF;
    cursor:default;
    
}
#btncopy:hover
{
    background: -moz-linear-gradient(center top , #376A8F, #336385) repeat scroll 0 0 #376A8F;
    transform: scale(1.1);
}
#btncopy:active
{
    background: -moz-linear-gradient(center top , #376A8F, #336385) repeat scroll 0 0 #376A8F;
    
}
div#addkey
{
    float:right;
}
#newkey
{
    width:60px;
}
div#addkey button#btnkeyadd
{
    width:65px;
    height:22px;
    border:none;
    margin:4px;
    background-color:#5794BF;
    color:white;
    text-align:center;
    background: -moz-linear-gradient(center top , #5794BF, #417EA9) repeat scroll 0 0 #5794BF;
    cursor:default;
}
#samplecode
{
    display:none;
}
/*
     FILE ARCHIVED ON 06:36:36 Jun 15, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:04:17 Dec 06, 2025.
     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.518
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.042
  esindex: 0.01
  cdx.remote: 50.446
  LoadShardBlock: 743.885 (3)
  PetaboxLoader3.datanode: 611.104 (5)
  PetaboxLoader3.resolve: 444.705 (3)
  load_resource: 695.895 (2)
*/