body {
	background-color: #58C387;
	font-family: Helvetica, Arial, sans-serif;
	margin: 29px 14px;
}

body.lock {
	overflow: hidden;
}

.navigation {
        display: table;
        width: 100%;
        border-spacing: 10px 17px;
        border-top: 5px solid #444;
        border-bottom: 5px solid #444; 
        background-color: #497A5F;
        font-size: 20px;
}

.intra_navigation {
        display: table;
        width: 100%;
	border-collapse: collapse;
	text-align: right;
        font-size: 20px;
}

.qrow {
        display: table-row;
}

.intra_qrow {
        display: table-row;
	float: right;
}

.pan_cell, .intra_pan_cell {
        display: table-cell;
        text-align: center;
        margin: 0px auto;
        padding: 12px 5px;
        background-color: #375D48;
        align: center;
	vertical-align: middle;
}

.pan_cell:not(#origin) {
	border: 2px solid #92FF9F;
/*	border: 4px solid #375D48; */
}

.intra_pan_cell:not(#origin) {
        border: 2px solid #92FF9F;
}

.pan_cell a, .intra_pan_cell a {
        text-decoration: none;
	background-color: #375D48;
        color: white;
}

/*.pan_cell a:hover {
	background-color: #497A5F;
} */

.qtab {
        display: table;
        margin: auto;
        width: 100%;
        border-collapse: collapse;
        border: 2px solid #000;
        text-align: center;
}

.qcell {
        display: table-cell;
	background-color: #375D48;
        border: 1px solid #000;
	vertical-align: top;
}

.payload {
	width: auto;
	background-color: #00C200;
	margin: 0 auto;
        padding: 20px 10px;
	vertical-align: middle;
}

.intend {
	width: 20%;
}

.rubricator {
	margin: 0 auto;
	position: sticky;
	top: 0;
}

.rubr_cell {
	display:list-item;
	list-style-position: inside;
	color: white;
	width: auto;
	text-align: left;
	font-style: italic;
	border: 2px solid #FFF;
	padding: 12px 5px;
	background-color: none;
	align: center;
}

.conv_cell {
	background-color: #375D48;
}

.focus_cell {
        background-color: #00C200;
}

.rubr_cell + .rubr_cell {
	border-top: none;
}

.conv_cell a {
	padding: 12px;
	background-color: transparent;
	color: #FFC0A4;
}

.focus_cell a {
        padding: 12px;
        background-color: transparent;
        color: #FCFA60;
	font-weight: bold;
}

/*.rubr_cell a:hover {
        background-color: #497A5F;
	color: red;
}*/

.agglomer {
	align: left;
	text-align: left;
	padding: 20px 20px;
}

.topstat {
	border: 3px solid #92FF9F;
	color: #92FF9F;
	font-size: 19px;
#	font-style: bold;
#	font-weight: bold;
	padding: 20px 20px;
}

#preambula {
	border: none;
	background-color: #92FF9F;
	color: #707070;
	font-style: italic;
	font-size: 17px;
	padding: 20px 20px;
}

#preambula_c {
        border: 2px solid #FCFA60;
        background-color: #2AA53D;
        color: #EEC1C0;
        font-style: italic;
        font-size: 17px;
        padding: 20px 20px;
}

#preambula a{
        font-style: italic;
        color: #727200;
}

#mirrorian {
	background-color: #009000;
	color: #FFEA9D;
        border: 2px solid #CBFFC4;
	margin: 2px auto;
	padding: 8px 8px;
	text-align: center;
	font-weight: bold;
}

#mirrorian a {
	color: #FFFBA2;
	font-style: italic;
}

#tboc {
	font-size: 20px;
	font-weight: bold;
	color: #FCFA60;
}

.colontitul {
	text-align: right;
	color: white;
	font-style: italic;
	margin: 0px auto;
}

.artheader {
        border: none;
        background-color: #579372;
	color: #FFFDCA;
        font-size: 17px;
	margin: 0px auto;
        padding: 2px 5px;
}

.artheader h3 {
	 text-decoration: underline;
}

.eigennote {
        border: none;
	text-align: left;
        background-color: #5EA07C;
	color: #F0F0F0;
        font-size: 17px;
        margin: 0px auto;
        padding: 12px 18px;
}

.eigennote p {
	text-indent: 20px;
}

