﻿#CommentListContainer{width:750px;margin-left:25px;}
#CommentListContainer .ListContainer{border:1px solid #ccc;width:500px;}

#CommentFilter{margin-top:10px;width:500px;clear:both;}
#CommentFilter fieldset{padding:10px;}
#CommentFilter legend{font-weight:bold;padding-left:10px;padding-right:10px;}
#CommentFilter .FilterItem{margin-top:10px !important;padding:0px !important;}
#CommentFilter .DateColumn{float:left;width:235px;margin-top:5px !important;padding:0px !important;}
#CommentFilter .DateColumnEnd{clear:both;height:0px;padding:0px !important;}
#CommentFilter .ButtonItem{float:right;width:55px;}
#CommentFilter .ButtonItemEnd{clear:both;height:0px;}

#FlyingCommentBox{z-index:30;position:absolute;padding: 10px 15px 10px 15px;width:370px;border:1px solid #5ca5ce;background-color:#EEF6FA}

#InappropriateComment{background-color:#ffea94;width:380px;padding:5px 10px 5px 10px;margin-top:5px;}

#CommentBox{background-color:#e6e6e6;width:370px;padding:10px 15px 10px 15px;margin-top:10px;}
#CommentBox h3,#FlyingCommentBox h3{font-size:13px;font-weight:bold;color:Black;margin-left:5px;}
#CommentBox #Reply{background-color:#ddd;width:360px;padding:0px;}
#CommentBox #Reply h4{font-weight:bold;font-size:11px;color:#555;margin:5px 0px 0px 5px;}
#CommentBox #Reply #ReplyBody{color:#555;}

#CommentBox #Reply #ReplyBody .UserNameDate{margin-top:5px;}
#CommentBox #Reply #ReplyBody .UserNameDate .UserName{font-size:11px;float:left;margin-left:10px;width:50px;}
#CommentBox #Reply #ReplyBody .UserNameDate .Date{color:#666;float:left;margin-left:10px; padding-right:5px;}
#CommentBox #Reply #ReplyBody .UserNameDate .UserNameDateEnd{clear:both;}
#CommentBox #Reply #ReplyBody .ImageText {margin-top:5px;}
#CommentBox #Reply #ReplyBody .ImageText .Image{float:left;width:60px;}
#CommentBox #Reply #ReplyBody .ImageText .Text{float:left;color:#000;margin-left:10px;}
#CommentBox #Reply #ReplyBody .ImageText .ImageTextEnd{clear:both;}

#CommentBox #Entry,#FlyingCommentBox #Entry{}
#CommentBox #Entry textarea,#FlyingCommentBox #Entry textarea{width:356px;padding:5px;margin-top:10px;}
#CommentBox #Button,#FlyingCommentBox #Button{float:right;margin:10px 1px 0px 0px;}
#CommentBox #Button #CancelButton,#FlyingCommentBox #Button #CancelButton{float:left;}
#CommentBox #Button #SendButton{float:left;margin-left:5px;}
#CommentBox #Button #SaveButton,#FlyingCommentBox #Button #SaveButton{float:left;margin-left:5px;}
#CommentBox #Button .ButtonEnd,#FlyingCommentBox #Button .ButtonEnd{clear:both;}
#CommentBox .BoxEnd,#FlyingCommentBox .BoxEnd{clear:both;}

#CommentBox #Error,#FlyingCommentBox #Error{background:none;padding:10px;}
#CommentBox #Error p,#FlyingCommentBox #Error p{color:Red;margin-top:5px;}

#CommentBox #Public{width:370px;background-color:#e6e6e6;margin-top:5px;padding-bottom:10px;}
#CommentBox #Public .Label{float:left;margin-left:5px;width:65px;margin-top:5px;color:#000;font-size:11px;}
#CommentBox #Public .Entry{float:left;padding-left:5px;width:165px;margin-top:5px}
#CommentBox #Public .Entry INPUT[type="text"]{width:155px;padding:0px;background-color:#fff;}
#CommentBox #Public #CaptchaImg{float:left;width:120px;padding-left:5px;margin-top:5px;}
#CommentBox #Public #CaptchaImg #ImgCaptcha{width:120px;height:18px;}
#CommentBox #Public .EntryEnd{clear:both;}

#CommentBox #AlreadyMember{padding-left:5px;width:165px;margin-top:10px;}

