
/* Trigger hasLayout for IE6 */
	* html .p {
		_zoom: 1;
	}

/* Default styles, suitable for 10px by 10px sprites in a horizontal row (i.e: 10px by 40px combined) */
/* "p" for "presentation" (these are purely presentational elements) */
	.cornerised {
		position: relative;
		overflow: hidden;
	}
	.p {
		display: block;
		width: 10px;
		height: 10px;
		position: absolute;
		background-color: transparent;
		background-position: left top;
		background-repeat: no-repeat;
		background-image: url(../images/corners.png); /* override this to use a different sprite */
		overflow: hidden;
	}
	.p1 {
		top: 0;
		left: 0;
		background-position: 0 0;
	}
	.p2 {
		top: 0;
		right: 0;
		background-position: -10px 0;
	}
	.p3 {
		bottom: 0;
		right: 0;
		background-position: -20px 0;
	}
	.p4 {
		bottom: 0;
		left: 0;
		background-position: -30px 0;
	}



/* IE6 rounding error */
	* html .p2,
	* html .p3 {
		/*right: expression((document.body.offsetWidth%2==0)?"-1px":"0") !important;*/
		margin-right: expression(this.parentNode.offsetWidth%2==0 ? '0': '-1px');
	}
	* html .p3,
	* html .p4 {
		/*bottom: -1px !important;*/
		margin-bottom: expression(this.parentNode.offsetHeight%2==0 ?'0' : '-1px'); 
	}
