/* moratelindo.css */

:root {
	color-scheme: light dark; /* Informs the browser that the page supports both schemes */
}

body {
	background-color: white;
	color: black;
}

/* Dark mode styles, applied when user prefers dark scheme */
@media (prefers-color-scheme: dark) {
	body {
	background-color: #000000;
	color: white;
	}
}

body, .normal{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	padding: 3px;
}

a:link, a:active, a:visited{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #008000;
	padding: 3px;
	border-bottom: 1px dashed #0000FF;
}

a:hover{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #FF0000;
	padding: 3px;
	border-bottom: 1px dashed #0000FF;
}

.topbar{
	font-family: Verdana, Arial;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}

.menu{
	font-family: Verdana, Arial;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: light-dark(#000000, #3090C7);
}

.tableheader{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #005596;
	text-align: center;
}

.tablelabel{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #696969;
	text-align: center;
}

.tablelist1{
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	background-color: #D3D8E8;
	border-bottom: none;
}

.tablelist1 a:link, .tablelist1 a:active, .tablelist1 a:visited{
	border-bottom: 1px dotted #3090C7;
}

.tablelist1 a:hover{
	color: #FFFFFF;
	background-color: teal;
	border-bottom: none;
}

.tablelist2{
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	background-color: #FFFFFF;
	border-bottom: none;
}

.tablelist2 a:link, .tablelist2 a:active, .tablelist2 a:visited{
	border-bottom: 1px dotted #3090C7;
}

.tablelist2 a:hover{
	color: #FFFFFF;
	background-color: teal;
	border-bottom: none;
}

.siteslist1{
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	background-color: #D3D8E8;
	border-bottom: none;
}

.siteslist1 a:link, .siteslist1 a:active, .siteslist1 a:visited{
	border-bottom: 1px dotted #3090C7;
}

.siteslist1 a:hover{
	color: #FFFFFF;
	background-color: teal;
	border-bottom: none;
}

.siteslist2{
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	background-color: #FFFFFF;
	border-bottom: none;
}

.siteslist2 a:link, .siteslist2 a:active, .siteslist2 a:visited{
	border-bottom: 1px dotted #3090C7;
}

.siteslist2 a:hover{
	color: #FFFFFF;
	background-color: teal;
	border-bottom: none;
}
.cellcritical{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	background-color: #FF0000;
	border-bottom: none;
}

.cellcritical a:link, .cellcritical a:active, .cellcritical a:visited{
	border-bottom: 1px dotted;
}

.cellcritical a:hover{
	color: light-dark(#000000, #3090C7);
	border-bottom: 1px dotted;
}

.cellerror{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	background-color: #FF9900;
	border-bottom: none;
}

.cellwarning{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	background-color: #FFFF00;
	border-bottom: none;
}

.cellinfo{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	background-color: #0000FF;
	border-bottom: none;
}

.cellup{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	background-color: #00FF00;
	border-bottom: none;
}

.announcement{
	border-style: dotted;
	border-width: thin;
	border-color: light-dark(#000000, #3090C7);
	font-family: Arial;
	font-size: 11px;
	color: light-dark(#000000, #3090C7);
	background-color: #FFFFCC;
	text-align: left;
}

.heading1{
	font-family: Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #DA4725;
	padding: 3px;
}

.heading2{
	font-family: Verdana, Arial;
	font-size: 13px;
	font-weight: bold;
	color: #0C5ECE;
	padding: 3px;
}

.heading3{
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #6960EC;
	padding: 3px;
}

.heading4{
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #008000;
	padding: 3px;
}

.notice{
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FF3300;
}

.logoheader{
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #222222;
	background-color: #FFFFFF;
}

.vbutton{
	font-family: Verdana, "Gill Sans", Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: light-dark(#000000, #3090C7);
	background-color: #FFD660;
	border-top: #CCCCCC 1px solid;
	border-bottom: #555555 1px solid;
	border-left: #CCCCCC 1px solid;
	border-right: #555555 1px solid;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left: 4px;
	margin-right: 4px;
	cursor: hand;
}

.vbutton a:link, .vbutton a:active, .vbutton a:visited{
	font-family: Tahoma, "Gill Sans", Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: light-dark(#000000, #3090C7);
	text-decoration: block;
	border-bottom: none;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left: 4px;
	margin-right: 4px;
	cursor: hand;
}

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

.hr {
    border: none;
    height: 3px;
    color: #0C5ECE;
    color: #0C5ECE; /* old IE */
    background-color: #0C5ECE; /* Modern Browsers */
}