<!--HTML-->
<div id="main-bank"><div class="main-bank2">

 <div class="tabs-bank">
   <input type="radio" name="tab-bank" id="tab-bank-1"  value="" checked>
    <label for="tab-bank-1">Начало</label>

    <input type="radio" name="tab-bank" id="tab-bank-2" value="">
    <label for="tab-bank-2">Время на форуме</label>

    <input type="radio" name="tab-bank" id="tab-bank-3" value="">
    <label for="tab-bank-3">Таблица</label>

 <input type="radio" name="tab-bank" id="tab-bank-4" value="">
    <label for="tab-bank-4">Посты</label>

        <input type="radio" name="tab-bank" id="tab-bank-5" value="">
    <label for="tab-bank-5">Активность</label>

<input type="radio" name="tab-bank" id="tab-bank-6" value="">
    <label for="tab-bank-6">Награды</label>

<div id="start">
<start>Заполненная анкета: 100$</start>
<start>Заполненная анкета на нужного: 150$</start>
<start>Оформленные отношения: 5$</start>
<start>Оформленная хронология: 5$</start>
</div>


<div id="time-times">
<start>За месяц с даты регистрации: 50$ [выдается один раз]</start>
<start>За полгода с даты регистрации: 100$ [выдается один раз]</start>
<start>За каждый год с даты регистрации: 500$</start>
<start>За каждые 24 часа [Провел на форуме]: 20$</start>

<start>Подача заявки на нужного: 10$</start>
<start>Хотим видеть: 5$</start>
<start>Приведи друга: 20$</start>
<start>Приведи 3-х друзей [после принятия их анкет]: 100$</start>
</div>

<div id="active-table">
<start>Активист недели: 30$</start>
<start>Постописец недели: 50$</start>
<start>Эпизод недели: 30$</start>
<start>Дуэт недели: 20$</start>
<start>Пост недели: 30$</start>
</div>

<div id="posts">
<start>Создание эпизода: 20$</start>
<start>Первый пост в эпизоде: 20$</start>
<start>Закрытый эпизод: 30$</start>
<start>Пост от 2 001 до 3 000 символов: 30$</start>
<start>Пост от 3 001 до 4 000 символов: 100$</start>
<start>Пост от 4 001 до 5 000 символов: 200$</start>
<start>Пост от 5 001 до 6 000 символов: 300$</start>
<start>Пост от 6 001 до 7 000 символов: 400$</start>
<start>Пост от 7 001 до 8 000 символов: 500$</start>
<start>Пост от 8 001 до 9 000 символов: 600$</start>
<start>Пост от 9 001 до 10 000 символов: 700$   <span style="font-size: 9px; user-select: none;">[и далее по той же системе до бесконечности]</span></start>
</div>

<div id="active">
<start>Один уникальный аватар в общей галерее: 20$</start>
<start>Графический комплект в общей галерее: 60$</start>
<start>Создание личной темы: 20$</start>
<start>Одно игровое/неигровое задание из "сериалов": 20$</start>
<start>Один полученный постер в "сериалах": 200$</start>
<start>Один закрытый уровень в "сериалах": 500$</start>

<start>Один голос за жертву пяти вечеров: 10$</start>
<start>Стать жертвой пяти вечеров: 50$</start>
<start>Задать не менее 10 вопросов одной жертве пяти вечеров: 20$ [если задали 20 вопросов, то все равно 20$]</start>

<start>Ответить на вопрос в ансвер ми: 5$</start>
<start>Задать вопрос в ансвер ми: 10$</start>

<start>Кинуть в вопросы идею конкурса с пояснениями и правилами: 150$</start>
<start>Участвовать в проведении конкурса: 300$</start>
<start>Провести конкурс: 500$ + бесплатная плашка</start>

<start>Создание соцсети: 20$</start>
<start>Один пост в соцсети: 10$</start>
<start>Участие в марафоне — один пост в соцсети: 30$</start>

