@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Advent+Pro:100);
@media print {
  /* Add CSS styles for printing here */
  /* Example: Set page margins */
  @page {
	margin: 20mm;
  }
  .page-break-before {
	page-break-before: always;
  }
}


html, body {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	background-color: #000;
	text-rendering: optimizeLegibility;
	margin:0;
	padding:0;
	padding-bottom: 3px;

	background: url(/images/backgrounds/metal07.jpg);  
	background-repeat: repeat; 
	background-attachment: fixed; 
	min-height: 1000px;
    max-width: 100vw;
   /* overflow-x: hidden; */
}


* {
  box-sizing: border-box;
}

hr{
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	border: none;
	height: 2px;
	background-color: #990000;
}
ul, li{
	margin-top:0px; 
	margin-left:10px;
}
strong{
	color: #6699FF; /* LightBlue */
}
h1, h2, h3, h4, h5, h6, p{
	margin-top:10px; 
	margin-left:15px;
}
h1{
    font-family: 'Russo One', sans-serif; 
	margin-top: 10px; 
    margin-left: 0px;
    color: #FFCC33; /* Dark Yellow */
    font-weight: bold; 
    text-align: center; 
	font-size: 3rem;
    /* -webkit-text-stroke: 2px black; */
    letter-spacing: 2px; /* Add letter spacing for better legibility */
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8); /* Apply shadow to enhance contrast */
}

h2{
	font-family: 'Balthazar', sans-serif; 

	margin-left:0px;
	font-size: 2rem;
	color: #FF9900; /* Drk Yellow */
	font-weight: bold; 
	text-align: center; 
	/* -webkit-text-stroke: 2px black; */
	text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8); /* Apply shadow to enhance contrast */	
}
h3{
	font-family: 'Rajdhani', sans-serif; 

	font-size: 1.5rem; 
	font-weight: bold;
	color: #FF9900;
	/* -webkit-text-stroke: 2px black; */
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8); /* Apply shadow to enhance contrast */	
}
h4{
	font-family: 'Lato', sans-serif; 
 
	font-size: large; 
	color: #FF9900;
}


/* unvisited link */
a:link {
  color: #FFCC33; /* yellow */
  text-decoration: none;
}

/* visited link */
a:visited {
  color: #FFCC33; /* yellow */
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #fff; /* Red */
}

/* selected link */
a:active {
  color: #FF9900;
  text-decoration: none;
}

div.table {
	display: table;
	margin-left:5px;  
 }
div.tr {display: table-row; }
div.td {display: table-cell; text-align: left;}



	
button.btn {
    border: 0;
    padding: 12px 40px;
    font-size: 18px;
    background: #6699FF;
    color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 5px 5px 25px 1px rgba(0,0,0,0.25);
    cursor: pointer;
    outline: 0;
    transition: 0.3s linear;
}
button.btn:active {
    transform: scale(0.85);
    box-shadow: 3px 2px 25px 1px rgba(0,0,0,0.25);
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


.main{
	font-size: large; 
	max-width: 1000px; 
	margin: auto; 
	text-align: center;
}

.language-php {
	box-sizing: border-box; 
	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; 
	font-size: 12px; 
	color: rgb(0, 0, 0); 
	direction: ltr; 
	text-align: left; 
	white-space: pre; 
	word-spacing: normal; 
	word-break: normal; 
	line-height: 1.5; 
	tab-size: 4; 
	hyphens: none; 
	font-weight: 700; 
	max-height: inherit; 

	padding: 0px 1em; 
	display: block; 
	overflow: auto; 
	background: none; 
	overflow-wrap: normal;
}
.code-toolbar{
	box-sizing: border-box; 
	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; 
	font-size: 12px; 
	background: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%) 0% 0% / 3em 3em content-box rgb(253, 253, 253); 
	line-height: 1.5; 
	margin: 0.5em 0px 1em; 
	max-width: 80%; 
	overflow: visible; 
	padding: 0px; 
	color: rgb(0, 0, 0); 
	direction: ltr; 
	text-align: left; 
	white-space: pre; 
	word-spacing: normal; 
	word-break: normal; 
	tab-size: 4; 
	hyphens: none; 
	font-weight: 700; 
	position: relative; 
	box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; 
	overflow-wrap: normal; 
	border-left: 10px solid rgb(53, 140, 203);
}

th, td {
  padding: 0.25rem;
}
/*  MARKETPLACE */
.mp_box{
	border-radius: 5px;
	border: 2px solid #990000;
	padding: 10px;	
}



/*  BADGE*/
#badge {
  background-color: red;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 50%;
  z-index : 1;
}



/*  FIREBOOK */

#reply, #post {
    margin:10px 0;
    height: 200px;
}
.notReplaced {
    margin: 10px 0;
}

.event_public{
	border-radius: 2px;
	border: 2px solid #cccccc;
	background-color: green;
	color: #fff;
	font-size: x-small;		
	padding: 3px;
}
.event_private{
	border-radius: 2px;
	border: 2px solid #cccccc;
	background-color: #990000;
	color: #fff;
	font-size: x-small;	
	padding: 3px;
}
.fb_sig{
	font-size: small;
	color: #cccccc;
	font-style: italic;
}

/*
.fb_box{
	border-radius: 5px;
	border: 2px solid #cccccc;
	background-color: #000;
	color: #fff;
	padding: 10px;
	width: 1000px;
	max-width: 100%;
	word-wrap: break-word;
    word-break: break-word;
	margin: auto;
}
*/

.fb_box {
    border-radius: 20px; /* More rounded corners for an LCARS feel */
    border: 2px solid #990000; /* LCARS-inspired border color */
    background-color: #000000; /* LCARS black background */
    color: #FFFFFF; /* Text color */
    padding: 20px; /* Add more padding for a structured look */  
	width: 1000px;
	max-width: 95%;
    margin: auto;
    word-wrap: break-word;
    word-break: break-word;
    box-shadow: 0 0 10px rgba(153, 0, 0, 0.7); /* Soft red glow */
    position: relative;
}



.fb_sub{
	padding: 10px;
	margin-left: 50px;  
}

.sectiontitle{
  color: white;
  text-shadow: 2px 2px 4px #000000;	
  font-size: 24px;
}

 
.fb_delete{
	font-size: 12px;
	color: #990000;
}
.fb_reply{
	font-size: 12px;
	color: #66FF66;
}

.button {
  display: inline-block;
  padding: 6px 12px;
  background-color: #000;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  border: none;
  transition: background-color 0.2s ease;
}

.button:hover {
  background-color: #666;
  color: #fff;
}



.input { /* FOR BUTTON POP-DOWN in FB REPLIES*/
	display:block;
	}
.hide { /* FOR BUTTON POP-DOWN in FB REPLIES*/
	display:none;
} 

.StoreBanner{ /* RIGHT-HAND BANNER ON FB PAGE */
	text-align: center; 
	display: table-cell; 
	background-color: #3e3e3e; 
	border-style: solid; 
	border: 2px solid #990000;
	border-radius: 5px;
	width: 150px;
}

