﻿/*General*/
.divIndEventOuter {height:auto; overflow:visible;}
.divIndEventHdr {height:auto; overflow:hidden; float:left;}
.divIndEventHdrInner {float:left; font-size:14px; font-weight:normal; line-height:14px; color:#191919; }
.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:30px;}
.divIndEventAlbum {padding-top:20px;padding-bottom:30px;width:100%;}

/*End of General*/

/*Details*/
.divIndEventDetails {height:auto; overflow:hidden;}
.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;}
.divEventTopDescInnerTopRight {float:right;}
.divIndEventName {}
.divIndEventDate {font-size:95%;}
.divIndEvtPrev {float:right; margin-left:10px;}
.divIndEvtNext {float:right;}
.divEvtPageFirst{float:right; margin-left:10px;}
.divEvtPageLast {float:right;}
.divIndEventSnapshot {text-align:justify;}
.divIndEventDetailsBtm {height:auto; overflow:hidden;}
.divIndEventDesc {height:auto; overflow:hidden;}
/*End of Details*/

/*Album & Video*/
.divEventRow {height:auto; overflow:hidden; width:100%; display:table; -moz-box-sizing: border-box; box-sizing: border-box;}
.two-columns {width: 50% !important; display: table-cell; -moz-box-sizing: border-box; box-sizing: border-box;}

