/* #################################           7thSOS Specific Classes           ################################# */

@media print
{    
    .NoPrint, .NoPrint *
    {
        display: none !important;
    }
	
	.PageBreak
    {
        page-break-after: always;
    }
}

/* width should not be a common screen size as this size is the min and max at the same time which will cause issue  */
@media screen and (max-width: 910px) {
	.ContainerLG
	{
		padding:0;
		margin:30px 0;
	}
	
	.FlexContainerLG
	{
		padding:0;
		display:block;
		margin: 30px 0;
	}
	
	.FlexContainerNav, .FlexContainerBody, .FlexContainerLf, .FlexContainerRt
	{
		width: 100%;
		margin: 30px 0;
	}
	
	.FlexItemBody
	{
		width: 100%;
	}
	
	/* allow product images to shrink to fit div container */
	.FlexContainerLf img
	{
		max-width:100%;
		height:auto;
	}
  
  .MobileMenuButt
  {
    display: block;
  }
  
  .NavMain
  {
    /* parent <div> for all NavItems */
    display: none;
  }
  
  .NavItem
  {
    /* <div> for individual links */
    color: #FFFFFF;
    font-weight:bold;
    font-size: 115%;
    line-height: 115%;
    text-align: left;
    background-color: #045FE7;
    padding:8px;
  }
  
  .ParentContainer
  {
    display: block;
  }

  .ChildsContainer
  {
    display: block;
    position: relative;
    background-color: #4683DD;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  }
  
  .NavItemChild
  {
    /* <div> for individual links */
    display: block;
    /* background-color: #FFFFFF; */
    color: #FFFFFF;
    font-weight:bold;
    text-align: left;
    padding:8px 20px 8px 50px;
    border-top: 1px solid #5F9EF8;
  }
}

@media screen and (min-width: 910px) {
	.ContainerLG
	{
		padding:0 25px;
		margin:40px auto;
	}
	
	.FlexContainerLG
	{
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		gap: 40px;
		padding:0 25px;
		margin:40px auto;
	}
	
	.FlexContainerNav
	{
		width: 20%;
	}
	
	.FlexContainerBody
	{
		width: 80%;
	}
	
	.FlexContainerLf
	{
		max-width:100%;
		flex-grow:1;
	}
		
	.FlexContainerRt
	{
		min-width:35%;
	}
  
  .MobileMenuButt
  {
    display: none;
  }
  
  .NavMain
  {
    /* parent <div> for all NavItems */
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 0px;
  }
  
  .NavItem
  {
    /* <div> for individual links */
    color: #FFFFFF;
    font-weight:bold;
    font-size: 115%;
    line-height: 115%;
    padding:8px 20px;
  }
  
  .ParentContainer
  {
    /* <div> containing parent NavItem and All children NavItemChild */
    position: relative;
    display: inline-block;
  }

  .ChildsContainer
  {
    /* <div> containing ONLY children NavItemChild */
    display: none;
    position: absolute;
    top: 32px;
    background-color: #4683DD;
    /* background-color:rgba(5,89,211,0.9); */
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .NavItemChild
  {
    /* <div> for individual links */
    display: block;
    /* background-color: #FFFFFF; */
    color: #FFFFFF;
    font-weight:bold;
    text-align: left;
    padding:8px 20px;
    border-top: 1px solid #5F9EF8;
  }
}


.FlexContainerSM
{
	display: flex;
	flex-wrap: wrap;
  /* align-content: stretch;
	 justify-content: space-evenly; */
  gap: 20px;
}

.FlexContainerNav, .FlexContainerRt
{
	border-radius:12px;
	background-clip:padding-box;
	background-color:#FFFFFF;
	padding:0;
	border:1px solid #DDDDDD;
	text-align: left;
	vertical-align: top;
}

.FlexContainerBody, .FlexContainerLf
{
	border-radius:12px;
	background-clip:padding-box;
	background-color:#FFFFFF;
	padding:0;
	border:1px solid #DDDDDD;
	text-align: center;
	vertical-align: top;
}

.FlexContainerItems
{
	border-radius:0 0 10px 10px;
	background-color:#FFFFFF;
	padding:0;
	text-align: center;
	vertical-align: top;
}

.FlexItemNav
{
	border-radius:0 0 10px 10px;
	background-color:#FFFFFF;
	width: 100%;
	background-color:#FFFFFF;
	padding:10px 20px;
	border-top:1px solid #EEEEEE;
	text-align: left;
	vertical-align: top;
}

.FlexItemBody
{
	border-radius:12px;
	background-clip:padding-box;
	width:100%;
	background-color:#FFFFFF;
	padding:25px 35px 20px 35px;
	border:1px solid #DDDDDD;
	text-align: left;
	vertical-align: top;
}

.FlexItemHeader
{
	border-radius:10px 10px 0 0;
	background-clip:padding-box;
	background-color:#DDDDDD;
	padding:10px 20px;
	text-align: center;
	color:#000000;
	font-weight:bold;
	font-size:larger;
}

.FlexContent
{
	border-radius:10px 10px 10px 10px;
	background-clip:padding-box;
	width:100%;
	background-color:#FFFFFF;
	padding:10px 30px;
	text-align: left;
	vertical-align: top;
}

.FlexItem
{
	display:inline-block;
	text-align: center;
  flex:1;
}

.FlexItem a:link,.FlexItem a:active,.FlexItem a:visited
{
	color: #966D1B;
	text-decoration: none;
}

.FlexItem a:hover
{
	color: #FFB400;
	text-decoration: underline;
}

.SlideCaption
{
    color: #000000;
    font-size: 15px;
    padding: 8px 12px;
    position: relative;
    bottom: 35px;
    text-align: center;
    background-color: #FFFFFF;
}

.SlideFade
{
    animation-name: SlideFade;
    animation-duration: 3s;
}

@keyframes SlideFade
{
    from {opacity: 0}
    to {opacity: 1}
}

a.Arrow
{
	color: #006600;
	font-weight:bold;
	font-size:larger;
	text-decoration:none;
}

a.Arrow:link, a.Arrow:active, a.Arrow:visited
{
	color: #006600;
}

a.Arrow:hover
{
	color: #FFFF00;
}

.NumCircle
{
	display:inline-block;
	font: 32px Arial, sans-serif;

    width: 40px;
    height: 40px;
    box-sizing: initial;

    border: 1px solid #DDDDDD;
    color: #AAAAAA;
    text-align: center;
    border-radius: 50%;    

    line-height: 40px;
    box-sizing: content-box;
}

.ButtonBasic
{
	background: #EEEEEE;
	border:solid 1px #BBBBBB;
	border-radius: 5px;
	
	padding: 5px 10px;
	margin: 5px 8px;
	color: #999999;
	text-decoration: none; 
	vertical-align: middle;
	white-space: nowrap;
}

.ButtonBasic:link, .ButtonBasic:active, .ButtonBasic:visited
{
    text-decoration: none;
	color: #999999;
}

.ButtonBasic:hover
{
    border:solid 1px #777777;
	background: #BBBBBB;
    color: #FFFFFF !important;
}

/*  , input[type=submit]  */

.ButtonSubmit
{
	margin-top:10px;
	background: #FFDC73;
	background: -moz-linear-gradient(top,  #FFDC73,  #FF9326);
	background: -webkit-linear-gradient(top,  #FFDC73,  #FF9326);
    padding: 8px 80px;
    font-family: sans-serif, Arial;
    font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	border: 1px solid #000000;
    border-radius: 4px;
}

.ButtonSubmit:link, .ButtonSubmit:active, .ButtonSubmit:visited
{
    text-decoration: none;
	color: #000000;
}

.ButtonSubmit:hover
{
	background: #FFDC73;
	color:FFFFFF;
	cursor:pointer;
}

.ButtonSubmit:disabled
{
	opacity:0.75;
	padding: 4px;
	cursor:none;
}

.ButtonSilver
{
	margin-top:10px;
	background: #CCCCCC;
	background-image: linear-gradient(#CCCCCC, #666666);
    padding: 8px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
    border-radius: 4px;
	vertical-align: middle;
	white-space: nowrap;
}

.ButtonSilver:link, .ButtonSilver:active, .ButtonSilver:visited
{
    text-decoration: none;
	color: #FFFFFF;
}

.ButtonSilver:hover
{
	background: #777777;
	color:CCCCCC;
	cursor:pointer;
}

.ButtonGreen
{
	background: #00FF00;
	background-image: linear-gradient(#00FF00, #007400);
    padding: 8px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
    border-radius: 4px;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	
	/*
	box-shadow: black 0 2px 0;
	text-shadow: 0 2px 0 rgba(0,0,0,.4);
	*/
}

.ButtonGreen:link, .ButtonGreen:active, .ButtonGreen:visited
{
    text-decoration: none;
	color: #FFFFFF;
}

.ButtonGreen:hover
{
    border-top-color: #007400;
	background: #007400;
    color: #CCCCCC;
}


.ButtonRed
{
	background: #FF0000;
	background-image: linear-gradient(#FF0000, #650000);
    padding: 8px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
    border-radius: 4px;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	
	/*
	box-shadow: black 0 2px 0;
	text-shadow: 0 2px 0 rgba(0,0,0,.4);
	*/
}

.ButtonRed:link, .ButtonRed:active, .ButtonRed:visited
{
    text-decoration: none; 
	color: #FFFFFF;
}

.ButtonRed:hover
{
    border-top-color: #650000;
	background: #650000;
    color: #CCCCCC; 
}

.ButtonInactive
{
	background: #CCCCCC;
	border: 1px solid #BBBBBB;
	border-radius: 10px;
	
	padding: 10px 20px;
	color: #FFFFFF;
	font-weight:bold;
	font-size: larger;
	text-decoration: none; 
	vertical-align: middle;
	white-space: nowrap;
}

/*
.ButtonGreen:active
{
    border-top-color: #1b435e;
	background: #1b435e;
	outline: 0;
}
*/

/* Tooltip container */
.ToolTip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; If you want dots under the hoverable text */
}

/* Tooltip text */
.ToolTip .ToolTipHTML 
{
  visibility: hidden;
  margin-top: 10px;
  /* margin-left: -100px; */
  width: 350px;
  background-color: #FFFFFF;
  color: #000000;
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  border: solid 1px #000000;
  font-weight:normal;
  font-size: 16px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.TTPosCenter
{
	margin-left: 0px;
}

.TTPosLeft100
{
	margin-left: -100px;
}

.TTPosLeft200
{
	margin-left: -200px;
}

.TTPosLeft300
{
	margin-left: -300px;
}

.TTPosLeft400
{
	margin-left: -400px;
}

.TTPosRight100
{
	margin-left: 100px;
}

.TTPosRight200
{
	margin-left: 200px;
}

.TTPosRight300
{
	margin-left: 300px;
}

.TTPosRight400
{
	margin-left: 400px;
}

a.ToolTip:link, a.ToolTip:visited 
{
  text-decoration: none;
}

/* Show the tooltip text when you mouse over the tooltip container */
.ToolTip:hover .ToolTipHTML 
{
  visibility: visible;
}

.LoginTxt
{
	color:#CCC7B1;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	vertical-align: -4px;
}

a .LoginTxt:hover
{
	color: #DFDCCE;	
}

.LoginBox
{
	font-size:12px;
	background-color:#CCC7B1;
}

.LoginButton
{
	font-family: Arial, Helvetica, sans-serif;
	color:#5D5F51;
	background-color:CCC7B1;
	font-size:10px;
	font-weight:bold;
}

.LoginTD
{
	background-color: #5D5F51;
	text-align: center;
	vertical-align: bottom;
	padding: 2px;
}

.LogoutButton {
	font-family: Arial, Helvetica, sans-serif;
	color:#5D5F51;
	background-color:CCC7B1;
	font-size:8px;
	font-weight:bold;
}

.RegistrationNotice
{
	padding: 2px 2px 0px 2px;
	font-size: 10px;
	text-align: center;
}

.NavGroup1
{
	background-color: #FFFF00;
}

.NavGroup2
{
	background-color: #0040FF;
}

.NavRole1
{
	background-color: #FFFF00;
}

.NavRole2
{
	background-color: #0040FF;
}



/* #################################       Misc Site Wide Classes       ################################# */

blockquote
{
	margin:0 20px 10px 20px;
}

.GraphYScale
{
	font-weight:bold;
	color: #000000;
	text-align: center;
	vertical-align: bottom;
	border-bottom: #000 solid 2px;
	border-right: #000 solid 4px;
}

.GraphXScale
{
	font-weight:bold;
	color: #000000;
	text-align: center;
	vertical-align: top;
	border-top: #000 solid 2px;
	border-left: #000 solid 1px;
}

.GraphXGraph
{
	text-align: left;
	vertical-align: bottom;
	border-bottom: #000 solid 2px;
}



.WRowSeparators td
{
	/* border: 1px solid #EBBC01; */
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

.ErrorsDefault
{
	color: #990000;
	font-weight: bold;
}

a.ErrorsDefault:link, a.ErrorsDefault:active, a.ErrorsDefault:visited
{ 
	color: #990000 !important;
	text-decoration:none;
}

.ErrorsLarge
{
	color: #990000;
	font-weight:bold;
	font-size:125%;
	line-height:125%;
}

a.ErrorsLarge:link, a.ErrorsLarge:active, a.ErrorsLarge:visited
{ 
	color: #990000 !important;
}

a.ErrorsDefault:hover, a.ErrorsLarge:hover
{ 
	color: #FFFF00;
	text-decoration: underline;
}

.MessageLarge
{
	display: block;
	color:blue;
	font-weight:bold;
	font-size:125%;
	line-height:125%;
}

.Message
{
	color:blue;
	font-weight:bold;
}

.SuccessLarge
{
	color:#00B200;
	font-weight:bold;
	font-size:125%;
	line-height:125%;
}

.Success
{
	color:#00B200;
	font-weight:bold;
}

a.Success:link, a.Success:active, a.Success:visited, a.SuccessLarge:link, a.SuccessLarge:active, a.SuccessLarge:visited
{
	color: #00B200;
}

a.Success:hover, a.SuccessLarge:hover
{
	color: #FFFF00;
}

.Bold
{
	font-weight:bold;
}

.BoldLarger
{
	font-weight:bold;
	font-size:125%;
	line-height:125%;
}

.Small
{
	font-size:75%;
	line-height:75%;
}

.NoWrap
{
	white-space:nowrap;
}

.TitleLg
{
	display:block;
	font-weight: bold;
	font-size: 160%;
	line-height: 160%;
	text-align: left;
	color:#000000;
	padding:10px 20px;
}

.TitleLg a:link, .TitleLg a:active, .TitleLg a:visited
{
	color: #3973AC;
}

.TitleLg a:hover
{
	color: #5D5F51;
}

.TitleMed
{
	line-height: 140%;
	font-weight: bold;
	font-size: 140%;
}

.TitleMedLT
{
	line-height: 140%;
	font-size: 140%;
}

.TitleSm
{
	font-weight: bold;
	font-size: 125%;
	line-height:125%
}

.ShadowText
{
  color: #FFFFFF;
  font-weight:bold;
	font-size: 125%;
  line-height: 110%;
	text-shadow: 3px 3px 5px #000000;
}

.FooterFlex
{
  /* parent <div> for all NavItems */
  display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.FooterItem
{
	/* <div> for individual links
  display:inline-block;
	text-align: center; */
  border:1px solid #999999;
  min-width:200px;
  flex:1;
}

.Footer
{
	width:100%;
  min-height:50px;
  padding:10px 6px 0 6px;
  background-color: rgba(255,255,255,0.5);
}

.FooterFlex a:link, .Footer a:active, .Footer a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.FooterFlex a:hover
{
	color: #CECECE;
  text-decoration: underline;
}

a:hover .Footer
{
	background-color:transparent;
}

.FooterBullet
{
	color: #000000;
	font-size: larger;
	font-weight: bold;
}

.ListPadding
{
	padding-bottom: 6px;
}

.LinksListMain
{
	text-align:left;
	display:list-item;
	list-style-type:square;
}

.LinksListNested
{
	text-align:left;
	display:list-item;
	list-style-position:outside;
	padding-left: 20px;
	list-style-type: circle;
}

.MainPageTable
{
	background-color: #084989;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 4px;
}

.ImageCenter
{
	margin: auto;
	display: block;
	clear: both;
}

.DefaultThumb
{
	width:110px;
	height:70px;
	margin: auto;
	display: table-cell;
	border:2px solid #06377A;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size: 16px;
	color:#06377A;
	background-color: #C4D1DB;
	background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,.2) 50%),
	                  linear-gradient(315deg, transparent 50%, rgba(255,255,255,.2) 50%);
	background-size: 20px 20px;
}

.DefaultThumbOne
{
	width:110px;
	height:70px;
	margin: auto;
	display: table-cell;
	border:2px solid #06377A;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size: 16px;
	color:#06377A;
	background-color: #C4D1DB;
	background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.2) 50%),
	                  linear-gradient(transparent 50%, rgba(255,255,255,.2) 50%);
	background-size: 20px 20px;
}

.DefaultImage
{
	width:500px;
	height:300px;
	margin: 0 auto;
	display: table-cell;
	border:8px solid #06377A;
	text-align:center;
	vertical-align:middle;
	font-size: 40px;
	font-weight:bold;
	line-height:60px;
	color:#06377A;
	background-color: #C4D1DB;
	background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,.2) 50%),
	                  linear-gradient(315deg, transparent 50%, rgba(255,255,255,.2) 50%);
	background-size: 20px 20px;
}

.CenterBlock
{
	margin: auto;
}






/* #################################           Horizontal Login Form - custom_navbar.php           ################################# */

.LoginTxt
{
	color:#CCC7B1;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	vertical-align: -4px;
}

a .LoginTxt:hover
{
	color: #DFDCCE;	
}

.LoginBox
{
	font-size:12px;
	background-color:#CCC7B1;
}

.LoginButton
{
	font-family: Arial, Helvetica, sans-serif;
	color:#5D5F51;
	background-color:CCC7B1;
	font-size:10px;
	font-weight:bold;
}

.LoginTD
{
	background-color: #5D5F51;
	text-align: center;
	vertical-align: bottom;
	padding: 2px;
}

.LogoutButton {
	font-family: Arial, Helvetica, sans-serif;
	color:#5D5F51;
	background-color:CCC7B1;
	font-size:8px;
	font-weight:bold;
}

.RegistrationNotice
{
	padding: 2px 2px 0px 2px;
	font-size: 10px;
	text-align: center;
}




/* ################################             Product Classes             ################################# */


.BoxBorder
{
	/*
	box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
	*/
	box-shadow: 0px 0px 0px 2px #DDDDDD;
  	border-radius: 7px;
}

a.MicroNav:link, a.MicroNav:active, a.MicroNav:visited
{
	color: #FF0000;
	text-decoration: underline;
}

a.MicroNav:hover
{
	color: #F9ED04;
	text-decoration: underline;
}

/*   PRODUCT OPTION BUTTONS   */ 
.ProductOptions
{
	margin-top:10px;
	margin-bottom:20px;
}

.ProductOptions input
{
	opacity: 0;
	position: fixed;
	width: 0;
}

.ProductOptions label
{
    display: inline-block;
    background-color: #CCCCCC;
    padding: 10px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
    border: 1px solid #000000;
    border-radius: 4px;
	margin:3px;
	opacity:0.5;
}

/*   change for checked options   */
.ProductOptions input:checked + label
{
	background-color:#FF0000;
    color: #FFFFFF;
	opacity:1;
}

.ProductOptions label:hover
{
	cursor:pointer;
}

.HorCatLinks
{
	/* float: left; */
	display:inline-block;
	margin: 10px;
	text-align:center;
}

.FauxLink
{
	text-decoration:underline;
	font-weight:bold;
	font-size:125%;
	line-height:125%;
}

.FauxLink:hover
{
	cursor:pointer;
}

.ProductMin
{
	float: left;
	width: 200px;
	height: 245px;
	margin: 0 0 20px 20px;
	text-align:center;
}

.ProductMinTitle
{
	display:block;
	font-weight:bold;
}

.ProductMin a:link,.ProductMin a:active,.ProductMin a:visited
{
	color: #966D1B;
	text-decoration: none;
}

.ProductMin a:hover
{
	color: #FFB400;
	text-decoration: underline;
}

.Price
{
	color:#FF0000;
}

.PriceSubTitle
{
	font-size:75%;
	line-height:75%;
	color:#999999;
}

.Strike
{
	text-decoration:line-through;
}

.ProductContainer
{
	/* background-image:url(/gfs/templates/default/media/Body_Background.png); */
	border:#FF0000 solid 1px;
}




/* ################################             Forms & Form Fields             ################################# */
/* form field */
input
{
	padding: 0;
	margin:0;
	vertical-align: top;
}

/* star indicating required form field */
.FormReq
{
	color:#FF0000;
	font-family: Verdana, Tahoma, SansSerif;
	font-weight: bold;
	font-size: 16px;
	vertical-align: top;
	position: relative;
	top: 0;
}

/* table used in place of a textarea element to show value only */
.FormTable
{
	padding:0;
	margin:0;
	text-align: left;
	/* position: relative;
	left: 0px; */
}

/* used to style form elements with errors */
.FormError
{
	background-color: #FFFF00 !important;
	border-color:#FF0000;
	border-style:solid;
	border-width: 1px;
}

/* this is used in the name field of a form element to put a box around some text */
.FormBox
{
	display:block;
	padding: 10px;
	border-color:#000000;
	border-width: 1px;
	border-style:solid;
}




/* #################################           News Specific Classes           ################################# */
.TitleNews
{
	font-size: 16px;
	line-height: 20px;
	color: #5D5F51;
	font-weight: bold;
	padding-bottom: 10px;
}

.TitleNews a:link, .TitleNews a:active, .TitleNews a:visited
{
	color: #5D5F51;
}

.TitleNews a:hover
{
	color: #3973AC;
}






/* #################################           Forum Specific Classes           ################################# */
.OldPosts
{
	border-style:solid;
	border-width: 1px;
	border-color:#ADAEA2;
	color:#CCC7B1;
	padding: 4px;
	background-color: #C0BAA0;
}

.OldPostsSM
{
	border-style:solid;
	border-width: 1px;
	border-color:#ADAEA2;
	padding: 2px;
	background-color:#C0BAA0;
	color:#CCC7B1;
	font-size: smaller;
	display:inline;
}

.NewPosts
{
	border-style:solid;
	border-width: 1px;
	border-color:#ADAEA2;
	padding: 4px;
	background-color: #FF9900;
	color:#CCC7B1;
}

.NewPostsSM
{
	border-style:solid;
	border-width: 1px;
	border-color:#ADAEA2;
	padding: 2px;
	background-color: #FF9900;
	color:#CCC7B1;
	font-size: smaller;
	display:inline;
}

.ForumCategories
{
	background-color:#C0BAA0;
	color: #747865;
	font-weight: bold; 
	font-size:125%;
	line-height:125%; 
}

.ForumTitleAdd
{
	font-size:smaller;
}

.PostHR
{
	background-color: #C0BAA0;
	color: #C0BAA0;
}

.PostSignature
{
	font-style:italic;
}

.PostsSeparatorRow
{
	height:6px;
}

.PostTextSm
{
	font-size:smaller;
	color: #747865;
}

.PostBodyTD
{
	padding-left: 20px;
	padding-right: 20px;
}

.ForumNewPM
{
	font-size:125%;
	line-height:125%;
	font-weight:bold;
	color:#FF9900;
}

a.ForumLogout:link, a.ForumLogout:active, a.ForumLogout:visited
{
	color:#990000;
	text-decoration:underline;
}

a.ForumLogout:hover
{
	color:#FFFFFF;
}

.HighLight
{
	color:#FF9900;
	font-weight:bold;
}

a.HighLight:link, a.HighLight:active, a.HighLight:visited
{
	color:#FF9900;
	text-decoration:underline;
}

a.HighLight:hover
{
	color:#FFFFFF;
}

.BreadCrumbSubject
{
	color:#006600;
}




/* #################################           Calendar Only Classes           ################################# */
.MiniSolo body, .MiniSolo p, .MiniSolo td
{
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:12px;
}

.MiniSolo th
{
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:14px;
}




/* #################################           NavTabsTable Only Classes           ################################# */
/* the active non-link tab */
.NavTabs
{
	text-align: center;
	font-weight:bold;
	font-size:125%;
	line-height:125%;
	color: #000000;
	background-color:#FFFFFF;
	white-space: nowrap;
	padding: 4px 16px;
	border-left-style:solid;
	border-left-color:#C00000;
	border-left-width: 5px;
	border-top-style:solid;
	border-top-color:#C00000;
	border-top-width: 5px;
	border-right-style:solid;
	border-right-color:#C00000;
	border-right-width: 5px;
}

/* links to the left of the active tab */
.NavTabsLeft
{
	text-align: center;
	font-weight:bold;
	font-size:125%;
	line-height:125%;
	color: #000000;
	background-color:#CCCCCC;
	white-space: nowrap;
	padding: 4px 16px;
	border-left-style:solid;
	border-left-color:#000000;
	border-left-width: 3px;
	border-top-style:solid;
	border-top-color:#000000;
	border-top-width: 3px;
	border-bottom-style:solid;
	border-bottom-color:#C00000;
	border-bottom-width: 5px;
}

/* links to the right of the active tab */
.NavTabsRight
{
	text-align: center;
	font-weight:bold;
	font-size:125%;
	line-height:125%;
	color: #000000;
	background-color:#CCCCCC;
	white-space: nowrap;
	padding: 4px 16px;
	border-right-style:solid;
	border-right-color:#000000;
	border-right-width: 3px;
	border-top-style:solid;
	border-top-color:#000000;
	border-top-width: 3px;
	border-bottom-style:solid;
	border-bottom-color:#C00000;
	border-bottom-width: 5px;
}

.NavTabsLeft a:link, .NavTabsLeft a:active, .NavTabsLeft a:visited, .NavTabsRight a:link, .NavTabsRight a:active, .NavTabsRight a:visited
{
	color: #000000;
	text-decoration: none;
}

.NavTabsLeft a:hover, .NavTabsRight a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}





/* #################################           NavHorTable Only Classes           ################################# */
/* this is the default full width table with Vertical Bar separators (alternatively it can have a button style look) */
.NavHorTD
{
	color: #FFFFFF;
	/* background-color: #4D6A48; */
	text-align: center;
	/* font-weight:bold; */
	font-size:100%;
	line-height:150%;
	white-space: nowrap;
	padding: 0 20px;
}

.VertBarLf
{
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-left-width: 1px;
}

.VertBarRt
{
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-right-width: 1px;
}

.NavHorTD a:link, .NavHorTD a:active, .NavHorTD a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.NavHorTD a:hover
{
	color: #FFFF00;
	text-decoration: underline;
}





/* #################################       Responsive Horizontal Admin NavBar      ################################# */
/*                       automatically wraps to 2nd, 3rd, ... lines when screen width narrows                          */
.AdminMain
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	/* text-align:center; */
	padding:6px;
	/*
	background-color: #C4D3E6;
	border-bottom: 2px solid #789DCB;
	*/
}

.AdminItem
{
	background-color: #AAAAAA;
	background-clip: padding-box;
	border-radius: 5px;
	white-space: nowrap;
	color: #000000;
	font-weight:bold;
	padding:4px 8px;
}

.AdminLink:link, .AdminLink:active, .AdminLink:visited
{
	color: #000000;
	text-decoration: none;
}

.AdminLink:hover
{
	color: #FFFF00;
	text-decoration: underline;
}

.AdminDark
{
	white-space: nowrap;
	color: #765716;
	background-color: #F4AB00;
	background-clip: padding-box;
	border-radius: 5px;
	padding:5px 8px;
	/* border:1px solid #FFB506; */
}

.AdminDark a:link, .AdminDark a:active, .AdminDark a:visited
{
	color: #765716;
	text-decoration: none;
}

.AdminMedium
{
	white-space: nowrap;
	color: #86631A;
	background-color: #FFCC55;
	background-clip: padding-box;
	border-radius: 5px;
	padding:5px 8px;
	/* border:1px solid #FFB506; */
}

.AdminMedium a:link, .AdminMedium a:active, .AdminMedium a:visited
{
	color: #86631A;
	text-decoration: none;
}

.AdminLight
{
	white-space: nowrap;
	color: #A27720;
	background-color: #FFE19D;
	background-clip: padding-box;
	border-radius: 5px;
	padding:5px 8px;
}

.AdminLight a:link, .AdminLight a:active, .AdminLight a:visited
{
	color: #A27720;
	text-decoration: none;
}

.AdminDark a:hover, .AdminMedium a:hover, .AdminLight a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}