.post-box{
	border: 1px inset #ccc;
	background-color: white;
	font: small courier, monospace black;
}


.lnkbtn{
	display: block;
	width: 100px;
	background-color: lightgrey;
	border: 1px solid black;
	text-align: center;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}

.lnkbtn:hover{
	background-color: #cccccc;
}


.lnkbtn:visited{
	color: #FFCC33;
}

.lnkbtn:active{
	border: 1px solid #990000;
}



.smbutton {
	color: #FFFFFF;
	font-size: small;
	padding: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:3px;
}


.row_delete {
	color: #FFF; 				/* Dark Red */
	background-color: #990000 !important;
}
.row_former { 
    background-color: #990000 !important;
}

.row_highlight{
    background-color: #9933CC !important;
	color: #FFCC33 !important;
}
.row_highlight a{
	color: #FFFFFF;
}

.row_dev{
    background-color: #FFFFFF !important;
	color: #990000 !important;
}
.row_dev a{
	color: #990000;
}

.row_inactive {
    color: #FFCC33 !important; 
    background-color: #006633 !important;
}
.row_inactive a{
	color: #990000;
}


.row_333 {
    background-color: #FFCC33 !important; 
    color: #000 !important;
}

.row_outbad {
    background-color: #4C0000 !important; 
    color: #fff !important;

}

.row_probate {
    background-color: #6699FF !important; 
    color: #fff !important;

}




.flash_fast {
  animation: blinker .5s linear infinite;
  font-weight: 700;
}
.flash {
  animation: blinker 3s linear infinite;
  color: #990000; /* Red */
  font-weight: 700;
}
.flash2 {
  animation: blinker 1s linear infinite;
  background-color: #990000; /* Red */
  color: #fff;
  font-weight: 700;
}
.flash3 {
  animation: blinker .5s linear infinite;
  color: #990000; /* Red */
}
.flash4 {
  animation: blinker .8s linear infinite;
  color: #fff; /* White */
}
.flash-cyan {
  animation: blinker .7s linear infinite;
  color: cyan;
}

.super{
	color: #990000; 
}
.super a {
	color: #990000; 
}


.beta{
	color: #FFFFFF;
	background-color:  #6699FF;	
	text-align: center;
}


.new {
  animation: blinker 1s linear infinite;
  background-color: #006633; /* green */
  color: #6699FF;
  font-weight: 700;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: black; }
}

.page_intro {
    max-width: 100%;
    width: 1000px;
    border-radius: 10px; /* Rounded corners */
    text-align: center;
    margin: auto;
    padding: 10px; /* Increased padding for a better look */
    margin-top: 5px;
    margin-bottom: 15px;
    border: 3px solid #FFFFFF; /* Thicker border for a bolder look */
    background-color: #3e3e3e; /* Background similar to the LCARS panel */
    color: #FFFFFF; /* LCARS yellow for the text */
    box-shadow: 0 0 15px rgba(255, 153, 51, 0.7); /* Add subtle orange LCARS glow */
    font-family: 'Oswald', sans-serif; /* A clean LCARS font */
    letter-spacing: 1px; /* Spacing between letters for the LCARS feel */
}

.page_menu {
    max-width: 100%;
    width: 1000px;
    border-radius: 10px; /* Rounded corners */
    text-align: center;
    margin: auto;
    padding: 10px; /* Increased padding for a better look */
    margin-top: 5px;
    margin-bottom: 15px;
    background-color: #3e3e3e; /* Background similar to the LCARS panel */
    color: #FFFFFF; /* LCARS yellow for the text */
    box-shadow: 0 0 15px rgba(255, 153, 51, 0.7); /* Add subtle orange LCARS glow */
    font-family: 'Oswald', sans-serif; /* A clean LCARS font */
    letter-spacing: 1px; /* Spacing between letters for the LCARS feel */
}

.announcement_box {
	background-color: rgba(0, 0, 0, 0.75) !important;
	color: #66FF66;
	font-weight: bold;
	font-family: 'Courier New', Courier, monospace;
	text-align: center;
	overflow: hidden; /* Hide the extra characters */
	margin: auto;

    max-width: 100%;
	width: 1000px;
    border-radius: 10px; /* More rounded corners */
    border: 2px solid #FF9900; /* LCARS Orange for the border */
    box-shadow: 0 0 15px rgba(255, 153, 51, 0.7); /* Add a subtle glow effect */
	
}

.dev_box {
	background-color: #990000 !important;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Courier New', Courier, monospace;
	text-align: center;
	overflow: hidden; /* Hide the extra characters */
	margin: auto;
    max-width: 100%;
	width: 1000px;
}

.whocansee_box {
	background-color: #3366FF !important;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Courier New', Courier, monospace;
	text-align: center;
	overflow: hidden; /* Hide the extra characters */
	margin: auto;
    max-width: 100%;
	width: 1000px;
}


.message_box {
    margin: auto;
    max-width: 100%;
	width: 1000px;	
	background-color: rgba(0, 0, 0, 0.75);
	overflow: hidden; /* Hide the extra characters */
	border-radius: 10px; /* More rounded corners */
	border: 2px solid #FF9900; /* LCARS Orange for the border */
}

.error_box {
	max-width: 100%;
	width: 1000px;
	border-radius: 10px; /* Rounded corners */	
  background-color: rgba(0, 0, 0, 0.75);
  color: #CC6666;
  font-weight: bold;
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  overflow: hidden; /* Hide the extra characters */
  margin: auto;  
}


.verify{
font-weight: 700;
color: #FFFFFF; /* black */
background-color: #006633; 
text-align:center;
}

.verify_no{
font-style: italic;
font-weight: 700;
color: #990000; /* Red */
background-color: #3e3e3e; /* Drk Yellow */
}

.warning{
font-style: italic;
font-weight: 700;
color: #FFCC33; /* Dark Yellow */
background-color: #3e3e3e; /* Drk Yellow */
}
.success{
font-style: italic;
font-weight: 700;
color: #fff; /* White */
background-color: #006633;
}
.fail{
font-style: italic;
font-weight: 700;
color: #fff; /* White */
background-color: #990000; /* Red */
}
.success2{
font-style: italic;
font-weight: 700;
color: #006633;
}
.fail2{
font-style: italic;
font-weight: 700;
color: #990000; /* Red */
}
.prospect{
font-style: italic;
font-weight: 700;
color: #990000; /* Red */
}
 
 
 /*  CALENDAR */
.calendar_region {
    background-color: #006633 !important;
    color: #FFCC99;
    font-size: xx-small;
}
.calendar_region a{
    background-color: #006633 !important;
    color: #FFCC99;
    font-size: xx-small;
}
.calendar_holiday{
    color: #990000;
	font-weight: bold;
    font-size: xx-small;
}
.calendar_holiday a{
    color: #990000;
    font-size: xx-small;
}

