/*table.shadow
{
border-collapse:collapse;
}
td.1a
{
border: 2px,0px,0px,2px;
width:6px;
background: #ff99ff;
}
td.1b
{
border: 2px,0px,0px,2px;
width:6px;
background: ffccff;
}
td.2
{
border: 0px,2px,2px,0px;
width:6px;
background: ffccff;
}
td.3
{
border: 0px,0px,2px,2px;
width:6px;
}
td.4
{
border: 2px,2px,0px,0px;
width:6px;
}
td.5
{
background: #ff99ff;
height:6px;
width:6px;
}
td.6
{
background: ffccff;
height:6px;
} */

/* .shadow { 
   width: 200px; 
   margin: 2px 8px 8px 2px; 
   background: #ff99ff; 
  } 
  .inner { 
   width: 200px; 
   position: relative; 
   top: 6px; 
   left: 6px; 
   background: #ffccff; 
  } 
  div.inner { 
   -moz-box-sizing: border-box; 
   box-sizing: border-box; 
   padding: 4px 0px 4px 6px; 
  } 
  table.inner td { 
   padding: 4px 0px 4px 6px; 
  } 
  */
  
  .img-shadow {
float:right;
background:  url(../en/jhr/img/shadow_big.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative;
margin-top:5px; /* Make the shadow's position relative to its image */
/* This creates a border around the image */
 /* Background color of the border created by the padding */
 /* A 1 pixel greyish border is applied to the white border created by the padding */

margin: 0 6px 6px -6px;/* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}