@import url("/files/common/css/common.css");
/* L-Ukrainka design styles : */
/* Styles empty in common: */
body, .DocBody {background: rgb(148, 84, 84);}

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

.ToolBlock {border-bottom: medium solid rgb(102, 26, 26);}

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

#LeftCell, #LeftPanelFloat  {background: rgb(220, 200, 150); border-right: 2px solid rgb(102, 26, 26);}

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

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

#SiteTitle {font-family: 'Comic Sans MS', cursive, sans-serif; letter-spacing: 5px; text-shadow: 2px 2px 6px rgba(102, 26, 26, 1);}

#SiteSubtitle {font-family: 'Comic Sans MS', cursive, sans-serif; letter-spacing: 2px;}

/* block styles */
#StuffCell {background: rgb(255, 237, 164); padding: 10px; padding-top: 4px;}

.TreeDiv {background: rgb(220, 200, 150);}

.w3-modal-content {background-color: rgb(255, 237, 164);}

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

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

.BodyLast, .BodyLast3, .BodyLast4, .BodyLast5, .BL, .BL3, .BL4, .BL5 {margin-bottom: 10px;}

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

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

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

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

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

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

.AuthorArt {font-style: italic;}

/* Загальні текстові стилі - кольори : */
.DocHeader, .InternalHeader2, .InternalHeader, h1, h2, h3 {color: rgb(102, 26, 26);}

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

.MenuSel, .Menu0Sel, .Menu1Sel, .MenuSelNoHover, .Menu0SelNoHover, .Menu1SelNoHover {background-color: rgb(255, 237, 164);}

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

.GenDivider, .NavigDivider {color: rgb(102, 26, 26); border-color: rgb(102, 26, 26); background-color: rgb(102, 26, 26); width: 70%;}

#FtrDivider {display:none;}

.BlockQuote, .BQ {background: rgb(240, 222, 150);}

.BlockRemark {background: rgb(224, 206, 134);}

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

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

.NoteLU {color: black; background: rgb(255, 204, 102)}

.NoteRed {color: gray}

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

/******************* Styles for text variants *******************************/
#FloatPanel {background: rgb(255, 240, 192); border: groove rgb(204, 102, 51)}

.MarkVar1, .Var1 {background: rgb(230, 255, 163)}

.MarkVar2, .Var2 {background: rgb(208, 255, 222)}

.MarkVar3, .Var3 {background: rgb(255, 204, 255)}

.Var1, .Var2, .Var3 {display: none;}

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

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

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

/******************* Styles for Chronology ******************************
Currently (14.08.2019) unused */
.Biography, .Police, .Writing, .Publishing, .Mail, .Responce {display: block}