body.clan-info-page {background-color: #e2e0e0; }
body.clan-info-page {background: url('/img/clan/shield-w.jpg') no-repeat top right #e2e0e0; }

.clan-info-page #topHeader { background: rgba(123,123,123,0.8); color: white; margin: 10px 0; padding: 5px; border-bottom: 1px solid black; border-top: 1px solid black; }
.clan-info-page #topHeader h1 { padding: 0; margin: 0; font-size: 26px; line-height: 30px; }
.clan-info-page #topHeader .info { font-size: 12px; color: #e4e4e4 }
.clan-info-page #topHeader .info a:hover { color: #15de15 }

.clan-info-page .main-content { padding-bottom: 20px; }
.clan-info-page .main-content .data { background-color: rgba(232, 232, 232, 0.8); }
.clan-info-page .main-content .member-list { min-height:538px }
.clan-info-page .main-content .clan-statistics, .clan-info-page .main-content .clan-description { min-height:240px; margin-bottom: 20px; }

.clan-info-page  .bottom-link-block { padding: 15px 12px; line-height: 16px; text-align: left; font-size: 16px; border-top: 1px solid #d2d1d1; background-color: rgba(247, 247, 247, 0.2);}
.clan-info-page .clan-rating-link{ text-decoration: none; color: #777; font-weight: bold; font-family: "Segoe UI",Arial,sans-serif;}
.clan-info-page .clan-rating-link:hover{ color: #15de15 }

.clan-info-page .user-info > img { padding: 3px 0 0; vertical-align: top;}
.clan-info-page .user-info > img.align { padding: 5px 0 0;}
.clan-info-page .members { list-style: none; }
/*.clan-info-page .clan-description { background: url('../../img/clan/shield-w.png') no-repeat bottom right;}*/

.clan-info-page .data h3 { padding-top: 8px; margin-top: 0px; padding-left: 15px; border-bottom: 1px solid #d2d1d1; padding-bottom: 10px; background-color: rgba(247, 247, 247, 0.2); font-size: 20px; font-weight: bold; color: #b30c00; }

.clan-info-page .data h4 { font-size: 18px; font-style: italic; }
.clan-info-page .error { color: #b30c00; }
.clan-info-page .data ul { margin: 0; list-style: none; padding: 0; }
.clan-info-page .clan-statistics .w3-container { padding-bottom: 1em; }
.clan-info-page .members li { padding-bottom: 10px; padding-left: 20px; }
.clan-info-page .members li.leader .user-info { color: #b30c00; font-weight: bold; }
.clan-info-page .members li .member-role, .clan-info-page .members li .member-location { font-size: 12px; line-height: 16px; color: #585858; }
.clan-info-page .members li .member-location { font-weight: bold;}
.clan-info-page .members li.offline { opacity: 0.7; }

.clan-info-page .h-container { position: relative; }
.clan-info-page .offset { font-size: 10px; position: absolute; display: inline-block; top: -4px; font-weight: bold; min-width: 15px; text-align: right; }
.clan-info-page .offset.positive { color: green; }
.clan-info-page .offset.negative { color: #ef0000; padding-left: 1px; }

.clan-info-page #topHeader .insign-container { position: absolute; top: 15px; right: 20px; }
/*.clan-info-page #topHeader .position { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; line-height: 100%; left: 0; color: #efefef; padding-top: 6px; font-size: 30px; text-align: center; display: none; }*/