/*                            */
/* central gui css definition */
/* body      { background-color:rgb(204,255,153);color:rgb(0,0,0);                           */

<style type="text/css">
  dummy     {}

  html      { height: 100%; }
              
  body      { background-color:rgb(204,255,153);color:rgb(0,0,0);
  						background-image:url(../pic/back_green_gray.gif);
              width: 100%; height: 100%;
              margin: 0px 0px; padding:0px;
              	scrollbar-base-color:rgb(204,255,153);
				}
				
	body.back  { background-color:#008040; 
							background-image:url(../pic/grass.gif);
              width: 100%; height: 100%;
              margin: 0px 0px;
    			}

  body.picture { 	background-image:url();
  								background-color:rgb(204,236,255);
  								color:rgb(0,0,0);
  	              width: 100%; height: 100%;
    		          margin: 0px 0px; padding:0px;
        	      	scrollbar-base-color:rgb(204,236,255);
				}

              
  div       { font-family:Arial; font-size:10pt; font-weight:bold;
              width: 100%; height: 100%;
              margin: 0px 0px; padding:0px; }
  .pad		{ padding:4px;color:rgb(0,0,0);}
  .pad2		{ padding:8px;color:rgb(0,0,0);}
  .topbar	{ padding:0px;color:rgb(0,0,0); height: auto;}
  .topbar2	{ padding-top:2px;padding-right:2px;padding-left:2px;padding-bottom:3px;color:rgb(0,0,0); height: auto;}
  
  td.active		{ color:rgb(255,255,255); background-color:rgb(0,153,255); 
  					border-top:2px solid rgb(0,0,0);
  					}
  					
  td.inactive	{ color:rgb(0,0,0);  
  						background-color:rgb(204,236,255); 
  						border-top:2px solid rgb(0,0,0);
  					}

  td.topactive		{ color:rgb(255,255,255); background-color:rgb(0,153,255); 
  					border-top:2px solid rgb(0,0,0);
  					border-bottom:2px solid rgb(0,0,0);
  					}
  					
  td.topinactive	{ color:rgb(0,0,0);  
  						background-color:rgb(204,236,255); 
  						border-top:2px solid rgb(0,0,0);
  						border-bottom:2px solid rgb(0,0,0);
  					}
  					
  .highlight	{ color:rgb(255,255,255); background-color:rgb(0,153,255); 
  					}
  					
  .lowlight	{ color:rgb(0,0,0); background-color:rgb(102,204,255); 
  					}
    					
  .head			{ 	border-left:2px solid rgb(0,0,0);
  						border-top:1px solid rgb(0,0,0);
  						border-right:2px solid rgb(0,0,0);
  						border-bottom:1px solid rgb(0,0,0);
  						color:rgb(255,255,255); background-color:rgb(0,153,255);}

	.title	{ background-color:rgb(0,153,255); color:rgb(255,255,255);
					text-align:left; height: 24px; padding-left:10px; padding-right:10px;}

	.titlealert	{ background-color:rgb(217,0,17); color:rgb(255,255,255);
					text-align:left; height: 24px; padding-left:10px; padding-right:10px;}
					
	.name		{ color:rgb(0,0,0); background-color:rgb(102,204,255); 
					text-align:left; 
					padding-left:10px; padding-right:10px;
					padding-top:1px;padding-bottom:1px;}
					
	.list		{ color:rgb(0,0,0); background-color:rgb(102,204,255); 
					text-align:left;  
					padding-left:10px; padding-right:10px;
					padding-top:1px;padding-bottom:1px;}
					
	.value	{ color:rgb(0,0,0); background-color:rgb(204,236,255); 
					text-align:left; 
					padding-left:10px; padding-right:10px;
					padding-bottom:1px;
					}
	.valuetop	{ color:rgb(0,0,0); background-color:rgb(204,236,255); 
					text-align:left; 
					padding-left:10px; padding-right:10px;
					padding-top:4px;padding-bottom:1px;
					}
	.valuebot	{ color:rgb(0,0,0); background-color:rgb(204,236,255); 
					text-align:left; 
					padding-left:10px; padding-right:10px;
					padding-top:1px;padding-bottom:4px;
					}
	.valueall	{ color:rgb(0,0,0); background-color:rgb(204,236,255); 
					text-align:left; 
					padding-left:10px; padding-right:10px;
					padding-top:4px;padding-bottom:4px;
					}
					
  input, 
  select,
  button		{ font-size:10pt; vertical-align:middle; border-width:1px; margin:0px;
  				}

						
  span.bottom  { border-left:2px solid rgb(0,0,0);
  						border-top:2px solid rgb(0,0,0);
  						border-bottom:2px solid rgb(0,0,0);
  						border-right:2px solid rgb(0,0,0);
  						background-color:rgb(204,255,153);
  						background-image:url(../pic/back_green_gray.gif);
  						margin:2px; width:100%; height:36px;
  					}
  
  
  
  table     { border-width:0px; border-style:solid; border-color:black;
              margin: 0px 0px; padding:0px;
              border-collapse:collapse; table-layout: fixed;
              width: 100%; height: 100%;
              font-family:Arial; font-size:10pt; font-weight:bold; text-align:center;}
              
  .auto  	{ width: auto; height: auto; }
  
  tr.toprow   { border-left:2px solid rgb(0,0,0);
  				  border-top:2px solid rgb(0,0,0);
  				  border-bottom:2px solid rgb(0,0,0);
  				  border-right:2px solid rgb(0,0,0);
  				  color:rgb(0,0,0);
  				  margin:2px; height:35px;
  				  text-align:center;
  					}
  
  td, th     { border-width:0px; border-style:solid; border-color:black;
              margin: 0px 0px; padding:0px;}

  .rim      { height: 25px }
  .rim35    { height: 35px }
  .2rim     { height: 50px }
  .space    { height: 4px }
  .line    	{ height: 2px }

  
  .toprim   { border-left:2px solid rgb(0,0,0);
  				  border-top:2px solid rgb(0,0,0);
  				  border-bottom:2px solid rgb(0,0,0);
  				  border-right:2px solid rgb(0,0,0);
  				  background-color:rgb(204,255,153);
  				  background-image:url(../pic/back_green_gray.gif);
  				  color:rgb(0,0,0);
  				  margin:2px; height:35px;
  				  text-align:center;
  					}

	.label	{ vertical-align:middle; }
	
	td.header	{ background-color:rgb(0,153,255); color:rgb(255,255,255);
				  border-width:2px; border-style:solid; border-color:rgb(204,255,153);
                  margin: 0px 0px; padding:2px;}
              
	td.high,
	th.high	{ color:rgb(0,0,0); background-color:rgb(102,204,255);
				  border-width:2px; border-style:solid; border-color:rgb(204,255,153);
              margin: 0px 0px; padding:2px;}
          
	td.low,
	th.low	{ color:rgb(0,0,0); background-color:rgb(204,236,255);
				  border-width:2px; border-style:solid; border-color:rgb(204,255,153);
              margin: 0px 0px; padding:2px;}
              
  iframe    { border-top:1px solid rgb(0,0,0);
  				border-left:2px solid rgb(0,0,0);
  						border-bottom:2px solid rgb(0,0,0);
  						border-right:2px solid rgb(0,0,0);
              margin: 0px 0px; padding:0px;
              overflow: auto;
              width: 100%; height: 100% }
              
 .piclarge     { border: 0px;
              margin: 0px 0px; padding:0px;
              overflow: auto;
              width: 100%; height: 320 } /* 320 := ySizeOfPic(300) + 20 */

 .picsmall     { border: 0px;
              margin: 0px 0px; padding:0px;
              overflow: auto;
              width: 100%; height: 220 } /* 220 := ySizeOfPic(220) + 20 */
    
  textarea  {scrollbar-base-color:rgb(204,236,255);
				}
				
  a:link 	{ color:rgb(0,0,0); text-decoration:none;}
  a:visited { color:rgb(0,0,0); text-decoration:none;}
  				
  a:hover 	{ color:rgb(255,255,255); text-decoration:underline;
  					background-color:rgb(0,153,255); }
  
