@import url("/files/common/css/common.css");
/* Стилі для сайту Прадідівська слава */

/* Tree item styles : */
.Menu, .Menu0, .Menu1, .MenuSel, .Menu0Sel, .Menu1Sel, .MenuAL, .Menu0AL, .Menu1AL, .MenuNoHover, .Menu0NoHover, .Menu1NoHover, .MenuSelNoHover, .Menu0SelNoHover, .Menu1SelNoHover, .MenuALNoHover, .Menu0ALNoHover, .Menu1ALNoHover {font-family: "Trebuchet MS", Verdana, sans-serif;}

.Menu0Up, .Menu0Geo, .Menu0Down, .Menu0UpNoHover, .Menu0GeoNoHover, .Menu0DownNoHover {padding-bottom: 8px; margin-bottom: 0px; margin-top: 0px; margin-left: 30px; vertical-align: top; padding-left: 4px; padding-right: 4px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12pt;}

.MenuAL, .Menu0AL, .Menu1AL, .MenuALNoHover, .Menu0ALNoHover, .Menu1ALNoHover {background: rgb(160, 224, 160)}

.MenuSel, .Menu0Sel, .Menu1Sel, .MenuSelNoHover, .Menu0SelNoHover, .Menu1SelNoHover {background: rgb(200, 200, 255)}

.Menu:hover, .Menu0:hover, .Menu1:hover, .MenuSel:hover, .Menu0Sel:hover, .Menu1Sel:hover, .MenuAL:hover, .Menu0AL:hover, .Menu1AL:hover, .Menu0Up:hover, .Menu0Geo:hover, .Menu0Down:hover {background: rgb(255, 170, 51)}

.Menu0Up {background: rgb(230, 230, 230);}

.Menu0Geo {background: rgb(250, 250, 250); font-weight: bold; font-style: italic; border-style: solid; border-color: green;}

.Menu0Down {background: rgb(200, 200, 200);}

.InPath {border-color: green; border-bottom-style: solid; border-right-style: solid}

@media (max-width: 600px) {
.Menu0Up, .Menu0Geo, .Menu0Down, .Menu0UpNoHover, .Menu0GeoNoHover, .Menu0DownNoHover {padding-bottom: 16px!important;}
}

/* Styles empty in common: */
body, .DocBody {background: rgb(119, 174, 228);}

.SearchAddParam {padding: 8px; line-height: 150%; background: rgb(160, 220, 200)}

.ToolBlock {}

/* Site-spec Smereka responsive design styles */
#DocContainer {background: rgb(200, 200, 255);}

#InnerDocHdr {border: 4px solid rgb(0, 0, 0); padding: 8px; overflow: auto; background-image: linear-gradient(to right, white, rgb(160, 160, 255));}

#InnerDocFtr {background-image: linear-gradient(to right, rgb(160, 160, 255), white); padding-left: 0px; padding-right: 0px;}

#LeftCell, #LeftPanelFloat {background: rgb(200, 200, 255); border-right: 2px solid black;}

#MenuBtn {color: rgb(102, 26, 48);}

#MenuBtn:hover {color: rgb(255, 51, 0);}

#SiteTitle {letter-spacing: 3px; text-shadow: 4px 4px 6px black;}

#SiteSubtitle {letter-spacing: 2px;}

/* PSlava block styles */
#StuffCell {background: rgb(220, 230, 240); padding: 10px; padding-top: 4px;}

.TreeDiv {background: rgb(220, 240, 230);}

.w3-modal-content {background-color: rgb(240, 230, 240);}

.w3-grayscale-max, .w3-hover-grayscale:hover {filter: grayscale(100%);}

/* Загальні текстові стилі - інтервали : */
.DocHeader, .InternalHeader2, .InternalHeader, h1, h2, h3 {margin-top: 12px;}

.SkippedLevels {margin-bottom: 0px; text-align: center;}

.PSImagePara {margin-bottom: 8px; text-align: center;}

.GenDivider {margin-top: 0px; margin-bottom: 0px}

