/* ===== МЕДИЦИНСКИЙ СТИЛЬ ДЛЯ ФОРУМА ===== */
/* Профессиональная цветовая схема с акцентами медицины */

BODY {
    font-family: 'Segoe UI', 'Roboto', Tahoma, Arial, sans-serif; 
    font-size: 14px; 
    margin:0px;
    padding:0px;
    background-color:#F8FAFF; 
    text-align:center;
    color: #2C3E50;
    line-height: 1.6;
}

TABLE, TR, TD {
    font-family: 'Segoe UI', 'Roboto', Tahoma, Arial, sans-serif; 
    font-size: 14px; 
    color: #2C3E50;
}

.maintitle, .thCornerL, .thTop, .thCornerR, .thHead, .thLeft, .thRight, .catHead {
    vertical-align:middle;
    font-weight:bold; 
    color:#FFFFFF; 
    padding:12px 0px 12px 10px; 
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    border-bottom: 3px solid #1c6ea4;
}

.maintitle a:link, .maintitle a:visited, .maintitle a:active {
    text-decoration: none; 
    color: #FFFFFF;
}

.maintitle a:hover {
    text-decoration: underline;
    color: #FFD700;
}

.cattitle {
    font-size:14px;
    font-weight:bold;
    line-height:150%;
    color:#2C3E50;
    padding:8px 6px 8px 8px;
    border-bottom:2px solid #3498db;
    background-color: #F0F9FF;
}

a:link, a:visited, a:active {
    text-decoration: none; 
    color: #3498db;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: all 0.2s ease;
}

a:hover {
    color: #e74c3c; 
    text-decoration:none;
    border-bottom: 1px solid #e74c3c;
}

/* Стиль для ссылок пагинации */
.pgbutt a {
    font-family: 'Segoe UI', 'Roboto', sans-serif; 
    padding:8px 12px;
    text-decoration: none; 
    border: 2px solid #3498db solid; 
    background: #FFFFFF; 
    padding:6px 12px; 
    margin: 4px;
    border-radius: 6px;
    color: #3498db;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
}

.pgbutt a:hover {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: #FFFFFF;
    border-color: #3498db;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(52, 152, 219, 0.3);
}

img {
    vertical-align:middle; 
    border:2px solid #E8F4F8;
    border-radius: 6px;
    padding: 2px;
    background: white;
}

form {
    display:inline;
}

.mainoption, .button { 
    background: linear-gradient(135deg, #3498db, #2980b9); 
    color:#FFFFFF;
    font-weight:bold;
    padding:10px 20px;
    margin-top:0px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mainoption:hover, .button:hover {
    background: linear-gradient(135deg, #2980b9, #1c6ea4);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

option.cat {
    font-weight:bold;
}

option.sub {
    font-weight:bold;
    color:#666;
}

.caldate {
    text-align:right;
    font-weight:bold;
    font-size:14px;
    color:#3498db;
    background-color:#E8F4F8;
    padding:8px;
    margin:0px;
    border-radius: 4px;
}

#logostrip {
    border:2px solid #3498db;
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    padding: 20px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 20px;
}

#logostrip a:link, #logostrip a:visited, #logostrip a:active { 
    font-size:16px;
    text-decoration: none; 
    color: #FFFFFF;  
    font-weight: bold;
}

.button {
    BACKGROUND: linear-gradient(135deg, #3498db, #2980b9); 
    BORDER-RIGHT: none; 
    BORDER-TOP: none; 
    FONT-SIZE: 14px; 
    BORDER-LEFT: none; 
    BORDER-BOTTOM: none;
    color: white;
    padding: 10px 20px;
    border-radius: 6px;
}

.forumlink {
    font-weight: bold; 
    font-size: 15px; 
    color: #2C3E50;
}

.postbody {
    font-size: 14px;
    line-height: 1.7;
}

.gensmall, .small {
    font-size: 13px;
    color: #7f8c8d;
}

td.spaceRow { 
    background: #3498db;
    height: 10px;
}

.row1 {
    background-color: #FFFFFF; 
    padding:12px;
    border-bottom: 1px solid #F0F9FF;
}

.row2 {
    background-color: #F8FAFF; 
    padding:12px;
    border-bottom: 1px solid #F0F9FF;
}

.row3 {
    background-color: #F0F9FF;
    padding: 12px;
    border-bottom: 1px solid #E8F4F8;
}

.row4 {
    background-color: #E8F4F8;
    padding: 12px;
    border-bottom: 1px solid #D6EAF8;
}

.titlemedium, .thSides, .catLeft, .catRight, .rowpic {
    font-weight:bold; 
    color:#FFFFFF; 
    padding:10px; 
    margin:0px; 
    background: linear-gradient(135deg, #5dade2, #3498db);
    border-bottom: 2px solid #2980b9;
}

.titlemedium, .thSides a:link, .titlemedium a:visited, .titlemedium a:active {
    text-decoration: none; 
    color: #FFFFFF;
}

.forumline { 
    border:2px solid #E8F4F8; 
    background-color:#FFFFFF; 
    padding:0; 
    margin:0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.tableborder, .post { 
    border:2px solid #E8F4F8; 
    background-color:#F8FAFF; 
    padding:15px; 
    margin:10px;
    border-radius: 8px;
}

#ucpmenu { 
    line-height:150%;
    width:22%; 
    border:2px solid #E8F4F8;
    background-color: #F8FAFF;
    border-radius: 8px;
    padding: 10px;
}

#ucpmenu p { 
    padding:8px 12px 8px 15px;
    margin:0px; 
}

#ucpcontent { 
    background-color: #F8FAFF; 
    border:2px solid #E8F4F8;
    line-height:150%; 
    width:auto;
    border-radius: 8px;
    padding: 15px;
}

#ucpcontent p { 
    padding:15px;
    margin:0px; 
}

#submenu { 
    border:2px solid #E8F4F8;
    background-color: #F0F9FF; 
    font-size:13px;
    margin:8px 0px 8px 0px;
    color:#2C3E50;
    font-weight:600;
    border-radius: 6px;
    padding: 10px;
}

