#sb-title {
	padding-right: 20px; /*clear #sb-nav-close by 4px*/
	z-index: 1;
}
#sb-nav-close {
	background-color: transparent;
	background-image: url(resources/close.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 26px; /*initially set to same as #sb-title height*/
	right: 0;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	z-index: 2;
}
#sb-body {
	z-index: 3;
}
#sb-info {
	z-index: 4;
}

/*
If you want to place, for example, the word 'Close' beside the button, the simplest way (if you do not need multiple languages) is to :
- create your own graphic that includes the desired text
- replace the existing resources/close.png with your new graphic
- modify shadowbox.skin2.css to change (at least) :
     (a) the width of #sb-nav-close (to match your new graphic's width)
     (b) the padding-right of #sb-title (to accommodate your new graphic's width).
*/