.flashnote {
        width: auto;
	background-color: #21BB61;
        margin: 0 auto;
        padding: 7px 4px;
	border: 2px solid #fff;
}

.fnhead {
	width: auto;
	background-color: #579372;
	border: 2px solid #fff;
        margin: 0px auto;
        padding: 7px 7px;
        color: white;
        font-style: italic;
}

.qftab {
        display: table;
        margin: 0px 0px;
        width: 100%;
        text-align: center;
}

.lfcolumn {
        display: table-cell;
	text-align: center;
	text-decoration: underline;
	width: 18%;
        border: 1px solid #fff;
}

.rfcolumn {
        display: table-cell;
	text-align: left;
        width: 82%;
        border: 1px solid #fff;
}

.topfrow {
	background-color: #375D48;
	color: white;
        margin: 0px auto;
        padding: 2px 18px;
	vertical-align: middle;
}

.topfrow a {
        text-decoration: none;
	font-style: italic;
        padding: 2px;
        background-color: #375D48;
        color: white;
}

.topfrow a:hover {
        background-color: #497A5F;
}

.footfrow {
	background-color: #5EA07C;
	color: #F0F0F0;
        margin: 0px auto;
        padding: 2px 8px;
	vertical-align: middle;
}

.footfrow h4 {
	color: #FCFA60; 
}

.mbl_top_row{
        text-align: center;
        text-decoration: underline;
	background-color: #444F65;
        color: #FCFA60;
	padding: 4px 4px;
	font-weight: bold;
        border: 1px solid #fff;
}

.mbl_topfrow {
	display: table-cell;
        background-color: #375D48;
        color: white;
        margin: 0px auto;
        padding: 4px 4px;
        vertical-align: middle;
	border: 1px solid #fff;
}

.mbl_footfrow {
	text-align: left;
        background-color: #5EA07C;
        color: #F0F0F0; 
        margin: 0px auto; 
        padding: 4px 4px;
        vertical-align: middle;
	border: 1px solid #fff;
}

.mbl_topfrow a {
        text-decoration: none;
        font-style: italic;
        padding: 2px;
        background-color: #375D48;
        color: white;
}

.mbl_topfrow a:hover {
        background-color: #497A5F;
}

.lacuna {
	border: 2px solid #76CE64;
	padding: 14px 30px;
	background-color: #8AF175;
	text-align: left;
	font-style: italic;
}

.lacuna + .lacuna {
	border-top: none;
}

.lacuna a {
	background-color: #8AF175;
	color: #2F5328;
}

.showcase a {
	font-size: 18px;
}

.pag_row {
	display: table-row;
	width: 100vw;
	vertical-align: middle;
}

.pag_cell_edge {
        display: table-cell;
	width: 21vw;
}

.pag_cell_core {
        display: table-cell;
	width: 58vw;
	vertical-align: middle;
}

.pagination {
        padding: 12px 0px;
	background-color: #00E900;
	color: #9D2936;
	vertical-align: middle;
}

.pagination a {
	display: inline-block;
	color: #CEFBD8;
	background-color: #5EA07C;
	padding: 1px 3px;
	margin: 2px 2px;
	border: 2px solid #375D48;
	font-style: italic;
}

.pagination span {
        color: #DECFE5;
        background-color: #5EA07C;
        padding: 1px 3px;
        margin: 0px 2px;
        border: 1px solid #375D48;
}

.pagination em.current {
        color: #FCFA60;
        background-color: #444F65;
        padding: 1px 3px;
        margin: 0px 2px;
        border: 2px solid #FCFA60;
}

.eigennote p em {
	color: #CEFBD8;
}

.eigennote p a{
	font-style: italic;
	color: #FFC0A4;
}

.eigennote p strong {
	text-decoration: underline;
//        color: #FFDC10;
	color: #F9D2FB;
}

.eigennote p strong em {
	text-decoration: none;
        color: #FFCFB3;
}

.eigennote ol em {
        color: #CEFBD8;
}

.eigennote p ul li {
	padding: 0px;
	margin: 0px;
}

.eigennote p u.focus, .eigennote ul u.focus, .eigennote h4 u.focus {
	text-decoration-style: double;
}

.eigennote p + ul#planar {
	margin-top: -12px;
}

.eigennote p.monoymg {
	text-align: center;
}

.eigennote.foreword {
	padding: 2px 18px 2px 18px;
}

