<style>
div.shrink
{
 -ms-transform: scale(.5,.5); /* IE 9 */
  transform: scale(.5,.5); /* Standard syntax */    
}
.frame.drawing
{
outline: 4px solid black;
  outline-offset: 1px;
border-style:solid;
border-color:rgb(215,215,215);
border-width:25px;
padding:2px;
}
.mat
{
line-height: 1.5;
box-sizing: inherit;
background-color: rgb(230,230,230);
border-style: solid;
border-width: 4px;
border-color: rgb(65,25,25);
border-bottom-style: solid;
border-bottom-color: rgb(175,175,175);
border-bottom-width: 3px;


}
.frame
{

border-style:solid;
border-color:black;
border-width:5px;
}

.drawing
{
box-sizing: inherit;
vertical-align: middle;
border-top-style: solid;
border-top-width: 3px;
border-top-color: rgb(110,110,110);
border-left-color: rgb(110,110,110);
border-left-width: 3px;
border-left-style: solid;
border-right-style: solid;
border-right-color: rgb(175,175,195);
border-right-width: 3px;
border-bottom-style: solid;
border-bottom-color: rgb(175,175,175);
border-bottom-width: 3px;
margin: 35px;
z-index: 8;
}

div.left
{
float:left;    
}

img.matinset
[
border-top-style:solid;
border-top-width:3px;
border-top-color:rgb(50,50,50);

border-left-color:rgb(50,50,50);
border-left-width:3px;
border-left-style:solid;

border-right-style:rgb(50,50,50);
border-right-color:rgb(125,125,125);
border-right-width:3px;

border-bottom-style:solid;
border-bottom-color:rgb(125,125,125);
border-bottom-width:3px;
]

div.highlight
{
border-right-style:solid;
border-bottom-style:solid;
border-color:rgb(180,180,180);
border-width:2px;
z-index:4;
}
div.highlight_2
{
border-top-style:solid;
border-left-style:solid;
border-color:rgb(120,120,120);
border-width:2px;
padding-top:4px;
padding-left:4px;
z-index:5;
}
</style>