/*--- general definitions ------------------------------------------------*/

BODY		{BACKGROUND-COLOR: #ffffff; FONT-FAMILY: verdana, sans-serif; 
		COLOR: black; FONT-SIZE: 12px; vertical-align: top; 
		margin-top:0; margin-bottom:0; margin-left:0;margin-right:0; }
A		{COLOR: blue; TEXT-DECORATION: UNDERLINE;}
A:hover		{COLOR: #0078B4; TEXT-DECORATION: UNDERLINE}
A.sub		{COLOR: #00007F; FONT-WEIGHT: bold;}


TD		{vertical-align: top;  }


.pic	{
		/*border-color:#0078B4; color:#0078B4; border:1px solid;*/		
		BORDER:#0078B4 1px solid; }

ul		{margin-top:0px; margin-bottom:0px; list-style-image: url('item.png');}
li		{text-align:left; /* margin-left: -20px; */}

ul.doc	{list-style-image: url('itemdoc.png');}
.doc li	{margin-left: -15px; }



/*--- form items ---------------------------------------------------------*/

INPUT.search	{FONT-SIZE: 11px; FONT-FAMILY: Arial, sans-serif; WIDTH: 70px; HEIGHT: 16px;
		COLOR:#000000; BACKGROUND-COLOR:#ffffff; BORDER:#606060 1px solid;}

INPUT.submit	{BACKGROUND-IMAGE:url('enter.png'); 
		BORDER:1px solid #606060; BACKGROUND-COLOR:#505050; WIDTH:20px; HEIGHT:20px;
		margin:0px; padding:0px;}



/*--- control bar --------------------------------------------------------*/

.logo		{ BACKGROUND-COLOR: #0078B4; COLOR: #FFFFFF; FONT-SIZE: 10px; 
		FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: bold; }
.logo TD	{vertical-align: middle;}

.toph TD	{ BACKGROUND-IMAGE:url('bg_top.gif'); background-repeat: repeat-x  }
.rside		{ BACKGROUND-IMAGE:url('bg_rside.png'); background-repeat: repeat-y  }


.news		{  BACKGROUND-IMAGE:url('bg_news.png'); background-repeat: repeat-y;
		BACKGROUND-COLOR: #A4C6DC /*#ECE9D8*/;
		COLOR: #000080; FONT-SIZE: 10px; 
		FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: normal;  
		BORDER-TOP:    1px solid #808080 /*#0078B4*/; 
		BORDER-BOTTOM: 1px solid #808080 /*#0078B4*/; text-align:left}

A.news		{COLOR: #000000; TEXT-DECORATION: UNDERLINE;}


.head1		{vertical-align: middle; COLOR: #FFFFFF; BACKGROUND-COLOR: #65A0C5;
		BORDER-BOTTOM:#0078B4 1px solid; } 

.head2		{FONT-SIZE: 11px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: normal; COLOR: #808080; BACKGROUND-COLOR: #FFFFFF;}

.head3		{vertical-align: middle; COLOR: #505050; BACKGROUND-COLOR: #ECE9D8;
		FONT-SIZE: 13px; FONT-FAMILY: Arial, sans-serif; FONT-WEIGHT: bold; }

.head3 A	{COLOR: #505050; TEXT-DECORATION: none;}
.head3 A:hover	{COLOR: #000000; TEXT-DECORATION: UNDERLINE;}

.head4		{vertical-align: middle; COLOR: #606060; BACKGROUND-COLOR: #ECE9D8;
		FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, verdana, sans-serif; 
		/* BORDER-BOTTOM:#505050 1px solid; */ }
.head4 A	{COLOR: #606060; TEXT-DECORATION: none;}
.head4 A:hover	{COLOR: #000000; TEXT-DECORATION: UNDERLINE;}


.head5		{ BACKGROUND-IMAGE:url('bg3.png'); background-repeat: repeat-y;
		/* BACKGROUND-IMAGE:url("../data/bg.png"); */ 
		BACKGROUND-COLOR: #ECE9D8; /* #ECE9D8; */
		FONT-SIZE: 11px; FONT-FAMILY: Arial, sans-serif; FONT-WEIGHT: normal; COLOR: #000000 }

.head6		{vertical-align: middle; padding-left:6px;
		BACKGROUND-IMAGE:url('bg_head6.png'); background-repeat: no-repeat;
		COLOR: #606060; BACKGROUND-COLOR: #ECE9D8; 		
		FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, sans-serif }

.head7		{padding-left:0px;
		BACKGROUND-IMAGE:url('bg_head6.png'); background-repeat: no-repeat;
		COLOR: #606060; BACKGROUND-COLOR: #ECE9D8 }


/*--- JS Menu ------------------------------------------------------------*/

.myMenu		{BORDER-RIGHT: #000080 1px solid; BORDER-TOP:   #000080 1px solid; 
		BORDER-LEFT:  #000080 1px solid; BORDER-BOTTOM:#000080 1px solid;
		Z-INDEX: 5; VISIBILITY: hidden; POSITION: absolute }

.MenuItem	{FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A.MenuItemLink	{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; MARGIN: 0px; 
		FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A.MenuItemLink:link	{COLOR: #FFFFFF; TEXT-DECORATION: none}
A.MenuItemLink:visited	{COLOR: #FFFFFF; TEXT-DECORATION: none}
A.MenuItemLink:hover	{COLOR: #FFFF00; TEXT-DECORATION: none;}



/*--- leaflets -----------------------------------------------------------*/



.product 	{width:100%; BORDER:#0078B4 1px solid;
		BACKGROUND-COLOR: #DEEAF2; COLOR:#000000; 
		FONT-SIZE: 11px; }

.product TD {vertical-align: middle;}

.block, .block TD {vertical-align: middle; margin: 0px; padding:0px; text-align:center; 
	height:96px; width:80px;
	BACKGROUND-COLOR:#FFCE9C; BORDER:#807F6E 1px solid;
	FONT-SIZE: 10px; FONT-WEIGHT: bold;
}

.blocklit, .blocklit TD{vertical-align: middle; margin: 0px; padding:0px; text-align:center; 
	height:96px; width:80px;
	BACKGROUND-COLOR:#FFE6CE; BORDER:#404040 1px solid;
	FONT-SIZE: 10px; FONT-WEIGHT: bold;
}

.block A, .block A:hover, .blocklit A, .blocklit A:hover {COLOR:#000000; TEXT-DECORATION: NONE; }

.block1, .block1 TD {vertical-align: middle; margin: 0px; padding:0px; text-align:center; 
	height:96px; width:80px;
	BACKGROUND-COLOR:#9FE7B5; BORDER:#807F6E 1px solid;
	FONT-SIZE: 10px; FONT-WEIGHT: bold;
}

.block1lit, .block1lit TD{vertical-align: middle; margin: 0px; padding:0px; text-align:center; 
	height:96px; width:80px;
	BACKGROUND-COLOR:#CDF3D9; BORDER:#404040 1px solid;
	FONT-SIZE: 10px; FONT-WEIGHT: bold;
}

.block1 A, .block1 A:hover, .block1lit A, .block1lit A:hover {COLOR:#000000; TEXT-DECORATION: NONE; }




.download td	{FONT-SIZE: 11px; FONT-FAMILY: Arial, sans-serif; COLOR: #FFFFFF;
		padding-left:5px;
		FONT-WEIGHT: normal;
		text-align:center; vertical-align:top;
		BACKGROUND-COLOR: #008000;
		BACKGROUND-IMAGE:url('bg_dl2.gif'); background-repeat: no-repeat;}

A.download	{COLOR: #FFFFFF; TEXT-DECORATION: NONE; }
A.download:hover{COLOR: #FFFFFF; TEXT-DECORATION: UNDERLINE; }




/*
.leaflet TABLE	{  BORDER:#0078B4 1px solid; }
*/

.leaflet	{width:100%; 
		BACKGROUND-COLOR: #ECE9D8; COLOR:#000000;
		FONT-SIZE: 11px; 
		TEXT-ALIGN:left;
		border-collapse: collapse;
		margin: 0px;
		/* padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; 
		 */}

.leafhead, .leafhead TD, .leafhead TABLE {
		BACKGROUND-COLOR: #707070; COLOR:#ECE9D8;
		FONT-SIZE: 16px; FONT-WEIGHT: bold; 
		padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; 
		margin: 0px;}

A.leaflet	{COLOR: #00007F; TEXT-DECORATION: NONE;}
A.leaflet:hover	{COLOR: #0000FF; TEXT-DECORATION: UNDERLINE;}



.training	{BACKGROUND-COLOR: #ECE9D8; width: 100%;
		FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #000000; 
		border-collapse: collapse; }

.training td	{border: 2px solid #FFFFFF; padding: 4px;}

.training_title	{BACKGROUND-COLOR: #A4C6DC; width: 150px;
		FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #000000;}


.stdtable	{BACKGROUND-COLOR: #ECE9D8; width: 100%;
		FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #000000; 
		border-collapse: collapse; }


.stdtable_head td {BACKGROUND-COLOR: #65A0C5; COLOR: #FFFFFF; padding: 4px;
		FONT-WEIGHT: bold;}

.stdtable td	{border: 2px solid #FFFFFF; padding: 4px;}

.stdtable_title	{BACKGROUND-COLOR: #A4C6DC; width: 150px;
		FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #000000;}

.table_note	{BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: normal; COLOR: #808080;
		TEXT-ALIGN:LEFT;}

		
		
.table1	{ width: 100%; border-collapse: collapse; }
.table1 td	{vertical-align:middle; border: 1px solid #BCBCAC; padding: 8px; margin: 0px;}


/*--- main text ----------------------------------------------------------*/

H1		{margin-left:-10px; margin-top :  0px; margin-bottom: 20px /*0px*/; margin-right: -10px;
		padding-left: 10px; padding-top: 10px; height: 48px; 	
		FONT-SIZE: 19px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: normal; 		
		BACKGROUND-COLOR: #65A0C5; COLOR:#FFFFFF; BORDER-BOTTOM:#0078B4 1px solid; }

H2		{margin-left:-10px; margin-bottom: 1px; margin-top :  20px; margin-right: -10px;	
		padding-left: 10px; padding-bottom: 5px; padding-top: 5px;
		FONT-SIZE: 16px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: bold; 		
		COLOR:#0078B4; BORDER-BOTTOM:#808080 1px solid;}

H3		{margin-left:-10px; margin-bottom: 0px; margin-top : 20px; margin-right: -10px;	
		padding-left: 10px; padding-bottom: 2px; padding-top: 2px;
		FONT-SIZE: 15px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: bold; COLOR:#65A0C5; }

H4		{margin-bottom: 4px; margin-top : 20px;
		FONT-SIZE: 13px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: bold; COLOR:#65A0C5; }

H5		{FONT-SIZE: 12px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: normal; COLOR:#65A0C5; }

H6		{text-align: center; FONT-SIZE: 9px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: normal; COLOR: #808080;}


.tablehead TD	{COLOR:#65A0C5;	BACKGROUND-COLOR: #FFFFFF;
		FONT-SIZE: 12px; FONT-WEIGHT: bold; 
		margin: 0px; padding:2px; /* padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px; */	}

.huge		{FONT-SIZE: 16px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: bold; COLOR:#000000; }
.big		{FONT-SIZE: 15px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: bold; COLOR:#000000; }
.medium		{FONT-SIZE: 13px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: normal; COLOR:#000000; }
.small		{FONT-SIZE: 11px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: normal; COLOR:#000000; }
.tiny		{FONT-SIZE: 9px; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: normal; COLOR:#000000; }


.quote		{COLOR: #000080; FONT-STYLE: italic; }

P.quote		{COLOR: #000080; FONT-STYLE: italic; text-align: center; padding: 10px;
		BACKGROUND-COLOR: #B7D4E7; BORDER:#0078B4 1px solid; }

P.important	{padding: 10px; 
		COLOR: #000000; FONT-WEIGHT: bold; text-align: left; 
		BACKGROUND-COLOR: #ECE9D8; BORDER:#808080 1px solid;}

PRE.code	{padding-top: 16px;
		FONT-SIZE: 12px; FONT-FAMILY: courier, serif; FONT-WEIGHT: normal; 
		COLOR:#000070; BACKGROUND-COLOR: #F7F5EC; BORDER:#808080 1px solid; }

.red	{FONT-WEIGHT: bold; COLOR:#FF0000;}
.orange	{FONT-WEIGHT: bold; COLOR:#FFA600;}
.green	{FONT-WEIGHT: bold; COLOR:#0FA70F;}

.FormLine, .FormLine TD {vertical-align: middle; COLOR:#000000;}
.FormLineError, .FormLineError TD {FONT-WEIGHT: bold; BACKGROUND-COLOR: #FFE0E0; COLOR:#000000; vertical-align: middle;}