/* #################################           AdminTable Only Classes           ################################# */
.MainTblAdminTD
{
	background-color: #CCCCCC;
	padding: 10px;
}

.AdminTable
{
	background-color: #EEEEEE;
	/* border: #FF7373 solid 2px; */
}

.AdminTD
{
	color: #000000;
	background-color: #AAAAAA;
	text-align: center;
	font-weight:bold;
	white-space: nowrap;
	padding: 4px 4px;
}

.AdminTD a:link, .AdminTD a:active, .AdminTD a:visited
{
	color: #000000;
	text-decoration: underline;
}

a.NavLogout:link,a.NavLogout:active,a.NavLogout:visited 
{
	font-size:smaller;
	color: #6A0000;
	text-decoration: none;
}

.AdminTD a:hover, a.NavLogout:hover
{
	color: #FFFF00;
	text-decoration: underline;
}





/* #################################           Service AdminTable Only Classes           ################################# */
.ServTblAdminTD
{
	background-color: #FFFFFF;
	padding: 10px;
}

.ServAdminTable
{
	background-color: #FFB506;
	border: 1px solid #FFB506;
	margin:auto;
}

.ServAdminTD
{
	color: #86631A;
	background-color: #FFCB53;
	text-align: center;
	white-space: nowrap;
	padding: 4px 4px;
	border:1px solid #FFB506;
}

