section { padding:.25em; }
input, textarea, select, body, button { font-size:21px; padding:0; margin:0; font-family:Helvetica, sans-serif; }
button.img { background: none; border:none; vertical-align: middle; padding:.1em; }

a { padding:.3em; }
a:link, a:visited, a:hover, a:active, a:focus { color: black; text-decoration:none; }
ul { list-style-type:none; margin:0; padding:0; }
li { padding:.25em; }
dd { padding-bottom:.75em; margin:0;}
h2, h3 { font-weight:normal; margin:0 0 .5em 0; }
h4 { font-weight:normal; margin:.5em 0 0 0; }
form { padding:.2em;}

.small { font-size:.75em; }
.disabled  { cursor:not-allowed; opacity:.5; padding:.5em;}
.hidden    { display:none; }
.opacity35 { opacity:.35; }
a.current, span.current { color:red; text-decoration:none; padding:.5em; }
a.show { color:black; font-size:.75em; border:1px solid lightgray; border-radius:1em; }
a.showactive { background-color:lightgray; }
a.action img { vertical-align: middle; }
.needed { color:red; }
.bgcurrent { background-color:lightgreen;}
div.cntrls span.show_wrap, div.parts span.show_wrap { margin: .1em; }

div.crudWrap { margin: .2em; }
table.crud, table.crud th, table.crud td { border: 1px solid; }
table.crud { width : 100%; }

img.btnsanch { max-width:1em; height:auto; }
span.mp4fname { font-family:Tahoma; font-size:.85em; padding-left:1em; display:none; }
ul span.mp4fname { display:inline; }

ul.loginout, ul.adminmenu { padding: .75em; }
ul.loginout li, ul.adminmenu li { display: inline; padding: 1em; }

span.fieldlabel { color:gray; }
span.fieldlabel a.editfield, a.editfield span { padding:0; color:red; }
span.lang, span.lang a  { color:green; }
div.lang div.content { margin:.8em; }
div.lang { border-top: 1px dashed gray; padding: 3px; }

body.default { text-align:center;}
body.posts.index h3 a, div.wrap a:first-of-type { padding-left:0; }

div.read h4 { display:inline; }
div.read h4.lang { color:green; }
div.wrap span.link a { color :red; }
div.read .tags { text-align:left; }

div span.note, div span.path { color:black; }
div.field.path a {padding:0; margin:0}
div.field { font-size:.85em; padding-top:0.5em; }

footer { margin-top:1em; margin-bottom:1em; }

div.parts { display:flex; flex-wrap:wrap; }
div.flash { color:green; margin:.5em; padding:.5em; }

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, h3 a:focus { text-decoration: underline; text-decoration-color: lightblue; text-decoration-thickness: 1px;}

nav { vertical-align:middle; padding:.5em; }
/* nav { display:flex; flex-wrap: wrap; align-items:center; padding-top:.5em; } */
nav div#logo a img { opacity: 1; width:3em; }
nav h1 { text-align:center; margin:0; padding:0; }
nav h1 a:link, nav h1 a:visited, nav h1 a:hover, nav h1 a:active, nav#pagination a:focus { color:red; }
nav div { float: left; padding: .3em; }
nav { text-align: left; }
nav div#browse form { padding: 0; }
nav div#browse form fieldset { border: none; display: inline; padding:0; margin:0; font-size:.8em;}
nav div#browse form textarea, select, input, textarea { margin:.25em; }
nav div#browse form input[type=text] { min-width:7em; max-width:7em; }
nav h2, nav h3 { margin-left:0.5em; clear: both; }

body.index div.wrap h3, body.index div.wrap h4 { display:inline-block; } 
body.index div.record div.fref { display:inline; } 
body.index div.record div.fref.field { display:block;}

body.ases div.record div.outer { text-align:center;  font-size:1.3em; }
body.ases div.record div.outer span.inner { display:none; }
body.ases div.record div.outer span.inner:first-child { display:block; }

body.login label {display:block;}

div#content { clear:both; }

div#ocntrls { position:fixed; right:0; top:0; z-index:999; }
div#cntrls { position:fixed; right:0; top:2em; border: 1px dashed gray; z-index:999; background-color:white; padding-right: .2em; }
div#cntrls a { display:block; padding:.5em;}
div#cntrls div.mcntrls div.subcntrls, div#cntrls_trnsdiv { border-bottom: 1px dashed gray; border-top: 1px dashed gray; }
div.cntrls { display: flex; flex-wrap: wrap; margin:.75em; }