#CommentBox #LoginToAdd{margin-top:10px;}
#CommentBox #Thanks,#CommentBox #ThanksUser{background-color:#ffffcc;padding:10px;color:black;}
#CommentBox #Thanks h3,#CommentBox #ThanksUser h3{color:black;margin-top:5px;font-weight:bold;text-align:center;}
#CommentBox #Thanks p{color:black;margin-top:5px;}
#CommentBox #Thanks a{}
#CommentBox #Thanks .Links{margin-top:5px;float:left;padding-right:5px;margin-right:10px;}
#CommentBox #Thanks #CloseButton{float:right;margin-top:15px;}
#CommentBox #Thanks .End{clear:both;font-size:1px;height:0px;}
#CommentBox #AddAudio{background-image:url('/Mod/Comment/Img/Audio.gif');background-position:left;background-repeat:no-repeat;padding:5px 0px 5px 20px;width:65px;float:left;margin-top:0px;}
#CommentBox #AddVideo{background-image:url('/Mod/Comment/Img/Video.gif');background-position:left;background-repeat:no-repeat;padding:5px 0px 5px 20px;width:65px;float:left;margin-left:10px;margin-top:0px;}

#CommentBox .HelpTabs{border-left:1px solid #ccc;}
#CommentBox .HelpTabs .TabSelected,#CommentBox .HelpTabs .Tab{float:left;padding:5px 10px;border-top:1px solid #ccc;border-right:1px solid #ccc;}
#CommentBox .HelpTabs .TabSelected{background-color:#fff;}
#CommentBox .HelpTabs .TabSelected a,#CommentBox .HelpTabs .Tab a{color:#444;text-decoration:none;}
#CommentBox .HelpTabs .TabSelected a:hover,#CommentBox .HelpTabs .Tab a:hover{color:#444;text-decoration:underline;}
#CommentBox .HelpTabs .Tab{background-color:#ccc;color:#444;}
#CommentBox .HelpTabs .TabEnd{clear:both;}
#CommentBox .HelpTabContent {border:1px solid #ccc;padding:10px;}

#CommentBox #AudioClose, #CommentBox #VideoClose{margin-top:10px;}
#CommentBox #AudioComment{position:absolute;z-index:30;width:525px;height:265px;background-color:#fff;padding:10px;}
#CommentBox #VideoComment{position:absolute;z-index:30;width:525px;height:455px;background-color:#fff;padding:10px;}

#CommentListContainer #Tabs{border-left:1px solid #ccc;margin-top:10px;}
#CommentListContainer #Tabs #PublicTab,#Tabs #UserTab{border-top:1px solid #ccc;border-right:1px solid #ccc;}
#CommentListContainer #Tabs .TabNotSelected{float:left;padding:5px 10px;background-color:#ccc;color:#444;}
#CommentListContainer #Tabs .TabSelected{float:left;padding:5px 10px;background-color:#fff;}
#CommentListContainer #Tabs .TabNotSelected a,#Tabs .TabSelected a ,#Tabs .TabNotSelected span,#Tabs .TabSelected span{color:#444;text-decoration:none;}
#CommentListContainer #Tabs .TabNotSelected a:hover,#Tabs .TabSelected a:hover {color:#444;text-decoration:underline;}
#CommentListContainer #Tabs .TabEnd{clear:both;height:0px;font-size:1px;}

#CommentList{width:400px;}
#CommentList #PublicList,#CommentList #List{margin-top:10px;}
#CommentList #PublicList h4,#CommentList #List h4{color:#000 !important;font-size:16px;font-weight:bold;margin-top:15px;}
#CommentList #ListNoComment,#CommentList #PublicListNoComment{text-align:center;padding:15px 20px;font-weight:normal;font-size:12px;}
#CommentList #LoginToView{margin-top:10px;}
#CommentList #LoginToView #MembersOnly{width:75px;height:75px;background-image:url('/Mod/Comment/Img/PublicUser.jpg');background-position:center; background-repeat:no-repeat;float:left;border:1px solid #ccc;}
#CommentList #LoginToView #MembersOnly p{font-size:9px;color:#444;margin-top:21px;margin-left:13px;padding:2px;border:1px solid #ccc;width:45px;background-color:White;text-align:center;}
#CommentList #LoginToView #Explanation{float:left;margin-left:10px;margin-top:30px;}
#CommentList #LoginToView .ExplanationEnd{clear:both;}
#CommentList #RefreshList{text-align:center;padding:15px 20px;margin-top:10px;}
#CommentList #RefreshList span{margin-left:25px;font-size:16px;font-weight:bold;}

