* {
 margin: 0;
 padding: 0;
}
html {
 height: 100%;
 width: 100%;
}
body {
  font-size: 12px;
 height: 100%;
 width: 100%;
}

#all {
 padding: 1em;
 margin: 1em;
}
/*h1 {
 font-size: 2em;
}
p {
 margin: 1em;
}
*/
hr {
 margin: 1em;
 clear: both;
 display: block;
}

iframe {
 float: left;
 margin-right: 1em;
}


.img_s {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 2 0 2;
}
div.lb img {
 margin-top: 4em;
 padding: 2em;
 background: #fff;
}


/** Here's where the magic happens **/
div.lb {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  /*background: url('screen.png');*/
}
div.lb:target {
  display: block;
}

/** IE doesn't support :target, so we use CSS expressions **/
div.lb {
  display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
}