div#favorites, body.auth div#content, body.admin div#content { text-align:center; padding:.5em; }
body.auth div#content table { margin: auto; text-align: left; }

div#records:first-child { margin-top:.2em; }
div#records { width:100%; }
div.cols-3 { display:inline-grid; grid-template-columns:1fr 1fr 1fr; }
div.cols-2 { display:inline-grid; grid-template-columns:1fr 1fr; }

div.record {clear:both; overflow: hidden; }
div.record pre { margin:0; }
div.record.active { border:1px dashed red; }
div.record, form.posts { border:1px solid skyblue; margin:0 .5em .5em .5em; padding-left:.5em; padding-right:.5em; padding-bottom:.5em; border-radius:1.25em; }
div.record h3 { display:inline-block; }

div.record h3 .title { padding:.5em; font-size:1em; }
div.record h3 .link a { padding:.5em; color:red; }
div.record p { padding:0; margin:0; }
div.record .titleWrap { margin-bottom:.5em; }
div.record .titleWrap h4 { display:inline; }
div.record div.mcntrls, div.record div.mcntrls div.subcntrls { text-align:left; display:inline; }
div.record div.created p, div.record div.updated p, div.dref p, div.tags p, div.path p, div.note p { display:inline; }
div.record .fref div.mcntrls { display:inline; vertical-align:middldle; }
div.record .fref div.mcntrls a { display:table-cell; }
div.record video { max-width: 40em; max-height: 20em; max-width: -moz-available; padding:0 .5em; }
img.fref { display:none; }

div.record a.fref { font-size:.75em; }
div.record div.outers { display:flex; flex-wrap:wrap; }
.outersWrap { padding-right: 2em; float:left; padding-bottom: 2.5em}
.outersWrap:last-of-type { padding-right: 0; }
div.record .props, div.partsWrap {clear:both;}

div.record.read div.contentWrap div:last-child { border:none; }

div.record { page-break-after: always; position: relative; }

body.index div.record {overflow-x: hidden; overflow-y: auto;}

div.outer { display:inline; padding:0; padding-bottom:.2em; position: relative; }
.outer .inner { display:block; margin:.15em; }
.outer .center { text-align: center; }
.outer .inner:first-child  { font-size:1.2em; }
.outer .inner:last-child   { font-size:inherit; }
.outer .inner:nth-child(2) { background:lightcyan; }
.outer .inner:nth-child(3) { background:lemonchiffon; }

form.posts div span.id { color:red; display:inline; }
form.posts label { margin:1em 0; display:flex; flex-direction:column; margin-bottom:.5em; }
form.posts label input { margin-bottom:1em; }
form.posts label textarea { min-height:5em; resize:vertical; }
form.posts input[type=submit] { align-self:start; min-width:10em; }

div.field div:empty { height:1em; }

body.index div.fields .updated { font-size:.8em;  }
body.index div.fields span.fieldlabel { display:none; }
body.index div.wrap div.fields { float: right; }

div.fullontop { position:fixed; top:0; left:0; z-index:998; width:100%; height:100%; background-color:white; padding-top:1em; margin-right:2.5em; }
div.fullontop span { padding:0; }
div.fullontop div.record { margin-top:1em; font-size:1.5em; text-align:center; margin-right:1em; }
div.fullontop div.record input.next { display:block; margin-left:auto; margin-right:1em; }

/*** updating only 1 field ***/

div.edit_iframe iframe { width:100%; resize:both; min-height:15em; height:100%; overflow:auto; border:none; }
div.fullontop iframe { height:100%; }
div.edit_iframe { margin:0 .5em; border:0.05em solid gray; border-radius:1em; }

@media (min-width:1200px) {
    body.editor.editonside div.edit_iframe { width:35%; height:95%; position:fixed; bottom:1em; right:.1em; opacity:1; background-color:white; }
    body.editor.editonside div#records { width:64%; }
    body.read.editor.editonside div.record { width:61%; }
}

body.editor div.fullontop.edit_iframe { width:95%; height:95%; margin:.5em; }

body.posts1 { font-size:1.2em; }
body.posts1 #content { text-align:center; }
body.posts1 form { padding:0 .5em 0 .5em; display:inline; }
body.posts1 textarea { min-width:90%; min-height:30em; }
body.posts1 input[type=text] { min-width:90%; }
body.posts1 label { height:100%; }
body.posts1 label span { display:block; }