/* This file is automatically generated from the source files.
 * Do not modify this file, modify source class instead
 */

#comments-div .comment-user-div {margin-bottom:5px;}
#comments-div .comment-given-name {background: url(images/comments_bg.png) no-repeat 10px -2px; width: 97%}
#comments-div .comment-family-name {background: url(images/comments_bg.png) no-repeat 10px -32px; width: 97%}
#comments-div .comment-email {background: url(images/comments_bg.png) no-repeat 10px -62px; width: 98%}
#comments-div .comment-text{background: url(images/comments_bg.png) no-repeat 10px -92px; width:98%; height:200px; padding:4px}
.comment-given-name-div {width:25%; float:left; padding:0 0 5px 0}
.comment-family-name-div {width:25%; float:left; padding:0 0 5px 0}
.comment-email-div {width:50%; float:left; padding:0 0 5px 0}
@media (max-width: 580px){
    .comment-given-name-div {width: 49.5%;}
    .comment-family-name-div {width: 49.5%; margin-right:0}
    .comment-email-div {width: 99.5%}
    #comments-div .comment-text{width:96%;}
}
#comments-div .comment-text-div { margin:5px 0 10px 0; clear:both}
#comments-div .comment-submit-div{ margin-bottom:10px}
#comments-div .comment-chars-left{padding-left: 10px; white-space:nowrap;}
#comments-div .success-message{ margin:0 0 10px; padding: 10px;}
#comments-div .comment{margin: 2px 0 8px; border-bottom: 1px solid #ccc; padding: 5px 1px 10px;}
#comments-div .child{margin: 2px 0; border: none; border-left: 1px solid #ccc; padding: 5px 0 0px 10px;}
#comments-div .comment:hover > div.comment-footer{opacity:1}
#comments-div .comment div.author-details{ margin: 0 0 3px;}
#comments-div .comment pre { margin:0; white-space: pre-wrap; word-wrap: break-word;}
#comments-div #comment-list{ padding-bottom:10px;}
#comments-div .comment-details{ color: #999999; font-size: 11px;}
#comments-div .comment-commands{ float:right; color: #999999; font-size: 11px; margin-right:5px;}
#comments-div .comment-commands a{ color: #999999;}
#comments-div .comment-footer{ height: auto; margin: 5px 0 0; min-height: 30px; padding: 0 10px 0 7px; text-align: right; opacity: 0.5; transition: opacity 0.1s linear 0s;}
#comments-div .child div.comment-footer{ }
#comments-div .comment-like-btn, #comments-div .comment-reply-btn, #comments-div .comment-listen-btn
{
    background-color: #F5F5F5; border: 1px solid #A8C1C1; border-radius: 5px 5px 5px 5px;
    cursor: pointer; padding: 5px 8px; color: #656565; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); top: 0; font-size: 12px; text-decoration: none;
}
#comments-div .comment-like-image{ margin: 0 10px -3px 0; height:20px; width:25px; display:inline-block; background:url(images/social_icons.png) no-repeat -235px 0;}
#comments-div .comment-like-btn, #comments-div .comment-listen-btn{ margin-right:10px; }
#comments-div .comment-listen-btn.disabled{ color: #bbb; }
#comments-div .comment-like-btn:hover, #comments-div .comment-listen-btn:hover{ background-color:inherit; }
#comments-div .comment-listen-btn.disabled:hover{ background-color:#F5F5F5; }
#comments-div #comment-listen-btn, #comments-div #comment-unlisten-btn{ float:right; margin:5px 5px 0 0; padding: 0 8px;}
#comments-div #comment-listen-btn:hover, #comments-div #comment-unlisten-btn:hover{ background-color:white; }
#comments-div .comment-reply-btn:hover{ background-color:inherit; }
#comments-div .comment-property { color:#444; font-weight:normal;}
#comment-login-dialog label {display:block;}
#comment-login-dialog input {width:250px}
#comment-login-dialog label.error {display:inline-block;}
#comment-login-dialog #comment-login-links{margin-top:10px;}
#comment-login-dialog #comment-login-links a{margin-right:15px; font-size: 11px;}

#community-comments{ padding:0 0 0 6px; margin:2px 5px 0 0; display:inline-block; float:left; background: url(images/comment-left.png) no-repeat;}
#community-comments a {padding:1px 5px 1px 3px; background-color:#f5f8f9; border:1px solid #d0d6d1; border-left:none;}
.community-share-icon{ float:left; margin-left:3px; height:24px; width:24px; cursor:pointer; position:relative;}
#community-twitter{background: url(images/social_icons.png) no-repeat;}
#community-twitter-count{height:63px; width:58px; position:absolute; top: -80px; left:-25px; background:#fff; border:1px solid #d0d6d1; padding:10px; z-index:50}
#community-facebook{background: url(images/social_icons.png) -28px 0 no-repeat;}
#community-facebook-count{height:63px; width:50px; position:absolute; top: -80px; left:-18px; background:#fff; border:1px solid #d0d6d1; padding:10px; z-index:50}
#community-googleplus{background: url(images/social_icons.png) -86px 0 no-repeat;}
#community-googleplus-count{height:63px; width:50px; position:absolute; top: -80px; left:-20px; background:#fff; border:1px solid #d0d6d1; padding:10px; z-index:50}

#site_search_again{ padding: 0 0 20px 0;}
.site_seach_heading{ font-size:14px;}

#email-users label.input_label, div#email-users div.label{ display:inline-block; width: 120px;}
#email-users input[type=text], div#email-users input[type=password], div#email-users input[type=file] { margin:10px 0 3px; width: 290px; }
#email-users textarea { margin:10px 0 3px; width:100%; height: 600px;}
#email-users input#subject {width:500px;}
#email-users select{ margin-top:7px; padding: 3px 0; width:290px;}
#email-users input[type=checkbox]{ margin: 10px 5px 10px 120px;}
#email-users label.checkbox_label{ width:auto; margin-left:5px;}
#email-users div.static-text{ margin:8px auto 3px;}
#email-users div.password_div label.error{ display:block; background-image:none; margin-left:120px; width:auto; color: #ff3030;}
#email-users input[type=submit]{ margin: 15px 0 0 120px; width: 150px;}