body {
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 85%;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	line-height: 1.6em;
	margin: 0px 0px 20px 0px;	
	padding: 0px;
	}

a:link,a:visited {	
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 1em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	line-height: 1.6em;
	}

a:hover {
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 1em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: underline;	
	line-height: 1.6em;
}	

h1,h2 {
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: medium;	
	font-weight: bold;	
	font-style: italic;	
	text-decoration: none;	
	margin: 1px;
	margin-bottom:10px;
	}

h3,h4 {
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: small;	
	font-weight: bold;	
	font-style: italic;	
	text-decoration: none;	
	margin: 2px;
	}

h2,h4 {
	font-weight: normal;	
}


h5 {
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: x-small;	
	font-weight: bold;	
	font-style: normal;	
	text-decoration: none;	
	margin: 2px;
	}
	
FORM { 	
	padding: 3px;               	
	margin: 3px;
	}

input.text ,select,textarea {margin:1px; 		/* all form elements with margin; pseudo class .text to avoid background radio,check,img */
	font-size: 0.9em;
	}	

SELECT {font-size:1em}											/* automatic +0.1 to input em for a bug in IE 5+ (select text is smaller :( ) */

.opt1 {background: #CCCCCC;color:black;}	
.opt2 {background: #CCCCFF;color:black;}	
.opt3 {background: #FFCCFF;color:black;}	
.opt4 {background: #D0E0FF;color:black;}	
.opt5 {background: #FFFFCC;color:black;}	
.opt6 {background: #CCFFCC;color:black;}	
.opt7 {background: #CCFFFF;color:black;}	
.opt8 {background: #FFCCFF;color:black;}	



input.button {cursor:pointer;cursor:hand;		/* pseudo class .button to replace button look...empty for browser default */
	}	

div.hr {																		/* custom HR to use images as HR ..  */
	height: 35px;															/* required height of the image contained */
	background-image: url();	
	background-repeat: repeat;	
	background-position: center;	 	
	}
div.hr hr {display: none;	}									/* hide standard HR in the div. */



#header {																	/* header container */	
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 1em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	margin: 0px 0px 0px 0px;	
	margin-left:auto;margin-right:auto;			/* left & right = auto to center in page */
	padding: 10px 5px 20px 10px;
	width: auto;														/* auto to stretch */
	}

#logo {																		/* company logo box */
	float:left;	
	text-align: center;	
	margin: 0px 15px 0px 0px;	
	padding: 5px;
	}

#header .navbar {
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 0.85em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	text-align: right;	
	line-height: 1.6em;
	margin: 1px 0px 1px 0px;	
	padding: 2px 5px 2px 0px;
}

#header .navbar a:link, #header .navbar a:visited {
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 0.85em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	line-height: 1.6em;
	margin: 0px 10px 0px 10px;	
	padding: 0px;
	}

#header .navbar a:hover {
	text-decoration: underline;
	}
	

#middler, .middler {											/* middle portion of page (lefter+contents+righter) */
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 1em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	margin: 5px 0px 10px 0px;	
	margin-left:auto;margin-right:auto;			/* left & right = auto to center in page */
	padding: 0px;
	width: auto;														/* 100% to stretch */
	line-height: 1.6em;
	min-height: 250px;
	}

#lefter, #righter {													/* left/right column container */
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 1em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	margin: 0px;	
	padding: 0px;
	width: 120px;														/* replaced by DB value*/
	margin-left: 1px;
	margin-right:-3px;
	}

.sidenav {																																	/* padding of navigation */
  padding:0px 0px 0px 0px;
	min-height:100px;
	}

.sidenav ul li a{																														/* level0 padding & height */
	padding:2px;
	padding-top:0px;
	padding-left:6px;																													/* indent level0 */
	text-align:left;
	margin:0px;
	}

.sidenav ul li a:link, .sidenav ul li a:visited {														/* level0 links */
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 0.8em;	
	font-weight: bold;	
	font-style: normal;	
	text-decoration: none;	
	}

.sidenav ul li.lev0sel a:link, .sidenav ul li.lev0sel a:visited {						/* level0 select */
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 0.8em;	
	font-weight: bold;	
	font-style: normal;	
	text-decoration: none;	
	}

.sidenav ul li a:hover, .sidenav ul li.lev0sel a:hover {										/* level0 hover */
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 0.8em;	
	font-weight: bold;	
	font-style: normal;	
	text-decoration: none;	
	}

	
.sidenav ul ul li a{																												/* level1 padding & height */
	padding:1px;
	padding-left:6px;																												/* indent level1 */
	text-align:left;
	margin:0px;
	padding-top:0px;
	height:20px;
}

.sidenav ul ul li.lev1 a:link, .sidenav ul ul li.lev1 a:visited {						/* level1 links */
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 0.8em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	}

.sidenav ul li li.lev1sel a:link, .sidenav ul li li.lev1sel a:visited {			/* level1 select */
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 0.8em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
}

div.sidenav ul li li.lev1 a:hover,div.sidenav ul li li.lev1sel a:hover {		/* level1 hover */
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 0.8em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
}


#content {																/* main contents box */
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 1em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	line-height:1.6em;
	margin: 0px 5px 0px 0px;	
	padding: 5px;
	min-height: 250px;
	margin-left:3px;
	}

