/* w4base

+++ NOTE/CHG mod for TEL - audit-message +++
+++ NOTE/CHG mod for TEL - audit-message +++

16cd 23jan25
16b 20may20
15c 22mar17 hover for LINKlistBOLD
14  7feb17
13 13jan17 marg0
12 14oct13
.....
05 05oct06 chgs
04 17aug06 tabsbutton, spacer
02 22may05 added ADDRESS and H5

++ remember - stuff at bottom has precedence ...  rules are applied in this order :
 - inline css ( html style attribute ) overrides css rules in style tag and css file
 - a more specific selector takes precedence over a less specific one
 - rules that appear later in the code override earlier rules if both have the same specificity.
 - A css rule with !important always takes precedence.

++ Selectors
* {}			universal
tag {}
tag1, tag2, tag3 {}	group/all same
#id {}			An id name canNOT start with a number
.class {}
tag.class {}

*/

* {
  box-sizing: border-box;
}

article#fipmainart {
	display: inline-block;
	position: absolute;
}
.menuTop	{ top: 20px;	left: 240px; }
.nomenuTop	{ top: 2px;	left: 2px; }

.fipScale90	{ transform: scale (0.9, 0.9); }
.fipScale100	{ transform: scale (1.0, 1.0); }
.fipScale110	{ transform: scale (1.1, 1.1); }
.fipScale120	{ transform: scale (1.2, 1.2); }

.wwrap		{ word-wrap: normal;  overflow-wrap: normal; }
.wwrapBrk	{
	overflow-wrap: break-word;
	white-space: pre-wrap;	/* CSS 3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;	/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	word-wrap: break-word;	/* Internet Explorer 5.5+ */
}
.options	{ margin-left: 30px; }
.headbar	{ display: table-cell; font-size: 14px; height: 24px; text-align: left; vertical-align: middle; }
.infobar	{ display: table-cell; font-size: 12px; color: gray; text-align: right; vertical-align: middle; }
.divbar		{ display: table; width: 100%; }
.bigger		{ font-size: bigger; }
.smaller	{ font-size: smaller; }
.timestamp	{ color: gray; font-size: 10; }
.head		{ webkit-border-vertical-spacing: 1px; webkit-border-horizontal-spacing: 1px; }

.wptext	{
	color: #444;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
}
.wphead	{
	color: #101099;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
}

.TDalert	{ background-color: #CCCCFF;}
.BODYalert	{ background-color: #CCCCFF; }

.TABLEopt	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	background-color: silver;
}
.TDopt, .ROMANopt	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	background-color: #EEEEEE;
}

.TDoptSection, .BOLDopt	{
	font-weight: bold;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	background-color: #CCCCFF;
}

.TDoptWire	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	background-color: #EEEEEE;
}

.TDpick	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	background-color: silver;
}

.TDdiv2	{ font-size: 2px; background-color: silver; }
.TDdiv3	{ font-size: 3px; background-color: silver; }
.TDdiv5	{ font-size: 5px; background-color: silver; }