.eigennote.foreword p {
	margin-block-start: 0.4em;
	margin-block-end: 0.4em;
}

.eigennote p.listtop {
	margin-bottom: 0;
}

.eigennote p + ol {
	margin-top: 0;
}

.footfrow a{
        font-style: italic;
        color: #FFC0A4;
}

.footfrow em {
        color: #CEFBD8;
}

.footfrow strong {
        text-decoration: underline;
        color: #F9D2FB;
}

.mbl_footfrow a{
        font-style: italic;
        color: #FFC0A4;
}

.mbl_footfrow em {
        color: #CEFBD8;
}

.mbl_footfrow strong {
        text-decoration: underline;
        color: #F9D2FB;
}

.ymgcontain {
	float: left;
	width: 14%;
	margin: 4px;
}

.ymgneigh {
	float: right;
	width: 84%;
	margin: 0px 4px;
	vertical-align: top;	
}

.ymgcutoff {
	clear: both;
}

.intraymg {
        float: left;
	margin: 5px 5px 4px 0;
}

.postment form {
	text-align: left;
	text-decoration: underline;
	border: 2px solid #92FF9F;
	background-color: #5CC55A;
	padding: 10px 10px;
	margin: 10px 10px;
	vertical-align: top;
}

.postment form  label {
	padding: 4px 8px;
	margin: 4px 4px 4px 0px;
}

.postment form input {
	margin: 4px 0px 4px 4px;
}

.postment form input[type=text] {
        width: 12em;
}

.postment form textarea{
	display:block;
	resize: none;
}

.rss a {
        display: inline-block;
	padding: 0px 0px;
	margin: 0px 0px;
}

.rss p {
        display: inline-block;
	color: #FFDC10;
	font-weight: bold;
	padding: 0px 0px;
	margin: 0px 10px;
}

.lbtmc {
        display: table-cell;
        width: 50vw;
        padding: 5px 25px 5px 0px;
        text-align: left;
	vertical-align: middle;
}

.rbtmc {
        display: table-cell;
        width: 50vw;
#       padding: 0px 12px;
        padding: 5px 25px;
        text-align: right;
	color: #FFFDCA;
        font-size: 17px;
	font-style: italic;
}

.rhdrc {
        display: table-cell;
        width: 50vw;
        padding: 5px;
        text-align: right;
        color: #FFFDCA;
        font-style: italic;
}

.clon_pan_cell {
        display: inline-block;
	float: left;
	border: 2px solid #497A5F;
        text-align: center;
        margin: 0px auto;
        padding: 12px 5px;
        background-color: #375D48;
        align: center;
        vertical-align: middle;
}

.clon_pan_cell a {
        text-decoration: none;
        background-color: #375D48;
        color: white;
}

.clon_pan_cell a:hover {
        background-color: #497A5F;
}

.sn_cell {
        display: table-cell;
	border: 1px solid #CEFBD8;
        text-align: center;
        margin: 0px auto;
//        padding: 12px 5px;
        background-color: #375D48;
	color:#CEFBD8;
        align: center;
        vertical-align: middle;
}

.sn_cell:hover {
        background-color: #497A5F;
}

.ui-dialog-titlebar {
//  width: 98%;
  background-color: #35A56B;
  color: #fff;
  font-style: oblique;
  font-size: 18px;
  text-align: center;
}

.footer_cincture {
        width: 100%;
        border-top: 2px solid #444;
        border-bottom: 2px solid #444; 
        background-color: #497A5F;
        font-size: 20px;
}

.sharelinks {
        border: 2px solid #497A5F;
        background-color: #497A5F;
        font-size: 19px;
        color: white;
	width: 22%;
	margin: 0 auto;
	padding: 4px;
}

.sharelinks p {
        margin: 0px 8px;
}

.pan_cell:hover {
        cursor:pointer;
}

.rubr_cell:hover {
        cursor:pointer;
}

.sn_cell:hover {
        cursor:pointer;
}

.spammer_trap {
        position: fixed;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        top: 0;
        left:0;
        margin: 0;
        opacity: 0;
        visability: hidden;
}

.spammer_trap.forward {
        opacity: 1;
        visability: visible;
        z-index: 1;
}

.spammer_trap iframe {
	//position: absolute;
	max-width: 98%;
	width: 90%;
	height: 100%;
}