#submenu a:link, #submenu a:visited, #submenu a:active { 
    font-weight:600;
    font-size:13px;
    text-decoration: none; 
    color: #3498db; 
}

#userlinks { 
    border:2px solid #E8F4F8; 
    background-color: #F0F9FF;
    border-radius: 6px;
    padding: 10px;
}

#navstrip { 
    font-weight:bold;
    padding:12px 0px 12px 0px; 
    background: #F0F9FF;
    border-radius: 6px;
    margin: 10px 0;
}

#logomenu { 
    border:2px solid #E8F4F8;
    background-color: #F0F9FF;
    font-size:13px;
    color:#2C3E50;
    border-radius: 6px;
    padding: 10px;
}

#logomenu a:link, #logomenu a:visited, #logomenu a:active {
    font-size:13px;
    text-decoration: none; 
    color: #3498db; 
}

.profil {
    color: #e74c3c;
    font-size: 15px;
    font-weight: 600;
}

.agreement {
    font-size: 14px;
    color: #2C3E50;
    line-height: 1.6;
}

.signature { 
    font-size: 13px; 
    color: #7f8c8d; 
    line-height:150%;  
    vertical-align: bottom;  
    font-style: italic;
}

.postdetails { 
    font-size: 13px;
    color: #7f8c8d;
}

.postcolor { 
    font-size: 14px; 
    line-height: 160%;
    color: #2C3E50;
}

.normalname { 
    font-size: 15px; 
    font-weight: bold; 
    color: #3498db;
}

.normalname a:link, .normalname a:visited, .normalname a:active { 
    font-size: 15px;
    color: #3498db;
}

.unreg { 
    font-size: 15px; 
    font-weight: bold; 
    color: #e74c3c;
}

.post1 { 
    background-color: #FFFFFF;
    border-radius: 6px;
    padding: 15px;
}

.post2 { 
    background-color: #F8FAFF;
    border-radius: 6px;
    padding: 15px;
}

