.highlightWidget {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	overflow: visible;
}

.highlightWidget > .topLeft {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 11px;
	height: 11px;
	overflow: hidden;
}

.highlightWidget.yellow > .topLeft {
	background: url("../../cs/components/highlight/images/yellow_topleft.png") no-repeat;
}

body.preview .highlightWidget.yellow > .topLeft {
	background: url("yellow_topleft.png") no-repeat;
}

.highlightWidget > .topCenter {
	position: absolute;
	left: 11px;
	top: 0px;
	width: 1px;
	height: 11px;
	overflow: hidden;
}

.highlightWidget.yellow > .topCenter {
	background: url("../../cs/components/highlight/images/yellow_topcenter.png") repeat-x;
}

body.preview .highlightWidget.yellow > .topCenter {
	background: url("yellow_topcenter.png") repeat-x;
}

.highlightWidget > .topRight {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 11px;
	height: 11px;
	overflow: hidden;
}

.highlightWidget.yellow > .topRight {
	background: url("../../cs/components/highlight/images/yellow_topright.png") no-repeat;
}

body.preview .highlightWidget.yellow > .topRight {
	background: url("yellow_topright.png") no-repeat;
}

.highlightWidget > .centerLeft {
	position: absolute;
	left: 0px;
	top: 11px;
	width: 11px;
	height: 1px;
	overflow: hidden;
}

.highlightWidget.yellow > .centerLeft {
	background: url("../../cs/components/highlight/images/yellow_centerleft.png") repeat-y;
}

body.preview .highlightWidget.yellow > .centerLeft {
	background: url("yellow_centerleft.png") repeat-y;
}

.highlightWidget > .centerRight {
	position: absolute;
	left: 12px;
	top: 11px;
	width: 11px;
	height: 1px;
	overflow: hidden;
}

.highlightWidget.yellow > .centerRight {
	background: url("../../cs/components/highlight/images/yellow_centerright.png") repeat-y;
}

body.preview .highlightWidget.yellow > .centerRight {
	background: url("yellow_centerright.png") repeat-y;
}

.highlightWidget > .bottomLeft {
	position: absolute;
	left: 0px;
	top: 12px;
	width: 11px;
	height: 11px;
	overflow: hidden;
}

.highlightWidget.yellow > .bottomLeft {
	background: url("../../cs/components/highlight/images/yellow_bottomleft.png") no-repeat;
}

body.preview .highlightWidget.yellow > .bottomLeft {
	background: url("yellow_bottomleft.png") no-repeat;
}

.highlightWidget > .bottomCenter {
	position: absolute;
	left: 11px;
	top: 12px;
	width: 1px;
	height: 11px;
	overflow: hidden;
}

.highlightWidget.yellow > .bottomCenter {
	background: url("../../cs/components/highlight/images/yellow_bottomcenter.png") repeat-x;
}

body.preview .highlightWidget.yellow > .bottomCenter {
	background: url("yellow_bottomcenter.png") repeat-x;
}

.highlightWidget > .bottomRight {
	position: absolute;
	left: 12px;
	top: 12px;
	width: 11px;
	height: 11px;
	overflow: hidden;
}

.highlightWidget.yellow > .bottomRight {
	background: url("../../cs/components/highlight/images/yellow_bottomright.png") no-repeat;
}

body.preview .highlightWidget.yellow > .bottomRight {
	background: url("yellow_bottomright.png") no-repeat;
}