@import url("/files/common/css/common.css");
/* Стилі для сайту Михайло Грушевський */
/* Styles empty in common: */
body, .DocBody {background: rgb(163, 142, 127);}

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

.ToolBlock {}

/* Site-spec Smereka responsive design styles */
#DocContainer, #LeftCell, #LeftPanelFloat  {background: rgb(199, 174, 157);}

#InnerDocHdr {border: 4px solid yellow; padding: 8px; overflow: auto; background-image: linear-gradient(to right, rgb(250, 178, 130), rgb(196, 67, 100));}

#InnerDocFtr {background-image: linear-gradient(to right, rgb(196, 67, 100), rgb(250, 178, 130)); padding-left: 0px; padding-right: 0px;}

#SiteTitle {letter-spacing: 3px; text-shadow: -1px -1px rgba(0,0,0,1), 1px 1px rgba(255,255,255,1);}

#SiteSubtitle {letter-spacing: 2px;}

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

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

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

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

.InternalHeader2, h2, .InternalHeader, h3 {margin-top: 10px;}

.InternalHeader, h3 {margin-top: 2px;}

.GenDivider  {width: 100%;}

.NavigDivider {width: 70%;}

/* Загальні текстові стилі - шрифти : */
.DocHeader, .InternalHeader2, .InternalHeader, h1, h2, h3 {font-family: Arial, sans-serif; font-size: 14pt;}

.DocHeader, h1 {font-weight: bold}

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

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

.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;}

.AuthorArt {font-style: italic;}

.BlockRemark {margin-right: 5%; margin-left: 5%; text-align: justify;}

.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;}

/* Загальні текстові стилі - кольори : */
.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);}

.BlockRemark {background: rgb(230, 220, 160);}

.BlockQuote, .BQ {background: rgb(230, 220, 160);}

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

/*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;}

.NoteMH {color: rgb(66, 29, 32); background: rgb(210, 201, 180);}

.NoteRed {color: gray;}

.NoteMZ {color: rgb(0, 102, 32);}

.IdxSelItem  {background-color: rgb(100, 220, 100);}

.MenuAL, .Menu0AL, .Menu1AL, .MenuALNoHover, .Menu0ALNoHover, .Menu1ALNoHover {background: rgb(208, 208, 208);}

.MenuSel, .Menu0Sel, .Menu1Sel, .MenuSelNoHover, .Menu0SelNoHover, .Menu1SelNoHover {background: rgb(202, 237, 217);}

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

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

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

/******************* Styles for text variants *******************************/
#FloatPanel {background: rgb(230, 221, 200); border: groove rgb(199, 174, 157);}

.Var1 {background: rgb(255, 255, 173);}

.Var2 {background: rgb(206, 255, 173);}

.Var3 {background: rgb(173, 255, 214);}

.Var4 {background: rgb(174, 212, 255);}

.Var5 {background: rgb(187, 173, 255);}

.Var6 {background: rgb(230, 172, 255);}

.Var7 {background: rgb(255, 170, 178);}

.VInl {background: rgb(255, 255, 173); display: none;}

.VInl2 {background: rgb(206, 255, 173); display: none;}

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

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

.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,R0lGODlhBAAIAJEAAP//AAAA/wAAAAAAACwAAAAABAAIAAAIEAADCBxIsGAAAAgTKlwIICAAOw==);}