/* w4base

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

015c 22mar17 hover for LINKlistBOLD
014  7feb17
013 13jan17 marg0
012 14oct13
	remember - stuff at bottom has precedence ...
005 05oct06 chgs
004 17aug06 tabsbutton, spacer
002 22may05 added ADDRESS and H5
.navtendark	background-color: #EEEEEE;
.leftlink	color: #211563;
.navtenlight	background-color: silver;
.wirelist	background-color: #EEEEEE;
.wiresubject	background-color: #CCCCFF;
*/

.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: 10px;
	color: navy;
	background-color: silver;
}
.TDopt, .ROMANopt	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: navy;
	background-color: #EEEEEE;
}

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

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

.TDpick	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: navy;
	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: navy; }
.LINKlistBold	{ color: navy; font-weight: bold; }
.LINKlistGreen	{ color: green; font-weight: bold; }

/* listGreen is when you have read something */
a.LINKlistBold:link		{ color: navy; 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: 10px;
	color: navy;
}

.LINKopt	{
	font-weight: bold;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: navy;
	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: 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: navy;
	font-size: 12;
	background-color: #CCCCFF;
}

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

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

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

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

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

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

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

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

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

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

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

.lilgreen	{ background-color: #98FB98; color: black; font-size: 11px; 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;
	background-color: #FFFFFF;
}
.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: 10px;
	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: navy;
	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: navy;
	font-size: 14;
}

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

H6	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: navy;
	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;
}

.titlebar	{
	background-color: navy;
	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;
	font-size: smaller;
	background-color: silver;
}

.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: navy;
	background-color: transparent;
	text-decoration: none;
	border: none;
}

.SUBMITLINK	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: navy;
	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;
}

.TINT-CURRENT	{
	background-color: #5252FF;
/*	background-color: #CCCCCC;	*/
	border-width: 1;
	text-align: center;
	width: 125;
/*	width: 85;	*/
}

.TINT-OTHER	{
	background-color: #CCCCFF;
	border-width: 1;
	text-align: center;
	width: 85;
}

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

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

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

/*
span.popup	{border-bottom: thin dotted; background: #ffeedd;}
span.popup span {position: absolute;
	left: -9999px; margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
	border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.popup	{}
span.popup:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.popup:hover span {left: 2%; background: #ffffff;}
*/
/* 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:black; border-width:1px;}
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:black; border-width:1px;}
span.popupR:hover span {left: 40%; margin: 20px 0 0 170px; background: #ffffff; z-index:6;}

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

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

TH	{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	font-size: 11px;
	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; }

#menuopen	{ margin: 0; border: 0; padding: 0; }
#menuclosed	{ margin: 0; border: 0; padding: 0; }

.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;
}

.black		{ color: #000000; }
.white		{ color: #FFFFFF; }
.red		{ color: #FF0000; }
.green		{ color: green; }
.yellow		{ color: yellow; }
.navy		{ color: navy; }
.blue		{ color: blue; }
.blue2		{ color: #004DB3; }
.buttonblue	{ color: #4683ea; }
.whiteblue	{ color: white;		background-color: #4683ea; }
.bluegrey	{ color: #4683ea;	background-color: #f5f5f5;}
.bigred		{ color: #FF0000; font-size: 150%; vertical-align: top; }
.grey		{ color: gray; }
.gray		{ color: gray; }
.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; }
.bluerow	{ background-color: #CCCCFF; }
.redrow		{ background-color: #FF0000; }
.silverrow	{ background-color: silver; }
.whiterow	{ background-color: #FFFFFF; }
.offwhiterow	{ background-color: #FCFCFC; }
.yellowrow	{ background-color: yellow; }
.greenrow	{ background-color: #98FB98; }
.bgreenrow	{ background-color: green; }
.greyrow	{ background-color: #DDDDDD; }
.shadowrow	{ background-color: #EEEEEE; }

.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; }
.spacer24	{ height: 24px; }
.spacer30	{ height: 30px; }
.spacer36	{ height: 36px; }
.spacer42	{ height: 42px; }
.spacer50	{ height: 50px; }
.spacer		{ height: 30px; }

/* use for DIV or SPAN - if TD, use height NOT min-height */
.minh20		{ min-height: 20; }
.minh36		{ min-height: 36; }

.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%; }
.wid20		{ width: 20px; min-width: 20px; }
.wid30		{ width: 30px; min-width: 30px; }
.wid50		{ width: 50px; min-width: 50px; }
.wid100		{ width: 100px; min-width: 100px; }
.wid120		{ width: 120px; min-width: 120px; }
.wid140		{ width: 140px; min-width: 140px; }
.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; }

.dispNone	{ display: none; }
.dispInherit	{ display: inherit; }
.dispInline	{ display: inline; }
.dispBlock	{ display: block; }
.dispIB		{ display: inline-block; }
.dispTC		{ display: table-cell; }
.dispTR		{ display: table-row; }
.dispTBODY	{ display: table-row-group; }
.dispMenu	{ display: block; }
.dispFlex	{ display: flex; }
.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; }

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

.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: 0; }
.mpb0		{ margin: 0; border: 0; padding: 0; }
.ml10		{ margin: 0 0 0 10px; }
.ml20		{ margin: 0 0 0 20px; }
.margtb2	{ margin: 2px 0 2px 0; }
.margb5		{ margin: 0 0 5px 0; }

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

.Xscrauto	{ overflow-x: auto; }
.Xscroll	{ overflow-x: scroll; }
.Xnoscroll	{ overflow-x: hidden; }
.Yscrauto	{ overflow-y: auto; }
.Yscroll	{ overflow-y: scroll; }
.Ynoscroll	{ overflow-y: hidden; }

.hr1		{ border-style: inset; border-width: 1px; }

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

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