*					{box-sizing:border-box;}

body,input,select	{font:normal 12pt verdana;}

div.header			{position:fixed;top:00px;left:0;right:0;height:40px;overflow:hidden;background-color:silver;z-index:5;padding-left:5px; }

div.header img.logo	{height:34px;padding:0;border:none;margin-right:1em;margin-top:3px;border-radius:6px;}

div.content     {position:fixed;top:40px;left:0;right:0;bottom:20px;overflow:auto; background-color:aliceblue;/*background-image: url(../images/american-flags.jpg);*/ }

div.footer      {position:fixed;bottom:0px;left:0;right:0;height:20px;background-color:gainsboro;font-size:9pt;padding-top:2px;padding-left:4px;white-space:nowrap; }

.inline-r       {display:inline-block;float:right;}

a.masterpageLink		{border:1px solid transparent;color:gray;background-color:black;display:inline-block;text-decoration:none;padding:4px 6px;text-align:center;border-radius:5px;vertical-align:11px;}
a.masterpageLink:hover	{border:1px solid white;color:white;}

a.link150,
a.link150:visited		{color:blue;font-size:150%;text-decoration:underline;margin-right:0.5em;}

a.link150:active		{color:red;}


h6,h5,h4,h3,h2,h1{margin:0.1em 0.1em;}
h2{color:cadetblue;text-align:center;}

table.tight{border:none;padding:0;border-collapse:collapse;}

/* modal popup */
div.modal_bg				{background-color:black;opacity:0.6}
div.modal_popup				{background-color:ghostwhite;border-radius:5px;}
div.modal_title				{position:relative; height:32px;margin:0; background-color:coral;color:black;padding:0;padding-right:34px;border:none;border-top-left-radius:5px;border-top-right-radius:5px;}
div.modal_title	span.title	{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;font-size:17px;font-weight:bold;line-height:31px;margin-left:0.5em;}
div.modal_title span.closer	{position:absolute;right:2px;top:2px;width:28px;height:28px;border:none;border-radius:5px;font-size:23px;font-weight:bold;display:inline-block;color:red;background-color:white;cursor:pointer;text-align:center;}
div.modal_content			{overflow-x:hidden;overflow-y:auto;padding-left:5px;}

/* jQueryUI popup */
.ui-widget-overlay {
	background: #000 !important;
    opacity: 0.6 !important;
}



/* data entry */

table.entry									{}
table.entry > tbody > tr                    {}
table.entry > tbody > tr > td               {}  /*border:1px solid silver;*/
table.entry > tbody > tr > td:first-child,  
table.entry > tbody > tr > td.prompt		{text-align:right;color:gray;font-style:italic;}


table.nowrapPrompt > tbody > tr > td:first-child	{white-space:nowrap;}

span.req    {color:red;font-size:100%;vertical-align:-5px;}
div.vs_req	{color:red;font-style:italic;}	/* validation summary block - required */

span.msg	{color:black;font-style: italic;font-size:90%;}
span.ermsg	{color:red;font-style: italic;}/*font-size:90%;*/

span.hint	{font-size:90%;color:brown;font-style:italic;}


/* title bar */
div.titlebar		{background-color:gainsboro;border:1px solid gainsboro; border-radius:5px;color:gray;}
div.titlebar img    {margin-top:4px;margin-left:4px;}
div.titlebar span   {vertical-align:9px;font-size:115%;}



/* generic data grid, and datagrid user control */
table.grid						{border-collapse:collapse;border:none;}
table.grid tr.pgr td			{border:none;}

/* header cells */
table.grid th					{border:1px solid gray;background-color:gainsboro;padding:1px 3px;}
/*table.grid th a				{display:block;color:white; background-color:rgba(var(--bs-link-color-rgb));padding:1px 2px;border-radius:5px; }*/
table.grid td					{border:1px solid gray;padding:1px 3px;}

/* data cells - first one is made into a link with hover effects */
table.grid tr.data td					{cursor:default;}
table.grid tr.data td:first-child		{color:dodgerblue;cursor:pointer;}
table.grid tr.data td:first-child:hover	{color:blue;text-decoration:underline;}