.ServAdminTD a:link, .ServAdminTD a:active, .ServAdminTD a:visited
{
	color: #86631A;
	text-decoration: underline;
}

.ServAdminTableLight
{
	background-color: #FFD87D;
	border: 1px solid #FFD87D;
	margin:auto;
}

.ServAdminTDLight
{
	color: #C59227;
	background-color: #FFE8B3;
	text-align: center;
	white-space: nowrap;
	padding: 4px 4px;
	border:1px solid #FFD87D;
}

.ServAdminTDLight a:link, .ServAdminTDLight a:active, .ServAdminTDLight a:visited
{
	color: #C59227;
	text-decoration: underline;
}

.ServAdminTD a:hover, .ServAdminTDLight a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}





/* #################################       Responsive Horizontal Navigation Bar      ################################# */
/*                       automatically wraps to 2nd, 3rd, ... lines when screen width narrows                          */

.NavLink:link, .NavLink:active, .NavLink:visited
{
	/* <a> for individual links */
  color: #FFFFFF;
	text-decoration: none;
  padding:8px 20px;
}

/* used to distinguish current request links from others */
.NavLinkCur:link, .NavLinkCur:active, .NavLinkCur:visited
{
  color: #FFFFFF;
	text-decoration: none;
  padding:8px 20px;
}