.postlinksbar { 
    background: linear-gradient(135deg, #5dade2, #3498db);
    padding:12px;
    margin-top:10px;
    font-size:13px;
    color: white;
    border-radius: 6px;
}

.darkrow1 { 
    background-color: #E8F4F8; 
    color:#2C3E50; 
    padding: 10px;
    border-radius: 6px;
}

.darkrow2 { 
    background-color: #D6EAF8; 
    color:#2C3E50; 
    padding: 10px;
    border-radius: 6px;
}

.darkrow3 { 
    background-color: #C2E0F5; 
    color:#2C3E50; 
    padding: 10px;
    border-radius: 6px;
}

.hlight { 
    background-color: #F0F9FF;
    border-radius: 6px;
    padding: 10px;
}

.dlight { 
    background-color: #F8FAFF;
    border-radius: 6px;
    padding: 10px;
}

.plainborder { 
    border:2px solid #E8F4F8;
    background-color:#F8FAFF;
    border-radius: 8px;
    padding: 15px;
}

.tablefill { 
    border:2px solid #E8F4F8;
    background-color:#F8FAFF;
    padding:15px;
    border-radius: 8px;
}

.tablepad { 
    background-color:#F8FAFF;
    padding:15px;
    border-radius: 8px;
}

.tablebasic { 
    width:100%; 
    padding:0px 0px 0px 0px; 
    margin:0px; 
    border:0px;
}

.wrapmini { 
    float:left;
    line-height:1.5em;
    width:35%;
    background: #F8FAFF;
    padding: 10px;
    border-radius: 6px;
}

.pagelinks { 
    float:left;
    line-height:1.2em;
    width:35%;
    background: #F8FAFF;
    padding: 10px;
    border-radius: 6px;
}

.desc { 
    font-size:13px; 
    color:#7f8c8d;
    font-style: italic;
}

.edit { 
    font-size: 13px;
    color: #3498db;
}

.searchlite { 
    font-weight:bold; 
    color:#e74c3c; 
    background-color:#FFEBEE;
    padding: 2px 5px;
    border-radius: 4px;
}

.code {
    BORDER-RIGHT: #3498db 2px solid; 
    BORDER-TOP: #3498db 2px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: #3498db 2px solid; 
    COLOR: #2C3E50; 
    BORDER-BOTTOM: #3498db 2px solid; 
    FONT-FAMILY: 'Courier New', Consolas, monospace; 
    BACKGROUND-COLOR: #F8FAFF;
    padding: 15px;
    border-radius: 6px;
    line-height: 1.5;
}

.quote {
    BORDER-RIGHT: #2ecc71 2px solid; 
    BORDER-TOP: #2ecc71 2px solid; 
    FONT-SIZE: 14px; 
    BORDER-LEFT: #2ecc71 2px solid; 
    COLOR: #2C3E50; 
    LINE-HEIGHT: 1.6; 
    BORDER-BOTTOM: #2ecc71 2px solid; 
    FONT-FAMILY: 'Segoe UI', 'Roboto', Tahoma, Arial, sans-serif; 
    BACKGROUND-COLOR: #F0F9F0;
    padding: 15px;
    border-radius: 6px;
    font-style: italic;
}

.copyright { 
    font-family: 'Segoe UI', 'Roboto', Tahoma, Arial, Sans-Serif; 
    font-size: 13px; 
    line-height: 1.5;
    color: #7f8c8d;
    text-align: center;
    padding: 20px;
    background: #F0F9FF;
    border-top: 3px solid #3498db;
    margin-top: 30px;
    border-radius: 0 0 10px 10px;
}

.codebuttons { 
    font-size: 13px; 
    font-family: 'Segoe UI', 'Roboto', sans-serif; 
    vertical-align: middle;
    background: #F0F9FF;
    border: 2px solid #E8F4F8;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 3px;
}

.forminput, .textinput, .radiobutton, .checkbox { 
    font-size: 13px; 
    font-family: 'Segoe UI', 'Roboto', sans-serif; 
    vertical-align: middle;
}

.thin { 
    padding:10px 0px 10px 0px;
    line-height:140%;
    margin:5px 0px 5px 0px;
    border-top:2px solid #E8F4F8;
    border-bottom:2px solid #E8F4F8;
}

/* ===== СТИЛИ ДЛЯ WR-Forum Professional ===== */

/* 1) Общие стили форм */
Select, Input { 
    font-size: 13px; 
    font-family: 'Segoe UI', 'Roboto', sans-serif; 
    vertical-align: middle; 
    font-weight:500;
    border: 2px solid #E8F4F8;
    border-radius: 6px;
    padding: 8px 12px;
    background: white;
    color: #2C3E50;
    transition: all 0.2s ease;
}

Select:focus, Input:focus {
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
    outline: none;
}

/* 2) QR-CODE */
#qr img {
    width:40px;
    height:40px;
    position: fixed;
    right: 20px;
    top: 20px;
    border: 2px solid #3498db;
    padding: 3px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.2);
    transition: all 0.4s ease;
}