.LINKlist	{ color: #3b3b3b; }
.LINKlistBold	{ color: #3b3b3b; font-weight: bold; }
.LINKlistGreen	{ color: green; font-weight: bold; }
.READlistSlug	{ color: navy; }
.READlistRead	{ color: green; }

/* listGreen is when you have read something */
a.LINKlistBold:link		{ color: #3b3b3b; font-weight: bold; }
a.LINKlistGreen:link		{ color: green; font-weight: bold; }
a.LINKlistBold:hover, a.LINKlistGreen:hover { color: #FF0000; }
a.LINKlistBold:visited, a.LINKlistGreen:visited	{ color: green; font-weight: bold; }

.LINKpick	{
	font-weight: bold;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
}

.LINKopt	{
	font-weight: bold;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	background-color: #EEEEEE;
}

.inline-buttons-silver, .inline-buttons-black	{
/*	font-family: wingdings;	*/
	font-size: 18px;
	line-height: 15px;
}

.inline-buttons-silver	{ color: silver; }
.inline-buttons-black	{ color: black; }
.inline-buttons-red	{ color: red; }

.wherearewe	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: gray;
	font-size: 10;
	background-color: #FFFFFF;
	text-align: right;
	font-style: italic;
}

.banner	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #3b3b3b;
	font-size: 12;
	background-color: #CCCCFF;
}

.toptable	{ background-color: white; color: black; font-size: 12px; height: 19px; }

.blob_white	{ background-color: black; color: white; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 16px; height: 16px; }
.blob_black	{ background-color: white; color: black; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 16px; height: 16px; }

.colour_m	{ background-color: black; color: white; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 16px; height: 16px; }

.colour_c	{ background-color: white; color: blue; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 16px; height: 16px; }

.folio_y	{ background-color: white; color: green; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 16px; height: 16px; }

.folio_n	{ background-color: gray; color: white; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 16px; height: 16px; }

.bleed		{ background-color: white; color: red; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 16px; height: 16px; }

.nobleed	{ background-color: white; color: gray; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 16px; height: 16px; }

.grid_y		{ background-color: white; color: green; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 16px; height: 16px; }

.grid_n		{ background-color: white; color: gray; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 16px; height: 16px; }

.lilred		{ background-color: #FF6347; color: black; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 5px; }

.lilyellow	{ background-color: #FFD700; color: black; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 5px; }

.lilgreen	{ background-color: #98FB98; color: black; font-size: 12px; font-weight: bold; text-align: center; margin-left: 1px; width: 5px; }

.msg	{ font-size: 12px; color: green; }
.errmsg	{ font-size: 12px; color: #FF0000; }

BODY	{
	margin: 20px;
	border: 0;
	padding: 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	background-color: #FFFFFF;
}
.optmedia { }
/* 13mar25
.optmedia	{ display: inherit; }
*/
/* Tablets .... */
@media screen and (max-width: 992px) {
body {
}
body {
	font-weight: normal;
	margin: 10px;
}
.optmedia { }
article#fipmainart {
	display: inline-block;
	position: absolute;
}
.menuTop	{ top: 10px;	left: 240px; }
.nomenuTop	{ top: 2px;	left: 2px; }
}

/* Phones .... */
@media screen and (max-width: 600px) {
body {
	font-weight: normal;
	margin: 2px;
}
.optmedia { display: none; }
/*
nav#menufipid { display: none; }
span#menuopen { display: none; }
span#menuclosed { display: block; }
*/

article#fipmainart {
	display: inline-block;
	position: inherit;
}
.menuTop	{ top: 2px;	left: 3px; }
.nomenuTop	{ top: 2px;	left: 2px; }
}


.NOTused bb
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
	text-align: left;
	font-size: smaller;
}

ul#tabo	{
	display: block;
	position: relative;
	line-height: 0;
	top: -6px;
	text-align: right;
	margin-right: 12px;
	padding-bottom: 0;
}

ul#tabo li	{ display: inline; }

ul#tabo a	{
	font-size: 10;
	background-color: #fff;
	background-image: url(/fip-pages/junk/tab-active-left.gif);
	background-position: top left;
	border-bottom: 1px solid #fff;
	color: black;
	display: inline;
	padding: 3px 10px 3px 10px;
	position: relative;
	text-decoration: none;
}

ul#tabo a b	{
	background-image: url(/fip-pages/junk/tab-active-right.gif);
	background-position: top right;
	display: block;
	width: 8px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0;
}

ul#tabo a.inactive	{
	background-image: url(/fip-pages/junk/blog-inactive-l-corner.gif);
	border-bottom-color: #999;
	color: #3b3b3b;
	opacity: .75;
}

ul#tabo a.inactive b	{
	background-image: url(/fip-pages/junk/blog-inactive-r-corner.gif);
	background-position: top right;
	opacity: .75;
}

H1	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #3b3b3b;
	font-size: 14;
}

H2,H3,H4,H5	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #3b3b3b;
	font-size: 11;
}

H6	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #3b3b3b;
	font-size: 12;
	background-color: #CCCCFF;
}

H7,H8,H9	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: black;
	font-size: 13;
	font-weight: bold;
}

/* DD default is 40px */
DT	{}
DD	{
	margin-inline-start: 10px;
}

.titlebar	{
	background-color: #3b3b3b;
	color: white;
	font-size: 9;
	font-style: normal;
	width: 100%;
	height: 12;
	vertical-align: middle;
	text-indent: 30px;
	border: medium double silver;
}

.clientlist	{
	color: white;
	font-size: 11;
	font-style: normal;
	vertical-align: middle;
	margin-left: 30px;
	border-left: medium solid silver;
}