/* Загальні текстові стилі - шрифти : */
.ToolLabel, .ToolLabelRight, .TrackBar, .SkippedLevels {font-family: "Trebuchet MS", sans-serif; font-size: 10pt;}

.NewsDate, .NewsLink {font-family: "Trebuchet MS", sans-serif; font-size: 10pt;}

.DocHeader, .InternalHeader2, .InternalHeader, h1, h2, h3 {font-size: 14pt; font-family: Arial, sans-serif; font-weight: bold;}

.InternalHeader2, h2, .InternalHeader, h3 {font-size: 13pt;}

.InternalHeader, h3 {font-weight: normal;}

.Actor, .ActorRemark, .AuthorArt, .BlockQuote, .BlockRemark, .BodyCenter, .BodyFirst, .BodyFirst3, .BodyFirst4, .BodyFirst5, .BodyRight, .BodyText, .BodyText2, .BodyText3, .BodyText4, .BodyText5, .BodyLast, .BodyLast3, .BodyLast4, .BodyLast5, .BodyTextNoIndent, .Caption, .BF, .BF2, .BF3, .BF4, .BF5, .BL3, .BL4, .BL5, .BQ, .BT, .BT2, .BT3, .BT4, .BT5, .BTNoIndent {font-family: Georgia, "Times New Roman", serif; font-size: 12pt;}

/* Загальні текстові стилі - кольори : */
.ToolLabel, .ToolLabelRight, .TrackBar, .SkippedLevels {color: rgb(80, 40, 26);}

.SkippedLevels {background: rgb(255, 255, 153);}

.DocHeader, .InternalHeader2, .InternalHeader, h1, h2, h3 {color: rgb(102, 26, 48);}

.Actor, .ActorRemark, .AuthorArt, .BlockQuote, .BlockRemark, .BodyCenter, .BodyFirst, .BodyFirst3, .BodyFirst4, .BodyFirst5, .BodyRight, .BodyText, .BodyText2, .BodyText3, .BodyText4, .BodyText5, .BodyLast, .BodyLast3, .BodyLast4, .BodyLast5, .BodyTextNoIndent, .Caption, .BF, .BF2, .BF3, .BF4, .BF5, .BL3, .BL4, .BL5, .BQ, .BT, .BT2, .BT3, .BT4, .BT5, .BTNoIndent {color: rgb(38, 20, 13);}

.BlockQuote, .BQ {background: rgb(204, 219, 210);}

/*https://css-tricks.com/styling-underlines-web/ */
.Hint {color: rgb(153, 0, 0); background-image: linear-gradient(to right, currentColor 50%, transparent 50%); background-position: 0 1em; background-repeat: repeat-x;  background-size: 6px 2px;}

.EditorNote {background: rgb(255, 255, 0);}

.NoteRed, .NoteMZ {color: gray;}

.InternalNote {color: rgb(0, 100, 0);}

#InfoPanelCnt {border-width: 5px; border-color: red; border-style: groove;}

.TblBrd, .TblBrdSpc {border-color: rgb(38, 20, 13);}

.TblBrdSpc td {border-color: rgb(38, 20, 13);}

/******************* Styles for buttons *******************************/
.ToolBtnColor  {color: rgb(80, 40, 26); fill: rgb(80, 40, 26);}

#MenuBtn {color: rgb(80, 40, 26);}

.CloseBtn, .SearchBtn {font-family: Georgia, "Times New Roman", serif;}

/* Inline images */
.filler8CSS, .GenDivider, .NavigDivider {border: 0px; height: 8px; background-repeat: repeat-x; background: url(data:image/gif;base64,R0lGODlhBAAIAJEAAAAAANkAAP8AAAAAACwAAAAABAAIAAAIEgAFCBxIUGCAgwEAKFzIsCGAgAA7);}

.GreenFrame {margin-top: 16px; margin-bottom: 16px; margin-left: 50px; margin-right: 50px; border: solid 4px green; padding: 8px;}