#qr img:hover {
    width:200px;
    height:200px;
    z-index:1000;
    border: 3px solid #2980b9;
    border-radius: 10px;
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.3);
}

/* 3) Аватар гостя */
.guestavatar {
    width:120px;
    height:120px;
    text-align:center;
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: #FFFFFF;
    font-size: 52px;
    display: table-cell;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    border: 4px solid white;
    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* 4) Навигационное меню в админке */
#nav8, #nav8 ul, #nav8 li {
    margin: 0;
    padding: 0;
    border: 0;
}

#nav8, #nav8 ul {
    background: #FFFFFF;
    border: 2px solid #E8F4F8;
    border-radius: 8px;
}

#nav8 {
    border-spacing: 0 0;
    position: relative;
    z-index: 50;
    width: 100%;
}

#nav8 ul {
    position: absolute;
    display: none;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    border-radius: 6px;
    min-width: 200px;
}

#nav8 td:hover ul {
    display: block;
}

#nav8 ul li {
    list-style: none;
}

#nav8 .right {
    direction: rtl;
}

#nav8 .right ul {
    right: 0;
}

#nav8 .right li {
    direction: ltr;
}

#nav8 a {
    display: block;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    color: #2C3E50;
    font-weight: 500;
    border-bottom: 1px solid #F0F9FF;
}

#nav8 ul a {
    padding: 12px 25px;
    text-align: left;
}

#nav8 td:hover, #nav8 li:hover {
    background: #E8F4F8;
}

#nav8 td {
    text-align: center;
    border-right: 1px solid #F0F9FF;
}

#nav8 td:last-child {
    border-right: none;
}

/* 5) Стиль для блока загрузки */
#cssbar-wrapper {
    width:300px; 
    height:22px; 
    position:absolute; 
    left:50%;
}

#cssbar-border {
    border:3px solid #3498db; 
    height:100%; 
    width:100%; 
    position:relative; 
    left:-50%; 
    top:-50%; 
    padding:4px 3px;
    border-radius: 12px;
    background: #F0F9FF;
}

#cssbar-whitespace {
    overflow:hidden; 
    height:100%; 
    width:100%; 
    margin:0 auto; 
    position:relative; 
    border-radius: 8px;
}

#cssbar-line {
    background: linear-gradient(90deg, 
        transparent, 
        #5dade2, 
        #3498db, 
        #2980b9, 
        #3498db, 
        #5dade2,
        transparent
    );
    position:absolute; 
    height:100%; 
    width:100%; 
    animation:cssbar-slide 2s linear infinite;
    border-radius: 8px;
}

@keyframes cssbar-slide {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* ===== ДОПОЛНИТЕЛЬНЫЕ МЕДИЦИНСКИЕ ЭЛЕМЕНТЫ ===== */

.medical-note {
    border-left: 5px solid #2ecc71;
    background-color: #F0F9F0;
    padding: 15px;
    margin: 15px 0;
    border-radius: 0 6px 6px 0;
    font-style: italic;
    color: #27ae60;
}

.medical-warning {
    border-left: 5px solid #e74c3c;
    background-color: #FFEBEE;
    padding: 15px;
    margin: 15px 0;
    border-radius: 0 6px 6px 0;
    color: #c0392b;
    font-weight: 600;
}

.prescription-box {
    background: linear-gradient(135deg, #FFF3E0, #FFECB3);
    border: 2px solid #f39c12;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    font-family: 'Courier New', monospace;
}

/* Адаптивность */
@media (max-width: 768px) {
    BODY {
        font-size: 13px;
        padding: 10px;
    }
    
    .maintitle, .thCornerL, .thTop, .thCornerR, .thHead, .thLeft, .thRight, .catHead {
        padding: 10px 0px 10px 8px;
        font-size: 16px;
    }
    
    #qr img {
        width: 35px;
        height: 35px;
        right: 15px;
        top: 15px;
    }
    
    #qr img:hover {
        width: 180px;
        height: 180px;
    }
    
    .wrapmini, .pagelinks {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
}