.NavMain .NavItem:hover, .NavMain .NavItem:hover
{
	background-color: #0559D3;
  color: #FFFFFF;
	text-decoration: underline;
}

/* #################################       Responsive Horizontal Dropdown Menu Nested Under Navbar Item Above     ################################# */
.NavLinkChild:link, .NavLinkChild:active, .NavLinkChild:visited
{
	/* <a> for individual links */
  color: #FFFFFF;
	text-decoration: none;
  /* padding:8px 20px; */
}

.ChildsContainer .NavItemChild:hover
{
	color: #FFFFFF;
  background-color: #0559D3;
  text-decoration: underline;
  /* padding:8px 20px; */
}

.ParentContainer:hover .ChildsContainer
{
  display: block;
}


/* #################################       Main Navigation Bar - Usually Vertical      ################################# */

.Nav:link, .Nav:active, .Nav:visited 
{
	color: #000000;
	text-decoration: underline;
}

/* used to distinguish current request links from others */
.NavCur:link, .NavCur:active, .NavCur:visited 
{
	color: #000000;
	text-decoration: none;
}

.NavGroup:link, .NavGroup:active, .NavGroup:visited 
{
	color:  #444444;
	text-decoration: underline;
}

/* used to distinguish current request links from others */
.NavGroupCur:link, .NavGroupCur:active, .NavGroupCur:visited 
{
	color:  #000000;
	text-decoration: non;
}

