.framed,
.framed .f_r,
.framed .f_b,
.framed .f_l,
.framed .f_c
{
float: left;
position: relative; z-index: 1;
width: auto; height: auto;
margin: 0; padding: 0;
}
.framed .f_tt,
.framed .f_rr,
.framed .f_bb,
.framed .f_ll
{
display: none;
}
.framed
{
margin: 0 30px 45px 0;
background: url('../images/hint-t.png') no-repeat left top;
-background: none;
}
.framed .f_r
{
left: 30px;
background: url('../images/hint-r.png') no-repeat right top;
-background: none;
}
.framed .f_b
{
top: 30px;
background: url('../images/hint-b.png') no-repeat right bottom;
-background: none;
}
.framed .f_c
{
float: none;
position: relative;
left: 30px; top: -15px;
padding: 1px 0; margin: 0 30px 0 0;
background: #fffcb8;
}
.framed .f_l
{
left: -30px;
padding: 15px 0;
background: url('../images/hint-l.png') no-repeat left bottom;
-background: none;
}
* html .framed .f_r,
* html .framed .f_b,
* html .framed .f_l
{ height: 0; }
* html .framed .f_tt,
* html .framed .f_rr,
* html .framed .f_bb,
* html .framed .f_bb *,
* html .framed .f_ll,
* html .framed .f_ll *
{
display: block;
position: absolute;
left: 0; top: 0;
}
* html .framed .f_tt
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-t.png,sizingMethod=crop);
}
* html .framed .f_rr
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-r.png,sizingMethod=crop);
}
* html .framed .f_tt,
* html .framed .f_bb
{
width: expression( parentNode.offsetWidth ); height: 30px;
}
* html .framed .f_rr,
* html .framed .f_ll
{
width: 30px; height: expression( parentNode.offsetHeight );
}
* html .framed .f_bb,
* html .framed .f_ll
{
overflow: hidden;
}
* html .framed .f_bb *
{
width: 3000px; height: 30px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-b.png,sizingMethod=image);
}
* html .framed .f_ll *
{
width: 30px; height: 3000px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-l.png,sizingMethod=image);
}
/* Исправляем неправильный расчет позиции при "нечетной ширине" */
* html .framed .f_rr,
* html .framed .f_bb *
{ right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); left: auto; }
* html .framed .f_ll,
* html .framed .f_ll *,
* html .framed .f_bb,
* html .framed .f_bb *
{ bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 ); top: auto; }


.lt {position:absolute; left:-30px; top:-30px; background:url(../images/lt-corner.png) no-repeat; -background: none;}
.rt {position:absolute; right:-30px; top:-30px; background:url(../images/rt-corner.png) no-repeat; -background: none;}
.lb {position:absolute; left:-29px; bottom:-33px; background:url(../images/lb-corner.png) no-repeat; -background: none;}
.rb {position:absolute; right:-29px; bottom:-33px; background:url(../images/rb-corner.png) no-repeat; -background: none;}

.bigimg {position:relative; left:-30px; margin:30px 0 20px 0;}
.smallimg {position:relative; left:-12px; float:left; margin:25px 0 0px 0;}
.smallimg-w-shad {position:relative; float:left; margin:22px 25px 40px 0;}
.img-w-shad-big {margin:10px 0 45px 0;}
.innerimg {margin-bottom:-4px; margin-top:-1px;}


.smallimg .framed
{
margin: 0 12px 25px 0;
background: url('../images/hint-t2.png') no-repeat left top;
-background: none;
}
.smallimg .framed .f_r
{
left: 12px;
background: url('../images/hint-r2.png') no-repeat right top;
-background: none;
}
.smallimg .framed .f_b
{
top: 12px;
background: url('../images/hint-b2.png') no-repeat right bottom;
-background: none;
}
.smallimg .framed .f_c
{
float: none;
position: relative;
left: 12px; top: -6px;
padding: 1px 0; margin: 0 12px 0 0;
background: #fffcb8;
}
.smallimg .framed .f_l
{
left: -12px;
padding: 6px 0;
background: url('../images/hint-l2.png') no-repeat left bottom;
-background: none;
}

* html .smallimg .framed .f_tt
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-t2.png,sizingMethod=crop);
}
* html .smallimg .framed .f_rr
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-r2.png,sizingMethod=crop);
}
* html .smallimg .framed .f_tt,
* html .smallimg .framed .f_bb
{
width: expression( parentNode.offsetWidth ); height: 12px;
}
* html .smallimg .framed .f_rr,
* html .smallimg .framed .f_ll
{
width: 12px; height: expression( parentNode.offsetHeight );
}
* html .smallimg .framed .f_bb *
{
width: 3000px; height: 12px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-b2.png,sizingMethod=image);
}
* html .smallimg .framed .f_ll *
{
width: 12px; height: 3000px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-l2.png,sizingMethod=image);
}