<!-- 
.top-leftO, .top-rightO, .bottom-leftO, .bottom-rightO { 
	background-image: url('../images/corners-orange.gif'); /* CHANGE: path and name of your image */
	height: 28px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-leftO, .bottom-leftO { 
	margin-right: 28px; /* CHANGE: replace by the width of one of your corners */
	}
.top-rightO, .bottom-rightO { 
	margin-left: 28px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -28px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-rightO {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-leftO  { 
	background-position: 0 -28px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-rightO { 
	background-position: 100% -28px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.insideO {
	border-left: 1px solid #ff9900; /* OCC: color & properties of the left-borderline */
	border-right: 1px solid #ff9900;/* OCC: color & properties of the right-borderline */
	/* background: #FFF5E5;            /* OCC: background-color of the inside */
	/* background-image: url('../images/dots_orange.gif');
	color: #000000;                 /* OCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right: 5px;             /* YCC: all texts at some distance of the right border */
	padding-top: 12px;
	}

-->