.calendar_else {
    color: #6699FF;
    font-size: xx-small;
}
.calendar_else a {
    color: #6699FF;
    font-size: xx-small;
}

.calendar {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 3px;
} 

.calendar th {
	color: #FFCC33;
	background-color: #000000;
    border: 1px solid #FFFFFF;
	
    padding: 3px;
    text-align: left;
    vertical-align: top;
    height: 20px;
    font-size: xx-small;
}
.calendar td {
    background-color: #3e3e3e;
    border: 1px solid #FFFFFF;
    padding: 3px;
    text-align: left;
    vertical-align: top;
    height: 100px;
    font-size: xx-small;
}

.calendar td:hover {
    background-color: #FF9900;
}

.calendar tr:last-child td {
    border-bottom: none;
}

.calendar td:last-child {
    border-right: none;
} 

.calendar td strong {
    display: block;
    font-size: 16px;
    margin-bottom: 1px;
}

.current-day {
    background-color: #999999 !important;
}

@media (max-width: 600px) {
    .calendar th,
    .calendar td {
        padding: 1px;
    }
    .calendar td {
        height: 60px;
    }
    .calendar td strong {
        font-size: 14px;
    }
}


.index_table {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 15px;
	/* width: auto; */
	max-width: 98%;
	width: 1000px !important;

    border-radius: 10px; /* More rounded corners */
    border: 2px solid #FF9900; /* LCARS Orange for the border */
    overflow: hidden;
    background-color: #3e3e3e; /* LCARS Black for the main table background */
    box-shadow: 0 0 15px rgba(255, 153, 51, 0.7); /* Add a subtle glow effect */
    table-layout: fixed; /* Ensure the table doesn't exceed the set width */
    word-wrap: break-word; /* Handle long text */	
}
 
.index_table thead {
    color: #000000;
    font-weight: bold;
	background-color: #990000; 
}

.index_table td, .index_table th {
    padding: 5px; /* Adjust padding for table cells */
    border: none; /* Remove default borders */
}

/* Alternate row colors */
.index_table tbody tr:nth-child(odd) {
    background-color: #000000; /* Alternate row color for contrast */
}

.index_table tbody tr:nth-child(even) {
    background-color: #3e3e3e; /* Slightly lighter for alternating effect */
}

/* Table header styling */
.index_table thead {
    background-color: #990000; /* LCARS dark red for the header */
    color: #fff;

	font-weight: bold;
}

/* Hover effect for tbody rows only */
.index_table tbody tr:hover {
    background-color: #999999; /* LCARS Orange on hover */
    transition: background-color 0.3s ease;
}

.row_region {
	background-color: #006633 !important;
	color: #FFFFFF !important;
}


.index_table tbody tr.row_national {
	background-color: #9933CC !important;
	color: #FFFFFF; 
}

.member_access{
	background-color: #006633;
	color: #fff; 
	text-align: center; 
	width: 100%;
	font-weight: 700;
}
.station_admin_access{
	background-color: #FFCC33; /* Drk Yellow */
	color: #000; 
	text-align: center; 
	width: 100%;
	font-weight: 700;
}
.super_admin_access{
	background-color: #990000; /* red*/
	color: #fff; 
	text-align: center; 
	width: 100%;
	font-weight: 700;
}
.title{
font-weight: 700;
color: #FFCC33; /* Drk Yellow */
}


.note {
  font-size: small;
  color: #FF9900;
  font-family: 'Courier New', Courier, monospace;
  overflow: hidden; /* Hide the extra characters */
  width: 100%;
  margin: auto;
}

.option{
font-family: Georgia, serif;
font-size: medium;
letter-spacing: 2px;
word-spacing: 2px;
color: #FF9900; /* Orange */
font-weight: 700;
/* text-decoration: underline solid rgb(68, 68, 68); */
font-style: italic;
font-variant: small-caps;
text-transform: none;	
}
.bigbox{
	border-style: solid; 
	border-color: #990000; /* Red */
	border-width: 1; 
	padding: 20px;  
	margin-left:60; 
	margin-right:20; 
	width: 90%px;
	background-color: #3e3e3e;
	color: #fff;
}
.error {
	background-color: #990000; /* Red */
	color: #fff;	
}
.row2 { /* LIGHT */
	background-color: #3e3e3e;
}
.row1 { /* DARK */
	background-color: #000;
}
.row_status_attention {
	background-color: #990000; /* Light Red */
	color: #fff;
}
.row_status0 {  /* DELETE MEMBER */
	background-color: #990000; /* Dark Red */
	color: #ccc;
}

.row_status2 { /* FORMER MEMBER */
	background-color:  #990000; /* Dark Red */
}
.row_status3 {  /* INACTIVE MEMBER */
	background-color:  #FF9900}
.row_status9 {  /* PROBIE MEMBER */
	background-color:  #6699FF; /* DARK Orange */
}
.row_status99 {
	background-color: #6699FF;
	color: #000;
}
.row_status_dues {
	background-color: #3e3e3e;
	color: #990000;
}



.restricted {
	color:  magenta; /* magenta */
}
.footer2 {
	background-color: #3e3e3e;
	color: #fff; 
	text-align: center; 
	width: 100%; 
	font-size: small;	
	bottom:0px;	
	position:fixed;
}
.footer {
	background-color: #3e3e3e;
	color: #fff; 
	text-align: center; 
	width: 100%; 
	font-size: small;	
/*	bottom:0px;	
	position:fixed;
*/
} 


pre {
	color: #fff; 
}


.img_preview{
	max-width:100px;
	max-height:75px;
}
div.card {
  width: 150px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}
div.polaroid {
  width: 150px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  background-color: #404040;	/* Darker Grey */
}

div.container {
  padding: 10px;
  word-break:break-all
}

div{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
max-width: 100%;	
}

div.p{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}
.div_wrap_50 {
	display:inline-block;
	margin-left:2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	min-height: 50px;
	margin-top: 2px;
    overflow: hidden;
    vertical-align: top;
}
.div_wrap {
	display:inline-block;
	margin-left:2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-top: 2px;
    overflow: hidden;
    vertical-align: top;
}

.default_menu {
	background-color: #ccc;
	background: url(/images/dark-highlight-bg.png) repeat;

	padding-bottom: 1px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;

	display: block;
	color: white;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #0d0d0d;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);

}


/*    COLLAPSIBLE LIST   */
.collapsible {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.active, .collapsible:hover {
    background-color: #ccc;
}

.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
}


/* Add some content at the bottom of the video/page */
.content {
    position:absolute;
    padding:0;
    margin:0;
	overflow:scroll;
    top:0;
    left:0;
    right:0;
    width: 100%;
    height: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #f1f1f1;	
}


.publicevent {
	background-color: #006633;	
	color: white;
	text-align: center;
	font-weight: bold;
}
.privateevent {
	background-color: #990000;	
	color: white;
	text-align: center;
	font-weight: bold;
}

/*  STATION SITES */

.station {
    font-size: 72px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFCC33;
    -webkit-text-fill-color: #000;
    font-family: Candal;
	line-height: 70px;
	margin-top: 0;
	margin-bottom: 0;
	color: #CE0000;
	text-align: center;
}



/* NEW NEW MENU */
/* Share Tech */
/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);

