/* ThemePanelPageMenu Style Sheet */
/* az alap stílus felállítása */
.ThemePanelPageMenu,.ThemePanelPageSubMenuTable
{
	font-family      : Tahoma;
	font-size        : 11px;
  font-weight:bold;
	cursor           : pointer;
	white-space      : nowrap;
	/*border-left      : 1px solid #0d314f;*/
}

/* az almenük táblája*/
.ThemePanelPageSubMenu
{
	z-index          : 0;
	position         : absolute;
	visibility       : hidden;
	display          : block;
	overflow         : hidden;
	border           : 0;
	background-color : inherit;
	margin-top:3px;
}


/* az almenük táblájának árnyéka de explorerbe nem megy*/
.ThemePanelPageSubMenuShadow
{
	z-index          : -1;
	position         : absolute;
	top              : 0px;
	left             : 0px;
	/*
	width            : 100%;
	height           : 300em;
	*/
	width            : 0;
	height           : 0;
	background-color : #0d314f;
	opacity          : 0.5;
	border           : 0;
	margin           : 0;
}


/* az almenük táblájának kerete*/
.ThemePanelPageSubMenuBorder
{
	border           : 0px solid #0d314f;
	background-color : #E6E6E6;
	padding          : 0px;
	margin           : 0px 0px 0px 0px;
}

.ThemePanelPageSubMenuTable
{
	border-collapse  : separate;
	background-color : #E6E6E6;
}

.ThemePanelPageMenuItem,.ThemePanelPageMenuItemHover,.ThemePanelPageMenuItemActive
{
	cursor           : hand;
	white-space      : nowrap;
}

/* a menu első sora */
.ThemePanelPageMainItem
{
/*background-color : #F7F3F7; */
	white-space      : nowrap;
  font-family      : Tahoma;
	font-size        : 11px;
  color            : #474747;
  font-weight:bold;
  border           : 0;
  padding-top          : 1px;
  border-left     : 1px solid #474747;
}

/* a menu első sor hover*/
.ThemePanelPageMainItemHover,
.ThemePanelPageMainItemActive
{

/*background-color  : #C6C6C3; */
	white-space       : nowrap;
  font-family       : Tahoma;
	font-size         : 11px;
  font-weight:bold;
  color             : #eeeeee;
  border            : 0;
  border-left     : 1px solid #474747;
}

/* az almenuk */
.ThemePanelPageMenuItem
{
white-space         : nowrap;
height              : 26px;
}

/* az almenuk hover */
.ThemePanelPageMenuItemHover,
.ThemePanelPageMenuItemActive
{
white-space         : nowrap;
height              : 26px;
}


/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */


.ThemePanelPageMainFolderLeft,
.ThemePanelPageMainItemLeft
{
	padding          : 0px 0px 0px 0px;
	white-space      : nowrap;
	background-color : inherit;
}

.ThemePanelPageMainFolderText,
.ThemePanelPageMainItemText
{
	padding          : 0 6px 0 6px;
	white-space      : nowrap;
	background-color : inherit;
	/*background-image : url(menu_bg.jpg);*/
  background-repeat: repeat-x;

}

.ThemePanelPageMainFolderText_over,
.ThemePanelPageMainItemText_over
{
	padding          : 0 6px 0 6px;
	border           : 0;
	white-space      : nowrap;
	background-color : inherit;
	/*background-image	: url(menu_hover_bg.jpg);*/
  background-repeat: repeat-x;
   color           : #eeeeee;
}

.ThemePanelPageMainItemRight,
.ThemePanelPageMainFolderRight
{
	padding          : 0px 0px 0px 0px;
	white-space      : nowrap;
	background-color : inherit;
}

/* hoover and active border */
.ThemePanelPageMainItemHover .ThemePanelPageMainFolderLeft,
.ThemePanelPageMainItemActive .ThemePanelPageMainFolderLeft,
.ThemePanelPageMainItemHover .ThemePanelPageMainItemLeft,
.ThemePanelPageMainItemActive .ThemePanelPageMainItemLeft,
.ThemePanelPageMainItemHover .ThemePanelPageMainFolderText,
.ThemePanelPageMainItemActive .ThemePanelPageMainFolderText,
.ThemePanelPageMainItemHover .ThemePanelPageMainItemText,
.ThemePanelPageMainItemActive .ThemePanelPageMainItemText,
.ThemePanelPageMainItemHover .ThemePanelPageMainFolderRight,
.ThemePanelPageMainItemActive .ThemePanelPageMainFolderRight,
.ThemePanelPageMainItemHover .ThemePanelPageMainItemRight,
.ThemePanelPageMainItemActive .ThemePanelPageMainItemRight
{
	border-color     : #002239;
}

.ThemePanelPageMainItemHover .ThemePanelPageMainFolderLeft,
.ThemePanelPageMainItemActive .ThemePanelPageMainFolderLeft,
.ThemePanelPageMainItemHover .ThemePanelPageMainItemLeft,
.ThemePanelPageMainItemActive .ThemePanelPageMainItemLeft
{
	/*
	border-width     : 1px 0px 1px 1px;
	border-style     : solid;
	*/
	padding          : 0px 0px 0px 0px;
}