.Nav:hover, .NavGroup:hover, .NavCur:hover, .NavGroupCur:hover
{
	color: #EEEEEE;
	text-decoration: underline;
}


.NavItemCol
{
	/* always set font-size for navigation, else large default user fonts can break the design look */
	background-color: #CCCCCC;
	line-height:1.5em;
	display:block;
	/*
	font-size: 16px;
	font-weight:bold;
	color: #7BB647;
	text-align: left;
	white-space: nowrap;
	padding: 0px 8px;
	border:1px solid #C48900;
	/* border simulates cellspacing without messing with table html
	border-bottom-color:#C48900;
	border-bottom-style:solid;
	border-bottom-width:2px; */
	/* only use below if not using a nav image, displays each link like a list item
	display: list-item;
	list-style-position:inside;
	list-style-type:disc; */
}

.NavGroupCol
{
	background-color: #CCCCCC;
	line-height:1.5em;
	display:block;
	/*
	font-size: 14px;
	*/
	color: #34260A;
	padding: 0px 8px;
	text-align: left;
	white-space: nowrap;
	border:1px solid #C48900;
	/*
	border-bottom-color:#C48900;
	border-bottom-style:solid;
	border-bottom-width:2px;
	*/
	/* only use below if not using a nav image, displays each link like a list item */
	display: list-item;
	list-style-position:inside;
	list-style-type:disc;
}