#footer, .loginfooter {																	/* footer container*/	
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 0.8em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	margin: 5px 0px 0px 0px;	
	margin-left:auto;margin-right:auto;			/* left & right = auto to center in page */
	padding: 0px;
	width: 100%;														/* 100% to stretch */
}

#copy {																			/* copyright notes */
	float:left;	
	text-align: left;	
	margin: 0px;	
	padding: 5px;
	text-align: left;	
	line-height: 1.3em;
	}
	
#footer .navbar a:link, #footer .navbar a:visited {
	font-family: Arial, Helvetica,  sans-serif;	
	font-size: 1em;	
	font-weight: normal;	
	font-style: normal;	
	text-decoration: none;	
	line-height: 1.3em;
	margin: 0px 10px 0px 10px;	
	padding: 0px;
	}

#footer .navbar a:hover {
	text-decoration: underline;
	}


#content fieldset {font-size:0.9em;text-align:center;}
#content .required {font-weight:bold}

#content div.diciture {font-size:1.1em;text-align:right;font-weight:bold}
#content div.info {font-weight:normal;font-size:0.8em;line-height:1.1em;text-align:right;}
#content div.inputdata {text-align:left}

#content div.inputdata input ,#content div.inputdata select {font-size:1.1em;}

#content div.inputdata textarea {font-family: Arial, sans-serif;font-size:1.1em;padding:2px;}

fieldset legend {font-size:1.3em;font-weight:bold}
.searchbox {padding:3px}

.resultbox {margin-top:20px;margin-bottom:10px;line-height:1em;text-align:center;padding: 2px 10px 2px 10px;margin-left:auto;margin-right:auto}

.docnotes {font-size: 0.9em;line-height:1.4em;padding:1px;margin-top:2px;margin-bottom:2px}

.docnoteslegend {width:35%;float:left;text-align:right;padding-right:5px}

.revbox {padding:1px;margin:2px;margin-bottom:15px;overflow:hidden;padding-bottom:10px;}
.revnotes {height:50px;overflow:auto;font-size:0.8em;line-height:1.2em;text-align:justify;}


/* Color Scheme */

