/**
 * Gnosis::Site::Listing
 */
[applet=gnosis-site] table {
	border-collapse: collapse;
	background: white;
}

[applet=gnosis-site] td, [applet=gnosis-site] th {
	border: solid 1px #666;
	padding: 0 2px;
}

[applet=gnosis-site] tr:focus {
	background: royalblue;
	color: white;
}

[applet=gnosis-site] .filters {
	height: 18px;
}

[applet=gnosis-site] thead {
	position: sticky;
}

[applet=gnosis-site] tbody tr:nth-child(even) {background: GhostWhite}
[applet=gnosis-site] tbody tr:nth-child(odd) {background: white}


/**
 * Eon::Standard::Row
 */
.eon-standard-row > *:first-child {
	margin-left: 0;
}
.eon-standard-row > * {
	display: inline-block;
	margin-left: -.36em;
}

/**
 * Eon::Standard::Button
 */
/* injection /asset/bonbon/bonbon-1.1.css */


/* BonBon Buttons 1.1 by simurai.com

1.1 Added unprefixed attributes, :focus style, <button> support
1.0 Released

Usage:
	
	Default button: 			<a href="" class="button">Label</a>
	More fancy with icon: 		<a href="" class="button orange glossy" data-icon="★">Label</a>
	
Following additional class names are supported:
		
	Color: 		orange, pink, blue, green, transparent
	Font: 		serif
	Material: 	glossy, glass
	Size: 		xs, xl
	Shape: 		round, oval, brackets, skew, back, knife, shield, drop, morph
	Icon only: 	icon
	Disabled:	disabled

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:bold+Lobster);
@import url(http://fonts.googleapis.com/css?family=Lobster);

*/


/* -------------- THE button -------------- */
.button {

/* text */
	text-decoration: 		none;
	font: 					24px/1em 'Droid Sans', sans-serif;
	font-weight: 			bold;
	text-shadow: 			rgba(255,255,255,.5) 0 1px 0;
	-webkit-user-select: 	none;
	-moz-user-select: 		none;
	user-select: 			none;
	
	
/* layout */
	padding: 				.5em .6em .4em .6em;
	margin: 				.5em;
	display: 				inline-block;
	position: 				relative;
	
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius: 	8px;
	
/* effects */
	border-top: 		1px solid rgba(255,255,255,0.8);
	border-bottom: 		1px solid rgba(0,0,0,0.1);
	
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);
	background-image: 	-moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url(noise.png);
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);

	-webkit-transition: background .2s ease-in-out;
	-moz-transition: 	background .2s ease-in-out;
	transition: 		background .2s ease-in-out;
	
/* color */
	color: 				hsl(0, 0%, 40%) !important;
	background-color: 	hsl(0, 0%, 75%);
	
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}

/* -------------- button (tag) -------------- */

button.button {
	border-left: none;
	border-right: none;
}
button.button:hover {
	cursor: pointer;
}


/* -------------- icon -------------- */
.button:before {
	font: 			1.2em/0 sans-serif;
	content: 		attr(data-icon); /* gets the icon value from the custom data attribute and puts it infront of the button label */
	margin-right: 6px;
}


/* icon only */
.icon {
	font-weight: normal;
	font-style: normal;
}
.icon:before {
	display: 		block;
	height: 		.75em;
	line-height:    .75em;
	margin: 0;
}



/* -------------- colours -------------- */

