@import url(text.css);
@import url(form.css);
.newstimeviewcom {font-size: 12px; }
.newstimeviewcom li {display: inline; margin-right: 10px;}

.addcommentform {border:1px solid #e7e7ee;}

.hoverbox {
     position:absolute;
     top:0;
     left:0;
     -webkit-transition: all 0.7s ease;
     transition: all 0.7s ease;
     width:100%;
     height: 100%;
}
.album {grid-gap: 10px;}
.album li {
     text-align:center;
     background:#B92B2B;
     color:#fff;
}
.tayang {
     text-decoration: underline;
     font-style: italic;
}
.heads {
     font-weight: bold;
     text-decoration: underline;
}

.komentar-admin {background-color:#f2f2f2;}
.komentar-member {background-color:#fff;}
.komentar {
     border:1px solid #e9e9e9;
     margin-bottom: 5px;
}
.data-komentator li  {
     display: inline;
     margin-right: 5px;
     font-size: 12px;
}

.kelola-komentator li {
     float: left;
     margin: 0px 5px 5px 0px;
}
.kelola-komentator input[type=submit] {
     padding: 10px;
     border: none;
}
.kelola-komentator input[type=submit]:hover {
     cursor: pointer;
     background: #505050;
     color: white;
}
.kelola-komentator a {
     padding: 10px;
     border: none;
     background: #BAE1FF;
     text-align: center;
     color: #333;
     display: block;
     font-size: 12px;
}
.kelola-komentator a:hover {
     cursor: pointer;
     background: #505050;
     color: white;
}
.tombol-kelola-1 {
     background: #F8C3B9;
}
.tombol-kelola-2 {
     background: #F1646C;
}
.tombol-kelola-3 {
     background: #C9C9FF;
}
.replay {
     width: 95%;
     float: right;
}


@media (max-width: 740px){
     .image-news {
          display: block;
          margin: 0px auto 10px auto;
     }
     .hoverbox:hover {
          background: rgba(47,41,39,0.75) url(../../../images/frontend/2/plus-xs.png) center center no-repeat;
     }
     .album  {grid-template-columns:1fr 1fr;}
}
@media (min-width: 741px){
     .image-news {
          float: left;
          margin: 0px 10px 10px 0px;
     }
     .hoverbox:hover {
          background: rgba(47,41,39,0.75) url(../../../images/frontend/2/plus-sm.png) center center no-repeat;
     }
     .album  {grid-template-columns:1fr 1fr 1fr 1fr;}
}
