/* THIS IS FOR VERIFICATION CHECKMARK */

svg {width: 100px;display: block;margin: 40px auto 0;
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  &.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out;
  }
  &.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards;
  }
  &.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards;
  }
}

.success {color: #73AF55;}
.error {color: #D06079;}


@-webkit-keyframes dash {
  0% {stroke-dashoffset: 1000;}
  100% {stroke-dashoffset: 0;}
}

@keyframes dash {
  0% {stroke-dashoffset: 1000;}
  100% {stroke-dashoffset: 0;}
}

@-webkit-keyframes dash-check {
  0% {stroke-dashoffset: -100;}
  100% {stroke-dashoffset: 900;}
}

@keyframes dash-check {
  0% {stroke-dashoffset: -100;}
  100% {stroke-dashoffset: 900;}
}

/* END VERIFICATION CSS CHECKMARK */

/*_________________________________RESET BROWSER DEFAULTS_____________________________________________________*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd,  li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	/*list-style: none;*/
}
li{font-style:normal !important;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

b,strong{font-weight:bold}

.dC{width:200px}


#wGraphicCon{scale:.75}
#wWindCon{scale:.7}
#wCircleCon{scale:.8}
#wGraphicCon:hover,#wWindCon:hover,#wCircleCon:hover{scale:1}


.bC{position:relative}
.bC::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px; /* Adjust height of the blur effect */
  /* This gradient goes from transparent to your background color */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  /* Ensure the overlay is on top of the text */
  z-index: 1; 
  /* Note: This approach creates a *fade* effect, not a true blur. A true blur of the background behind the text requires more complex SVG or backdrop-filter methods. */
}

.no-after.bC::after {
  content: none !important;
  /* or other overrides like display: none !important; */
}

.darkBkg.bC::after {
  background: linear-gradient(to bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 100%);
  /* or other overrides like display: none !important; */
}

#read-more {display:none;
  background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,1));
  color: blue;
  cursor: pointer;
  position: absolute;
  bottom: -20px;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}


  .progress-container {
    position: fixed;
    top: 85px;
    width: 100%;
    height: 3px;
    background: transparent;
    z-index: 1;
  }
  .progress-bar {
    height: 3px;
    background: #0099ed;
    width: 0%;
  }

#eTitle{background:#333;color:#fff;padding:0 5px;margin:-10px;border-top-right-radius:10px;border-top-left-radius:10px}
#eventRows{width:100%;max-height:150px;overflow-x:hidden;overflow-y:hidden;position:relative;scrollbar-width: thin;scrollbar-color: #888 #f1f1f1;}
.hiddenx {display: none !important;}

#overlayx {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Darkens screen */
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  z-index: 9999;
}

.message-boxx {
  min-width:350px;
  max-width:90%;
  background: #fff;
  color:#000;
  padding: 10px;
  border-radius: 10px;
  text-align:left;
  box-shadow: 5px 10px 10px #222;
}


#overlayExit {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Black with 50% opacity */
    z-index: 1000; /* Ensure it is above normal content */
    display: none; /* Hidden by default */
}

/* Modal styles: a box to hold your message */
#modalExit {
    position: fixed;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the modal */
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1001; /* Ensure it is above the overlay */
    display: none; /* Hidden by default */
    color: black; /* Ensure text is readable on the white background */
}

#AQIndicator{font-size:100%;cursor:pointer}
#AQIndicator:hover{font-size:200%}
/*_________________________________BEGIN HOME STUFF_____________________________________________________*/

#AQICircle{font-size: 1.1em;vertical-align:middle;width:45px;height:45px;background-color:#30916c;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;margin-left:5px}
#AQICircle:hover{font-size:1.5em}

#AQIData {width: calc(100% - 2px);}
.blue2Button{
    border: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 5px 20px;
    text-decoration: none;
    color: #fff !important;
    transition: background-color .3s, color .15s, box-shadow .3s, opacity 0.3s, filter 0.3s;
    box-shadow: 5px 10px 10px transparent;
    text-align: left;
    margin: 0px auto 0 auto;
    background:#666; /*#7e6e93*/
    color:#fff;
}

#horoCon{transition: opacity .25s ease-in-out; 
}

#windval{font-size:.85em;margin-top:5px}
.to-top:before, .to-top10:before, .to-top20:before, .to-top30:before, .to-top40:before, .to-top50:before, .to-topCalm:before {
    top: 1px;
}

.blueFade{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a1ff+0,7db9e8+100&1+0,1+60,0.7+85,0+100 */
background: linear-gradient(to bottom,  rgba(0,161,255,1) 0%,rgba(75,175,241,1) 60%,rgba(106,181,235,0.7) 85%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#windval{}
#tBW{display:none}
#sBW{display:inline-block}

.picConD{text-align:center;margin:0 auto;width:80%;display:flex;max-width:80%}
.picCon{width:100%;cursor:zoom-out;}
.picConH{height:85vh;margin:0 auto;width:auto}
#SS{display:block}
#BS{display:none}
.capClassT{text-align: left;width:98%;margin:0 1%}
    
@media (min-width: 200px) and (max-width: 1285px) {
.newsHeadline{font-size:95%}
#sEBD{display:none}
#sEB{display:block}
#sEBA{display:inline-block}
#sBW{display:inline-block}
#nowCircle{display:block !important}
.rssDesc{margin-bottom:5px;font-family:sans-serif;font-size:80%}
#meIcon,#infoIcon,#sIcon{display:block}
}
@media (min-width:250px) and (max-width:1499px){
#searchCalInput img{max-width:100% !important;height:auto !important;float:none;clear:both;}
}
@media (min-width: 500px){
#sEB{display:block}
#sEBD{display:none}
#sEBA{display:inline-block}
}
@media (min-width: 1285px){
#infoIcon,#sIcon{display:none}
#pageMe{dipslay:block}
#sEB{display:none}
#sEBD{display:block}
#sEBA{display:none}
#searchCalInput img,#dailyOutputCon img{max-width:380px !important;height:auto !important;float:left;clear:both;margin:0px 10px 10px 0;}
.info{display:none}
#hazardDiv{float:none;text-align:left;}
.newsHeadline{font-size:1.2em;}
.rssDesc{margin-bottom:5px;font-family:sans-serif;font-size:100%}
}

p.dropcap-paragraph::first-letter {
    float: left; /* Pulls the letter to the left, allowing text to wrap around it */
    font-size: 60px; /* Adjust size as needed */
    line-height: 50px; /* Adjust line height for alignment */
    padding: 3px 10px 1px 3px; /* Space around the letter */
    font-family: Georgia, serif;
    font-weight: bold;
    text-align:left;
}


/*_________________________________END HOME STUFF_____________________________________________________*/

/*_________________________________DOCUMENT STRUCTURE_____________________________________________________*/



#screenOverlay {
 visibility: hidden;
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 text-align: center;
 z-index: 600;
  overflow: hidden;
}
#dialog {
 position: relative;
 top: 50%;
 transform: translateY(-50%);
 width: 300px;
 margin: 0 auto;
 background-color: #fff;
 border: 1px solid;
 border-color: #ccc #222 #222 #ccc;
border-left:0px;
 border-radius: 10px;
 text-align: left;
 box-shadow: 15px 15px 25px -3px rgba(0,0,0,0.95);
}
#oCon {
 padding: 0 15px;
}
.closerX {
 float: right;
 margin: 2px 5px;
}
.closerBar {
 background: #ccc;
 height: 30px;
 border-top-right-radius: 9px;
 border-top-left-radius: 9px;
}

#overlay{display:none}

