/* Оновлений стиль для форуму тематики зовнішньої реклами */

body {
    max-width: 95%; /* Трохи збільшимо максимальну ширину */
    margin: 20px auto; /* Додамо трохи відступів зверху та знизу */
    background-color: #F0F8FF; /* Світлий, нейтральний фон */
    /* Можна спробувати додати фонове зображення: */
    /* background-image: url('images/outdoor_ads_bg.jpg'); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    scrollbar-face-color: #B0E0E6;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #B0E0E6;
    scrollbar-3dlight-color: #87CEEB;
    scrollbar-arrow-color:  #0077CC; /* Більш насичений синій */
    scrollbar-track-color: #F5F5F5;
    scrollbar-darkshadow-color: #4682B4;
}

font, th, td, p { font-family: "Open Sans", sans-serif; /* Сучасний, добре читабельний шрифт */ }
a:link, a:active, a:visited { text-decoration: none; color : #0077CC; /* Насичений синій для посилань */ }
a:hover         { text-decoration: underline; color : #FF8C00; /* Яскравий помаранчевий при наведенні */ }
hr          { height: 1px; border: none; background-color: #D3D3D3; margin: 15px 0; } /* Тонка сіра лінія */
.small {font-family: "Segoe UI", Tahoma, sans-serif; font-size: 9pt}
.dats { FONT-SIZE: 9pt; color:#555555; font-family: "Segoe UI", Tahoma, sans-serif}


.bodyline      { background-color: #FFFFFF; border: 1px solid #B0C4DE; /* Світло-блакитна облямівка */
                 box-shadow: 2px 2px 5px #888888; /* Легка тінь для відділення блоку */ }
.forumline      { background-color: #FFFFFF; border: 2px solid #4682B4; /* Насичена синя облямівка */
                 box-shadow: 3px 3px 7px #888888; }

td.row1      { background-color: #F9F9F9; } /* Світло-сірий */
td.row2      { background-color: #F0F0F0; } /* Трохи темніший сірий */
td.row3      { background-color: #E0E0E0; } /* Ще темніший сірий */

td.rowpic {
    background-color: #FFFFFF;
    /* Можна замінити на більш сучасний паттерн або колір */
    /* background-image: url('images/cellpic_ad.png'); */
    background-repeat: repeat-y;
    text-align: center; /* Центруємо можливі іконки */
    vertical-align: middle;
}

th      {
    color: #FFFFFF; font-size: 14px; font-weight : bold;
    background-color: #0077CC; height: 30px; /* Збільшимо висоту */
    /* Можна використовувати градієнт замість однотонного кольору: */
    /* background-image: linear-gradient(to bottom, #0077CC, #005580); */
    /* border-bottom: 2px solid #005580; */
}

td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
    background-image: none; /* Відмовимося від застарілого зображення */
    background-color:#4682B4; border: 1px solid #FFFFFF; height: 32px; /* Збільшимо висоту */
    color: #FFFFFF; font-weight: bold;
    /* Додамо трохи заокруглення: */
    /* border-radius: 5px 5px 0 0; */
}


td.cat, td.catHead, td.catBottom {
    height: 34px;
    border-width: 1px 0px 1px 0px; /* Верхня та нижня межі */
    text-align: center;
}
th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {
    font-weight: bold; border: 1px solid #B0C4DE; height: 30px; }
td.row3Right, td.spaceRow {
    background-color: #E0E0E0; border: 1px solid #B0C4DE; }

th.thHead, td.catHead { font-size: 15px; border-width: 1px; }
th.thSides, td.catSides, td.spaceRow      { border-width: 0px 1px 0px 1px; }
th.thRight, td.catRight, td.row3Right      { border-width: 0px 1px 0px 0px; }
th.thLeft, td.catLeft       { border-width: 0px 0px 0px 1px; }
th.thBottom, td.catBottom    { border-width: 0px 1px 1px 1px; }
th.thTop       { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; border-radius: 5px 0 0 0; } /* Заокруглення лівого верхнього кута */
th.thCornerR { border-width: 1px 1px 0px 0px; border-radius: 0 5px 0 0; } /* Заокруглення правого верхнього кута */


.maintitle, h1, h2