.button.orange {
	color: 				hsl(39, 100%, 30%) !important;
	background-color: 	hsl(39, 100%, 50%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.orange:hover { 	background-color: hsl(39, 100%, 65%); }


.button.blue {
	color: 				hsl(208, 50%, 40%) !important;
	background-color: 	hsl(208, 100%, 75%);
	
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
}
.button.blue:hover { 	background-color: hsl(208, 100%, 83%); }

.button.green {
	color: 				hsl(88, 70%, 30%) !important;
	background-color: 	hsl(88, 70%, 60%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.green:hover { 	background-color: hsl(88, 70%, 75%); }

.button.pink {
	color: 				hsl(340, 100%, 30%) !important;
	background-color: 	hsl(340, 100%, 75%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.pink:hover { 	background-color: hsl(340, 100%, 83%); }



.button.transparent {
	color: 	rgba(0,0,0,0.5) !important;
}
.button.transparent, .button.transparent:hover, .button.transparent:active {
	background-color: transparent;
	background-image: none;
}
.button.transparent:hover {
	opacity: .9;
}



/* -------------- States -------------- */

.button:hover {
	background-color: 	hsl(0, 0%, 83%);
}



.button:active {
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);
	background-image: 	-moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);

	-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

	-webkit-transform: 	translateY(.2em);
	-moz-transform: 	translateY(.2em);
	transform: 			translateY(.2em);
}

.button:focus {
	outline: none;
	color: rgba(254,255,255,0.9) !important;
	text-shadow: rgba(0,0,0,0.2) 0 1px 2px;
}

.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
	opacity: 			.5;
	cursor: 			default;
	color: 				rgba(0,0,0,0.2) !important;
	text-shadow: 		none !important;
	background-color: 	rgba(0,0,0,0.05);
	background-image: 	none;
	border-top: 		none;

	-webkit-box-shadow: inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

	-webkit-transform: 	translateY(5px);
	-moz-transform: 	translateY(5px);
	transform: 			translateY(5px);
}

/* -------------- Fonts -------------- */

.serif { 
	font-family: 'Lobster', serif;
	font-weight: 			normal;
}


/* -------------- Sizes -------------- */

.xs { font-size: 16px; }
.xl { font-size: 32px; }


/* -------------- Materials -------------- */

.button.glossy:after, .button.glass:after {
	content: 	"";
	position: 	absolute; 
    width: 		90%;
    height: 	60%;
    top: 		0;
    left: 		5%;    
    
    -webkit-border-radius: 	.5em .5em 1em 1em / .5em .5em 2em 2em;    
    -moz-border-radius: 	.5em .5em 1em 1em / .5em .5em 2em 2em;
    border-radius: 			.5em .5em 1em 1em / .5em .5em 2em 2em;
    
    background-image: 		-webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
    background-image: 		-moz-linear-gradient(left, rgba(255,255,255,.55), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) );	
    background-image: 		gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
}
.button.glossy:active:after,
.button.glass:active:after,
.button.disabled:after,
.button[disabled]:after
 { opacity: .6; }

.button.icon.glossy:after,
.button.icon.glass:after { height: 75% ; }

/* -------------- Glass + Transparent -------------- */
.button.glass {
	text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,0.18) 0 .18em .15em;
}
.button.glass:active {
	text-shadow: rgba(255,255,255,.3) 0 1px 0, rgba(0,0,0,0.15) 0 .18em .15em;
}


/* -------------- Shapes -------------- */

/* round */
.round, .round.glossy:after, .round.glass:after { 
	border-top: none; 
	-webkit-border-radius: 	1em; 
	-moz-border-radius: 	1em; 
	border-radius: 			1em; 
}

/* oval */
.oval {
	border-top: 			none; 
	padding-left: 			.8em;
	padding-right: 			.8em;
	-webkit-border-radius: 	5em / 2em; 
	-moz-border-radius: 	5em / 2em; 
	border-radius: 			5em / 2em; 
}
.oval.glossy:after, .oval.glass:after { 	
	top: 					5%;
	-webkit-border-radius: 	5em / 2em 2em 1em 1em; 
	-moz-border-radius: 	5em / 2em 2em 1em 1em; 
	border-radius: 			5em / 2em 2em 1em 1em; 
}
.oval.icon {
	padding-left: 			.8em;
	padding-right: 			.8em;	
	-webkit-border-radius: 	1.5em / 1em; 
	-moz-border-radius: 	1.5em / 1em; 
	border-radius: 			1.5em / 1em; 
}
.oval.icon.glossy:after, .oval.icon.glass:after {	
	-webkit-border-radius: 	1.5em / 1em; 
	-moz-border-radius: 	1.5em / 1em; 
	border-radius: 			1.5em / 1em; 
}

/* brackets */
.brackets, .brackets.glossy:after, .brackets.glass:after { 
	border-top: 			none; 
	-webkit-border-radius: 	.5em / 1em;
	-moz-border-radius: 	.5em / 1em;
	border-radius: 			.5em / 1em;
}

/* skew */
.skew { 
	border-top: 			none; 
	padding-right: 			1.2em;
	padding-left: 			0.8em;	
	-webkit-border-radius: 	5em 1em / 5em 1em;  
	-moz-border-radius: 	5em 1em / 5em 1em;  
	border-radius: 			5em 1em / 5em 1em;  
}
.skew.glossy:after, .skew.glass:after { 	
	left: 10%;
	-webkit-border-radius: 	7em 1em / 5em 1em;
	-moz-border-radius: 	7em 1em / 5em 1em;
	border-radius: 			7em 1em / 5em 1em;
}
.skew.icon { 	
	padding-right: 			.9em;
	padding-left: 			.8em;
}

/* back */
.back, .back.glossy:after, .back.glass:after { 
	border-top-color: 		rgba(255,255,255,0.5);
	-webkit-border-radius: 	1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
	-moz-border-radius: 	1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
	border-radius: 			1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
}
.back.glossy:after, .back.glass:after { 
	 left: 	6%;
	 width:	88%;
}

/* knife */
.knife { 						
	padding-left: 1.5em;
	-webkit-border-radius: 	.2em .5em .5em 8em / .2em .5em .5em 5em; 
	-moz-border-radius: 	.2em .5em .5em 8em / .2em .5em .5em 5em; 
	border-radius: 			.2em .5em .5em 8em / .2em .5em .5em 5em; 
}
.knife.glossy:after, .knife.glass:after {
	left: 					3%;
	width: 					97%; 		
	-webkit-border-radius: 	.1em .5em .5em 8em / .1em .5em .5em 2em;   
	-moz-border-radius: 	.1em .5em .5em 8em / .1em .5em .5em 2em;   
	border-radius: 			.1em .5em .5em 8em / .1em .5em .5em 2em;   
}
.knife.glossy.icon:after, .knife.glass.icon:after { 
	left: 					5%; 
	width: 					95%;
	-webkit-border-radius: 	.5em .5em 1em 6em / .5em .5em 1em 4em; 
	-moz-border-radius: 	.5em .5em 1em 6em / .5em .5em 1em 4em; 
	border-radius: 			.5em .5em 1em 6em / .5em .5em 1em 4em; 
}

/* shield */
.shield, .shield.glossy:after, .shield.glass:after { 
	-webkit-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em; 
	-moz-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	border-radius: 			.4em .4em 2em 2em / .4em .4em 3em 3em;
}
.shield { 							
	padding-left: 	.8em;
	padding-right: 	.8em;
}
.shield.icon { 						
	padding-left: 	.6em; 
	padding-right: 	.6em;
}

/* drop */
.drop {
	border-top: none;
	-webkit-border-radius: 	2em 5em  2em .6em / 2em 4em 2em .6em; 
	-moz-border-radius: 	2em 5em  2em .6em / 2em 4em 2em .6em; 
	border-radius: 			2em 5em  2em .6em / 2em 4em 2em .6em; 
}
.drop.glossy:after, .drop.glass:after { 
	left: 4%;
	-webkit-border-radius: 	2em 6em  2em 1em / 2em 4em 2em 2em; 
	-moz-border-radius: 	2em 6em  2em 1em / 2em 4em 2em 2em;
	border-radius: 			2em 6em  2em 1em / 2em 4em 2em 2em;
}
.drop.icon { 	
	padding-right: .6em; 
}


/* morph */
.morph {
	border-top: none;
	-webkit-border-radius: 	5em / 2em;
	-moz-border-radius: 	5em / 2em;
	border-radius: 			5em / 2em;
	-webkit-transition: 	-webkit-border-radius .3s ease-in-out;
	-moz-transition: 		-moz-border-radius .3s ease-in-out;
	transition: 			-moz-border-radius .3s ease-in-out;
}
.morph:hover { 
	-webkit-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	-moz-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	border-radius: 			.4em .4em 2em 2em / .4em .4em 3em 3em;
}
.morph:active { 
	-webkit-border-radius: 	.3em;
	-moz-border-radius: 	.3em;
	border-radius: 			.3em;
}
.morph:after { 
	display: none;
}




/* Damn, this became a fat baby..  */


/* end injection /asset/bonbon/bonbon-1.1.css */


[applet=eon-standard-tab] {
	float: left;
}

/**
 * Eon::Standard::Box
 */
.eon-standard-box > * {
	display: block;
}

/**
 * Eon::Html::Ed
 */
.aioned-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.aioned-menu li {
	cursor: pointer;
	margin: 0;
	border-radius: 4px;
	padding: 2px;
}
.aioned-menu li:hover {
	background: royalblue;
	color: white;
}
.aioned-menu .aioned-menu-active {
	color: pink;
}

/**
 * Astrobook::Profile::Listing
 */
.profile-ava {
	margin-bottom: 4px;
}
.profile-ava_file + label i {
	color: red;
}
.profile-nik {
	
}
.profile-nik_change {
	margin-top: 4px;
}
.profile-nik_change i {
	color: SteelBlue;
}
.profile-qrcode table {border-collapse: collapse}
.profile-qrcode th, .profile-qrcode td {margin:0; padding:0; width: 3px; height: 3px;}
.profile-qrcode th { background: white }
.profile-qrcode td { background: black }

/**
 * Astrobook::Map::View
 */
.star4 {
	display: inline-block;
	clip-path: polygon(50% 0%, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0% 50%, 40% 40%);
	
}
.star4-boy {
	background: #FF0000;
}
.star4-girl {
	background: #1E90FF;
}

.map-quadrant-container {
	display: inline-block;
	text-align: center;
	line-height: 0;
}

.map-quadrant-orientation {
	display: inline-block;
	width: 2em;
	text-align: center;
	color: #260382;
}

.map-quadrant-distance {
	display: inline-block;
	background: royalblue;
	background-color: #260382;
	height: 3px;
	margin: 0 3px;
}
.map-quadrant-distance:before {
	content: ' ';
	display: block;
	float: left;
	margin-left: -3px;
	width: 0;
    height: 0;
    border-top: 6px solid #260382;
    border-left: 6px solid transparent;
}
.map-quadrant-distance:after {
	content: ' ';
	display: block;
	float: right;
	margin-right: -3px;
	width: 0;
    height: 0;
    border-top: 6px solid #260382;
    border-right: 6px solid transparent;
}

[applet=map-quadrant] [load-book] {
	cursor: pointer;
}

.map-quadrant-cover {
	max-width: 40px;
	max-height: 60px;
	float: right;
	margin-left: 2px;
	margin-bottom: 2px;
}


/**
 * Astrobook::Map::Listing
 */

/* injection /sprite/gestures.css */
.gestures-cursor-keys, .gestures-touch-pan, .gestures-touch-pinch, .gestures-touch-tap, .gestures-touch-unpinch, .gestures-mouse-scroll, .gestures-mouse-move, .gestures-mouse-click, .gestures-pageup-pagedown { background: url("/sprite/gestures.png?update=2022-11-26_01:08:16") no-repeat; display: -moz-inline-stack; display: inline-block; *zoom: 1; *display: inline; }

.gestures-cursor-keys { background-position: -1px -1px; width: 90px; height: 59px;}
.gestures-touch-pan { background-position: -93px -1px; width: 90px; height: 90px;}
.gestures-touch-pinch { background-position: -1px -93px; width: 90px; height: 90px;}
.gestures-touch-tap { background-position: -93px -93px; width: 90px; height: 90px;}
.gestures-touch-unpinch { background-position: -1px -185px; width: 90px; height: 90px;}
.gestures-mouse-scroll { background-position: -93px -185px; width: 56px; height: 90px;}
.gestures-mouse-move { background-position: -151px -185px; width: 52px; height: 90px;}
.gestures-mouse-click { background-position: -1px -277px; width: 51px; height: 90px;}
.gestures-pageup-pagedown { background-position: -54px -277px; width: 47px; height: 90px;}

/* end injection /sprite/gestures.css */

/* injection /sprite/coordinates.css */
.coordinates-action-1-sleep, .coordinates-action-2-crawl, .coordinates-action-3-ritter, .coordinates-action-4-auto, .coordinates-action-5-levitation_car, .coordinates-action-6-supergirl, .coordinates-age-1-neolitic, .coordinates-age-2-ancient, .coordinates-age-3-antiquity, .coordinates-age-4-medieval, .coordinates-age-5-modern, .coordinates-age-6-future, .coordinates-center { background: url("/sprite/coordinates.png?update=2022-11-26_01:08:16") no-repeat; display: -moz-inline-stack; display: inline-block; *zoom: 1; *display: inline; }

.coordinates-action-1-sleep { background-position: -1px -1px; width: 48px; height: 48px;}
.coordinates-action-2-crawl { background-position: -51px -1px; width: 48px; height: 48px;}
.coordinates-action-3-ritter { background-position: -101px -1px; width: 48px; height: 48px;}
.coordinates-action-4-auto { background-position: -1px -51px; width: 48px; height: 48px;}
.coordinates-action-5-levitation_car { background-position: -51px -51px; width: 48px; height: 48px;}
.coordinates-action-6-supergirl { background-position: -101px -51px; width: 48px; height: 48px;}
.coordinates-age-1-neolitic { background-position: -1px -101px; width: 48px; height: 48px;}
.coordinates-age-2-ancient { background-position: -51px -101px; width: 48px; height: 48px;}
.coordinates-age-3-antiquity { background-position: -101px -101px; width: 48px; height: 48px;}
.coordinates-age-4-medieval { background-position: -1px -151px; width: 48px; height: 48px;}
.coordinates-age-5-modern { background-position: -51px -151px; width: 48px; height: 48px;}
.coordinates-age-6-future { background-position: -101px -151px; width: 48px; height: 48px;}
.coordinates-center { background-position: -1px -201px; width: 48px; height: 48px;}

/* end injection /sprite/coordinates.css */

.map-kosmobook #header { position: relative; z-index: 10; }
.map-kosmobook #content {display: none}
.map-kosmobook footer { float: left; display: none; }
body.map-kosmobook {background-color: #260382}
.map-kosmobook #pagewrap {position: relative; z-index: 1 }
.map-kosmobook [applet=map-kosmobook] {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

[applet=map-kosmobook] {
	position: relative;
	overflow: hidden;
	background-color: #260382;
}

.map-kosmobook-map {
	position: absolute;
	cursor: crosshair;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
	/*background: azure;*/
}

.map-kosmobook-map > img {
	display: block;
	position: absolute;

	user-select: none;
	pointer-events: none;
	cursor: crosshair;
	
	width: 532px;
	height: 532px;
	max-width: none;
	max-height: none;

	/*background: rgba(0, 35, 102, 0.5);
	outline: solid 1px rgba(255,0,0,0.5);*/
}

.map-kosmobook-aim {
	position: absolute;
	color: white;
	z-index: 1000;
	cursor: crosshair;
}


.map-kosmobook-y_axis i, .map-kosmobook-x_axis i {
	display: block;
	float: left;
}
.map-kosmobook-y_axis i { margin-bottom: 4px; }
.map-kosmobook-x_axis i { margin-left: 4px; }

.map-kosmobook-y_axis, .map-kosmobook-x_axis, .coordinates-center {
	position: absolute;
	z-index: 999;
	cursor: pointer;
}

.map-kosmobook-y_axis {
	width: 48px;
	bottom: 52px;
	left: 2px;
}

.coordinates-center {
	bottom: 2px;
	left: 2px;
}

.map-kosmobook-x_axis {
	height: 48px;
	left: 52px;
	bottom: 2px;
}

.map-kosmobook-y_indicator, .map-kosmobook-x_indicator {
	position: absolute;
	z-index: 1;
	background-color: rgba(255, 0, 0, .3);
	width: 100%;
	height: 100%;
}

[applet=map-close] {
	position: absolute; 
	right: 5px; 
	margin-top: 5px; 
	z-index: 10;
}

[applet=map-prev-sidebar] {
	position: absolute; 
	z-index: 10; 
	margin-top: 3em; 
	right: 5px; 
	cursor: pointer;
}


/**
 * Astrobook::Libra::Pages::View
 */
.book-pages-page {
	font-family: Roboto,Helvetica,Arial,sans-serif;
	font-size: 18px;
	line-height: 1.35em;
}

/**
 * Astrobook::Libra::View
 */

/* injection /sprite/social.css */
.social-evernote, .social-facebook, .social-flipboard, .social-gmail, .social-google-plus, .social-linkedin, .social-livejournal, .social-mail-ru, .social-mailto, .social-moi-mir, .social-ok, .social-pinterest, .social-rambler, .social-reddit, .social-skype, .social-slack, .social-telegram, .social-twitter, .social-viber, .social-vk, .social-webmoney-events, .social-whatsapp, .social-yandex-mail { background: url("/sprite/social.png?update=2023-01-10_19:56:42") no-repeat; display: -moz-inline-stack; display: inline-block; *zoom: 1; *display: inline; }

.social-evernote { background-position: -1px -1px; width: 24px; height: 24px;}
.social-facebook { background-position: -27px -1px; width: 24px; height: 24px;}
.social-flipboard { background-position: -53px -1px; width: 24px; height: 24px;}
.social-gmail { background-position: -79px -1px; width: 24px; height: 24px;}
.social-google-plus { background-position: -1px -27px; width: 24px; height: 24px;}
.social-linkedin { background-position: -27px -27px; width: 24px; height: 24px;}
.social-livejournal { background-position: -53px -27px; width: 24px; height: 24px;}
.social-mail-ru { background-position: -79px -27px; width: 24px; height: 24px;}
.social-mailto { background-position: -1px -53px; width: 24px; height: 24px;}
.social-moi-mir { background-position: -27px -53px; width: 24px; height: 24px;}
.social-ok { background-position: -53px -53px; width: 24px; height: 24px;}
.social-pinterest { background-position: -79px -53px; width: 24px; height: 24px;}
.social-rambler { background-position: -1px -79px; width: 24px; height: 24px;}
.social-reddit { background-position: -27px -79px; width: 24px; height: 24px;}
.social-skype { background-position: -53px -79px; width: 24px; height: 24px;}
.social-slack { background-position: -79px -79px; width: 24px; height: 24px;}
.social-telegram { background-position: -1px -105px; width: 24px; height: 24px;}
.social-twitter { background-position: -27px -105px; width: 24px; height: 24px;}
.social-viber { background-position: -53px -105px; width: 24px; height: 24px;}
.social-vk { background-position: -79px -105px; width: 24px; height: 24px;}
.social-webmoney-events { background-position: -1px -131px; width: 24px; height: 24px;}
.social-whatsapp { background-position: -27px -131px; width: 24px; height: 24px;}
.social-yandex-mail { background-position: -53px -131px; width: 24px; height: 24px;}

/* end injection /sprite/social.css */


.liber-window {
	position: relative;
    float: left;
    max-width: 50%;
    text-align: center;
    margin-right: 1em;
}
.liber-window.odd {
	float: right;
	margin-right: 0em;
	margin-left: 1em;
}
.liber-window p {
    margin: 0;
    margin-bottom: 4px;
}

.liber-cover {
	display: inline-block;
    max-width: 100%;
    max-height: 20em;
    margin-bottom: 4px;
}

.widget .liber-window {
	max-width: 100%;
	width: 100%;
	margin: 0;
}
.widget .liber-window.odd {
	margin: 0;
}

@media screen and (max-width: 480px) {
	.post .liber-window {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}
	.post .liber-window.odd {
		margin: 0;
	}
}

.liber-title {
	text-align: justify;
    margin-top: 0;
    cursor: pointer;
}
.liber-title span {color: gray;}
.liber-title a {color: black;}
.liber-title a:hover { text-decoration: none; }

.liber-annotation, .liber-random_fragment {
    white-space: pre-wrap;
    word-wrap: break-word;
    text-align: justify;
}

.liber-coords {
    margin-bottom: 0;
	font-size: 90%;
	text-align: justify;
}

.share-buttons .msgbox-content {
	background: lavender;
	color: #333;
}
.share-buttons a {
	padding: 0 2px;
	text-decoration: none;
	display: block;
	line-height: 24px;
	color: #333;
	border-radius: 4px;
}
.share-buttons i {
	color: SlateBlue;
	vertical-align: middle;
}
.share-buttons ul {
	display: inline-block;
	vertical-align: top;
	margin: 0 0.5em 0 0;
	padding: 0;
}
.share-buttons ul:last-child { margin: 0 }
.share-buttons li {
	display: block;
	list-style-type: none;
	padding: 0 0 2px 0;
	margin: 0;
}
.share-buttons a:hover, .share-buttons a:active {
	color: lavender;
	background: SlateBlue;
	cursor: pointer;
}

.liber-viewed {
	display: inline-block;
	border-radius: 4px;
	padding: 0 4px;
	background-color: lavender;
}
.liber-viewed i {
	color: RosyBrown;
}

.liber-links {
	border: solid 1px royalblue;
	border-radius: 4px;
}

/* Превью */
.liber-preview {
	text-align: center;
}

.liber-preview .liber-cover {
	max-height: 113px;
}

/* Кнопки */
.liber-feel li {
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

.liber-feel {
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 4px;
	width: 100%;
	/*text-shadow: 1px 1px 2px black, 0 0 1em red;*/
}
.liber-feel li:first-child {
	margin-left: 0px;
}
.liber-feel li {
	display: inline-block;
	margin: 0px 0px 0px 6px;
	background: Lavender;
	border-radius: 1em;
	padding: 4px;
	width: 4em;
	overflow: hidden;
	cursor: pointer;
}
.liber-feel li:after {content: ' '; display: inline-block; width: 0;}

.liber-feel * { transition: color 1s }

.liber-like .fa-heart-o {color: red}
.liber-like .fa-heart {color: transparent}
.liber-like.active .fa-heart-o {color: transparent}
.liber-like.active .fa-heart {color: red}

.liber-dislike .fa-heart {color: transparent}
.liber-dislike.active .fa-heart {color: black}
.liber-dislike.active .fa-heart-o {color: transparent}
.liber-dislike.active .fa-bolt {color: Lavender}

.liber-feel .fa-weixin {color: RoyalBlue}

.liber-tab .fa-bookmark-o {color: LightSeaGreen}
.liber-tab .fa-bookmark {color: transparent}
.liber-tab.active .fa-bookmark-o {color: transparent}
.liber-tab.active .fa-bookmark {color: LightSeaGreen}

.liber-feel .fa-share-alt {color: SlateBlue}

.on-fa-lg {position: absolute; width: 1.33333333em}
.on-fa-tab {position: absolute; width: 1em;}



/**
 * Astrobook::Libra::Listing
 */
.right { float: right }
.select-filter { width: 120px; color: inherit }
.in-filters {
	font-size: 87%;
	text-align: justify;
}
.in-filters input {
	padding: 0; margin:0; vertical-align: middle;
}

/**
 * Astrobook::Libra::Discussion::View
 */
.remark {
	margin-bottom: 40px;
}
.remark > table {
	/*table-layout: fixed;*/
	width: 100%;
	border-collapse: collapse;
}
.remark-lvl {vertical-align: bottom; width: 1px}
.remark-lvl div {
	color: SlateGray;
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	text-align: center;
	margin-right: 8px;
	font-size: 70%;
	padding: 0 2px;
}
.remark-before-0 {
	width: 0;
}
.remark-before-1 {
	width: 20px;
}
.remark-before-2 {
	width: 40px;
}
.remark-ava {
	vertical-align: bottom;
	width: 50px;
}
.remark-ava a {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	width: 50px;
	height: 50px;
	margin-right: 4px;	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.remark-ava-vertical img {
	max-width: none;
	max-height: 100%;
}

.remark-show_book a {
	display: block;
}

.remark-input {
	/*background: lavender;*/
	background: white;
	padding: 4px 20px;
	/* rounded corner */
	border-radius: 8px 8px 8px 0;
	/* box shadow */
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.remark-nik {
	color: royalblue;
	font-weight: 600;
}
.remark-area {
	position: relative;
	overflow: auto; /* для того, чтобы не встроили баннер с абсолютным позиционированием */

	word-wrap: break-word;
	word-break: break-all;
	hyphens: auto;
}
.remark-area img {
	max-width: 200px;
	max-height: 200px;
	float: right;
	margin-left: 2px;
}
.remark-menu {
	float: right;
	margin: 0 28px 0 0;
	padding: 0;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}
.remark-menu li {
	display: inline-block;
	margin: 0;
	padding: 6px 2px 4px 2px;
    min-width: 4em;
	text-align: center;
	cursor: pointer;
	background: rgba(0,0,0,0.5);
}
.remark-menu li:after {
	content: ' ';
	display: inline-block;
	width: 0;
}
.remark-menu li:hover {
	background: rgba(0,0,0,0.7);
}

.remark-ok {
	color: LightSeaGreen;
}
.remark-cancel {
	color: LightCoral;
}
.remark-color {
	color: Khaki;
}
.remark-drop {
	color: LightCoral;
}
.remark-next {
	color: AliceBlue;
}
.remark-next i {
	color: RoyalBlue;
}
.remark-reply {
	color: DeepPink;
}
.remark-expand {
	color: CornflowerBlue;
}
.remark-collapse {
	color: LightSeaGreen;
}

.color-buttons {
	margin: 0; padding: 0;
}
.color-buttons li {
	padding: 4px;
	margin: 0;
	display: inline-block;
}
.color-buttons li div {
	width: 3em;
	height: 3em;
	border-radius: 4px;
}
.color-buttons li:hover {
	background: rgba(0,0,0,0.7);
}

.color-0, [data-color='0'] .remark-input {
	background-color: white;
}

.color-1, [data-color='1'] .remark-input {
	background-color: Lavender;
}

[data-color='2'] .remark-nik { color: yellow}
.color-2, [data-color='2'] .remark-input {
	background-color: SlateBlue;
	color: white;
}

.color-3, [data-color='3'] .remark-input {
	background-color: LightYellow;
}

.color-4, [data-color='4'] .remark-input {
	background-color: Pink;
}

.color-5, [data-color='5'] .remark-input {
	background-color: rgb(132, 235, 200);
}

.color-6, [data-color='6'] .remark-input {
	background-color: LightSlateGrey;
}

.color-7, [data-color='7'] .remark-input {
	background-color: LightSkyBlue;
}

.color-8, [data-color='8'] .remark-input {
	background-color: MidnightBlue;
	color: white;
}

.remark-libra {
	background-color: rgba(0,0,0,.7);
	border-radius: 8px;
	margin-bottom: 1em;
	padding: 0 0.4em;
	float: right;
	color: gray;
}

.remark-libra :link, .remark-libra :visited {
	color: gray;
}

/**
 * Astrobook::Creativity::View
 */
.creativity-book-cover { max-height: 64px; max-width: 64px; float: right }

/**
 * Eon::Standard::Tab
 */
[applet=eon-standard-tab] {
	padding: 0 2px;
	border: solid 1px #ccc;
}

[applet=eon-standard-tab][active] {
	border-bottom-width: 0;
	font-weight: 600;
}

[applet=eon-standard-tab] + li {
	display: none;
	float: right;
	width: 100%;
}

[applet=eon-standard-tab][active] + li {
	display: block;
}

/**
 * Eon::Standard::Tabs
 */
.eon-standard-tabs {
	margin: 0;
	padding: 0;
}

.eon-standard-tabs > li:first-child {
	margin-left: 0;
}

.eon-standard-tabs > li {
	margin: 0 0 0 -.36em;
	list-style: none;
	display: inline-block;
}

/**
 * Eon::Windows::Window
 */
[applet=eon-windows-window] {
	position: fixed;
	width: 500px;
}

.eon-windows-window-title {
	min-height: 7px;
	background: royalblue;
	color: white;
	cursor: pointer;
}

.eon-windows-window-fog {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

/**
 * Aion::Navigator
 */
[applet=aion-navigator] {
	background: #F0F0F0;
	border-bottom: solid 1px #A0A0A0;
}

.aion-navigator-palitra {
	
}

.aion-navigator-inspector {
	
}