@charset "utf-8";
/* ==========================================================================
   OPTIMIST INTERNATIONAL - SITE STYLESHEET  (consolidated)

   Replaces, in this order:
     style.css, StyleMain.css, cra.css, style_ColorFontsBorders.css,
     StyleButton.css, leaders.css, entry_form.css

   LOAD ORDER: link this AFTER Bootstrap (Bootstrap sets html{font-size:10px}
   and global label/input rules that this file relies on overriding).

   Rule order matters: when two rules have equal specificity, the later one
   wins. Sections below keep the original file order for that reason - add
   new rules at the END of the relevant section rather than at the top.

   --------------------------------------------------------------------------
   BRAND PALETTE
     #17468F  PMS 286 C   Main Blue - OI text
     #0032A0              Link blue
     #002F6C  PMS 294 C   Darker blue
     #9BCBEB  PMS 291 C   Cyan
     #D4E9F6              Light blue (box headers)
     #8E744B  PMS 872 C   Dark gold-brown - logo foreground
     #F3E7B2  PMS 7499 C  Cream - logo background / buttons
     #FFC72C  PMS 123 C   Light gold - button hover
     #51534A  PMS 418 C   Dark gray
     #D7D2CB  Warm Gray 1C
   Alternate rows: #E8EFF3 / #D1DADE
   ========================================================================== */


/* ==========================================================================
   1. BASE, TYPOGRAPHY, LINKS & TOP MENU
      (from style.css)
   ========================================================================== */

* { margin: 0; box-sizing: border-box; }
html {
	font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Calibri, Arial, sans-serif;
	height: 100%;
	min-height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
}
body * {
	font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Calibri, Arial, sans-serif;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}