#cssmenu2 > ul {
  background: url(/images/dark-highlight-bg.png) repeat;
  padding-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
#cssmenu2:before,
#cssmenu2:after,
#cssmenu2 > ul:before,
#cssmenu2 > ul:after {
	
  content: "";
  display: table;
}
#cssmenu2:after,
#cssmenu2 > ul:after {
  clear: both;
}
#cssmenu2 a,
#cssmenu2 {
	background-color: #3e3e3e;
	color: white;
	width: auto;
	zoom: 1;
}

/* CSS for larger screen devices */
.submenu {
  left: auto;
  right: 0; /* Set the initial right value to 0 for large screens */
}

/* CSS for smaller screen devices (e.g., mobile phones) */
@media (max-width: 767px) {
  .submenu {
    left: 0; /* Set the initial left value to 0 for small screens */
    right: auto;
  }
}

*/
/* NEW NEW MENU */
/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
*/
@import url('https://fonts.googleapis.com/css2?family=Share+Tech&display=swap');
#cssmenu2 > ul {
  background: url(/images/dark-highlight-bg.png) repeat;
  padding-bottom: 31px;
  font-family: "Share Tech", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#cssmenu2:before,
#cssmenu2:after,
#cssmenu2 > ul:before,
#cssmenu2 > ul:after {
	
  content: "";
  display: table;
}
#cssmenu2:after,
#cssmenu2 > ul:after {
  clear: both;
}
#cssmenu2 a,
#cssmenu2 {
	background-color: #3e3e3e;
	color: white;
	width: auto;
	zoom: 1;
}

/* Adjust the position of the submenu based on its proximity to the right edge */
.submenu {
  right: 0;
  transform: translateX(-100%);
}

/* Common menu styles */
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #333;
}

nav ul li {
  position: relative;
  float: left;
  /* width: 200px; */
}



nav ul li a {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  color: red;
}

nav ul li:hover {
  background-color: #444;
}

nav ul li:hover a {
  color: #fff;
}

nav ul li:hover > ul {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  z-index: 1;
  background-color: #444;
}


nav ul ul li {
  float: none;
  position: relative;
}

nav ul ul li a {
  padding: 5px 2px;
}

nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

nav ul.menu > li {
  display: inline-block;
}

/* Hide the nested menu by default */
nav ul ul {
  display: none;
}

/* Show the nested menu on hover */
nav ul li:hover > ul {
  display: block;
}













/* Common menu styles */
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #333;
}

nav ul li {
  position: relative;
  float: left;
}

nav ul li a {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  color: red;
}

nav ul li:hover {
  background-color: #444;
}

nav ul li:hover a {
  color: #fff;
}

nav ul li:hover > ul {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  z-index: 1;
  background-color: #444;
}

nav ul ul li {
  float: none;
  position: relative;
}

nav ul ul li a {
  padding: 5px 2px;
}

nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

/* Adjust the position of the submenu based on its proximity to the right edge */
.submenu {
  right: 0;
  transform: translateX(-100%);
}

/* Override for submenus that are not at the edge */
nav ul li:not(:first-child):not(:last-child) .submenu {
  transform: translateX(0);
}

nav ul.menu > li {
  display: inline-block;
}

/* Hide the nested menu by default */
nav ul ul {
  display: none;
}

/* Show the nested menu on hover */
nav ul li:hover > ul {
  display: block;
}


/*  FOR COLOR PALET PAGE */
.color-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 15px;
	padding: 20px;
	max-width: 1000px;
	margin: auto;
	background-color: #000000;
}
.color-box {
	border: 2px solid #333;
	border-radius: 5px;
	padding: 20px;
	transition: transform 0.3s;
}
.color-box:hover {
	transform: scale(1.05);
}
.color-sample {
	height: 100px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.color-code {
	font-size: 1em;
	margin-top: 10px;
	font-family: 'Courier New', Courier, monospace;
}

.chat-content img {
	max-width: 100%;
	height: auto;
	display: block;
}
.chat-entry {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 15px;
  gap: 10px;
}

.chat-entry .chat-avatar {
  flex: 0 0 auto;
  width: 50px;
}

.chat-entry .chat-body {
  flex: 1 1 0;
  min-width: 0;
}

@media screen and (max-width: 600px) {
  .chat-entry {
    flex-direction: row;
  }

  .chat-entry .chat-body {
    flex: 1 1 100%;
  }
}




  /* For DM tool */

.chat-body img {
    max-width: 100%;
    height: auto;
    display: block;
}
.chat-body * {
    color: inherit !important;
}
.chat-body {
    background-color: #111;
}

.chat-body {
    color: #ddd;              /* Light gray text */
    background-color: transparent; /* Don’t override background unless necessary */
    word-wrap: break-word;
}

.chat-body a {
    color: #88caff;           /* Light blue links for contrast */
}

.chat-body img {
    max-width: 100%;
    height: auto;
    display: block;
}



/* ================================
   NEW STATION APPLICATION FORM
   ================================ */

.new-station-form {
    max-width: 1000px;
    margin: auto;
    background-color: #3e3e3e;
    color: #FFFFFF;
    border: 2px solid #990000;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
}

.new-station-form h2 {
    color: #FFCC33;
    text-align: center;
    margin-bottom: 15px;
    text-shadow: 2px 2px 4px #000;
}

.new-station-form .card {
    background-color: #000000;
    border: 1px solid #6699FF;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 15px;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
}

.new-station-form .card h5 {
    color: #FF9900;
    margin-bottom: 10px;
    text-shadow: 2px 2px 4px #000;
}

.new-station-form label {
    font-weight: bold;
    color: #FFCC33;
}

.new-station-form input.form-control,
.new-station-form select.form-select,
.new-station-form textarea {
    background-color: #3e3e3e;
    color: #FFFFFF;
    border: 1px solid #6699FF;
    border-radius: 6px;
    padding: 6px;
}

.new-station-form input.form-control:focus,
.new-station-form select.form-select:focus {
    outline: none;
    border-color: #FFCC33;
    box-shadow: 0 0 8px #FFCC33;
}

.new-station-form .btn-primary {
    background-color: #6699FF;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.2s ease;
}

.new-station-form .btn-primary:hover {
    background-color: #FFCC33;
    color: #000000;
}

.new-station-form .btn-secondary {
    background-color: #999999;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
}

.new-station-form .btn-secondary:hover {
    background-color: #6699FF;
}

.new-station-form .member-block {
    background-color: #3e3e3e;
    border: 1px solid #cccccc;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
}

.new-station-form .alert {
    border-radius: 6px;
    font-weight: bold;
}

.new-station-form .row.g-2 > [class*="col-"] {
    margin-bottom: 8px;
}

require_once ($_SERVER['DOCUMENT_ROOT']."/includes/global.php");
?>

@import url(https://fonts.googleapis.com/css?family=Advent+Pro:100);
@charset "utf-8";
@media print {
  /* Add CSS styles for printing here */
  /* Example: Set page margins */
  @page {
	margin: 20mm;
  }
  .page-break-before {
	page-break-before: always;
  }
}


html, body {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	background-color: #000;
	text-rendering: optimizeLegibility;
	margin:0;
	padding:0;
	padding-bottom: 3px;

	background: url(/images/backgrounds/metal07.jpg);  
	background-repeat: repeat; 
	background-attachment: fixed; 
	min-height: 1000px;
    max-width: 100vw;
   /* overflow-x: hidden; */
}


* {
  box-sizing: border-box;
}

hr{
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	border: none;
	height: 2px;
	background-color: #990000;
}
ul, li{
	margin-top:0px; 
	margin-left:10px;
}
strong{
	color: #6699FF; /* LightBlue */
}
h1, h2, h3, h4, h5, h6, p{
	margin-top:10px; 
	margin-left:15px;
}
h1{
    font-family: 'Russo One', sans-serif; 
	margin-top: 10px; 
    margin-left: 0px;
    color: #FFCC33; /* Dark Yellow */
    font-weight: bold; 
    text-align: center; 
	font-size: 3rem;
    /* -webkit-text-stroke: 2px black; */
    letter-spacing: 2px; /* Add letter spacing for better legibility */
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8); /* Apply shadow to enhance contrast */
}

h2{
	font-family: 'Balthazar', sans-serif; 

	margin-left:0px;
	font-size: 2rem;
	color: #FF9900; /* Drk Yellow */
	font-weight: bold; 
	text-align: center; 
	/* -webkit-text-stroke: 2px black; */
	text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8); /* Apply shadow to enhance contrast */	
}
h3{
	font-family: 'Rajdhani', sans-serif; 

	font-size: 1.5rem; 
	font-weight: bold;
	color: #FF9900;
	/* -webkit-text-stroke: 2px black; */
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8); /* Apply shadow to enhance contrast */	
}
h4{
	font-family: 'Lato', sans-serif; 
 
	font-size: large; 
	color: #FF9900;
}


