.xVisible0 { background-color: #FBE6E6 !important; }

.xVisible2 { background-color:  #E8F5FD !important; }

.xAdmin {
	padding: 2px;
	white-space: nowrap;
}
/*
div:has(> .xAdmin.inline) {  styles to apply to the parent div tag
	position: relative;
}*/

/* INFO: public-admin buttons */
.xItem { position: relative; }

.xItem > .xAdmin {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid #BBB;
	padding: 1px;
	background-color: rgba(230,230,230,0.8);
	z-index: 1;
	white-space: nowrap;
}

.xItem:hover > .xAdmin { display: block; }
/* *** */

.xAdmin .visible0,
.xAdmin .visible1,
.xAdmin .visible2,
.xAdmin .edit,
.xAdmin .clone,
.xAdmin .delete,
.xAdmin .new,
.xAdmin .list,
.xAdmin .star0,
.xAdmin .star1 {
	border: 1px solid #BBB;
	background-color: #FFF;
	background-repeat: no-repeat;
	width: 29px;
	height: 29px;
	margin: 2px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.xAdmin .visible0 {
	background-image: url(/img/admin/visible1.png);
	background-position: bottom center;
}

.xAdmin .visible1,
.xAdmin .visible2 {
	background-image: url(/img/admin/visible1.png);
	background-position: top center;
}

.xAdmin .edit {
	background-image: url(/img/admin/edit1.png);
	background-position: top center;
}

.xAdmin .clone {
	background-image: url(/img/admin/clone1.png);
	background-position: top center;
}

.xAdmin .delete {
	background-image: url(/img/admin/delete1.png);
	background-position: top center;
}

.xAdmin .new {
	background-image: url(/img/admin/new1.png);
	background-position: top center;
}

.xAdmin .list {
	background-image: url(/img/admin/list1.png);
	background-position: top center;
}

.xAdmin .star0,
.xAdmin .star1 {
	background-image: url(/img/admin/star1.png);
}

.xAdmin .star0{
	background-position: top center;
}

.xAdmin .star1{
	background-position: bottom center;
}

.xAdmin .visible0:hover,
.xAdmin .star0:hover {
	background-position: top center;
	border-color: #999;
}

.xAdmin .visible1:hover,
.xAdmin .star1:hover {
	background-position: bottom center;
	border-color: #999;
}

.xAdmin .edit:hover,
.xAdmin .delete:hover,
.xAdmin .list:hover,
.xAdmin .new:hover,
.xAdmin .clone:hover {
	background-position: bottom center;
	border-color: #999;
}

/* retina display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

	.xAdmin {
		padding: 2px;
		white-space: nowrap;
	}

	.xAdmin .visible0,
	.xAdmin .visible1,
	.xAdmin .new,
	.xAdmin .edit,
	.xAdmin .clone,
	.xAdmin .delete,
	.xAdmin .list,
	.xAdmin .star {
		width: 41px;
		height: 41px;
	}

	.xAdmin .visible0,
	.xAdmin .visible1 {
		background-image: url(/img/admin/visible2.png);
	}

	.xAdmin .edit {
		background-image: url(/img/admin/edit2.png);
	}

	.xAdmin .clone {
		background-image: url(/img/admin/clone2.png);
	}

	.xAdmin .delete {
		background-image: url(/img/admin/delete2.png);
	}

	.xAdmin .new {
		background-image: url(/img/admin/new2.png);
	}

	.xAdmin .list {
		background-image: url(/img/admin/list2.png);
	}

	.xAdmin .star {
		background-image: url(/img/admin/star2.png);
	}
}

.xAdmin .visible0.disabled,
.xAdmin .visible1.disabled,
.xAdmin .edit.disabled,
.xAdmin .clone.disabled,
.xAdmin .delete.disabled,
.xAdmin .new.disabled,
.xAdmin .list.disabled,
.xAdmin .star.disabled {
	opacity: .5;
	cursor: default;
}