/* selected row */
table.grid tr.sel						{background-color:palegreen;}				/*selected grid row*/
table.grid tr.sel td:first-child		{color:dodgerblue;cursor:pointer;}			/*same as non-selected row*/
table.grid tr.sel td:first-child:hover	{color:blue;text-decoration:underline;}		/*same as non-selected row*/

/*page number in pager*/
table.grid tr.pgr td > span		{display:block;color:white;background-color:red;     border:1px solid black;border-radius:4px;padding:0px 5px;cursor:default;}
/* link in page number*/
table.grid tr.pgr td > a		{display:block;color:gray;background-color:gainsboro;border:1px solid black;border-radius:4px;padding:0px 5px;text-decoration:none;}



/* tiles */
div.tileList	{font-size:200%;color:gray;margin-top:0.25em;margin-left:0.25em;}

/* label  control in tile (not used) */
span.tile		{border:16px solid gainsboro;float:left;min-width:8em;border-radius:16px;background-color:white;padding: 1em 0.5em;text-align:center;margin:0.25em;cursor:pointer;}
span.tile:hover	{border-color: silver;color:blue;}

/* hyperlink control in tile */
a.tile			{border:1px solid gainsboro;float:left;min-width:15em;border-radius:16px;background-color:white;padding: 0.4em 0.4em;text-align:center;margin:0.2em;cursor:pointer;text-decoration:none;}
a.tile:hover	{border-color: silver;color:blue;text-decoration:underline;}
a.tile > img	{height:32px;margin-right:4px;vertical-align:-5px;}


div.tileList2				{padding:5px;background-color:cornsilk;font-size:150%;color:gray;}
div.tileList2 a.tile		{border:4px solid gainsboro;float:left;min-width:15em;border-radius:6px;background-color:white;padding: 0;text-align:center;margin:0.25em;cursor:pointer;}
div.tileList2 a.tile:hover	{border-color: silver;color:blue;}

/*toolbar stuff*/

div.toolbarContainer32								{display:inline-block;border:solid 1px gray;border-radius:3px;}
img.toolbarItem32, input.toolbarItem32				{border:solid 1px transparent;}
img.toolbarItem32:hover,input.toolbarItem32:hover 	{border:solid 1px blue;background-color:blue;}

img.toolbarItem32.sel,      input.toolbarItem32.sel			{background-color:slategray;}
img.toolbarItem32.sel:hover,input.toolbarItem32.sel:hover 	{background-color:blue;}


/* specific controls */
span.instructions{font-style:italic;color:saddlebrown;}


/* Attachment list classes*/

div.attList			{border:dashed 2px blue;min-height:35px;padding-top:3px;}
div.attList.hover	{border:dashed 4px blue;}

div.attList.RO,
div.attList.RO.hover	{border:dotted 2px gray;}

	div.attList > img	{width:24px;height:24px; margin-right:4px;border:dotted 1px black;vertical-align:-10px;position:relative;}

	div.attList a img 			{width:24px;height:24px; margin-right:4px;border:dotted 1px transparent;position:relative;}
	div.attList a img.deleted 	{opacity:0.4}

	div.rightClickHint{font-size:80%;color:gray;text-align:right;}


/* version number (circle) */
div.ver	{
	background-color:blanchedalmond;
	color:brown;
	font:normal 11pt verdana;
	display:inline-block;
	width:36px;
	height:35px;
	clip-path:circle(49%);
	position:relative;
	text-align:center;
	padding-top:8px;
	letter-spacing:-2px;
	vertical-align:13px;
}

div.ver > div	{font-size:6pt;position:absolute;left:0;top:3px;right:0;text-align:center;letter-spacing:normal;}


/* generic styles */

.min100{min-width:100px;}
.max800{max-width:800px;}

input[type=image][disabled]	{opacity:0.4;}
.align32x32					{vertical-align:-9px;}
.c				{text-align:center;}
.r				{text-align:right;}
.vtop			{vertical-align:top;}
.vmid			{vertical-align:middle;}
.smaller		{font-size:70%}
.err			{color:red;}

.clickable		{cursor:pointer}
.nowrap			{white-space:nowrap;}
.highlightYellow{box-shadow: 6px 6px 8px yellow; background-color:yellow;}