/* unvisited link */
a:link {
  color: #FFCC33; /* yellow */
  text-decoration: none;
}

/* visited link */
a:visited {
  color: #FFCC33; /* yellow */
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #fff; /* Red */
}

/* selected link */
a:active {
  color: #FF9900;
  text-decoration: none;
}

div.table {
	display: table;
	margin-left:5px;  
 }
div.tr {display: table-row; }
div.td {display: table-cell; text-align: left;}



	
button.btn {
    border: 0;
    padding: 12px 40px;
    font-size: 18px;
    background: #6699FF;
    color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 5px 5px 25px 1px rgba(0,0,0,0.25);
    cursor: pointer;
    outline: 0;
    transition: 0.3s linear;
}
button.btn:active {
    transform: scale(0.85);
    box-shadow: 3px 2px 25px 1px rgba(0,0,0,0.25);
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


.main{
	font-size: large; 
	max-width: 1000px; 
	margin: auto; 
	text-align: center;
}

.language-php {
	box-sizing: border-box; 
	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; 
	font-size: 12px; 
	color: rgb(0, 0, 0); 
	direction: ltr; 
	text-align: left; 
	white-space: pre; 
	word-spacing: normal; 
	word-break: normal; 
	line-height: 1.5; 
	tab-size: 4; 
	hyphens: none; 
	font-weight: 700; 
	max-height: inherit; 

	padding: 0px 1em; 
	display: block; 
	overflow: auto; 
	background: none; 
	overflow-wrap: normal;
}
.code-toolbar{
	box-sizing: border-box; 
	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; 
	font-size: 12px; 
	background: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%) 0% 0% / 3em 3em content-box rgb(253, 253, 253); 
	line-height: 1.5; 
	margin: 0.5em 0px 1em; 
	max-width: 80%; 
	overflow: visible; 
	padding: 0px; 
	color: rgb(0, 0, 0); 
	direction: ltr; 
	text-align: left; 
	white-space: pre; 
	word-spacing: normal; 
	word-break: normal; 
	tab-size: 4; 
	hyphens: none; 
	font-weight: 700; 
	position: relative; 
	box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; 
	overflow-wrap: normal; 
	border-left: 10px solid rgb(53, 140, 203);
}

th, td {
  padding: 0.25rem;
}
/*  MARKETPLACE */
.mp_box{
	border-radius: 5px;
	border: 2px solid #990000;
	padding: 10px;	
}



/*  BADGE*/
#badge {
  background-color: red;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 50%;
  z-index : 1;
}



/*  FIREBOOK */

#reply, #post {
    margin:10px 0;
    height: 200px;
}
.notReplaced {
    margin: 10px 0;
}

.event_public{
	border-radius: 2px;
	border: 2px solid #cccccc;
	background-color: green;
	color: #fff;
	font-size: x-small;		
	padding: 3px;
}
.event_private{
	border-radius: 2px;
	border: 2px solid #cccccc;
	background-color: #990000;
	color: #fff;
	font-size: x-small;	
	padding: 3px;
}
.fb_sig{
	font-size: small;
	color: #cccccc;
	font-style: italic;
}

/*
.fb_box{
	border-radius: 5px;
	border: 2px solid #cccccc;
	background-color: #000;
	color: #fff;
	padding: 10px;
	width: 1000px;
	max-width: 100%;
	word-wrap: break-word;
    word-break: break-word;
	margin: auto;
}
*/

.fb_box {
    border-radius: 20px; /* More rounded corners for an LCARS feel */
    border: 2px solid #990000; /* LCARS-inspired border color */
    background-color: #000000; /* LCARS black background */
    color: #FFFFFF; /* Text color */
    padding: 20px; /* Add more padding for a structured look */  
	width: 1000px;
	max-width: 95%;
    margin: auto;
    word-wrap: break-word;
    word-break: break-word;
    box-shadow: 0 0 10px rgba(153, 0, 0, 0.7); /* Soft red glow */
    position: relative;
}



.fb_sub{
	padding: 10px;
	margin-left: 50px;  
}

.sectiontitle{
  color: white;
  text-shadow: 2px 2px 4px #000000;	
  font-size: 24px;
}

 
.fb_delete{
	font-size: 12px;
	color: #990000;
}
.fb_reply{
	font-size: 12px;
	color: #66FF66;
}

.button {
  display: inline-block;
  padding: 6px 12px;
  background-color: #000;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  border: none;
  transition: background-color 0.2s ease;
}

.button:hover {
  background-color: #666;
  color: #fff;
}



.input { /* FOR BUTTON POP-DOWN in FB REPLIES*/
	display:block;
	}
.hide { /* FOR BUTTON POP-DOWN in FB REPLIES*/
	display:none;
} 