</style>







/* not yet used

  .box			{ 	border-left:5px solid rgb(0,0,0);
  						border-top:5px solid rgb(0,0,0);
  						border-bottom:5px solid rgb(0,0,0);
  						border-right:5px solid rgb(0,0,0);
  						background-color:rgb(204,255,153);
  					}	    						
a:link 	{ color:rgb(0,0,0); text-decoration:none;}
  a:visited { color:rgb(0,0,0); text-decoration:none;}
  

  h1         { font-family:Arial; font-size:16pt; line-height:20pt; font-weight:bold; color:#000000; text-align:center }
  p         { font-family:Arial; font-size:12pt; line-height:14pt; font-weight:bold; color:#000000; text-align:center }
  a:link    { color:#EF3131; font-weight:bold; text-decoration: none }
  a:visited { color:#EF3131; font-weight:bold; text-decoration: none } 
  a:hover   { color:#EF3131; font-weight:bold; text-decoration: none; word-spacing:4px} 
  a:active 	{ color:#000000; text-decoration:underline; background-color:#FFFFFF;}
  img       { border-width:2px; border-style:solid; float:left }

  .active	{ color:rgb(0,0,0); background-color:rgb(204,255,153); 
  					border-bottom:1px solid rgb(0,0,0;}
  .inactive	{ color:rgb(0,0,0); background-color:rgb(204,236,255); 
  					border-bottom:1px solid rgb(0,0,0); }

*/