﻿.MenuItemSelected{background:#eeeeee;font-family:'SDF',Tahoma,Arial,Helvetica;font-size:11px;font-weight:normal;vertical-align:middle;padding:5px;border-left:solid 1px #aaaaaa;border-top:solid 1px #aaaaaa;border-right:solid 1px #aaaaaa;border-bottom:solid 1px #eeeeee}
.MenuItem{font-family:'SDF',Tahoma,Arial,Helvetica;font-size:11px;font-weight:normal;padding:5px}
.MenuItemMoveOn{font-family:'SDF',Tahoma,Arial,Helvetica;font-size:11px;font-weight:normal;padding:5px;background:#cccccc}
.clr,.clear{clear:both}
.tdCustomize2{font-family:'SDF',Tahoma,Arial,Helvetica;font-size:11px;font-weight:normal}
.DivGroupEdit{clear:both;background:#eeeeee;border:solid 1px #aaaaaa;padding:3px}
.PagingTable{background-color:#FFFFFF;border:1px solid #003366;height:33px;width:100%}
.btnLIKE{background:url(images/like.png) no-repeat center center;height:16px;margin:5px;display:inline-block;font-size:10px;line-height:16px !important;padding:0 20px 0 2px}
.btnUNLIKE{background:url(images/Unlike.png) no-repeat center center;margin:5px;height:16px;display:inline-block;font-size:10px;line-height:16px !important;padding:0 20px 0 0}
.btnFLAG{background:url(images/flag.png) no-repeat center center;height:16px;margin:5px;display:inline-block;color:transparent;font-size:0 !important;line-height:16px !important;padding:0 22px 0 2px}
.btnREPLY{background:url(images/reply.png) no-repeat center center;height:16px;margin:5px;display:inline-block;color:transparent;font-size:0 !important;line-height:16px !important;padding:0 26px 0 2px}
.btnEDIT{background:url(images/edit.png) no-repeat center center;height:16px;margin:5px;display:inline-block;color:transparent;font-size:0 !important;line-height:16px !important;padding:0 18px 0 2px}
.btnDELETE{background:url(images/Delete.png) no-repeat center center;height:16px;margin:5px;display:inline-block;color:transparent;font-size:0 !important;line-height:16px !important;padding:0 18px 0 2px}
.btnLIKE,.btnUNLIKE,.btnFLAG,.btnREPLY,.btnEDIT,.btnDELETE{width:28px;height:28px;text-indent:-99999px;padding:4px;margin:-18px 0 0 5px;float:left;line-height:28px;display:inline-block;font-size:15px;background-color:#fff;border:1px solid #e8e8e8;cursor:pointer;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;font-family:"SDF",tahoma;background-size:18px;text-decoration:none;color:currentColor}
.btnLIKE,.btnUNLIKE{-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:90% center;border-radius:3px;font-size:.8rem;line-height:28px;padding:6px 28px 4px 8px;text-indent:0;white-space:nowrap;width:auto}
.aspNetDisabled{color:#888 !important}
.CommentBtns a{display:inline-block;padding:4px 20px;background:#ff0000;color:#fff;border-radius:4px}
.CommentSort{text-align:left}
hr.Comment{margin:5px 0 20px}
.addComment{padding-bottom:20px}
.addComment *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.addComment .NormalTextBox{margin-bottom:5px;padding:2px 5px}
.addComment input,.addComment textarea{box-shadow:none;-webkit-box-shadow:none;border-radius:0;-webkit-border-radius:0;outline:none;border:1px solid #d0d0d0;padding:2px 5px}
.CommentDetail{font-size:15px}
.comments{margin:0 0 20px 0;border-bottom:1px solid #f0f0f0;padding:0 0 10px 0}
.comments .PROFILEIMAGE{width:5%;margin-left:1%}
.comments .PROFILEIMAGE img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.comments .commentsdetail{width:94%}
.comments .commentsdetail a,.comments .commentsdetail a:hover,.comments .commentsdetail a:visited,.comments .commentsdetail a:link,.comments .commentsdetail a:active{color:#000}
.comments .commentsdetail .USERNAME{float:right;margin-left:10px;font-weight:bold;font-size:12px}
.comments .commentsdetail .created{float:right;color:#888;font-size:13px}
.comments .commentsdetail .CONTENT{clear:both;background-color:#f8f8f8;padding:10px;font-size:15px;text-align:justify;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.comments .btnREPLY,.comments .btnEDIT{}
.ShowCommentCount{float:right;line-height:40px}
.SortType{float:left;margin-bottom:5px}
.SortType select{margin:0}
.acun,.acem{display:inline-block;width:50%;float:right}
.acem{margin-right:1%;width:49%}
.acaction .CommandButton{float:left;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#bf360c),color-stop(1,#a33210));background:-moz-linear-gradient(top,#bf360c 5%,#a33210 100%);background:-webkit-linear-gradient(top,#bf360c 5%,#a33210 100%);background:-o-linear-gradient(top,#bf360c 5%,#a33210 100%);background:-ms-linear-gradient(top,#bf360c 5%,#a33210 100%);background:linear-gradient(to bottom,#bf360c 5%,#a33210 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf360c',endColorstr='#a33210',GradientType=0);background-color:#bf360c;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #bf360c;display:inline-block;cursor:pointer;color:#ffffff;padding:4px 24px;text-decoration:none}
.acaction .CommandButton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#a33210),color-stop(1,#bf360c));background:-moz-linear-gradient(top,#a33210 5%,#bf360c 100%);background:-webkit-linear-gradient(top,#a33210 5%,#bf360c 100%);background:-o-linear-gradient(top,#a33210 5%,#bf360c 100%);background:-ms-linear-gradient(top,#a33210 5%,#bf360c 100%);background:linear-gradient(to bottom,#a33210 5%,#bf360c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a33210',endColorstr='#bf360c',GradientType=0);background-color:#a33210}
.acaction .CommandButton:active{position:relative;top:1px;text-decoration:none}
.commentsItem{padding:10px;margin:0 0 10px 0}
.commentsItem:nth-child(odd){background:#efefef}
.commentdetail{padding:10px 0;margin:0 0 10px;text-align:right}
.commentdetail p{margin:0;padding:0;text-align:justify}
.commentdetail .comment p:first-child{border-bottom:1px solid #efefef;margin-bottom:10px;margin-top:10px}
.commentdetail .comment .entryname{font-weight:700}
.commentdetail .footerinfo{border-top:1px solid #efefef;margin-top:10px}
.actions{background:#f8f8f8;border-radius:4px;border:1px solid #efefef;padding:2px 10px;margin:10px 0 0;text-align:center}
.commentdetail .actions a{display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;cursor:pointer;padding:2px 20px;margin:0 2px;border:1px solid #018dc4;-webkit-border-radius:3px;border-radius:3px;color:rgba(255,255,255,1);-o-text-overflow:clip;text-overflow:clip;background:#0199d9;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.2);box-shadow:0 0 2px 0 rgba(0,0,0,0.2);-webkit-transition:all 300ms cubic-bezier(0.42,0,0.58,1);-moz-transition:all 300ms cubic-bezier(0.42,0,0.58,1);-o-transition:all 300ms cubic-bezier(0.42,0,0.58,1);transition:all 300ms cubic-bezier(0.42,0,0.58,1)}
hr.bline{margin:8px 0}
a.level1.MenuItem.static{background:#fff;border:1px solid #efefef !important;display:inline-block;padding:2px 10px !important;color:#888}
.ContentFram{background-color:#fff;padding:0;border:1px solid #eee}
.menuoption{padding:20px 10px;border-left:1px solid #eee}
.commentspane{padding:20px 10px}
.miComnentEntry,.miComnentEntry ul,.miComnentEntry ul li,.miComnentEntry ul li a{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.miComnentEntry:after,.miComnentEntry ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.miComnentEntry{width:auto;border-bottom:3px solid #3d85c6;line-height:1}
.miComnentEntry ul{background:#fff}
.miComnentEntry ul li{float:right}
.miComnentEntry ul li a{z-index:2;padding:18px 25px 12px;font-size:12px;font-weight:400;text-decoration:none;color:#444;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;margin-left:-4px}
.miComnentEntry ul li a.selected,.miComnentEntry ul li:hover a,.miComnentEntry ul li a:hover{color:#fff}
.miComnentEntry ul li a:after{position:absolute;left:0;bottom:0;right:0;z-index:-1;width:100%;height:120%;border-top-left-radius:8px;border-top-right-radius:8px;content:"";-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;-webkit-transform:perspective(5px) rotateX(2deg);-webkit-transform-origin:bottom;-moz-transform:perspective(5px) rotateX(2deg);-moz-transform-origin:bottom;transform:perspective(5px) rotateX(2deg);transform-origin:bottom}
.miComnentEntry ul li a.selected:after,.miComnentEntry ul li:hover a:after,.miComnentEntry ul li a:hover:after{background:#3d85c6}
.miContent{background:#eee;width:auto;box-sizing:content-box}
.miContent a{display:none}
.miContent ul{list-style:none;list-style-type:none;margin:0;padding:0;line-height:1;display:block;zoom:1;font-size:0}
.miContent ul:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.miContent ul li{display:inline-block;padding:0;margin:0;list-style:none;list-style-type:none}
.miContent.align-right ul li{float:right}
.miContent.align-center ul{text-align:center;font-size:0}
.miContent ul li a{color:#666;text-decoration:none;display:block;padding:15px 25px;font-weight:700;text-transform:uppercase;font-size:12px;position:relative;-webkit-transition:color .25s;-moz-transition:color .25s;-ms-transition:color .25s;-o-transition:color .25s;transition:color .25s}
.miContent ul li a:hover{color:#444}
.miContent ul li a:hover:before{width:100%}
.miContent ul li a:after{content:"";display:block;position:absolute;right:-3px;top:19px;height:6px;width:6px;opacity:.5}
.miContent ul li a:before{content:"";display:block;position:absolute;left:0;bottom:0;height:3px;width:0;background:#444;-webkit-transition:width .25s;-moz-transition:width .25s;-ms-transition:width .25s;-o-transition:width .25s;transition:width .25s}
.miContent ul li.last a:after,.miContent ul li:last-child a:after{display:none}
.miContent ul li a.selected{color:#444}
.miContent ul li a.selected:before{width:100%}
.miContent.align-right li.last a:after,.miContent.align-right li:last-child a:after{display:block}
.miContent.align-right li:first-child a:after{display:none}
@media screen and (max-width:768px){.miContent ul li{float:none;display:block}
.miContent ul li a{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #fff}
.miContent ul li.last a,.miContent ul li:last-child a{border:0}
.miContent ul li a:after{display:none}
.miContent ul li a:before{display:none}}
.CommentsFlag input[type='image']{padding:6px 7px;margin:5px 2px 0 0;float:left;line-height:28px;display:inline-block;font-size:15px;border:1px solid #ccc;cursor:pointer;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
.CommentsFlag input[type='image']:last-child{margin-left:5px}
.comments .avatar img{border:2px solid #F5CE04;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:48px}
.CommentDetail{font-size:12px}
.comments{margin:0 0 20px 0;border-bottom:1px solid #f0f0f0;padding:0 0 10px 0}
.comments .PROFILEIMAGE{width:5%;margin-left:1%}
.comments .PROFILEIMAGE img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.comments .commentsdetail{width:94%}
.comments .commentsdetail a,.comments .commentsdetail a:hover,.comments .commentsdetail a:visited,.comments .commentsdetail a:link,.comments .commentsdetail a:active{color:#000}
.comments .commentsdetail .USERNAME{float:right;margin-left:10px;font-weight:bold;font-size:12px;font-family:'SDF',Tahoma}
.comments .commentsdetail .created{float:right;color:#888;font-size:11px}
.comments .commentsdetail .CONTENT{clear:both;background-color:#f8f8f8;padding:10px;font-size:12px;text-align:justify;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.comments .btnREPLY,.comments .btnEDIT{}