.StoreBanner{ /* RIGHT-HAND BANNER ON FB PAGE */
	text-align: center; 
	display: table-cell; 
	background-color: #3e3e3e; 
	border-style: solid; 
	border: 2px solid #990000;
	border-radius: 5px;
	width: 150px;
}

.post-box{
	border: 1px inset #ccc;
	background-color: white;
	font: small courier, monospace black;
}


.lnkbtn{
	display: block;
	width: 100px;
	background-color: lightgrey;
	border: 1px solid black;
	text-align: center;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}

.lnkbtn:hover{
	background-color: #cccccc;
}


.lnkbtn:visited{
	color: #FFCC33;
}

.lnkbtn:active{
	border: 1px solid #990000;
}



.smbutton {
	color: #FFFFFF;
	font-size: small;
	padding: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:3px;
}


.row_delete {
	color: #FFF; 				/* Dark Red */
	background-color: #990000 !important;
}
.row_former { 
    background-color: #990000 !important;
}

.row_highlight{
    background-color: #9933CC !important;
	color: #FFCC33 !important;
}
.row_highlight a{
	color: #FFFFFF;
}

.row_dev{
    background-color: #FFFFFF !important;
	color: #990000 !important;
}
.row_dev a{
	color: #990000;
}

.row_inactive {
    color: #FFCC33 !important; 
    background-color: #006633 !important;
}
.row_inactive a{
	color: #990000;
}


.row_333 {
    background-color: #FFCC33 !important; 
    color: #000 !important;
}

.row_outbad {
    background-color: #4C0000 !important; 
    color: #fff !important;

}

.row_probate {
    background-color: #6699FF !important; 
    color: #fff !important;

}




.flash_fast {
  animation: blinker .5s linear infinite;
  font-weight: 700;
}
.flash {
  animation: blinker 3s linear infinite;
  color: #990000; /* Red */
  font-weight: 700;
}
.flash2 {
  animation: blinker 1s linear infinite;
  background-color: #990000; /* Red */
  color: #fff;
  font-weight: 700;
}
.flash3 {
  animation: blinker .5s linear infinite;
  color: #990000; /* Red */
}
.flash4 {
  animation: blinker .8s linear infinite;
  color: #fff; /* White */
}
.flash-cyan {
  animation: blinker .7s linear infinite;
  color: cyan;
}

.super{
	color: #990000; 
}
.super a {
	color: #990000; 
}


.beta{
	color: #FFFFFF;
	background-color:  #6699FF;	
	text-align: center;
}


.new {
  animation: blinker 1s linear infinite;
  background-color: #006633; /* green */
  color: #6699FF;
  font-weight: 700;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: black; }
}

.page_intro {
    max-width: 100%;
    width: 1000px;
    border-radius: 10px; /* Rounded corners */
    text-align: center;
    margin: auto;
    padding: 10px; /* Increased padding for a better look */
    margin-top: 5px;
    margin-bottom: 15px;
    border: 3px solid #FFFFFF; /* Thicker border for a bolder look */
    background-color: #3e3e3e; /* Background similar to the LCARS panel */
    color: #FFFFFF; /* LCARS yellow for the text */
    box-shadow: 0 0 15px rgba(255, 153, 51, 0.7); /* Add subtle orange LCARS glow */
    font-family: 'Oswald', sans-serif; /* A clean LCARS font */
    letter-spacing: 1px; /* Spacing between letters for the LCARS feel */
}

.page_menu {
    max-width: 100%;
    width: 1000px;
    border-radius: 10px; /* Rounded corners */
    text-align: center;
    margin: auto;
    padding: 10px; /* Increased padding for a better look */
    margin-top: 5px;
    margin-bottom: 15px;
    background-color: #3e3e3e; /* Background similar to the LCARS panel */
    color: #FFFFFF; /* LCARS yellow for the text */
    box-shadow: 0 0 15px rgba(255, 153, 51, 0.7); /* Add subtle orange LCARS glow */
    font-family: 'Oswald', sans-serif; /* A clean LCARS font */
    letter-spacing: 1px; /* Spacing between letters for the LCARS feel */
}

.announcement_box {
	background-color: rgba(0, 0, 0, 0.75) !important;
	color: #66FF66;
	font-weight: bold;
	font-family: 'Courier New', Courier, monospace;
	text-align: center;
	overflow: hidden; /* Hide the extra characters */
	margin: auto;

    max-width: 100%;
	width: 1000px;
    border-radius: 10px; /* More rounded corners */
    border: 2px solid #FF9900; /* LCARS Orange for the border */
    box-shadow: 0 0 15px rgba(255, 153, 51, 0.7); /* Add a subtle glow effect */
	
}

.dev_box {
	background-color: #990000 !important;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Courier New', Courier, monospace;
	text-align: center;
	overflow: hidden; /* Hide the extra characters */
	margin: auto;
    max-width: 100%;
	width: 1000px;
}

.whocansee_box {
	background-color: #3366FF !important;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Courier New', Courier, monospace;
	text-align: center;
	overflow: hidden; /* Hide the extra characters */
	margin: auto;
    max-width: 100%;
	width: 1000px;
}


.message_box {
    margin: auto;
    max-width: 100%;
	width: 1000px;	
	background-color: rgba(0, 0, 0, 0.75);
	overflow: hidden; /* Hide the extra characters */
	border-radius: 10px; /* More rounded corners */
	border: 2px solid #FF9900; /* LCARS Orange for the border */
}

.error_box {
	max-width: 100%;
	width: 1000px;
	border-radius: 10px; /* Rounded corners */	
  background-color: rgba(0, 0, 0, 0.75);
  color: #CC6666;
  font-weight: bold;
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  overflow: hidden; /* Hide the extra characters */
  margin: auto;  
}


.verify{
font-weight: 700;
color: #FFFFFF; /* black */
background-color: #006633; 
text-align:center;
}

.verify_no{
font-style: italic;
font-weight: 700;
color: #990000; /* Red */
background-color: #3e3e3e; /* Drk Yellow */
}

.warning{
font-style: italic;
font-weight: 700;
color: #FFCC33; /* Dark Yellow */
background-color: #3e3e3e; /* Drk Yellow */
}
.success{
font-style: italic;
font-weight: 700;
color: #fff; /* White */
background-color: #006633;
}
.fail{
font-style: italic;
font-weight: 700;
color: #fff; /* White */
background-color: #990000; /* Red */
}
.success2{
font-style: italic;
font-weight: 700;
color: #006633;
}
.fail2{
font-style: italic;
font-weight: 700;
color: #990000; /* Red */
}
.prospect{
font-style: italic;
font-weight: 700;
color: #990000; /* Red */
}
 
 
 /*  CALENDAR */
.calendar_region {
    background-color: #006633 !important;
    color: #FFCC99;
    font-size: xx-small;
}
.calendar_region a{
    background-color: #006633 !important;
    color: #FFCC99;
    font-size: xx-small;
}
.calendar_holiday{
    color: #990000;
	font-weight: bold;
    font-size: xx-small;
}
.calendar_holiday a{
    color: #990000;
    font-size: xx-small;
}

