/*--------------------------------------------------------------------
	Menu CSS -  Defining classes used by JavaScriot Menus

	Written by Simon Riget (c) 2005 Paragi Aps - http://paragi.com/jsmenu
	This is free to use. But please don't remove the link and copyright,
	even if you change other parts.

	The generic styles are used to make i easier to make the initial setup.
	When done, you can delete thouse you don't user.
	
	There are two groups of classes: Static menus (displayed on page load) 
	and menu_subs (popup).
	Move the group of class names to the generic style you want to use, 
	for the group. That wil help getting started. But you migt need to 
	fidle with the other clases to make it just right. (CSS is not easy
	to scructure)
	--------------------------------------------------------------------
*/	

/* --- Generic menu styles ---*/

/* Static menu class group */
.hmenu,.hmenu_row,.hmenu_item,.hmenu_hover,.hmenu_selected,.hmenu_inactive,.hmenu_label,
.hmenu_image_left,.hmenu_image_right,.hmenu_subicon,.hmenu_subicon_hover,
/* end of static menu classes */

/* Graphic style 1 used with 1 in 3 buttons */
.hmenu_class_graphic {
	background-color: #0486E3;
	padding: 0px;
	border-collapse:collapse;
	color: #DFDFFF;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 12px;
	white-space: nowrap; 
}

/* Simpel style 1. tabel like menus 
.hmenu_class_simpel{
	background-color: #0486E3;
	text-align: center;
	padding: 4px;
	border-spacing: 12px;
	border: 2px outset #10B0FF;
	color: #DDF;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
*/

/* menu_sub class group  */
.hmenu_sub,.hmenu_sub_row,.hmenu_sub_item,.hmenu_sub_hover,.hmenu_sub_selected,.hmenu_sub_inactive,.hmenu_sub_label,
.hmenu_sub_image_left,.hmenu_sub_image_right,.hmenu_sub_subicon,.hmenu_sub_subicon_hover,
/* Simple flat menu */
.hmenu_class_simple2{
	background-color: #0486E3;
	text-align: left;
	color: #DFDFFF; 
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 12px;
	vertical-align: middle;
	border-collapse: collapse;
	white-space: nowrap; 
}

/* Windows 98 like

.hmenu_class_win98{
	scrollbar-3dlight-color:ThreeDHighlight;
	scrollbar-base-color: Menu;
  scrollbar-face-color: ThreeDFace;
	scrollbar-darkshadow-color: ThreeDDarkShadow;
  scrollbar-highlight-color: ThreeDHighlight;
  scrollbar-shadow-color: ThreeDShadow;

	background-color: Menu ; 
	text-align: center;
	padding: 4px;
	border-collapse: collapse;
	color: menuText; 
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 12px;
	vertical-align: middle;
}
*/
/* To use the browsers window colors use this colors:
background-color: ActiveCaption; 
background-color: AppWorkspace; 
background-color: Background; 
background-color: ButtonFace; 
background-color: ButtonHighlight; 
background-color: ButtonShadow; 
background-color: ButtonText; 
background-color: CaptionText;
background-color: GrayText;
background-color: Highlight;
background-color: HighlightText;
background-color: InactiveBorder;
background-color: InactiveCaption;
background-color: InactiveCaptionText;
background-color: InfoBackground;
background-color: InfoText;
background-color: Menu;
background-color: MenuText;
background-color: Scrollbar;
background-color: ThreeDDarkShadow;
background-color: ThreeDFace;
background-color: ThreeDHighlight;
background-color: ThreeDLightShadow;
background-color: ThreeDShadow;
background-color: Window;
background-color: WindowFrame;
background-color: WindowText;
*/

/* .hmenu... classes are the static menu  classes and .hmenu_sub... are menu_subs */
.hmenu{
/*	border: 3px groove ThreeDHighlight,ThreeDFace,ThreeDFace,ThreeDHighlight; /* Win98 */
/*vertical-align: top;	/* */
	padding: 0px;
}
.hmenu_sub{
	border: 3px outset #20A0F0; 
	padding: 30px;
/*border: 3px groove ThreeDHighlight,ThreeDFace,ThreeDFace,ThreeDHighlight; /* Win98 */
/*vertical-align: top;	/* */
}