<start>Каждые 250 сообщений: 50$</start>
<start>Каждые 250 оставленных плюсов: 40$</start>
<start>Каждые 250 полученных плюсов: 30$</start>
<start>Один пост с рекламой: 5$</start>
<start>10 дней подряд тыкать в топы: 10$</start>
<start>30 дней подряд тыкать в топы: 45$</start>
<start>100 дней подряд тыкать в топы: 1500$</start>
<start>Один отзыв в топе: 50$</start>
<start>Поставить наш <a href="https://i.imgur.com/q4P8TKn.gif">&nbsp;баннер</a>  в подпись на   <a href="http://imagiart.ru/">&nbsp;Photoshop:  Renaissance</a>:  200$</start>
<start>Поставить наш <a href="https://i.imgur.com/q4P8TKn.gif">&nbsp;баннер</a>  в подпись на   <a href="https://urchoice.rolka.me/">&nbsp;Live Your Life</a>:  200$</start>
<start>Поставить наш<a href="https://i.imgur.com/q4P8TKn.gif">&nbsp;баннер</a>  в подпись на   <a href="https://artishock.rusff.me/">&nbsp;artishock</a>:  200$</start>

<start>Пополнение фонда форума:
1 кредит - 10$   <span style="font-size: 12px; user-select: none;" title="полученные средства будут использоваться на отключение рекламы и продвижение ролевой"></span></start>
<start>100 баллов - 10$   <span style="font-size: 12px; user-select: none;" title="менее актуально, т.к. реклама отключается только за кредиты, а эти две валюты между собой не конвертируются"></span></start> 
</div>

<div id=awards_bank>

   <div class=awards_page>

<awards_two_title>награды за плашки</awards_two_title>
<awards_line></awards_line>

<table style="width: 100%;">
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 10 плашек</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 25 плашек</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 50 плашек</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 100 плашек</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 250 плашек</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 5 наград</awards_task></td>
</tr>
</table>

<awards_line></awards_line>
<awards_two_title>награды за сериалы</awards_two_title>
<awards_line></awards_line>

<table style="width: 100%";>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 10 сериалов</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 25 сериалов</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 50 сериалов</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 3 награды</awards_task></td>
</tr>
</table>

<awards_line></awards_line>
<awards_two_title>награды за посты</awards_two_title>
<awards_line></awards_line>

<table style="width: 100%";>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 10 постов</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 25 постов</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 50 постов</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 100 постов</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 250 постов</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 5 наград</awards_task></td>
</tr>
</table>

<awards_line></awards_line>
<awards_two_title>награды за сообщения</awards_two_title>
<awards_line></awards_line>

<table style="width: 100%";>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 250 сообщений</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 500 сообщений</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 1500 сообщений</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 3000 сообщений</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 5000 сообщений</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 5 наград</awards_task></td>
</tr>
</table>

<awards_line></awards_line>
<awards_two_title>разные награды</awards_two_title>
<awards_line></awards_line>

<table style="width: 100%";>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>написать 10 заявок на нужных</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>забрать 5 человек из «хочу к вам»</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>оставить 20 заявок в «хочу видеть»</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>оставить 50 рекламных листовок</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>пост недели</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>дуэт недели</awards_task></td>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>эпизод недели</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>активист недели</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>лучшая публикация в соц сети</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>участие в фотомарафоне (10 раз)</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>стать участником таймовских «пыток»</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>ответить на 30 вопросов в «answer me»</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>выполнить все задания в календаре заданий 3 раза</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>подарить 100 подарков</awards_task></td>
</tr>
<tr>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать 5000 плюсов в репутации</awards_task></td>
<td><img src="https://i.imgur.com/ChFmr48.png" class="locka_img"></td>
<td><awards_task>собрать все награды</awards_task></td>
</tr>
</table>

</div></div></div>

</div>

</div>
</div>

<style>

#main-bank {
    /* background: url(https://i.imgur.com/KriAEKh.png); */
    background-size: 100%;
    width: 850px;
    height: 370px;
    /* margin-top: -10px; */
    margin-left: 30px;
    /* background-color: #e4e2d6; */
    /* border: 25px double #e4e2d6; */
    /* border-radius: 80px; */
}

.main-bank2 {
    background-size: 100%;
    width: 780px;
    height: 324px;
    /* background-color: #ffffff; */
    margin-top: 30px;
    margin-left: 32px;
    /* border-top: 100px solid #ececec; */
    /* border-bottom: 100px solid #383838; */
}

.tabs-bank>input[type="radio"] {
display: none;
}

.tabs-bank>div {
    display: none;
    font-size: 16px;
}

#tab-bank-1:checked~#start,
#tab-bank-2:checked~#time-times,
#tab-bank-3:checked~#active-table, 
#tab-bank-4:checked~#posts,
#tab-bank-5:checked~#active,
#tab-bank-6:checked~#awards_bank {
display: block;
}

