/*	LA Solutions web site stylesheet for FlexiTable									*/
/*	<LINK REL=stylesheet HREF=FlexiTable.css TYPE=text/css >	*/

CODE        {
							line-height: 120%;
							color: navyblue; 
							font-family: Lucida Console, sans-serif; 
								font-style:	normal;
								font-size: 9pt;	
						}
	
/* Use <code class="syntax-error"> ... </code> within a <pre class="code"> </pre> block */
.syntax-error        {
							color: red; 
							background-color: wheat; 
						}
						
/* Use <code class="comment"> ... </code> within a <pre class="code"> </pre> block */
CODE.comment {  color: green; 
						}

PRE.code-distinct-background   	{
							line-height: 120%;
							color: navyblue; 
							background-color: wheat; 
							font-family: Lucida Console, sans-serif; 
								font-style:	normal;
								font-size: 9pt;	
						}
					
PRE.code   	{
							line-height: 120%;
							color: navyblue; 
							font-family: Lucida Console, sans-serif; 
								font-style:	normal;
								font-size: 9pt;	
						}
					
PRE.comment   	{
							line-height: 120%;
							color: green; 
							font-family: Lucida Console, sans-serif; 
								font-style:	normal;
								font-size: 9pt;	
						}
					
/* PRE.syntax-error        {
							color: red; 
							background-color: wheat; 
						} */
						
BODY				{  
							line-height: 120%;
							color: teal; 
							background-color: lightsteelblue; 
							
							font-family: Verdana, sans-serif; 
								font-style:	normal;
								font-size: 9pt;
							margin: 0px 0px 0px 0px;
	    			}
	    			
P						{	color: darkslategray;
							line-height: 120%;
							
	      			font-family: Tahoma, Verdana, sans-serif; 
	      				font-style: normal;
	      				font-size: 9pt; 
	      				font-weight: normal; 
	      		}
	      		
P.updated		{ line-height: 120%;
	      			color: darkgreen; 
	      			
	      			font-size: 8pt; 
	      		}

CITE				{	color: darkslateblue;
							line-height: 110%;
							
	      			font-family: Times, "Times New Roman", serif; 
	      				font-style: normal;
	      				font-size: 10pt; 
	      				font-weight: normal;
						}
						
A.address		{ line-height: 110%; 
							color: midnightblue;	
							background-color: lightsteelblue;
							
							font-size: 10pt; 
						}
						
.headline	{	line-height: 110%; 
							color: midnightblue;	
							/* background-color: lightgray; */
							
							font-size: 10pt; 
						}
A:link 			{ color: blue; 							}
A:visited   { color: purple; 						}
A:hover     { background-color: yellow; }
A:focus     { background-color: green; 	}
A:active    { background-color: orange; }
A           { text-decoration: none;

							font-family: Tahoma, Verdana, sans-serif; 
						}

H1, H2, H3, H4, H5				{ color: blue; 
							font-family: Tahoma, Verdana, Helvetica, sans-serif; 
							font-style: italic; 				
						}
						
H2					{ color: mediumblue; 
							font-style: normal; 
							font-size: 12pt;
						}
						
H3					{ font-size: 10pt; 
							font-style: normal; 
						}
						
H4					{ font-size: 9pt;		
							color: dodgerblue;
							/* color: cornflowerblue; */
						}
H5					{ font-size: 8pt;		}

H1.product	{ display: inline;
							line-height: 105%; 
							color: darkslateblue; 
							font-family: Verdana, Tahoma, sans-serif; 
							font-size: 12pt;
							font-style: normal;
							font-weight: normal;
						}
						
TABLE				{	line-height: 110%; 
							background-color: lightsteelblue;
							color: midnightblue; 
							cellpadding: 5;
							font-family: Tahoma, Verdana, sans-serif; 
								font-size: 9pt; 
						}

CAPTION			{ line-height: 150%; 
							color: darkslategray; 
							font-size: 10pt; 
						}

TABLE.contrast	{ line-height: 120%; 
								color: darkorchid; 
								background-color: wheat;
								font-size: 9pt;
						}

TABLE.updated	{ line-height: 110%;
	      				color: darkgreen;
	      				font-size: 8pt;
	      		}
TD					{	color: darkslategray;	/*	same as P */
							line-height: 120%;
							
	      			font-family: Tahoma, Verdana, sans-serif; 
	      				font-style: normal;
	      				font-size: 9pt; 
	      				font-weight: normal; 
	      		}
TR					{	line-height: 110%;
							color: midnightblue; 
							cellpadding: 5;	
							valign: top; 
							align: left; 
							font-family: Tahoma, Verdana, sans-serif; 
							font-size: 9pt;  
						}
TR.stripe 	{  background-color: lightgray; }

TH					{	align: left;
						}
						
SPAN.la 		{	line-height: 120%;
							color: dodgerblue; 
							font-family: Times, Times New Roman, serif; 
							font-size: 18pt; 
							align: right; 
						}
