/* ADMIN BUTTONS */
div.mgAdmin {
	display: none;
	position: absolute;
	right: 10px;
	border: 1px solid #BBB;
	padding: 1px;
	background-color: rgba(230,230,230,0.8);
	z-index: 1;
	white-space: nowrap;
}

div.mgAdmin:after {
	content: " "; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.mgVisible0 { background-color:#F5CBCB; }

.mgAdminFrame { position: relative; }

.mgAdminFrame .visible0,
.mgAdminFrame .visible1,
.mgAdminFrame .visible02,
.mgAdminFrame .visible2,
.mgAdminFrame .edit,
.mgAdminFrame .delete,
.mgAdminFrame .new,
.mgAdminFrame .list,
.mgAdminFrame .delim {
	background-color: #FFF;
	background-image: url(../img/admin_buttons.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 29px;
	height: 29px;
	margin: 2px;
	display: inline-block;
	vertical-align: top;
}

.mgAdminFrame .visible1 { background-position: -11px -11px; border: 1px solid #BBB; }
.mgAdminFrame .visible0 { background-position: -61px -11px; border: 1px solid #BBB; }
.mgAdminFrame .edit { background-position: -111px -11px; border: 1px solid #BBB; }
.mgAdminFrame .delete { background-position: -161px -11px; border: 1px solid #BBB;  }
.mgAdminFrame .new { background-position: -211px -11px; border: 1px solid #BBB;  }
.mgAdminFrame .visible2 { background-position: -261px -11px; border: 1px solid #BBB; }
.mgAdminFrame .visible02 { background-position: -311px -11px; border: 1px solid #BBB; }

.mgAdminFrame .visible1:hover { background-position: -11px -61px; border:1px solid #999; }
.mgAdminFrame .visible0:hover { background-position: -61px -61px; border:1px solid #999; }
.mgAdminFrame .edit:hover { background-position: -111px -61px; border:1px solid #999; }
.mgAdminFrame .delete:hover { background-position: -161px -61px; border:1px solid #999; }
.mgAdminFrame .new:hover { background-position: -211px -61px; border:1px solid #999; }
.mgAdminFrame .visible2:hover { background-position: -261px -61px; border-color: #999; }
.mgAdminFrame .visible02:hover { background-position: -311px -61px; border-color: #999; }

form.admin {
	padding: 20px;
	background-color: #FCFCFC;
}

form.admin h3 {
	margin: 0;
	padding: 10px 20px;
}

form.admin h4 {
	margin: 0;
	padding: 10px 20px 0 20px;
}

@media all and (max-width: 999px) {
    form.admin {
    	width: 100%;
    	box-sizing: border-box;
    }
}

@media all and (min-width: 1000px){
	form.admin { width: 1000px; }
}