#CommentList .List{margin-top:5px;}
#CommentList .List .Waiting_Approval{background-color:#FFC222;}
#CommentList .List .ReplyComment{border-left:10px solid #ccc;}
#CommentList .List .CommentItem{border-bottom:1px solid #ccc;}
#CommentList .List .CommentItem .ApproveButton{margin:5px;border:1px solid #ccc;padding:5px 0px;background-color:White;width:75px;text-align:center;}
#CommentList .List .CommentItem .PageLink{margin:5px;}
#CommentList .List .CommentItem .Tab{float:left;width:15px;}
#CommentList .List .CommentContainer{float:left;}
#CommentList .List .CommentItem .UserNameDate{margin-top:5px;}
#CommentList .List .CommentItem .UserNameDate .UserName{font-size:11px;float:left;margin-left:5px;width:200px;}
#CommentList .List .CommentItem .UserNameDate .Date{color:#666;float:left;margin-left:10px; padding-right:5px;width:150px;text-align:right;}
#CommentList .List .CommentItem .UserNameDate .UserNameDateEnd{clear:both;}
#CommentList .List .CommentItem .ImageText {margin-top:5px;}
#CommentList .List .CommentItem .ImageText .Image{float:left;width:60px;margin-left:5px;}
#CommentList .List .CommentItem .ImageText .Text{float:left;color:#000;margin-left:10px;width:290px;}
#CommentList .List .CommentItem .ImageText .ImageTextEnd{clear:both;height:0px;font-size:1px;}
#CommentList .List .CommentItem .CommentContainerEnd{clear:both;height:0px;font-size:1px;}
#CommentList .List .CommentItem .CommentItemEnd{clear:both;height:0px;font-size:1px;}
#CommentList .List .CommentItem .Operation{}
#CommentList .List .CommentItem .Operation .Button{float:right;margin-right:5px;margin-bottom:5px;}
#CommentList .List .CommentItem .Operation .ButtonEnd {clear:both;width:3px;}
#CommentList #List .CommentItem .CommentEnd {clear:both;width:3px;}
#CommentList .List .CommentItem .LeftCommentPart{width:75px;float:left;margin-top:10px;}
#CommentList .List .CommentItem .LeftCommentPart .Image{width:75px;margin-bottom:10px;border:1px solid #ccc;}
#CommentList .List .CommentItem .RightCommentPart{float:left;margin-left:10px;margin-top:10px;width:285px;}
#CommentList .List .CommentItem .RightCommentPart .TextButtons{width:285px;}
#CommentList .List .CommentItem .RightCommentPart .TextButtons .Text{color:#000;width:225px;float:left;}
#CommentList .List .CommentItem .RightCommentPart .TextButtons .Buttons{width:50px;float:right;}
#CommentList .List .CommentItem .RightCommentPart .TextButtons .Buttons .Button{float:right;margin-left:2px;}
#CommentList .List .CommentItem .RightCommentPart .TextButtons .Buttons .ButtonEnd {clear:both;height:0px;font-size:1px;}
#CommentList .List .CommentItem .RightCommentPart .TextButtonsEnd{clear:both;height:0px;font-size:1px;}

#CommentList .List .CommentItem .RightCommentPart .UserNameDate {margin-top:5px;width:285px;}
#CommentList .List .CommentItem .RightCommentPart .UserNameDate .UserNamePart{float:left;width:165px;font-size:11px;line-height:14px;}
#CommentList .List .CommentItem .RightCommentPart .UserNameDate .UserNamePart img{margin-right:2px;}
#CommentList .List .CommentItem .RightCommentPart .UserNameDate .DatePart{float:right;width:100px;text-align:right;color:#666;line-height:14px;}
#CommentList .List .CommentItem .RightCommentPart .UserNameDate .UserNameDateEnd{clear:both;height:10px;font-size:1px;}
#CommentList .List .CommentItem .CommentPartEnd{clear:both;height:0px;font-size:1px;}

#FeedBack{margin-top:10px;width:450px;}
#FeedBack .TextBlock{margin:0px 0px 10px 0px;}
#FeedBack .Label{margin-right:5px;float:left;}
#FeedBack .Entry{margin-right:0px;float:right;}
#FeedBack h3{font-weight:normal;}
#FeedBack #FeedBack_Add{}
#FeedBack #FeedBack_Add textarea{width:442px;padding:3px;}
#FeedBack #FeedBack_Add input[type=text]{width:300px;}
#FeedBack #FeedBack_Add #Toolbar{margin-bottom:10px;}
#FeedBack #FeedBack_Add #Toolbar #ToolbarEntry{float:right;}
#FeedBack #FeedBack_Add #Error{margin-bottom:10px;padding:10px;}
#FeedBack #FeedBack_Add #Error p{color:red !important;}
#FeedBack #FeedBack_Thanks{}