/* used to style navbar spacer row */
.PaddedNavCol
{
	padding: 5px;
}

.NavItemColSpacer
{
	padding: 5px;
}

/* used to style optional header row from for vertical navbar */
.NavHeader
{
	padding: 5px;
	font-size: 18px;
	background-color:#AAAAAA;
	color: #000000;
	font-weight: bold;
	text-align:center;
}

.NavItemColWel
{
	color: #CCCCCC;
	text-align: left;
	white-space: nowrap;
	padding-bottom: 10px;
}

.NavVAlign
{
	vertical-align: middle;
}

.NavGroupVAlign
{
	vertical-align: middle;
}

.NavTable
{
	
	margin-left: 7px;
	margin-top: 7px;
	background-color: #EEEEEE;
}




/* #################################       Horizontal Dropdown Navigation Bar - Solid Background Block Style     ################################# */
#dropnav a{
	display:block;
	padding:0px 8px;
	border:1px solid #C48900;
	color:#34260A;
	text-decoration:underline;
	background-color:#FFB400;
}

#dropnav a:hover{
	color:#C48900;
	text-decoration:underline;
}

#dropnav li{
	float:left;
	position:relative;
}

#dropnav ul {
	position:absolute;
	display:none;
	width:12em;
	top:1.5em;
}