SPAN.product { line-height: 120%; 
							color: darkslateblue; 
							font-family: Verdana, sans-serif; 
							font-size: 12pt; 
						}

SPAN.wish-granted	{line-height: 110%; 
							color: limegreen; 
							font-family: Verdana, sans-serif; 
							font-size: 11pt;
						}

DIV.la 		{	line-height: 120%;
							color: dodgerblue; 
							font-family: Times, Times New Roman, serif; 
							font-size: 18pt;
						}
DIV.product { line-height: 120%; 
						color: darkslateblue; 
						font-family: Verdana, sans-serif; 
						font-size: 12pt; 
						}

DIV.q-and-a { line-height: 150%; 
							color: dodgerblue; 
							font-family: Times, Times New Roman, serif; 
							font-size: 22pt;
						}
	
SPAN.devil	{	line-height: 100%; 
							color: palegoldenrod; 
							font-family: Verdana, sans-serif; 
							font-size: 10pt;
						}

SPAN.new-product	{	line-height: 100%; 
							color: yellow; 
							font-family: Verdana, sans-serif; 
							font-size: 14pt;
						}

SPAN.q-and-a { line-height: 100%; 
							color: dodgerblue; 
							font-family: Times, Times New Roman, serif; 
							font-size: 22pt;
						}
						
SPAN.information { line-height: 100%; 
							color: royalblue; 
							font-family: Times, Times New Roman, serif; 
							font-size: 18pt;
							font-style: italic; 
						}
						
.navigation {/* Site navigation on the left side, positioned absolutely */
							display: inline;
							position: absolute;
							top: 100px;
							left: 3px;
							width: 135px;
							height: auto;
							font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
							line-height : 115%;/*line-height set to greater than 100% in order to*/
    				}                  	/*have the navigation elements better separated*/
    				
.pagenav 		{/* Page navigation on the left side, positioned absolutely just below site navigation*/
  						display: inline;
							position: absolute;
							top: 250px;
							left: 25px;
							width: 115px;
							height: auto;
							font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
							line-height : 115%;/*line-height set to greater than 100% in order to*/
    				}                  	/*have the navigation elements better separated*/

.menu 			{
							position: absolute;
							top: 60px;
							left: 3px;
							margin: 0em;
							padding: 1.0em 1.0em;
							background: #fff;
							color: teal; 
							background-color: lightsteelblue;
							border-top: 0;
							border-right: 1px solid #0aa;
							border-bottom: 1px solid #0aa;
							border-left: 0;
							width: 15%;/*ie5 box fix begins*/
							voice-family: "\"}\"";
							voice-family:inherit;
							width: 12%;
							font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
						}
html>body #menu {
								width: 22%;/*ie5 box fix ends*/
							}
body>#menu {/*nasty dodge to deal with ie pc's unbelievable lack of position:fixed support*/
								position: fixed;
							}

.contents 	{/*this is the main content area*/
							/*declare a color together with a contrasting background color*/
							color: teal; 
							background: lightsteelblue;
							background-color: lightsteelblue; 
							margin-left: 160px; /* to position the content area to the right of the navigation */
							margin-right: 20px; /* breathing space for the text */
							padding: 5px; /* space to separate navigation and content */
							font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
							width: auto;
							border: 0.1px solid #FFFFFF; 
						 /*to ensure that NN4.xx renders the background-color of the content area*/
						} 
						
.header 		{
							margin-top: 10px;
							margin-left: 160px;
						} 
						
.nested-box	{	/* this is a box where the bottom-navigation	*/
      				/* and the copyright will be placed						*/
							background: #FFFFFF;
							color : #000099;
							font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
							font-size: 12px;
							padding : 2px;
							margin: 2px;
							border-color : #48D1CC;
							border-style : groove;
							border-width : 2px;/* the border property in longhand*/
  					}						
  					
#leftheader {
							position: absolute;
							left: 10px;
							top: 18px;
							width: 600px;
							background: #fff;
							background-color: lightsteelblue; 
							border: none;
						}

#leftcontent {
							position: absolute;
							left: 10px;
							top: 60px;
							width: 180px;
							background: #fff;
							background-color: lightsteelblue; 
							border: 1px solid #000;
						}

#centercontent {
							background:#fff;
							background-color: lightsteelblue; 
							margin-top: 40px;
								margin-left: 199px;
								margin-right:199px;
							/* border: 1px solid #000; */
							voice-family: "\"}\"";
							voice-family: inherit;
							margin-left: 201px;
							margin-right:201px;
						}


#rightheader {
							position: absolute;
							right: 10px;
							top: 10px;
							width: 200px;
							background: #fff;
							background-color: lightsteelblue; 
							border: none;
						}

#rightcontent {
							position: absolute;
							right: 10px;
							top: 50px;
							width: 200px;
							background: #fff;
							background-color: lightsteelblue; 
							border: 1px solid #000;
						}

#rightcontent p {
							font-size: 10px;
							margin-left: 0px;
						}