#comments-container {width: 100%; padding: 0px 0px 15px; background: #fff; margin: 10px auto; display: inline-block;}
#comments-container .comments-count{font-weight: bold; line-height: 1.3em; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;}

#comments-container .comments-item-container {padding-bottom: 5px; float: left;}
#comments-container h4 {font-weight: bold; font-size: 1em;}
#comments-container ul {display: inline-block; list-style: none;}
#comments-container .comment-item{float: left; width: 540px; padding-bottom: 10px;}
#comments-container .comment-user-avatar-content {position: relative; height: 80px; margin: 0 auto; border: 1px solid #ccc; padding: 1px; width: 80px; float: left;}
#comments-container .comment-user-avatar-content:hover{border-color: #04ccff;}
#comments-container .comment-user-avatar-content div {bottom: 0; top: 15px; left: 0; width: 100%;}
#comments-container .comment-user-avatar-content .comment-user-avatar{width: 80px; height: 80px; background-position:center; background-repeat:no-repeat;  float: left; position: relative;}

#comments-container .comment-details { width: 430px; float: left; padding: 0 0 20px 8px; }
#comments-container .comment-details li {}
#comments-container .comment-details li.comments {position: static; padding-top: 10px; text-align: justify;}
#comments-container .comment-details li.comments span {position: absolute; left: -9999px;}
#comments-container .comment-details li.comments a {padding-right: 12px; background: url(../images/Gallery/icon_comment_9x10.gif) no-repeat right; font-size: 92%; font-family: arial, sans-serif;}

/*
#comments-container .comment-details .description {display: block; padding: 1em 0; color: #000; }
#comments-container .comment-details .description {background: url(images/Gallery/bg_dot.gif) repeat-x;}
#comments-container .comment-details .description {clear: both; color: #999; font-size: 86%; padding: .85em 0; border-left: none; border-right: none;}
#comments-container .comment-details .description {font-weight: normal; word-wrap: break-word; word-break: break-all; overflow: hidden;}
#comments-container .comment-details .description {margin: 0 16px;}
#comments-container .comment-details .description h3 {position: absolute; left: -9999px;}
#comments-container .comment-details .description * {display: inline; font-weight: normal; font-size: 100%;}
*/

#comments-container .comment-actions-container {position: relative;}
#comments-container .comment-actions-container .comment-actions {position: absolute; top: 5px; right: 5px;}
#comments-container .comment-actions-container ul {margin: 0; padding: 0;}
#comments-container .comment-actions-container .comment-actions * {float: left; display: inline; margin-left: 2px;}
#comments-container .comment-actions-container ul li {margin: 0; padding: 0;}

#comments-container .comment-actions a span {position: absolute; top: 0; right: 40px; margin: 0; visibility: hidden; text-transform: uppercase;}
#comments-container .delete-item {background-image: url(../images/Gallery/icon_delete_28x14.gif); background-position: left;}
#comments-container .delete-item {width: 14px; height: 14px; line-height: 14px; text-decoration: none;}
#comments-container .delete-item:hover {background-position:right;}

#comments-container .add-comment {width: 100%; margin-top: 10px; clear: both; border-top:1px dotted #CCCCCC;} /*padding: 10px 0 20px 0;*/
#comments-container .add-comment h4 {font-weight: bold; /*font-size: 1.2em;*/ line-height: 2em;}
#comments-container .add-comment h6 {font-weight: bold; font-size: 0.9em; line-height: 2em;}
#comments-container .add-comment .comment-contribution-text {width:400px; height: 100px; padding:2px 3px; border:1px solid #04ccff;}
#comments-container .add-comment .comment-add-button {background-color: #04ccff; border-style: none; color: #ffffff; padding: 3px; font-size: 1.1em; font-weight: bold; cursor: pointer;}

/*#share-media-container {width: 100%; margin-top: 10px; clear: both; border-top:1px dotted #CCCCCC;} /*padding: 10px 0 20px 0;*/
#share-media-container {width: 100%; margin-top: 10px; clear: both; background-image:url(../images/dotted.gif); background-position:center top; background-repeat:repeat-x;}
#share-media-container h4 {font-weight: bold; /*font-size: 1.2em;*/ line-height: 2em;}
#share-media-container .share-media-email-text {width:400px; padding:2px 3px; border:1px solid #04ccff;}
#share-media-container .share-media-contribution-text {width:400px; height: 100px; padding:2px 3px; border:1px solid #04ccff;}
#share-media-container .share-media-checkbox {border:1px solid #04ccff; padding: 4px 0 4px;}
#share-media-container .share-media-send-button {background-color: #04ccff; border-style: none; color: #ffffff; padding: 3px; font-size: 1.1em; font-weight: bold; cursor: pointer;}
#share-media-container .share-media-send-button[disabled] {background-color: #888888; border-style: none; color: #ffffff; padding: 3px; font-size: 1.1em; font-weight: bold; cursor: pointer;}
