﻿/*General*/
.divIndEventOuter {height:auto; overflow:visible;}
.divIndEventHdr {}
.divIndEventImgCount {float:left; padding-left:5px;}
.divIndEventCount {float:left; font-size:11px; font-weight:normal; line-height:11px; color:#272727; padding-left:3px; vertical-align:middle;}
.divIndEventContent {padding-bottom:20px;}
.divIndEventAlbum {padding-top:20px;padding-bottom:30px;width:100%;}
.divIndEventTopTop {width:100%; height:auto; overflow:hidden;}
/*End of General*/

/*Details*/
.divIndEventDetails {height:auto; overflow:hidden; text-align:justify; padding-bottom:5px;}
.divIndEventImage {float:left; width:255px; height:190px; overflow:hidden; padding:5px; background:#ffffff;}
.divIndEventImg {height:190px; overflow:hidden; width:255px;}
.divIndEventImgInner { vertical-align:middle; position:relative; overflow:hidden; height:190px; width:255px; }
.divIndEventImgInner img {margin:auto; position:absolute;}

.divEventTopDescInnerTop {height:auto; overflow:hidden;}
.divEventTopDescInnerTopLeft {float:left; width:380px;}
.divEvtPageFirst{float:right; margin-left:10px;}
.divEvtPageLast{float:right; margin-left:10px;}
.divIndEventSnapshot {}
.divIndEventDetailsBtm {height:auto; overflow:hidden; padding-bottom:5px;}
.divIndEventDesc {height:auto; overflow:hidden;}
/*End of Details*/

/*Album & Video*/
.divIndEvent {margin-bottom:40px;width:100%;}
.playIcon {position: relative;filter:alpha(opacity=70);background: url("../img/usr/icon-play.png") no-repeat center;border: none;z-index: 10;width: 100%;height: 100%;background-color: black;opacity: 0.70;}

.divAlbumVideoImg img {position:absolute; margin:auto; }
.divIndEvtAlbumTitle {text-align:center; width:122px; padding-top:10px; height:auto; overflow:hidden;}

.divWaterMark {position:absolute; top:0; left:0; height:100%; width:100%; background:url('../img/usr/icon-play-video.png') no-repeat 85px 57px, rgba(0, 0, 0, 0.4);}
.divWaterMark:hover {background:rgba(0, 0, 0, 0.3);}
/*End of Album & Video*/

/*Comment*/

.divIndEvtCommentRight {float:left; width:75%; padding-left:50px;}
.divCommentPosted {}
.divReplyPosted {}
.divIndEventCommentItems {height:auto; overflow:hidden; border:solid 1px #ddd; border-bottom:none;}
.divIndEvtCommentItemInner {height:auto; overflow:hidden;}
.divIndEvtCommentItem {height:auto; overflow:hidden; padding:30px 20px; border-bottom:solid 1px #ddd;}
.divCommentPostedNameDate {height:auto; overflow:hidden;}

.divCommentPostedName {margin-bottom:10px; font-size:18px; font-weight:500;}
.divReplyImg {float:left; width:20px; height:auto;}
.divReplyPostedLit {text-align:justify;}
/*End of Comment*/

/*Comment Form*/
.divIndEventCommentHdr {padding-bottom:10px;}
.divIndEventPostCommentForm {width:100%; padding-top:20px;}
.trSplitter {height:10px;}
.tdLabelCommentForm {width:16%; padding-top:0px; padding-bottom:0px; vertical-align:top; padding-top:11px;}

.text_Commentsmall {width:93.5%; border:1px solid #dddddd; padding:10px; background:#ffffff; outline:none;}
.text_Commentsmall:focus {width:93.5%; border:1px solid #dddddd; padding:10px; background:#ffffff; outline:none;}
.text_Commentbig       {width:97%; border:1px solid #dddddd; padding:10px; background:#ffffff; height:140px; outline:none;}
.text_Commentbig:focus {width:97%; border:1px solid #dddddd; padding:10px; background:#ffffff;}

.frmCommentTbl {width:100%;}
.frmCommentTbl td {padding-top:15px;}
.frmCommentTbl tr:last-child td {padding-top:20px;}
/*End of Comment Form*/

/*Links & Buttons*/
a.lnkbtnComment {height:30px; width:160px;text-transform:uppercase; display:block; font-size:14px; color:#ffffff; font-weight:normal; text-align:center; padding-top:8px; background:#0072bb;}
a.lnkbtnComment:hover, a.lnkbtnComment:active {text-decoration:none; background:#0d5f93;}
/*end of Links & Buttons*/

/*Pagination*/
.divIndEventTop {width:100%; height:auto; overflow:hidden;}
.divIndPagination {/*height:30px;*/ overflow:hidden; width:185px; float:right;}
.divIndEvtListPaginationWrap {/*height:30px;*/ overflow:hidden; text-align:center; width:165px; float:right;}
.divListIndPagination {overflow:hidden; float:right;}
.divListIndPaginationInner {width:auto; height:auto; overflow:hidden; margin:auto; display:inline-block;}
.divIndPaginationSplitter {width:5px; height:1px; background:transparent; float:left;}

/*Back To List*/

.lazyload {opacity: 0;}
.lazyloading {opacity: 1;transition: 300ms opacity;background: #f7f7f7 url(../img/cmn/loading.gif) no-repeat center;min-height: 60px;}