.divIndEvent {padding-bottom:40px;width:100%;}
.divIndEventItems {height:auto; overflow:hidden;}
.divIndEvtItem {/*height:169px; width:220px;*/ height:auto; width:100%; float:left; padding-bottom:15px; padding-right:15px; overflow:hidden;}
.divIndEvtItemLast {/*height:169px; width:220px;*/ height:auto; width:100%; float:left; padding-bottom:1px; padding-right:1px; overflow:hidden;}
.divIndEvtVidItem {/*height:169px; width:220px;*/ height:auto; width:100%; padding-bottom:15px; overflow:hidden;}
.divAlbumImgOuter {/*height:169px; width:220px;*/ height:auto; width:100%; padding:0px; border:0px solid #bfc0c1; background:#ffffff; overflow:hidden;}
.divAlbumImg {/*height:167px; width:100%;*/ position:relative; overflow:hidden;}
.divVideoImgOuter {/*height:169px; width:220px;*/ height:auto; width:100%; padding:0px; border:0px solid #dedede;}
.divVideoImg {/*height:169px; width:220px;*/ position:relative; overflow:hidden; display:block;}
.playIcon {position: relative;filter:alpha(opacity=70);background: url("../../img/usr/mobile/btn-play.png") no-repeat center center;border: none;z-index: 10;width: 100%;height: 100%;background-color: #f5f5f5; opacity: 0.50;}
.playIcon:hover {position: relative;filter:alpha(opacity=70);background: url("../../img/usr/mobile/btn-play.png") no-repeat center center;border: none;z-index: 10;width: 100%;height: 100%;}

/*.playIcon {position:absolute; top:50%; left:5%; height:100%; width:100%; background:url('../../img/usr/mobile/btn-play.png') no-repeat 0px 0px;}
.playIcon:hover {background:url('../../img/usr/mobile/btn-play.png') no-repeat 0px -100px;}*/

.divAlbumVideoImg img {position:absolute; margin:auto; }
.divIndEvtAlbumTitle {text-align:center; width:122px; padding-top:10px; height:auto; overflow:hidden;}
/*End of Album & Video*/

/*Comment*/
.divIndEvtCommentItemInner {display:table; width:100%; }
.divIndEvtCommentLeft {display:table-cell; width:100px; vertical-align:top;}
.divIndEvtCommentRight {display:table-cell; width:auto; vertical-align:top;}
.divCommentPosted {font-size:14px; color:#656565;}
.divReplyPosted {font-size:14px; color:#fff;}
.divIndEventCommentItems {height:auto; overflow:hidden;}
.divIndEvtCommentItemInner {height:auto; overflow:hidden;}
.divIndEvtCommentItem {height:auto; overflow:hidden; padding-bottom:20px;}
.divCommentPostedNameDate {height:auto; overflow:hidden;}
.divCommentPostedDate {font-size:14px;}
.divCommentPostedName {color:#e98110; margin-bottom:5px; font-weight:500;}
.divIndEvtReply {height:auto; overflow:hidden; padding:10px; margin-top:10px; background:#e98110; color:#fff;}
.divReplyImg {float:left; width:20px; height:auto;}
.divReplyPostedLit {float:left; width:auto; height:auto; text-align:justify;}
/*End of Comment*/

/*Comment Form*/
.divIndEventCommentHdr {font-size:14px;line-height:14px; padding-bottom:20px;}
.divIndEventPostCommentForm {padding-bottom:40px;width:100%;}
.trSplitter {height:10px;}
.frmCommentTbl {width:100%; background:#fff;}
.frmCommentTbl td {border:1px solid #dddddd; border-bottom:none; padding:5px;}
.frmCommentTbl tr:last-child td{border:none; border-top:1px solid #dddddd; padding:30px 0px;}
.frmCommentTbl td.tdLabelCommentForm {width:20%; font-size:18px; color:#656565; padding-top:5px; padding-bottom:0px; vertical-align:top;}
.text_Commentsmall {border:none; width:97.5%; outline:none; background:#ffffff; height:28px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-family:Coda;}
.text_Commentbig {border:none; width:97.5%; outline:none; background:#ffffff; height:128px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-family:Coda;}
/*End of Comment Form*/

/*Links & Buttons*/
.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:link {color:#ffffff; text-decoration:none; background:#0072bb;}
a.lnkbtnComment:visited {color:#ffffff; text-decoration:none; background:#0072bb;}
a.lnkbtnComment:hover {color:#ffffff; text-decoration:none; background:#0d5f93;}
a.lnkbtnComment:active {color:#ffffff; 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*/
.divIndEvtBack {float:right;}
.divBackToListTop {height:auto; width:100%; overflow:hidden; margin-bottom:20px; border-bottom:5px solid #dedede;}
.divBackToListInner {height:auto; overflow:hidden; float:right; /*text-align:right;*/ padding-top:5px; padding-bottom:5px;}
.divIndEvtPrevDisabled {float:right; margin-right:10px; margin-left:10px;}
.divIndEvtNextDisabled {float:right; margin-right:10px;}

.btnIndEventBack {font-size:12px; color:#959595; margin-right:10px;}
a.btnIndEventBack:link {text-decoration:none; color:#959595;}
a.btnIndEventBack:visited {text-decoration:none; color:#959595;}
a.btnIndEventBack:hover {text-decoration:none; color:#0072bc; margin-right:10px;}
a.btnIndEventBack:active {text-decoration:none; color:#0072bc; margin-right:10px;}

.btnIndEventPrev {font-size:12px; color:#959595; margin-right:10px;}
a.btnIndEventPrev:link {font-size:12px; color:#959595;}
a.btnIndEventPrev:visited {text-decoration:none; color:#959595;}
a.btnIndEventPrev:hover {text-decoration:none; color:#0072bc; margin-right:10px;}
a.btnIndEventPrev:active {text-decoration:none; color:#0072bc; margin-right:10px;}

.btnIndEventNext {font-size:12px; color:#959595; margin-right:10px;}
a.btnIndEventNext:link {font-size:12px; color:#959595;}
a.btnIndEventNext:visited {text-decoration:none; color:#959595;}
a.btnIndEventNext:hover {text-decoration:none; color:#0072bc; margin-right:10px;}
a.btnIndEventNext:active {text-decoration:none; color:#0072bc; margin-right:10px;}

.btnIndEventDisabledPrev {font-size:12px; color:#959595; margin-right:10px;}
a.btnIndEventDisabledPrev:link {font-size:12px; color:#959595;}
a.btnIndEventDisabledPrev:visited {font-size:12px; color:#959595;}
a.btnIndEventDisabledPrev:hover {text-decoration:none; color:#959595; margin-right:10px;}
a.btnIndEventDisabledPrev:active {text-decoration:none; color:#959595; margin-right:10px;}

.btnIndEventDisabledNext {font-size:12px; color:#959595; margin-left:10px;}
a.btnIndEventDisabledNext:link {font-size:12px; color:#959595;}
a.btnIndEventDisabledNext:visited {font-size:12px; color:#959595;}
a.btnIndEventDisabledNext:hover {text-decoration:none; color:#959595; margin-left:10px;}
a.btnIndEventDisabledNext:active {text-decoration:none; color:#959595; margin-left:10px;}
