.PageComments { padding: 30px 0 0 0; }
.PageComments h2 { padding: 0 0 20px 0; }
.PageComments .CommentForm { padding: 25px 0; border-top: 2px solid #ca171f; }
.PageComments .CommentForm .AddCommentForm { padding: 10px 0 0 0; }
.PageComments .CommentForm .AddCommentForm .field { padding: 0 0 10px 0; }
.PageComments .CommentForm .AddCommentForm .field label.left { float: left; width: 100px; }
.PageComments .CommentForm .AddCommentForm .field .middleColumn { margin-left: 100px; }
.PageComments .CommentForm .AddCommentForm .field .middleColumn input.text, .PageComments .CommentForm .AddCommentForm .field .middleColumn input.email { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 200px; border: 1px solid #999999; padding: 3px 10px; }
.PageComments .CommentForm .AddCommentForm .field .middleColumn textarea { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 284px; border: 1px solid #999999; padding: 3px 10px; }
.PageComments .CommentForm .AddCommentForm .field .message { padding: 0 0 0 100px; color: #ca171f; }
.PageComments .CommentForm .AddCommentForm .Actions { padding: 0 0 0 100px; }
.PageComments .CommentForm .AddCommentForm .Actions input { border: 0 none; display: block; color: white; padding: 4px 23px 2px 30px; line-height: 28px; width: auto; text-decoration: none; text-transform: uppercase; font-weight: bold; font-family: OpenSans, Arial, sans-serif; font-size: 0.85em; white-space: nowrap; height: 34px; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-transition: background-color 0.08s linear; -moz-transition: background-color 0.08s linear; -o-transition: background-color 0.08s linear; transition: background-color 0.08s linear; background-color: #ca171f; background-image: url("../../auda/images/Buttons/LogoIcon_12.png"); background-position: 10px 10px; background-repeat: no-repeat; }
.PageComments .CommentForm .AddCommentForm .Actions input:hover { color: white; background-color: #e72d35; }
.PageComments .CommentView { padding: 25px 0 0 0; border-top: 1px solid #ca171f; position: relative; }
.PageComments .CommentView.Open .ToggleButton { background-position: 160px 5px; }
.PageComments .CommentView.Open .ToggleButton:before { content: 'Hide Comments'; }
.PageComments .CommentView.Closed .ToggleContents { height: 0; }
.PageComments .CommentView .ToggleContents { overflow: hidden; }
.PageComments .CommentView .ToggleButton { font-size: 0.85em; position: absolute; right: 0; top: 25px; width: 150px; padding: 0 25px 0 0; color: #ca171f; text-decoration: underline; cursor: pointer; text-align: right; background-color: transparent; background-image: url("../../auda/images/Buttons/ArrowsRed.png"); background-repeat: no-repeat; background-position: 160px -181px; }
.PageComments .CommentView .ToggleButton:hover { color: #222222; }
.PageComments .CommentView .ToggleButton:before { content: 'Show Comments'; display: inline; }
.PageComments .CommentView .CommentItems .CommentItem { padding: 25px 0 0 0; }
.PageComments .CommentView .CommentItems .CommentItem.unmoderated .Comment { position: relative; color: #a2a2a2; background: #ffeeee; }
.PageComments .CommentView .CommentItems .CommentItem.unmoderated .Comment .Info:after { content: 'unmoderated'; display: block; color: #ca171f; font-style: italic; position: absolute; right: 0; top: 0; }
.PageComments .CommentView .CommentItems .CommentItem:first-child { padding: 0; }
.PageComments .CommentView .CommentItems .CommentItem .Actions { overflow: hidden; }
.PageComments .CommentView .CommentItems .CommentItem .Actions li { display: inline; font-size: 0.85em; }
.PageComments .CommentView .CommentItems .CommentItem .Actions li:before { content: ' / '; display: inline; }
.PageComments .CommentView .CommentItems .CommentItem .Actions li:first-child:before { display: none; }
