@font-face {font-family:'mm';src: url('EPAOMAYEK.ttf');}
html,body{margin:0;padding:0;font-size:12px;}
body{background-color:#fcfcfc}
section *{box-sizing:border-box;}
.fl{float:left}
.noTemplate{width:30%;background-color:#eee;border:solid 3px #ccc;border-radius:10px;padding:50px 20px;margin:10% auto 0;text-align:center;font-size:1.2em}
.noTemplate header{text-transform:uppercase;font-weight:bold;padding-bottom:5px;font-size:1.2em}
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:1000}
#loading{background:url('../images/loading.gif') no-repeat center center rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;left:0;top:0;z-index:10000}

.settings{background:transparent url('../images/settings.png') no-repeat left center;position:absolute;left:5px;top:5px;padding:10px;border-radius:20px;cursor:pointer}
.local{font-family:"mm";}



#loginInfo{top:0px;right:0;padding:10px 45px;text-align:right; margin}
#loginInfo .name,#loginInfo .role{font-size:1.2em;line-height:1em;text-transform:capitalize}
#loginInfo .role{font-style:italic;color:#333}
#loginInfo .btns{position:absolute;top:0;right:0}
#loginInfo .btns a{width:35px;height:35px;display:block;margin-left:5px;}
.logout{background:transparent url('../images/logout.png') no-repeat left center;position:absolute;right:0;top:0;padding:5px 10px 5px 15px;color:#e60}
#loginInfo{padding:10px 70px 10px 10px;border-left:solid 2px #006;background-color:#352a2a;color:#fff}
.logout{background-color:#fff;background-position:5px center;border-radius:20px;right:3px;top:6px;padding:3px 10px 3px 20px;cursor:pointer}
#loginInfo .settings{background:#333 url('../images/settings.png') no-repeat 7px 6px;}
#userName{color:#fc0;cursor:pointer; margin-right:10px;}
.lastLogin{background-color:rgba(255,255,255,0.5);border-radius:5px;padding:2px 6px;color:#666;display:block;margin-top:5px;}
.settingsMenu{position:absolute;right:0;padding:10px;margin-top:7px;background-color:#333;display:none}

.popFormCont{display:none;width:60%; position:fixed;left:20%;top:5%;border:solid 1px #f90;background-color:#fff;z-index:1001;box-shadow:0 0 5px #000;border-radius:5px;}
.popFormCont h3{text-transform:uppercase;padding:5px 10px;font-weight:normal;margin:0;background-color:#f90;color:#fff;}
.popFormCont form{overflow:hidden; overflow-y: scroll;}
.popFormCont label{margin:8px 0;}
.popFormCont label{display:inline-block;width:100px;padding-right:4px;text-align:right;}
.popFormCont input[type=text],.popFormCont input[type=password]{width:220px;padding:2px}
.popFormCont input[type=file]{font-family: calibri, arial;font-size:0.8em;border:1px solid #ccc;width:225px;border-radius:2px}
.popFormCont select{width:226px;padding:2px}
.popFormCont textarea{padding:2px;box-sizing:border-box}
.popFormCont input[type=button],.popFormCont input[type=submit]{margin:8px 2px}
.popFormCont .buttons{position:absolute;bottom:0;left:0;width:100%;}
.popFormCont .content{text-align:center;padding:20px;}
.popFormCont .radioCont{display:inline-block;width:225px}
.popFormCont .radioCont .radioLbl{width:auto;display:inline;margin:0 5px 0 0;}
.popFormCont .radioCont .radioLbl input{pargin:0}
.popFormCont .notice textarea{width:400px;height:130px}
/*.popFormCont .notice .attachment{position:absolute;top:40px;width:270px;right:10px}
.popFormCont .notice .attachment label{text-align:left;display:block}*/

.popFormCont .albumForm *{box-sizing:border-box}
.popFormCont .albumPhotos{border:solid 1px #ccc;border-radius:3px; height:400px; overflow:hidden; overflow-y:scroll;margin-bottom:25px;}
.popFormCont .albumPhotos input[type="text"],.popFormCont .albumPhotos input[type="file"],.popFormCont .albumPhotos table{width:100%}

.popFormCont.profile{height:300px;width:40%;left:30%}
.popFormCont .buttons{text-align:center;padding:10px}
.popFormCont a{cursor:pointer}
.popFormCont h3 .close{float:right;display:block;border-radius:30%;color:#fff;background-color:#e30;line-height:15px;width:20px;height:20px;font-family:'verdana';text-transform:lowercase;text-align:center;opacity:1}
.popFormCont .button{border:0;background-color:#f90;color:#fff;text-transform:uppercase;padding:3px 10px 4px;cursor:pointer;}
.popFormCont .button[type=submit]{background-color:#090}
.profile .fields{margin-top:20px}


.note-editor{margin:0 10px}
.note-editor.note-frame .note-editing-area{max-height:400px;overflow:auto}
.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable{height:500px;}
.addAPRow{background-color:#390;color:#fff;cursor:pointer;padding:1px 8px}
.apThumb{position:relative;width:50px;height:50px;}
.apThumb img{width:auto;height:50px;clip:rect(0,50px,50px,0);position:absolute;left:0;top:0}

.addArticle,.editArticle,.addAlbum,.editAlbum,.addNotice,.editNotice,.published,.unpublished{display:inline-block;padding:2px 5px;background-color:#000;color:#fff;border-radius:3px;box-shadow:0 0 3px #fff;cursor:pointer;margin:10px 2px 2px 0}
.current .editArticle,.current .published,.current .unpublished{position:absolute}
.current .published,.current .unpublished{left:32px}
.addArticle,.addAlbum{background-color:#390}
.published{background-color:#06e}
.unpublished{background-color:#e00}
.oldImg{height:100px;display:flex;padding-bottom:25px;}
.oldImg p,.oldImg img{height:100%}
footer {    background-color: rgba(20,20,20,0.9);  padding: 10px;   bottom: 0;  width: 100%;  text-align: center;  font-size: 0.9em; color: #999}