/* Used as backgroung to the buttons, fill missing items and graphich around the menu */
.hmenu_row{
	background-color: transparent; 
	border-collapse: collapse; /* */
/*vertical-align: top;	/* */
}
/* Used as backgroung to the buttons, fill missing items and graphich around the menu_sub */
.hmenu_sub_row{
	background-color: transparent; 
	border-collapse: collapse; /* */
	padding: 0px;
/*vertical-align: top;	/* */
}

/* Menu item are used as a container for the button (or just the text pat in some cases :o) */
.hmenu_item,.hmenu_hover,.hmenu_selected,.hmenu_inactive,.hmenu_label,.hmenu_subicon,.hmenu_subicon_hover{ 
	border-collapse: collapse;
	padding: 0px 1px 1px 0px; /* Padding are used to make inset effect when button is pressed */
	background-repeat: repeat-x;
}
/* Menu item are used as a container for the button (or just the text pat in some cases :o) */
.hmenu_sub_item,.hmenu_sub_hover,.hmenu_sub_selected,.hmenu_sub_inactive,.hmenu_sub_label,.hmenu_sub_subicon,.hmenu_sub_subicon_hover{ 
	border-collapse: collapse;
/*padding: 0px 1px 1px 0px; /* Padding are used to make inset effect when button is pressed */
	background-repeat: repeat-x;
}

/* Used when the mouse is over the button */
.hmenu_hover,.hmenu_subicon_hover{
	color: #BFBFDF;
/*	color: HighlightText;					/* win98 like highlight */
/*	background-color: Highlight;	/* win98 like highlight */
	padding: 1px 0px 0px 1px;			/* Padding are used to make inset effect when button is pressed */
	cursor: pointer;
}
/* Used when the mouse is over the button */
.hmenu_sub_hover,.hmenu_sub_subicon_hover{
	color: #DFDFFF;
	background-color: #707070;
/*color: HighlightText;					/* win98 like higlight */
/*background-color: Highlight;	/* win98 like higlight */
/*padding: 1px 0px 0px 1px; 		/* Padding are used to make inset effect when button is pressed */
	cursor: pointer;
}

/* Used when the menu item reffers to the current page and therefore are not active  (select attribue set) */
.hmenu_selected{
	color: #000000;
/*color: HighlightText;					/* win98 like higlight */
/*background-color: Highlight;	/* win98 like higlight */
}
/* Used when the menu item reffers to the current page and therefore are not active  (select attribue set) */
.hmenu_sub_selected{
	color: #000000;
/*color: HighlightText;					/* win98 like higlight */
/*background-color: Highlight;	/* win98 like higlight */
}

/* Used for inactive menu items (thouse where the action attribute is empty)  */
.hmenu_inactive{
	color: #B0B0FF	;
/*color: InactiveCaptionText;		/* win98 like higlight */
}
/* Used for inactive menu items (thouse where the action attribute is empty)  */
.hmenu_sub_inactive{
	color: #B0B0FF;
/*color: InactiveCaptionText;		/* win98 like higlight */
}

/* Used for the button text and central part of a 1 in 3 button */
.hmenu_label{
	border-collapse: collapse;
}
/* Used for the button text and central part of a 1 in 3 button */
.hmenu_sub_label{
	border-collapse: collapse;
}

/* Used for displaying images on the left/right side of the button */
.hmenu_image_left,.hmenu_image_right{
	background-color: transparent;
	background-repeat: no-repeat;
	border-collapse: collapse;
	padding: 0px;
}
/* Used for displaying images on the left/right side of the button */
.hmenu_sub_image_left,.hmenu_sub_image_right{
	background-color: transparent;
	background-repeat: no-repeat;
	border-collapse: collapse;
	padding: 0px;
}

/* Used for menu_sub icon marker */
.hmenu_subicon,.hmenu_sub_subicon,.hmenu_subicon_hover,.hmenu_sub_subicon_hover{
	font-family: Webdings; /* menu_sub arrow */
}

.hmenu_img{
	border-collapse: collapse;
	padding: 0px;
}