.clientlist:hover	{
	border-left: medium solid red;
}

a	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-decoration: none;
}

a:link	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-decoration: none;
}

a:visited	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-decoration: none;
}

a:hover	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: red;
	text-decoration: none;
}

.greyshade	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	background-color: #EbEbEb;
}
/*
background-color: silver;
font-size: smaller;
*/

.flowdbtext	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	font-size: 11;
	background-color: #FFFFFF;
	vertical-align: top;
}

.flowdbpre	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	font-size: 11;
	background-color: #FFFFFF;
	vertical-align: top;
}

.TIME-STAMP	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: gray;
	font-size: smaller;
}

.TEXTEDIT	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	font-size: large;
	background-color: #FFFFFF;
	vertical-align: top;
	width: 100%
}

.TABSBUTTON, .FLOWBUTTON	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #3b3b3b;
	background-color: transparent;
	text-decoration: none;
	border: none;
}

.SUBMITLINK	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #3b3b3b;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	border: none;
	text-align: center;
}
.SUBMITLINKGREEN	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: green;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	border: none;
	text-align: center;
}

/* border-width top right bottom left
	margin: 1, 1, 1, 1;
*/
.tint-current	{
	background-color: #ddddee;
	border-bottom: 2px solid #ffffff;
	border-color: black;
	border-style: none none solid none;
	margin: 0 1px 0 1px;
	padding: 4px 0px 0px 0px;
  	text-align: center;
  	vertical-align: middle;
	height: 24px;
	min-height: 24px;
	width: 75px;
	float: left;
}
/*
	padding: 1px 5px 3px 5px;
	background-color: #CCCCFF;
background-color: #5252FF;
background-color: #CCCCCC;
	width: 85;	*/

.tint-other	{
	background-color: #EEEEEE;
	border-width: 0;
	margin: 0 1px 0 1px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
	width: 75px;
	height: 24px;
	min-height: 24px;
	float: left;
}

.tint-silver	{ background-color: silver; }

dl	{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 12px;
}

.first	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background-color: white;
	color: #3b3b3b;
	font-weight: bold;
	font-size: 12pt;
}
.firstRight	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background-color: white;
	color: #3b3b3b;
	font-weight: bold;
	font-size: 12pt;
	text-align: right;
}
.second	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background-color: #EEEEEE;
	color: black;
	font-size: 8pt;
}
.third	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background-color: #DDDDFF;
	color: black;
	font-size: 8pt;
}
.previous-nextok	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #3b3b3b;
	font-size: 10px;
	font-weight: bold;
}
.previous-next	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: gray;
	font-size: 10px;
	font-weight: bold;
}

/* 2 versions - LEFT and RIGHT
*/
span.popup span {
	position: absolute;
	left: -9999px;
	margin: 4px 0 0 0px;
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-color: #3b3b3b;
	border-width: 0.5px;
}
span.popup:hover span {
	left: 10%;
	margin: 20px 0 0 170px;
	background: #ffffff;
	z-index:6;
}
span.popupR span {
	position: absolute;
	left: -9999px;
	margin: 4px 0 0 0px;
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-color: #3b3b3b;
	border-width: 0.5px;
}
span.popupR:hover span {
	left: 40%;
	margin: 20px 0 0 170px;
	background: #ffffff;
	z-index:6;
}
.hideFip	{ display: none; }
.hideText	{ display: none; }
.showHidden:hover + span { display: inline; }
.showOnHover:hover + .hideFip { display: inline; }

INPUT, TEXTAREA, SELECT, OPTION	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	font-size: 12px;
	background-color: #FFFFFF;
	vertical-align: top;
	border-width: 0.8px;
	border-color: #aaaaaa;
	border-style: solid;
}
/* this makes radio buttons disappear - overflow-y: scroll; */

TD	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	font-size: 12px;
	line-height: 1.2;
	background-color: #FFFFFF;
	vertical-align: top;
}