.calendar_else {
    color: #6699FF;
    font-size: xx-small;
}
.calendar_else a {
    color: #6699FF;
    font-size: xx-small;
}

.calendar {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 3px;
} 

.calendar th {
	color: #FFCC33;
	background-color: #000000;
    border: 1px solid #FFFFFF;
	
    padding: 3px;
    text-align: left;
    vertical-align: top;
    height: 20px;
    font-size: xx-small;
}
.calendar td {
    background-color: #3e3e3e;
    border: 1px solid #FFFFFF;
    padding: 3px;
    text-align: left;
    vertical-align: top;
    height: 100px;
    font-size: xx-small;
}

.calendar td:hover {
    background-color: #FF9900;
}

.calendar tr:last-child td {
    border-bottom: none;
}

.calendar td:last-child {
    border-right: none;
} 

.calendar td strong {
    display: block;
    font-size: 16px;
    margin-bottom: 1px;
}

.current-day {
    background-color: #999999 !important;
}

@media (max-width: 600px) {
    .calendar th,
    .calendar td {
        padding: 1px;
    }
    .calendar td {
        height: 60px;
    }
    .calendar td strong {
        font-size: 14px;
    }
}


.index_table {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 15px;
	/* width: auto; */
	max-width: 98%;
	width: 1000px !important;

    border-radius: 10px; /* More rounded corners */
    border: 2px solid #FF9900; /* LCARS Orange for the border */
    overflow: hidden;
    background-color: #3e3e3e; /* LCARS Black for the main table background */
    box-shadow: 0 0 15px rgba(255, 153, 51, 0.7); /* Add a subtle glow effect */
    table-layout: fixed; /* Ensure the table doesn't exceed the set width */
    word-wrap: break-word; /* Handle long text */	
}
 
.index_table thead {
    color: #000000;
    font-weight: bold;
	background-color: #990000; 
}

.index_table td, .index_table th {
    padding: 5px; /* Adjust padding for table cells */
    border: none; /* Remove default borders */
}

/* Alternate row colors */
.index_table tbody tr:nth-child(odd) {
    background-color: #000000; /* Alternate row color for contrast */
}

.index_table tbody tr:nth-child(even) {
    background-color: #3e3e3e; /* Slightly lighter for alternating effect */
}

/* Table header styling */
.index_table thead {
    background-color: #990000; /* LCARS dark red for the header */
    color: #fff;

	font-weight: bold;
}

/* Hover effect for tbody rows only */
.index_table tbody tr:hover {
    background-color: #999999; /* LCARS Orange on hover */
    transition: background-color 0.3s ease;
}

.row_region {
	background-color: #006633 !important;
	color: #FFFFFF !important;
}


.index_table tbody tr.row_national {
	background-color: #9933CC !important;
	color: #FFFFFF; 
}

.member_access{
	background-color: #006633;
	color: #fff; 
	text-align: center; 
	width: 100%;
	font-weight: 700;
}
.station_admin_access{
	background-color: #FFCC33; /* Drk Yellow */
	color: #000; 
	text-align: center; 
	width: 100%;
	font-weight: 700;
}
.super_admin_access{
	background-color: #990000; /* red*/
	color: #fff; 
	text-align: center; 
	width: 100%;
	font-weight: 700;
}
.title{
font-weight: 700;
color: #FFCC33; /* Drk Yellow */
}


.note {
  font-size: small;
  color: #FF9900;
  font-family: 'Courier New', Courier, monospace;
  overflow: hidden; /* Hide the extra characters */
  width: 100%;
  margin: auto;
}

.option{
font-family: Georgia, serif;
font-size: medium;
letter-spacing: 2px;
word-spacing: 2px;
color: #FF9900; /* Orange */
font-weight: 700;
/* text-decoration: underline solid rgb(68, 68, 68); */
font-style: italic;
font-variant: small-caps;
text-transform: none;	
}
.bigbox{
	border-style: solid; 
	border-color: #990000; /* Red */
	border-width: 1; 
	padding: 20px;  
	margin-left:60; 
	margin-right:20; 
	width: 90%px;
	background-color: #3e3e3e;
	color: #fff;
}
.error {
	background-color: #990000; /* Red */
	color: #fff;	
}
.row2 { /* LIGHT */
	background-color: #3e3e3e;
}
.row1 { /* DARK */
	background-color: #000;
}
.row_status_attention {
	background-color: #990000; /* Light Red */
	color: #fff;
}
.row_status0 {  /* DELETE MEMBER */
	background-color: #990000; /* Dark Red */
	color: #ccc;
}

.row_status2 { /* FORMER MEMBER */
	background-color:  #990000; /* Dark Red */
}
.row_status3 {  /* INACTIVE MEMBER */
	background-color:  #FF9900}
.row_status9 {  /* PROBIE MEMBER */
	background-color:  #6699FF; /* DARK Orange */
}
.row_status99 {
	background-color: #6699FF;
	color: #000;
}
.row_status_dues {
	background-color: #3e3e3e;
	color: #990000;
}



.restricted {
	color:  magenta; /* magenta */
}
.footer2 {
	background-color: #3e3e3e;
	color: #fff; 
	text-align: center; 
	width: 100%; 
	font-size: small;	
	bottom:0px;	
	position:fixed;
}
.footer {
	background-color: #3e3e3e;
	color: #fff; 
	text-align: center; 
	width: 100%; 
	font-size: small;	
/*	bottom:0px;	
	position:fixed;
*/
} 


pre {
	color: #fff; 
}


.img_preview{
	max-width:100px;
	max-height:75px;
}
div.card {
  width: 150px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}
div.polaroid {
  width: 150px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  background-color: #404040;	/* Darker Grey */
}

div.container {
  padding: 10px;
  word-break:break-all
}

div{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
max-width: 100%;	
}

div.p{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}
.div_wrap_50 {
	display:inline-block;
	margin-left:2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	min-height: 50px;
	margin-top: 2px;
    overflow: hidden;
    vertical-align: top;
}
.div_wrap {
	display:inline-block;
	margin-left:2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-top: 2px;
    overflow: hidden;
    vertical-align: top;
}

.default_menu {
	background-color: #ccc;
	background: url(/images/dark-highlight-bg.png) repeat;

	padding-bottom: 1px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;

	display: block;
	color: white;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #0d0d0d;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);

}


/*    COLLAPSIBLE LIST   */
.collapsible {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.active, .collapsible:hover {
    background-color: #ccc;
}

.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
}


/* Add some content at the bottom of the video/page */
.content {
    position:absolute;
    padding:0;
    margin:0;
	overflow:scroll;
    top:0;
    left:0;
    right:0;
    width: 100%;
    height: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #f1f1f1;	
}


.publicevent {
	background-color: #006633;	
	color: white;
	text-align: center;
	font-weight: bold;
}
.privateevent {
	background-color: #990000;	
	color: white;
	text-align: center;
	font-weight: bold;
}

/*  STATION SITES */

.station {
    font-size: 72px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFCC33;
    -webkit-text-fill-color: #000;
    font-family: Candal;
	line-height: 70px;
	margin-top: 0;
	margin-bottom: 0;
	color: #CE0000;
	text-align: center;
}



/* NEW NEW MENU */
/* Share Tech */
/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);

