/* messages page */
#box2 #comments h3 {margin: 0; text-indent: 0; color: #000; height: auto; font-size: 115%; line-height: normal; background: none; border: none;}
#box2 #comments ul,
#box2 #comments li {margin: 0;}
#box2 #comments {width: 577px; padding: 2px 10px 10px;}
#box2 #comments .msgboard li {width: 487px;}
#box2 #comments #comment-form {width: 570px; background: url(http://p.webshots.net/images/bg/bg_form_mhp.gif) no-repeat;}
#box2 #comments #comment-form fieldset {background: url(http://p.webshots.net/images/bg/bg_form_mhp.gif) no-repeat bottom;}
#box2 #comments #comment-form textarea {width: 459px;}
#box2 #comments .msg {font-weight: bold;}

#comments {float: left; clear: left; width: 607px; margin-top: 20px; padding: 10px 0;}
#comments .form-area {float: right; width: 143px; overflow: hidden;}
#comments .open {display: inline-block; float: none; width: auto; clear: both;}
#comments .open {display: block;}
html.js #comments .form-area #comment-form {position: static;}
#comments .opener,
#comments .opener * {float: right; background: none; border: none; cursor: pointer; text-decoration: none; white-space: nowrap;}
#comments .opener {width: 144px; color: #dd1b02; font-size: 94%; font-weight: bold; text-align: center; overflow: visible;}
#comments .opener span {padding-top: 3px; background: url(http://p.webshots.net/images/bg/bg_textbox_opener_top.gif) no-repeat top;}
#comments .opener span span {padding: 5px 0 9px; background: url(http://p.webshots.net/images/bg/bg_textbox_opener_btm.gif) no-repeat bottom;}
#comments .opener span span span {width: 104px; padding: 0 10px 0 26px; font-family: arial, helvetica, sans-serif; background: url(http://p.webshots.net/images/icon/icon_comment.png) no-repeat 10px;}
#comments .open .opener,
#comments .open .opener * {position: absolute; left: -9999px;}
#comments .msg {float: left; clear: left; margin-bottom: 10px; white-space: nowrap;}

html.js #comments #comment-form {position: absolute; left: -9999px;}
#comments #comment-form {width: 600px; margin: 0 auto 10px; padding-top: 6px; background: url(http://p.webshots.net/images/bg/bg_form.gif) no-repeat;}
#comments #comment-form fieldset {padding-bottom: 5px; background: url(http://p.webshots.net/images/bg/bg_form.gif) no-repeat bottom;}
#comments #comment-form fieldset div {padding: 3px 5px 11px 16px; background: #fffdd8; border: 1px solid #d7d3bd; border-top: none; border-bottom: none;}
#comments #comment-form .toggle {float: right; width: 16px; height: 16px; margin: 0 6px; background: url(http://p.webshots.net/images/btn/btn_close_it.gif) no-repeat; text-indent: -9999px;}
#comments #comment-form label {display: block; margin-bottom: 3px; padding: 4px 0 10px 20px; background: url(http://p.webshots.net/images/icon/icon_comment.png) no-repeat left; font-weight: bold; text-transform: lowercase;}
#comments #comment-form button {width: 52px; height: 24px; background: url(http://p.webshots.net/images/btn/btn_say_it.gif) no-repeat; text-indent: -9999px;}
#comments #comment-form button:hover,
#comments #comment-form button.hover {background-position: right;}
#comments #comment-form textarea {width: 489px; margin-right: 15px; background: #fff url(http://p.webshots.net/images/bg/bg_textarea.gif) no-repeat; border: 1px solid; border-color: #dbd7d8 #e3e1e4 #f1eeee #e2e2e2;}

#comments h3 {font-size: 115%; font-weight: normal;}
#comments .footer {margin-bottom: 10px;}
#comments .pagination {font-size: 94%;}
#comments .pagination p {margin-top: 5px; text-transform: lowercase;}
#comments .pagination ul,
#comments .pagination ul * {display: inline;}
#comments .pagination li {padding-right: 5px;}
#comments .msgboard:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#comments .msgboard {display: inline-block; clear: both; padding: 10px 0;}
#comments .msgboard {display: block;}
#comments .msgboard a {font-weight: bold;}
#comments .msgboard ul {display: inline-block; border-bottom: 1px solid #d3d3d3; overflow: hidden;}
#comments .msgboard ul {display: block;}
#comments .msgboard li {position: relative; float: left; height: auto !important; height: 52px; min-height: 52px; width: 517px; padding: 12px 14px 12px 76px; font-size: 92%; border-top: 1px solid #d3d3d3;}
#comments .msgboard li p {margin-right: 130px; word-wrap: break-word;}
#comments .msgboard li p cite {display: inline-block;}
#comments .msgboard li p cite {display: inline;}
#comments .msgboard li p img,
#comments .msgboard li p span {position: absolute; top: 12px;}
#comments .msgboard li p img {left: 14px; padding: 2px; background: #fff; border: 1px solid #d7d7d7;}
#comments .msgboard li p span {right: 14px; width: 100px; color: #8d8988; text-align: right;}
#comments.owner-view .msgboard li p span {right: 28px;}
#comments .msgboard .delete {position: absolute; width: 8px; height: 8px; top: 12px; right: 14px; margin-top: .4em; background: url(http://p.webshots.net/img/icon/icon_delete.gif) no-repeat; text-align: left; text-indent: -9999px; overflow: hidden;}
#comments #comment-error {margin: -10px 17px 0; color: #f00; font-size: 92%;}
#comments .msgboard li.owner-message {background: #e9f4e3; border: 1px solid #d3d3d3; border-bottom: none; padding: 12px 13px 12px 75px;}
#comments .msgboard li.owner-message p img {left: 13px;}
#comments .msgboard li.owner-message p span {right: 13px;}
#comments.owner-view .msgboard li.owner-message p span {right: 27px;}
#comments .msgboard li.owner-message .delete {right: 13px;}

#permissions {float: left; clear: left !important; font-size: 94%; margin-bottom: 10px;}
#permissions p {margin-bottom: 5px; font-weight: bold;}
html.js #permissions #permissions-form,
html.js #permissions.open p,
html.js #permissions.open #change,
#permissions #change {position: absolute; left: -9999px;}
html.js #permissions.open #permissions-form,
html.js #permissions #change {position: static;}
#permissions #permissions-form ul {margin: 0 0 5px;}
#permissions #permissions-form li * {vertical-align: middle;}
#permissions #change,
#permissions #save,
#permissions #cancel {color: #c00; background: none; border: none; text-transform: lowercase; font-size: 100%; font-weight: bold; cursor: pointer; overflow: visible;}
#permissions #change:hover,
#permissions #save:hover,
#permissions #cancel:hover,
#permissions .hover {text-decoration: underline;}
#permissions #save,
#permissions #cancel {float: left;}
#permissions #change,
#permissions #cancel {margin-left: 10px;}
#permissions #cancel {clear: right;}