.journal{font-size: 3rem; width: 90%; margin: 0 auto 10rem auto; font-family: sans-serif!important}
.journal h1{font-size: 5rem;}
.journal hr{background-color: #f2f2f2; height: 1px; border: 0;}

.betainfo{background-color: #FF661B; color: #fff; padding: 2rem; border-radius: 0.5rem;}
.betainfo a{color: #fff;}

.addpost{display: inline-block; color: #fff; padding: 1.5rem 1.5rem 1.5rem 6rem; font-size: 3.5rem; cursor: pointer; text-align: center; border-radius: 0.5rem; margin: 5rem 0; text-decoration: none; background: #1B6DFF url('/images/pen-white-64.png') 1.5rem center no-repeat; background-size: 3rem 3rem;}

.myposts{display: inline-block; color: #fff; padding: 1.5rem 1.5rem 1.5rem 6rem; font-size: 3.5rem; cursor: pointer; text-align: center; border-radius: 0.5rem; margin: 5rem 0; text-decoration: none; background: #009767 url('/images/list-white-64.png') 1.5rem center no-repeat; background-size: 3rem 3rem;}

.authurl{display: inline-block; color: #fff; padding: 1.5rem; background-color: #1B6DFF; font-size: 3.5rem; cursor: pointer; text-align: center; border-radius: 0.5rem; text-decoration: none; background-size: 3rem 3rem;}

.journalinput{width: 98%; font-size: 3rem; padding: 1rem 1%;}

.sendtojournal, .updatetojournal, .newpost{display: inline-block; background-color: #0048D7; padding: 1.3rem; font-size: 3rem; text-shadow: 0 0 0.1rem #333; text-decoration: none; color: #fff; border-radius: 0.5rem; cursor: pointer;}

.filearea{margin: 2rem 0;}

.filearea .titleimage {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.filearea .labeltm {
    width: 180px;
    height: 50px;
    border-radius: 0.5rem;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    font: 14px/50px Tahoma;
    transition: all 0.18s ease-in-out;
    border: 1px solid #333;
    color: #333;
}

.filearea .labeltm:hover {
    color: white;
    background: #333;
}

.filearea .jpreloader{display: none; height: 88px; border-radius: 5px;}
.filearea .previewimage{border-radius: 5px;}
.filearea .jdelpreview{display: inline-block; background-color: #000; color: #fff; padding: 10px; border-radius: 5px; cursor: pointer; margin-top: 10px;}
.filearea .jdelpreview:hover{background-color: #333;}


.mypostslist{}
.mypostslist .mplobj{padding: 3rem 3%; background-color: #f2f2f2; margin: 5rem 0; border-radius: 0.5rem;}
.mypostslist .mplobj .mplimg{width: 100%; border-radius: 0.5rem; margin-top: 2rem;}
.mypostslist .mplobj .mplobjinfo{}
.mypostslist .mplobj .mplobjinfo .mplobjlink{font-size: 4rem; color: #000;}
.mypostslist .mplobj .mplobjinfo .mpldt{margin-top: 2rem; font-size: 2rem;}
.mypostslist .mplobj .mplobjinfo .activate{margin-top: 3rem; padding: 1rem; text-align: center; display: inline-block; background-color: #0048D7; cursor: pointer; color: #fff; border-radius: 0.5rem;}
.mypostslist .mplobj .mplobjinfo .activate:hover{background-color: #167CF0;}
.mypostslist .mplobj .mplobjinfo .activateedit{display: inline-block; margin-left: 20px; color: #333;}
.mypostslist .mplobj .mplobjinfo .moderate{margin-top: 3rem; padding: 1rem; text-align: center; display: inline-block; background-color: #A0EEFF; color: #555; border-radius: 0.5rem;}
.mypostslist .mplobj .mplobjinfo .released{margin-top: 3rem; padding: 1rem; text-align: center; display: inline-block; background-color: #B8FF9F; color: #555; border-radius: 0.5rem;}

.viewpostheader{border-top: 1px solid green; padding-top: 10px; margin: 70px 0 50px 0; color: #ccc;}

.note-modal{top: 50px!important;}
.note-group-image-url{display: none!important;}

#path{width: 100%!important;}

.showpost{}
.showpost .sptitleimage{width: 100%; border-radius: 5px; margin: 10px 0 20px 0;}
.showpost .spauthor{margin: 0 0 20px 0;}
.showpost .spauthor a{display: inline-block; background-size: 50px 50px; background-repeat: no-repeat; background-position: left center; padding: 0 0 0 60px; line-height: 50px; font-size: 18px;}

.noauth{margin-bottom: 100rem}