a{color:#00a1ff;}
html{height:100%;overflow-y: scroll;}

body{
/*display:flex;
flex-direction:column;*/
height:100vh;
margin:0;padding:0;
font-family:sans-serif,Arial,Century Gothic,Verdana;
font-size:1em;
line-height:150%;
opacity:0;

webkit-transition-property: opacity;
  -webkit-transition-duration: 0.2s;
   -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s; /* Standard syntax */
                transition-property: opacity;
                transition-duration: 0.2s;
                transition-timing-function: ease-in-out;
                transition-delay: 0s;
}

input,select,textarea,file,option{padding:5px;border-radius:5px;font-size:1.2em;margin:5px;background:transparent}

.trans{background:transparent;}

.normalLight{
background-color: none;
color:none;
/*-webkit-transition: background 2.0s ease-in-out;
transition: background 1.0s ease-in-out;   
*/
}

.fullSpringLightBkg {
background: url(/images/backgrounds/SpringLightBkg.jpg) no-repeat center center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullSpringDarkBkg {
background: url(/images/backgrounds/SpringDarkBkg1.jpg) no-repeat center center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullSummerLightBkg {
background: url(/images/backgrounds/palmBeachLightBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullSummerDarkBkg {
background: url(/images/backgrounds/palmBeachDarkBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullFallLightBkg {
background: url(/images/backgrounds/fallLightBkg2.jpg) no-repeat center center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullFallDarkBkg {
background: url(/images/backgrounds/fallDarkBkg2.jpg) no-repeat center center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.fullWinterLightBkg {
background: url(/images/backgrounds/winterLightBkgx.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullWinterDarkBkg {
background: url(/images/backgrounds/winterDarkBkgx.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.fullFallWindowLightBkg {
background: url(/images/backgrounds/fallWindowLightBkgx.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
 -webkit-background-size: cover;
   height: 100%;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullFallWindowDarkBkg {
background: url(/images/backgrounds/fallWindowDarkBkgx.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.fullColoredBallsLightBkg {
background: url(/images/backgrounds/PartyLightsLightBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullColoredBallsDarkBkg {
background: url(/images/backgrounds/PartyLightsDarkBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.fullSwirlLightBkg {
background: url(/images/backgrounds/SwirlLightBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullSwirlDarkBkg {
background: url(/images/backgrounds/SwirlDarkBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullRoseLightBkg {
background: url(/images/backgrounds/RoseLightBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullRoseDarkBkg {
background: url(/images/backgrounds/RoseDarkBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullAngularLightBkg {
background: url(/images/backgrounds/AngularLightBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullAngularDarkBkg {
background: url(/images/backgrounds/AngularDarkBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullWaveLightBkg {
background: url(/images/backgrounds/Wave2LightBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullWaveDarkBkg {
background: url(/images/backgrounds/Wave2DarkBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullSpaceBlurLightBkg {
background: url(/images/backgrounds/spaceBlurLightBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullSpaceBlurDarkBkg {
background: url(/images/backgrounds/spaceBlurDarkBkg.jpg) no-repeat left center fixed;
-webkit-transition: background 1.0s ease-in-out;
transition: background 1.0s ease-in-out;   
   height: 100%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.shimmer,.navClass{}
.navBlack{background:#fff;}
.navGreen{background:#27bd88}
.navBlue{background:#0099e4}
.navOrange{background:#f0966a}
.navTan{background:#beaf97}
.navGray{background:#222}

.shimmerGrayBlack {
	background: linear-gradient(270deg, #999, #000); /*#beaf97#8598ad#e3c599#ffdea9, #647a93 was shimmer*/
	background-size: 400% 400%;
	-webkit-animation: shimmer 30s ease infinite;
	-moz-animation: shimmer 30s ease infinite;
	animation: shimmer 30s ease infinite;
}
.shimmerBlueGray {
	background: linear-gradient(270deg, #8598ad, #647a93); /*#beaf97#8598ad#e3c599#ffdea9, #647a93*/
	background-size: 400% 400%;
	-webkit-animation: shimmerBlueGray 30s ease infinite;
	-moz-animation: shimmerBlueGray 30s ease infinite;
	animation: shimmerBlueGray 30s ease infinite;
}
.shimmerBlueGreen {
	background: linear-gradient(270deg, #27bd88, #0099e4); /*#beaf97#8598ad#e3c599#ffdea9, #647a93*/
	background-size: 400% 400%;
	-webkit-animation: shimmerBlueGreen 30s ease infinite;
	-moz-animation: shimmerBlueGreen 30s ease infinite;
	animation: shimmerBlueGreen 30s ease infinite;
}
.shimmerGreens {
	background: linear-gradient(270deg, #1e9269, #27bd88); /*#beaf97#8598ad#e3c599#ffdea9, #647a93 was Orange Pink*/
	background-size: 400% 400%;
	-webkit-animation: shimmerOrangePink 30s ease infinite;
	-moz-animation: shimmerOrangePink 30s ease infinite;
	animation: shimmerOrangePink 30s ease infinite;
}
.shimmerTanBlue {
	background: linear-gradient(270deg, #beaf97, #647a93); /*#beaf97#8598ad#e3c599#ffdea9, #647a93 was Dark*/
	background-size: 400% 400%;
	-webkit-animation: shimmerDark 30s ease infinite;
	-moz-animation: shimmerDark 30s ease infinite;
	animation: shimmerDark 30s ease infinite;
}
.shimmerBlues {
	background: linear-gradient(270deg, #007092, #00a3d7); /*#beaf97#8598ad#e3c599#ffdea9, #647a93 was LIGHT is blues*/
	background-size: 400% 400%;
	-webkit-animation: shimmerLight 30s ease infinite;
	-moz-animation: shimmerLight 30s ease infinite;
	animation: shimmerLight 30s ease infinite;
}
.shimmerOrangePink {
	background: linear-gradient(270deg, #f77999, #f0966a); /*#beaf97#8598ad#e3c599#ffdea9, #647a93*/
	background-size: 400% 400%;
	-webkit-animation: shimmerOrangePink 30s ease infinite;
	-moz-animation: shimmerOrangePink 30s ease infinite;
	animation: shimmerOrangePink 30s ease infinite;
}


@-webkit-keyframes shimmer {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-webkit-keyframes shimmerLight {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-webkit-keyframes shimmerDark {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-webkit-keyframes shimmerBlueGray {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-webkit-keyframes shimmerBlueGreen {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-webkit-keyframes shimmerOrangePink {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-webkit-keyframes shimmerOrangePinkReal {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}





#dTHb{background-image:linear-gradient(270deg,#eee,transparent);border-bottom-left-radius: 5px;border-top-left-radius: 5px;font-size:110%;margin:0 0 10px 0}

.Shade{cursor:zoom-out;position:absolute;top:0;left:0;overflow-x:hidden;display:none;}
.Promo{position:fixed;display:none;text-align:center;vertical-align:middle;}
#fPic{cursor:zoom-out}
.picDiv{width:90%;margin:0 auto;text-align:center;font-size:.85em;border-bottom:1px solid #ccc}

.capClass{text-align:left;margin-top:-5px;padding:10px 20px;background:transparent;opacity:1;color:#000;font-family:century gothic,verdana,arial;font-size:.85em;}
.capPC{display:block;margin-top:5px;font-size:90%;color:#999;line-height:150%}

.centered {position: fixed;top: 50%;left: calc(50% - 100px);
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.goBig{cursor:zoom-in;max-width:100%;padding-bottom:10px;height:100% !important}
.closeIT{position:fixed;top:20px;right:2%;max-width:27px;}
.zoom{cursor:zoom-in;}


.logoGolds{margin-bottom:0px;border:none;}
#logoName{margin:8px 0 0 5px;border:none}
.logoText{font-size:1.2em !important;font-family:sans-serif;padding-left:10px;}
.output{}
.newsBlock{max-width:180px;float:left;margin:0 0 5px 0}
.newsImage{max-width:160px}
.captionSpan{display:none;font-size:.8em;color:#666}
.newsHeadline,.newsHeadlineJournal{margin:0 0 5px 0;font-weight:bold}
.newsHeadlineJournal{}
.newsLink{text-decoration:none}
.noSpace{clear:both;display:block;margin:0;line-height:0;content:" "}

.alerts{height:25px;line-height:25px;margin:5px 0 0 5px}

#navDiv{height:50px;position:fixed;top:0;left:0;width:100%;z-index:7;}

#navDivLogo{display:inline-block;padding:0 0 0 5px;height:42px}


#News,#Weather,#Astro,#Maps,#Search,#Alerts,#calDiv{
padding:0 10px;
margin-right:20px;
z-index:30;
text-decoration:none;
border-radius:5px;
border-top:5px solid transparent;
cursor:pointer;
}


.WD1,.WD2,.WD3,.WD4,.WD5,.WD6,.WL1,.WL2,.WL3,.WL4,.WL5,.WL6,{font-size:.8em;margin:0;padding:0;}


.WD1{background:#222}
.WD2{background:#074373}
.WD3{background:#373a0c}
.WD4{background:#a05310}
.WD5{background:#62160a}
.WD6{background:#63017f}
.WL1{background:deepskyblue}
.WL2{background:#cae6fc}
.WL3{background:#f3f5d1}
.WL4{background:#fae2cc}
.WL5{background:#fad3cc}
.WL6{background:#fbcbce}

#Alerts:hover,#Maps:hover,#Astro:hover,#Weather:hover,#News:hover,#calDiv:hover,#newsMenu:hover,#calendarMenu:hover,#gamesMenu:hover,#journalMenu:hover{
border-radius:0;border-top:5px solid #857595;}

#News:active,#Weather:active,#Astro:active,#Maps:active,#Search:active,#Alerts:active,#calDiv:active { 
border-top:5px solid #009eed;
}

.mac {
vertical-align:middle;
display:inline-block;
  width: 20px;
  height: 15px;
  background-color: transparent;
  transition: all 0.35s 0s;
}

.chevron::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0em;
	transform: rotate(135deg);
	vertical-align: top;
	width: 0.45em;
  color:#fff;
}
.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	transform: rotate(-135deg);
}

.toggle-down {
  transform: rotate(0deg);
}


.toggle-up {
  transform: rotate(180deg);
}


.dropbtn,.dropbtn2 {

/*position:fixed;top:12px;right:60px;color:#fff;font-size:1em;text-align:right;*/
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */

.h20{height:40px}
.h30{height:40px}
.h40{height:40px}
.h50{height:40px}
.h60{height:40px}
.h100{height:40px}


.weatherProgress{width:360px !important;margin:0;position:fixed;top:20%;left:calc(50% - 180px);border:1px solid;padding:20px 5px;background:#fff;color:#000;border-radius: 10px;min-height: 60px;z-index:15}

#getDataDiv{display:none;position:absolute;width:inherit;min-width:180px;max-width:180px;background:#222;z-index:6;border:1px solid #666;border-radius:10px;padding:10px 0;opacity:.7;color:#fff;margin:80px 0 0  100px;text-align:center;font-size:.9em}

.progress,.progressDark {
width:90%;
margin:0 5%;
   height: 4.5px;
   width: auto;
   background: linear-gradient(#009eed 0 0),linear-gradient(#009eed 0 0),#ccc;background-size: 60% 100%;background-repeat: no-repeat;animation: progress-7x9cg2 2s infinite;
}

.progressDark{background: linear-gradient(#009eed 0 0),linear-gradient(#009eed 0 0),#444;animation: progress-7x9cg2D 3s infinite;}

@keyframes progress-7x9cg2 {
   0% {
      background-position: -150% 0,-150% 0;
   }

   66% {
      background-position: 250% 0,-150% 0;
   }

   100% {
      background-position: 250% 0, 250% 0;
   }
}

@keyframes progress-7x9cg2D {
   0% {
      background-position: -150% 0,-150% 0;
   }

   66% {
      background-position: 250% 0,-150% 0;
   }

   100% {
      background-position: 250% 0, 250% 0;
   }
}

.blueBar{
z-index:3;
position:fixed;
width:100%;
height:8px;
background: linear-gradient(to right,#009eed, #0c4866, #009eed, #0c4866,#009eed);
  background-repeat: repeat;
  box-shadow: 0 0 0px 0px orange;
  animation: 
    shine 4s linear infinite,end 4s linear,infinite;
  transition: width 4s ease;
}

#goldBar,.goldBar{
z-index:3;
position:fixed;
width:100%;
height:8px;
background: linear-gradient(to right,#ad8c39, #fff7a5, #ad8c39, #fff7a5,#ad8c39);
  background-repeat: repeat;
  box-shadow: 0 0 0px 0px orange;
  animation: 
    shine 4s linear infinite,end 4s linear,infinite;
  transition: width 4s ease;
}

@keyframes shine {
  0% { background-position: 0 0; }
  100% { background-position: 50vw 0; }
}

@keyframes end {
/*  0%, 100% { box-shadow: 0 0 10px 0px orange; }
  50% { box-shadow: 0 0 15px 5px orange; }*/
}

#xgoldBar{width:100%;height:20%;overflow:hidden;background-image:url(/images/goldbarx.png)}

.navBox{width:auto;margin:0 auto;font-size:.8em}

.dC{border-radius:10px;padding: 2px 10px !important;margin-bottom: 5px;}

.dropdown {
  position: relative;
  display: inline-block;
  color:#000;
}

/* Change color of dropdown links on hover ;border:2px solid #009eed; */
.dropdown-content a:hover {background-color: #009eed;color:#fff !important;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
transition-property: visibility,opacity;
 transition-delay: 0.5s;   
 opacity:1;visibility: visible;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn:hover {
  border-top:5px solid #fff;color:#fff;
}


.dropdown-content,.dCActive {
/*right:0;*/
opacity: 0;
visibility: hidden;
  position: absolute;
  background-color: #fff;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10;
  right:0;
  padding:0 0 25px 0;
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    margin:0 auto;
    border-bottom:1px solid #999;
    border-top:30px solid #857595;
    font-size:1.1em;
    min-height:90px;
transition-property: visibility,opacity;
  /* This delay applies when the submenu hides (on mouseout) */
  transition-delay: 0.3s;     
  }

.dCActive{border-top:15px solid #8cb3c7;}

/* Links inside the dropdown */
.dropdown-content a:link,.dropdown-content a:visited {
  color: black;
  padding: 10px;
  text-decoration: none;
  display: block;
  z-index: 10;
}


/*#cmenu:hover {  border-top:5px solid tomato;color:#eee;}*/


.activeMenuItem {
  border-top:5px solid #8cb3c7;border-radius:0 !important;
}

.dropdownTitle{font-size:1.1em;width:auto;margin:0 auto;padding-left:100px;max-width:1170px}


#dailyOutputCon img {
width: 100% !important;
height: 100% !important;
margin-bottom: 0px !important;
}

/*_________________________________TAB STRUCTURES_____________________________________________________*/


table{border-collapse: collapse;}

.loading {-webkit-animation: rotation 2s infinite linear;}

@-webkit-keyframes rotation {
		from {-webkit-transform: rotate(0deg);}
		to {-webkit-transform: rotate(359deg);}
}

.whiteNight{text-align:center;vertical-align:top;padding:10px;border-right:1px solid #ddd;background:#ddd;min-width:250px;background:#222;color:#ddd;font-size:100%;min-width:250px;}
.whiteDay{text-align:center;vertical-align:top;padding:10px;border-right:1px solid #ddd;background:#ddd;min-width:250px;background:#fff;color:#ddd;font-size:100%;min-width:250px;}
.whiteDayH{scale:.9;text-align:center;vertical-align:top;padding:10px;border-right:1px solid #ddd;border-right:none;padding:5px;min-width:30px;max-width:30px;height:32px;}
.whiteDayH:hover{scale:1.1}
/* Style the tab */
.tab,.tabB {
margin:10px 0 0 0;
  overflow: hidden;
border-bottom: 1px solid #666;
display: inline-block;

}

.tab,.tab2{opacity:0;}

/* Style the buttons that are used to open the tab content */
.tab button,.tabB button {
  background-color: inherit;
  font-size: 1em;
  float: left;
border: 1px solid #bbb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom:none;
      outline: none;
  cursor: pointer;
  padding: 5px 9px;
 /* transition: 0.3s;*/
  background:#ddd;
}

/* Change background color of buttons on hover */
.tab button:hover,.tabB button:hover {
  background-color: #eee;
}

/* Create an active/current tablink class */
.tab button.active,.tabB button.active {
  background-color: #fff;
  }

.tabB button {border:1px solid #111;background-color: #222;color:#ccc;}
.tabB button.active {background-color: #666;color:#ccc;}
.tabB button:hover {background-color: #444;color:#aaa;}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 0px;
  /*border: 1px solid #ccc;*/
  border-top: none;
  
}

.tabcontent,#dailyForecastQuick,#dailyForecastShort,#dailyForecastLong,#chartDiv,#hourlyDiv {
  animation: fadeEffect .35s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.radar {
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 50%;
    position: relative;
    float: left;
    margin-right:10px;
  }
  .radar::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid;
    border-radius: 50%;
  }
  


/*_________________________________SHARE STRUCTURES_____________________________________________________*/




.add,.addActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;;width:20px;height:20px;background-image:url(/images/icons/circular/addOne.png)}
.add:hover,.addActive{filter:grayscale(0%);}
.addPlus{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;;width:20px;height:20px;background-image:url(/images/icons/circular/addPlus.png)}
.addPlus:hover{filter:grayscale(0%);}
.facebook{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;;width:20px;height:20px;background-image:url(/images/icons/circular/facebook.png)}
.facebook:hover{filter:grayscale(0%);}
.linkedin{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;;width:20px;height:20px;background-image:url(/images/icons/circular/linkedin.png)}
.linkedin:hover{filter:grayscale(0%);}
.twitter{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/twitterNew2.png)}
.twitter:hover{filter:grayscale(0%);}
.email,.emailActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/email.png)}
.email:hover,.emailActive{filter:grayscale(0%);}
.calendar,.calendarActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/calendar.png)}
.calendar:hover,.calendarActive{filter:grayscale(0%);}
.call,.callActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/call.png)}
.call:hover,.callActive{filter:grayscale(0%);}
.link,.linkActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/link.png)}
.link:hover,.linkActive{filter:grayscale(0%);}


.info,.infoActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/infoBlue.png)}
.info:hover,.infoActive{filter:grayscale(0%);}
.refresh,.refreshActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/reset2.png)}
.refresh:hover,.refreshActive{filter:grayscale(0%);}
.delete{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/delete.png)}
.delete:hover{filter:grayscale(0%);}
.soundDisabled{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/soundDisabled2.png)}
.soundDisabled:hover{filter:grayscale(0%);}
.soundEnabled{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/soundEnabled2.png)}
.soundEnabled:hover{filter:grayscale(0%);}
.gear,.gearActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/gear.png)}
.gear:hover,.gearActive{filter:grayscale(0%);}
.edit,.editActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/edit.png)}
.edit:hover,.editActive{filter:grayscale(0%);}
.editActiveXXX{filter:grayscale(0%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/editActive.png)}
.editActiveXXX:hover{filter:grayscale(30%);}
.loading,.loadingActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/loading.gif)}
.loading:hover,.loadingActive{filter:grayscale(0%);}



.home,.homeActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/home.png)}
.home:hover,.homeActive{filter:grayscale(0%);}
.contact,.contactActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/contact.png)}
.contact:hover,.contactActive{filter:grayscale(0%);}
.contactb,.contactbActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/contactb.png)}
.contactb:hover,.contactbActive{filter:grayscale(0%);}
.govd,.govdActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/govd.png)}
.govd:hover,.govdActive{filter:grayscale(0%);}
.rss,.rssActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/rss.png)}
.rss:hover,.rssActive{filter:grayscale(0%);}
.archive,.archiveActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/archives.png)}
.archive:hover,.archiveActive{filter:grayscale(0%);}
.moreV,.moreActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/moreV.png)}
.moreV:hover,.moreActive{filter:grayscale(0%);}
.moreH,.moreHActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/moreH.png)}
.moreH:hover,.moreHActive{filter:grayscale(0%);}
.share,.shareActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/share2.png)}
.share:hover,.shareActive{filter:grayscale(0%);}
.search,.searchActive{filter:grayscale(100%);display:inline-block;background-repeat: no-repeat;background-size: 20px 20px;margin-right:5px;width:20px;height:20px;background-image:url(/images/icons/circular/search.png)}
.search:hover,.searchActive{filter:grayscale(0%);}





/*_________________________________WIND STRUCTURE_____________________________________________________*/

.N{font-weight:bold;line-height: 200%}
.oddSpacer{}
.outerdiv{display:inline-block;width:85%;text-align:center;font-family: arial;font-size:.9em;}
.boxit {font-family:arial;font-size:1.2em;text-align:center;display:inline-block;margin-left:1em;width:4.9em;height:4.7em;font-weight:bold;margin-bottom:5px;margin-left:2px;}
/*.boxit {font-family:arial;font-size:1.2em;text-align:center;display:inline-block;margin-left:1em;width:3em;height:3em;font-weight:bold;margin-top:30px;}*/

.to-top,.to-top10,.to-top20,.to-top30,.to-top40,.to-top50,.to-topCalm{
padding-top:22.5px;
display:inline-block;/* or block */
position:relative;
transition:all .3s ease-out;
}

#dFI,#aFI{font-size:.9em;display:none;line-height:100%;vertical-align:text-top;padding: 0 30px 0 10px}

.to-top:before,.to-top10:before,.to-top20:before,.to-top30:before,.to-top40:before,.to-top50:before,.to-topCalm:before{
content:'\2191';
font-size:1.1em;
font-family: century gothic;
font-weight:bold;
position:absolute;
top:5px;
left:7px;
margin-left:-2.15em;
border-radius:10em;
width:4em;
height:4em;
line-height:100%;
transition:transform .5s ease-in;
}

.to-topCalm:before{color:transparent;box-shadow: 0 10px 40px #2f99ff;}
.to-top10:before{box-shadow: 0 5px 10px #6596af;}
.to-top20:before{box-shadow: 0 8px 10px #81a387;}
.to-top30:before{box-shadow: 0 10px 10px #ff8c00;}
.to-top40:before{box-shadow: 0 13px 10px #fd4919;}
.to-top50:before{box-shadow: 0 15px 10px #ff0000;}

/*.to-topCalm:before{color:transparent;box-shadow: 0 10px 40px #6596af;}
.to-top10:before{box-shadow: 0 5px 10px #6596af;}
.to-top20:before{box-shadow: 0 8px 10px #6596af;}
.to-top30:before{box-shadow: 0 10px 10px #6596af;}
.to-top40:before{box-shadow: 0 15px 10px #6596af;}
.to-top50:before{box-shadow: 0 20px 10px #6596af;}

*/


.hto-topCalm{text-align:center;box-shadow: 0 -50px 50px #2f99ff;}
.hto-top10{text-align:center;box-shadow: 0 -50px 50px #005eb9;}
.hto-top20{text-align:center;box-shadow: 0 -50px 50px #81a387}
.hto-top30{text-align:center;box-shadow: 0 -50px 50px darkorange;}
.hto-top40{text-align:center;box-shadow: 0 -50px 50px #ff0000;}
.hto-top50{text-align:center;box-shadow: 0 -50px 50px #2e71fe;}

/*_________________________________AUTOCOMPLETE STRUCTURE_____________________________________________________*/

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

/*input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;{b
}*/

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 9999;
  /*position the autocomplete items to be the same width as the container:*/
  width:97%;
  top: 100%;
  left: 0;
  right: 0;
  color: #111;
}

.autocomplete-items div {
  font-size:1.2em;
  padding: 5px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
  color: #111;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9;color:#000; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.nf-item{background-color: pink !important;;}


/*_________________________________FLIPPER STRUCTURE_____________________________________________________*/

/* entire container, keeps perspective */
.flip-container {
	perspective:80vw
}
	/* flip the pane when hovered 
.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}*/

.flip-container, .front, .back {
	/*width: 100%;
	height: 100%;
	min-width:500px;
	height:calc(0+ 0.8vh);
	min-height: 500px;*/
	width:80vw;
	min-height:500px;
	height:80vh;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

.flip-container.hover .flipper, .flip-container.flip .flipper {
	transform: rotateY(180deg);
}
/*_________________________________REMOVE BROWSER FORM FOCUS STRUCTURE_____________________________________________________*/




input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
input[type="button"], input[type="submit"]{
border:none;
cursor:pointer;
border-radius:5px;
border:none;
cursor:pointer;
border-radius:5px;
/*color:#fff !important;;*/
}

a.greenButton,.clearButton,.orangeButton,.grayButton,.blueButton,.redButton,.greenButton,.orangeButton-h,.grayButton-h,.blueButton-h,.redButton-h,.greenButton-h,.tomatoButton,.grayButton9,.grayButton8,.grayButton6,.grayButton4,.grayButtonb,.grayButtona,.thinClearButton,.thinOrangeButton,.thinBlueButton,.thinGrayButton,.thinRedButton,.thinGreenButton,.thinTomatobutton{
font-size:110%;
border:none;
cursor:pointer;
border-radius:5px;
padding:5px 20px;
text-decoration: none;
color:#fff !important;
transition: background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
box-shadow:5px 10px 10px transparent;
text-align:center;
margin:20px auto;
}

.tomatoButton,.thinTomatoButton{background-color:tomato !important;}
.redButton,.thinRedButton{background-color:maroon !important;}
.blueButton,.thinBlueButton{background-color:#009eed !important;}
.orangeButton,.thinOrangeButton{background-color:#ff6a00 !important;}
.grayButton,.thinGrayButton{background-color:#666 !important;}
.greenButton,.thinGreenButton{background-color:#3a8c6d !important;}
.clearButton,.thinClearButton{background-color:transparent !important;color:none !important;}
.grayButton9{background-color:#999 !important;}
.grayButton8{background-color:#888 !important;}
.grayButton6{background-color:#666 !important;}
.grayButton4{background-color:#444 !important;}
.grayButtona{background-color:#aaa !important;}
.grayButtonb{background-color:#bbb !important;}


.redButton-h{background-color:maroon !important;}
.blueButton-h{background-color:#009eed !important;}
.orangeButton-h{background-color:#ff6a00 !important;}
.grayButton-h{background-color:#666 !important;}

.thinClearButton,.thinOrangeButton,.thinBlueButton,.thinGrayButton,.thinRedButton,.thinGreenButton{
padding:2px 10px;
margin:0;
}


a.greenButton:hover,.orangeButton:hover,.grayButton:hover,.blueButton:hover,.redButton:hover,.greenButton:hover,input[type="button"]:hover, input[type="submit"]:hover
{background-color:#27bd88;color:#fff;text-decoration:none;box-shadow:5px 10px 10px #ccc;}

.redButton:hover,.tomatoButton:hover{background-color:red !important;}
.greenButton:hover,.tomatoButton:hover{background-color:lime !important;}


.butTab,.butTabOn{padding:5px 5px 0 5px;border-top-left-radius:5px;border-top-right-radius:5px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #222;margin-left:8px;background:#fff;font-size:1em;border-bottom:3px solid #fff;}
.butTabOn{color: #fff;background-color:#10afef	;border-bottom:3px solid transparent;
}
.orange{border-color:#f8d19a;color:#da860e;}
.darkBlue{border-color:#cfb1f3;color:purple;}
.lime{border-color:#dbfbc3;color:green;}
.gold{border-color:gold}
.gold2{border-color:#ee9210}
.gray{border-color:#ccc}
.liteBlue{border-color:#d8f4fc;color:#069;}

.cityH1{margin:0;font-size:175%;}
.f2bPad{margin:10px 0 0 0;padding:10px 10px 30px 10px;}
.astroH3{margin:5px 0 10px 0}
.row{overflow:hidden;}
/*h3,div h3{margin:10px 0;border-top:25px solid #10afef;border-radius:5px;}*/

#dailyDate{font-size:1.1em;color:#fff;font-weight:bold;}
.cM{cursor:move;}
.bN{border:none;}

.fWN{font-weight:normal}
.fWB{font-weight:bold}

.pL5{padding-left: 5px}
.fs70,.fs7{font-size:.7em}
.fs75{font-size:.75em}
.fs8,.fs80{font-size:.8em}
.fs85{font-size:.85em}
.fs90,.fs9{font-size:.9em}
.fs95{font-size:.95em}
.fS70,.fS7{font-size:.7em}
.fS75{font-size:.75em}
.fS8,.fS80{font-size:.8em}
.fS85{font-size:.85em}
.fS90,.fS9{font-size:.9em}
.fS95{font-size:.95em}
.fS1{font-size:1em}
.fS2{font-size:2em}
.fS3{font-size:3em}
.fS13{font-size:13px}
.fS11{font-size:1.1em}
.fS12{font-size:1.2em}
.fS13{font-size:1.3em}
.fS15{font-size:1.5em}

.dN{display:none;}
.dB{display:block;}
.dI{display:inline;}
.dIB{display:inline-block;}
.dT{display:inline-table;}

.vH{visibility:hidden}
.vV{visibility:visible}

.vAM{vertical-align:middle;}
.vAT{vertical-align:top;}
.vAT{vertical-align:top;}
.vAB{vertical-align:bottom;}
.vATB{vertical-align:text-bottom;}
.vATT{vertical-align:text-top;}


.lH100{line-height: 100%}
.lH105{line-height: 105%}
.lH110{line-height: 110%}
.lH120{line-height: 120%}
.lH125{line-height: 125%}
.lH150{line-height: 150%}
.lH150{line-height: 150%}
.lH175{line-height: 175%}
.lH200{line-height: 200%}
.lH300{line-height: 300%}

.fB{font-weight:bold}
.fSI{font-style:italic}
.fBNfont-style:normal}

.b1S{border:1px solid}
.b2S{border:2px solid}
.b1S6{border:1px solid #666}
.b1Sc{border:1px solid #ccc}

.oH{overflow:hidden}
.oXS{overflow-x: scroll}
.oYS{overflow-y: scroll}
.oS{overflow: scroll}

.O0{opacity:0}
.o1}{opacity:.1}
.o2}{opacity:.2}
.o3}{opacity:.3}
.o4}{opacity:.4}
.o5}{opacity:.5}
.o6}{opacity:.6}
.o7}{opacity:.7}
.o8}{opacity:.8}
.o9}{opacity:.9}
.o10}{opacity:1}

.z0{z-index:0}
.z1}{z-index:1}
.z2}{z-index:2}
.z3}{z-index:3}
.z4}{z-index:4}
.z5}{z-index:5}
.z6}{z-index:6}
.z7}{z-index:7}
.z8}{z-index:8}
.z9}{z-index:9}
.z10}{z-index:10}
.z50{z-index:50 !important}

.fWN{font-weight:normal}
.fWB{font-weight:bold}
.fTDLT{text-decoration:line-trhough}
.fTDB{text-decoration:blinck}
.fTDU{text-decoration:underline}
.fTDO{text-decoration:overline}


.dN{display:none;}
.dB{display:block;}
.dI{display:inline;}
.dIB{display:inline-block;}
.dT{display:inline-table;}

.m0{margin:0}
.mT0{margin-top:0}
.mT5{margin-top:5px}
.mT10{margin-top:10px}
.mT15{margin-top:15px}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mB0{margin-bottom:0}
.mB5{margin-bottom:5px}
.mB10{margin-bottom:10px}
.mB15{margin-bottom:15px}
.mB30{margin-bottom:30px}
.mB20{margin-bottom:20px}
.mB25{margin-bottom:25px}
.mB30{margin-bottom:30px}
.mB35{margin-bottom:35px}
.mB40{margin-bottom:40px}
.mB45{margin-bottom:45px}
.mB50{margin-bottom:50px}
.mB60{margin-bottom:60px}
.mR5{margin-right:0px}
.mR5{margin-right:5px}
.mR10{margin-right:10px}
.mR15{margin-right:15px}
.mR20{margin-right:20px}
.mL0{margin-left:0px}
.mL5{margin-left:5px}
.mL10{margin-left:10px}
.mL15{margin-left:15px}
.mL20{margin-left:20px}

.b1PS{border:1px solid}
.b1PD{border:1px dashed}

.bRN{border-radius:none}
.bR3{border-radius:3px}
.bR5{border-radius:5px}
.bR10{border-radius:10px}
.bR15{border-radius:15px}
.bR20{border-radius:20px}
.bTR3{border-top-left-radius:3px;border-top-right-radius:3px}
.bTR5{border-top-left-radius:5px;border-top-right-radius:5px}
.bTR10{border-top-left-radius:10px;border-top-right-radius:10px}
.bTR20{border-top-left-radius:20px;border-top-right-radius:20px}
.bBR3{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.bBR5{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.bBR10{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.bBR20{border-bottom-left-radius:20px;border-bottom-right-radius:20px}

.p0-20{padding:0 20px}
.p0-15{padding:0 15px}
.p0-10{padding:0 10px}
.p0-5{padding:0 5px}
.p5-0{padding:5px 0}
.p10-0{padding:10px 0}
.p15-0{padding:15px 0}
.p20-0{padding:20px 0}

.m0-20{margin:0 20px}
.m0-15{margin:0 15px}
.m0-10{margin:0 10px}
.m0-5{margin:0 5px}
.m5-0{margin:5px 0}
.m10-0{margin:10px 0}
.m15-0{margin:15px 0}
.m20-0{margin:20px 0}


.p0{padding:0px}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.pT0{padding-top:0}
.pT5{padding-top:5px}
.pT10{padding-top:10px}
.pT15{padding-top:15px}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pB0{padding-bottom:0}
.pB5{padding-bottom:5px}
.pB10{padding-bottom:10px}
.pB15{padding-bottom:15px}
.pB30{padding-bottom:30px}
.pB20{padding-bottom:20px}
.pB25{padding-bottom:25px}
.pB30{padding-bottom:30px}
.pB35{padding-bottom:35px}
.pB40{padding-bottom:40px}
.pB45{padding-bottom:45px}
.pB50{padding-bottom:50px}
.pR5{padding-right:0px}
.pR5{padding-right:5px}
.pR10{padding-right:10px}
.pR15{padding-right:15px}
.pR20{padding-right:20px}
.pL0{padding-left:0px}
.pL5{padding-left:5px}
.pL10{padding-left:10px}
.pL15{padding-left:15px}
.pL20{padding-left:20px}


.pA{position:absolute}
.pF{position:fixed}
.pR{position:relative}
.pX{position:flex}
.pK{position:sticky}
.pS{position:static}


.lastUpdated{text-align:right;font-size:.85em;}
.b1PG{;border-top:1px solid #ccc;border-right:1px solid #999;border-left:1px solid #ccc;border-bottom:1px solid #999}
.wF{margin-bottom:20px;padding:5px;border-radius:5px;}
.metaData{padding:5px;width:calc(100%-10px);margin-bottom:15px;border-radius:5px;background:#ffc}
.geoData{padding:5px;width:calc(100%-10px);margin-bottom:15px;border-radius:5px;background:#cfc}
.astroData{padding:5px;width:calc(100%-10px);margin-bottom:15px;border-radius:5px;background:#fc9}
.pB0{font-size:1.2em;margin:5px 0 0 0;line-height:100%;}

::-webkit-scrollbar {
display:none;
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
}

::-webkit-scrollbar-track {
background: #333;
}

::-webkit-scrollbar-thumb {
background: #999;  
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background: #ccc;  
}


.nm,.nmb{font-size:.9rem;font-family:sans-serif,Arial,Century Gothic,Verdana;}
.nmb{color:#000;}
form{margin:0;padding:0;}
/*.row{display:block;margin:5% 0;padding:15px;border-bottom:1px solid #ccc;}*/


.small-1{width:8.33333%}.small-2{width:16.66667%}.small-3{width:25%}.small-4{width:33.33333%}.small-5{width:41.66667%}.small-6{width:50%}.small-7{width:58.33333%}.small-8{width:66.66667%}.small-9{width:75%}.small-10{width:83.33333%}.small-11{width:91.66667%}.small-12{width:100%}.medium-1{width:8.33333%}.medium-2{width:16.66667%}.medium-3{width:25%}.medium-4{width:33.33333%}.medium-5{width:41.66667%}.medium-6{width:50%}.medium-7{width:58.33333%}.medium-8{width:66.66667%}.medium-9{width:75%}.medium-10{width:83.33333%}.medium-11{width:91.66667%}.medium-12{width:100%}.large-1{width:8.33333%}.large-2{width:16.66667%}.large-3{width:25%}.large-4{width:33.33333%}.large-5{width:41.66667%}.large-6{width:50%}.large-6b{width:50%}.large-7{width:58.33333%}.large-8{width:66.66667%}.large-9{width:75%}.large-10{width:83.33333%}.large-11{width:91.66667%}.large-12{width:100%}



.altLight{background:transparent}
.altDark{background:#eee}



.w30x{width:30px;vertical-align:middle;}
.w75x{width:75px}
.cP{cursor:pointer}
.w100{width:100%}

.pT2{padding-top:2px}
#cMin{display:inline;min-width:25px;border-radius:15px;padding:3px;color:#fff;background:#6ead6c}
.cM0{background:#6ead6c}
.cM1{background:orange}
.cM2{background:#fb674f}
.cM3{background:darkgoldenrod;}

.lH100{line-height:100%}
.lH150{line-height:150%}

#controls{border-radius:10px;padding:10px;margin:25px 0 10px 0;border:1px solid #ccc;display:none}


.fWB{font-weight:bold}
.fL{float:left}
.fR{float:right}
.tAC{text-align:center;}
.tAR{text-align:right}
.tAL{text-align:left}
.con15{padding:15px;}
.con0-15{padding:0 15px 0 0;}
.conHead{background:#10afef;padding:10px;border:1px solid #ddd;}
.preLoader{background:#10afef;color:#fff;border-radius:10px;padding:20px;border:1px solid #ccc;box-shadow: 10px 10px 10px #ccc;}

#lastUpdatedAlerts{font-size:.8em;}
.refresher{margin-right:5px;margin-left:0px;border:none;width:20px;height:20px;}
.refresher:hover{filter:grayscale(0%);}
.refresherW{display:none;float:right;margin:3px 0 0px 4px;}

/*_________________________________LOADING... STRUCTURE_____________________________________________________*/

#holdOn{
display:none;
z-index:8;
position: fixed;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
min-width:300px;
}


/*_________________________________GENERAL BODY STRUCTURE_____________________________________________________*/

p,h1,h2,h3,h4,h5,h6,ul,ol,li,a{font-family:sans-serif,Arial,Century Gothic,Verdana;line-height:150%;}

h1{font-size:150%}
h2{font-size:140%}
h3{font-size:130%}
h4{font-size:120%}
h5{font-size:110%}
h6{font-size:100%}

p,ul,ol,li,a{font-size:1em;line-height:150%}
h1,h2,h3,h4,h5,h6{/*color:#5fa6d9*/font-weight:normal;margin-top:5%}
h5{font-weight: bold}
h1{margin-top:10px;padding-top:0}
/*div{overflow:hidden;}*/
.button,.button a{text-decoration:none;border:1px solid #555;padding:2px 5px;margin:0;border-radius:5px;color:#fff;
background-color: #067bae;
background-image: -moz-linear-gradient(0deg, #99ccff, #067bae);
background-image: -ms-linear-gradient(0deg, #99ccff, #067bae);
background-image: -o-linear-gradient(0deg, #99ccff, #067bae);
background-image: -webkit-linear-gradient(0deg, #99ccff, #067bae);
background-image: linear-gradient(0deg, #99ccff, #067bae);
}

.cB{clear:both;height:0px;}
.dayCon{overflow:hidden;paddding:5px;border:1px solid #ccc;border-radius:5px;margin-bottom:15px;}
.dateCon{padding:20px 0;text-align:center;width:100px;font-size:.9em;}
.txtDesc{text-align:center;font-weight:bold;}
.bigTemp{font-size:3em;line-height:100%;color:#ee9210;text-shadow:1px 1px #666}
.wHigh{font-weight:bold;color:red;}
.wLow{font-weight:bold;color:#09f;}
.sep{color:#ccc;}
#pageGear{display:block;max-height:60px;text-align:right;}
.oBar,.oBarV{display:inline;text-align:right;width:0;opacity:0;max-height:60px;overflow:hidden;
    -webkit-transition-delay: 0s,.25s; /* Standard syntax */
                transition-property: width,opacity;
                transition-duration: 0.5s,0.5s;
                transition-timing-function: ease-in-out,ease-in-out;
                transition-delay: 0s,0s;
}
.oBarV{width:calc(100%-250px);opacity:1;}

.nowIcon{height:30px;width:30px;margin:5px 10px 0 0;}
.nowTemp{width:40%;float:left;text-align:center}

.feelStyleCold{font-size:.9em;background:#daedf4;border-radius:3px;padding:0 5px;}
.feelStyleHot{font-size:.9em;background:pink;border-radius:3px;padding:0 5px;}
.feelStyleDarkCold{font-size:.9em;background:blueviolet;border-radius:3px;padding:0 5px;}
.feelStyleDarkHot{font-size:.9em;background:red;border-radius:3px;padding:0 5px;}


#nowCircle,#dailyForecast,#hourlyForecast{
opacity:0;
transition: opacity 0.5s ease-in-out; 
}

#weetherWidgetX{background:#6596af}

.currentCircle,.currentCircle_white,.currentCircle_gray {width: 145px;height: 145px; margin:0;border-radius: 50%;position: relative;background: linear-gradient(#069,orange);color:#222;}

.currentCircle:before,.currentCircle_white:before ,.currentCircle_gray:before{content: '';background-color:transparent;width:135px;height:135px;border-radius:50%;position:absolute;top:5px;left:5px;display:none;}

.currentCircle_white {color:#000;}

.currentCircle_white:before {background-color: #fff;display: inline-block;}

.current-data,.current-data_gray {position: absolute;width: 145px;height: 145px;padding:6px 0 15px 0;text-align: center;}

.currentCircle_gray {color:#fff;}

.currentCircle_gray:before {background-color: #000;display: inline-block;}

.current-data_gray {color:#fff;}

.cR1{}
.cR2{}
.precip{width:12px}

.dataPad{margin:5px 15px}
.infoBar{height:40px;overflow:hidden;}
.iBPad{padding:8px 10px 3px 10px}
.togI{cursor:pointer;color:#bbb;float:right;font-size:.9em}
.subJM,.subJW,.subJG,.subJA,.subJN,.subJR{margin-top:50px;background:transparent;border-bottom:7px solid #f8d19a;padding-bottom:3px}
.subJW{border-bottom:7px solid #9cf}
.subJG{border-bottom:7px solid #9c9}
.subJA{border-bottom:7px solid #575a71}
.subJN{margin-top:10px;border-bottom:7px solid #ccc;}
.subJR{border-bottom:7px solid #ff6666;}
.subTitle{letter-spacing:auto;font-size:1.7rem;line-height:120%;color:#999}
.subTitleSub{font-size:.9rem;color:#222}
.tabBottom{margin-top:10px;border-bottom:5px solid #10afef;}
.dOW{letter-spacing:8px;font-size:1.3rem;line-height:125%;}
.f10,.f10V,.f10V2{margin:15px 0 30px 0;background:#fff;opacity:0;height:auto;overflow:hidden;
    -webkit-transition-delay: 0s,.25s; /* Standard syntax */
                transition-property: height,opacity;
                transition-duration: 0.5s,0.5s;
                transition-timing-function: ease-in-out,ease-in-out;
                transition-delay: 0s,0s;
}
.f10V{opacity:1;height:480px;margin-bottom:20px;}
.f10V2{opacity:1;height:auto;margin-bottom:20px;}

#allForecast{display:none;}

#weeklyForecast,#geoInfo,#metaInfo,#astroInfo,#nowInfo{padding:5px 0;}

#alertInfo{font-size:90%}

.linksBar{font-size:1em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dadada+0,dadada+100&0+0,0.65+100 */
background: -moz-linear-gradient(left,  rgba(218,218,218,0) 0%, rgba(218,218,218,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(218,218,218,0) 0%,rgba(218,218,218,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(218,218,218,0) 0%,rgba(218,218,218,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dadada', endColorstr='#a6dadada',GradientType=1 ); /* IE6-9 */
}

.geoastro{font-size:.9em;}
.searchForm,.searchFormV{visibility:hidden;height:0px;opacity:0;
    transition-property: height,opacity;
    transition-duration: 0.3s,0.3s;
    transition-timing-function: ease-in-out,ease-in-out;
    transition-delay: 0s,.1s;
}
.searchFormV{opacity:1;height:60px;visibility:visible;}


/*_________________________________ASTRONOMY STRUCTURE_____________________________________________________*/

.astroDIVOld{padding:5px;margin:0;border-radius:0px;border-top:5px solid #2976af;border-bottom:25px solid #2976af;border-radius:10px;background:#5fa6d9}
.astroDIVBlue{padding:5px;margin:0;border-radius:0px;border-top:5px solid #2976af;border-bottom:25px solid #2976af;border-radius:10px;background:#5fa6d9}

.astroDIV{margin:0;background:#000;padding:10px}
.fade2black{
border-top-right-radius:10px;border-top-left-radius:10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+82,0287d0+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 82%, rgba(2,135,208,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 82%,rgba(2,135,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 82%,rgba(2,135,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0287d0',GradientType=0 ); /* IE6-9 */
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;   
}

.fade3black{
border-top-right-radius:10px;border-top-left-radius:10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+51,00396b+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #000000 51%, #00396b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#000000 51%,#00396b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#000000 51%,#00396b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00396b',GradientType=0 ); /* IE6-9 */
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;   
}

.nofade3black{background:transparent;border:none;
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;   
}

.holiday{padding-left:10px;border-top-left-radius:0;
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;   
}
.noholiday{padding-left:10px;border-top-left-radius:0;
}
.sunmoondata{color:#fff;padding-bottom: 10px;
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;   
}
.nosunmoondata{color:#fff;background:transparent;border-radius:none;padding-bottom: 10px;
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;   
}

.mPhase{margin:0;border:none;font-weight:normal;}
.cwhite{color:#fff;line-height: 180%}
.cgold{color:gold}
.holidays{background:#0287D0;color:#fff;padding:0 20px}
.nowPic{width:50%;float:left;text-align:center}
.nowImg{width:130px}
.astroTd{width:100%;font-size:.85em;margin:20px 0 50px 0}
.moonBkg{border-radius:8px;width:16px;height:16px;float:left;}
.moonImg{width:100%;margin-bottom:1px}
.sunTime{width:23px;height:23px}

.sunPic{height:200px;margin:-5px 10px 20px 0;float:left;}
.m010{margin:0 10px}
.DAY{width:44px;max-width:44px;display:inline-block;letter-spacing:1px;font-size:1em;margin:0;font-weight: bold}
.DATE{font-size:1em;padding:2px 5px;border-radius:5px;margin-right:5px;width:140px;color:#fff !important}
#moresun,#moremoon{padding:0 20px}
.Events{margin:10px 0 5px 0;}
.astrobutton{margin:0 5px 0 0;cursor:pointer;border:1px solid;font-size:1em;padding:2px 10px !important;border-radius:5px;}
.mouseBeOffMe,.mouseBeOnMe,.mouseBeDown,.mouseBeUp {margin:2px;padding:4px;background-color: #eeeeee;border-top: 1px  solid #f5f5f5;border-bottom: 1px solid #cccccc;border-left:1px solid #f5f5f5;border-right:  1px  solid #cccccc;border-radius:5px;}
.mouseBeOnMe {background-color: #ccc;cursor:pointer;}
.b2{color:#fff;border:none;}
.fcDetails{}
.iconNOW{width:100px;}
.descNOW{display:inline-block;font-size:1.1em;margin-top:5px;line-height: 110%;}

#agenda{}

.modCloseM,.modOpenM{border-top-left-radius:5px;border-top-right-radius:5px;height:40px;overflow:hidden;cursor:pointer;
    transition-property: height;
    transition-duration: 0.9s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
;margin-bottom:10px;
/*background-image:url('/images/000_TabIndOpenG.gif');*/
background-repeat: no-repeat;
    background-position: 100px 14px;
}
.modOpenM{
/*background-image:url('/images/000_TabIndCloseG.gif');*/
height:auto;margin-bottom:10px;}

.mouseBeOffMe,.mouseBeOnMe,.mouseBeDown,.mouseBeUp {margin:2px;padding:4px;background-color: #eeeeee;border-top: 1px  solid #f5f5f5;border-bottom: 1px solid #cccccc;border-left:1px solid #f5f5f5;border-right:  1px  solid #cccccc;border-radius:5px;}

.mouseBeOnMe {background-color: #ccc;cursor:pointer;}

.mouseBeDown {
left:1px;top:1px;position:relative;
background-color: #9cf;
}

.mouseBeUp {
background-color: #f5f5f5;
}

.bw,.bw:hover {
background-color:#eeeeee;border-bottom:#cccccc thin solid;;border-left:#f5f5f5 thin solid;border-right:#cccccc thin solid;border-top:#f5f5f5 thin solid;color:black;font-family:arial,verdana;font-size:.9em;cursor:pointer;padding:0px !important;}
/*.bw:hover{background-color:lime;}*/

.nsg{color:#fff;font-size:1em;font-weight:normal;}
.nmw{color:#fff}
/*input{border:none}*/



/*_________________________________HEADER STRUCTURE_____________________________________________________*/

#navBar{background:tranparent;z-index:7;
position:fixed;top:0;left:0;
width:100%;height:110px;
/*box-shadow: 0 30px 30px 0px #fff;*/
}
/*avBarCon{padding:0 calc(10% - 45px);display:block;height:50px;line-height:50px;}*/
.navBarCon{width:100%;padding:0;display:block;height:37px;line-height:40px;}

#logo{color:#10afef;font-size:1.3em;position:relative;top:0;left:0;display:inline-block;}
.logoGraphic{float:left;max-width:40px;max-height:46px;margin:2px 15px 2px 5px;vertical-align:-18%;}
.logoName{font-size:1.6em;letter-spacing:8px;color:#bbb;text-shadow:1px 1px 1px transparent;display:inline-block;}
.nB{
background:transparent;
width:calc(100% - 20%);
color:#10afef;
margin:0 10%;
height:55px;
line-height:55px;
display:block;
}

/*_________________________________PAGE LAYOUT STRUCTURES_____________________________________________________*/

#bigPicture,.slide{
/*position:relative;left:0;*/
margin-top:110px;

z-index:2;display:block;width:100%;height:400px;min-height:100px;max-height:400px;background-image:url('/images/homeSlides/slide-image-3.jpg');background-size:cover;background-repeat:no-repeat;overflow-y:hidden;}

.searchBut{width:20px;cursor:pointer;margin:10px 0px -2px 20px}
/*_________________________________ELEMENT MODIFICATION STRUCTURES_____________________________________________________*/

span.anchor,a.anchor {display: block;width:100%;height: 40px;margin-top: -40px;visibility: hidden;}

.divSlider{overflow:auto;overflow-y:hidden;clear:both;font-family:sans-serif;}
.sTx{border-collapse:collapse;width:100%;}

.faderText{;line-height:150%;font-size:2.0em;font-family:sans-serif,Arial,Century Gothic,Verdana;}
#faderTextContainer{margin-top:0px;height:135px;overflow:hidden;width:200px;text-align:center;line-height:150%;}

.red{color:#cc0000}
.yellow{color:#ffff00}
.orange{color:#ff9900}
.blue{color:#00ccff}
.green{color:#00cc99}
.purple{color:#cc99ff}
.lightGray{color:#c0c0c0}
.mediumGray{color:#929292}
.darkGray{color:#333}

.center{text-align:center}
.vcenter{vertical-align:middle;}

.col-4{width:calc(25% - 30px);float:left;padding:15px;}
.col-3{width:calc(33.333% - 30px);float:left;padding:15px;}
.col-2{width:calc(50% - 30px);float:left;padding:15px;}

.col-2 h3,.col-3 h3,.col-4 h3{margin-top:0;padding-top:0;font-size:2em;}

.floatleft{float:left;margin:0 5% 2% 0}
.floatright{float:right;margin:0 0 2% 5%}

.off{display:none}
.block{display:block}
.inline{display:inline}
.inB{display:inline-block}

/*_________________________________DESKTOP MENU STRUCTURE_____________________________________________________*/


#MBAR{display:block;}
.innerNavBar{margin:0 10%;height:40px;line-height:40px;display:block;display:block;}


#mobileMenu img{width:40px;height:32px;float:right;vertical-align:middle;display:none;cursor:pointer;}

#mobileMenu{width:35px;z-index:50;height:32px;float:right;margin-top:5px;vertical-align:middle;display:none;cursor:pointer;}

.menuButs{position:relative;top:0;right:0;text-align:right;}

div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem {
font-family: sans-serif,Arial,Century Gothic,Verdana; font-size: 1em; font-style: normal; position:relative; z-index:1; }

div.menuBar {text-align: left; margin:0px;text-align:right;}

div.menuBar a.menuButton {
cursor:pointer; background: #c176150; color: #777; cursor: default; left: 0px; margin: 0px; padding: 4px 8px 4px 4px; padding-right:20px; padding-left:20px; position: relative; text-decoration: none; top: 0px; }

div.menuBar a.menuButton { cursor:pointer;border-right:1px solid transparent; border-left:1px solid transparent; }
div.menuBar a.menuButton:hover {cursor:pointer;  }
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {
	border: 1px solid;
  border-color: #ccc #666 #666 #ccc;
border-bottom:none;
cursor:pointer;background: #62abee;color:#fff;border-top-right-radius:5px;border-top-left-radius:5px
}

div.menu {
  background:#fff;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
box-shadow: 10px 10px 10px #eee;
	border: 1px solid;
  border-color: #ccc #666 #666 #ccc;
  padding: 10px;
  position: absolute;
  visibility: hidden;
  z-index: 2;
	color:#000033;
width:80%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+46,0+100;White+to+Transparent */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

div.menu a.menuItem {border:1px solid transparent;
  color: blue;
  cursor: pointer;
  display: block;
  padding: 5px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: normal;
z-index:1;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #eee;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
box-shadow: 10px 10px 10px #eee;
	border: 1px solid;
  border-color: #ccc #666 #666 #ccc;
z-index:1;
}

div.menu a.menuItem span.menuItemText{
z-index:2;
background:#f5f5f5;
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: 5px;
}

div.menu div.menuItemSep {
  border-top: 1px solid #897b5e;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}

/*_________________________________MOBILE MENU STRUCTURE_____________________________________________________*/

#mobileMenuLister{margin-top:45px;}

#mobileMenuLister a,#mobileMenuLister input {padding:5px;text-decoration:none;color:#fff !important;display:block;border-bottom:1px solid #ccc}
.menuCloser{margin:10px 0;padding:0;text-align:center;background:#000;color:red;cursor:pointer}

.mobileMenuList,.mobileMenuList2{
/*border-top:50px solid transparent;/*#DDC17D*/
background:#111;
height:100%;
color:#fff !important;
padding:10px 0;
z-index:7;
opacity:0;
width:0;
position:fixed;
top:0px;
left:0;
    -webkit-transition-property: width,opacity;
    -webkit-transition-duration: 0.25s,0.25s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out;
    -webkit-transition-delay: 0s,0s;
    /* Standard syntax */
    transition-property: width,opacity;
    transition-duration: 0.25s,0.25s;
    transition-timing-function: ease-in-out,ease-in-out;
    transition-delay: 0s,0s;
overflow-y:auto;
}
.mobileMenuList2{opacity:1;width:100%;}

.menuItemx,.menuItemx a{font-size:1.2em;line-height:175%;display:block;cursor:pointer;margin-top:15px;color:#fff !important}
.conA{display:none}
.subMenuItem a,.subMenuItem{font-size:1.1em;line-height:175%;display:block;margin-left:20px;color:#fff !important}

.subMenuItemCon,.subMenuItemCon2,.subMenuItemCon3{height:0; opacity:0;z-index: 5;
-webkit-transition-property: height,opacity;
  -webkit-transition-duration: 0.5s,0.5s;
   -webkit-transition-timing-function: ease-in-out,ease-in-out;
    -webkit-transition-delay: 0s,.25s; /* Standard syntax */
                transition-property: height,opacity;
                transition-duration: 0.5s,0.5s;
                transition-timing-function: ease-in-out,ease-in-out;
                transition-delay: 0s,.25s;
}
.subMenuItemCon2{height:100px; opacity:1;}
.subMenuItemCon3{height:auto; opacity:1;}
/*_________________________________WEATHER STRUCTURES_____________________________________________________*/

.holidayW{display:inline-block;font-size:13px;margin-bottom:5px;}
.riverChange{width:100%;font-size:1em;margin:5px;background:transparent;color:#666}
option.rSO{background:#666;color:#ccc;cursor:pointer;}
option.rSO:hover{background:#ccc;color:#666}

#weatherConXXX{
height:0; opacity:0;
-webkit-transition-property: height,opacity;
  -webkit-transition-duration: 0.5s,0.5s;
   -webkit-transition-timing-function: ease-in-out,ease-in-out;
    -webkit-transition-delay: 0s,.2s; /* Standard syntax */
                transition-property: height,opacity;
                transition-duration: 0.5s,0.5s;
                transition-timing-function: ease-in-out,ease-in-out;
                transition-delay: 0s,.2s;
}

#weatherCon{
 opacity:1;
-webkit-transition-property: opacity;
  -webkit-transition-duration:0.5s;
   -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: .1s; /* Standard syntax */
                transition-property: opacity;
                transition-duration: 0.5s;
                transition-timing-function: ease-in-out;
                transition-delay: .1s;
}

#tabXXX{
 opacity:0;
-webkit-transition-property: opacity;
  -webkit-transition-duration:0.5s;
   -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: .1s; /* Standard syntax */
                transition-property: opacity;
                transition-duration: 0.5s;
                transition-timing-function: ease-in-out;
                transition-delay: .1s;
}


.bTR0{border-top-right-radius: 0 !important;border-top-left-radius: 0 !important}
.bTR5{border-top-right-radius: 5px !important;border-top-left-radius: 5px !important}
.bTR10{border-top-right-radius: 10px !important;border-top-left-radius: 10px !important}
.bTR15{border-top-right-radius: 15px !important;border-top-left-radius: 15px !important}
.bTR20{border-top-right-radius: 20px !important;border-top-left-radius: 20px !important}
.bTR25{border-top-right-radius: 25px !important;border-top-left-radius: 25px !important}

.bBR0{border-bottom-right-radius: 0 !important;border-bottom-left-radius: 0 !important}
.bBR5{border-bottom-right-radius: 5px !important;border-bottom-left-radius: 5px !important}
.bBR10{border-bottom-right-radius: 10px !important;border-bottom-left-radius: 10px !important}
.bBR15{border-bottom-right-radius: 15px !important;border-bottom-left-radius: 15px !important}
.bBR20{border-bottom-right-radius: 20px !important;border-bottom-left-radius: 20px !important}
.bBR25{border-bottom-right-radius: 25px !important;border-bottom-left-radius: 25px !important}

.bRR0{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important}
.bRR5{border-top-right-radius: 5px !important;border-bottom-right-radius: 5px !important}
.bRR10{border-top-right-radius: 10px !important;border-bottom-right-radius: 10px !important}
.bRR15{border-top-right-radius: 15px !important;border-bottom-right-radius: 15px !important}
.bRR20{border-top-right-radius: 20px !important;border-bottom-right-radius: 20px !important}
.bRR25{border-top-right-radius: 25px !important;border-bottom-right-radius: 25px !important}

.bLR0{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important}
.bLR5{border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important}
.bLR10{border-top-left-radius: 10px !important;border-bottom-left-radius: 10px !important}
.bLR15{border-top-left-radius: 15px !important;border-bottom-left-radius: 15px !important}
.bLR20{border-top-left-radius: 20px !important;border-bottom-left-radius: 20px !important}
.bLR25{border-top-left-radius: 25px !important;border-bottom-left-radius: 25px !important}

#next12Now{margin:0;}
#fcDetails{display:none;}
#chartDiv,#nowInfo,#dailyForecastShort,#mapInfo,#dailyForecastQuick,#dailyForecastLong,#astroInfo{display:none}
.graph{cursor:pointer;float:right;background-image: url(/images/icons/Weather/weatherChartIconVt.gif);background-size:22px 30px;width:22px;height:30px;position:sticky;top:0;left:0px;}
.dI{display:inline-block;padding-top:5px;margin:10px 0 20px 10px;0}

#canvasT,#canvasP,#canvasC,#canvasW{width:1250px;height:280px}
.fcOn{padding:3px;background:#79d466;color:#fff;border-radius:5px;text-decoration:none;}
.fcOff{padding:3px;background:#fff;color:#069;text-decoration:none;}

.clockImage{vertical-align:text-bottom;padding:4px 10px 0 4px}
.weatherHead{font-family:verdana;font-size:1.5em;color:#222;}
.currWeather{padding:10px;border-bottom:2px solid #ccc}
.bigTemp{font-family:verdana;font-size:3em;color:#069;}
.currConditions{font-size:2em;color:#069;}
#wlatlon{text-align:center;margin-top:20px;font-size:.85em;}
.moonInfo{margin-top:100px;font-size:.9rem}
th{position: -webkit-sticky;position: sticky;left: -1px;border:none;}
.scroller{overflow-x:scroll;overflow-y:hidden;width:100%;max-width:100%}

canvasT,canvasP{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.chartDIV{width:100%;overflow-x:scroll;}

#smallButs{overflow:hidden;width:20px;height:22px;position:relative;float:right;font-size:1.1em;line-height:123%;cursor:pointer;padding:4px 5px;color:#fff;margin:2px 5px 0 0;}
#smallButs:hover{width:80px;}

.smallBut{overflow:hidden;width:20px;height:22px;position:relative;float:right;font-size:1.1em;line-height:123%;cursor:pointer;border-radius:5px;}
.smallBut:hover{width:130px;}


#alertNumD,#alertNumM{
display: none;
    height: 35px;
    width: 35px;
    line-height: 30px;
    -moz-border-radius: 15px; /* or 50% */
    border-radius: 15px; /* or 50% */
    /*background-color: #33c632; #2f99ff; blue*/
    color: white;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    text-decoration:none;
    padding:0;
    z-index: 200;
float:right;
}
#alertNumM{float:left;margin-left:5px;height:auto;width:auto;}

#alertNumD{width:auto;overflow: hidden;display:inline-block;}

/*_________________________________FOOTER STRUCTURES_____________________________________________________*/

#footerContainer ul{list-style:none}
#prefooter{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ddc17d+0,d8a129+100 */
background: #ddc17d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ddc17d 0%, #d8a129 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ddc17d 0%,#d8a129 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ddc17d 0%,#d8a129 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddc17d', endColorstr='#d8a129',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:50px;
margin-top:50px;
}
#footerContainer{flex-shrink:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+51,00396b+100 */
background: #000000; /* Old browsers */
/*background: -moz-linear-gradient(top,  #000000 0%, #000000 87%, #00396b 100%); 
background: -webkit-linear-gradient(top,  #000000 0%,#000000 87%,#00396b 100%); 
background: linear-gradient(to bottom,  #000000 0%,#000000 87%,#00396b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00396b',GradientType=0 );  */
max-height:1200px;min-height:400px;height:100%;position:relative;vertical-align:bottom;width:100%;color:#fff;
}

#footerlinks{margin:0 auto;text-align:center;}
.colcol{width:auto;overflow:hidden}
.floater{margin:50px 50px 20px 50px;max-width:50%;float:left;text-align:left}
.floater2{margin:50px 0px 20px 50px;max-width:50%;float:left;text-align:left}
#footerAddress{font-size:.8em;text-align:left;padding:50px 0;margin:0 1%;background:#000;}
#myAdd{margin:10px 0 0 30px}
.fLL{float:left;width:50%}
#footerTitle{font-size:3.5em;display:block;padding:18px 0 0 20px;display:inline-block;margin-bottom:10px}

.footerSize{min-height:400px;max-height:400px;border-top:0px solid #666}

#myAdd{display:inline-block;width:250px}
.footerMoonDiv{margin:0 0 0 42px;display:inline;width:17px}
.footerMoon{
	background: #222;
    border-radius: 15px;
    padding: 4px;
    margin: 0 5px 0 -4px;
/*    box-shadow: 0px 0px 5px #333, inset 0px 0px 2px #333;*/
}
}}
#footerBottom{position:absolute;bottom:0;left:0;width:100%;height:7px;overflow:hidden;background-image:url(/images/goldbarx.png)}
#footerBox{overflow:hidden;vertical-align:middle}
#connectXMLO {
margin:20px auto;
text-align:center;
}
.nBX{width:35px;height:35px;padding:5px 0 0 5px;border:none;opacity:.85}
#clock2{padding-bottom:20px;}

#TT{height:60px;width:70px;max-width:70px;position:fixed;bottom:10px;right:10px;text-align:right;margin-bottom:0;display:none;z-index:4;}

/*_________________________________FOOTER LINKS_____________________________________________________*/

.sNLO a:link, .sNLO a:visited,.sNLB a:link, .sNLB a:visited,.sNLG a:link, .sNLG a:visited,.sNLY a:link, .sNLY a:visited {
display:block;
color:#fff;
padding:0px 5px;
margin:0px;
text-decoration:none;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
border-right:2px solid transparent;
border-left:5px solid #9cf;
border-radius:2px;
font-size:.8em;
}
.sNLY a:link, .sNLY a:visited{border-left:5px solid yellow}
.sNLG a:link, .sNLG a:visited{border-left:5px solid lime}
.sNLO a:link, .sNLO a:visited{border-left:5px solid orange}

.sNLO a:hover,.sNLY a:hover,.sNLG a:hover,.sNLB a:hover {
padding:0px 5px;
border-color:#9cf;
border-top:1px solid;
border-bottom:1px solid;
border-right:2px solid;
border-left:5px solid;
background:transparent;
text-decoration:none;
}
.sNLO a:hover {border-color:orange;}
.sNLY a:hover{border-color:yellow;}
.sNLG a:hover{border-color:lime;}
.sNLB a:hover {border-color:#9cf;}

/*_________________________________ACCORDION _____________________________________________________*/


#accordion,.accordion{
opacity:0;
padding:2px;
margin:20px auto;
width:90%;
max-width:100%;width:auto;
/*background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #ccc;
border-radius:5px;*/
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.accordion img{width:100%;max-width:240px;float:right;margin:0 0 5px 10px;height:auto}
a.baseToolg,a.noAStyle{text-decoration:none;}
.oBBlue{
cursor:pointer;
border-radius:5px;
padding:10px;color:#fff;text-shadow:1px 1px #000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e4f7+0,73b1e7+24,0a77d5+50,510afefe1+79,87bcea+100;Blue+Pipe+%231 */
background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(208,228,247,1)), color-stop(24%,rgba(115,177,231,1)), color-stop(50%,rgba(10,119,213,1)), color-stop(79%,rgba(83,159,225,1)), color-stop(100%,rgba(135,188,234,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* IE10 preview */
background: linear-gradient(45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.accWidth100{max-width:100%;width:auto;}
.accBlue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7f3fd+0,b6cde2+100 */
background: rgb(231,243,253); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(231,243,253,1) 0%, rgba(182,205,226,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(231,243,253,1)), color-stop(100%,rgba(182,205,226,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(231,243,253,1) 0%,rgba(182,205,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-radial-gradient(center, ellipse cover,  rgba(231,243,253,1) 0%,rgba(182,205,226,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(231,243,253,1) 0%,rgba(182,205,226,1) 100%); /* IE10 preview */
background: radial-gradient(ellipse at center,  rgba(231,243,253,1) 0%,rgba(182,205,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f3fd', endColorstr='#b6cde2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
max-width:auto;
}

.oI,.cI{
font-family:sans-serif;
font-weight:normal;
color:#777;
cursor:pointer;
padding:5px 5px 5px 30px;
font-size:1em;
border-top:1px solid #ccc;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #ccc;
border-radius:3px;margin:0;
/*background:#fcfcfc url('/images/000_TabIndOpenG.gif');*/
background-repeat: no-repeat;
background-position: left center;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.cI{
/*background:#5babf9 url('/images/000_TabIndCloseG.gif');*/
background-repeat: no-repeat;background-position: left center;color:#fff;border-bottom:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}

.accDD,.h1Div{
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
max-height:0px;
background:#fff;
border:0px;
padding:0 10px;
margin:0 0 10px 0;
overflow:hidden;
opacity:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9eff9+0,d1dbf1+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(233,239,249,0) 0%, rgba(209,219,241,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(233,239,249,0) 0%,rgba(209,219,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(233,239,249,0) 0%,rgba(209,219,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e9eff9', endColorstr='#d1dbf1',GradientType=1 ); /* IE6-9 */
}

.h1Div{padding:0px 20px 0 20px}
/*_________________________________SLIDESHOW STYLES_____________________________________________________*/

#fB{display:none;padding:5px;font-size:.9em;z-index:10;position:fixed;top:0;left:0;width:350px;background:#222;color:lime;max-height:100px;border:1px solid gray;border-radius:5px;overflow:scroll}
#slides{
position: relative;
height: 100%;
padding: 0px;
margin: 0px;
list-style-type: none;
cursor:pointer;
top:0;
margin-top:-110px;
}

.slide{
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
z-index: 1;
font-size:1em;
padding: 20px;
box-sizing: border-box;
background: #333;
color: #fff;
text-shadow:0px 0px 10px #000;
background-size:cover; /*contain or cover*/
background-position:center;
background-repeat:no-repeat;
vertical-align:middle;
line-height:100%;
height:100%;
max-height:400px;
width:100%;
text-align:center;

-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}

.showing{opacity: 1;z-index: 2;}


.controls{
display: none;
}

.sMarket{margin-top:10%;display:inline:block;}
.sBox{display:inline-block;margin-top:10px;padding:5px;font-size:.6em;position:relative;border:1px solid #fff;border-radius:5px;color:#fff;z-index:3;
}
.sBox:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+46,0+100;White+to+Transparent */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.slide:nth-of-type(1){background-image: url('/images/homeSlides/slide-image-3.jpg');}
.slide:nth-of-type(2){background-image: url('/images/homeSlides/slide-image-1.jpg');}
.slide:nth-of-type(3){background-image: url('/images/homeSlides/slide-image-4.jpg');}

.controls{
background: transparent;
color: #ddd;
border: none;
padding: 5px;
font-size: 2.5em;
cursor: pointer;
width: 40px;
margin:0 5px 5px 0;
border-radius:5px;
border:1px solid transparent;
opacity:.7;
text-shadow:1px 1px #000;
float:right;
}

.controls:hover,
.controls:focus{
border-top:1px solid #999;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #999;
background: #transparent;
color: #fff;
opacity:1;

}

#moonCon {float:left;width:200px}
.MoonmL-10{margin-left:-10px}
.MoonmL10{margin-left:10px}
.MoonmL5{margin-left:5px}
.MoonmL15{margin-left:15px}
.MoonmL20{margin-left:20px}

.slideshowContainer{position: relative;}

.buttons{
text-align:right;
position: relative;
right: 5px;
bottom: 20px;
z-index: 5;
font-size: 10px;
}
/* Number text (1/3 etc) */
.numbertext {
position: absolute;
right: 0px;
top: 0px;
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

.backgroundtext {
color: #f2f2f2;
font-size: 2em;
padding: 8px 12px;
position: absolute;
top: 100px;
}

#controller{z-index:6;display:block;width:100%;text-align:center;}
#dotz{z-index:6;margin-left:20px;display:inline-block;max-width:250px;float:left;height:55px;line-height:55px;}
#messagez{position:absolute;z-index:5;margin-left:20px;display:block;vertical-align:middle;height:300px;line-height:300px;}

#buttonz{display:inline;max-width:250px;float:right;border-radius:10px;
/*
border-top:1px solid #999;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #999;
background:#222;opacity:.5;
*/
padding:0 5px;
}

.dot {
position: relative;
z-index:6;
left: 0px;
bottom: 0px;
height: 13px;
width: 13px;
margin: 0 2px;
background-color: #ddd;
border-radius: 50%;
border:1px solid #222;
display: inline-block;
transition: background-color 0.6s ease;
cursor:pointer;
}

.active {background-color: #10afef;border-color:#ccc;}
.prev, .next {
  cursor: pointer;
  position: absolute;

  top: 110px;
  width: 20%;
height:400px;
line-height:400px;
vertical-align:middle;
  padding: 0px;
   color: transparent;
  font-weight: bold;
  font-size: 3em;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
z-index:5;
text-align:center;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;

}
.prev:hover{
color:#fff;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(255,180,0,.5) 0,rgba(255,180,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.next:hover {
color:#fff;
background-image: -webkit-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.0001)),to(rgba(255,255,255,.5)));
    background-image: linear-gradient(to right,rgba(0,255,180,.0001) 0,rgba(0,255,180,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.text {
  color: #f2f2f2;
  font-size: .5em;
  padding: 0;
  position: absolute;
  bottom: 1%;
  width: auto;
  text-align: center;
overflow:hidden;
text-shadow:1px 1px #000;
}



/*_________________________________MODAL BOXES_____________________________________________________*/


body.modal-open {
        overflow: hidden; /* Prevents scrolling of the main page */
        padding-right: 12px !important; /* Adjust for scrollbar width to prevent content shifting */
    }
.modalImg {
     cursor: pointer;
    transition: 0.3s;
}

.modalImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal,.modalS {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #fff; /* Fallback color */
    /*background-color: rgba(0,0,0,0.7);  Black w/ opacity */
}

.modalS{margin:0;background-color:#fff;}

#searchCon{margin:0 10%}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 85%;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close,.closeS {
    position: absolute;
    top: 5px;
	 line-height:100%;
	 padding:0;margin:0;
    right: 35px;
    color: #000;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.closeS{color:#666;font-size:60px;font-weight:normal}

.close:hover,.closeS:hover,.closeS:focus,.close:focus {
    color: #f00;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}






/*_________________________________SUGGEST STYLES_____________________________________________________*/

#form1{margin:0}

#suggest{
visibility:hidden;
border-top:transparent 1px solid;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
border-left:#ccc 1px solid;
width:70%;
font-size:15px;
position:absolute;
background:#fff;
z-index:6;
overflow-y:auto;
max-height:250px;
}

.bigsearchforminput,.bigsearchforminputL{width:97%;font-size:1.5em;color:#222;padding:3px;border-bottom:1px solid #111;}

.bigsearchforminput{border-radius:5px;border:1px solid #ccc;}

#suggest div{
background:#fff;
color:#808080;
padding-left:4px;
cursor:pointer;
text-align:left;
font-size:24px;
}

#suggest div.over{
color:#fff;
background:#62abee;
}

.bigsearchp{text-align:center;}

#wcol1{font-size:.9em;}
/*.thS{background:#e9e9e9}*/

#wFM{float:left}
#wFU{float:left}

.tr-shade{}
.tableTD,.tableTD a{text-decoration:none;font-weight:bold;font-size:1em;color:white}
.divSlider{overflow:auto;overflow-y:hidden;cursor:grab}
.dSRoundBorder{border: 1px solid;border-radius: 10px;}

.divSlider::-webkit-scrollbar {cursor:pointer;height:0px;}
/* Track */
.divSlider::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    -webkit-border-radius: 1px;
    border-radius: 1px;
}
/* Handle */
.divSlider::-webkit-scrollbar-thumb {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}
.divSlider::-webkit-scrollbar-thumb:hover {
    background: #333;
    cursor:pointer;
}

.divSlider::-webkit-scrollbar-thumb:window-inactive {
	background: #darkblue;
}

#loginMenu{margin:5px 0 10px 5px}
#logoCon{width:calc(100% - 200px);float:left;margin:0;overflow:hidden;height:32px;}
#menuCon{min-width:70px;max-width:550px;float:right;margin:0 5px 0 0;text-align:right}
#menuIcon{margin:0 7px 0 0}
#closeIcon{display:none;margin:6px 10px 0 0;width:21px;height:21px;}

.boldLink{color:#009eed;text-decoration: none;}
.boldLinkRed{color:#A80000;text-decoration: none;font-size:.9em}

.red{color:red}

ul.hazard {padding-left:27px;list-style-image: url('/images/icons/hazard5.gif');margin:0;float:left}
ul.holiday,ul.holidayx {padding-left:24px;margin:0;list-style-type:"\27A4";float:left} /*"➤"}*/

ul.holiday li,ul.holidayx li  {padding:2px 0 0 4px;}


.hazardCon{margin:0;border:1px solid #ebccd1;border-radius:5px;font-size:.9em}
.hazardLabel{
color:#a80000;
margin:1px 0;
padding:3px 5px;
margin:0 0 5px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcdaa6+0,ffffff+100 */
background: #fcdaa6; /* Old browsers */
background: -moz-linear-gradient(top, #fcdaa6 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcdaa6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcdaa6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdaa6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.fcPic{width:25px;float:left;margin-right:30px;}


.tdReverse{background-color: #eee;color:#222;text-align: right;}
.alertH2{
color:#fff;
padding:0 5px;margin:0 5px 0 0;border-top-right-radius:5px;border-top-left-radius:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6699cc+53,ffffff+100 */
background: rgb(102,153,204); /* Old browsers */
background: -moz-linear-gradient(left, rgba(102,153,204,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(102,153,204,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(102,153,204,1) 53%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699cc', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#earthBkg{z-index:19;position:absolute;left:5px;top:10px;width:32px;}
#earthBkg2x{z-index:200;position:absolute;left:7px;top:13px;width:39px;background-image:url(/images/earthbkg.jpg);background-repeat:no-repeat;background-position:0px 0px;}

.mD{float:right;
vertical-align: center;
margin:0 0 0 50px;
}

#homeSun{}
#homeLoc{}
#homeLocSun{display:none}


.shareBlockX{max-height:25px;opacity:1;transition:max-height 0.2s ease-in 0.2s,opacity 0.2s ease-in 0.2s;margin:3px 0 5px 20px;float:right;text-align:right;max-height:25p;}
.shareNone{max-height:0px;opacity:0;transition:max-height 0.2s ease-out 0.2s,opacity 0.2s ease-in 0.2s;margin:3px 0 5px 20px;float:right;text-align:right;max-height:0px;}
.shareBlockJ{max-height:25px;opacity:1;transition:max-height 0.2s ease-in 0.2s,opacity 0.2s ease-in 0.2s;margin:3px 20px 5px 0px;float:left;max-height:25px;}
.shareNoneJ{max-height:0px;opacity:0;transition:max-height 0.2s ease-out 0.2s,opacity 0.2s ease-in 0.2s;margin:3px 20px 5px 0px;float:left;max-height:0px;}
.jART{border-bottom:1px solid #ccc;margin-bottom:10px}

#logoAnif2b{
height:47px;
box-shadow: 0px 2px 10px #B3B3B3;
z-index:20;position:absolute;left:0px;top:0px;width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+82,7b7f9a+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 82%, rgba(123,127,154,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 82%,rgba(123,127,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 82%,rgba(123,127,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7b7f9a',GradientType=0 ); /* IE6-9 */
}



/*td{background:#fff;padding:0 5px}
td:hover{cursor:pointer;background:#f9f9f9;}*/


.eventImage{float:right;margin:0 0 10px 20px;max-width:40%;width:300px}
.cwdow{font-size:1.2em;font-weight:bold;}
.cwdate{font-size:.9em;font-weight:bold;color:orange}
#ticktock{font-size:.7em;color:#333}

#main{position:absolute;top:90px;left:0px;z-index:5;width:100%;}
.headerRight{display:inline-block;text-align:right;position:absolute;right:0px;top:28px;z-index:20}
#clock{display:inline-block;text-align:right;}
#whoDiv{display:inline-block;text-align:right;position:absolute;right:115px;top:13px;z-index:20}
#name{display:inline-block;font-size:10px;color:blue;font-family:verdana, arial}



/*_________________________________ORIGINAL NEXUS NEWS STYLES_____________________________________________________*/

#dateLine{/*border-bottom:1px solid #666*/}

.articleHeadline{display:none;font-family:verdana,sans-serif,arial;font-size:1.6em;font-weight:bold;margin:0 0 10px 0;line-height: !20%}
.articleDIV{padding-bottom:0px;margin-bottom:0px;overflow:hidden;display:block !important;}
.editDIV{display:none;float:right}
.hr50{margin-bottom:50px;margin-top:10px;display: block; height: 1px;border: 0; border-top: 1px solid #777;padding: 0;}
.hr60{margin-bottom:60px;margin-top:10px;display: block; height: 1px;border: 0; border-top: 1px solid #777;padding: 0;}
.shareDIxV{display:block;overflow:hidden;width:100%}
.chTitle{font-size:.8em;color:#666;display:inline-block}

/*#column1,*/
#column1x,#column2,#column3,#columnChoice{width: calc(33.333% - 30px);float:left;font-size:90%;}

#colunn1,#column1x{padding:25px 25px 25px 0;}
#column2{padding:25px}
#column3{padding:25px 0 25px 25px;}

#column1 a,#column2 a,#column3 a,#columnChoice a{text-decoration:none;}
#column1 a:hover,#column2 a:hover,#column3 a:hover,#columnChoice a:hover{text-decoration:none;}
/*#column2{border-left:1px solid #666;border-right:1px solid #666}*/
#conMain{padding:0;margin:0px;width:100%;}
.newsCon{margin:3px;width:100%;font-family:arial;font-size:125%;line-height:150%;}
#foot{height:10px;position:fixed;bottom:0px;left:0px;width:100%;z-index:1;background-image:url(/images/000_bkg_main.gif);background-repeat:x;background-position:0px 0px;border-top:4px solid #e67300;color:#ffffff;font-size:1em;font-family:arial;padding:10px 5px}
#copyright{display:inline-block;float:right;padding-right:10px}
#updated{display:inline-block}
.articleTitle{font-family:verdana,sans-serif,arial;text-decoration:none;font-weight:bold;font-size:110%;}
.articleCon{display:inline-block;margin-bottom:10px}
.feedForm{position:inherit;top:3px;width:100%;margin-bottom:30px;border:1px solid #ccc;display:none;border-radius:10px;padding:10px;background:#ccc;}
.xfeedForm{z-index:1;position:relative;top:3px;display:none;border-radius:5px;}
.editFeedBox{width:100%;font-size:.9em;border-radius:0;box-shadow:none;border:none}
.problemFeedBox{width:100%;border-radius:15px;border:1px solid #ccc;padding:5px;box-shadow:inset 3px 3px 15px 6px #666;;margin-bottom:40px;}
.problemFeedIcon{float:left;border:none;vertical-align:top;margin-right:5px;}
.problemFeedTitle{font-family:arial;color:#CAB164;font-weight:bold;font-size:12px;margin-top:0;}
.problemFeedDesc{padding:12px 30px 10px 30px;}
.deleteForm{position:inherit;top:3px;width:95%;margin:5px auto;padding:0;display:none;}
.feedTable{background:#eaf2f6;width:100%;border:1px solid;border-color:#ccc #666 #666 #ccc;}
.formDelete{float:right;background:#eaf2f6;}
.feedBox{padding:12px 5px;}
.navConBar{display:none}
.red{color:#cc0000}
.yellow{color:#ffff00}
.orange{color:#ff9900}
.blue{color:#00ccff}
.green{color:#00cc99}
.purple{color:#cc99ff}
.lightGray{color:#c0c0c0}
.mediumGray{color:#929292}
.darkGray{color:#333}
#nameM{display:none;}
.tha{width:75px}

.butPlus{margin:0 10px;line-height:100%}

/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!   WEATHER STYLES  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.geoOff{float:right;display:inline-block;background-repeat: no-repeat;background-size: 30px 30px;margin:5px 0 0 5px;width:30px;height:30px;background-image:url(/images/icons/geo.png)}
.geoOn{float:right;display:inline-block;background-repeat: no-repeat;background-size: 22.8px 30px;margin:5px 0 0 5px;width:22.8px;height:30px;background-image:url(/images/icons/geoOns.gif)}

.lightDark{float:right;width:30px;margin:6px 0 0 5px;cursor:pointer;}
.timeBits{color:#fff;float:left;font-size:.8em;font-family:arial;border-radius: 20px;border: 1px solid #ddd;margin:5px 20px 0 0px;padding:5px 7px 3px 7px;line-height: 150%;}


.midnight{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bbbbbb+49,999999+50,bbbbbb+51&0+36,0.8+46,0.8+54,0+64 */
background: -moz-linear-gradient(left,  rgba(187,187,187,0) 36%, rgba(187,187,187,0.8) 46%, rgba(187,187,187,0.8) 49%, rgba(153,153,153,0.8) 50%, rgba(187,187,187,0.8) 51%, rgba(187,187,187,0.8) 54%, rgba(187,187,187,0) 64%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(187,187,187,0) 36%,rgba(187,187,187,0.8) 46%,rgba(187,187,187,0.8) 49%,rgba(153,153,153,0.8) 50%,rgba(187,187,187,0.8) 51%,rgba(187,187,187,0.8) 54%,rgba(187,187,187,0) 64%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(187,187,187,0) 36%,rgba(187,187,187,0.8) 46%,rgba(187,187,187,0.8) 49%,rgba(153,153,153,0.8) 50%,rgba(187,187,187,0.8) 51%,rgba(187,187,187,0.8) 54%,rgba(187,187,187,0) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbbbbb', endColorstr='#00bbbbbb',GradientType=1 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bbbbbb+49,999999+50,bbbbbb+51&0+10,0.8+46,0.8+54,0+90 */
background: -moz-linear-gradient(left,  rgba(187,187,187,0) 10%, rgba(187,187,187,0.8) 46%, rgba(187,187,187,0.8) 49%, rgba(153,153,153,0.8) 50%, rgba(187,187,187,0.8) 51%, rgba(187,187,187,0.8) 54%, rgba(187,187,187,0) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(187,187,187,0) 10%,rgba(187,187,187,0.8) 46%,rgba(187,187,187,0.8) 49%,rgba(153,153,153,0.8) 50%,rgba(187,187,187,0.8) 51%,rgba(187,187,187,0.8) 54%,rgba(187,187,187,0) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(187,187,187,0) 10%,rgba(187,187,187,0.8) 46%,rgba(187,187,187,0.8) 49%,rgba(153,153,153,0.8) 50%,rgba(187,187,187,0.8) 51%,rgba(187,187,187,0.8) 54%,rgba(187,187,187,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbbbbb', endColorstr='#00bbbbbb',GradientType=1 ); /* IE6-9 */


/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+49,999999+50,dddddd+51&0+10,0.8+46,0.8+54,0+90 */
background: -moz-linear-gradient(left,  rgba(221,221,221,0) 10%, rgba(221,221,221,0.8) 46%, rgba(221,221,221,0.8) 49%, rgba(153,153,153,0.8) 50%, rgba(221,221,221,0.8) 51%, rgba(221,221,221,0.8) 54%, rgba(221,221,221,0) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(221,221,221,0) 10%,rgba(221,221,221,0.8) 46%,rgba(221,221,221,0.8) 49%,rgba(153,153,153,0.8) 50%,rgba(221,221,221,0.8) 51%,rgba(221,221,221,0.8) 54%,rgba(221,221,221,0) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(221,221,221,0) 10%,rgba(221,221,221,0.8) 46%,rgba(221,221,221,0.8) 49%,rgba(153,153,153,0.8) 50%,rgba(221,221,221,0.8) 51%,rgba(221,221,221,0.8) 54%,rgba(221,221,221,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dddddd', endColorstr='#00dddddd',GradientType=1 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+49,f4a527+50,dddddd+51,dddddd+51&0+10,0.8+46,0.8+54,0+90 */
background: -moz-linear-gradient(left,  rgba(221,221,221,0) 10%, rgba(221,221,221,0.8) 46%, rgba(221,221,221,0.8) 49%, rgba(244,165,39,0.8) 50%, rgba(221,221,221,0.8) 51%, rgba(221,221,221,0.8) 54%, rgba(221,221,221,0) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(221,221,221,0) 10%,rgba(221,221,221,0.8) 46%,rgba(221,221,221,0.8) 49%,rgba(244,165,39,0.8) 50%,rgba(221,221,221,0.8) 51%,rgba(221,221,221,0.8) 54%,rgba(221,221,221,0) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(221,221,221,0) 10%,rgba(221,221,221,0.8) 46%,rgba(221,221,221,0.8) 49%,rgba(244,165,39,0.8) 50%,rgba(221,221,221,0.8) 51%,rgba(221,221,221,0.8) 54%,rgba(221,221,221,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dddddd', endColorstr='#00dddddd',GradientType=1 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+49,f4a527+50,f2e0a7+51&0+10,0.8+46,0.8+54,0+90 */
background: -moz-linear-gradient(left,  rgba(221,221,221,0) 10%, rgba(221,221,221,0.8) 46%, rgba(221,221,221,0.8) 49%, rgba(244,165,39,0.8) 50%, rgba(242,224,167,0.8) 51%, rgba(242,224,167,0.8) 54%, rgba(242,224,167,0) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(221,221,221,0) 10%,rgba(221,221,221,0.8) 46%,rgba(221,221,221,0.8) 49%,rgba(244,165,39,0.8) 50%,rgba(242,224,167,0.8) 51%,rgba(242,224,167,0.8) 54%,rgba(242,224,167,0) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(221,221,221,0) 10%,rgba(221,221,221,0.8) 46%,rgba(221,221,221,0.8) 49%,rgba(244,165,39,0.8) 50%,rgba(242,224,167,0.8) 51%,rgba(242,224,167,0.8) 54%,rgba(242,224,167,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dddddd', endColorstr='#00f2e0a7',GradientType=1 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+49,f4a527+50,a6d0ed+51&0+10,0.8+46,0.8+54,0+90 */
background: -moz-linear-gradient(left,  rgba(221,221,221,0) 10%, rgba(221,221,221,0.8) 46%, rgba(221,221,221,0.8) 49%, rgba(244,165,39,0.8) 50%, rgba(166,208,237,0.8) 51%, rgba(166,208,237,0.8) 54%, rgba(166,208,237,0) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(221,221,221,0) 10%,rgba(221,221,221,0.8) 46%,rgba(221,221,221,0.8) 49%,rgba(244,165,39,0.8) 50%,rgba(166,208,237,0.8) 51%,rgba(166,208,237,0.8) 54%,rgba(166,208,237,0) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(221,221,221,0) 10%,rgba(221,221,221,0.8) 46%,rgba(221,221,221,0.8) 49%,rgba(244,165,39,0.8) 50%,rgba(166,208,237,0.8) 51%,rgba(166,208,237,0.8) 54%,rgba(166,208,237,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dddddd', endColorstr='#00a6d0ed',GradientType=1 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+49,f4a527+50,ffffff+51&0+10,0.8+46,0.8+54,0+90 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 10%, rgba(255,255,255,0.8) 46%, rgba(255,255,255,0.8) 49%, rgba(244,165,39,0.8) 50%, rgba(255,255,255,0.8) 51%, rgba(255,255,255,0.8) 54%, rgba(255,255,255,0) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 10%,rgba(255,255,255,0.8) 46%,rgba(255,255,255,0.8) 49%,rgba(244,165,39,0.8) 50%,rgba(255,255,255,0.8) 51%,rgba(255,255,255,0.8) 54%,rgba(255,255,255,0) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 10%,rgba(255,255,255,0.8) 46%,rgba(255,255,255,0.8) 49%,rgba(244,165,39,0.8) 50%,rgba(255,255,255,0.8) 51%,rgba(255,255,255,0.8) 54%,rgba(255,255,255,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+49,999999+50,dddddd+50&0+10,0.8+46,0.8+54,0+90 */
background: -moz-linear-gradient(left,  rgba(221,221,221,0) 10%, rgba(221,221,221,0.8) 46%, rgba(221,221,221,0.8) 49%, rgba(221,221,221,0.8) 50%, rgba(221,221,221,0.8) 54%, rgba(221,221,221,0) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(221,221,221,0) 10%,rgba(221,221,221,0.8) 46%,rgba(221,221,221,0.8) 49%,rgba(221,221,221,0.8) 50%,rgba(221,221,221,0.8) 54%,rgba(221,221,221,0) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(221,221,221,0) 10%,rgba(221,221,221,0.8) 46%,rgba(221,221,221,0.8) 49%,rgba(221,221,221,0.8) 50%,rgba(221,221,221,0.8) 54%,rgba(221,221,221,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dddddd', endColorstr='#00dddddd',GradientType=1 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+0,ffffff+100&1+13,0+100 */
background: -moz-linear-gradient(left,  rgba(204,204,204,1) 0%, rgba(211,211,211,1) 13%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(211,211,211,1) 13%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(204,204,204,1) 0%,rgba(211,211,211,1) 13%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+0,ffffff+45&1+13,0+100 */
background: -moz-linear-gradient(left,  rgba(204,204,204,1) 0%, rgba(219,219,219,1) 13%, rgba(255,255,255,0.63) 45%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(219,219,219,1) 13%,rgba(255,255,255,0.63) 45%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(204,204,204,1) 0%,rgba(219,219,219,1) 13%,rgba(255,255,255,0.63) 45%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+0,ffffff+15&1+7,0+100 */
background: -moz-linear-gradient(left,  rgba(204,204,204,1) 0%, rgba(228,228,228,1) 7%, rgba(255,255,255,0.91) 15%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(228,228,228,1) 7%,rgba(255,255,255,0.91) 15%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(204,204,204,1) 0%,rgba(228,228,228,1) 7%,rgba(255,255,255,0.91) 15%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}


/*
<div class="xtoolLink">First Link<span class="xtoolTip">Now is the  time for all good men</span></div>
s*/

.xtoolLink:hover .xtoolTip {
  /* NEW */
  display: block;
}

.xtoolTip {
  display: none;
  /* NEW */
  background: #111;
  color:#fff;
  border-radius: 5px;
  margin-left: 28px;
  padding: 10px;
  position: absolute;
  z-index: 1000;
  min-width: 200px;
  min-height: 50px;
}

.xtoolLink {
  margin: 100px;
}

.triangle-container {
  position: relative; /* Necessary for positioning the triangle */
}

.number {
  position: relative; /* For positioning the number within the triangle */
  /* Style your number here */
  font-size: 20px;
  color: white;
}

.triangle-container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid blue; /* Triangle color */
  width: 0;
  height: 0;
}


.ico,.icos,.icos7 {width:100px;height:100px;overflow:hidden;border-radius:50%;display:inline-block;}
.icos,.icos7{width:30px;height:30px}
.icos7{margin-top:7px}
.icoimg{display:inline;margin:0 auto;height:100%;width:auto;}


.dateTimePicker{font-size:.8em}
.rB{border-radius:5px;color:#fff;background:#009eed;margin:0 0 10px 50px;padding:2px 10px}
#chartReturnBut{position:fixed;top:80px;left:-80px;}
.rT{border-top-left-radius: 5px;border-top-right-radius: 5px}
.fB{border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.fT{border-top-left-radius: 0;border-top-right-radius: 0}
.rB{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
.rL{border-top-left-radius: 5px;border-top-left-radius: 5px}
.fRi{border-bottom-right-radius: 0;border-bottom-right-radius: 0}
.fLe{border-top-left-radius: 0;border-top-right-radius: 0}
.rR{border-bottom-right-radius: 5px;border-top-right-radius: 5px}

.tS1{text-shadow: 1px 1px #666;}
#popDays{height:28px;background:#eee;font-size:1.1em;padding:4px 0 0 5px;}
#xpos{background:#eee;padding:4px 0 0 5px;height:28px;font-size:1em;font-weight:normal;}
#radarSelector{border:none;margin-top:0px;font-size:1em;background:#eee;}
#radarControls,#xFyRHOME,#popDays{width:100%}
#xFyRHOME{height:210px}

#astroCharts{margin-top:30px}
#radarControls{padding:3px 0 3px 0;background:#eee;height:26px;float:right;font-size:1.1em}

#viewF{text-align:left}
#spyGlass{width:17px;margin:0 10px 0 0px;vertical-align:baseline}
.DAZE{background:#009eed;padding-left:10px;}
.dNM{display:none}
#xpos{margin-bottom:0px;}
#homeRadar{text-align:center;height:250px}
#radarScreen{margin-top:30px}
#reportAge{margin-left:-34px}
#microDays{float:right;margin-top:30px}
#weatherFooter{}
#weatherListItems{}
#favH1{margin-left:5px}
#clock3{}
.functionBar,#functionBar{
    width: 100%;
    margin: 0 auto;
    z-index: 6;
   background: transparent;
height:35px;position:fixed;top:50px;left:0;
/*    background: -moz-linear-gradient(left, rgba(153,153,153,1) 0%, rgba(135,174,204,0) 65%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(left, rgba(153,153,153,1) 0%,rgba(135,174,204,0) 65%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right, rgba(153,153,153,1) 0%,rgba(135,174,204,0) 65%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#007db9e8',GradientType=1 );
max-width:1280px !important;*/
}
#holidayDiv{float:left;width:100%;margin-left:5px}
#sBW{display:inline-block;color:#fff;font-size:.9em;font-family:sans-serif;}
#tBW{display:inline-block;}
#wDes{display:none;font-size:small;max-width: 190px;overflow:hidden;vertical-align: bottom;}

#feelVal{font-style:italic;display:block;line-height:100%;}
.dayForecast{width:calc(50% - 41px);min-height: 220px}
.dayForecast h1{margin:0 0 20px 0}
#citySpace{margin-left: 5px}
#favStarLink{display:none;}
.rCW{width:calc(100% - 20px);text-align:center}
.col3-1{text-align:left}
.col3-2{text-align:left}
.col3-3{text-align:left}
#godate{width:100%;text-align: center;padding:5px 10px 10px 10px;color:#111;line-height:200%}
#monthRow{text-align:center;}
#contentContainer,.contentContainer{margin:100px 2%;flex:1 0 auto;overflow:hidden;display:block;min-height: 250px;z-index:0;padding:5px 0}
#calTimeFrame{background:transparent;}
#clock{display:inline-block;font-size:.9em}
#sBHeader,#sectionName{font-size:.9em;padding:5px 0 0 5px;display: inline-block;font-weight:bold}

#cMenu{display: none}
.toastui-calendar-week-view-day-names{height:74px;}
#Cal{display:none}
#calendarDIV{margin-top:70px}
.homeUpComing{font-weight:normal;font-size:.85em}
.feedStyle{padding:5px 10px;font-size:16px !important}
.nBC{max-width:1260px}

.eventDialog{max-width:600px;height:auto;font-size:80%;position: absolute;top:20px;left: 0;right: 0;margin: auto;border-radius:15px}/*calc(50vh - 300px)*/
.eventEle{font-size:1em;padding:5px}
.w50{width:50%}
#pageMe{display:none}
#dailyView{margin-top:0px}
.shareDivx{display:block}
#myWeather{display:inline-block;line-height:100%;vertical-align:top;padding-top:10px;cursor:pointer;height:22px;overflow:hidden;max-width:250px}
.dropdown{padding:0 15px;display:none}
#mWR{margin-top:30px}
#hourlyForecast,#dailyForecast{padding:5px}

#AQIData{width:100%}
#astroCharts{width:100%}
#weatherFooter{width:100%}
.tDN{text-decoration: none;}
#accountBox:width:auto;
#accountTitle:width:auto;

.slide-div {
    max-height: 0;
    min-width:360px;
    max-width:700px; /* Adjust based on content height */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out; /* Adjust timing and easing */
  }

  .slide-div.open {
    max-height: 2000px;cursor:pointer;
  }

#aqiTop{position:fixed}
.modalCloser{margin-right:0px !important}

.chevronL {
transition: opacity .1s ease-in; 
  z-index:5;
  width: 50px;
  height: 50px;
  display: none;
  position: fixed;
top:calc(50% - 40px);
left:calc(50% - 725px);
cursor:pointer;
  &:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    top: 30px;
    left: 27px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    position: absolute;
    @include transform-origin(50% 50%);
  }
  &.left:before { 
	transform: rotate(-135deg);
    margin: -10px 0 0 -5px;
    color:#999;
  }
  &.circle {
    border-radius: 33px;border:2px solid #999;
  }
}

.chevronR {
transition: opacity .1s ease-in; 
  z-index:5;
  width: 50px;
  height: 50px;
  display: none;
  position: fixed;
top:calc(50% - 40px);
right:calc(50% - 725px);
cursor:pointer;
  &:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    top: 30px;
    left: 27px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    position: absolute;
    @include transform-origin(50% 50%);
  }
  &.right:before { 
	transform: rotate(45deg);
    margin: -10px 0 0 -10px;
    color:#999;
  }
  &.circle {
    border-radius: 33px;border:2px solid #999;
  }
}

.chevronU {
transition: opacity .1s ease-in; 
  z-index:5;
  width: 50px;
  height: 50px;
  position: fixed;
bottom:10px;
right:10px;
cursor:pointer;
background:#009eed;
opacity:.5;
  &:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    top: 30px;
    left: 27px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    position: absolute;
    @include transform-origin(50% 50%);
  }
  &.up:before { 
	transform: rotate(-45deg);
    margin: -7px 0 0 -8px;
    color:#fff;
  }
  &.circle {
    border-radius: 33px;border:2px solid transparent;
  }
}

.chevronR:hover,.chevronL:hover,.chevronU:hover{background:#009eed;color:#fff;opacity:1 !important;&.right:before,&.left:before,&.up:before {color:#fff}&.circle {border:2px solid #009eed}}

.chevronLDW {
scale:55%;
transition: opacity .1s ease-in; 
  z-index:5;
  width: 50px;
  height: 50px;
  display: block;
  position: fixed;
top:50px;
left:5px;
cursor:pointer;
  &:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    top: 30px;
    left: 27px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    position: absolute;
    @include transform-origin(50% 50%);
  }
  &.left:before { 
	transform: rotate(-135deg);
    margin: -10px 0 0 -5px;
    color:#bbb;
  }
  &.circle {
    border-radius: 33px;border:2px solid #bbb;
  }
}

.chevronRDW {
scale:55%;
transition: opacity .1s ease-in; 
  z-index:5;
  width: 50px;
  height: 50px;
  display: block;
  position: fixed;
top:50px;
right:0px;
cursor:pointer;
  &:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    top: 30px;
    left: 27px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    position: absolute;
    @include transform-origin(50% 50%);
  }
  &.right:before { 
	transform: rotate(45deg);
    margin: -10px 0 0 -10px;
    color:#bbb;
  }
  &.circle {
    border-radius: 33px;border:2px solid #bbb;
  }
}


.chevronRDW:hover,.chevronLDW:hover{background:#009eed;color:#fff;opacity:1 !important;&.right:before,&.left:before {color:#fff}&.circle {border:2px solid #009eed}}


.trHover:hover{font-weight: bold;color:#f00;}
.trHover:active{color:green}

/* HTML: <div class="loader"></div> */
.loader {
  width: 150px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#ffa516 94%,#0000) top/18px 18px no-repeat,
    conic-gradient(#0000 30%,#ffa516);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 18px),#000 0);
  animation: l13 2s infinite linear;
}
@keyframes l13{ 
  100%{transform: rotate(1turn)}
}

#microTableW{
opacity:0
webkit-transition-property: opacity;
  -webkit-transition-duration: 0.2s;
   -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s; /* Standard syntax */
                transition-property: opacity;
                transition-duration: 0.2s;
                transition-timing-function: ease-in-out;
                transition-delay: 0s;

}

#tickerMain{display:none;}
#NexusLogo{position:fixed}
#desktopLogger{display:none}

.bubbler,.bubblerD{min-height:35px;opacity:1;cursor:pointer;font-size:90%;padding:6px;margin:10px 0 30px 5px;border-bottom:1px solid #ccc;border-right:8px solid transparent;overflow:hidden;}
.bubbler:hover,.bubblerD:hover{border-right:8px solid #0287D0;overflow:hidden;}/*background:#f9f9f9;*/

.bubblerD{border-bottom:1px solid #666;color:#ccc;}
.bubblerD:hover{color:#0287D0;background:#2d2d2d}

.fullscreen-image {
  background-image: url('/images/backgrounds/PartyLightsDarkBkg.jpg');
  background-size: cover; /* Covers the area, crops if necessary */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat;
  height: 100vh; /* Full viewport height */
  width: 100vw; /* Full viewport width */
}

#introModal, #app {
  margin: 0;
  width: 100%;
  height: 100%;
}

#app {
  overflow: hidden;
  touch-action: pan-up;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  text-shadow: 0 0 5px #ffffff, 0 0 20px #000, 0 0 30px #000;
}

#app h1 {
  --fontSize: 60px;
  --lineHeight: 80px;
  width: auto;
  height: calc(2 * var(--lineHeight));
  line-height: var(--lineHeight);
  margin: calc(50vh - var(--lineHeight)) auto 0;
  font-size: var(--fontSize);
  cursor:pointer;
  
}

#app a {
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
}

#app canvas {
  display: block;
  position: fixed;
  z-index: -1;
  top: 0;
}

/*      ///////////////////////////////////////////////////////////          RESPONSIVE CSS              /////////////////////////////////////////*/


@media (min-width: 200px) and (max-width: 320px) {

.newsImage{max-width:120px !important}

/*#clock{display:none}*/
.articleDIV{font-size:90%;}
#myAdd{margin-left: 0}
#timeBit{display: none;}
#LDSRx{display: none;}
#alertNumM{display:inline-block;}
#myWeather{padding-top:5px;margin-top:5px}
.newsBlock{max-width:100px !important;padding-right:10px !important}
#dateLine{margin-bottom: 20px}
.dayForecast{width:calc(100% - 30px) !important ;min-height:0}

.editFeedBox{font-size:.8em}
#navDivLogo{max-width:145px;}
.navBarCon{width:100%;padding:0}
.logoGolds{margin-left:0px}
#logoName{width:220px}
.flip-container,.front,.back{min-height:150vh;min-width:50vh}
.newsCon{font-size:150%}
#navBarName{display:none}
#column1x,#column2,#column3,#columnChoice{border:none;padding:0;width:100%;float:none}
#News,#Weather,#Astro,#Maps,#Search,#Alerts,#calDiv{display:none}
.astrobutton{padding:3px 7px;}
#searchCon{margin:0 2%}
.autocomplete-items div {font-size:1.2em;padding: 10px;}
#commaYear{display:none}
.cwdow{font-size:.9em;}
.cwdate{font-size:.8em;}
.descNOW{font-size:1.05em}
.subJN{margin-top:25px}
.eventImage{width:100%;max-width:100%;margin-bottom: 20px}
h1{font-size:125%}
h2{font-size:120%}
h3{font-size:115%}
h4{font-size:110%}
h5{font-size:105%}
h6{font-size:100%}
#ticktock{display:none}
#MBAR{display:none;}
#logo,.logoName{font-size:.9em;letter-spacing:1.5px;}
#faderTextContainer{width:100px;}
.faderText{;line-height:150%;font-size:1.5em;font-family:sans-serif,Arial,Century Gothic,Verdana;}
.innerNavBar{display:none;height:0px;line-height:0px;}
#mobileMenu,#mobileMenu img{display:inline}
#contentContainer,.contentContainer{margin:100px 3px;}
.col-2,.col-3,.col-4{width:100%;padding:15px 0;}
.fLL{width:100%;text-align:center;}
#navBar{height:50px;}
#logoCon{width:calc(100% - 135px)}
#alertNumD{display: none;}
#alertNumRM{display:inline-block;}
#alertNumRD{display: none;}
.nB{width:calc(100% - .4%);margin:0 .2%}
#bigPicture,.prev, .next{height:150px;margin-top:60px;line-height:150px;}
.prev, .next{font-size:1em;margin-top:-50px;}
#controller{display:none;}
.sMarket{font-size:.8em}
.button{margin-bottom:40px}
.bigsearchforminput{width:96%}
#wcol1{font-size:.7em;margin-right:5px}
#wcol2{margin-right:0;}
#wcol3{font-size:.7em}
.togI{font-size:2.5em}
.cityH1,.cityH10{font-size:1em;letter-spacing:0px;margin-bottom:0;}
.medium-1{width:100%}.medium-2{width:100%}.medium-3{width:100%}.medium-4{width:100%}.medium-5{width:100%}.medium-6{width:100%}.medium-7{width:100%}.medium-8{width:100%}.medium-9{width:100%}.medium-10{width:100%}.medium-11{width:100%}.medium-12{width:100%}
.large-1{width:100%}.large-2{width:100%}.large-3{width:100%}.large-4{width:100%}.large-5{width:100%}.large-6{width:100%}.large-6b{width:100%}.large-7{width:100%}.large-8{width:100%}.large-9{width:100%}.large-10{width:100%}.large-11{width:100%}.large-12{width:100%}
#moonDetails{margin-top:50px}
#footerTitle{font-size:1.35em;;margin-bottom:10px;font-weight:bold}
#moonCon,.sunPic {height:50px;}
#moonCon{width:50px}
#moonPicDiv{margin-top:40px}
.MoonmL-10{margin-left:0px}
.MoonmL10{margin-left:0px}
.MoonmL5{margin-left:0px}
.MoonmL15{margin-left:0px}
.MoonmL20{margin-left:0px}
.add,.addPlus,.facebook,.linkedin,.twitter,.email,.calendar,.call,.link,.home,.contact,.govd,.rss,.archive,.more,.edit,.editActive,.delete,.refresh,.refresher,.share{background-size: 25px 25px;width:25px;height:25px;}
.refresher{background-size: 20px 20px;width:20px;height:20px;}
}

/*@media (min-width: 100px) and (max-width: 321px) {
body{scale:}
}
*/

@media (min-width: 150px) and (max-width: 389px) {
/*#clock{display:none}*/

.newsImage{max-width:120px !important}
.articleDIV{font-size:100%;}
#timeBit{display: none;}
/*#LDSRx{display: none;}*/
#alertNumM{display:inline-block;}
#myWeather{padding-top:5px;margin-top:5px}
.newsBlock{padding-right:10px !important}
#dateLine{margin-bottom: 20px}
.dayForecast{width:calc(100% - 20px) !important ;min-height:0}

.editFeedBox{font-size:.8em}
#navDivLogo{max-width:145px;}
.navBarCon{width:100%;padding:0}
.logoGolds{margin-left:0px}
.flip-container,.front,.back{min-height:150vh;min-width:50vh}
.newsCon{font-size:150%}
#navBarName{display:none}
#column1x,#column2,#column3,#columnChoice{border:none;padding:0;width:100%;float:none}
#News,#Weather,#Astro,#Maps,#Search,#Alerts,#calDiv{display:none}
.astrobutton{padding:3px 7px;}
#searchCon{margin:0 2%}
.autocomplete-items div {font-size:1.2em;padding: 10px;}
#commaYear{display:none}
.descNOW{font-size:1.05em}
.subJN{margin-top:25px}
.eventImage{width:100%;max-width:100%;margin-bottom: 20px}
h1{font-size:125%}
h2{font-size:120%}
h3{font-size:115%}
h4{font-size:110%}
h5{font-size:105%}
h6{font-size:100%}
#ticktock{display:none}
#MBAR{display:none;}
#logo,.logoName{font-size:1em;letter-spacing:2px;}
#faderTextContainer{width:100px;}
.faderText{;line-height:150%;font-size:1.5em;font-family:sans-serif,Arial,Century Gothic,Verdana;}
.innerNavBar{display:none;height:0px;line-height:0px;}
#mobileMenu,#mobileMenu img{display:inline}
#contentContainer,.contentContainer{margin:100px 5px;}
.col-2,.col-3,.col-4{width:100%;padding:15px 0;}
.fLL{width:100%;text-align:center;}
#navBar{height:50px;}
#logoCon{width:calc(100% - 135px)}
#alertNumD{display: block;}
#alertNumRM{display:inline-block;}
#alertNumRD{display: none;}
.nB{width:calc(100% - .4%);margin:0 .2%}
#bigPicture,.prev, .next{height:150px;margin-top:60px;line-height:150px;}
.prev, .next{font-size:1em;margin-top:-50px;}
#controller{display:none;}
.sMarket{font-size:.8em}
.button{margin-bottom:40px}
.bigsearchforminput{width:96%}
#wcol1{font-size:.7em;margin-right:5px}
#wcol2{margin-right:0;}
#wcol3{font-size:.7em}
.togI{font-size:2.5em}
.cityH1,.cityH10{font-size:1.2em;letter-spacing:0px;}
.medium-1{width:100%}.medium-2{width:100%}.medium-3{width:100%}.medium-4{width:100%}.medium-5{width:100%}.medium-6{width:100%}.medium-7{width:100%}.medium-8{width:100%}.medium-9{width:100%}.medium-10{width:100%}.medium-11{width:100%}.medium-12{width:100%}
.large-1{width:100%}.large-2{width:100%}.large-3{width:100%}.large-4{width:100%}.large-5{width:100%}.large-6{width:100%}.large-6b{width:100%}.large-7{width:100%}.large-8{width:100%}.large-9{width:100%}.large-10{width:100%}.large-11{width:100%}.large-12{width:100%}
#moonDetails{margin-top:50px}
#moonPicDiv{margin-top:40px}
#footerTitle{font-size:1.35em;;margin-bottom:10px;font-weight:bold}
#moonCon,.sunPic {height:50px}
#moonCon{width:50px}
.MoonmL-10{margin-left:0px}
.MoonmL10{margin-left:0px}
.MoonmL5{margin-left:0px}
.MoonmL15{margin-left:0px}
.MoonmL20{margin-left:0px}
.add,.addPlus,.facebook,.linkedin,.twitter,.email,.calendar,.call,.link,.home,.contact,.govd,.rss,.archive,.more,.edit,.delete,.refresh,.refresher,.share{background-size: 25px 25px;width:25px;height:25px;}
.refresher{background-size: 20px 20px;width:20px;height:20px;}
}

@media (min-width: 390px) and (max-width: 479px) {
/*#clock{display:none}*/

.newsImage{max-width:120px !important}
.articleDIV{font-size:100%;}
#timeBit{display: none;}
/*#LDSRx{display: none;}*/
#alertNumM{display:inline-block;}
#myWeather{padding-top:5px;margin-top:5px}
.newsBlock{max-width:110px !important;padding-right:10px !important}
#dateLine{margin-bottom: 20px}
#sBW{display:inline-block;}
.dayForecast{width:calc(100% - 30px) !important ;min-height:0}

.editFeedBox{font-size:1.2em}
#navDivLogo{max-width:145px;}
.logoGolds{margin-left:0px}
.flip-container,.front,.back{min-height:150vh;min-width:50vh}
.newsCon{font-size:150%}
#navBarName{display:none}
#column1x,#column2,#column3,#columnChoice{border:none;padding:0;width:100%;float:none}
#News,#Weather,#Astro,#Maps,#Search,#Alerts,#calDiv{display:none}
#searchCon{margin:0 2%}
.autocomplete-items div {font-size:1.2em;padding: 10px;}
#commaYear{display:none}
.descNOW{font-size:1.2em}
.subJN{margin-top:25px}
.eventImage{width:100%;max-width:100%;margin-bottom: 20px}
h1{font-size:125%}
h2{font-size:120%}
h3{font-size:115%}
h4{font-size:110%}
h5{font-size:105%}
h6{font-size:100%}
#ticktock{display:none}
#MBAR{display:none;}
#logo,.logoName{font-size:1.1em;letter-spacing:2px;}
#faderTextContainer{width:100px;}
.faderText{;line-height:150%;font-size:1.5em;font-family:sans-serif,Arial,Century Gothic,Verdana;}
.innerNavBar{display:none;height:0px;line-height:0px;}
#mobileMenu,#mobileMenu img{display:inline}
#contentContainer,.contentContainer{margin:100px 3px;}
.col-2,.col-3,.col-4{width:100%;padding:15px 0;}
.fLL{width:100%;text-align:center;}
#navBar{height:50px;}
#logoCon{width:calc(100% - 135px)}
#alertNumD{display: block;}
#alertNumRM{display:inline-block;}
#alertNumRD{display: none;}
.nB{width:calc(100% - .4%);margin:0 .2%}
#bigPicture,.prev, .next{height:150px;margin-top:60px;line-height:150px;}
.prev, .next{font-size:1em;margin-top:-50px;}
#controller{display:none;}
.sMarket{font-size:.9em}
#wcol1{font-size:.8em;margin-right:5px}
#wcol2{margin-right:0;}
#wcol3{font-size:.7em}
.cityH1,.cityH10{font-size:1.3em;letter-spacing:0px;}
.medium-1{width:100%}.medium-2{width:100%}.medium-3{width:100%}.medium-4{width:100%}.medium-5{width:100%}.medium-6{width:100%}.medium-7{width:100%}.medium-8{width:100%}.medium-9{width:100%}.medium-10{width:100%}.medium-11{width:100%}.medium-12{width:100%}
.large-1{width:100%}.large-2{width:100%}.large-3{width:100%}.large-4{width:100%}.large-5{width:100%}.large-6{width:100%}.large-6b{width:100%}.large-7{width:100%}.large-8{width:100%}.large-9{width:100%}.large-10{width:100%}.large-11{width:100%}.large-12{width:100%}
#moonDetails{margin-top:50px}
#moonPicDiv{margin-top:40px}
#footerTitle{font-size:1.5em;;margin-bottom:15px;font-weight:bold}
#moonCon,.sunPic {height:50px;}
#moonCon{width:50px}
.MoonmL-10{margin-left:0px}
s.MoonmL10{margin-left:0px}
.MoonmL5{margin-left:0px}
.MoonmL15{margin-left:0px}
.MoonmL20{margin-left:0px}
.add,.addPlus,.facebook,.linkedin,.twitter,.email,.calendar,.call,.link,.home,.contact,.govd,.rss,.archive,.more,.edit,.delete,.refresh,.refresher,.share{background-size: 25px 25px;width:25px;height:25px;}
.refresher{background-size: 20px 20px;width:20px;height:20px;}
}


@media (min-width: 480px) and (max-width: 619px) {
/*#clock{display:none}*/

#contentContainer{margin:100px auto 0 auto;padding:5px;}
.newsImage{max-width:120px !important}
#timeBit{display: none;}
/*#LDSRx{display: none;}*/
#alertNumM{display:inline-block;}
#myWeather{padding-top:5px;margin-top:5px}
.newsBlock{max-width:120px !important;padding-right:10px !important}
#dateLine{margin-bottom: 20px}
#sBW{display:inline-block;}
.dayForecast{width:calc(100% - 30px) !important ;min-height:0}

#navDivLogo{max-width:170px;}
.logoGolds{margin-left:0px}
.flip-container,.front,.back{min-height:150vh;min-width:50vh}
.newsCon{font-size:150%}
#column1x,#column2,#column3,#columnChoice{border:none;padding:0;width:100%;float:none}
#mobileMenu,#mobileMenu img{display:inline}
#News,#Weather,#Astro,#Maps,#Search,#Alerts,#calDiv{display:none}
#MBAR{display:none;}
#logo,.logoName{font-size:1.15em;letter-spacing:2px;}
#faderTextContainer{width:100px;}
.faderText{;line-height:150%;font-size:1.5em;font-family:sans-serif,Arial,Century Gothic,Verdana;}
.innerNavBar{display:none;height:0px;line-height:0px;}
.col-2,.col-3,.col-4{width:100%;padding:15px 0;}
.fLL{width:100%;text-align:center;}
#navBar{height:50px;}
#logoCon{width:calc(100% - 135px)}
#alertNumD{display: block;}
#alertNumRM{display:inline-block;}
#alertNumRD{display: none;}
.nB{width:calc(100% - .4%);margin:0 .2%}
#bigPicture,.prev, .next{height:150px;margin-top:60px;line-height:150px;}
.prev, .next{font-size:1em;margin-top:-50px;}
#controller{display:none;}
.sMarket{margin-top:7%;}
.cityH1,.cityH10{font-size:.1.3em;letter-spacing: 1px;}
.medium-1{width:100%}.medium-2{width:100%}.medium-3{width:100%}.medium-4{width:100%}.medium-5{width:100%}.medium-6{width:100%}.medium-7{width:100%}.medium-8{width:100%}.medium-9{width:100%}.medium-10{width:100%}.medium-11{width:100%}.medium-12{width:100%}
.large-1{width:100%}.large-2{width:100%}.large-3{width:100%}.large-4{width:100%}.large-5{width:100%}.large-6{width:100%}.large-6b{width:100%}.large-7{width:100%}.large-8{width:100%}.large-9{width:100%}.large-10{width:100%}.large-11{width:100%}.large-12{width:100%}
#moonDetails{margin-top:50px}
#moonPicDiv{margin-top:40px}
#footerTitle{font-size:2em;font-weight:bold}
#moonCon,.sunPic {height:100px;}
#moonCon{width:100px}
.add,.addPlus,.facebook,.linkedin,.twitter,.email,.calendar,.call,.link,.home,.contact,.govd,.rss,.archive,.more,.edit,.delete,.refresh,.refresher,.share{background-size: 25px 25px;width:25px;height:25px;}
.refresher{background-size: 20px 20px;width:20px;height:20px;}
}

@media (min-width: 620px) and (max-width: 1284px) {
.w75x{width:80% !important}

#contentContainer{margin:100px auto 0 auto;max-width:1000px;padding:5px}
.newsBlock{max-width:120px !important;padding-right:10px !important}
.newsImage{max-width:120px !important}
.dNM{display:block;float:right}
#citySpace{margin-left: 0}
#geoLocBut{margin-left:5px}
.mD{display:none;}
/*#clock{display:none}*/
#navDivLogo{max-width:170px;}
.navBarCon{width:100%;padding:0}
#alertNumM{display:inline-block;}
#alertNumD{display: block;}
#alertNumRM{display:inline-block;}
#alertNumRD{display: none;}
/*#LDSRx{display: none;}*/
#homeRadar{text-align:left;height:180px}
#radarScreen{margin-top:0px}
.logoGolds{margin-left:2px}
#column1x,#column2,#column3,#columnChoice{border:none;padding:0;width:100%;float:none}
#mobileMenu,#mobileMenu img{display:inline}
#sBW{display:inline-block;}
#News,#Weather,#Astro,#Maps,#Search,#Alerts,#calDiv{display:none}
#logo,.logoName{font-size:1.2em;letter-spacing:2px;}
.innerNavBar{margin:0 5%}
#bigPicture,.prev, .next{height:200px;margin-top:110px;line-height:200px}
.prev, .next{margin-top:110px;}
.slide{font-size:1.5em;}
#slides{margin-top:-110px}
#myAdd{margin-left:90px}
#wlatlon{text-align:right;margin-top:0;text-align:right}
#moonCon,.sunPic {height:120px;}
#moonCon{width:120px}
.medium-1{width:100%}.medium-2{width:100%}.medium-3{width:100%}.medium-4{width:100%}.medium-5{width:100%}.medium-6{width:100%}.medium-7{width:100%}.medium-8{width:100%}.medium-9{width:100%}.medium-10{width:100%}.medium-11{width:100%}.medium-12{width:100%}
.large-1{width:100%}.large-2{width:100%}.large-3{width:100%}.large-4{width:100%}.large-5{width:100%}.large-6{width:50%}.large-6b{width:100%}.large-7{width:100%}.large-8{width:100%}.large-9{width:100%}.large-10{width:100%}.large-11{width:100%}.large-12{width:100%}
#moonDetails{margin-top:50px}
#wDes{display:inline;}
#microDays{margin-top:0px}
}

@media (min-width: 1285px) {
#NexusLogo{position:relative;}
#tickerMain{display:block;}
#contentContainer{padding:0}
.dropdown{display:inline-block}
#pageMe{display:block}
.shareDIVx{display:none;}
.DAZE{width: calc(100% - 29px)}
.dayForecast{min-height:370px}
.rCW{width:250px;}
.col3-1{text-align:left}
.col3-2{text-align:center}
.col3-3{text-align:right}
.functionBar{width:95%}
.dateTimePicker{font-size:1em}
.dNM{display:block;}
.clockImage{padding:6px 7px 0 13px}
.slide{font-size:2.3em;}
.navBarCon{max-width:1290px;margin:0 auto}
#clock,#cMenu{display:inline}
#calendarDIV{margin-top:40px}
#Cal{display:inline;}
#godate{line-height:120%;padding: 5px 0px;text-align:right;}
#monthRow{text-align: right;}
#weatherFooter{margin-bottom: 10px;width:95%}
#homeRadar{text-align:left;height:250px}
#radarScreen{margin-top:0px}
#reportAge{margin-left:-40px}
#microDays{margin-top:0px}
#dayButs{margin-right:.9em}
#favH1{margin-left:0px}
#citySpace{margin-left: 0}
#geoLocBut{margin-left:5px}
#homeLocSun{display:block}
#mobileMenuLister{display:none}
#column1,#column1x{padding:25px 20px 25px 0px}
#column2{padding:25px}
#column3{padding:25px 0 25px 20px}
#contentContainer,.contentContainer{margin:80px auto;width:95%;max-width:1250px !important}
#footerAddress{min-width:1250px;margin:0px auto 100px auto;overflow:hidden;max-width:none;min-height:400px;background:#000;}
#bigPicture,.prev, .next{height:400px;line-height:400px}
#slides{margin-top:-110px}
#myAdd{margin-left:90px}
#wlatlon{text-align:right;margin-top:0;text-align:right}
#moonCon,.sunPic {height:200px;}
#moonCon{width:200px}
#wFM{float:right;margin-top:5px;}
#wFU{float:right}
#microDays{margin-top:0px}
#radarControls,#xFyRHOME,#astroCharts{width:95%}
#xFyRHOME{height:446px}
#popDays,#radarControls{margin-top:0}
#chartReturnBut{position:relative;top:0;left:0}
#favStarLink{display:inline-block;}
#viewF{text-align:right}
#wDes{display:inline;}
.homeUpComing{font-weight:normal;font-size:.9em}
::-webkit-scrollbar {display:block;}
#mWR{margin-top:0px}
#AQIData{width:100%}
#aqiTop{position:absolute}
.modalCloser{margin-right:0px !important}
#alertInfo{font-size:100%}
#hourlyForecast,#dailyForecast{padding:0}
#hourlyForecast{padding-right:30px}
#accountBox{width:1250px;}
#accountTitle{width:1200px;}
.dropdownTitle{width:1250px}
.navBox{width:1250px}
#dailyDate{font-size:2em;font-weight:normal}
.whiteDay,.whiteNight{padding-top:40px}
.chevronLDW {scale:70%;top:275px;left:calc(50% - 605px);}
.chevronRDW {scale:70%;top:275px;right:calc(50% - 570px);}
#desktopLogger{display:inline}
#kR{margin-right:15px}
.message-boxx {max-width:500px;min-width:500px}
.eventDialog{max-width:600px;height:auto;font-size:80%;position: absolute;top:calc(50% - 265px);left: 0;right: 0;margin: auto;border-radius:15px}/*calc(50vh - 300px)*/
#SS{display:none}
#BS{display:block;min-width:100%;max-height:90%}
.picCon{width:80%;cursor:zoom-out;margin-left:10%}
.capClassT{width:9%;margin-left:1%;}
}

@media (min-width: 1450px) {.chevronR ,.chevronL{display:inline-block;opacity:0}}