/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(../cmsimages/shadow/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 11px -11px -11px 11px;
	background: url(../cmsimages/shadow/shadow3.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 11px;
	height: 11px;
	background: inherit;	
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -11px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -11px 0 0 -11px;
	background-position: left bottom;
}

.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -11px;
	top: -11px;
	margin: 0;
}


.ydsfsmall {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(../cmsimages/shadow/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsfsmall {
	margin: 11px -11px -11px 11px;
	background: url(../cmsimages/shadow/shadow-small.png) right bottom no-repeat;
}

/* shadow corners */
.ydsfsmall:before,
.ydsfsmall:after {
	content: " ";
	display: block;
	width: 11px;
	height: 11px;
	background: inherit;	
}

.ydsfsmall:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -11px 0 0 auto;
	background-position: right top;
}

.ydsfsmall:after {
	margin: -11px 0 0 -11px;
	background-position: left bottom;
}

.ydsfsmall .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .ydsfsmall {
	left: -11px;
	top: -11px;
	margin: 0;
}