#cssmenu2 > ul {
  background: url(/images/dark-highlight-bg.png) repeat;
  padding-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
#cssmenu2:before,
#cssmenu2:after,
#cssmenu2 > ul:before,
#cssmenu2 > ul:after {
	
  content: "";
  display: table;
}
#cssmenu2:after,
#cssmenu2 > ul:after {
  clear: both;
}
#cssmenu2 a,
#cssmenu2 {
	background-color: #3e3e3e;
	color: white;
	width: auto;
	zoom: 1;
}

/* CSS for larger screen devices */
.submenu {
  left: auto;
  right: 0; /* Set the initial right value to 0 for large screens */
}

/* CSS for smaller screen devices (e.g., mobile phones) */
@media (max-width: 767px) {
  .submenu {
    left: 0; /* Set the initial left value to 0 for small screens */
    right: auto;
  }
}

*/
/* NEW NEW MENU */
/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
*/
@import url('https://fonts.googleapis.com/css2?family=Share+Tech&display=swap');
#cssmenu2 > ul {
  background: url(/images/dark-highlight-bg.png) repeat;
  padding-bottom: 31px;
  font-family: "Share Tech", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#cssmenu2:before,
#cssmenu2:after,
#cssmenu2 > ul:before,
#cssmenu2 > ul:after {
	
  content: "";
  display: table;
}
#cssmenu2:after,
#cssmenu2 > ul:after {
  clear: both;
}
#cssmenu2 a,
#cssmenu2 {
	background-color: #3e3e3e;
	color: white;
	width: auto;
	zoom: 1;
}

/* Adjust the position of the submenu based on its proximity to the right edge */
.submenu {
  right: 0;
  transform: translateX(-100%);
}

/* Common menu styles */
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #333;
}

nav ul li {
  position: relative;
  float: left;
  /* width: 200px; */
}



nav ul li a {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  color: red;
}

nav ul li:hover {
  background-color: #444;
}

nav ul li:hover a {
  color: #fff;
}

nav ul li:hover > ul {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  z-index: 1;
  background-color: #444;
}


nav ul ul li {
  float: none;
  position: relative;
}

nav ul ul li a {
  padding: 5px 2px;
}

nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

nav ul.menu > li {
  display: inline-block;
}

/* Hide the nested menu by default */
nav ul ul {
  display: none;
}

/* Show the nested menu on hover */
nav ul li:hover > ul {
  display: block;
}













/* Common menu styles */
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #333;
}

nav ul li {
  position: relative;
  float: left;
}

nav ul li a {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  color: red;
}

nav ul li:hover {
  background-color: #444;
}

nav ul li:hover a {
  color: #fff;
}

nav ul li:hover > ul {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  z-index: 1;
  background-color: #444;
}

nav ul ul li {
  float: none;
  position: relative;
}

nav ul ul li a {
  padding: 5px 2px;
}

nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

/* Adjust the position of the submenu based on its proximity to the right edge */
.submenu {
  right: 0;
  transform: translateX(-100%);
}

/* Override for submenus that are not at the edge */
nav ul li:not(:first-child):not(:last-child) .submenu {
  transform: translateX(0);
}

nav ul.menu > li {
  display: inline-block;
}

/* Hide the nested menu by default */
nav ul ul {
  display: none;
}

/* Show the nested menu on hover */
nav ul li:hover > ul {
  display: block;
}


/*  FOR COLOR PALET PAGE */
.color-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 15px;
	padding: 20px;
	max-width: 1000px;
	margin: auto;
	background-color: #000000;
}
.color-box {
	border: 2px solid #333;
	border-radius: 5px;
	padding: 20px;
	transition: transform 0.3s;
}
.color-box:hover {
	transform: scale(1.05);
}
.color-sample {
	height: 100px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.color-code {
	font-size: 1em;
	margin-top: 10px;
	font-family: 'Courier New', Courier, monospace;
}

.chat-content img {
	max-width: 100%;
	height: auto;
	display: block;
}
.chat-entry {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 15px;
  gap: 10px;
}

.chat-entry .chat-avatar {
  flex: 0 0 auto;
  width: 50px;
}

.chat-entry .chat-body {
  flex: 1 1 0;
  min-width: 0;
}

@media screen and (max-width: 600px) {
  .chat-entry {
    flex-direction: row;
  }

  .chat-entry .chat-body {
    flex: 1 1 100%;
  }
}




  /* For DM tool */

.chat-body img {
    max-width: 100%;
    height: auto;
    display: block;
}
.chat-body * {
    color: inherit !important;
}
.chat-body {
    background-color: #111;
}

.chat-body {
    color: #ddd;              /* Light gray text */
    background-color: transparent; /* Don’t override background unless necessary */
    word-wrap: break-word;
}

.chat-body a {
    color: #88caff;           /* Light blue links for contrast */
}

.chat-body img {
    max-width: 100%;
    height: auto;
    display: block;
}



/* ================================
   NEW STATION APPLICATION FORM
   ================================ */

.new-station-form {
    max-width: 1000px;
    margin: auto;
    background-color: #3e3e3e;
    color: #FFFFFF;
    border: 2px solid #990000;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
}

.new-station-form h2 {
    color: #FFCC33;
    text-align: center;
    margin-bottom: 15px;
    text-shadow: 2px 2px 4px #000;
}

.new-station-form .card {
    background-color: #000000;
    border: 1px solid #6699FF;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 15px;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
}

.new-station-form .card h5 {
    color: #FF9900;
    margin-bottom: 10px;
    text-shadow: 2px 2px 4px #000;
}

.new-station-form label {
    font-weight: bold;
    color: #FFCC33;
}

.new-station-form input.form-control,
.new-station-form select.form-select,
.new-station-form textarea {
    background-color: #3e3e3e;
    color: #FFFFFF;
    border: 1px solid #6699FF;
    border-radius: 6px;
    padding: 6px;
}

.new-station-form input.form-control:focus,
.new-station-form select.form-select:focus {
    outline: none;
    border-color: #FFCC33;
    box-shadow: 0 0 8px #FFCC33;
}

.new-station-form .btn-primary {
    background-color: #6699FF;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.2s ease;
}

.new-station-form .btn-primary:hover {
    background-color: #FFCC33;
    color: #000000;
}

.new-station-form .btn-secondary {
    background-color: #999999;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
}

.new-station-form .btn-secondary:hover {
    background-color: #6699FF;
}

.new-station-form .member-block {
    background-color: #3e3e3e;
    border: 1px solid #cccccc;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
}

.new-station-form .alert {
    border-radius: 6px;
    font-weight: bold;
}

.new-station-form .row.g-2 > [class*="col-"] {
    margin-bottom: 8px;
}