/* Netscape for Windows styles */

body { background-color: #ffffff }

/* NAVBAR STYLES */
.navitems { font-size: 10px; font-family: verdana, arial, helvetica, geneva;
	margin-bottom: 10px; padding-left: 4px; text-indent: -5px; 
	color: #ffffff }
.navlink { color: #ffffff }

.backtotop { font-size: 10px; font-family: verdana, arial, helvetica, geneva; text-decoration: none }

/* TOPLINKS STYLES */
.toplinkstext { font-size: 8pt; font-family: verdana, arial, helvetica, geneva }

/* TEXT STYLES */
.captionfont { font: 10pt verdana, arial, helvetica, geneva, sans-serif; font-style: italic; color: #0066cc }
.crumblink { font: 10px verdana, arial, helvetica, geneva, sans-serif; color: #ffffff; text-decoration: none }
.menulink { font: 10px verdana, arial, helvetica, geneva, sans-serif; color: #ffffff }
td { font-size: 12px; font-family: verdana, arial, helvetica, geneva, sans-serif } 


/* FOOTER STYLES */
.foottext { font-size: 8pt; font-family: verdana, arial, helvetica, geneva; color: #000000 }

.blue { color: #0066cc }

/* STOCK PRICES STYLES */
.stocktitle { font: bold 14pt verdana, arial, helvetica, geneva, sans-serif; color: #ffffff }
.stockdelay { font: 9pt; color: #ffffff }
.stocktitlerow { font: bold 10pt verdana, arial, helvetica, geneva, sans-serif; color: #0066cc }

/* LEVEL 2 STYLES */
.l2title { font: bold 12px verdana, arial, helvetica, geneva, sans-serif; 
			color: #ffffff;
			margin-top: 3px; margin-bottom: 3px }
.l2titleyellow { font: bold 12px verdana, arial, helvetica, geneva, sans-serif; 
			color: #ffff00;
			margin-top: 3px; margin-bottom: 3px }
.l2copy { font: 11px verdana, arial, helvetica, geneva, sans-serif; 
			color: #ffffff }
.l2linklist { font: 10px verdana, arial, helvetica, geneva, sans-serif; 
			color: #ffffff; 
			line-height: 14px }
.l2linkitem { margin-left: 10px; 
			text-indent: -12px }
.workhead {font: 15px verdana, arial, helvetica, geneva, sans-serif; 
			color: #ff9900; 
			margin-top: 10px;
			margin-bottom: 1px;
			font-weight: 900 }

/* LEVEL 3 STYLES */
.l3title { font: bold 16px verdana, arial, helvetica, geneva, sans-serif;
            color: #333333;
            margin-top: 3px }
h2 { font: bold 18px verdana, arial, helvetica, geneva, sans-serif;
            color: #333333; margin-top: -2px }

/* TWEAKS */

p { font-size: 12px; font-family: verdana, arial, helvetica, geneva, sans-serif }
b { font-weight: bold }

/* PERSONIC TWEAKS */

.smalltextarea { font-size: 11px; font-family: verdana,arial,helvetica,geneva,sans-serif }

/* Email toolbar layout fixes */
.email-toolbar { display: flex; gap: 2px; align-items: center; flex-wrap: nowrap; justify-content: flex-start; }
.email-toolbar .menuimage { 
	display: block; 
	transform: scale(0.8); /* 80% of original size */
	transform-origin: center; 
}

/* Loading spinner styles */
.loading-container {
	text-align: center;
	padding: 40px;
	color: #666;
}

.loading-message {
	font-size: 14px;
	margin-bottom: 10px;
}

.loading-spinner {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #0066cc;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
	margin: 0 auto;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Star column */
.email-star {
	width: 30px;
	text-align: center;
	cursor: pointer;
	user-select: none;
}

.star-icon {
	font-size: 16px;
	color: #ccc;
	transition: color 0.2s;
}

.star-icon.starred {
	color: #ff9900;
}

.email-star:hover .star-icon:not(.starred) {
	color: #ffcc66;
}

/* Read/Unread emails */
.email-row.unread {
	font-weight: bold;
	background-color: #f0f8ff;
}

.email-row.unread:hover {
	background-color: #e6f2ff;
}

/* Keyboard selection */
.email-row.selected {
	background-color: #fff3cd !important;
	outline: 2px solid #ffc107;
}

/* Search results info */
.search-results-info {
	background-color: #e8f4f8;
	border: 1px solid #b8d4e8;
	padding: 8px 12px;
	margin-bottom: 10px;
	border-radius: 3px;
	font-size: 11px;
	color: #333;
}