#dropnav li ul a{
	width:12em;
	height:auto;
	float:left;
}

#dropnav ul ul{
	top:auto;
}	

#dropnav li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}

#dropnav li:hover ul ul, #dropnav li:hover ul ul ul, #dropnav li:hover ul ul ul ul, #dropnav li:hover ul ul ul ul ul{
	display:none;
}
#dropnav li:hover ul, #dropnav li li:hover ul, #dropnav li li li:hover ul, #dropnav li li li li:hover ul, #dropnav li li li li li:hover ul{
	display:block;
}




/* #################################       Horizontal Dropdown Navigation Bar - Styles Primary & Secondary Navigation Separately     ################################# */
#dropnav2{
	font-size:125%;
	line-height:125%;
}

#dropnav2 .VerticalBar{
	border-left: 2px solid #E1F883;
}

#dropnav2, #dropnav2 ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; 
}

#dropnav2 a, #dropnav2 .DropNavCol{
	display:block;
	padding:0px 8px;
	color:#E1F883;
	font-weight:bold;
	
}

#dropnav2 a{
	text-decoration:underline;
}

#dropnav2 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#dropnav2 li ul a:hover{
	color:#7C9BC0;
	text-decoration:underline;
}

#dropnav2 li{
	float:left;
	position:relative;
}

#dropnav2 ul {
	position:absolute;
	display:none;
	width:12em;
	top:1.5em;
}

#dropnav2 li ul a{
	width:12em;
	height:auto;
	float:left;
	color:#3C597E;
	border:1px solid #3C597E;
	background-color:#EEF1F7;
}

#dropnav2 ul ul{
	top:auto;
}	

#dropnav2 li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}

#dropnav2 li:hover ul ul, #dropnav2 li:hover ul ul ul, #dropnav2 li:hover ul ul ul ul, #dropnav2 li:hover ul ul ul ul ul{
	display:none;
}
#dropnav2 li:hover ul, #dropnav2 li li:hover ul, #dropnav2 li li li:hover ul, #dropnav2 li li li li:hover ul, #dropnav2 li li li li li:hover ul{
	display:block;
}





/* #################################           Service AdminTable Only Classes           ################################# */
.ServTblAdminTD
{
	background-color: #5D5F51;
	padding: 0px;
}

/* table classes */
.AdminServ
{
	background-color: #FFE29F;
	border: 1px solid #FFB506;
	/* margin:auto; */
}




/*	#######################       TableOne is used for ALL constructed tables (ones NOT using the forms function), like NavBar...       ####################### */

/*
.TableOne a:link, .TableOne a:active, .TableOne a:visited
{
	color: #9BC873;
	text-decoration:underline;
}
*/

a.TableOneLinks:link,a.TableOneLinks:active,a.TableOneLinks:visited 
{
	color: #000000;
	text-decoration: underline;
}


a.Edit:link,a.Edit:active,a.Edit:visited 
{
	color: #006600 !important;
	text-decoration:  underline !important;
}

a.Edit:hover
{
	color: #00CC00 !important;
}

.Delete
{
	color: #990000 !important;
}

a.Delete:link,a.Delete:active,a.Delete:visited 
{
	color: #990000 !important;
	text-decoration:  underline !important;
}


a.Move:link,a.Move:active,a.Move:visited 
{
	color: #006600 !important;
	text-decoration: none !important;
}


.TableOne a:hover, a.TableOneLinks:hover, a.Edit:hover, a.Delete:hover, a.Move:hover
{
	color: #72A741;
}


.TableOne
{
	border-radius:16px;
	background-clip:padding-box;
	background-color:#EEEEEE;
	border-color:#CCCCCC;
	border-style:solid;
	border-width: 2px;
}

.TableOneTR
{
	background-color:#DDDDDD;
}

.TableOneBG
{
	background-color:#EEEEEE;
}

.TableOneTH
{
	background-color:#777777;
	color: #FFFFFF;
	font-size:larger;
	font-weight: bold;
}

.TableOneTH2
{
	background-color:#AAAAAA;
	color: #EEEEEE;
	font-size:small;
	font-weight: bold;
}

.TableOneTHRound
{
	border-radius:14px 14px 0 0;
	background-clip:padding-box;
}

.TableOneTHRLT
{
	border-radius:14px 0 0 0;
	background-clip:padding-box;
}

.TableOneTHRRT
{
	border-radius:0 14px 0 0;
	background-clip:padding-box;
}

.TableOneTH a:link, .TableOneTH a:active, .TableOneTH a:visited
{
	color: #FFFFFF;
	text-decoration:underline;
}

.TableOneTH2 a:link, .TableOneTH2 a:active, .TableOneTH2 a:visited
{
	color: #EEEEEE;
	text-decoration:underline;
}

.TableOneTHALT
{
	background-color:#999999;
	color: #FFFFFF;
	font-weight: bold;
}

.THPrimary
{
	background-color:#5D5F51;
	color: #CCC7B1;
	font-weight: bold;
	font-size:larger;
	text-align:center;
}

