.journal{font-size: 16px; padding-left: 20px;}

.betainfo{background-color: #FF661B; color: #fff; padding: 10px; border-radius: 5px;}
.betainfo a{color: #fff;}


.addpost{display: inline-block; color: #fff; padding: 10px 10px 10px 35px; font-size: 18px; cursor: pointer; border-radius: 0.5rem; margin: 20px 0 0 0; text-decoration: none; background: #1B6DFF url('/images/pen-white-64.png') 10px center no-repeat; background-size: 16px 16px;}
.addpost:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.authurl{display: inline-block; color: #fff; padding: 10px; font-size: 18px; cursor: pointer; border-radius: 0.5rem; margin: 20px 0 0 0; text-decoration: none; background-color: #1B6DFF;}
.authurl:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.jcontainer{width: 900px; margin: 0 auto;}

.journalinput{width: 98%; font-size: 20px; padding: 10px 1%;}

.sendtojournal, .updatetojournal, .newpost{display: inline-block; background-color: #0048D7; padding: 10px; font-size: 18px; text-shadow: 0 0 1px #333; text-decoration: none; color: #fff; border-radius: 5px; cursor: pointer;}
.sendtojournal:hover, .updatetojournal:hover{background-color: #167CF0;}

.filearea{margin: 10px 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: 4px;
    text-align: center;
    cursor: pointer;
    display: 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{border-bottom: 1px solid #f2f2f2; padding: 20px 0;}
.mypostslist .mplobj .mplimg{width: 150px; border-radius: 5px; float: left; border: 1px solid #333;}
.mypostslist .mplobj .mplobjinfo{width: 600px; margin-left: 30px; float: left;}
.mypostslist .mplobj .mplobjinfo .mplobjlink{font-size: 24px;}
.mypostslist .mplobj .mplobjinfo .mpldt{margin-top: 10px;}
.mypostslist .mplobj .mplobjinfo .activate{margin-top: 20px; padding: 10px; text-align: center; display: inline-block; background-color: #0048D7; cursor: pointer; color: #fff; border-radius: 5px;}
.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: 20px; padding: 10px; text-align: center; display: inline-block; background-color: #A0EEFF; color: #555; border-radius: 5px;}
.mypostslist .mplobj .mplobjinfo .released{margin-top: 20px; padding: 10px; text-align: center; display: inline-block; background-color: #B8FF9F; color: #555; border-radius: 5px;}

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

.showpost{}
.showpost .sptitleimage{width: 50%; 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;}