.ThemePanelPageMainItemHover .ThemePanelPageMainFolderText,
.ThemePanelPageMainItemActive .ThemePanelPageMainFolderText,
.ThemePanelPageMainItemHover .ThemePanelPageMainItemText,
.ThemePanelPageMainItemActive .ThemePanelPageMainItemText
{
	/*
	border-width     : 1px 0px 1px 0px;
	border-style     : solid;
	*/
	padding          : 0px 6px 0 6px;
	/*background-image	: url(menu_hover_bg.jpg);*/
  background-repeat	: repeat-x;
}

.ThemePanelPageMainItemHover .ThemePanelPageMainFolderRight,
.ThemePanelPageMainItemActive .ThemePanelPageMainFolderRight,
.ThemePanelPageMainItemHover .ThemePanelPageMainItemRight,
.ThemePanelPageMainItemActive .ThemePanelPageMainItemRight
{
	/*
	border-width     : 1px 1px 1px 0px;
	border-style     : solid;
	*/
	padding          : 0px 0px 0px 0px;
}

/* sub menus sub components */

.ThemePanelPageMenuFolderLeft,
.ThemePanelPageMenuItemLeft
{
	padding          : 0px 0px 0px 10px;
	border           : 0;
	white-space      : nowrap;
	background-color : inherit;
	/*background-image : url(menu_left_line.jpg);
  background-repeat: repeat-y;*/
}

.ThemePanelPageMenuFolderText,
.ThemePanelPageMenuItemText
{
	padding          : 0px 0px 0px 0px;
	border           : 0;
	white-space      : nowrap;
	background-color : inherit;
	font-family      : Tahoma;
  font-size        : 11px;
  color            : #474747;
  font-weight      : bold;
	text-align:left;
}

.ThemePanelPageMenuItemRight,
.ThemePanelPageMenuFolderRight
{
	padding          : 0px 10px 0px 0px;
	border           : 0;
	white-space      : nowrap;
	background-color : inherit;
}

/* hoover and active border */
.ThemePanelPageMenuItemHover .ThemePanelPageMenuFolderLeft,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuFolderLeft,
.ThemePanelPageMenuItemHover .ThemePanelPageMenuItemLeft,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuItemLeft,
.ThemePanelPageMenuItemHover .ThemePanelPageMenuFolderText,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuFolderText,
.ThemePanelPageMenuItemHover .ThemePanelPageMenuItemText,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuItemText,
.ThemePanelPageMenuItemHover .ThemePanelPageMenuFolderRight,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuFolderRight,
.ThemePanelPageMenuItemHover .ThemePanelPageMenuItemRight,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuItemRight
{
	padding          : 0px 0px 0px 0px;
	border-color     : #002239;
	background-color : #CBCBCB;
  color            : #ffffff;
	font-family      : Tahoma;
  font-size        : 11px;
}

.ThemePanelPageMenuItemHover .ThemePanelPageMenuFolderLeft,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuFolderLeft,
.ThemePanelPageMenuItemHover .ThemePanelPageMenuItemLeft,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuItemLeft
{
	border-style     : solid;
	padding          : 0px 0px 0px 0px;
}

.ThemePanelPageMenuItemHover .ThemePanelPageMenuFolderText,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuFolderText,
.ThemePanelPageMenuItemHover .ThemePanelPageMenuItemText,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuItemText
{
	border-width     : 0px 0px 0px 0px;
	border-style     : solid;
	padding          : 0px 0px 0px 0px;
}

.ThemePanelPageMenuItemHover .ThemePanelPageMenuFolderRight,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuFolderRight,
.ThemePanelPageMenuItemHover .ThemePanelPageMenuItemRight,
.ThemePanelPageMenuItemActive .ThemePanelPageMenuItemRight
{
	border-width     : 0px 0px 0px 0px;
	border-style     : solid;
	padding          : 0px 0px 0px 0px;
}

td.ThemePanelPageMenuSplit
{
	padding          : 0px;
	margin           : 0px;
	height           : 0px;
	border           : 0px;
	background-color : inherit;
	overflow         : hidden;
}

div.ThemePanelPageMenuSplit
{
	display          : block;
	margin           : 0px;
	height           : 0px;
	width            : 100%;
	overflow         : hidden;
	background-color : inherit;

	border-style     : solid;
	border-width     : 0px 0px 0px 0px;
	border-color     : #002239;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemePanelPageMenuItem img.seq1
{
	display          : inline;
}

.ThemePanelPageMenuItemHover seq2,
.ThemePanelPageMenuItemActive seq2
{
	display          : inline;
}

.ThemePanelPageMenuItem .seq2,
.ThemePanelPageMenuItemHover .seq1,
.ThemePanelPageMenuItemActive .seq1
{
	display          : none;
}