body.report {
	background-color: #FFF;
	height: 100%;
	margin: 5px 10px;
	padding: 0;
}
form { margin: 0; }
img { border: 0; }
::before, ::after { box-sizing: border-box; }
.TitleHeadline {
	font-size: 12pt;
	font-weight: bold;
	color: #241504;
	background-color: #DBE2F0;
	margin-bottom: 10px;
	padding: 2px;
}
.TitleHeadlineCenter {
	font-size: 12pt;
	font-weight: bold;
	color: #241504;
	background-color: #DBE2F0;
	text-align: center;
}
.headline { font-size: 12pt; font-weight: bold; color: #404F56; }
.subhead { font-size: 10pt; font-weight: bold; color: #404F56; }
p.headline { font-size: 12pt; font-weight: bold; color: #404F56; }
p.subhead { font-size: 10pt; font-weight: bold; color: #404F56; }
p.footnote { font-size: 7pt; color: #FFF; }
div.footnote {
	font-size: 6pt;
	padding-top: 0;
	padding-left: 10px;
	font-style: italic;
}
span.headline { font-size: 12pt; font-weight: bold; color: #000; }
span.subhead { font-size: 10pt; font-weight: bold; color: #404F56; }
span.subhead2 { font-size: 9pt; font-weight: bold; color: #404F56; }
span.footnote { font-size: 8pt; color: #FFF; }
span.footnote2 { font-size: 8pt; color: #000; }
span.footnote3 {
	font-size: 6pt;
	font-style: italic;
	font-weight: normal;
	color: #333;
}
a.headline { font-size: 12pt; font-weight: bold; color: #404F56; }
a.subhead { font-size: 10pt; font-weight: bold; color: #404F56; }
.sitemaphead { font-size: 10pt; font-weight: bold; color: #507281; }
.sitemapbody, .sitemapbody a { font-size: 9pt; font-weight: normal; }
.sitemapbody a i { font-size: 9pt; font-weight: normal; font-style: italic; }
span.caption { font-size: 8pt; font-weight: bold; color: #121212; }
td.subhead { font-size: 10pt; font-weight: bold; color: #507281; }
.MainText { color: #507281; }
td.alert {
	font-weight: bold;
	color: red;
	background-color: #D9D6C4;
	text-align: center;
}
.TitleBarLink, .CurrTitleBarLink {
	font-size: 12pt;
	font-weight: bold;
	color: #404F56;
	margin: 0 20px;
	white-space: nowrap;
}
.TitleHeader {
	font-size: 18pt;
	font-weight: bold;
	color: #039;
	text-align: center;
	width: 100%;
}
.TitleHeaderLine {
	font-size: 18pt;
	font-weight: bold;
	color: #039;
	text-align: center;
	width: 100%;
	border-bottom: 2px solid #06C;
	margin-bottom: 20px;
}
div.MenuGroup {
	width: 200px;
	height: 100%;
	margin: 0;
	padding: 5px;
}
div.MenuGroupTop {
	background-image: url("/Logos/main/rounded_hover.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 5px;
	background-position: 0 0;
}
div.MenuGroup1 {
	float: left;
	text-align: left;
	width: 33%;
	padding: 10px;
	height: 100%;
	background-image: url("/Logos/main/square_hover.png");
	background-repeat: repeat-y;
}
div.MenuGroup2 {
	float: left;
	text-align: left;
	width: 34%;
	padding: 10px;
	height: 100%;
	background-image: url("/Logos/main/square_hover.png");
	background-repeat: repeat-y;
}
div.MenuGroup3 {
	float: left;
	text-align: left;
	width: 33%;
	padding: 10px;
	height: 100%;
	background-image: url("/Logos/main/square_hover.png");
	background-repeat: repeat-y;
}
div.MenuGroup:hover { background-image: url("/Logos/main/square_hover.png"); }
div.StoriesBG {
	width: 320px;
	height: 100%;
	margin-right: 0;
	padding: 5px 5px 5px 20px;
	background-image: url("/Logos/main/370gradient.png");
	background-repeat: repeat-y;
	color: #000;
}
div.BottomBullets { color: #222; font-weight: bold; }
table.map_legend { width: 90%; border: 1px solid black; }
a {
	color: #0032A0;
	text-decoration: none;
	outline: none 0;
	font-weight: bold;
}
a:link, a:visited, a:focus { color: #0032A0; text-decoration: none; }
a:hover { color: #507281; text-decoration: underline; }
a:active { color: #71535C; text-decoration: none; }
.linkX a {
	color: #0032A0;
	text-decoration: none;
	outline: none 0;
	font-weight: bold;
}
.linkX a:link, .linkX a:visited, .linkX a:focus { color: #0032A0; text-decoration: none; }
.linkX a:hover { color: #507281; text-decoration: underline; }
.linkX a:active { color: #71535C; text-decoration: none; }
.TitleBarLink a:link, .TitleBarLink a:visited, .TitleBarLink a:focus { color: #039; text-decoration: none; }
.TitleBarLink a:hover { color: #71535C; text-decoration: none; }
.TitleBarLink a:active,
.CurrTitleBarLink a:link,
.CurrTitleBarLink a:visited,
.CurrTitleBarLink a:focus {
	color: #0032A0;
	text-decoration: none;
}
.CurrTitleBarLink a:hover { color: #71535C; text-decoration: none; }
.CurrTitleBarLink a:active { color: #0032A0; text-decoration: none; }
span.headline a:link { color: #000; text-decoration: underline; }
span.headline a:visited, span.headline a:focus { color: #000; text-decoration: none; }
span.headline a:hover { color: #507281; text-decoration: underline; }
span.headline a:active { color: #0032A0; text-decoration: none; }
a span.subhead, a:link span.subhead, a:visited span.subhead { color: #507281; text-decoration: none; }
a:hover span.subhead { color: #71535C; text-decoration: none; }
a:active span.subhead { color: #0032A0; text-decoration: none; }
a span.headline { color: #507281; text-decoration: none; }
a:hover span.headline { color: #71535C; text-decoration: none; }
a:active span.headline { color: #0032A0; text-decoration: none; }
a.B { font-weight: bold; }
a.noLink { text-decoration: none; }
a.LeftMenu, .LeftMenu:link, .LeftMenu:visited { color: #FFF; text-decoration: none; }
.LeftMenu:focus { color: #000; text-decoration: none; }
.LeftMenu:hover { color: #71535C; text-decoration: underline; }
.LeftMenu:active { color: #0032A0; text-decoration: none; }
.BottomMenu { color: #FFF; text-decoration: none; font-weight: normal; }
.BottomMenu:link, .BottomMenu:visited { color: #FFF; text-decoration: none; }
.BottomMenu:focus { color: #000; text-decoration: none; }
.BottomMenu:hover { color: #71535C; text-decoration: none; }
.BottomMenu:active { color: #0032A0; text-decoration: none; }
div.BottomMenu a, div.BottomMenu a:link, div.BottomMenu a:visited { color: #FFF; text-decoration: none; }
div.BottomMenu a:focus { color: #000; text-decoration: none; }
div.BottomMenu a:hover { color: #71535C; text-decoration: none; }
div.BottomMenu a:active { color: #0032A0; text-decoration: none; }
div.sitemaphead a, div.sitemaphead a:link, div.sitemaphead a:visited {
	color: #507281;
	text-decoration: none;
}
div.sitemaphead a:focus { color: #000; text-decoration: none; }
div.sitemaphead a:hover { color: #404F56; text-decoration: none; }
div.sitemaphead a:active { color: #0032A0; text-decoration: none; }
div.sitemapbody a,
div.sitemapbody a:link,
div.sitemapbody a:visited,
div.sitemapbody a:focus {
	color: #666;
	text-decoration: none;
}
div.sitemapbody a:hover { color: #2E373D; text-decoration: none; }
div.sitemapbody a:active { color: #0032A0; text-decoration: none; }
div.TopMenu {
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	max-height: 160px;
	text-align: center;
}
.TopMenu_mobile {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	max-height: 100px;
	background-color: #FEFEFA;
	border-bottom: 1px solid #17468F;
	text-align: left;
}
div.TopMenu div.LangLogoSearch {
	width: 100%;
	max-width: 100%;
	height: 100px;
	padding: 3px 5px;
	display: flex;
	flex-flow: row;
}
div.TopMenu div.LangLogoSearch span.colLang { flex: 1 1 15%; min-width: 200px; text-align: left; }
div.TopMenu div.LangLogoSearch span.colLogo { flex: 1 1 69%; text-align: center; }
div.TopMenu div.LangLogoSearch span.colSearch { flex: 1 1 15%; min-width: 200px; text-align: right; }
img#MainHeaderLogo { height: 95px; }
div.TopMenu div.MenuButtons {
	width: 100%;
	max-width: 100%;
	height: 60px;
	padding: 3px 5px;
	margin: 10px 5px 0;
	display: flex;
	flex-flow: row;
	background-color: #FFF;
}
div.TopMenu div.MenuButtons div, div.TopMenu div.MenuButtons a { padding: 3px; flex: 1 1 0%; }
div.TopMenu div.MenuButtons div button.menu_button { font-weight: bold; }
div.TopMenu table {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	max-height: 150px;
}
div.TopMenu table td {
	width: 12%;
	height: 50%;
	max-height: 150px;
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: none;
	color: #0032A0;
}
div.TopMenu table td a { color: #0032A0; }
div.TopMenu a.TopMenuButtons { font-size: 12pt; }
div.TopMenu table td.logo { width: 30%; padding: 1%; }
div.TopMenu table td.logo img { width: auto; max-width: 385px; max-height: 100px; }
div.TopMenu table td.topRowLeft {
	text-align: left;
	font-size: 9pt;
	padding-left: 10px;
	width: 32%;
	vertical-align: top;
}
div.TopMenu table td.topRowRight {
	text-align: right;
	font-size: 9pt;
	padding-right: 10px;
	width: 32%;
	vertical-align: top;
}
div.TopMenu table td.topRowRight a { color: #0032A0; }
td.logo img { max-width: 200px; }
div.TopMenu_dropdown {
	width: 15%;
	min-width: 250px;
	background-color: #FFF;
	color: #0032A0;
	border: 2px solid #0032A0;
}
div.TopMenu_dropdown ul { padding-left: 5px; }
div.TopMenu_dropdown li { padding: 3px 0; list-style-type: none; font-size: 13px; }
div.dropdown li, div.dropdown li a { font-size: 9pt; }
li.category { text-decoration: underline; font-weight: bold; font-size: 20px; }
li.subcategory { text-decoration: none; font-size: 10px; }
li.disabled { color: #6684C6; }
div.dropdown div.dropdown-menu li.subcategory > a,
div.dropdown div.dropdown-menu li.mobile_subcategory > a,
div.dropdown div.dropdown-menu li.category > a,
div.dropdown div.dropdown-menu li.mobile_category > a {
	display: block;
	overflow: hidden;
}
div.dropdown div.dropdown-menu li.subcategory:hover,
div.dropdown div.dropdown-menu li.mobile_subcategory:hover,
div.dropdown div.dropdown-menu li.category a:hover,
div.dropdown div.dropdown-menu li.mobile_category a:hover {
	background-color: #E7F3FA;
}
.TopMenu_mobile .LangLogoSearch .colLang {
	display: inline-block;
	float: left;
	top: 0;
	left: 0;
	height: 100px;
	width: 100px;
	text-align: left;
	margin: 0;
	padding: 0 0 0 10px;
}
.TopMenu_mobile .LangLogoSearch .colLogo {
	height: 100px;
	max-height: 100px;
	padding: 0;
	margin: auto;
	display: grid;
}
.TopMenu_mobile .LangLogoSearch .colLogo a img {
	padding: 0;
	display: block;
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
}
td.mobile_logoholder {
	min-width: 20%;
	max-height: 120px;
	padding: 0% 15% 3%;
	border-right: 2px solid #FFF;
	background-color: #FFF;
}
td.mobile_buttonholder {
	padding: 3%;
	height: 100%;
	background-color: #FFF;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
div.mobile_languagebox { padding-left: 5px; text-align: left; }
a.TopMenu_mobilebutton {
	padding: 4px;
	margin: 5px;
	text-align: center;
	max-height: 40px;
	min-width: 170px;
	font-family: Calibri;
	color: #0032A0;
	background-color: #FFF;
	font-size: 18px;
	font-weight: bold;
	border-color: #FFF;
}
a.TopMenu_mobilebutton:focus { color: #0032A0; background-color: #FFF; outline: none; }
a.TopMenu_mobilebutton:hover { color: #FFF; background-color: #0032A0; }
td.menu_button {
	color: #FFF;
	background-color: #0032A0;
	font-size: 30pt;
	font-weight: bold;
	width: 10%;
	min-width: 50px;
	position: relative;
}
.TopMenu_mobile ul {
	text-align: left;
	font-size: 20px;
	font-family: Calibri;
	padding-left: 10px;
}
.TopMenu_mobile li { color: #0032A0; padding: 2px 0; list-style-type: none; }
li.mobile_category {
	font-family: Calibri;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
}
li.mobile_subcategory a { font-size: 15px; }
button.TopMenu_mobilelogin {
	margin-top: 3px;
	font-family: Calibri;
	color: #FFF;
	background-color: #0032A0;
	font-size: 15px;
	font-weight: bold;
	border-color: #0032A0;
}
button.TopMenu_mobilelogin:focus { color: #FFF; background-color: #0032A0; outline: none; }
button.TopMenu_mobilelogin:hover { color: #0032A0; background-color: #FFF; }
h1.body_h1 {
	font-size: 20px;
	color: #0032A0;
	font-weight: bold;
	text-decoration: underline;
}
h2.body_h2 {
	font-family: Calibri;
	font-size: 20px;
	color: #000;
	text-decoration: none;
}
ul.libraryList { list-style-type: none; }
ul.libraryList li { font-size: 13px; margin-bottom: 10px; }
img.articleimg { padding: 15px; }
div.Body { padding-right: 10px; }


/* ==========================================================================
   2. PAGE LAYOUT: header, footer, content containers
      (from StyleMain.css)
   ========================================================================== */

div#OI_WebPage {
	position: relative;
	min-width: 100%;
	min-height: 100%;
	vertical-align: top;
	padding: 0;
	margin: 0 auto;
}
div#OI_HeaderMain {
	min-height: 100%;
	display: block;
	background-color: #FFF;
	position: relative;
	width: 100%;
	margin: 0 auto;
	float: left;
	padding-top: 200px;
}
div#OI_Header {
	position: fixed;
	height: 200px;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #FFF;
	z-index: 1000;
	border-bottom: 1px solid #17468F;
	margin: 0;
	padding: 5px 0;
}
tr.breadcrumb td, div.breadcrumb { font-size: 8px; border-bottom: 1px solid #999; }
div.BreadcrumbsMain {
	width: 100%;
	text-align: right;
	margin: 10px auto;
	padding: 3px 10px;
}
div.BreadcrumbTitle {
	width: 100%;
	color: #17468F;
	font-size: 8pt;
	padding: 0 10px 0 0;
}
div.BreadcrumbTitle-mq {
	width: 100%;
	height: 15px;
	margin: 0 auto;
	color: #17468F;
	text-align: right;
	font-size: 8pt;
}
div.MainFormBodyTop {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
}
div#OI_Slider { max-height: 800px; }
#OI_Main {
	background-color: #FFF;
	vertical-align: top;
	width: 100%;
	margin: 0;
	padding: 0;
	left: 0;
}
div#OI_MainFormContent {
	width: 100%;
	float: left;
	margin: 0 auto;
	padding: 10px;
	background: #FFF;
	vertical-align: top;
}
#OI_Footer {
	display: block;
	position: relative;
	float: left;
	color: #000;
	background-color: #F9F9F8;
	border-top: thin solid #D7D2CB;
	min-width: 100%;
	vertical-align: middle;
	margin: -111px 0 0;
	padding: 15px 20px;
}
#OI_HeaderMain { padding-bottom: 111px; }
#OI_Footer .CopyRight {
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: 80px;
	background-image: url("/logos/OI_Logo/57x57_OI.png");
	background-repeat: no-repeat;
	background-position: 5px 10px;
	background-size: 57px 57px;
	text-align: left;
	margin-left: 0;
	padding: 15px 10px 0 5px;
}
#OI_Footer .CopyRight span.text {
	display: inline-block;
	position: relative;
	float: left;
	width: auto;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding-left: 70px;
}
#OI_Footer .SocialMedia {
	float: right;
	text-align: center;
	width: auto;
	margin-right: 20px;
}
#OI_Footer .CopyRight #SecureIcons { display: block; position: relative; float: left; }
div#SubNotes {
	font-size: 7pt;
	font-style: italic;
	color: #51534A;
	border-top: thin solid #D7D2CB;
	padding: 5px 10px 5px 5px;
	margin-top: 10px;
}
div.MainFormBodyProgress {
	display: block;
	position: relative;
	height: 56px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	left: -13px;
	float: left;
}
div#cse-search-results { display: block; width: 100%; height: 100%; }
.searchBox { text-align: right; float: right; }
div.MainContent {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	background: #FFF;
}
#MainContent-left { display: block; width: 55%; }
#MainContent-right { display: block; width: 45%; }
div#MainForm {
	position: relative;
	min-height: 100%;
	min-width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
div#Content { width: 100%; min-height: 100%; }
div.HeaderLinks {
	width: 100%;
	min-height: 50px;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
}
div.RowContainer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 12px;
}
div.OIColumn { padding: 10px; }
.ColumnOne {
	clear: left;
	float: left;
	text-align: left;
	width: 33%;
	padding: 10px;
}
.ColumnTwo {
	float: left;
	text-align: left;
	width: 34%;
	padding: 10px;
}
.ColumnThree {
	float: left;
	text-align: left;
	width: 33%;
	padding: 10px;
}
div.BBone { float: left; width: 14%; text-align: center; }
div.BBtwo { float: left; width: 21%; text-align: center; }
div.BBthree { float: left; width: 30%; text-align: center; }
div.BBfour { float: left; width: 35%; text-align: center; }
#ContactList {
	float: left;
	text-align: left;
	width: 33%;
	padding: 10px;
}
div.OptiFaces {
	float: left;
	text-align: left;
	width: 67%;
	padding: 10px;
}
.FloatLeft { float: left; }
.FloatRight { float: right; }
div#OptiFace1 { min-width: 106px; height: 100%; float: left; }
div#OptiFace2 { margin-left: 110px; height: 100%; }
div.SmallImg { float: left; width: 17%; padding: 10px; }
div.BigImg {
	float: left;
	width: 67%;
	text-align: center;
	padding: 10px;
}
div.BlockDiv {
	float: left;
	width: 67%;
	text-align: left;
	padding: 10px;
}
div.PluginColumn {
	float: left;
	text-align: left;
	max-width: 375px;
	width: 33%;
	padding: 10px;
}
.pluginSize { min-width: 100%; width: 100px; height: 575px; }
.fluidJW { width: 70%; }
.VidFloat { width: 50%; padding-bottom: 10px; }
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.embed-container iframe, embed-container .jwplayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.Content-SideBar { display: block; }
div.Ruler {
	background-image: url("/Logos/main/Ruler.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 15px;
	float: left;
	padding: 0;
}
#MainFormLogoTopMap { margin: auto; }
#MainFormLogoTopMapFren {
	background-image: url("/logos/Friends_of_Youth_F_Blue-01.png");
	margin: auto;
	float: none;
	width: 120px;
	height: 128px;
}
#MainFormLogoTopMapOIJGC {
	margin: 17px auto auto 834px;
	float: none;
	width: 99px;
	height: 106px;
}
#SocialMaps a {
	position: absolute;
	bottom: 221px;
	left: 32px;
	width: 30px;
	height: 31px;
	text-decoration: none;
}
a#Map_Facebook {
	bottom: 191px;
	left: 32px;
	width: 29px;
	height: 29px;
	border: 1px dashed #444;
}
a#Map_Twitter {
	bottom: 191px;
	left: 79px;
	width: 29px;
	height: 29px;
	border: 1px dashed #444;
}
a#Map_YouTube {
	bottom: 153px;
	left: 35px;
	width: 68px;
	height: 23px;
	border: 1px dashed #444;
}
div.BottomSocial {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90px;
}
div.MainFormSpacer { display: block; width: 10px; }
.MainTidbitDaysLeft_en {
	display: block;
	position: relative;
	width: 116px;
	height: 149px;
	margin: 0 0 0 59px;
	padding: 0;
	float: left;
}
.MainTidbitDaysLeft_fr {
	display: block;
	position: relative;
	background: url("/logos/days_left_fr.png") 0 0 no-repeat;
	width: 116px;
	height: 149px;
	margin: 0;
	padding: 0;
	float: left;
}
.MainTidbitDaysLeftText_en {
	display: block;
	position: relative;
	text-align: center;
	float: left;
	width: 66px;
	height: 20px;
	margin: 80px 0 0 19px;
	padding: 4px 0 0;
}
.MainTidbitDaysLeftText_fr {
	display: block;
	position: relative;
	text-align: center;
	float: left;
	width: 66px;
	height: 20px;
	margin: 22px 0 0 19px;
	padding: 4px 0 0;
}
div.MainFormBodyBottom {
	background-color: #FFF;
	background-image: url("/Logos/main/body_bkgrd_bottom.png");
	background-repeat: no-repeat;
	width: 800px;
	height: 33px;
	margin: 0;
	padding: 0;
	background-position: 0 21px;
}
.dropmenudiv {
	position: absolute;
	top: 30px;
	line-height: 18px;
	z-index: 100;
	width: 150px;
	visibility: hidden;
}
div.MainBackTopOI {
	background-image: url("/logos/main/main-top-OI.gif");
	background-repeat: no-repeat;
	width: 702px;
	height: 63px;
	float: left;
}
div.MainBackBottomOI {
	background-image: url("/logos/main/main-bottom-OI.gif");
	background-repeat: no-repeat;
	width: 702px;
	height: 63px;
	float: left;
}
div.MainBackVisitors {
	width: 701px;
	height: 572px;
	margin-left: 30px;
	margin-top: 30px;
	padding: 0;
	float: left;
}
div.MainBackMembers {
	width: 700px;
	height: 647px;
	margin-left: 30px;
	margin-top: 30px;
	padding: 0;
	float: left;
}
div.MainBackGolfers {
	width: 701px;
	height: 572px;
	margin-left: 20px;
	margin-top: 30px;
	padding: 0;
	float: left;
}
.clearboth { clear: both; }
img.floatRight { float: right; margin-right: 40px; margin-top: 50px; }
img.floatRightOijgc { float: right; margin-right: 0; margin-top: -40px; }
img.mainpageButton {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 250px;
}
li.area {
	color: black;
	background: gray;
	margin: 12px;
	padding: 12px 0 12px 12px;
	list-style: none;
}
li.withborder { border-style: dashed; border-width: medium thin thick; border-color: yellow red blue green; }
div.Border { border-style: dashed; border-width: thin; border-color: #795970; }
.gallerycontainer { position: relative; }
.thumbnail img { border: 1px solid blue; margin: 0 5px 5px 0; }
.thumbnail:hover { background-color: transparent; }
.thumbnail:hover img { border: 1px solid red; }
.thumbnail span {
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img { border-width: 0; padding: 2px; }
.thumbnail:hover span {
	visibility: visible;
	top: 0;
	left: 230px;
	z-index: 50;
}
div.TableDiv { display: table; }
div.RowDiv { display: table-row; }
div.CellDiv { display: table-cell; }
tr.TableRow td {
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	border-top: 2px solid #039;
	border-bottom: 2px solid #039;
	margin: 2px 0;
	padding: 4px 0;
	background-color: #F0F3F9;
}
tr.TableRowHeader td {
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	border-bottom: 2px solid #496DB6;
	margin: 5px 0 2px;
	padding: 5px 0 3px;
	vertical-align: bottom;
	background-color: #FAFBFD;
}
tr.TableRowDetail td {
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #496DB6;
	margin: 2px 0;
	padding: 2px 0;
	vertical-align: top;
}
button.menu_button {
	font-size: 12pt;
	background-color: #FFF;
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: none;
	color: #0032A0;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}
button.menu_button:hover { text-decoration: underline; }
button.menu_button:focus { outline: 0; }
button.mobile_ham {
	background-color: #FFF;
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: none;
	color: #0032A0;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	outline: 0;
}
button.mobile_ham:hover { background-color: #FFF; color: #0032A0; }
/* REVIEW: originally "button.mobile_ham,:focus" (stray comma). This removes the keyboard
   focus outline from EVERY element on the site - an accessibility problem.
   Delete this line to restore focus outlines. */
:focus { outline: 0; }
a.flip_choice,
button.flip_choice,
a.flip_choice:focus,
button.flip_choice:focus,
a.flip_choice:active,
button.flip_choice:active {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #0032A0;
	border-color: #0032A0;
}
a.flip_choice:hover, button.flip_choice:hover { color: #0032A0; background-color: #FFF; }
ul.flip_links {
	font-size: 15px;
	text-align: center;
	padding: 0;
	margin: 0;
}
ul.flip_links li { list-style-type: none; }
ul.flip_links a { color: #0032A0; }
.list-group-item-half {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #FFF;
	border: 1px solid #DDD;
	width: 50%;
}
.WordWrap { overflow-wrap: break-word; word-break: break-all; }


/* ==========================================================================
   3. LEGACY REPORT HELPERS
      (from cra.css - most of this file was duplicated in style_ColorFontsBorders.css and has been merged into section 4)
   ========================================================================== */

table.RptPrint { border: 0; }
.f10, tr.f10 td { font-size: 11pt; }
.f12 { font-size: 14pt; }
b { font-size: inherit; font-weight: bold; }
i { font-style: italic; }
u { font-size: inherit; text-decoration: underline; }
s { text-decoration: line-through; }
td.FaR, .Fa, .far { text-align: right !important; }
div.Table div.Header { color: #FFF; }
div.Table div.Row:hover { cursor: pointer; color: #00F; }
table.LogonHistory { padding: 0; }
table.LogonHistory th {
	color: #021718;
	background-color: #B8CDCE;
	font-size: 8pt;
	vertical-align: bottom;
}
tbody#selRow:hover { color: #00C; }
span.hand:hover { cursor: pointer; color: #00F; }
div.btn { z-index: 1; }
tr.GridHeader td, tbody.GridDetail tr td { font-size: 8pt; }
tr.title td, tr.titleLB td {
	font-size: 11pt;
	font-weight: bold;
	color: #FFF;
	background-color: #002F6C;
}
tr.title2 td { font-weight: bold; color: #FFF; background-color: #17468F; }
tr.headerS8 td {
	font-size: 8pt;
	font-weight: bold;
	color: #002F6C;
	background-color: #9BCBEB;
}
tr.titleBig td {
	font-size: 11pt;
	font-weight: bold;
	color: #000;
	background-color: #9FF;
}
tr.titleSml td {
	font-size: 8pt;
	font-weight: bold;
	color: #000;
	background-color: #9FF;
}
tr.titleg td {
	font-size: 11pt;
	font-weight: bold;
	color: #903E0C;
	background-color: #F7B90C;
	text-align: center;
}
tr.titlegL td {
	font-size: 11pt;
	font-weight: bold;
	color: #903E0C;
	background-color: #FFF7E6;
	text-align: center;
}
tr.titlegA td {
	font-size: 11pt;
	font-weight: bold;
	color: #903E0C;
	background-color: #FFE6B3;
	text-align: center;
}
td.title {
	font-size: 11pt;
	font-weight: bold;
	color: #000;
	background-color: #E2EBE6;
}
td.titleLB {
	font-size: 11pt;
	font-weight: bold;
	color: #000;
	background-color: #9FF;
	border-bottom: 1px solid #900;
}
.f2l, td.f2l { font-size: 8pt; }
td.btn { position: relative; left: 0; top: 0; }
tr.headerI { background-color: #EDEDED; }
td.Report2RX {
	border-top-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-left-style: none;
	border-top-color: currentcolor;
	border-left-color: currentcolor;
	border-image: none;
}
.alert { padding-top: 3px; padding-bottom: 3px; }
span.alert-box, div.alert-box { border: 1px solid #079; }
#fraOfficersList {
	margin: 1px 5px;
	padding: 0 5px 0 10px;
	text-align: left;
	vertical-align: top;
}
div.MenuDottedBox, div.MenuDottedBoxSel {
	display: inline-block;
	position: relative;
	float: none;
	width: 104px;
	border: 1px dashed #B48709;
	border-radius: 10px;
	font-size: 8pt;
	margin: 2px 5px 0 0;
	padding: 2px;
	text-align: center;
	vertical-align: top;
	background-color: #FFFFE0;
}
div.MenuDottedBox:hover { background-color: #F9CC4E; }
div.MenuDottedBoxSel:hover { background-color: #F9CC4E; cursor: pointer; }
div#fraAccessTo { text-align: left; }
td.BorRgt1Dash { border-right: 1px dashed #BBB; }
.PageBreak { break-before: page; }
div.lvlZoneBlock { position: relative; }
div.CellsRow {
	display: table;
	position: relative;
	width: 100%;
	text-align: left;
}
span.Cell3s_header {
	display: inline-table;
	position: relative;
	float: left;
	background-color: #B7160B;
	color: #F6FEFE;
	margin: 2px 3px 0;
	padding: 1px 0;
	font-weight: bold;
	text-align: center;
	width: 32%;
}
span.ShowButton, a.ShowButton { float: right; }
span.Cell3s_detail {
	display: inline-block;
	position: relative;
	float: left;
	margin: 2px 3px;
	padding: 1px 0;
	font-weight: bold;
	text-align: center;
	width: 32%;
}
span.ClubList_ClubNbr {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 20%;
	text-align: center;
}
span.ClubList_ClubName {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	width: 80%;
	text-align: left;
}


/* ==========================================================================
   4. UTILITIES: fonts, colors, borders, report tables
      (from style_ColorFontsBorders.css + cra.css)
   ========================================================================== */

.B, option.B { font-weight: bold; font-size: inherit; }
a.U { text-decoration: underline; font-size: inherit; }
.N { font-weight: normal; }
tr.I td { font-style: italic; }
td.C, div.C, tr.C, tr.C td, th.C { text-align: center !important; }
tr.U { text-decoration: underline; }
tr.Strike td { text-decoration: line-through; color: #666; }
.Strike { text-decoration: line-through; }
span.NoStrike { text-decoration: none !important; }
.NoStrike { text-decoration: none; }
.Taller1 { line-height: 175%; margin-top: 0; }
.fs6 { font-size: 6pt; }
span.fs7, span.fs7 b, td.fs7 a, div.fs7 a { font-size: 7pt; }
td.fs8, tr.fs8 td, div.fs8, div.fs8 a, select.fs8 option { font-size: 8pt; }
.fs9 { font-size: 9pt; }
.fs10, tr.fs10, tr.fs10 td { font-size: 10pt; }
.fs11 { font-size: 11pt; }
.fs12, tr.fs12 td, td.fs12 { font-size: 12pt; }
.fs13 { font-size: 13pt; }
.fs14 { font-size: 14pt; }
.fs16 { font-size: 16pt; }
.fs18 { font-size: 18pt; }
.fs20 { font-size: 20pt; }
.fs24 { font-size: 24pt; }
.fs28 { font-size: 28pt; }
.fs30 { font-size: 30pt; }
.fs32 { font-size: 32pt; }
.fb { font-weight: bold; }
.fi { font-style: italic; }
.fhal { text-align: left; }
.fhac { text-align: center; }
.fhar, td.fhar { text-align: right; }
.fu { text-decoration: underline; }
.fvat { vertical-align: top; }
.fvam, .fvac { vertical-align: middle; }
.fvab { vertical-align: bottom; }
.MissingDataNote { color: #C00; font-weight: normal; }
.fcOiText { color: #002F6C; }
.fcText1 { color: #FF921E; }
.fcText2 { color: #FFA749; }
.fcText3 { color: #FFBC74; }
.fcText4 { color: #FFD09F; }
.fcText5 { color: #FFE5C9; }
.fcText6 { color: #FFFAF4; }
.fcText1d { color: #E7841B; }
.fcText2d { color: #CE7618; }
.fcText3d { color: #9E5A13; }
.fcText4d { color: #6D3F0D; }
.fcText5d { color: #3D2307; }
.fcText6d { color: #0C0701; }
a.fcWhite, .fcYellow { color: #FFF; }
.fcYellow2 { color: #FF0; }
.fcYellow3 { color: #FF9; }
.fcBlue2 { color: #00B; }
.fcBlue3 { color: #000080; }
.fcBlueD { color: #008; }
.fcGreen, .fcGreenD { color: #090; }
.fcGrayLite { color: #BBB; }
.fcGrayDark { color: #666; }
.fcRed1 { color: #C0504D; }
.fcPurple1 { color: #808890; }
.fcPurpleD { color: #684960; }
.fcBlueGolf { color: #0474BC; }
.ffLH { font-family: "Lucida Handwriting"; }
.fbcWhite { background-color: #FFF; }
.fbcPurpleLt1 { background-color: #BCACB8; }
.fbcPurple { background-color: #808890; }
.fbcYellow { background-color: #FFF; }
.fbcBlue { background-color: #0171BB; }
.fbcY { background-color: #FFC; }
.fbcPurpleL1 { background-color: #ABD; }
.fbcPurpleL2 { background-color: #DDD5DB; }
.fbcPurpleBlue { background-color: #9CC; }
.fbcPurpleYellow { background-color: #DED6C2; }
.fbcCantChange { background-color: #EAEAEA; }
.fbcBlueMenuBar { background-color: #809DAC; color: #FFF; }
.fbcBlueMenuBar2 { background-color: #C0CED6; }
.fbcBlueMenuBar3 { background-color: #E0E7EB; }
.fbcAltColor0 { background-color: #E0E2E4; }
.fbcAltColor1 { background-color: #F0F1F2; }
.Row1 { background-color: #DED1C1; }
.Row2 { background-color: #BCA383; }
.Row3 { background-color: #EFE8E0; }
.Row4 { background-color: #F7F4F0; }
tr.DetailRow1 td { background: #E1E3E5; border-bottom: thin solid #5B6167; vertical-align: top; }
tr.DetailRow2 td { background: #E1E8EB; border-bottom: thin solid #5B707B; vertical-align: top; }
tr.DetailRow1:hover td, tr.DetailRow2:hover td { background: #B0C2CC; cursor: pointer; }
tbody.DetailRow1 tr, tbody.DetailRow2 tr { font-size: 7pt; vertical-align: top; }
tbody.DetailRow1 tr td { background: #E1E3E5; }
tbody.DetailRow2 tr td { background: #E1E8EB; }
tbody.DetailRow1:hover tr td, tbody.DetailRow2:hover tr td { background: #B0C2CC; cursor: pointer; }
tbody.DetailRow1 tr.uLine1 td { border-top: 1px solid #7A7F84; }
tbody.DetailRow2 tr.uLine1 td { border-top: 1px solid #7A8B94; }
tbody.DetailRow1 tr td.uLine1 { border-top: 1px dotted #5B6167; }
tbody.DetailRow2 tr td.uLine1 { border-top: 1px dotted #5B707B; }
.ListTitle { font-size: 12px; background-color: #002F6C; color: #FFF; }
.ListHeader th {
	color: #FFF;
	background-color: #039;
	border-bottom: thin solid #002E8A;
	border-top: thin solid #FFD093;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}
tbody.ListDetail tr:nth-child(2n) td { background-color: #E2F2FE; }
tbody.ListDetail tr:nth-child(2n+1) td { background-color: #F0FDFF; }
tbody.ListDetail tr:hover td { background-color: #F3E7B2; cursor: pointer; }
tbody.ListDetail tr.Select td { background-color: #EB5; }
tbody.ListDetail td { border-bottom: thin solid #D7D2CB; }
table.NoBorder tr td {
	border-width: medium !important;
	border-style: none !important;
	border-color: currentcolor !important;
	border-image: none !important;
}
.BorderNone { border: 1px solid #666; }
.BorderNoneGolf { border: 1px solid #0474BC; }
table.Rpt input.NoBorder { border: 0; }
ul.horizonatal { margin-left: 0; padding-left: 0; }
ul.horizonatal li { list-style-type: square; display: inline; }
tr.fs7 { font-size: 7pt; }
tr.fs8 { font-size: 8pt; }
.hideObjDis { display: none; }
.showObjDis { display: block; }
.hideObjVis { visibility: hidden; }
.showObjVis { visibility: visible; }
tr.tableTitleDetail td {
	background-color: #DBDBF0;
	border-bottom: 1px solid #33004D;
	border-right: 1px solid #33004D;
	vertical-align: top;
	font-weight: bold;
}
tr.tableTitleDetail td.titleLeft { border-left: 1px solid #33004D; }
tr.tableTitleDetail:hover td, tr.selRow:hover, tr.selRowHiLit:hover {
	cursor: pointer;
	background-color: #ECF;
}
a.rpt, a.rpt:hover { color: #000; text-decoration: none; }
tr.lbYellowThin { border-top: 1px solid #FFF; }
table.Rpt { border-collapse: collapse; border-spacing: 0; width: 100%; }
table.Rpt900, div.Rpt900 {
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
}
table.Rpt900 td { padding: 0; }
div.Rpt1200 {
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}
table.RptPrint, table.RptCert { border-collapse: collapse; border-spacing: 0; width: 100%; }
table.RptPrint tr td, table.RptCert tr td { padding: 0; }
table.RptPrint2 { border-collapse: collapse; border-spacing: 0; width: 900px; }
table.Rpt tr td { padding: 1px 2px 1px 1px; }
table.Rpt tr.rNO td { background-color: #E2F2FE; }
table.Rpt tr.rYES td { background-color: #F0FDFF; }
table.Rpt td.rNO { background-color: #E2F2FE; }
table.Rpt td.rYES { background-color: #F0FDFF; }
table.Rpt td.reNO { background-color: #E2F2FE; }
table.Rpt td.reYES { background-color: #F0FDFF; }
table.Rpt tr.reNO { background-color: #E2F2FE; }
table.Rpt tr.reYES { background-color: #F0FDFF; }
table.Rpt tr.re { background-color: #F2F2E5; }
table.Rpt tr.RptRowSel td {
	cursor: pointer;
	color: #000;
	vertical-align: top;
	background-color: #FFECC6;
}
table.Rpt tr.RptRowUnsel td { cursor: pointer; color: #000; vertical-align: top; }
table.Rpt td.RptRowSel {
	cursor: pointer;
	color: #000;
	vertical-align: top;
	background-color: #FFECC6;
}
table.Rpt td.RptRowUnsel { cursor: pointer; color: #000; vertical-align: top; }
tr.rptTitle td {
	font-size: 11pt;
	font-weight: bold;
	vertical-align: bottom;
	text-align: center;
}
tr.rptTitleC td {
	font-size: 11pt;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}
tr.rptSubTitle td { font-weight: bold; vertical-align: bottom; text-align: center; }
tr.rptTitle1 td {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: thin solid #FF921E;
	border-top: thin solid #FF921E;
	color: #FFF;
	background-color: #039;
	font-size: 16pt;
}
tr.rptTitle2 td {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: thin solid #FF921E;
	border-top: thin solid #FF921E;
	color: #FFF;
	background-color: #2B55AA;
	font-size: 14pt;
}
tr.rptTitle3 td {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: thin solid #FF921E;
	border-top: thin solid #FF921E;
	color: #FFFAF4;
	background-color: #57B;
}
tr.rptTitle4 td {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: thin solid #FF921E;
	border-top: thin solid #FF921E;
	color: #002E8A;
	background-color: #8099CC;
}
tr.rptTitle5 td {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: thin solid #FF921E;
	border-top: thin solid #FF921E;
	color: #001B50;
	background-color: #ABD;
}
tr.rptTitle6 td {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: thin solid #FF921E;
	border-top: thin solid #FF921E;
	color: #001642;
	background-color: #D5DDEE;
	font-size: 9pt;
}
span.indent { margin-left: 10px; }
tr.rptHeader td, tr.rptHeader1 td {
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: thin solid #002E8A;
	padding-left: 5px;
	color: #FFF;
	background-color: #002E8A;
}
tr.rptHeader2 td {
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: thin solid #002E8A;
	padding-left: 5px;
	color: #FFF;
	background-color: #2B55AA;
}
tr.rptHeader3 td {
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: thin solid #002E8A;
	padding-left: 5px;
	color: #FFFAF4;
	background-color: #57B;
}
tr.rptHeader4 td {
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: thin solid #002E8A;
	padding-left: 5px;
	color: #002E8A;
	background-color: #8099CC;
}
tr.rptHeader5 td {
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: thin solid #002E8A;
	padding-left: 5px;
	color: #001B50;
	background-color: #ABD;
}
tr.rptHeader6 td {
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: thin solid #002E8A;
	padding-left: 5px;
	color: #001642;
	background-color: #D5DDEE;
}
div.rptHeader {
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: thin solid #002E8A;
	padding-left: 5px;
}
div.rptSubHeader {
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: thin solid #002E8A;
	padding-left: 5px;
	color: #000;
	background-color: #D0E6F6;
}
div.rptHeader, div.rptHeader1 { color: #FFF; background-color: #002E8A; }
div.rptHeader2 { color: #FFF; background-color: #2B55AA; }
div.rptHeader3 { color: #FFFAF4; background-color: #57B; }
div.rptHeader4 { color: #002E8A; background-color: #8099CC; }
div.rptHeader5 { color: #001B50; background-color: #ABD; }
div.rptHeader6 { color: #001642; background-color: #D5DDEE; }
tr.rptSubHeader1 td {
	font-weight: bold;
	vertical-align: bottom;
	border-top: 2px solid #E7841B;
	border-bottom: 2px solid #E7841B;
	color: #202F36;
	background-color: #FF921E;
}
tr.rptSubHeader2 td {
	font-weight: bold;
	vertical-align: bottom;
	border-top: 2px solid #E7841B;
	border-bottom: 2px solid #E7841B;
	color: #404F56;
	background-color: #FFA84B;
}
tr.rptSubHeader3 td {
	font-weight: bold;
	vertical-align: bottom;
	border-top: 2px solid #E7841B;
	border-bottom: 2px solid #E7841B;
	color: #404F56;
	background-color: #FFBE78;
}
tr.rptSubHeader4 td {
	font-weight: bold;
	vertical-align: bottom;
	border-top: 2px solid #E7841B;
	border-bottom: 2px solid #E7841B;
	color: #404F56;
	background-color: #FFD3A5;
}
tr.rptSubHeader5 td {
	font-weight: bold;
	vertical-align: bottom;
	border-top: 2px solid #E7841B;
	border-bottom: 2px solid #E7841B;
	color: #404F56;
	background-color: #FFE9D2;
}
div.rptSubHeader3 {
	font-weight: bold;
	vertical-align: bottom;
	border-top: 2px solid #E7841B;
	border-bottom: 2px solid #E7841B;
}
div.rptSubHeader1 { color: #202F36; background-color: #FF921E; }
div.rptSubHeader2 { color: #404F56; background-color: #FFA84B; }
div.rptSubHeader3 { color: #404F56; background-color: #FFBE78; }
div.rptSubHeader4 { color: #404F56; background-color: #FFD3A5; }
div.rptSubHeader5 { color: #404F56; background-color: #FFE9D2; }
tr.rptHeader__ td {
	font-size: 7pt;
	font-weight: bold;
	vertical-align: bottom;
	color: #808890;
	background-color: #FFF;
}
tr.rptHeader_ td {
	font-size: 7pt;
	font-weight: bold;
	vertical-align: bottom;
	color: #5A4254;
	background-color: #FEF4C9;
}
tr.rptHeaderL_ td {
	font-size: 7pt;
	font-weight: normal;
	vertical-align: bottom;
	color: #5A4254;
	background-color: #FEF4C9;
}
tr.rptHeaderT_ td {
	font-size: 7pt;
	font-weight: bold;
	vertical-align: top;
	color: #808890;
	background-color: #FFF;
}
tr.rptHeaderC_ td {
	font-size: 7pt;
	font-weight: bold;
	vertical-align: middle;
	color: #808890;
	background-color: #FFF;
	text-align: center;
}
tr.rptHeader2_ td {
	font-weight: bold;
	vertical-align: bottom;
	color: #5A4254;
	background-color: #FEF4C9;
}
tr.rptHeaderGolf td {
	font-weight: bold;
	vertical-align: bottom;
	color: #FFF;
	background-color: #2B55AA;
	padding: 2px 3px;
}
tr.rptHeaderGolfC {
	font-weight: bold;
	color: #FFF;
	background-color: #0171BB;
	text-align: center;
}
td.rptCell { font-size: 7pt; text-align: center; vertical-align: middle; }
tr.frmHeader td {
	font-weight: bold;
	vertical-align: bottom;
	color: #FFF;
	background-color: #808890;
}
table.Rpt td.fs6 { font-size: 6pt; }
table.Rpt td.fs7 { font-size: 7pt; }
table.Rpt td.fs8 { font-size: 8pt; }
table.Rpt td.fs14 { font-size: 14pt; }
table.Rpt td.fvat { vertical-align: top; }
table.Rpt td.fvam { vertical-align: middle; }
table.Rpt td.fvab { vertical-align: bottom; }
table.Rpt td.fhal { text-align: left; }
table.Rpt td.fhac { text-align: center; }
table.Rpt td.fhar { text-align: right; }
table.Rpt td.fb { font-weight: bold; }
td.input00t { font-size: 7pt; text-align: left; vertical-align: top; }
td.input00ct { font-size: 7pt; text-align: center; vertical-align: top; }
td.input00 { font-size: 7pt; text-align: left; vertical-align: middle; }
td.input0r { font-size: 8pt; text-align: right; vertical-align: middle; }
td.input0rt { font-size: 8pt; text-align: right; vertical-align: top; }
td.input0ct { font-size: 8pt; text-align: center; vertical-align: top; }
td.input0 { font-size: 8pt; text-align: left; vertical-align: middle; }
td.input0c { font-size: 8pt; text-align: center; vertical-align: middle; }
td.input0t { font-size: 8pt; text-align: left; vertical-align: top; }
td.input0cb {
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
td.input0bc { font-size: 8pt; text-align: center; vertical-align: bottom; }
td.input1 { text-align: left; vertical-align: middle; }
td.input1c { text-align: center; vertical-align: middle; }
td.input1r { text-align: right; vertical-align: middle; }
td.input1g { text-align: left; vertical-align: middle; color: #808080; }
td.input1gr { text-align: right; vertical-align: middle; color: #808080; }
td.input1t { text-align: left; vertical-align: top; }
td.input1B { text-align: left; vertical-align: bottom; }
td.input1cB { text-align: center; vertical-align: bottom; }
td.input2 { text-align: left; vertical-align: middle; }
td.input2c { text-align: center; vertical-align: middle; }
td.input2r { text-align: right; z-index: 1; }
td.input2t { text-align: left; vertical-align: top; }
td.input2tc { text-align: center; vertical-align: top; }
td.input3 { font-size: 14pt; text-align: left; vertical-align: middle; }
td.input3c { font-size: 14pt; text-align: center; vertical-align: middle; }
tr.BorTop0 td, .BorTop0 { border-top: 1px solid #CCC; }
.BorBot0 { border-bottom: 1px solid #E0E0E0; }
tr.BorRit0 td, td.BorRit0 { border-right: 1px solid #A0A0A0; }
tr.BorBotLftRit0 td {
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
}
tr.BorBot0D td { border-bottom: 1px dashed #E0E0E0; }
.BorTop1 { border-top: 1px solid #333; }
tr.BorTop1D td, .BorTop1D { border-top: 1px solid #000; }
.BorBot1 { border-bottom: 1px solid #333; }
.BorBot1d { border-bottom: 1px solid #000; }
tr.BorRit1 td { border-right: 1px solid #999; }
tr.BorDot td { border-style: dotted; }
tr.BorDash td { border-style: dashed; }
tr.BorDouble td { border-style: double; }
tr.ScreenDivider td { border-bottom: 1px solid #809DAC; }
tr.ScreenDivider2 td { border-bottom: 2px solid #848C94; }
a.BorBot1, span.BorBot1 { border-bottom: 1px solid #000; }
tr.BorTop2D td { border-top: 2px solid #000; }
tr.BorBot2D td { border-bottom: 2px solid #000; }
td.BorRit1 { border-right: 1px solid #111; }
td.BorBot0 { border-bottom: 1px solid #CCC; }
td.BorLftBot0 { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
td.BorTop2 { border-top: 2px solid #111; }
.BorBot2 { border-bottom: 2px solid #111; }
td.BorLft2 { border-left: 2px solid #111; }
td.BorRit2 { border-right: 2px solid #111; }
div.debug1 { border: 1px solid #F00; }
div.debug2 { border: 1px solid #0F0; }
div.debug3 { border: 1px solid #F0F; }
div.debug4 { border: 1px solid #0FF; }
tr.box1, div.box1 { border: 1px solid #6D85AF; margin: 0; padding: 2px; }
tr.box2, div.box2 { border: 1px solid #6D85AF; margin: 2px; padding: 4px; }
span.box1, img.box1 { border: 1px solid #CCC; margin: 2px; padding: 2px; }
td.box1 { border: 1px solid #999; }
span.check { border: 1px solid #111; height: 5px; line-height: 5px; }
span.I { font-style: italic; }
tbody.box { border: 1px solid #6D85AF; }
tr.box20p, div.box20p {
	border: 1px solid #999;
	margin-left: 40px;
	margin-right: 40px;
	padding: 10px;
}
div.box40p, div.box10p { border: 1px solid #999; padding: 10px; }
div.box40p { margin-left: 80px; margin-right: 80px; }
div.box10p { margin-left: 10px; margin-right: 10px; }
tr.BoxHdr { font-size: 7pt; text-align: center; background-color: #EAEAEA; }
tr.BoxDtl { font-size: 7pt; text-align: center; }
tr.BoxHdr2 {
	font-size: 7pt;
	text-align: center;
	background-color: #F8F7F4;
	border-radius: 5px;
	box-shadow: #686E75 3px 3px 3px;
	margin-bottom: 6px;
	padding-bottom: 5px;
}
tr.BoxDtl2 {
	font-size: 7pt;
	text-align: center;
	vertical-align: top;
	box-shadow: #EDEBE3 3px 3px 3px;
}
.DebugBox { border: 1px dotted #D8D; }
tr.BoxHdr td { border-bottom: 1px solid #555; border-left: 1px solid #555; border-top: 1px solid #555; }
tr.BoxHdr td.BoxR { border-right: 1px solid #555; }
tr.BoxHdr2 td { border: 1px solid #B0AD9F; }
/* REVIEW: comes from three typos - "tr.BoxHdr2 td,th", "tr.BorBot2 td,th", "tr.BorBot2d td,th".
   It borders EVERY <th> on the site. Delete it if that was never intended. */
th {
	border-width: 1px 1px 2px;
	border-style: solid;
	border-color: #B0AD9F #B0AD9F #51534A;
	border-image: none;
}
tr.BoxDtl td { border-bottom: 1px solid #555; border-left: 1px solid #555; }
tr.BoxDtl td.BoxR { border-right: 1px solid #555; }
tr.BoxDtl2 td { border: 1px solid #53524B; }
td.Badges {
	border: 1px dashed #BBB;
	height: 200px;
	vertical-align: top;
	margin-bottom: 5px;
}
td.BadgesC {
	border: 1px dotted #BBB;
	height: 200px;
	vertical-align: top;
	text-align: center;
}
td.Badge { height: 180px; }
td.AutoHeight { height: auto; }
.BadgeH0 { text-align: left; }
.BadgeH1 { text-align: right; }
.BadgeH2 { text-align: center; }
.BadgeV0 { vertical-align: top; }
.BadgeV1 { vertical-align: middle; }
.BadgeV2 { vertical-align: bottom; }
div.Overlay {
	background-image: url("/Logos/badges/Overlay.gif");
	background-repeat: no-repeat;
	background-position: center center;
	height: inherit;
}
div.TinyNavArrowCont {
	display: block;
	position: relative;
	height: auto;
	width: auto;
}
span.TinyNavArrow { position: relative; display: inline-block; vertical-align: middle; }
div.TinyNavArrowUp {
	background-repeat: no-repeat;
	background-position: center center;
	height: 6px;
	width: 9px;
	margin-bottom: 1px;
	background-image: url("/logos/arrows/arrow_up.gif");
}
div.TinyNavArrowDown {
	background-repeat: no-repeat;
	background-position: center center;
	height: 6px;
	width: 9px;
	margin-bottom: 1px;
	background-image: url("/logos/arrows/arrow_down.gif");
}
div.TinyNavArrowBlank {
	background-repeat: no-repeat;
	background-position: center center;
	height: 6px;
	width: 9px;
	margin-bottom: 1px;
}
div.TinyNavArrowUp:hover, div.TinyNavArrowDown:hover { background-color: #EFF; cursor: pointer; }
table.box1 { border: 1px solid #999; }
div.EventMeeting {
	width: 400px;
	background-color: #FFE;
	border: 1px solid #999;
	margin: 3px;
	padding: 5px;
	font-size: 7pt;
	text-align: center;
}
tr.header { vertical-align: bottom; }
tr.alert td {
	font-weight: bold;
	color: red;
	background-color: #FFA;
	text-align: center;
}
.alert1 { font-weight: bold; color: red; background-color: #FFA; }
.MsgGoToGo { font-weight: bold; color: #060; background-color: #FEFEFE; }
.feedback {
	font-weight: bold;
	font-style: italic;
	color: #574E47;
	background-color: #E9EAEC;
}
tr.admin { font-weight: bold; color: #404F56; text-align: center; }
tr.AdminBk { background-color: yellow; }
td.admin { color: #404F56; }
span.admin { color: #609; text-align: center; }
div.admin { color: #609; background-color: #FFA; }
div.adminCont {
	display: inline-block;
	background: url("/logos/AdminMode2.gif");
	margin: 10px;
	padding: 20px 50px;
}
div.adminInner {
	color: #609;
	background-color: #FFA;
	display: inline-block;
	padding: 5px;
	border: 1px solid #868600;
}
tr.unseld {
	cursor: pointer;
	font-weight: lighter;
	color: black;
	text-align: left;
	vertical-align: top;
}
tr.dtl, .dtl { font-size: 7pt; text-align: left; vertical-align: top; }
tr.uline { border-bottom: 1px solid #00F; }
td.uline { border-bottom: 1px solid; }
td.ulinL1 { border-bottom: 1px solid #999; }
td.ulinLT1 { border-top: 1px solid #999; }
td.ulinD1 { border-bottom: 1px solid #000; }
span.U { text-decoration: underline; }
tr.lsHalf td { line-height: 0.5em; }
tr.DoubleLine td { border-top: 1px solid #444; border-bottom: 1px solid #444; line-height: 0.2em; }
tr.hdrdtlc {
	font-weight: bold;
	color: #FFF;
	background-color: #2382BB;
	text-align: center;
}
tr.hdrdtlcB {
	font-weight: bold;
	color: #FFF;
	background-color: #0171BB;
	text-align: left;
	vertical-align: bottom;
}
tr.note { font-size: 7pt; font-style: italic; vertical-align: middle; }
tr.note1 {
	border: 1pt solid;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
}
td.note1 {
	border: 1px solid;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
}
td.note2 { border: 1pt solid; font-size: 8pt; vertical-align: middle; }
tr.headl {
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	background-color: #00BFFF;
}
tr.head2 {
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	background-color: #538ED5;
	color: #FFF;
}
tr.delete { text-decoration: line-through; color: #808080; text-align: center; }
.contact {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	margin: 50px 0 0;
}
.hideObj { display: none; }
.showObj { display: inline; }
.hideDiv { visibility: collapse; }
.showDiv { visibility: visible; }
.lsHalf { line-height: 0.5em; }
.lsQuart { line-height: 0.25em; }
.af8, .af8 a { font-size: 8pt; color: #00E; }
.af8 a:link { color: #00E; text-decoration: none; }
.af8 a:visited { color: #551A8B; text-decoration: none; }
.af8 a:focus { color: #00E; text-decoration: none; }
.af8 a:hover { color: #00E; text-decoration: underline; }
.af8 a:active { color: #F00; text-decoration: none; }
.f6 { font-size: 6pt; }
.f7, tr.f7 td, td.f7, table.f7 tr td, .fs7 { font-size: 7pt; }
.f8, tr.f8, tr.f8 td, td.f8, .fs8 { font-size: 8pt; }
.f11 { font-size: 11pt; }
.f14, tr.f14 td { font-size: 14pt; }
.f16 { font-size: 16pt; }
.f18 { font-size: 18pt; }
.f20, tr.f20 td { font-size: 20pt; }
.fB { font-weight: bold; }
.fN { font-weight: normal; }
.fU { text-decoration: underline; }
.aL, td.aL { text-align: left; }
.aC { text-align: center; }
.aR { text-align: right; }
.vaT { vertical-align: top; }
.vaM { vertical-align: middle; }
.vaB { vertical-align: bottom; }
.hs { line-height: 16px; }
.ffTNR { font-family: "Times New Roman", Arial, Verdana; }
.ffCor { font-family: Courier; }
.padsLR5 { padding-left: 5px; padding-right: 5px; }
.padsL25 { padding-left: 25px; }
.padsL50 { padding-left: 50px; }
table.RptCell { margin: 0; border: 1px solid #CCC; }
table.RptCell tr.fbcAltColor0 { background-color: #E0E2E4; }
table.RptCell tr.fbcAltColor1 { background-color: #F0F1F2; }
table.RptCell tr:hover { background-color: #FC6; }
.SortSel { background-color: #FFD; }
.SortSel_ { background-color: #DFF; }
span.f14 { font-size: 14pt; }
tr.B, span.B, div.B { font-weight: bold; }
.C { text-align: center; }
.U { text-decoration: underline; }
td.B { font-weight: bold; }
td.I { font-style: italic; }
td.U { text-decoration: underline; }
.I { font-style: italic; }
td.FaL, td.fal { text-align: left; }
td.FaC, td.fac { text-align: center; }
td.FaR, td.far, .FaR { text-align: right; }
tr.VaB td { vertical-align: bottom; }
tr.VaT td { vertical-align: top; }
.fcBlack { color: #000; }
.fcPurple { color: #77084C; }
.fcLogon { color: #000; }
.fcWhite { color: #FFF; }
.fcYelL { color: #FF0; }
.fcYelD { color: #5F5F00; }
.fcBlue { color: #00A; }
.fcRed { color: #800000; }
.fcRedD { color: #900; }
.fcRedB { color: #F00; }
.fcBlu2 { color: #00B; }
.fcOrgM { color: #FC6; }
.fcPchD { color: #FAC090; }
.fcPchL { color: #F6E5E5; }
div.fcBlu2 { color: #00B; }
.fcTogl0 { background-color: #DADAEC; }
.fcTogl1 { background-color: #D4D4EC; }
.fcTogl2 { background-color: #FFF; }
.fcTogl3 { background-color: #FFE; }
.fcTogl4 { background-color: #EDEDED; }
div.Table { border: 1px solid #999; padding: 3px; }
div.Table div.Header {
	background-color: #51534A;
	padding: 3px;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}
div.Table div.SubHeader {
	background-color: #0F9;
	padding: 3px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}
div.Table div.SubHeader2 {
	background-color: #FCC;
	padding: 3px;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
}
div.Table div.Row { padding: 2px; }
table.LogonHistory { width: 100%; margin-top: 15px; }
table.LogonHistory tr:nth-child(2n) { background-color: #FFFCF3; }
table.LogonHistory tr:nth-child(2n+1) { background-color: #F9F3F6; }
tr.LogonHistoryRow td { font-size: 8pt; vertical-align: top; border-bottom: 1px solid #999; }
tr.LogonHistoryRow:hover td { cursor: pointer; color: #00F; background-color: #E8F7F8; }
tr.MatrixRow td { font-size: 8pt; vertical-align: top; border-bottom: 1px solid #999; }
tr.MatrixToggle1Active td { background-color: #FF9; }
tr.MatrixToggle2Active td { background-color: #FFC; }
tr.MatrixToggle1NotActive td { background-color: #D4D4EC; }
tr.MatrixToggle2NotActive td { background-color: #DADAEC; }
tr.MatrixToggle1NotActive:hover td, tr.MatrixToggle2NotActive:hover td { background-color: #FF9; }
tr.MatrixRow:hover td { cursor: pointer; color: #00F; background-color: #FC6; }
td.Roster1 { background-color: #D4D4EC; }
td.Roster2 { background-color: #DADAEC; }
td.Roster1:hover, td.Roster2:hover { cursor: pointer; color: #00F; background-color: #FC6; }
tr.strike { text-decoration: line-through; }
.fcHiLit { background-color: #FF6; }
.selRow { cursor: pointer; color: #00F; background-color: #FC6; }
.selRowHiLit { cursor: pointer; color: #00F; background-color: #FFE666; }
tbody#selRow:hover { cursor: pointer; background-color: #FC6; }
tbody#selRowHiLit:hover { cursor: pointer; background-color: #FFE666; }
tbody.MatrixStaffTitle tr { background-color: #CFF; }
tbody.MatrixStaffTitle tr td, tbody.MatrixStaffTitle_sel tr td {
	border: 1px solid #DABCCE;
	border-radius: 5px;
	padding-left: 4px;
}
tbody.MatrixStaffTitle_sel tr { background-color: #FFC; }
tbody.MatrixStaffTitle:hover tr, tbody.MatrixStaffTitle_sel:hover tr {
	cursor: pointer;
	background-color: #FC6;
}
.bcGryHeader { background-color: #DADAEC; }
.bcGryVL { background-color: #EEE; }
.bcGryA { background-color: #DEDEDE; }
.bcGryL { background-color: #BDBDBD; }
.bcDisable { background-color: #E2E2E2; }
.bcYelA { background-color: #FFD; }
.bcYelL { background-color: #FF0; }
.bcYelLA { background-color: #FF7; }
.bcPchAB { background-color: #F6E5E5; }
.bcPchAA { background-color: #ECCBCA; }
.bcPchA { background-color: #E3B1B0; }
.bcPchL { background-color: #D99795; }
.bcPchD { background-color: #FAC090; }
.bcBrnL { background-color: #966; }
.bcGrnAB { background-color: #F5F8EE; }
.bcGrnAA { background-color: #EBF2DE; }
.bcGrnA { background-color: #E1EBCD; }
.bcGrnL { background-color: #D7E4BC; }
.bcGrnD { background-color: #C2D69A; }
.bcBluAB { background-color: #E3ECF8; }
.bcBluAA { background-color: #C6DAF1; }
.bcBluA { background-color: #AAC7EA; }
.bcBluL { background-color: #8DB4E3; }
.bcBluD { background-color: #538ED5; }
.bcVioAB { background-color: #F2EFF6; }
.bcVioAA { background-color: #E6E0ED; }
.bcVioA { background-color: #D9D0E3; }
.bcVioL { background-color: #CCC0DA; }
.bcVioD { background-color: #B2A1C7; }
.bcHeader { background-color: #77084C; }
.bcOrgA { background-color: #FFE6B3; }
.bcOrgL { background-color: #FC6; }
.bcRstD { background-color: #953735; }
.bcWhite { background-color: #FFF; }
.TitleLvl1 {
	background-color: #64CAD1;
	color: #67231F;
	font-weight: bold;
	text-align: center;
}
.TitleLvl2 {
	background-color: #B7160B;
	color: #F6FEFE;
	font-weight: bold;
	text-align: center;
}
.bcRstGrnL { background-color: #B68D78; }
.bcRstBluL { background-color: #915D4D; }
.bcRstVioL { background-color: #B07B87; }
.bcPchGrnL { background-color: #D8BDA8; }
.bcPchBluL { background-color: #B3A5BC; }
.bcPchVioL { background-color: #D2ABB7; }
.bcGryGrnL { background-color: #CAD1BD; }
.bcGryBluL { background-color: #A5B9D0; }
.bcGryVioL { background-color: #C5BFCC; }
.bcGrnAGo { background-color: #3BFC38; }
.bcGrnLGo { background-color: #1BFC18; }
.bcPchGrnLGo { background-color: #36EF2A; }
.bcGryGrnLGo { background-color: #33F430; }
.bcBluAGo { background-color: #32F63D; }
.bcBluLGo { background-color: #24ED39; }
.bcPchBluLGo, .bcGryBluLGo { background-color: #2AEE34; }
.HiLite2 { background-color: #FFE5C9; }
.hilite { background-color: #F9F3A6; }
.bcGrnL_HL { background-color: #EBF2AB; }
.bcGrnD_HL { background-color: #E1EB9A; }
.bcBluL_HL { background-color: #C6DABE; }
.bcBluD_HL { background-color: #A9C7B7; }
.bcVioL_HL { background-color: #E6E0BA; }
tr.hil0, tr.hil1, tr.hil2, tr.hil3, tr.hil4 { font-weight: bold; background-color: #FFC; }
tr.hil5 { font-weight: bold; background-color: #FFC; text-decoration: line-through; }
tr.hil6, tr.router { font-weight: bold; background-color: #FFC; }
.hand, span.hand { cursor: pointer; color: #00F; }
div.unsel { cursor: pointer; }
div.btn { cursor: pointer; position: absolute; }
tr.sel { cursor: pointer; color: #00F; background-color: #FC6; }
tr.unsel { cursor: pointer; color: #000; }
tr.sel_ { color: #00F; background-color: #FC6; }
tr.unsel_ { color: #000; }
tr.selF { cursor: pointer; color: #F0F; }
tr.unselF { cursor: pointer; color: #F00; }
tr.selT { cursor: pointer; color: #00F; }
tr.unselT { cursor: pointer; color: #000; }
tr.selR { cursor: pointer; color: #006; }
tr.selRH { cursor: pointer; color: #00F; text-decoration: underline; }
tr.selMenu { cursor: pointer; color: #000; background-color: #F9DB2E; }
.Title, tr.Title, tr.Title td { font-size: 14pt; text-align: center; border-bottom: 2px solid #333; }
.SubMenu1 {
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	background-color: #09F;
}
.SubMenu2, tr.SubMenu2 td {
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	background-color: #0FF;
}
tr.GridHeader td { background-color: #61619E; color: #FFFF49; padding: 2px; }
tbody.GridDetail tr td { padding: 2px 1px 3px; border-bottom: thin solid #8E8E8E; }
tbody.GridDetail tr:nth-child(2n) td { background-color: #FFFFF3; }
tbody.GridDetail tr:nth-child(2n+1) td { background-color: #F3F3FF; }
tbody.GridDetail tr:hover td { background-color: #E1E1E1; }
tbody.GridDetailMulti tr td { font-size: 8pt; }
tr.sel2 { cursor: pointer; color: #00F; background-color: #FFE5B2; }
tr.unsel2 { cursor: pointer; color: #000; }
td.sel { cursor: pointer; color: #00F; }
td.unsel { cursor: pointer; }
span.sel { cursor: pointer; color: #00F; }
span.unsel { cursor: pointer; }
a span.SelOption { font-weight: bold; font-size: inherit; }
td.selTAC { color: #07F; cursor: pointer; background-color: #FC6; }
td.selT { color: #00F; cursor: pointer; background-color: #FC6; }
td.selF, td.selTC { color: #07F; cursor: pointer; background-color: #FC6; }
td.selFC { color: #F0F; cursor: pointer; background-color: #FC6; }
td.selTA { color: #07F; cursor: pointer; background-color: #FC6; }
td.selFA { color: #F0F; cursor: pointer; background-color: #FC6; }
td.selTD { color: #070; cursor: pointer; background-color: #FC6; }
td.selFD {
	color: #F0F;
	cursor: pointer;
	background-color: #FC6;
	text-decoration: line-through;
}
td.unselT { color: #000; }
td.unselF { color: #F00; }
td.unselTC { color: #070; }
td.unselFC { color: #F00; }
td.unselTA { color: #070; }
td.unselFA { color: #F00; }
td.unselTD { color: #070; }
td.unselFD { color: #F00; text-decoration: line-through; }
td.unselTAC { color: #070; }
.unselT { cursor: pointer; color: #000; }
.unselF { cursor: pointer; color: #F00; }
tr.formtitle { font-size: 8pt; }
tr.unselHC {
	background-color: #FFF;
	font-size: 8pt;
	border-bottom: 1px solid #999;
	vertical-align: top;
	text-align: center;
}
tr.selHC {
	background-color: #CFF;
	font-size: 8pt;
	border-bottom: 1px solid #999;
	vertical-align: top;
	text-align: center;
}
tr.unselH {
	background-color: #FFF;
	font-size: 8pt;
	border-bottom: 1px solid #999;
	vertical-align: top;
}
tr.selH {
	background-color: #CFF;
	font-size: 8pt;
	border-bottom: 1px solid #999;
	vertical-align: top;
}
td.dta1b {
	color: #000;
	font-size: 8pt;
	border-bottom: 1px solid #999;
	vertical-align: top;
}
td.dta1w { color: #FFF; font-size: 8pt; text-align: left; }
td.dtacw { color: #FFF; font-size: 8pt; text-align: center; }
td.dtarw { color: #FFF; font-size: 8pt; text-align: right; }
td.dta1wa {
	color: #000;
	font-size: 8pt;
	text-align: left;
	border-bottom: 2px solid #999;
	vertical-align: bottom;
}
td.dta0wa {
	color: #000;
	font-size: 8pt;
	text-align: left;
	border-bottom: 1px solid #999;
	vertical-align: bottom;
}
td.dtacwa {
	color: #000;
	font-size: 8pt;
	text-align: center;
	border-bottom: 2px solid #999;
	vertical-align: bottom;
}
td.dtarwa {
	color: #000;
	font-size: 8pt;
	text-align: right;
	border-bottom: 2px solid #999;
	vertical-align: bottom;
}
td.dta1wb {
	color: #000;
	font-size: 8pt;
	text-align: left;
	vertical-align: bottom;
}
td.dta1wa7 {
	color: #000;
	font-size: 7pt;
	text-align: left;
	border-bottom: 2px solid #999;
	vertical-align: bottom;
}
td.dtacwa7 {
	color: #000;
	font-size: 7pt;
	text-align: center;
	border-bottom: 2px solid #999;
	vertical-align: bottom;
}
td.f0l { font-size: 6pt; vertical-align: top; text-align: left; }
td.f0c { font-size: 6pt; vertical-align: top; text-align: center; }
td.f0r { font-size: 6pt; vertical-align: top; text-align: right; }
td.f1l { font-size: 7pt; vertical-align: top; text-align: left; }
td.f1c { font-size: 7pt; vertical-align: top; text-align: center; }
td.f1r { font-size: 7pt; vertical-align: top; text-align: right; }
tr.MatrixNote td {
	font-size: 8pt;
	padding-left: 10px;
	font-style: italic;
	vertical-align: top;
}
.MatrixNotes {
	padding-left: 10px;
	font-size: 8pt;
	vertical-align: top;
	text-align: left;
	font-style: italic;
}
.MatrixNotesTitle {
	padding-left: 10px;
	font-size: 8pt;
	vertical-align: top;
	text-align: left;
	font-style: italic;
	border-top: 1px dashed #CCC;
	background-color: #FEFEFE;
}
td.f2c { vertical-align: top; text-align: center; }
td.f2r, td.f2rt { vertical-align: top; text-align: right; }
td.f2rb { vertical-align: top; text-align: right; font-weight: bold; }
td.f2lbb { vertical-align: bottom; text-align: left; font-weight: bold; }
td.f2rbb { vertical-align: bottom; text-align: right; font-weight: bold; }
td.f2cbb { vertical-align: bottom; text-align: center; font-weight: bold; }
.f2l, td.f2l { vertical-align: top; text-align: left; }
td.d2l, span.d2l {
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}
td.f3l { vertical-align: top; text-align: left; }
td.f3c { vertical-align: top; text-align: center; }
td.f3r { vertical-align: top; text-align: right; }
td.f3lb { vertical-align: top; text-align: left; font-weight: bold; }
td.f3cb { vertical-align: top; text-align: center; font-weight: bold; }
td.f3rb { vertical-align: top; text-align: right; font-weight: bold; }
td.f3lbb { vertical-align: bottom; text-align: left; font-weight: bold; }
td.f4l { vertical-align: top; text-align: left; }
td.f4c { vertical-align: top; text-align: center; }
td.f4r { vertical-align: top; text-align: right; }
td.f4lb { vertical-align: top; text-align: left; font-weight: bold; }
td.f4cb {
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	line-height: 16px;
}
td.h3l { vertical-align: top; text-align: left; line-height: 26px; }
tr.data { font-weight: bold; color: #FFF; background-color: #900; }
tr.data0 { background-color: #CFF; }
tr.data1 { background-color: #CFC; }
tr.data00, tr.data10, tr.data20 { background-color: #CFF; }
tr.data30, tr.data40, tr.data50 { background-color: #CFF; text-decoration: line-through; }
tr.data60 { background-color: #CFF; }
tr.data01, tr.data11, tr.data21 { background-color: #CFC; }
tr.data31, tr.data41, tr.data51 { background-color: #CFC; text-decoration: line-through; }
tr.data61 { background-color: #CFC; }
tr.hlinet { background-color: #333; height: 2pt; }
tr.hline { background-color: #333; height: 1pt; }
tr.hline2 { background-color: #080808; height: 4pt; }
tr.space { background-color: #FFF; height: 15pt; }
tr.header, tr.header td { font-weight: bold; color: #FFF; background-color: #002F6C; }
tr.headerc, tr.headerc td {
	font-weight: bold;
	color: #FFF;
	background-color: #900;
	text-align: center;
	vertical-align: top;
}
tr.headerd { font-weight: bold; color: #FFF; background-color: #633; }
tr.headerm { font-weight: bold; color: #FFF; background-color: #C33; }
tr.header2 { font-weight: bold; color: #FF0; background-color: #6B92C1; }
tr.hdr1 {
	font-size: 7pt;
	font-weight: normal;
	color: #FFF;
	background-color: #77084C;
}
tr.hdr1a {
	font-size: 7pt;
	font-weight: normal;
	color: #222;
	background-color: #F9DB2E;
}
tr.hdr1d {
	font-size: 7pt;
	font-weight: normal;
	color: #222;
	background-color: #F9DB2E;
	text-decoration: line-through;
}
td.detail, td.detail0 { font-weight: bold; }
td.detail1 { font-size: 8pt; font-weight: bold; }
td.btn, td.btn0 {
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	color: #000;
}
td.btn1 {
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	color: #00F;
}
td.btn2 {
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	color: #69F;
}
td.btn0b {
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	color: #000;
}
td.btn1b {
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	color: #00F;
}
td.hline { background-color: #333; height: 1pt; }
td.vline { background-color: #080808; width: 1pt; }
td.vlineb { background-color: #FFF; width: 1pt; }
td.space { height: 15pt; }
td.headl { font-weight: bold; text-align: left; }
td.header, td.headerc { font-weight: bold; text-align: center; }
td.delete { text-decoration: line-through; text-align: center; }
td.deleta { text-decoration: none; color: #000; }
td.Rpt { font-size: 8pt; text-decoration: underline; }
td.Rpt7U {
	font-size: 7pt;
	border-width: medium medium 1px;
	border-style: none none solid;
	border-color: currentcolor currentcolor #999;
	border-image: none;
}
td.Rpt8U {
	font-size: 8pt;
	border-width: medium medium 1px;
	border-style: none none solid;
	border-color: currentcolor currentcolor #999;
	border-image: none;
}
td.Rpt9U, td.Rpt10U {
	border-width: medium medium 1px;
	border-style: none none solid;
	border-color: currentcolor currentcolor #999;
	border-image: none;
}
.po { color: #300; text-decoration: none; font-weight: bold; }
.status0 { color: #000; text-decoration: none; font-weight: normal; }
.status1 { color: #009; text-decoration: none; font-weight: bold; }
.status2 { color: #090; text-decoration: none; font-weight: bold; }
.status3 { color: #900; text-decoration: none; font-weight: bold; }
.status4 { color: #C00; text-decoration: none; font-weight: bold; }
.status5 { color: #7E7E7E; text-decoration: none; font-weight: normal; }
.status6 { color: #090; text-decoration: none; font-weight: bold; }
.status1r {
	color: #009;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
}
tr.headerI, tr.dataI { text-align: center; }
tr.hlineI { background-color: #000; height: 1pt; }
td.vlineI { background-color: #000; width: 1pt; }
td.hlineI { background-color: #000; height: 1pt; }
td.space { width: 3pt; }
td.tear { font-size: 6pt; font-style: italic; text-align: center; }
td.NoteT { text-align: center; vertical-align: middle; }
td.NoteB { text-align: center; vertical-align: bottom; }
td.NoteBL { text-align: left; vertical-align: bottom; }
td.NoteBR { text-align: right; vertical-align: bottom; }
tr.Note1 { text-align: center; background-color: #FFC; color: #C00; }
td.ChartH { text-align: center; vertical-align: bottom; }
td.ChartHRL { text-align: center; vertical-align: bottom; border-right: 2px solid #77084C; }
td.NoteS, td.Chk { text-align: left; vertical-align: top; }
td.Chkc { text-align: center; vertical-align: top; }
td.menu { text-align: center; }
td.menu1 { text-align: center; color: #55062A; }
td.menu2, td.menu3 { text-align: center; }
td.menu2bTy { text-align: center; border-top: 1px solid #D5970A; }
td.fh1l { text-align: left; }
td.fh1r { text-align: right; }
td.fh1c { text-align: center; }
td.RptL {
	border-width: medium medium 1.5pt;
	border-style: none none solid;
	border-color: currentcolor currentcolor windowtext;
	border-image: none;
	text-align: left;
}
td.RptC {
	border-width: medium medium 1.5pt;
	border-style: none none solid;
	border-color: currentcolor currentcolor windowtext;
	border-image: none;
	text-align: center;
}
td.RptR {
	border-width: medium medium 1.5pt;
	border-style: none none solid;
	border-color: currentcolor currentcolor windowtext;
	border-image: none;
	text-align: right;
}
td.Report {
	font-size: 8pt;
	border-bottom: 1px solid #999;
	text-align: left;
	vertical-align: top;
}
td.ReportR {
	font-size: 8pt;
	border-bottom: 1px solid #999;
	text-align: right;
	vertical-align: top;
}
td.ReportC {
	font-size: 8pt;
	border-bottom: 1px solid #999;
	text-align: center;
	vertical-align: top;
}
td.ChartC {
	font-size: 8pt;
	border-bottom: 1px solid #77084C;
	text-align: center;
	vertical-align: top;
}
td.ChartCRL {
	font-size: 8pt;
	border-bottom: 1px solid #77084C;
	border-right: 2px solid #77084C;
	text-align: center;
	vertical-align: top;
}
td.ReportVAM {
	font-size: 8pt;
	border-bottom: 1px solid #999;
	text-align: left;
	vertical-align: middle;
}
td.ReportRVAM {
	font-size: 8pt;
	border-bottom: 1px solid #999;
	text-align: right;
	vertical-align: middle;
}
td.ReportCVAM {
	font-size: 8pt;
	border-bottom: 1px solid #999;
	text-align: center;
	vertical-align: middle;
}
td.ReportC1 {
	font-size: 7pt;
	border-bottom: 1px solid #999;
	text-align: center;
	vertical-align: top;
}
td.ReportC2 {
	font-size: 6pt;
	border-bottom: 1px solid #999;
	text-align: center;
	vertical-align: top;
}
td.Reportb {
	font-size: 8pt;
	border-bottom: 1px solid #999;
	text-align: left;
	vertical-align: bottom;
}
td.ReportbC {
	font-size: 8pt;
	border-bottom: 1px solid #999;
	text-align: center;
	vertical-align: bottom;
}
td.ReportS { font-size: 7pt; border-bottom: 1px solid #999; vertical-align: top; }
td.ReportSX {
	font-size: 7pt;
	border-bottom: 1px solid #999;
	vertical-align: top;
	border-right: 1px solid #999;
}
td.ReportX { font-size: 8pt; border-bottom: 1px solid #999; border-right: 1px solid #999; }
td.Report1 {
	font-size: 6pt;
	border-width: medium medium 1.5pt;
	border-style: none none solid;
	border-color: currentcolor currentcolor windowtext;
	border-image: none;
	text-align: left;
}
td.Report1C {
	font-size: 6pt;
	border-width: medium medium 1.5pt;
	border-style: none none solid;
	border-color: currentcolor currentcolor windowtext;
	border-image: none;
	text-align: center;
}
td.Report1R { font-size: 6pt; border-bottom: 1px solid #999; border-right: 2px solid #D5970A; }
td.ReportRX {
	font-size: 8pt;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	text-align: right;
}
td.Report2 {
	border-width: medium medium 1.5pt;
	border-style: none none solid;
	border-color: currentcolor currentcolor windowtext;
	border-image: none;
}
td.Report2R {
	border-width: medium medium 1.5pt;
	border-style: none none solid;
	border-color: currentcolor currentcolor windowtext;
	border-image: none;
	text-align: right;
}
td.Report2C, td.Report2c {
	border-width: medium medium 1.5pt;
	border-style: none none solid;
	border-color: currentcolor currentcolor windowtext;
	border-image: none;
	text-align: center;
}
td.Report2RX { border-bottom: 1.5pt solid windowtext; border-right: 1px solid #999; text-align: right; }
td.ReportT { border-top: 1px solid #999; text-align: left; vertical-align: top; }
td.ReportTc { border-top: 1px solid #999; text-align: center; vertical-align: top; }
td.ReportTcDash {
	border-top: 1px solid #999;
	border-right: 0.5pt dashed #BBB;
	text-align: center;
	vertical-align: top;
}
td.ReportTDash { border-top: 1px dashed #999; text-align: left; vertical-align: top; }
td.ReportTr { border-top: 1px solid #999; text-align: right; vertical-align: top; }
td.ReportTL {
	border-top: 1px solid #999;
	text-align: center;
	vertical-align: top;
	border-left: 1px solid #999;
}
td.ReportTLDash {
	border-top: 1px solid #999;
	text-align: center;
	vertical-align: top;
	border-left: 1px solid #999;
	border-right: 0.5pt dashed #BBB;
}
td.ReportTRc {
	border-top: 1px solid #999;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #999;
}
td.ReportTRr {
	border-top: 1px solid #999;
	text-align: right;
	vertical-align: top;
	border-right: 1px solid #999;
}
td.ReportTLl {
	border-top: 1px solid #999;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #999;
}
td.ReportTRl {
	border-top: 1px solid #999;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #999;
}
td.ReportTBLl {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #999;
}
td.ReportTBRl {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #999;
}
td.ReportLl { text-align: left; vertical-align: top; border-left: 1px solid #999; }
td.ReportLlDash {
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #999;
	border-right: 0.5pt dashed #BBB;
}
td.ReportRl { text-align: left; vertical-align: top; border-right: 1px solid #999; }
td.RptTitle {
	font-size: 16pt;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
tr.admin, td.admin, span.admin { background-color: #FFC; }
.alert {
	background-color: #FFC;
	color: #F00;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	margin: 3px;
	padding-right: 3px;
	padding-left: 3px;
}
div.alert, span.alert {
	background-color: #FFC;
	color: #F00;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	margin: 3px;
	padding: 3px;
}
span.alert1 {
	background-color: #FFC;
	color: #000;
	text-align: center;
	font-weight: bold;
	margin: 3px;
	padding: 3px;
}
span.alert-box, div.alert-box {
	background-color: #FFC;
	color: #F00;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	margin: 3px;
	padding: 3px;
}
.NCdatabaseHomePage {
	display: block;
	position: relative;
	width: 100%;
	height: 200px;
}
.NCdatabaseLogoHome1 {
	display: block;
	position: absolute;
	background: url("/Graphics/NCDatabase_logo25.gif") 0 0 no-repeat;
	width: 228px;
	height: 222px;
	top: 0;
	left: 200px;
}
.NCdatabaseLogoHome {
	display: block;
	position: absolute;
	background: url("/Graphics/NCDatabase_Logo25b.gif") 0 0 no-repeat;
	width: 225px;
	height: 225px;
	top: 30px;
	left: 200px;
}
.NCdatabaseLogo1 {
	display: block;
	position: absolute;
	background: url("/Graphics/NCDatabase_logo10.gif") 0 0 no-repeat;
	width: 91px;
	height: 89px;
	right: 0;
	top: 10%;
}
.NCdatabaseLogo {
	display: block;
	position: absolute;
	background: url("/Graphics/NCDatabase_logo10b.gif") 0 0 no-repeat;
	width: 91px;
	height: 89px;
	right: 0;
	top: 6%;
}
td.dataRB { text-align: right; font-weight: bold; }
.content { display: none; }
.expander-toggle-2014 {
	font-size: 7pt;
	padding-left: 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 7px 7px;
}
.expander-toggle-2014 { font-style: italic; border-bottom: thin solid #F00; color: #F3F; }
.expander-toggle-2014.expanded { background-image: url("/images/arrow_opened_up.png"); }
.expander-toggle-2014.collapsed { background-image: url("/images/arrow_closed.png"); }
.TitleShadow { text-align: center; }
.TitleBlock {
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
	width: 50%;
	min-height: 100px;
	position: relative;
	border: 1px solid #7C5D06;
	color: #77084C;
	background: #FFFFE0;
}
div.PageTitle {
	margin: 5px;
	padding: 5px;
	color: #FFF;
	background-color: #002F6C;
	border: 1px solid #0032A0;
	border-radius: 5px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
.GoogleSearchButton {
	font-size: 9px;
	background-color: #FBD97A;
	border-color: #FAD264;
	color: #77084C;
	border-radius: 10px;
}
.GoogleSearchButton:hover { background-color: #F7B90C; }
a.PG_2Line { border-radius: 20px; }
span.PageButtonSmall { font-size: 8pt; padding: 3px 5px; }
input[type="button"].PageButton, input[type="submit"].PageButton { font-size: 8pt; }
a.ButtonSpace { margin-right: 20px; }
div.MainContainer {
	width: 100%;
	height: auto;
	padding: 3px 0 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
div.MainHeader {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}
.HeaderTop {
	font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Calibri, Arial, sans-serif;
	height: 90px;
	width: 100%;
	margin: 0;
	padding-top: 15px;
	padding-left: 70px;
	background-color: #77084C;
	font-size: 4em;
	color: #FFF;
	display: block;
	background-image: url("/logos/OI_LOGO.png");
	background-repeat: no-repeat;
	background-position: left 10px center;
	text-align: center;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.HeaderTop a.HeaderLogoMap {
	float: left;
	width: 70px;
	height: 65px;
	margin-left: -60px;
	margin-top: 5px;
}
.HeaderSearch {
	width: 100%;
	margin: 0;
	padding: 0 10px 0 0;
	background-color: #77084C;
	text-align: right;
}
.HeaderBottomBar {
	height: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #F7B90C;
}
.HeaderBottom {
	display: block;
	height: 55px;
	width: 760px;
	margin: 0;
	padding: 0;
	background-color: #77084C;
	text-align: left;
	vertical-align: bottom;
}
div.HeaderTab {
	display: block;
	width: 100%;
	height: 55px;
	margin: 0 0 0 4px;
	padding: 0;
	font-family: "Helvetica Neue", Calibri, Arial;
	font-weight: bold;
	color: #77084C;
	text-align: left;
	vertical-align: bottom;
	position: relative;
}
.HeaderTab a {
	text-decoration: none;
	color: #77084C;
	display: inline-block;
	width: 120px;
	height: 52px;
	margin: 0 0 0 1px;
	padding: 2px 5px;
	font-size: 1.4em;
	text-align: center;
	vertical-align: middle;
	position: relative;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: -webkit-linear-gradient(top, #FCE6A7 20%, #F7B90C 100%);
}
.HeaderTab a:hover { text-decoration: none; color: #9C4B7D; }
.HeaderTab a.ver2 {
	font-size: 0.9em;
	width: 90px;
	height: 40px;
	vertical-align: bottom;
}
.HeaderTab span.selected { background: #FCE6A7; }
div.MainBodyContainer {
	margin: 0;
	padding: 3px;
	width: 644px;
	display: inline-block;
	background-color: #FFF;
	float: left;
}
div.MainBodyContainerBottom {
	width: 760px;
	padding: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	display: block;
	text-align: center;
	height: 101px;
	background: url("/Images/footer.gif") center bottom no-repeat;
}
span.Home {
	background-image: url("/logos/PresLogo.jpg");
	background-size: 292px auto;
	background-repeat: no-repeat;
	background-position: 0 20px;
	width: 642px;
	height: 300px;
	display: table;
}
span.HomeRight {
	font-family: "Helvetica Neue", Calibri, Arial;
	font-size: 2em;
	font-weight: bold;
	display: table-cell;
	color: #77084C;
	margin: 0;
	padding-left: 325px;
	vertical-align: middle;
}
span.HomeRight a { font-family: "Helvetica Neue", Calibri, Arial; color: #8A2B66; }
span.HomeRight a:hover { color: #77084C; text-decoration: underline; }
span.HomeRightBottom {
	float: right;
	margin-right: 50px;
	font-size: 0.6em;
	color: #77084C;
}
.MenuBlock {
	display: inline-block;
	position: relative;
	width: 106px;
	background-color: #F7B90C;
	text-align: center;
	margin: 0;
	padding: 2px;
	font-size: 1em;
	float: left;
}
.MenuBlock .logo { background-color: #FFFFE0; margin: 0 -2px -2px; }
a.MenuItem, div.MenuItem {
	display: block;
	text-align: center;
	margin: 2px 0 6px;
	padding: 3px 0;
	border-radius: 10px;
}
a.MenuItem:hover { background-color: #F9DB2E; }
a.MenuItem.MenuSmall, .MenuSmall { font-size: 0.85em; }
a#MenuItem, div#MenuItem {
	display: block;
	text-align: center;
	margin: 2px 0 6px;
	padding: 3px 0;
}
a#MenuItem:hover { background-color: #F9DB2E; }
a#MenuItem.MenuSmall { font-size: 0.85em; }



/* --------------------------------------------------------------------------
   NEVER WORKED - these were in the old files but browsers ignored them
   because of typos. Left out so nothing changes; uncomment to enable.

   cra.css had "td.FaC, td..FaC, .fac" - the double dot killed the whole rule:
	td.FaC, .fac { text-align: center !important; }

   cra.css + style_ColorFontsBorders.css had a ColdFusion comment <!--- ---> in
   the CSS, which swallowed the rule right after it:
	tr.hil { font-weight: bold; background-color: #FFC; }
   -------------------------------------------------------------------------- */


/* ==========================================================================
   5. BUTTONS & MENU BARS
      (from StyleButton.css)
   ========================================================================== */

a.PageButton {
	line-height: 100%;
	display: inline-block;
	margin: 3px 5px 5px;
	padding: 3px 15px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	border-radius: 5px;
	text-decoration: none;
}
a.PageButtonSmall {
	line-height: 100%;
	display: inline-block;
	text-align: center;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	text-decoration: none;
}
a.PageButtonTiny {
	line-height: 100%;
	display: inline-block;
	text-align: center;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	text-decoration: none;
	font-size: 7pt !important;
}
a.LeadersMenuButton {
	line-height: 100%;
	display: inline-block;
	margin: 3px 5px 5px;
	padding: 3px 15px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	border-radius: 5px;
	text-decoration: none;
}
a.LeadersMenuButtonSel, a.PageButtonSel {
	line-height: 100%;
	display: inline-block;
	margin: 3px 5px 5px;
	padding: 3px 15px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	border: 1px solid #8E744B;
	border-radius: 5px;
	text-decoration: none;
}
a.PageButtonBig, a.PageButtonHuge {
	line-height: 100%;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	text-decoration: none;
}
input.PageButton {
	line-height: 100%;
	display: inline-block;
	margin: 3px 5px 5px;
	padding: 3px 15px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	border-radius: 5px;
	text-decoration: none;
}
input.PageButtonSmall {
	line-height: 100%;
	display: inline-block;
	text-align: center;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	text-decoration: none;
}
.ui-dialog-buttonset button {
	line-height: 100%;
	display: inline-block;
	text-align: center;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	text-decoration: none;
	font-size: 8pt !important;
}
.gsc-search-button input, button.PageButton {
	line-height: 100%;
	display: inline-block;
	margin: 3px 5px 5px;
	padding: 3px 15px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	border-radius: 5px;
	text-decoration: none;
}
button.PageButtonSmall {
	line-height: 100%;
	display: inline-block;
	text-align: center;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	text-decoration: none;
	font-size: 8pt;
}
a.PageButtonSel { color: #FFF; background-color: #8E744B; }
.ui-dialog-buttonset button {
	border-radius: 5px;
	margin: 2px 5px;
	padding: 2px 8px;
	font-weight: normal;
}
a.PageButtonSmall, input.PageButtonSmall {
	border-radius: 5px;
	margin: 2px 5px;
	padding: 2px 8px;
	font-size: 8pt;
	font-weight: normal;
}
button.PageButtonSmall {
	border-radius: 5px;
	margin: 2px 5px;
	padding: 2px 8px;
	font-weight: normal;
}
a.PageButtonTiny {
	border-radius: 5px;
	margin: 1px 0;
	padding: 1px 3px;
	font-weight: normal;
}
a.PageButtonBig, a.PageButtonHuge {
	border-radius: 5px;
	margin: 5px 10px;
	padding: 10px 15px;
	font-size: 14pt;
}
a.LeadersMenuButtonSel { color: #FFF; background-color: #8E744B; }
a.PageButton:hover,
a.PageButtonSmall:hover,
a.PageButtonTiny:hover,
a span.PageButton:hover,
a.LeadersMenuButton:hover,
a.PageButtonBig:hover,
a.PageButtonHuge:hover,
input.PageButton:hover,
input.PageButtonSmall:hover {
	color: #000;
	background-color: #FFC72C;
	text-decoration: none;
	cursor: pointer;
}
a.PageButtonSel:hover {
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
	background-color: #C69C38;
}
.ui-dialog-buttonset button:hover, button.PageButton:hover, button.PageButtonSmall:hover {
	color: #000;
	background-color: #FFC72C;
	text-decoration: none;
	cursor: pointer;
}
a.LeadersMenuButtonSel:hover {
	color: #FFF;
	background-color: #C69C38;
	text-decoration: none;
	cursor: pointer;
}
a.PageButton:visited,
a.PageButtonSmall:visited,
a.PageButtonTiny:visited,
a span.PageButton:visited,
a.LeadersMenuButton:visited {
	text-decoration: none;
}
a.PageButton span, a.PageButtonSmall span, a.PageButtonTiny span { color: #17468F; }
div.Arrow {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 15px;
	height: 15px;
}
div.ArrowFirst { background-image: url("/images/page_first_sico.gif"); }
div.ArrowPrevious { background-image: url("/images/page_previous_sico.gif"); background-size: 80% auto; }
div.ArrowNext { background-image: url("/images/page_next_sico.gif"); background-size: 80% auto; }
div.ArrowLast { background-image: url("/images/page_last_sico.gif"); }
a.pad10 { margin-left: 10px; }
a.pad20, span.pad20 { margin-left: 20px; }
a.pad25 { margin-left: 25px; }
a.pad30, span.pad30 { margin-left: 30px; }
a.pad40 { margin-left: 40px; }
a.pad50, span.pad50 { margin-left: 50px; }
a.pad100 { margin-left: 100px; }
a.pad150 { margin-left: 150px; }
a.pad200 { margin-left: 200px; }
a.pad250 { margin-left: 250px; }
a.pad300 { margin-left: 300px; }
a.pad400 { margin-left: 400px; }
a.pad500 { margin-left: 500px; }
a.padR10 { margin-right: 10px; }
a.padR20 { margin-right: 20px; }
a.padR25 { margin-right: 25px; }
a.padR30 { margin-right: 30px; }
a.padR40 { margin-right: 40px; }
a.padR50 { margin-right: 50px; }
a.padR100 { margin-right: 100px; }
a.padR200 { margin-right: 200px; }
a.padR300 { margin-right: 300px; }
a.padR400 { margin-right: 400px; }
a.padR500 { margin-right: 500px; }
.debug { border: 1px dotted #468; }
div.LeadersMenuBar {
	font-size: 9pt;
	color: #000;
	background-color: #E7EEF6;
	border-top: 1px solid #86A9CE;
	border-bottom: 1px solid #3868A6;
	margin: 0;
	padding: 3px 0;
	text-align: center;
}
div.LeadersMenuBarButtons {
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-flow: wrap;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}
div.LeadersMenuBarButtons a {
	width: auto;
	min-width: 225px;
	max-width: 225px;
	text-align: center;
	flex: 1 1 0%;
}
div.OfficersSelRow {
	width: 100%;
	height: auto;
	display: flex;
	flex-flow: wrap;
}
div.OfficerBox, div.OfficerBoxSel {
	display: inline-block;
	position: relative;
	float: none;
	font-size: 8pt;
	margin: 2px 5px 0 0;
	padding: 3px 10px;
	text-align: center;
	vertical-align: top;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	border-radius: 5px;
	width: auto;
	height: auto;
}
div.OfficerBoxSel:hover { color: #000; background-color: #FFC72C; cursor: pointer; }
div.ClubSelButtons { display: flex; flex-flow: wrap; }
div.ClubSelButtons a { flex: 1 1 0%; }
div.OfficerSelect {
	width: 100%;
	height: auto;
	margin: 2px 5px;
	padding: 0;
	display: flex;
	flex-flow: wrap;
}
div.OfficerSelect a {
	width: auto;
	min-width: 300px;
	max-width: 400px;
	margin: 2px 5px;
	padding: 3px;
}
div.lvlZoneBlock {
	width: 100%;
	height: auto;
	margin: 2px 5px 10px;
	padding: 0;
	display: flex;
	flex-flow: wrap;
}
div.lvlZoneBlock a {
	min-width: 200px;
	margin: 2px 5px 3px;
	padding: 3px 5px;
	text-align: left;
	width: auto;
	font-size: 9pt;
}
span.Button_ReportMenu {
	display: inline-block;
	margin: 2px;
	padding: 3px 8px;
	color: #77084C;
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	background-color: #F8C638;
	border: 1px solid #F8C638;
	border-radius: 10px;
}
span.Button_SelectDistrict, a.Button_SelectDistrict {
	display: inline-block;
	margin: 2px;
	padding: 3px 8px 2px;
	color: #77084C;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	background-color: #F8C638;
	border: 1px solid #F8C638;
	border-radius: 7px;
}
span.Button_SelectZone, a.Button_SelectZone {
	display: inline-block;
	margin: 2px;
	padding: 3px 8px 1px;
	color: #77084C;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	background-color: #F8C638;
	border: 1px solid #F8C638;
	border-radius: 8px;
}
span.Button_SelectClub1, a.Button_SelectClub1 {
	display: inline-block;
	margin: 1px 0 3px 10px;
	padding: 2px 5px;
	width: 98%;
	font-weight: normal;
	text-align: left;
	color: #17468F;
	background-color: #F3E7B2;
	border: 1px solid #8E744B;
	border-radius: 5px;
}
span.Button_SelectClub2, a.Button_SelectClub2 {
	display: inline-block;
	margin: 1px;
	padding: 1px 3px;
	width: 98%;
	color: #000;
	font-weight: normal;
	text-align: left;
	background-color: #F2E2D9;
	border-radius: 4px;
}
a.Button_SelectClub1:hover {
	color: #000;
	background-color: #FFC72C;
	text-decoration: none;
	cursor: pointer;
}
div.OfficersBlock {
	font-size: 9pt;
	text-align: center;
	-webkit-box-align: center;
	align-items: flex-start;
	-webkit-box-pack: center;
	justify-content: center;
	display: flex;
	flex-flow: wrap;
}
div.OfficersBlock a {
	width: auto;
	min-width: 250px;
	max-width: 250px;
	margin: 2px 5px 3px;
	padding: 3px 5px 3px 10px;
	color: #000;
	background-color: #F8F1D6;
	border: thin solid #8E744B;
	text-align: center;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	border-radius: 5px;
	flex: 1 1 0%;
}
div.OfficersBlock a:hover { background-color: #FFE18E; }
div.OfficersBlock span {
	width: auto;
	min-width: 250px;
	max-width: 250px;
	margin: 2px 5px 3px;
	padding: 3px 5px 3px 10px;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	border-radius: 5px;
	flex: 1 1 0%;
}
div.MemberBlock { font-size: 9pt; display: flex; flex-flow: wrap; }
div.MemberBlock > a {
	width: auto;
	min-width: 300px;
	max-width: 300px;
	margin: 2px 5px 3px;
	padding: 3px 5px 3px 10px;
	color: #000;
	background-color: #F8F1D6;
	border: thin solid #8E744B;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	border-radius: 5px;
	flex: 1 1 0%;
}
div.MemberBlock > a:hover { background-color: #FFE18E; }
div.MemberBlock > a.Adjustment { background-color: #CFF7E8; }
div.MemberBlock > a.Adjustment:hover { background-color: #D1D6A9; }
div.ReportsSections {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	width: auto;
}
div.ReportsSections div.ReportsButtonsBox {
	background-color: #F7F7F6;
	border: 1px solid #B8DAF1;
	border-radius: 5px;
	margin: 5px 10px 10px 0;
	padding: 10px;
	min-width: 300px;
	max-width: 33%;
	z-index: 1;
}
div.ReportsButtonsHeader {
	position: relative;
	font-size: 10pt;
	font-weight: bold;
	color: #000;
	background-color: #E7EEF6;
	border: 1px solid #3868A6;
	border-radius: 5px 5px 0 0;
	margin: 0;
	padding: 3px 5px;
	text-align: left;
	left: -11px;
	top: -11px;
	width: calc(100% + 22px);
	z-index: 2;
}
div.ReportsButtonsHeader span {
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	padding-left: 10px;
}
div.ReportsButtons {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: center;
	margin: 2px 5px;
}
div.ReportsButtons a {
	width: auto;
	min-width: 100px;
	max-width: 350px;
	text-align: center;
	margin: 2px 5px;
	padding: 3px 10px;
}
div.LeadersButtons {
	padding: 3%;
	height: 100%;
	background-color: #FFF;
	margin-top: 5px;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
div.LeadersButtons a, div.LeadersButtons button {
	border: thin solid #8E744B;
	margin-right: 30px;
	vertical-align: middle;
}
a.TextMoveDown { padding-top: 8px; }
div.LeadersBottomButtons {
	padding: 3%;
	width: 100%;
	background-color: #FFF;
	margin-top: 5px;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
div.LeadersTopButtons {
	padding: 3%;
	width: 100%;
	background-color: #FFF;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
div.ReportButtons, div.RptBtns {
	padding: 3%;
	width: 100%;
	background-color: #FFF;
	margin-top: 5px;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
div.LeadersTopButtons { margin-top: 0; }
div.LeadersBottomButtons a, div.LeadersTopButtons a {
	border: thin solid #8E744B;
	margin: 10px;
	width: auto;
	min-width: 200px;
	max-width: 200px;
	text-align: center;
	flex: 1 1 0%;
}
div.ReportButtons a {
	border: thin solid #8E744B;
	margin: 10px;
	width: auto;
	min-width: 200px;
	max-width: 200px;
	text-align: center;
}
div.FlexSelect { font-size: 9pt; display: flex; flex-flow: wrap; }
div.FlexSelect > div {
	width: auto;
	min-width: 100px;
	max-width: 800px;
	margin: 2px 5px 3px;
	padding: 3px 5px 3px 10px;
	color: #000;
	background-color: #FDFCF4;
	border: thin solid #FFC72C;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	border-radius: 5px;
	height: auto;
	flex: 0 0 auto;
}
div.FlexSelect > div:hover { background-color: #FFE18E; }
div.FlexSelect > div > a {
	display: inline;
	position: relative;
	float: right;
	margin-right: 5px;
	margin-left: 5px;
}
div.FlexSelect > div.fcHiLit { background-color: #FFC72C; }


/* ==========================================================================
   6. LEADERS: titles, headers, BorBox panels, messages, print
      (from leaders.css)
   ========================================================================== */

@media print {
	.ReportButtons,
	.ReportButtons *,
	.LeadersButtons,
	.LeadersButtons *,
	.LeadersBottomButtons,
	.LeadersBottomButtons *,
	.HideWhenPrint,
	.HideWhenPrint *,
	.FormInput,
	div#cf_debug,
	[style*="font-size:.8em"],
	.no-print,
	.no-print *,
	.hide-on-print,
	.hide-on-print *,
	.wonderchat-wrapper,
	#wonderchat {
		display: none !important;
	}
	div#OI_HeaderMain { min-height: 0; padding-top: 0; }
	.ShowWhenPrint { display: block !important; }
	table.PageBreak { break-inside: auto; break-after: auto; break-before: avoid; }
	table.PageBreak tr, table tr.PageBreak { break-inside: avoid; break-after: auto; }
	table.PageBreak thead { display: table-header-group; }
	table.PageBreak tfoot { display: table-footer-group; }
}
div.ctr { width: auto; text-align: center; }
div.LeadersTitle {
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
	width: auto;
	color: #002F6C;
	background-color: #D4E9F6;
	border-top: thin solid #4E7DAC;
}
div.LeadersTitleNote {
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
	padding: 3px 6px;
	margin-bottom: 10px;
	width: auto;
	color: #FFF;
	background-color: #17468F;
	border-top: thin solid #ACBDC7;
	border-bottom: thin solid #ACBDC7;
}
div.LeadersTitleNote a { color: #FFF; }
div.ReportTitle {
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
	margin-bottom: 10px;
	width: auto;
	color: #002F6C;
	background-color: #D4E9F6;
	border-top: thin solid #4E7DAC;
	border-bottom: thin solid #4E7DAC;
}
div.ReportTitleNote {
	font-size: 9pt;
	font-weight: normal;
	text-align: center;
	padding: 3px 6px;
	margin-bottom: 10px;
	width: auto;
	color: #002F6C;
	background-color: #EDF1F2;
	border-top: thin solid #ACBDC7;
	border-bottom: thin solid #ACBDC7;
}
option.ReportHeader1 {
	color: #FFF;
	background-color: #002F6C;
	border-bottom: thin solid #FFD093;
	border-top: thin solid #FFD093;
	font-size: 12pt;
	font-weight: normal;
	text-align: left;
	padding: 3px 6px;
	margin: 0;
}
div.ReportHeader1 {
	font-weight: normal;
	text-align: left;
	padding: 3px 6px;
	margin: 0;
}
div.ReportHeader2 {
	color: #000;
	background-color: #9BCBEB;
	border-bottom: thin solid #663515;
	border-top: thin solid #663515;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding: 3px 6px;
	margin: 0;
}
div.ReportHeader3, div.ReportHeader4 {
	font-weight: normal;
	text-align: left;
	padding: 3px 6px;
	margin: 0;
}
div.ReportHeader5 {
	border-bottom: thin solid #663515;
	font-weight: normal;
	text-align: left;
	padding: 3px 6px;
	margin: 0;
}
tr.ReportHeader1, tr.ReportHeader2 {
	color: #000;
	background-color: #9BCBEB;
	border-bottom: thin solid #663515;
	border-top: thin solid #663515;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding: 3px 6px;
	margin: 0;
}
tr.ReportHeader3 {
	font-weight: normal;
	text-align: left;
	padding: 3px 6px;
	margin: 0;
}
tr.ReportHeader4, tr.ReportHeader5 {
	color: #000;
	background-color: #9BCBEB;
	border-bottom: thin solid #663515;
	border-top: thin solid #663515;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding: 3px 6px;
	margin: 0;
}
div.ReportHeader1 {
	color: #FFF;
	background-color: #002F6C;
	border-bottom: thin solid #FFD093;
	border-top: thin solid #FFD093;
	font-size: 9pt;
}
div.ReportHeader3, tr.ReportHeader3, div.ReportHeader4 {
	color: #000;
	background-color: #C3DDED;
	border-bottom: thin solid #728DB6;
	border-top-width: medium;
	border-top-style: none;
	border-top-color: currentcolor;
	font-size: 9pt;
}
div.ReportHeader5 {
	color: #000;
	background-color: #EAEEEF;
	border-top-width: medium;
	border-top-style: none;
	border-top-color: currentcolor;
	font-size: 8pt;
}
div.LeadersHeader1 {
	color: #FFF;
	background-color: #002F6C;
	border-bottom: thin solid #FFD093;
	border-top: thin solid #FFD093;
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
	margin-bottom: 20px;
	font-size: 13pt !important;
}
div.LeadersHeader2, div.LeadersHeader3, div.LeadersHeader4 {
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
	margin-bottom: 20px;
}
div.LeadersHeader5 {
	border-bottom: thin solid #FFD093;
	border-top: thin solid #FFD093;
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
	margin-bottom: 20px;
}
tr.LeadersHeader1 td {
	color: #FFF;
	background-color: #002F6C;
	border-bottom: thin solid #FFD093;
	border-top: thin solid #FFD093;
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
	margin-bottom: 20px;
	font-size: 13pt !important;
}
tr.LeadersHeader2 td, tr.LeadersHeader3 td, tr.LeadersHeader4 td {
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
	margin-bottom: 20px;
}
tr.LeadersHeader5 td {
	border-bottom: thin solid #FFD093;
	border-top: thin solid #FFD093;
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
	margin-bottom: 20px;
}
div.LeadersHeader2, tr.LeadersHeader2 td {
	color: #FFF;
	background-color: #17468F;
	border-bottom: thin solid #FFCD5F;
	border-top: thin solid #FFCD5F;
	font-size: 12pt !important;
}
div.LeadersHeader3, tr.LeadersHeader3 td {
	color: #000;
	background-color: #9BCBEB;
	border-bottom: thin solid #663515;
	border-top: thin solid #663515;
	font-size: 11pt !important;
}
div.LeadersHeader4, tr.LeadersHeader4 td {
	color: #FFF;
	background-color: #8E744B;
	border-bottom: thin solid #728DB6;
	border-top: thin solid #728DB6;
	font-size: 10pt !important;
}
div.LeadersHeader5, tr.LeadersHeader5 td {
	color: #000;
	background-color: #9BCBEB;
	font-size: 9pt !important;
}
div.LeadersHeader1 a, div.LeadersHeader2 a { font-size: inherit; color: #FFF; }
div.LeadersHeader3 a { font-size: inherit; }
div.LeadersHeader4 a { font-size: inherit; color: #FFF; }
div.LeadersHeader5 a,
div.LeadersHeader1 b,
div.LeadersHeader2 b,
div.LeadersHeader3 b,
div.LeadersHeader4 b,
div.LeadersHeader5 b {
	font-size: inherit;
}
div.LeadersFooter1 {
	color: #FFF;
	background-color: #002F6C;
	border-bottom: thin solid #FFD093;
	border-top: thin solid #FFD093;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
}
div.LeadersFooter2, div.LeadersFooter3 { font-weight: bold; text-align: center; padding: 3px 6px; }
div.LeadersFooter4, div.LeadersFooter5 {
	color: #FFF;
	background-color: #002F6C;
	border-bottom: thin solid #FFD093;
	border-top: thin solid #FFD093;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
}
div.LeadersFooter2 {
	color: #000;
	background-color: #DEE5EF;
	border-bottom: thin solid #0A1E3D;
	border-top: thin solid #463024;
	font-size: 9pt;
}
div.LeadersFooter3 {
	color: #000;
	background-color: #B9CFDB;
	border-bottom: thin solid #463024;
	border-top: thin solid #463024;
	font-size: 8pt;
}
.MenuLevel1 { color: #000; background-color: #99CAEA; width: auto; }
div.LeadersHeader3 a { color: #000; }
span.NoBold { font-weight: normal; }
span.AL { text-align: left; }
div.dropdown-menu li.TopLine { border-top: 1px solid #D8D1C9; }
div.Center {
	text-align: center;
	margin: 0;
	padding: 5px 10px;
	width: auto;
}
div.MessageHeader {
	color: #000;
	font-weight: bold;
	font-size: 12pt;
	background-color: #9BCBEB;
	border: 1px solid #002F6C;
	text-align: center;
	margin: 0;
	padding: 5px 10px;
	width: auto;
}
div.MessageBody {
	color: #000;
	background-color: #F5DD90;
	border: 1px solid #9E7B18;
	text-align: center;
	margin: 0;
	padding: 5px 10px;
	width: auto;
}
div.MessageOption {
	color: #000;
	background-color: #D7D2CB;
	border: 1px solid #51534A;
	text-align: left;
	margin: 0;
	padding: 5px 10px;
	width: auto;
}
#fraAccessTo { padding: 5px 5px 5px 10px; font-size: 9pt; }
.ClubDetailBlock { font-size: 9pt; }
div.Section0 { margin: 0 0 0 5px; padding: 3px 3px 6px; }
div.Section0 b { font-size: 9pt; }
div.BorBox_WidthFull {
	border: 1px solid #D7D2CB;
	margin: 0;
	padding: 0;
	background-color: #ECE8E4;
}
.BorBoxGroup { font-size: 9pt; }
div.BorBox0b { margin: 0; padding: 0; background-color: #FFFFE0; }
div.BorBox0b ul, div.BorBox0b ul li { text-align: left; }
tr.BorBox1 td { border: 1px solid #D7D2CB; }
tr.BorBox2 td { border: 2px solid #D7D2CB; }
td.BorBox1, div.BoxThinLight, span.BoxThinLight { border: 1px solid #D7D2CB; }
div.FlexBorBox {
	display: flex;
	flex-flow: wrap;
	width: auto;
	justify-content: center;
	align-items: flex-start;
}
div.BorBox0b { border: 1px solid #F5F3EF; }
div.BorBox0 {
	display: inline-block;
	margin: 3px 5px 3px 0;
	padding: 5px 10px;
	width: auto;
	max-width: 400px;
	border: thin solid #F5F3EF;
	background-color: #FEFEFB;
	vertical-align: text-top;
	font-size: 10pt;
}
div.BorBox1 {
	display: inline-block;
	margin: 3px 5px 3px 0;
	padding: 5px 10px;
	width: auto;
	max-width: 400px;
	background-color: #FEFEFB;
	vertical-align: text-top;
	font-size: 10pt;
}
span.BorBox0 {
	display: inline-block;
	margin: 3px 5px 3px 0;
	padding: 5px 10px;
	width: auto;
	max-width: 400px;
	border: thin solid #F5F3EF;
	background-color: #FEFEFB;
	vertical-align: text-top;
	font-size: 10pt;
}
div.BorBox0a {
	display: inline-block;
	margin: 3px 5px 3px 0;
	padding: 5px 10px;
	width: auto;
	max-width: 400px;
	background-color: #FEFEFB;
	vertical-align: text-top;
	font-size: 10pt;
}
div.BorBox {
	display: inline-block;
	margin: 3px 5px 3px 0;
	padding: 5px 10px;
	width: auto;
	border: thin solid #F5F3EF;
	background-color: #FEFEFB;
	vertical-align: text-top;
	font-size: 10pt;
}
div.NoMaxWidth { max-width: none; }
div.FullMaxWidth { width: 100%; max-width: none; }
div.BorBox1, div.BorBox0a { border: thin solid #B8A88E; }
div.BorBox1a {
	display: inline-block;
	margin: 3px 0 8px 3px;
	padding: 5px 10px;
	width: auto;
	max-width: 400px;
	background-color: #FEFEFB;
	border: 1px solid #D7D2CB;
	vertical-align: text-top;
	font-size: 9pt;
	text-align: left;
}
div.BorBox1b {
	display: inline-block;
	margin: 3px 0 8px 3px;
	padding: 5px 10px;
	width: auto;
	max-width: 400px;
	vertical-align: text-top;
	font-size: 9pt;
}
span.BusyCirA {
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 45px;
	border: 1px solid #FFF;
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 6px;
	margin: 5px;
	vertical-align: middle;
	text-align: center;
}
span.BusyCirB {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	border: 1px solid #FFF;
	background: url("/logos/busy30.gif") center center no-repeat;
	padding: 0;
	margin: 5px;
	vertical-align: middle;
	text-align: center;
}
div.BorBox1 div.BorBox1a { position: relative; left: -10px; width: calc(100% - 10px); }
div.BorBox1b { border: thin solid #0032A0; background-color: #FFFFE0; text-align: center; }
div.ReportsSections div.ReportsButtonsBox div.BorBox0 { background-color: #F9F9F8; font-size: 8pt; }
div.BorBox0 input[type="Checkbox"],
div.BorBox0 input[type="Radio"],
div.BorBox1 input[type="Checkbox"],
div.BorBox1 input[type="Radio"],
div.ReportsButtonsBox input[type="Checkbox"],
div.ReportsButtonsBox input[type="Radio"] {
	margin-right: 3px;
}
div.BorBox1 input[type="text"],
div.BorBox1 select,
div.BorBox1 textarea,
div.BorBox1a input[type="text"],
div.BorBox1a select,
div.BorBox1a textarea {
	width: 100%;
}
div.BorBox0 div.BoxHdr, div.BorBox1 div.BoxHdr, div.BorBox1a div.BoxHdr, div.BoxHdr {
	position: relative;
	left: -10px;
	top: -5px;
	width: calc(100% + 20px);
	background-color: #D4E9F6;
	border-bottom: thin solid #4E7DAC;
	font-weight: bold;
	text-align: left;
	padding: 3px 3px 2px 10px;
}
div.BorBox0 div.BoxSubHdr, div.BorBox1 div.BoxSubHdr, div.BorBox1a div.BoxSubHdr {
	position: relative;
	left: -10px;
	top: 0;
	width: calc(100% + 20px);
	background-color: #DEE8E1;
	border-bottom: thin solid #4E7DAC;
	font-weight: bold;
	text-align: left;
	padding: 3px 3px 2px 10px;
	margin-top: 10px;
}
div.BorBox0 div.BoxFtr, div.BorBox1 div.BoxFtr {
	position: relative;
	left: -10px;
	bottom: -5px;
	width: calc(100% + 20px);
	background-color: #D4E9F6;
	border-top: thin solid #4E7DAC;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	padding: 3px 3px 2px 10px;
}
div.BorBox0 div.BoxBod *, div.BorBox1 div.BoxBod * { font-size: 9pt; }
div.BoxBod div.BoxHdr {
	width: auto;
	background-color: #C7D3D5;
	border: thin solid #4E7DAC;
	font-weight: bold;
	text-align: left;
	margin: 5px 5px 0 10px;
	padding: 3px 3px 2px 5px;
}
div.BorBox0 a { font-size: 10pt; }
div.hdr {
	background-color: #EDF6FB;
	border-bottom: thin solid #4E7DAC;
	font-weight: bold;
	text-align: center;
	font-size: 9pt;
}
div.ftr {
	background-color: #D7D2CB;
	border-bottom: thin solid #51534A;
	font-weight: bold;
	text-align: center;
	font-size: 8pt;
}
div.FlexBox {
	display: flex;
	flex-flow: wrap;
	width: auto;
	justify-content: center;
	align-items: flex-start;
}
div.FlexBox > div.FlexChild, div.FlexBox > a.FlexBoxList, div.FlexBox > div.BorBox1 {
	flex: 1 1 0%;
	margin: 0 10px 10px;
	border-radius: 5px;
	min-width: 300px;
	max-width: 300px;
}
div.FlexBox div.BorBox1 div.BoxHdr, div.ReportsButtonsBox div.BorBox1 div.BoxHdr {
	border-radius: 5px 5px 0 0;
}
div.FlexBox div.BorBox1 div.BoxFtr { border-radius: 0 0 5px 5px; }
div.FlexBox span.FlexChild { flex: 1 1 0%; margin: 0 3px; }
div.FlexBox a.FlexBoxList {
	border: 1px solid #D7D2CB;
	margin: 5px 10px;
	padding: 5px;
	background-color: #E2F2FE;
	text-align: center;
}
div.FlexBox a.FlexBoxList:hover { cursor: pointer; background-color: #F3E7B2; }
div.Report_Main div.BorBox0a { background-color: #FFF; padding: 3px; }
div.Report_Main div.BorBox0 { background-color: #FFF; max-width: none; width: 96%; }
div.Report_Main div.BorBox0 b { font-weight: bold; font-size: 9pt; }
div.Report_Main div.BorBox0 u { text-decoration: underline; font-size: 9pt; }
div.Report_Main div.FlexBox { display: flex; flex-flow: wrap; justify-content: left; }
div.Report_Main div.FlexBox span.QA { max-width: 40%; min-width: 20%; }
.LeadersNotes {
	text-align: center;
	font-style: italic;
	font-size: 8pt;
	background-color: #E7F3FA;
	border-top: thin solid #DFDBD5;
	padding: 4px 0 5px;
}
span.SubNote {
	font-style: italic;
	font-size: 8pt;
	font-weight: lighter;
	text-align: left;
	vertical-align: middle;
}
.LoginErrorBox {
	border: thin solid #17468F;
	background-color: #FFFFE0;
	color: #F00;
	font-size: 9pt;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	vertical-align: text-top;
	width: auto;
	margin: 3px 0 8px 3px;
	padding: 5px 10px;
}
#LoginBox, #PasswordRecovery {
	border: thin solid #17468F;
	background-color: #FFF;
	text-align: center;
	padding: 10px 10px 20px;
	margin-bottom: 5px;
	font-size: 9pt;
}
#idUserId { font-style: italic; font-size: 8pt; }
#idUserIdMsg, #idPasswordMsg, #idRecoveryMsg { font-style: italic; font-size: 8pt; color: #F00; }
.modal-header { color: #FFF; background-color: #17468F; border-bottom: thin solid #8E744B; }
.modal-header button.close { color: #FFF; }
.modal-body { background-color: #DBD5C7; }
.ListBackgroundHeader { background-color: #0032A0; color: #FFF; }
span.fcRedD { color: #0032A0; }
.LoginFailedMsg, div#idErrorMsg {
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	color: #F00;
	padding: 10px 0;
	margin: 10px;
}
.ErrorMsg {
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #F00;
	padding: 10px 0;
	margin: 10px;
}
.MsgAlert {
	text-align: center;
	font-weight: bold;
	color: #8F1746;
	background-color: #FFC;
	border: thin solid #57BAAD;
	padding: 3px 5px;
}
div.BorBox0 div.MsgAlert {
	position: relative;
	left: -11px;
	top: -6px;
	width: calc(100% + 22px);
}
div.LineMsg {
	width: 50%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #6C002F;
	margin: 10px auto;
	padding: 10px 20px;
}
.LineMsgAlert {
	width: 50%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #6C002F;
	background-color: #FFF6DE;
	border: thin solid #CFA439;
	border-radius: 50px 0;
	margin: 10px auto;
	padding: 10px 20px;
	animation: 1s ease 0s infinite normal none running busy;
}
@keyframes busy {
	
  0% {
	background-color: #FFF6DE; border-color: #CFA439;
}
  33% {
	background-color: #FFEAB1; border-color: #DBAD36;
}
  66% {
	background-color: #FFDF85; border-color: #E7B633;
}
  75% {
	background-color: #FFD358; border-color: #F3BE2F;
}
}

.Expired { font-style: italic; color: #6C002F; background-color: #93FFD0; }
div.table { display: table; padding: 2px; }
div.table div.tr, div.table div.row { display: table-row; vertical-align: top; }
div.table div.td, div.table div.col { display: table-cell; padding: 2px 2px 2px 0; }
div.col1 {
	width: 90px;
	text-align: right;
	vertical-align: top;
	padding-right: 3px;
}
div.col2, div.col3 { width: auto; vertical-align: top; }
div.colRequired { color: #C70C23; }
div.Table div.Row { margin: 0; }
div.Table div.Row:nth-child(2n) { background-color: #E8EFF3; color: #17100C; }
div.Table div.Row:nth-child(2n+1) { background-color: #D1DADE; color: #2E2521; }
div.Table div.Row:hover { background-color: #FC6; }
div.AddRightMargin50 { margin-right: 50px; }
div.note {
	padding-top: 15px;
	font-style: italic;
	font-size: 9pt;
	color: #51534A;
}
span.DetailTitle { font-size: 8pt; font-style: italic; }
div.aL { text-align: left; }
div.BorBox1a ul { margin: 0; padding: 0; }
div.BorBox1a ul li { margin-left: 5px; font-size: 9pt; }
.Border1 { border: 1px solid black; }
.Border2 { border: 2px solid black; }
div.BorTop1 * { border-top: 1px solid #D7D2CB; }
div.BorTop1d * { border-top: 1px solid #51534A; }
div.BorTop2 { border-top: 2px solid #D7D2CB; }
div.BorTop2d { border-top: 2px solid #51534A; }
div.BorRgt1 { border-right: 1px solid #D7D2CB; }
div.BorRgt1Dash { border-right: 1px dashed #D7D2CB; }
div.BorRgt2 { border-right: 2px solid #D7D2CB; }
div.BorBot0, div.BorBot1 { border-bottom: 1px solid #D7D2CB; }
div.BorBot1d { border-bottom: 1px solid #51534A; }
div.BorBot1Dash { border-bottom: 1px dashed #D7D2CB; }
div.BorBot2 { border-bottom: 2px solid #51534A; }
div.BorBot2d { border-bottom: 2px solid #000; }
div.BorLft1 { border-left: 1px solid #D7D2CB; }
div.BorLft1Dot { border-left: 1px dotted #D7D2CB; }
div.BorTopBot1 { border-top: 1px solid #D7D2CB; border-bottom: 1px solid #D7D2CB; }
div.BorTopBotD1 { border-top: 1px solid #555; border-bottom: 1px solid #555; }
div.BorLftRgt1 { border-left: 1px solid #D7D2CB; border-right: 1px solid #D7D2CB; }
div.BorBotRgt1 { border-bottom: 1px solid #D7D2CB; border-right: 1px solid #D7D2CB; }
div.BorBotRgt2 {
	border-bottom: 2px solid #D7D2CB;
	border-right: 2px solid #D7D2CB;
	border-top: 2px solid #D7D2CB;
}
div.BorBotLftRgt1 {
	border-bottom: 1px solid #D7D2CB;
	border-left: 1px solid #D7D2CB;
	border-right: 1px solid #D7D2CB;
}
div.BorBotLftRgt2 { border-width: 2px; border-style: solid; border-color: #D7D2CB; }
td.Border1 { border: 1px solid black; }
td.Border2 { border: 2px solid black; }
tr.BorTop1 td, td.BorTop1 { border-top: 1px solid #D7D2CB; }
tr.BorTop1d td { border-top: 1px solid #51534A; }
tr.BorTop2 td { border-top: 2px solid #D7D2CB; }
tr.BorTop2d td { border-top: 2px solid #51534A; }
tr.BorRgt1 td, td.BorRgt1 { border-right: 1px solid #D7D2CB; }
td.BorRgt2 { border-right: 2px solid #D7D2CB; }
tr.BorBot0 td, tr.BorBot1 td, td.BorBot1 { border-bottom: 1px solid #D7D2CB; }
tr.BorBot1d td, td.BorBot1d { border-bottom: 1px solid #51534A; }
td.BorBot1Dash { border-bottom: 1px dashed #D7D2CB; }
tr.BorBot2 td, td.BorBot2 { border-bottom: 2px solid #D7D2CB; }
tr.BorBot2d td { border-bottom: 2px solid #51534A; }
td.BorBot2d { border-bottom: 2px solid #555; }
tr.BorLft1 td, td.BorLft1 { border-left: 1px solid #D7D2CB; }
td.BorLft1Dot { border-left: 1px dotted #D7D2CB; }
tr.BorTopBot1 td { border-top: 1px solid #D7D2CB; border-bottom: 1px solid #D7D2CB; }
tr.BorTopBotD1 td { border-top: 1px solid #555; border-bottom: 1px solid #555; }
tr.BorLftRgt1 td, td.BorLftRgt1 { border-left: 1px solid #D7D2CB; border-right: 1px solid #D7D2CB; }
tr.BorBotRgt1 td { border-bottom: 1px solid #D7D2CB; border-right: 1px solid #D7D2CB; }
tr.BorBotRgt2 td {
	border-bottom: 2px solid #D7D2CB;
	border-right: 2px solid #D7D2CB;
	border-top: 2px solid #D7D2CB;
}
tr.BorBotLftRgt1 td {
	border-bottom: 1px solid #D7D2CB;
	border-left: 1px solid #D7D2CB;
	border-right: 1px solid #D7D2CB;
}
tr.BorBotLftRgt2 td { border-width: 2px; border-style: solid; border-color: #D7D2CB; }
div.legend { font-size: 9pt; text-align: left; vertical-align: bottom; }
span.note, span.note u { font-size: 9pt; }
div.HiLite, span.HiLite, table tr.HiLite, table tr td.HiLite { background-color: #F9F359; }
table.OnlineForms, table.OnlineForms tr, table.OnlineForms tr td { font-size: 9pt; }
table.OnlineForms input *, table.OnlineForms select * { font-size: 10pt; }
table.OnlineForms tr td input[type="radio"] { margin-right: 3px; padding-right: 3px; margin-left: 3px; }
table.OnlineForms tr td.fhar { margin-right: 3px; padding-right: 3px; }
.clearfix { overflow: auto; }
.clearfix::after { content: ""; clear: both; display: table; }
div.ReportScreen { width: 100%; display: flex; justify-content: center; }
div.ReportScreen #ReportScreen_table, div.ReportScreen table.ReportScreen_table {
	max-width: 1200px;
	flex: 1 1 0%;
	align-self: center;
}


/* ==========================================================================
   7. MEMBER ENTRY FORM (.mf)
      (from entry_form.css - scoped to .mf, safe to edit independently)
   ========================================================================== */

.mf {
	--mf-accent: #1f5fa8;
	--mf-accent-soft: rgba(31, 95, 168, .15);
	--mf-text: #1d2530;
	--mf-label: #3a4450;
	--mf-muted: #6b7480;
	--mf-border: #c9d3dd;
	--mf-card-border: #9fc3de;
	--mf-bg: #ffffff;
	--mf-bg-alt: #f6f8fb;
	--mf-hd-bg: #d6e8f5;
	--mf-hd-text: #23313f;
	--mf-req: #c0392b;
	--mf-radius: 10px;
	width: 100%;
	max-width: 920px;
	margin: 0 0 20px;
	text-align: left;
	color: var(--mf-text);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
}
.mf *, .mf ::before, .mf ::after { box-sizing: border-box; }
.mf label {
	float: none;
	margin: 0;
	line-height: 1.35;
	letter-spacing: normal;
	text-align: left;
	display: block;
	padding: 0;
	width: auto;
	height: auto;
}
.mf input {
	float: none;
	margin: 0;
	line-height: 1.35;
	letter-spacing: normal;
	text-align: left;
}
.mf select {
	float: none;
	margin: 0;
	font: inherit;
	letter-spacing: normal;
	text-align: left;
	display: block;
	max-width: 100%;
	min-width: 0;
	height: auto;
	min-height: 38px;
	width: 100%;
	padding: 9px 32px 9px 11px;
	border: 1px solid var(--mf-border);
	border-radius: 6px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b7480' stroke-width='1.6'/%3E%3C/svg%3E") right 11px center no-repeat #FFF;
	color: var(--mf-text);
	transition: border-color 0.15s, box-shadow 0.15s;
	appearance: none;
}
.mf textarea {
	float: none;
	margin: 0;
	font: inherit;
	letter-spacing: normal;
	text-align: left;
	display: block;
	max-width: 100%;
	min-width: 0;
	height: auto;
	width: 100%;
	padding: 9px 11px;
	border: 1px solid var(--mf-border);
	border-radius: 6px;
	background: #FFF;
	color: var(--mf-text);
	transition: border-color 0.15s, box-shadow 0.15s;
	resize: vertical;
	min-height: 84px;
}
.mf p, .mf div {
	float: none;
	margin: 0;
	line-height: 1.35;
	letter-spacing: normal;
	text-align: left;
}
.mf input[type="text"], .mf input[type="tel"], .mf input[type="email"] {
	display: block;
	max-width: 100%;
	min-width: 0;
	height: auto;
	min-height: 38px;
	font: inherit;
	width: 100%;
	padding: 9px 11px;
	border: 1px solid var(--mf-border);
	border-radius: 6px;
	background: #FFF;
	color: var(--mf-text);
	transition: border-color 0.15s, box-shadow 0.15s;
}
.mf .mf-hint { margin: 0 0 18px; }
.mf .mf-card { margin: 0 0 20px; }
.mf-card {
	background: var(--mf-bg);
	border: 1px solid var(--mf-card-border);
	border-radius: var(--mf-radius);
	box-shadow: rgba(16, 24, 40, 0.06) 0 1px 3px;
	margin: 0 0 20px;
	overflow: hidden;
}
.mf-card-hd {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 20px;
	border-bottom: 1px solid var(--mf-card-border);
	background: var(--mf-hd-bg);
	font-size: 15px;
	font-weight: 700;
	color: var(--mf-hd-text);
}
.mf-card-hd small { font-size: 12px; font-weight: 400; color: var(--mf-muted); }
.mf-card-bd { padding: 20px; }
.mf-card-ft {
	padding: 10px 20px;
	border-top: 1px solid var(--mf-card-border);
	background: var(--mf-hd-bg);
	font-size: 12px;
	font-style: italic;
	color: var(--mf-muted);
}
.mf-hint {
	margin: 0 0 18px;
	padding: 10px 14px;
	background: #F1F6FC;
	border-left: 3px solid var(--mf-accent);
	border-radius: 6px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--mf-label);
}
.mf-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.mf-s2 { grid-column: span 2; }
.mf-s3 { grid-column: span 3; }
.mf-s4 { grid-column: span 4; }
.mf-s5 { grid-column: span 5; }
.mf-s6 { grid-column: span 6; }
.mf-s8 { grid-column: span 8; }
.mf-s12 { grid-column: span 12; }
.mf-subhd {
	grid-column: span 12;
	margin-top: 6px;
	padding-top: 14px;
	border-top: 1px dashed var(--mf-border);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--mf-muted);
}
.mf-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.mf-field > label { font-size: 13px; font-weight: 600; color: var(--mf-label); }
.mf-req > label:not(.mf-check)::after { content: " *"; color: var(--mf-req); }
.mf input:hover, .mf select:hover, .mf textarea:hover { border-color: #B4BFCB; }
.mf input:focus, .mf select:focus, .mf textarea:focus {
	outline: none;
	border-color: var(--mf-accent);
	box-shadow: 0 0 0 3px var(--mf-accent-soft);
}
.mf input:user-invalid, .mf select:user-invalid, .mf textarea:user-invalid { border-color: var(--mf-req); }
.mf ::placeholder { color: #A3ACB7; }
.mf label.mf-check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 400;
	color: var(--mf-label);
	cursor: pointer;
}
.mf-check input {
	width: 16px;
	height: 16px;
	min-height: 0;
	flex: 0 0 auto;
	accent-color: var(--mf-accent);
	margin: 0;
}
.mf-note {
	grid-column: span 12;
	margin: 0;
	font-size: 12px;
	color: var(--mf-muted);
}
@media (max-width: 640px) {
	.mf-grid > * { grid-column: span 12; }
	.mf-grid.mf-keep3 > .mf-field { grid-column: span 4; }
	.mf-card-bd { padding: 16px; }
}