/* n8mdprev40.css */

* {
  margin: 0px;
  padding: 0px;
}
body {
	line-height: 18px;
	background-color: #FFFFFF! important;	 
	z-index: -1;
	background-repeat: repeat;
	background-position: left top;
	background-attachment: fixed;
	background-size: cover;
	background-image: url(../images/starfield.jpg);
}
div.centerContent {
	margin-right: auto;
	margin-left: auto;		
	height: auto;
	width: 1000px;
	align: center;
	background-color: #d3d3d3! important;	
}

a {
	text-decoration: underline;
	color:#0000ff;		
}

h1 {
  background-color: #d3d3d3;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

#headerbox {
  background-color: #86888a;
  padding: 5px ;
  height: 15px;
  width: 173px;
}

.checkwx-container {
	background-color: #d3d3d3;
	padding: 3px;
	border: 2px solid black;
	border-radius: 4px;
	margin: 0;
	font-size:12px;
	color:black;
	width: 200px;
}

.topRowButtons {
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background-color:#79bbff;
	border-radius:6px;
	border:2px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:3px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.topRowButtons:hover {
	background-color:#86888a;
}
.topRowButtons:active {
	position:relative;
	top:1px;
}


.myButton {
	display:inline-block;	
	background-color:#d3d3d3;
	color:#252525;  
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	width: 173px;
	padding:5px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#86888a;
}
.myButton:active {
	position:relative;
	top:1px;
}


.button {
  	background-color: #bfe2f9;
  	border:double;
	border-radius: 12px;
  	color: black;
  	padding: 0px 0px;
	width: 100px;
	height: 25px;
	padding-top: 5px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 20px;
	font-weight: bold;
	text-shadow: 0 0 1px #FF0000;
  	margin: auto;
  	cursor: pointer;
} 

#wxrow {
	position: relative;
	z-index: 3;
	height: 30px;
	margin-top: 1px;
	width: 990px;
	margin-left: 0px;
	top: inherit;
	clip: rect(auto,auto,auto,auto);
	background-color: #ffFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#wxrow2 {
	position: relative;
	z-index: 3;
	height: 30px;
	margin-top: 1px;
	width: 540px;
	margin-left: 0px;
	top: inherit;
	clip: rect(auto,auto,auto,auto);
	background-color: #ffFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#newsbar {
	padding: 5px 5px 2px;
	z-index: 3;
	display: inline;
	float: left;
	background-color: #cc0000;
	color: white;
	font-size: 15px;
	position: relative;
	font-weight: bold;
	width: 185px;
	height: 20px;
	left: 2px;
	border: 1px solid white;
}


.bgnormaltext {
  color: black;
  background-color: #ffffff;
  z-index: 3;
  height: 40px;
  font-size: 20px;
}

.bgwithtext {
  color: black;
  background-color: #ff6600;
  z-index: 3;
  height: 40px;
  font-size: 20px;
}

.bgwximmediatetext {
  color: white;
  background-color: red;
  z-index: 3;
  height: 40px;
  font-size: 20px;
}

.bgwxexpectedtext {
  color: black;
  background-color: yellow;
  z-index: 3;
  height: 40px;
  font-size: 20px;
} 
 
#TICKER {
	border: 1px solid #ffffff;
	float: left;
	z-index: 3;
	color: #FFFFFF;
	font-size: 15px;
	overflow: hidden;
	width: 775px;
	position: relative;
	height: 25px;
	display: inline;
	min-width: 0px;
	margin-top: 0px;
	top: 0px;
	left: 3px;
	background-color: #FFFFFF;
}

#TICKERforWx {
	border: 1px solid #0000FF;
	float: left;
	z-index: 3;
	color: #FFFFFF;
	font-size: 15px;
	overflow: hidden;
	width: 540px;
	position: relative;
	height: 25px;
	display: inline;
	min-width: 0px;
	margin-top: 0px;
	top: 0px;
	left: 3px;
	background-color: #EBF5FC;
}

#demobox {
  background-color: blue ;
  padding: 5px ;
  border: 1px solid blue ;
  width: 170px ;
}


#textbox {
  background-color: #FFFDDA ;
  padding: 5px 5px 0px 0px ;
  border: 1px solid black ;
  width: 175px ;
}

img {
  max-width:100%;
  height:auto;
  max-height:100%;  
  }
  
.img-frame {
	background: transparent;
	padding: 15px;
	border: 1px solid #FFFF00;
}
 
/* Style tab links */
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 12px;
  width: 17%;
}

.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
  padding: 100px 20px;
  height: 100%;
} 
 
 /* Style tab links */
.sstvtablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3px 3px;
  height: 120px;
  font-size: 14px;
  width: 14%;
}

.sstvtablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.sstvtabcontent {
  color: white;
  display: none;
  padding: 100px 20px;
  height: 100%;
} 
 
 /* Place many of the styles here */
 /* BLACK */
.style0 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px}  
.style1 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px} 
.style2 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 14px}
.style3 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 16px}
.style4 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 18px}
.style5 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 20px}
.style6 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 24px}

/*  WHITE */
.style10 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px}
.style11 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px}
.style12 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 14px}
.style13 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px}
.style14 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 18px}
.style14 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 20px}
.style15 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 24px}

/*  Lighter BLACK  */
.style20 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #252525; font-size: 10px}
.style21 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #252525; font-size: 12px}
.style22 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #252525; font-size: 14px}
.style23 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #252525; font-size: 16px}
.style24 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #252525; font-size: 20px}
.style25 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #252525; font-size: 24px}

/*  YELLOW */
.style30 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFF00; font-size: 10px}
.style31 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFF00; font-size: 12px}
.style32 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFF00; font-size: 14px}
.style33 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFF00; font-size: 16px}
.style34 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFF00; font-size: 18px}
.style34 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFF00; font-size: 20px}

/* New Marquee Style From ChatGPT  */
.marquee-container1 {
  display: flex;
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  color: white;
  padding: 10px;
  box-sizing: border-box;
  font-family: sans-serif;
}

.marquee-title1 {
  flex: 0 0 auto;
  padding-right: 15px;
  font-weight: bold;
  white-space: nowrap;
  color: white;
  background-color:#FF0000
}

.marquee-area1 {
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
}

.marquee-text1 {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: marquee 16s linear infinite;
}

@keyframes marquee {
  from {
	transform: translateX(0%);
  }
  to {
	transform: translateX(-100%);
  }
}