#jsSandBox
{
border:solid 1px silver;
margin:0.5em 0;
padding:0.5em;
width:100%;
position:relative;
}
#jsSandBox input
{
border:solid 1px silver;
margin:2px;
}
#jsSandBoxTable
{
width:100%;
position:relative;
}
#jsSandBoxLeft
{
width:100%;
position:relative;
}
#jsSandBoxDisplayScroll
{
position:relative;
overflow:auto;
font-size:75%;
height:30em;
width:50em;
}
#jsSandBoxDisplayUrl
{
width:100%;
}
#jsSandBoxDisplayToggle
{
display:block;
text-align:right;
}
#jsSandBoxDisplayXpath
{
width:80%;
}
#jsSandBoxDisplayGo
{
width:15%;
}
#jsSandBoxRight
{
position:relative;
vertical-align:top;
width:50em;
}
#jsSandBoxScroll
{
height:15em;
line-height:110%;
overflow:auto;
font-size:95%;
border:solid 1px silver;
background:#ddd;
}
#jsSandBoxCode
{
border:solid 1px silver;
width:99%;
}
.jsSandBoxScrollItem
{
border:solid 1px silver;
margin-bottom:0.5em;
}
.jsSandBoxScrollCode
{
font-family:monospace;
background:#DDF;
white-space:pre;
overflow:hidden;
padding:0 0.5em;
}
.jsSandBoxScrollCode:hover
{
background:#AAF;
}
.jsSandBoxScrollResult
{
font-family:monospace;
background:#FFF;
padding:0 0.5em;
}
.jsSandBoxScrollError
{
font-family:monospace;
background:#FDD;
padding:0 0.5em;
}
.jsSandBoxLeft
{
font-family:monospace;
background:#FDD;
padding:0 0.5em;
}