TH	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	font-size: 12px;
	line-height: 1.2;
	background-color: #FFFFFF;
	vertical-align: top;
}
/*
xxxx.contactTDkey	{ background-color: #CCCCFF; }
xxxx.contactTDvalue	{ background-color: #FFFFFF; }
*/
/* if TD - use height NOT min-height */
.contactTDkey	{ background-color: #FFFFFF; height: 24px; }
.contactTDvalue	{ background-color: #FFFFFF; height: 24px; }
.cometeditTDkey	{ background-color: #FFFFFF; height: 24px; }
.cometeditTDvalue	{ background-color: #FFFFFF; height: 24px; }

.menu5		{ background-color: #F1F1F1; color: black; }
#menuopen	{ margin: 0; border: 0; padding: 0; }
#menuclosed	{ margin: 0; border: 0; padding: 0; }

.w4menu	{
	padding: 10px 10px 10px 10px;
	width: 100%;
	display: table-cell;
	font-size: 10px;
	text-align: right;
	vertical-align: middle;
	color: white;
}
.w4menuitem	{
	font-size: 10px;
	text-align: right;
	vertical-align: middle;
	color: white;
}

.FLOWBLOB {
	background-color: #4683ea;
	color: white;
  	text-align: center;
  	vertical-align: middle;
  	border: 2px;
  	margin: 0px;
  	padding: 0px 5px 0px 5px;
  	height: 20px;
  	min-height: 20px;
}
/*
> padding (top, right, bottom, and left).
> -no commas in padding
	padding: 5px, 10px;
	height: 20px;
	width: 35px;
	border: 2px;
	padding: 5px 10px 6px 6px;
*/
.FLOWHREF	{
	background-color: #4683ea;
	color: white;
  	text-align: center;
  	vertical-align: middle;
	border: 2px;
	margin: 0px;
	padding: 1px 5px 3px 5px;
	height: 20px;
	min-height: 20px;
}
.FLOWCANCEL	{
	background-color: #f5f5f5;
	color: #4683ea;
  	text-align: center;
  	vertical-align: middle;
	border: 2px;
	margin: 0px;
  	padding: 1px 5px 3px 5px;
	height: 20px;
	min-height: 20px;
}

.svgtype	{
	height: 10px;
	width: 10px;
  	vertical-align: baseline;
	color: #3b3b3b;
}

.black		{ color: #000000; }
.white		{ color: #FFFFFF; }
.red		{ color: #FF0000; }
.green		{ color: green; }
.yellow		{ color: yellow; }
.navy		{ color: navy; }
.blue		{ color: blue; }
.blue2		{ color: #004DB3; }
.paleblue	{ color: #e6f2ff; }
.buttonblue	{ color: #4683ea; }
.whiteblue	{ color: white;		background-color: #4683ea; }
.bluegrey	{ color: #4683ea;	background-color: #f5f5f5;}
.bigred		{ color: #FF0000; font-size: 150%; vertical-align: top; }
.fipgray	{ color: #3b3b3b; }
.fipgrey	{ color: #3b3b3b; }
.lightgray	{ color: #ebebeb; }
.lightgrey	{ color: #ebebeb; }
.grey		{ color: gray; }
.gray		{ color: gray; }
.darkgray	{ color: #222222; }
.darkgrey	{ color: #222222; }
.purple		{ color: purple; }
.orange		{ color: orange; }
.address	{ color: green; }
/* TEL mod  - green is 008000 */
.audit-message	{ color: #FF0000; }
.xaudit-message	{ color: green; }
.wpgrey		{ color: #444; }
.wpblue		{ color: #101099; }

.borderEEE	{ border-color: #EEE; }
.borderED	{ border-color: #EDEDED; }
.borderDDD	{ border-color: #DDD; }
.tablebg	{ background-color: #CCCCFF; }
.palebluerow	{ background-color: #e6f2ff; }
.bluerow	{ background-color: #CCCCFF; }
.redrow		{ background-color: #FF0000; }
.silverrow	{ background-color: silver; }
.whiterow	{ background-color: #FFFFFF; }
.offwhiterow	{ background-color: #FCFCFC; }
.yellowrow	{ background-color: yellow; }
.palerow	{ background-color: #FFFFD0; }
.greenrow	{ background-color: #98FB98; }
.palegreenrow	{ background-color: #bbf5bb; }
.bgreenrow	{ background-color: green; }
.greyrow	{ background-color: #EEEEEE; }
.shadowrow	{ background-color: #F1F1F1; }

.p8	{ font-size: 8px; }
.p10	{ font-size: 10px; }
.p11	{ font-size: 11px; }
.p12	{ font-size: 12px; }
.p14	{ font-size: 14px; }
.p16	{ font-size: 16px; }
.p18	{ font-size: 18px; }
.p20	{ font-size: 20px; }
.p24	{ font-size: 24px; }
.p28	{ font-size: 28px; }
.p32	{ font-size: 32px; }
.p36	{ font-size: 36px; }
.p42	{ font-size: 42px; }

.spacer1	{ height: 1px; }
.spacer2	{ height: 2px; }
.spacer5	{ height: 5px; }
.spacer10	{ height: 10px; }
.spacer12	{ height: 12px; }
.spacer15	{ height: 15px; }
.spacer18	{ height: 18px; }
.spacer20	{ height: 20px; }
.spacer22	{ height: 22px; }
.spacer24	{ height: 24px; }
.spacer30	{ height: 30px; }
.spacer36	{ height: 36px; }
.spacer42	{ height: 42px; }
.spacer50	{ height: 50px; }
.spacer100	{ height: 100px; }
.spacer		{ height: 30px; }

/* use for DIV or SPAN - if TD, use height NOT min-height */
.minh20		{ min-height: 20px; }
.minh36		{ min-height: 36px; }
.minht20	{ min-height: 20px; }
.minht36	{ min-height: 36px; }
.minht300	{ min-height: 300px; }
.minht346	{ min-height: 346px; }
.minht400	{ min-height: 400px; }
.minht500	{ min-height: 500px; }

.ht270		{ height: 270px;  min-height: 200px; }
.ht346		{ height: 346px;  min-height: 200px; }
.ht540		{ height: 540px;  min-height: 280px; }
.ht1080		{ height: 1080px; min-height: 1080px; }
.htpct100	{ height: 100%; }

.widpct5	{ width: 5%; }
.widpct10	{ width: 10%; }
.widpct20	{ width: 20%; }
.widpct25	{ width: 25%; }
.widpct30	{ width: 30%; }
.widpct33	{ width: 33%; }
.widpct40	{ width: 40%; }
.widpct50	{ width: 50%; }
.widpct66	{ width: 66%; }
.widpct75	{ width: 75%; }
.widpct80	{ width: 80%; }
.widpct95	{ width: 95%; }
.widpct100	{ width: 100%; }
.wid1		{ width: 1px; }
.wid14		{ width: 14px; }
.wid20		{ width: 20px; min-width: 20px; }
.wid30		{ width: 30px; min-width: 30px; }
.wid40		{ width: 40px; min-width: 40px; }
.wid50		{ width: 50px; min-width: 50px; }
.wid100		{ width: 100px; min-width: 100px; }
.wid110		{ width: 120px; min-width: 110px; }
.wid120		{ width: 120px; min-width: 120px; }
.wid140		{ width: 140px; min-width: 140px; }
.wid180		{ width: 180px; min-width: 180px; }
.wid200		{ width: 200px; min-width: 200px; }
.wid220		{ width: 220px; min-width: 220px; }
.wid265		{ width: 265px; min-width: 265px; }
.wid300		{ width: 300px; min-width: 300px; }
.wid400		{ width: 400px; min-width: 400px; }
.wid450		{ width: 450px; min-width: 450px; }
.wid500		{ width: 500px; min-width: 500px; }
.wid580		{ width: 580px; min-width: 580px; }
.wid900		{ width: 900px; min-width: 900px; }

.wid480		{ width: 480px; min-width: 300px; }
.wid640		{ width: 640px; min-width: 320px; }
.wid960		{ width: 960px; min-width: 480px; }
.wid1920	{ width: 1920px; min-width: 1920px; }

.minwid100	{ min-width: 100px; }
.minwid150	{ min-width: 150px; }
.minwid200	{ min-width: 200px; }
.minwid220	{ min-width: 220px; }
.minwid300	{ min-width: 300px; }
.minwid400	{ min-width: 400px; }
.minwid500	{ min-width: 500px; }
.minwid600	{ min-width: 600px; }
.minwid640	{ min-width: 640px; }
.minwid700	{ min-width: 700px; }
.minwid800	{ min-width: 800px; }
.minwid960	{ min-width: 960px; }

.maxwid50	{ max-width: 50px; }
.maxwid100	{ max-width: 100px; }
.maxwid150	{ max-width: 150px; }
.maxwid200	{ max-width: 200px; }
.maxwid220	{ max-width: 220px; }
.maxwid300	{ max-width: 300px; }
.maxwid400	{ max-width: 400px; }
.maxwid500	{ max-width: 500px; }
.maxwid600	{ max-width: 600px; }
.maxwid640	{ max-width: 640px; }
.maxwid700	{ max-width: 700px; }
.maxwid800	{ max-width: 800px; }
.maxwid960	{ max-width: 960px; }

.dispNone	{ display: none; }
.dispInherit	{ display: inherit; }
.dispInline	{ display: inline; }
.dispBlock	{ display: block; }
.dispIB		{ display: inline-block; }
.dispIT		{ display: inline-table; }
.dispTC		{ display: table-cell; }
.dispTR		{ display: table-row; }
.dispTBODY	{ display: table-row-group; }
.dispMenu	{ display: block; }
.dispFlex	{ display: flex; }
.dispInlineFlex	{ display: inline-flex; }
.dispMetaNO	{ display: none; }
.dispMeta	{ display: inline; }

.quadj	{ justify-content: space-around; }
.quadm	{ justify-content: space-between; }
/*
xx.dispMenu	{ display: block; float: left; }
xx.dispMenu160	{ display: block; float: left; width: 160; }
*/
.floatL		{ float: left; }
.floatR		{ float: right; }
.clearB		{ clear: both; }
.clearL		{ clear: left; }
.clearR		{ clear: right; }
.autoH		{ height: auto; }
.autoW		{ width: auto; }
.img12	  { width: 12px; height: 12px; }

/*
   position: fixed;
   position: absolute;
	overflow-y: auto;
*/
.agocontent	{
   position: fixed;
   top: 20px;
   left: 240px;
}

.right		{ text-align: right; }
.left		{ text-align: left; }
.centre		{ text-align: center; }
.center		{ text-align: center; }
.top		{ vertical-align: top; }
.middle		{ vertical-align: middle; }
.bottom		{ vertical-align: bottom; }
.baseline	{ vertical-align: baseline; }
.fipfont	{ font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
.hover		{ text-decoration: none; border-left: medium solid white; }
.hover:hover	{ border-left: medium solid red; }

/*  margin (top, right, bottom, and left).*/
.margtop0	{ margin-top: 0px; margin-bottom: 0px; margin-right: 20px; margin-left: 20px; }
.marg0		{ margin: 0px; }
.mpb0		{ margin: 0px; border: 0px; padding: 0px; }
.ml10		{ margin: 0px 0px 0px 10px; }
.ml20		{ margin: 0px 0px 0px 20px; }
.ml50		{ margin: 0px 0px 0px 50px; }
.margtb2	{ margin: 2px 0px 2px 0px; }
.margb5		{ margin: 0px 0px 5px 0px; }
.mr10		{ margin: 0px 10px 0px 0px; }
.mr5		{ margin: 0px 5px 0px 0px; }
.mr2		{ margin: 0px 2px 0px 0px; }
.mall5		{ margin: 5px 5px 5px 5px; }
.mall10	 { margin: 10px 10px 10px 10px; }

/* padding is top left bottom right */
.pad0		{ padding: 0px; }
.pad2		{ padding: 2px; }
.pad5		{ padding: 5px; }
.pad20LR	{ padding: 0px 20px 0px 20px; }
.padLR20	{ padding: 0px 20px 0px 20px; }

.Xscrauto	{ overflow-x: auto; }
.Xscroll	{ overflow-x: scroll; }
.Xnoscroll	{ overflow-x: hidden; }
.Xellipsis	{ overflow-x: hidden; text-overflow: ellipsis; }

.Yscrauto	{ overflow-y: auto; }
.Yscroll	{ overflow-y: scroll; }
.Ynoscroll	{ overflow-y: hidden; }

.hr1		{ border-style: inset; border-width: 1px; }
.borderNone	{ border: none; }
.menuNoScroll	{ border: none;
			position: fixed!important
			overflow-x: hidden;
			overflow-y: hidden;
		}

.light		{ font-weight: lighter; }
.lighter	{ font-weight: lighter; }
.bold		{ font-weight: bold; }
.roman		{ font-weight: normal; }
.italic		{ font-weight: italic; }

.height1	{ line-height: 1; }
.height12	{ line-height: 1.2; }
.height13	{ line-height: 1.3; }
.height14	{ line-height: 1.4; }
.height15	{ line-height: 1.5; }
.height17	{ line-height: 1.7; }
.height20	{ line-height: 2.0; }