/* COLOR 3 	dark neutral (es. #101010) */
body 																																		{color:#111111}
h5																																			{color:#111111}
#lefter 																																{color:#111111}
#righter 																																{color:#111111}
#content 																																{color:#111111}
.docbox 																																{color:#111111}
.resultbox																															{color:#111111}
.sidenav																																{border-top: 1px solid #111111}
.sidenav ul li a																												{border-bottom: 1px solid #111111}
.sidenav ul li.lev0sel a:link, .sidenav ul li.lev0sel a:visited 				{border-bottom: 1px solid #111111}
.sidenav ul li a:hover,.sidenav ul li.lev0sel a:hover 									{border-bottom: 1px solid #111111}
.sidenav ul ul li a																											{border-bottom: 1px solid #111111}
.sidenav ul li li.lev1sel a:link, .sidenav ul li li.lev1sel a:visited 	{border-bottom: 1px solid #111111}
.sidenav ul li li.lev1 a:hover,.sidenav ul li li.lev1 a:hover						{border-bottom: 1px solid #111111}
.sidenav ul ul li.lev1 a:link, .sidenav ul ul li.lev1 a:visited 				{color:#111111}									
.sidenav ul li li.lev1 a:hover,.sidenav ul li li.lev1sel a:hover				{color:#111111}								
.sidenav ul li a																												{border-left: 1px solid #111111}	
.sidenav ul li a																												{border-right: 1px solid #111111}	
.sidenav ul ul li a																											{border-left: 1px solid #111111}	
.sidenav ul ul li a																											{border-right: 1px solid #111111}	
input {	color:#111111;}
#content div.inputdata textarea {color: #111111}
.dn																																		{color:#111111}
.revbox {border-bottom:1px dotted #111111}
.revnotes {color:#111111}

/* COLOR 2 	medium neutral (es. #D1D1D1) */
#lefter 																																{background-color:#D0D0D0}				
#righter 																																{background-color:#D0D0D0}				
#footer a:hover 																												{color:#D0D0D0}										
.docbox h5																															{color:#D0D0D0}										
.sidenav ul ul li.lev1 a:link, .sidenav ul ul li.lev1 a:visited					{background-color:#D0D0D0}				
#header a:hover 																												{color:#D0D0D0}										
#header .navbar a:hover																									{color:#D0D0D0}										
#footer .navbar a:hover																									{color:#D0D0D0}										
fieldset legend 																												{color:#D0D0D0}
.mn																																		{color:#D0D0D0}
.revnotes {border:1px solid #D0D0D0;}

/* COLOR 6 	dark color	(es. # 880000) */
h3,h4 																																	{color: #00215A}									
h1																																			{border-bottom: 1px dotted #00215A}
a:hover 																																{color: #00215A}									
#righter a:hover 																												{color: #00215A}									
.resultbox a:hover 																											{color: #00215A}									
.docbox a:link, .docbox a:visited																				{color: #00215A}									
.resultbox a:link, .resultbox a:visited																	{color: #00215A}									
.searchbox																															{border: 1px solid #00215A}	
.searchbox																															{color: #00215A}	
.resultbox																															{border-bottom: 1px solid #00215A;border-top: 1px solid #00215A}	
#header 																																{background-color:#00215A}				
#footer 																																{background-color:#00215A}				
.sidenav ul li li.lev1sel a:link, .sidenav ul li li.lev1sel a:visited 	{color: #00215A}						
#loginbg 																																{background-color:#00215A}								
.sidenav ul li.lev0sel a:link, .sidenav ul li.lev0sel a:visited 				{background-color:#00215A}				
.sidenav ul li a																												{background-color:#00215A}				
p.user																																	{color: #00215A}
p.pwd 																																	{color: #00215A}
.adminlinelegend a:link,.adminlinelegend a:visited 											{color: #00215A}
input.button 																														{border:1px solid #00215A}
input.text 																															{border:1px solid #00215A}
select																																	{border:1px solid #00215A}
textarea																																{border:1px solid #00215A}
#content div.diciture 																									{color:#00215A}
.dc																																		{color:#00215A}


/* COLOR 1 	light neutral (es. #F1F1F1) */
#content 																																{background-color:#F0F0F0}				
.sidenav ul li a																												{border-top: 1px solid #F0F0F0}		
.sidenav ul li.lev0sel a:link, .sidenav ul li.lev0sel a:visited 				{border-top: 1px solid #F0F0F0}	
.sidenav ul li a:hover,.sidenav ul li.lev0sel a:hover 									{border-top: 1px solid #F0F0F0}		
.sidenav ul ul li a																											{border-top: 1px solid #F0F0F0}		
.sidenav ul li li.lev1sel a:link, .sidenav ul li li.lev1sel a:visited 	{border-top: 1px solid #F0F0F0}
.sidenav ul li li.lev1 a:hover,.sidenav ul li li.lev1 a:hover 					{border-top: 1px solid #F0F0F0}		
#copy		 																																{color: #F0F0F0}									
input.button 																														{color: #F0F0F0}	
input.text																															{background-color:#F0F0F0}		
select																																	{background-color:#F0F0F0}		
textarea																																{background-color:#F0F0F0}		
.sidenav ul li li.lev1sel a:link, .sidenav ul li li.lev1sel a:visited 	{border-right: 1px solid #F0F0F0}
.sidenav ul li li.lev1sel a:link, .sidenav ul li li.lev1sel a:visited 	{border-left: 1px solid #F0F0F0}
.sidenav ul li li.lev1sel a:link, .sidenav ul li li.lev1sel a:visited 	{background-color:#F0F0F0}	
.sidenav ul li a:link, .sidenav ul li a:visited 												{color: #F0F0F0}									
.odd 																																		{background-color:#F0F0F0}
.ln																																		{color:#F0F0F0}
.searchbox																															{background-color:#F0F0F0}				
.loginfooter,.loginfooter #copy {color:#F0F0F0}

/* COLOR 5 	medium color (es. # EE0000) */
h1,h2						 																												{color: #0055FF}									
a:link,a:visited 																												{color: #0055FF}									
#righter a:link, #righter a:visited 																		{color: #0055FF}						
.docbox a:hover																													{color: #0055FF}						
#header a:link, #header a:visited																				{color: #0055FF}						
#header .navbar a:link, #header .navbar a:visited												{color: #0055FF}						
#footer .navbar a:link, #footer .navbar a:visited												{color: #0055FF}						
#footer a:link, #footer a:visited																				{color: #0055FF}						
#copy a:link, #footer a:visited																					{color: #0055FF}						
#logincont 																															{border: 1px solid #0055FF}
input.button 																														{background-color: #0055FF}
.sidenav ul li.lev0sel a:link, .sidenav ul li.lev0sel a:visited 				{color:#0055FF}										
.sidenav ul li a:hover, .sidenav ul li.lev0sel a:hover 									{background-color: #0055FF}				
#content div.info 																											{color:#0055FF}
.mc																																		{color:#0055FF}
.searchbox .text ,.searchbox select                                     {border-color:#0055FF}


/* COLOR 4 	light color (es. #FFBBCC) */
body 																																		{background-color:#D0E0FF}				
.resultbox																															{background-color:#D0E0FF}				
#footer 						 																										{color: #D0E0FF}									
#header 						 																										{color: #D0E0FF}									
#header .navbar 						 																						{color: #D0E0FF}									
#footer .navbar 																												{color: #D0E0FF}									
#copy a:hover																														{color: #D0E0FF}									
#copy h5																																{color: #D0E0FF}									
.textlogin 																															{color: #D0E0FF}
#logincont 																															{background-color: #D0E0FF}
.sidenav ul li li.lev1 a:hover, .sidenav ul li li.lev1sel a:hover 			{background-color: #D0E0FF}			
.sidenav ul li a:hover, .sidenav ul li.lev0sel a:hover 									{color: #D0E0FF}									
.even																																		{border: 1px solid #D0E0FF}
.odd																																		{border: 1px solid #D0E0FF}
.even																																		{background-color:#D0E0FF}
option.selected																													{background-color:#D0E0FF}
#content div.inputdata textarea {background-color: #D0E0FF}
.lc																																		{color:#D0E0FF}