.THSecondary
{
	background-color:#8F8D79;
	color: #CCC7B1;
	font-weight: bold;
	text-align:center;
}

.TableOneTHALT a:link, .TableOneTHALT a:active, .TableOneTHALT a:visited
{
	color: #000000;
	text-decoration:underline;
}


.TableOneTHBG
{
	background-color:#777777;
}

.TableOneTD
{
	background-color:#DDDDDD;
}

.TDRound
{
	border-radius:14px 14px 14px 14px;
	background-clip:padding-box;
}

.TDRoundTop
{
	border-radius:14px 14px 0 0;
	background-clip:padding-box;
}

.TDRoundBot
{
	border-radius:0 0 14px 14px;
	background-clip:padding-box;
}

.TDRoundLF
{
	border-radius:14px 0 0 14px;
	background-clip:padding-box;
}

.TDRoundRT
{
	border-radius:0 14px 14px 0;
	background-clip:padding-box;
}

.TDRoundTLF
{
	border-radius:14px 0 0 0;
	background-clip:padding-box;
}

.TDRoundTRT
{
	border-radius:0 14px 0 0;
	background-clip:padding-box;
}

.TDRoundBLF
{
	border-radius:0 0 0 14px;
	background-clip:padding-box;
}

.TDRoundBRT
{
	border-radius:0 0 14px 0;
	background-clip:padding-box;
}

.TableOneBorderTop
{
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width: 2px;
}

.TableOneBorderBottom
{
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width: 2px;
}

.TableOneBorderBotLT
{
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width: 1px;
}

.TableOneBorderLeftLT
{
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width: 1px;
}

.TableOneTitle
{
	font-weight: bold;
	font-size: 125%;
	line-height: 125%
}



/*	#######################       BW is used for Printer Friendly tables (ones NOT using the forms function), like NavBar...       ####################### */

a.BWLinks:link,a.BWLinks:active,a.BWLinks:visited 
{
	color: #666666;
	text-decoration: underline;
}

.BW a:hover, a.BWLinks:hover
{
	color: #CCCCCC;
}

.BW
{
	border-color:#000000;
	border-style:solid;
	border-width: 3px;
}

.BWTH
{
	background-color:#000000;
	color: #FFFFFF;
	font-size:small;
	font-weight: bold;
	padding-bottom: 8px;
}

.BWTH2
{
	background-color:#AAAAAA;
	color: #EEEEEE;
	font-weight: bold;
}

.BWTD
{
	background-color:#FFFFFF;
}

.BWTH a:link, .BWTH a:active, .BWTH a:visited
{
	color: #FFFFFF;
	text-decoration:underline;
}

.BWTHALT
{
	color: #FFFFFF;
	font-weight: bold;
}

.BWBorderTop
{
	border-top-color:#000000;
	border-top-style:solid;
	border-top-width: 2px;
}

.BWBorderTopLT
{
	border-top-color:#000000;
	border-top-style:solid;
	border-top-width: 1px;
}

.BWBorderBottom
{
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width: 2px;
}

.BWBorderBotLT
{
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width: 1px;
}

.BWBorderLeftLT
{
	border-left-color:#000000;
	border-left-style:solid;
	border-left-width: 1px;
}

.BWTitle
{
	font-weight: bold;
	font-size: 125%;
	line-height:125%;
}





/* #################################       Navbar Modification Service Special Visual Cue Classes       ################################# */

.NavGroup0
{
	background-color: #FF0000;
	min-width:10px;
	/* height:100%; */
}

.NavGroup9
{
	background-color: #FF8000;
	min-width:10px;
	/* height:100%; */
}

.NavGroup8
{
	background-color: #FFBF00;
	min-width:10px;
	/* height:100%; */
}
.NavGroup7
{
	background-color: #FFFF00;
	min-width:10px;
	/* height:100%; */
}

.NavGroup6
{
	background-color: #BFFF00;
	min-width:10px;
	/* height:100%; */
}

.NavGroup5
{
	background-color: #40FF00;
	min-width:10px;
	/* height:100%; */
}

.NavGroup4
{
	background-color: #00FFBF;
	min-width:10px;
	/* height:100%; */
}

.NavGroup3
{
	background-color: #00BFFF;
	min-width:10px;
	/* height:100%; */
}

.NavGroup2
{
	background-color: #0080FF;
	min-width:10px;
	/* height:100%; */
}

.NavGroup1
{
	background-color: #0040FF;
	min-width:10px;
	/* height:100%; */
}

.NavGroup1:hover, .NavGroup2:hover, .NavGroup3:hover, .NavGroup4:hover, .NavGroup5:hover, .NavGroup6:hover, .NavGroup7:hover, .NavGroup8:hover, .NavGroup9:hover, .NavGroup0:hover
{
	cursor:pointer;
}


.NavRole10
{
	background-color: #FF0000;
	width:100%;
	height:100%;
}

.NavRole20
{
	background-color: #FF8000;
	width:100%;
	height:100%;
}

.NavRole30
{
	background-color: #FFBF00;
	width:100%;
	height:100%;
}
.NavRole40
{
	background-color: #FFFF00;
	width:100%;
	height:100%;
}

.NavRole50
{
	background-color: #BFFF00;
	width:100%;
	height:100%;
}

.NavRole60
{
	background-color: #40FF00;
	width:100%;
	height:100%;
}

.NavRole600
{
	background-color: #00FFBF;
	width:100%;
	height:100%;
}

.NavRole700
{
	background-color: #00BFFF;
	width:100%;
	height:100%;
}

.NavRole800
{
	background-color: #0040FF;
	width:100%;
	height:100%;
}

.NavRole10:hover, .NavRole20:hover, .NavRole30:hover, .NavRole40:hover, .NavRole50:hover, .NavRole60:hover, .NavRole600:hover, .NavRole700:hover, .NavRole800:hover
{
	cursor:pointer;
}