<head>
<style>
.pop-up2 {position:absolute; top:0; left:-500em}
.pop-up2:target {position:static; left:0;}

.popBox2 {
  background:#ffffff;

 
  width:100%;
  height:30%;



   z-index:1;

  border:1px solid #3a3a3a;


  -moz-border-radius:12px;
  border-radius:12px;
  -webkit-box-shadow:2px 2px 4px #3a3a3a;
  -moz-box-shadow:2px 2px 4px #3a3a3a;
  box-shadow:2px 2px 4px #3a3a3a;
  opacity:0;
 -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;  
}
:target .popBox2 {position:fixed; opacity:1;}

.popBox2:hover {box-shadow:3px 3px 6px #5a5a5a;}



.lightbox {display:none; text-indent:0em; background:#000; opacity:0.0; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0;}
:target .lightbox {display:block}



  


/* .popScroll {max-height:99%; overflow-y:scroll;} removed 17/07/2012 */
.popScroll2 {position:absolute; top:9%; left:3%; right:3%; bottom:9%; overflow-y:auto; *overflow-y:scroll; padding-right:0.5em}
  


</style>
</head>


<body>

<ul id="links">
 
  <li><a href="#pop2">Pop-up Two</a></li>

</ul>

<div id="pop2" class="pop-up2">
  <div class="popBox2">
    <div class="popScroll2">
 <?
      $jcno=16270;
     include("jobcard_test.php");?>
    </div>
 
  </div>

  <a href="#links" class="lightbox"></a>
</div>

</body>