/*
	FRAMES, 
	5.05.2008, maximshipko@gmail.com
*/



.frame.gray-border { border: 1px solid #E1E1E1;}
.frame.gray-border i{ background-image: url('fr_gray_b.gif'); }
.frame.gray { background: #E1E1E1; }
.frame.gray i{ background-image: url('fr_gray.gif'); }


.frame.red-border { border: 1px solid #DE2119; }
.frame.red-border i{ background-image: url('fr_red_b.gif'); }
.frame.red { background: #DE2119; color: white;}
.frame.red i{ background-image: url('fr_red.gif'); }


.frame.yellow { background: #FDDB43; }
.frame.yellow i{ background-image: url('fr_yellow.gif'); }


.frame { position: relative; padding: 1em; //height: 1px;}
.frame i { display: block; position: absolute; overflow: hidden; width: 4px; height: 4px; font-size: 1px; }

.frame i.tl { background-position: top left; top: 0; left: 0; }
.frame i.tr { background-position: top right; top: 0; right: 0; left: expression((this.parentNode.offsetWidth-4)+'px'); }
.frame i.bl { background-position: bottom left; bottom: 0; left: 0; top: expression((this.parentNode.offsetHeight-4)+'px'); }
.frame i.br { background-position: bottom right; bottom: 0; right: 0; top: expression((this.parentNode.offsetHeight-4)+'px'); left: expression((this.parentNode.offsetWidth-4)+'px'); }

.frame.gray-border i.tl,
.frame.red-border i.tl { top: -1; left: -1; }
.frame.gray-border i.tr,
.frame.red-border i.tr { top: -1; right: -1; left: expression((this.parentNode.offsetWidth-5)+'px'); }
.frame.gray-border i.bl,
.frame.red-border i.bl { bottom: -1; left: -1; top: expression((this.parentNode.offsetHeight-5)+'px'); }
.frame.gray-border i.br,
.frame.red-border i.br { bottom: -1; right: -1; top: expression((this.parentNode.offsetHeight-5)+'px'); left: expression((this.parentNode.offsetWidth-5)+'px'); }



.frame.white i.tl, .frame.white i.tr, .frame.white i.bl, .frame.white i.br { background-position: top left;}

.frame.white i.tl { background: transparent url(fr_white_tl.png); top: 0; left: 0; }
.frame.white i.tr { background: transparent url(fr_white_tr.png); top: 0; right: 0; left: expression((this.parentNode.offsetWidth-4)+'px'); }
.frame.white i.bl { background: transparent url(fr_white_bl.png); bottom: 0; left: 0; top: expression((this.parentNode.offsetHeight-4)+'px'); }
.frame.white i.br { background: transparent url(fr_white_br.png); bottom: 0; right: 0; top: expression((this.parentNode.offsetHeight-4)+'px'); left: expression((this.parentNode.offsetWidth-4)+'px');}


.frame.white i.tl { //background-image: url(d-t.gif); //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/f/1/global/fr_white_tl.png', sizingMethod='crop');}
.frame.white i.tr { //background-image: url(d-t.gif); //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/f/1/global/fr_white_tr.png', sizingMethod='crop');}
.frame.white i.bl { //background-image: url(d-t.gif); //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/f/1/global/fr_white_bl.png', sizingMethod='crop');}
.frame.white i.br { //background-image: url(d-t.gif); //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/f/1/global/fr_white_br.png', sizingMethod='crop');}