.tabs-bank>label {
    padding: 8px;
    user-select: none;
    font-size: 14px;
    font-family: 'PT Mono';
    color: #ffffff;
    text-transform: lowercase;
    /* line-height: 1.5; */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    cursor: pointer;
    top: -20px;
    /* left: 165px; */
    position: relative;
    /* text-shadow: 0px 0px 3px #ffffff99; */
    background: #383838;
}

.tabs-bank>label:not(:first-of-type) {
    background: #383838;
}

.tabs-bank>input[type="radio"]:checked+label {
    background: #dc3d25;
}

.tabs-bank>label:hover {
background: #080808;
}

#start, #time-times, #active-table, #active {
    position: relative;
    top: 10px;
    width: 750px;
}

#posts {
    position: relative;
    top: 10px;
    width: 750px;
    height: 325px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 25px;
}

#active {
    position: relative;
    top: 10px;
    width: 750px;
    height: 325px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 25px;
}

start {
    display: flex;
    margin-bottom: 10px!important;
    background: #dddddd;
    color: #383838;
    font-size: 12px;
    padding: 4px 4px 4px 15px;
    width: 745px;
}

start a {
    color: #dc3d25!important;
}

#active::-webkit-scrollbar              { width: 5px;  }
#active::-webkit-scrollbar-track {background-color: #f5f7f6;}
#active::-webkit-scrollbar-thumb {    background-color: #dc3d25;}

#posts::-webkit-scrollbar              { width: 5px;  }
#posts::-webkit-scrollbar-track {background-color: #f5f7f6;}
#posts::-webkit-scrollbar-thumb {    background-color: #dc3d25;}

#awards_bank::-webkit-scrollbar              { width: 5px;  }
#awards_bank::-webkit-scrollbar-track {background-color: #f5f7f6;}
#awards_bank::-webkit-scrollbar-thumb {    background-color: #dc3d25;}

.code-bank {
    width: 200px;
    position: relative;
    margin-left: 350px;
    top: -85px;
    background-color: #ffffff;
    color: #5c5066!important;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
    font-size: 11px;
    border: none;
    outline: none;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 0.8px;
    border: 1px solid #fff;
}

.code-bank:hover {
    background-color: #5c5066;
    color: #ffffff!important;
    border: 1px solid #5c5066;
}

.code-bank:active {
    background-color: #e7e5e7;
    color: #5c5066!important;
    border: 1px solid  #e7e5e7;
}

awards_task {
    font-size: 13px;
    font-family: arial;
    color: #383838;
    text-shadow: 0px 0px 2px #ffffff63;
}

.locka_img {
background-size: 100%; 
width: 70px; 
height: 70px; 
}

#awards_bank {
    height: 325px;
    padding-right: 25px;
    width: 750px;
    margin-top: 10px;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

.awards_page {
    width: 764px;
    background-color: #dddddd;
    padding-top: 1px;
}

awards_title {
font-size: 16px;
    font-family: arial;
    text-transform: uppercase;
    position: relative;
    /* left: 200px; */
    text-align: center;
    display: block;
    color: #788f7d;
    font-weight: bold;
}

awards_line {
    width: 764px;
    height: 2px;
    background: #ffffff;
    display: block;
    margin-bottom: 10px!important;
}

awards_two_title {
    font-size: 13px;
    font-family: arial;
    text-transform: uppercase;
    display: block;
    text-align: center;
    color: #383838;
    margin-bottom: 15px!important;
    margin-top: 20px!important;
    text-shadow: 0 0 3px #ffffffcf;
    font-weight: bold;
}



.week-code-aw {
    position: relative;
    left: 520px;
    background-color: #7d6f88;
    color: #ffffff!important;
    text-transform: uppercase;
    border-image: linear-gradient( 20deg , #ffffff 38%, #ffffff87 65%);
    border-image-slice: 1;
    cursor: pointer;
    outline: none;
    font-size: 10px;
    text-shadow: 0 0 1px #ffffff;
    margin-bottom: -10px;
    margin-top: -10px;
}

.week-code-aw:hover {
    background-color: #e7e5e7;
    color: #7d6f88!important;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 0.4em 26px 1.4em 26px!important;
    padding: 1em!important;
    background: #ececec!important;
}

</style>