/* ========== KB_Styles-MAIN ==========*/

body { background: rgb(253,254,255); color: rgb(56,57,69); margin: 0; padding: 0; font-family: sans-serif; overflow: hidden; font: normal normal normal 1.125em "Roboto Condensed","Calibri", sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
a { text-decoration: none;}
a:link {color: rgb(97,116,133);}
a:visited {color: rgb(97,116,133); } 
a:hover {color: rgb(34,84,139); } 
a:active {color: #ff0000;}
.PseudoLink{color: rgb(34,84,139);}
.PseudoLink:hover {cursor: pointer; opacity: 0.7; }

/* ====== STRUCTURE: ======*/

/* GENERAL */
.BorderlessTight { border: 0 none; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; width: 100%; max-width: 820px;}

/* BANNER ROW */
#Banner {width: 100%; min-width: 768px; background: rgb(20, 31, 43) ; height: 59px; text-align: center; }
#BanWrapper {width: 100vw; min-width: 768px; max-width: 1366px; height: 47px; padding-top: 15px; text-align: left; }
#BanLogoWrapper {display:inline-block; width: 173px; padding-left: 26px; height: 38px; }
#BanLogo { display: inline-block; }
#BanTitle { display: inline-block; width: calc(100vw - 398px); min-width: 370px; max-width: 961px; height: 40px; text-align: center;  font-size: 26px; color: rgb(240,244,246); } /* if banner elements change, adjust width, min-width, max-width */
#BanTitle a {text-decoration: none; cursor: pointer; color: rgb(240,244,246);}  
#BanTitle a:hover { color: rgb(203,243,255); }
#BanLinks {display: inline-block; width: 180px; height: 38px; text-align: right; padding-right: 0px}
.Links_Banner { display: inline-block; width: 32px; height: 32px; margin-left: 2px; text-align: center; border-radius: 4px;}
.Links_Banner a:link { color: rgb(150,220,242); }
.Links_Banner a:visited { color: rgb(150,220,242); }
.Links_Banner:hover { cursor: pointer; background-color: rgb(63,76,88); }
.SvgBtn {padding-top: 7px; }
#SearchIcon:hover { filter: brightness(115%) saturate(85%);}
.FeedLink {color: rgb(150,220,242); }
.FeedLink:hover { color: rgb(203,243,255); cursor: pointer; }

/* MENU */
#MenuBody {display: table-row; position: fixed; top: 60px; width: 100%; background: rgb(248,252,255); z-index: 3; font-size: 17px; box-shadow: rgba(16, 22, 26, 0.15) 0px 0px 0px 1px, rgba(16, 22, 26, 0) 0px 0px 0px, rgba(16, 22, 26, 0) 0px 0px 0px;}
#MenuColWrap {display: table-cell; min-width: 574px; max-width: 819px; background-color: white; border-right: 1px solid rgb(182, 199, 223);}
#MenuColSubwrap {display: flex; flex-direction: row; justify-content: space-around; width: 100%; max-width: 819px; overflow: hidden; position: relative; top: -5px; }
.MenuCol {display: inline-block; min-width: 171px; max-width: 233px; padding-top: 21px; padding-left: 0px; vertical-align: top; }
#RecentsWrap { position: relative; padding-left: 1px; padding-top: 0px; min-width: 191px; white-space: nowrap; overflow: hidden; margin-left: 5%;}
UL.MenuList {list-style-type: none; line-height: 26px; color: rgb(118,126,130); margin-top: 1px; padding-left: 0px; font-family: System-UI; font-size: 14.5px;}
UL.MenuList a:link {text-decoration: none;  filter: grayscale(19%);}
UL.MenuList a:visited { filter: grayscale(19%); }
UL.MenuList a:hover {color: rgb(56,57,69); } 
.MenuHead {line-height: 33px; font-family: system-ui; font-size: 14.5px; font-weight: 600; color: rgb(56,57,69); } /* font-size: 15.5px; */
.MenuHead a:link {color: rgb(56,57,69); }
.MenuHead a:visited {color: rgb(56,57,69); }
.MenuHead a:hover {color: rgb(100,115,129);} 
.Deprecated {display: inline-block; height: 17px; margin-left: 6px; font-family: system-ui; font-size: 22px; color: rgb(255,85,0); cursor: default;} 
.MenuIcon { float: left; width: 16px; height: 16px; margin-right: 8px; margin-top: 7px; filter: grayscale(19%);}
#CTAWrap {display: table-cell; max-width: 272px; border-right: 1px solid rgb(182, 199, 223); vertical-align: top; }
#CTAList {position: relative; top: 20px; width: 95%; margin-left: 5%; font-family: System-UI; font-size: 14.5px; }
.CTAItem {display: flex; align-items: center; padding-top: 10px;}
.CTAImg {height: 16px; width: 16px; }
.CTAText {padding-top: 2px; color: rgb(118,126,130); margin-left: 6px;}
.CTAText a:link {color: rgb(118,126,230); text-decoration: none;}
.CTAText a:hover {color: rgb(56,57,69);}
.Hover:hover {filter: brightness(90%) saturate(200%);}

/* TABS ROW */
#StripRow {width: 100vw; min-width: 768px; display: flex; flex-direction: row; background: rgb(253,254,255); min-height: 39px; border-top: 1px solid rgb(21,31,43); }
/* === Tabs-Sidebar (Contents, Search) ===*/
#TabHeads {display: table-row; min-width: 273px; height: 39px; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; background: rgb(182,199,227); }
.SideTabs { display:table-cell; height: 33px; font-size: 1.25em; text-align: center; padding-top: 6px; } 
.SideTabs:hover {color: rgb(97,100,110); cursor: pointer; } 
#searchTab {text-align: left; border-left: 1px solid rgb(198,203,209);}
#TabsEdge {width: 1px; height: 39px; position: absolute; top: 61px; left: 272px; background: rgb(182,199,223); }
#contentTab {width: 136px;}
.CurTab {color: rgb(118,121,131); background: rgb(247,252,255); border-bottom: 1px solid rgb(244,251,255); }
.OtherTabs { color: rgb(138,142,151); background: rgb(220,227,232); border-bottom: 1px solid rgb(198,203,209);  }
#SideHider {position: absolute; top: 67px; left: 279px; font-size: 22px; color: rgb(97,137,157); cursor: pointer; z-index: 2; }
#SideHider:hover {opacity: 0.7} */
/* === Tabs-Main ===*/
#BreadCell {border: 0px none; border-spacing: 0px; margin: 0px; padding: 0; border-collapse: collapse; width: calc(100vw - 255px); max-width: 768px; }
#MainHeadWrap { margin: auto; background: rgb(253,254,255); height: 39px; padding: 0px;  }
#MainTab {min-width: 512px; height: 100%; max-width: 820px;}
#MainTabContent { margin: auto; width: calc(100vw - 344px); max-width: 676px; min-width: 442px; border-width: 0px 0px 1px 0px; border-style: none none solid none; border-color: rgb(182,199,223); } 
.Breadcrumbs { max-width: 676px; min-width: 421px; float: right;  vertical-align: top; padding: 6px 0px 0px 0px; display: inline-block; height: 23px;} 
.Breadcrumbs a:link { color: rgb(118,126,130); }
.Breadcrumbs a:visited { color: rgb(118,126,130); }
.Breadcrumbs a:hover { color: #800000; }
.Breadcrumbs a:active { color: #ff0000; }
.CrumbText {font-size: 0.84375em; color: rgb(118,126,130); height: 39px; }  
#Crumbtainer {display: block; margin-right: 0;  float: right; padding-top: 10px;}
.CrumbLink { text-decoration: none; cursor: pointer; }
#Toggler {display: inline-block; position: relative; top: 1px;} 
#Toggler:hover {opacity: 0.7;}
.TogBtn { position: relative; top: 9px; color: rgb(97,116,133); padding: 2px 8px 4px 8px; border: 1px solid rgb(152,174,206); } 
.TogBtn:hover { color: rgb(34,84,139); cursor: pointer; }

/* SIDEBAR structure */
#listWrapper { width: 272px; overflow-y: auto; padding: 0; background: rgb(247,252,255); border-color: rgb(182, 199, 223); border-style: solid; border-width: 0 1px 0 0; position: absolute; top: 101px; left: 0; bottom: 0; display: flex; z-index: 0; }  
#listHolder { width: 100%; margin: 0 8px 0 0; background: rgb(247,252,255); border: 0px none; color: rgb(118,126,130); font: normal normal normal 16.875px "Roboto Condensed", "Calibri", sans-serif; letter-spacing: 0.02em; overflow-x: hidden; overflow-y: hidden; display: flex; flex-direction: column; min-height: 0; position: absolute; top: 118px; bottom: 0; } 

/* MAIN structure */
#Main {position: fixed; top: 102px; bottom: 0px; min-width: 768px; overflow-y: auto; overflow-x: hidden; background: rgb(253,254,255); border-left: 1px solid rgb(182, 199, 223); z-Index: 1;}
#MainBorder {border-top: 1px solid rgb(182,199,223); position: absolute; top: 100px; left: calc(100vw - 768px); min-width: 0; width: calc(272px - calc(100vw - 768px)) ; max-width: 295px; height: 1px; z-Index: 2; }
#Article {max-width: 820px; }
.Container_Main { width: 676px; max-width: 676px; padding: 0px; margin: auto;}
.Footer { text-align: left; font-size: 0.8125em; color: rgb(118,126,130); vertical-align: top; padding: 4px 0px 0px 0px; border: 0px none; margin-top: 16px; }

/* ====== BODY ======*/

/* GENERAL TEXT */
.Body_Main {font-size: 0.9375em; font-family: "Mada","Calibri", sans-serif; margin-left: 0in ; margin-bottom: 3pt; line-height: 145%; }
.Body_Main a:link { color: rgb(34,84,139);}
.Body_Main a:visited { color: rgb(34,84,139);}
.Body_Main a:hover { color: rgba(34,84,139,0.7);}
.Body_Main a:active { color: #ff0000 ;}
.Highlight{background-color: rgba(255,85,0,0.15);}
.UnHighlight{background-color: inherit;}

.Code {font-size: 0.9375em; font-family: "Inconsolata", monospace; margin-left: 0.2in; margin-top: 0in; margin-bottom: 0in; background-color: rgb(234,248,255); overflow-wrap: break-word; }
/* Home page */
.popPrompt { vertical-align: top; padding: 0px 0 0 10px; font-family: "Mada","Calibri", sans-serif; font-size: 11pt; } /* links to popups */

/* INLINE*/
.Consolas_Inline { font-family: "Inconsolata"; margin-left: 0in; background-color: rgb(234,248,255); word-wrap: break-word;}
.Candara_Inline { color: rgb(92,110,114); font-Weight: 600;}
.Hilite { background-color: #f7ffe7; font-family: "Inconsolata"; }

/* LISTS */
UL.Body_BulList { list-style: disc outside; font-size: 0.9375em; font-family: "Mada","Calibri", sans-serif; margin: 3px 0 3px 0; padding-left: 16px; line-height: 145% ;}
UL.Body_BulList LI { margin-bottom: 3pt; }
UL.Body_BulList a:link { color: rgb(34,84,139);}
UL.Body_BulList a:visited { color: rgb(34,84,139);}
UL.Body_BulList a:hover { color: rgba(34,84,139,0.7);}
OL.Body_NumList { list-style: decimal outside; font-size: 0.9375em; font-family: "Mada","Calibri", sans-serif; margin: 3px 0 3px 0; padding-left: 19px; line-height: 145%; }
OL.Body_NumList a:link { color: rgb(34,84,139);}
OL.Body_NumList a:visited { color: rgb(34,84,139);}
OL.Body_NumList a:hover { color: rgba(34,84,139,0.7);}
OL.Body_NumList LI { margin-bottom: 3px; }

/* HEADINGS */
.Head_Large { font-family: system-ui,"Roboto Condensed","Calibri", sans-serif; display: inline-block; font-size: 1.9375em; font-weight: 525; color: rgb(70,85,95); padding: 17px 0 12px 0; margin: 22px 0 0 -2px;}
.Head_Mid { font-family: system-ui,"Roboto Condensed","Calibri", sans-serif; display: inline-block; font-size: 1.5em; font-weight: 525; color: rgb(70,85,95); padding-top: 9px; padding-bottom: 9pt; margin: 0 0 0 -1px;}
.Head_Small { font-family: system-ui,"Roboto Condensed","Calibri", sans-serif; display: inline-block; font-size: 1.125em; font-weight: 525; color: rgb(70,85,95); padding-top: 7px; padding-bottom: 7pt; margin: 0;}
.Title_SubHead { font-family: system-ui; font-size: 1.125em; font-weight: 525; font-style: italic; color: rgb(70,85,95); }
.Subhead_Main { display: inline-block; margin: 20px 0 0 0; font-size: 0.9375em; font-weight: 600; font-family: "Mada","Calibri", sans-serif; color: rgb(70,85,95);  }
.Subhead_NoId { font-size: 0.9375em; font-weight: 600; font-family: "Mada","Calibri", sans-serif; color: rgb(70,85,95); margin: 22px 0 12px 0; }
.Subhead_Ref { font-size: 0.8125em; font-weight: 600; font-family: "Mada","Calibri", sans-serif; color: rgb(70,85,95); margin: 16px 0px 6px 0px; }
.LinkBtn { display: inline-block; width: 0.6875em; min-width: 13px; height: 0.625em; min-height: 13px; margin: 0.3125em 0 0 0.75em; cursor: pointer; background-image: url(../KB_Graphics/link-dark.png); background-size: contain; background-repeat: no-repeat; }
.LinkBtn:hover { opacity: 0.7 ; background-size: contain; }
.ClearHighlights {display:none; height: 0.6875em; min-height: 13px; max-height: 20px; margin: 0.3125em 0 0.02em 0.75em; cursor: pointer; opacity: 0.75;}
.Hover:hover {filter: brightness(90%) saturate(200%);}

/* RULES & SPACERS */
.HeadRule {border-collapse: separate; margin-top: 20px;} 
.GoCell_Mid { display: table-cell; width: 28px; padding: 2pt 2pt 3pt 3pt; background: rgb(243,251,255); text-align: center; font-size: 9.5pt; color: rgb(78,96,122); border-width: 1px; border-style: solid; border-color: rgb(182,199,223) rgb(153,175,207) rgb(153,175,207) rgb(212,224,239); border-radius: 0px 4px 4px 4px; border-spacing: 0px; }
.GoCell_Mid:hover {background-color: rgb(248,253,255);}
.GoCell_Small {display: table-cell; width: 83px; padding: 0pt 2pt 3pt 3pt; background: rgb(243,251,255); text-align: center; font-size: 9.5pt; color: rgb(78,96,122); border-spacing: 1px; border-collapse: separate; border-radius: 0px 4px 4px 4px; border-width: 1px; border-style: solid; border-color: rgb(182,199,223) rgb(153,175,207) rgb(153,175,207) rgb(212,224,239); }
.GoCell_Small:hover {background-color: rgb(248,253,255);}
HR { margin-top: 12pt; margin-bottom: 3pt; }
.Spacer20 {height: 1px; font-size: 1px; padding: 0px; width: 100%; text-align: center; border: none; margin: 0px; border-spacing: 0px; }
.Spacer_Anchor { margin: 0px; height: 22px; }
.Spacer_Headings { margin: 0px; height: 32px; }
.SpacerHR_1 { font-size: 10pt; width: 676px; height: 23px; padding: 0px; color: rgb(97,100,110); border-top: 1px solid rgb(182,199,223); border-spacing: 0px; }
.SpacerHR_1 a:link { color: rgb(97,100,110) }
.SpacerHR_1 a:visited { color: rgb(97,100,110) }
.SpacerHR_1 a:hover { color: #800000; }
.SpacerHR_1 a:active { color: #ff0000; }
.SpacerHR_2 { width: 656px; text-align: right; height: 10px; padding: 0px; border-top: 1px solid rgb(182,199,223); border-spacing: 0px; display: table-cell; }
.SpacerHR_3 { width: 597px; text-align: right; height: 23px; padding: 0px; border-top: 1px solid rgb(182,199,223); border-spacing: 0px; display: table-cell; }

/* IMAGES */
/* Inline */
.Img_Full {display: block; margin: 1em auto; }
.Img_Right {float: right; margin: 0.38em 0em 1em 2em; }
.Img_QL { float: left; vertical-align: middle; margin: 0 6px 0 0; }
.Img_Border {border: 1px solid rgb(225,225,227); box-shadow: 0px 0px 2px rgb(225,225,227);}
.Img_Div {display: inline-block; position: relative; line-height: 0; font-size: 0.875em; cursor: pointer;}
.Img_Icon {position: absolute; bottom: 0; left: 0; padding: 2px; background: rgb(255,255,255); opacity: 0.75;}
.Img_Icon:hover { opacity: 1; background: rgb(255,255,255);}
.FigCaption_Right {font-family: "Roboto Condensed"}
.FigCaption_Full {font-size: 0.875em; display: block; padding-top: 4px;}
/* Popup */
#FigImg {max-width: 100%; border: 1px solid rgb(225,225,227); box-shadow: 1px 1px 2px rgb(225,225,227); }

/* TABLES */
.Table_Body { font-family: "Mada","Calibri", sans-serif; width: auto; border-spacing: 0px; border-collapse: collapse; font-size: 0.875em; background-color: rgb(248,253,255); margin-top: 3pt; table-layout: fixed; vertical-align: top; }
.Table_Body a:link { color: rgb(34,84,139);}
.Table_Body a:visited { color: rgb(34,84,139);}
.Table_Body a:hover { color: rgba(34,84,139,0.7);}
.Table_Body a:active { color: #ff0000 ;}
.Table_Body TD { padding: .5em; border: 1px ridge rgb(186,203,227); vertical-align: top; }
.Table_Head { font-family: "Mada","Calibri", sans-serif; font-weight: 600; font-size: 1em; color: rgb(39,38,46); background-color: rgb(224,231,236); }
.Table_Note { font: normal normal normal 0.9375em "Mada","Calibri", sans-serif; background-color: rgb(255, 241, 228); border: 1px solid rgb(233,79,0); border-radius: 3px; padding: 8px; margin-top: 16px; color: rgb(64,60,57);}
#NoticeLink {text-decoration: none; color: rgb(233,79,0);}
#NoticeLink:hover {opacity: 0.75;}
.DepLabel {position: relative; top: -2px; margin-left: 12px; padding: 2px 6px 4px 6px; font-size: 0.625em; color: #fff; background: rgb(255,85,0); border: 1px rgb(255,85,0) solid; border-radius: 4px;}

/* POPUP */
/* Default state of the semi-opaque background */
.overlay { position: fixed; top: 60px; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); transition: opacity 500ms; visibility: hidden; opacity: 0; text-align: center;} 
/* Active state of the semi-opaque background */
.overlay:target { visibility: visible; opacity: 1; z-index: 2; } 
/* The overall popup dialog */
.popup { display: inline-block; max-width: 1234px; height: max-content; max-height: calc(100vh - 101px); margin-top: 40px; padding: 0; border-radius: 4px; background: rgb(250,253,255); text-align: left; overflow-y: hidden; }
/* The title bar of the popup dialog */
#PopTitle { display: flex; height: 48px; justify-content: space-between; background: rgb(243,251,255); border-radius: 4px 4px 0 0; border-bottom: 1px solid rgb(208,215,220); } 
#PopHeading{display: inline-block; width: 100%; padding: 13px 0 13px 20px; font-family: system-ui; font-size: 14pt; font-weight: 550;  }
#PopLinkWrap {display: table-row; padding: 13px 20px 13px 0;}
#PopTitleLinks {display: table-cell; position: relative; top: -4px; font-weight: normal; text-align: right; padding-right: 16px; }
#PopCloser {display: table-cell; position: relative; top: 5px; right: 3px; font-size: 14px; font-weight: bold; color: rgb(233,79,0); cursor: pointer;}
#PopCloser:hover { color: rgb(233,0,0); }
.NavBtn { color: rgb(97,116,133); padding: 1px 8px 1px 8px; border: 1px solid rgb(152,174,206); border-radius: 4px; font-size: 0.9375em; }
.NavBtn:hover { color: rgb(34,84,139); cursor: pointer; }
.NavPipe { color: rgb(182,199,223)}
/* The close btn in the popup dialog */
/* Popup body */
.PopBodyWrap{overflow-x: hidden; overflow-y: auto; padding: 0 0 0 8px; font-size: 0.9375em;} /* used for Tips only */
.PopColDiv {display: inline-block; padding: 0 8px; vertical-align: top; width: 294px; margin-top: 24px; border-right: 1px solid rgb(182, 199, 223); }
/* URL popup */
.promptURL {margin: 20px 0 0 8px ; padding: 0 0 0 16px; line-height: 145%; font-size:  0.9375em}
.popURL { padding: 10px 0 20px 0px; word-break: break-word; font-family: "Inconsolata", monospace; border: none 0px; width: 98%; border-radius: 0 0 4px 4px; outline: none; background: rgb(248,253,255); }
/* KB Tips */
.TipHead {margin: 20px 0 14px 0; font-family: system-ui; font-size: 16px; font-weight: 550; }
/* Search Tips list */
.TipsHeading {display: inline-block; margin-top: 12px; padding-left: 12px; font-weight: 550;}
.TipBullets {margin-top: 12px; padding: 0 20px 0 28px; }
#TipsList {width: 650px; height: max-content; max-height: calc(100vh - 200px); margin: 24px 0 24px 24px; padding: 0 12px 12px 12px; line-height: 145%;border: 1px solid rgb(181,198,222); border-radius: 4px; background-color: rgb(247,252,255); } /*width: 666px; font-family: system-ui; */

/* ----- 	FEEDBACK FORM -----*/
.FeedWrap {margin: 24px 0 24px 24px; line-height: 127%;}
/* Tabs */
.TabHead { display: table-cell; height: 30px; text-align: left; color: rgb(138,142,151); padding: 0 0 6px 18px; border-top: 3px solid rgb(252,254,255); border-right: 1px solid rgb(252,254,255); border-bottom: 1px solid rgb(181,198,222); border-left: 1px solid rgb(252,254,255); border-radius: 4px 4px 0 0; }
.TabHover{cursor: pointer;}
.TabHover:hover {color: rgb(97,116,133);}
.TabCur {color: rgb(97,116,133); background-color: rgb(243,251,255); border-top: 3px solid rgb(62,154,255); border-right: 1px solid rgb(181,198,222); border-bottom: 0 none; border-left: 1px solid rgb(181,198,222);}
/* Form and fields */
.FormWrap { width: 702px; height: max-content; max-height: calc(100vh - 259px); margin: 0; padding: 18px 0 0 18px; font: normal normal normal 12pt "Roboto Condensed", "Calibri", sans-serif; letter-spacing: 0.02em; color: rgb(56,57,69); background: rgb(243,251,255); border: 1px solid rgb(181,198,222); border-top-color: rgb(181, 198, 222); border-top-color: rgb(243,251,255); border-radius: 0 4px 4px 4px; z-index: 0; overflow-x: hidden; overflow-y: auto; }
.FormHead {display: block; margin: 18px 0 6px 0; font-family: system-ui; font-weight: 550;}
.FormText {display: block; margin: 18px 0 6px 0;}
.FormHelp {max-width: 604px; margin: 9px 0 6px 0; color: rgb(118,126,130); }
.FormBtn {margin-bottom: 6px; }
.FeedbackField {width: 604px; height: 24px; margin-top: 4px; background: rgb(255,255,255); border: 1px solid rgb(208,215,220); font-family: sans-serif; font-size: 11pt; color: rgb(56,57,69); }
.FeedbackField::placeholder {font-style: italic;}
/* Buttons */
.Btn {display: inline-block; min-width: 110px; background: rgb(250, 252, 255); font-size:14px; color: rgb(56,57,69); border: 1px solid rgb(195,198,206); border-radius: 4px;  cursor: pointer;  padding: 4px 8px 6px 8px;  text-align: center;  min-height: 24px; }
.Btn:hover {filter: brightness(95%);}
.Action {margin-left: 9px; color: #fff; background-color: rgb(62,154,255); border-color: rgb(143,143,157); }
.FormAlert { display: none; padding-left: 12px; font-size:14px; color: rgb(233,79,0); font-weight: normal; vertical-align: middle;}
.FeedTop   {background-color: rgb(250,253,255); padding: 4px 24px 6px 12px; border: 1px solid rgb(143,143,157); border-radius: 4px; }
.AgentField {width: 292px; display: none; pointer-events: none; font-size: 11pt;}
.FeedTopSub {color: rgb(56,57,69); font-style: normal; font-size: 11pt;}
.FeedTopSub:hover {cursor: pointer; color: rgb(97,116,133); border-bottom: 1px solid #9ab4c4;}
.DropArrow {display: inline; cursor: pointer; position: absolute; top: 10px; right: 6px; color: rgb(154,180,196); font-size: 13px;}
.FieldLabel {display: table-cell; padding-right: 6px; vertical-align: top; text-align: right; padding-top: 8px;}
.UrlField {width: 555px; font-family: sans-serif; font-size: 11pt; color: rgb(56, 57, 69);}

/* SLIDESHOWS */
#SlideControls {width: 730px; min-height: 32px; font-size: 17px; margin: 0 auto 20px auto; padding: 0;}
.SlideBtn {display: table-cell; width: 32px; font-size: 70px; color: rgb(139,168,189); line-height: 80%; padding-top: 4px;}
#SlideTextHolder {display: table-cell; width: 666px; height: 72px; vertical-align: top; }
#SlideText {display: inline-block; max-width: 674px; margin: auto; line-height: 145%; padding: 0 6px; height: 70px;}
#SlideHolder{text-align: center; margin: auto 24px;}
#SlideImg {max-width: 100%; border: 1px solid rgb(225,225,227); box-shadow: 1px 1px 2px rgb(225,225,227); margin-bottom: 20px; }
.SlideStarter { display: inline-block; width: 0.94738em; min-width: 17px; height: 0.75em; min-height: 14px; margin-left: 16px; cursor: pointer; background-image: url(../KB_Graphics/slideshow.png); background-size: contain; background-repeat: no-repeat;} 
.SlideStarter:hover { opacity: 0.7 ; background-size: contain; }
#ShowPathWrap { width: 720px; margin: 0 auto 20px auto; padding: 0 0 6px 0; line-height: 145%; font-size: 12pt; border-radius: 4px; background: rgb(247,252,255); border: 1px solid rgb(208,215,220);  min-height: 64px; }
#ShowPath { display: block; width: 674px; padding: 0px; margin: 6px 12px;font-size: 11pt; font-family: "Inconsolata", monospace; text-align: left;}
#SlideUrl {height: 16px; cursor: pointer;  filter: brightness(100%) saturate(100%);} /* the link icon in titlebar */
#SlideUrl:hover { filter: brightness(105%) saturate(125%);}
#SlidePathCloser { display: inline-block; float: right; margin-right: 12px; cursor: pointer; font-size: 18px; font-weight: bold; color: rgb(233,79,0); vertical-align: 5px;}

/* TOPICS LIST */
.pageTOC { position: absolute; height: calc(100vh - 132px); max-width: 240px; min-width: 135px; overflow-x: hidden; overflow-y: hidden; padding: 0px 16px 10px 14px; background: rgb(247,252,255); border-radius: 3px; border-width: 1px; border-style: solid; border-color: rgb(182,199,223) rgb(153,175,207) rgb(153,175,207) rgb(182,199,223); z-index: 1; visibility: hidden;}
.pageTOC:hover {overflow-y: auto; }
#Topics_ListStart { font-family: "Mada","Calibri", sans-serif; display: inline-block; font-weight: 600; font-size: 0.875em; color: rgb(118,126,130); margin: 12px 0 6px 0; }
#TopicsCloser { display: inline-block; float: right; margin-top: 9px; font-size: 18px; color: rgb(233,79,0); cursor: pointer;}
UL.Topics_BulList { font-size: 0.875em; font-style: italic; color: rgb(118,126,130); list-style: none outside; margin: 3px 0 4px 0; padding-left: 0px; line-height: 145%; }
UL.Topics_BulList LI { text-indent: -11px; padding-left: 10px; margin-bottom: 3px;} 
UL.Topics_BulList li::before {content: "\2022\00A0\00A0\00A0" ; }
UL.Topics_BulList a { text-decoration: none;}
UL.Topics_BulList a:link {color: rgb(118, 126, 130);}
UL.Topics_BulList a:visited {color: rgb(118, 126, 130); }
UL.Topics_BulList a:hover {color: rgb(34,84,139); } 
UL.Topics_BulList a:active { color: #ff0000;}

/* MEDIA */
/* narrow: 768px */
@media all and (max-width: 767px) {
	#SideHider {display: none; }
	#BreadCell { min-width: 511px; }
	#Navtainer {visibility: hidden; }
 	#Spantainer {display: inline-block;}
	#Toggler {display: inline-block;}
	#TopicsCloser {display: inline-block;}
	.pageTOC { display: none; width: 223px; left: 499px; top: 105px; }
	#Main {width: 768px !important; margin-left: 0; max-width: 768px;}	
	#MainBorder {width: 272px; left: 0px;}
	#MenuColWrap {width: 768px !important; margin-left: 186px;}
	#searchTab {width: 135px; }
	#CTAWrap {width: 191px; min-width: 171px; }
}
/* medium-narrow */
@media all and (min-width: 768px) and (max-width: 1039px) {
	#MainTab {width: calc(100vw - 273px); max-width: 768px}
	#SideHider {display: none; }
	#BreadCell {min-width: calc(100vw - 272px);}
	#Navtainer {visibility: hidden; }
 	#Spantainer {display: inline-block;}
	#Toggler {display: inline-block;}
	#TopicsCloser {display: inline-block;}
	.pageTOC {display: none; width: 223px; top: 105px; right: 14px; }
	#Main { width: 768px !important; max-width: 768px; margin-left: calc(100vw - 768px);}
	#MenuColWrap { width: 768px !important; margin-left: calc(100vw - calc(100vw - 768px));} 
	#searchTab {width: 135px; }
	#CTAWrap {width: calc(100vw - 768px); min-width: 171px; }
}
/* medium */
@media all and (min-width: 1040px) and (max-width: 1235px) {
	#MainTab {max-width: 768px}
	#SideHider {display: none !important; }
	#BreadCell {min-width: calc(100vw - 272px);}
	#Navtainer {visibility: hidden; }
 	#Spantainer {display: inline-block;}
	#Toggler {display: inline-block;}
	#TopicsCloser {display: inline-block;}
	.pageTOC {display: none; width: 223px; top: 105px; right: 14px; }
	#Main { width: calc(100vw - 272px); min-width: 768px; margin-left: 272px;}
	#Article {width: 768px; margin-left: 0px}
	#MenuColWrap {width: 768px; margin-left: 272px; }
	#searchTab {width: 136px; }
	#CTAWrap {width: 20vw; min-width: 272px; }
}
/* medium-wide */
@media all and (min-width: 1236px) and (max-width: 1328px) {
	#MainTab {max-width: 768px}
	#SideHider {display: none !important; }
	#BreadCell {min-width: calc(100vw - 272px);}
	#Navtainer {visibility: visible; }
 	#Spantainer {display: inline-block;}
	#Toggler {display: none !important;}
	#TopicsCloser {display: none !important;}
	.pageTOC{display: block !important; width: calc(100vw - 1088px); top: 105px; right: 14px; }
	#Main { width: calc(100vw - 272px); margin-left: 272px;}
	#Article {width: 768px; margin-left: 0px;}
	#MenuColWrap {width:768px; margin-left: 272px;}
	#searchTab {width: 136px; }
	#CTAWrap {width: 20vw; min-width: 272px; }
	#RecentsWrap {	top: -182px; left: 1040px;} /* top: -210px; */
}
/* wide */
@media all and (min-width: 1329px) and (max-width: 1365px) {
	#MainTab {max-width: calc(768px + calc(100vw - 1329px)) }
	#SideHider {display: none !important; }
	#BreadCell {min-width: calc(100vw - 272px);}
	#Navtainer {visibility: visible; }
	#Spantainer {display: inline-block;}
	#Toggler {display: none !important;}
	#TopicsCloser {display: none !important;}
	.pageTOC {display: block !important; width: 240px; top: 105px; right: 14px; }
	#Main { width: calc(100vw - 272px); margin-left: 272px;}
	#Article {width: calc(100vw - 561px); max-width: 820px; margin-left: 0px}
	#MenuColWrap {width: calc(100vw - 558px); margin-left: 272px;}
	#searchTab {width: 136px; }
	#CTAWrap {width: 20vw; min-width: 272px; }
	#RecentsWrap {	top: -182px; left: calc(100vw - 288px);} /* top: -210px; */
}
/* max */
@media all and (min-width: 1366px) {
	#SideHider {display: none !important; }
	#BreadCell {min-width: calc(100vw - 272px);}
	#Navtainer {visibility: visible; }
	#Spantainer {display: inline-block;}
	#Toggler {display: none !important;}
	#TopicsCloser {display: none !important;}
	.pageTOC {display: block !important; width: 240px; top: 105px; left: 1080px; }
	#Main { width: calc(100vw - 272px); margin-left: 272px;}
	#Article {width: 820px; max-width: 820px; margin-left: 0px;}
	#MenuColWrap {width: calc(100vw - 272px); margin-left: 272px;}
	#searchTab {width: 136px; }
	#CTAWrap {width: 20vw; min-width: 272px; }
	#RecentsWrap {	top: -182px; left: 1092px;} /* top: -210px; */
}

/* ========== KB_Styles-LIST ==========*/

/* STRUCTURE */
.Table_Generic { margin: 20px 0 0 6px; border: 0 none; border-spacing: 0; border-collapse: collapse; }
.Table_Generic TD { vertical-align: middle; height: 21px;}
.Table_Generic a:link { color: rgb(118,126,130); }
.Table_Generic a:visited { color: rgb(118,126,130); }
.Table_Generic a:hover { color: rgb(56,57,69); }
.Table_Generic a:active { color: #ff0000; }

/* Nav at top of Contents and Search tabs */
.TocNavWrapper {display: table-row; text-align: left; font-size: 0.9375em; }
.TocNav { display: table-cell; text-align: center; padding-bottom: 3px; border-bottom: 2px solid rgb(247,252,255); color: rgb(138,142,151); }
.TocNav:hover { color: rgb(34,84,139); cursor: pointer; }
.TocCur {border-bottom-color: rgb(62,154,255); color: rgb(97,100,110); }
.TocRule { display: block; width: 183px; height: 1px; margin-left: 41px; background: rgb(161,186,201); } /* float: right; */

/* TOC list */
#TOCHolder { overflow-y: hidden; margin-bottom: 1px; padding-top: 6px; border-top: 1px solid rgb(247,252,255); } 
#TOCHolder:hover {overflow-y: auto;}
#ColEx {font-size: 16px; color: rgb(109,126,137); opacity: 0.7;}
#ColEx:hover {cursor: pointer; opacity: 1;}
#Expanser {display: inline-block; width: 10px; margin-left: 4px;} 
.TOCList_Large { font-size: 1.125em; margin-top: 0; margin-bottom: 0; padding-left: 6px; color: rgb(97,100,110); line-height: 175%;}
.TOCList_Large TD {width: 197px;}
.TOCList_Large a:link {color: rgb(97,100,110); text-decoration: none;}
.TOCList_Large a:visited {color: rgb(97,100,110); } 
.TOCList_Large a:hover {color: rgb(56,57,69); } 
.TOCList_Large a:active { color: #ff0000;}
.TOCList_Small {width: 241px; font-size: 0.9375em}
.TOCList_Small TD {padding-left: 11px; border-radius: 4px;}
.TOCList_Small a:link {color: rgb(118,126,130); text-decoration: none;}
.TOCList_Small a:visited {color: rgb(118,126,130); } 
.TOCList_Small a:hover {color: rgb(56,57,69); } 
.TOCList_Small a:active { color: #ff0000; text-decoration: none;}
.TocSpacer_Large {height: 7px !important; line-height: 7px; width: 241px;}
.TocSpacer_Small {height: 3px !important; line-height: 3px;}
.VSpacer {line-height: 50%; height: 24px !important;}
.TocIcon{ width: 20px; height: 20px; float: left; margin-right: 8px;  padding-bottom: 8px;}
.ShowHide {font-size: 16px; color: rgb(109,126,137); opacity: 0.7;}
.ShowHide:hover {cursor: pointer; opacity: 1;}
.TriToggle {display: inline-block; width: 10px; margin-left: 4px;} 

.HowLink {font-size: 20px; font-style: italic; color: rgb(97,100,110); cursor: pointer; }
.HowLink:hover {opacity: 0.7;}
/* Search UI */
#SearchHolder { overflow-y: hidden; margin-bottom: 1px; display: flex; flex-direction: column; min-height: 0;} 
.List_Interface { margin: 0 0 0 12px; color: rgb(56,57,69); border: 0 none; border-collapse: collapse; padding: 0; line-height: 150%; }
#ResetWrap {display: inline-block; width: 74px; padding-bottom: 14px; cursor: pointer; opacity: 0.7;}
#ResetWrap:hover {opacity:1;}
.ResetImg {width: 16px; vertical-align: middle; margin-right: 6px; margin-bottom: 3px;}
#TipsToggle {float: right; padding: 1px 18px 0 0; cursor: pointer; opacity: 0.7; }
#TipsToggle:hover {opacity:1; }
.Search_InputField {width: calc(100% - 16px); height: 30px; margin: 0px 0 12px 0; padding-left: 12px; border: 1px solid rgb(182,199,223); border-radius: 15px;  text-align: left; font-size: 0.9375em; font-style: italic; color: rgb(233,79,0); } 
::placeholder { color: rgb(152,165,185); opacity: 1;}
.Btns {display: inline-block; vertical-align: middle; }
#StringTags {display: flex; flex-wrap: wrap;}
.SearchTag { padding: 1px 6px; margin: 3px 6px 3px 0; color: rgb(56,57,69); background: rgb(253,254,255); border-radius: 6px; border: 1px solid rgb(182, 199, 223); display: flex;}
.CurTag {border-color: rgb(255,188,161); box-shadow: 1px 1px 2px rgb(225,225,227); }
.Checkbox {vertical-align: middle; margin: 0 6px 2px 0; cursor: pointer; }
.TermDiv { margin-top: 1px; cursor: pointer}
.TermDiv:hover {color: rgb(233,79,0);}
.TagCloser { cursor: pointer; font-size: 1.125em; font-weight: bold; color: rgb(233,79,0); float: right; padding: 0 0 0 6px; margin-top: 1px; }

/* Search Results */
.ResultTerm {color: rgb(233,79,0); }
#ResultPhrase {width: 240px; margin-top: 6px; padding-bottom: 0;}
#ResultList { display: block; margin: 0; padding-top: 0; padding-bottom: 12px; line-height: 175%; overflow-y: hidden; min-height: 0; border-top: 0px none; } 
#ResultList:hover {overflow-y: auto;}
.ResultDiv {width: 240px; margin-left: -6px; padding-left: 6px; border-radius: 6px; } 
.ResultHead {font-size: 0.75em; text-transform: uppercase; color: rgb(162, 162, 173); margin: 12px 0 0 12px; line-height: 175%; }
.ResultTopic {font-size: 1.25em; text-transform: none; line-height: 175%; }
.ResultTopic a:link { color: rgb(118,126,130); text-decoration: none; }
.ResultTopic a:hover { color: rgb(56,57,69); }
.StarHolderF {color: rgb(233,79,0); font-weight: bold; font-size-adjust: 0.55;}
.StarHolder {color: rgb(233,79,0); font-weight: bold; font-size-adjust: 0.45;}
.TopicHighlight{background-color: rgb(229,244,249); color: rgb(118,126,130); }