.ydsf{display:block;position:relative;margin:4px -4px -4px 4px;background:url(shadow-grid.gif) repeat;}html>body .ydsf{margin:10px -10px -10px 10px;background:url(shadow.png) right bottom no-repeat;}.ydsf:before,.ydsf:after{content:" ";display:block;background:inherit;}.ydsf:before{position:absolute;top:0;right:0;width:14px;height:14px;margin:-14px 0 0 auto;background-position:right top;}.ydsf:after{width:10px;height:14px;margin:-14px 0 0 -10px;background-position:left bottom;}.ydsf .inner{display:block;position:relative;overflow:hidden;left:-4px;top:-4px;}html>body .ydsf .inner{position:relative;left:-14px;top:-14px;margin:0;}.demo-ydsf{position:relative;border:1px solid #999;padding:10px;background:#fff url(gradient.jpg) left top repeat-x;}.clear{clear:both;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;border:0;padding:0;font-size:0;line-height:0;}.left{float:left;display:inline;}.right{float:right;}.note{width:200px;border:1px solid #666;padding:10px;background:#ffc;color:#333;}