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

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


/* az almenük táblájának árnyéka de explorerbe nem megy*/
.ThemePanelSubMenuShadow
{
	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*/
.ThemePanelSubMenuBorder
{
	border           : 1px solid #0d314f;
	background-color : #750000;
	padding          : 0px;
	margin           : 0px 3px 3px 0px;
}

.ThemePanelSubMenuTable
{
	border-collapse  : separate;
}

.ThemePanelMenuItem,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive
{
	cursor           : hand;
	white-space      : nowrap;
}

/* a menu első sora */
.ThemePanelMainItem
{
/*background-color : #F7F3F7; */
	white-space      : nowrap;
	height           : 23px;
  font-family      : Tahoma;
	font-size        : 12px;
  color            : #FFFFFF;
  font-weight:bold;
  border           : 0;
  padding          : 0px 0 0 0;
  border-right     : 1px solid #9D2B2B;
  border-left     : 1px solid #000;
	width:121px;
	text-align:center;
	line-height:18px;
}

.ThemePanelMainItem_Kiem
{
/*background-color : #F7F3F7; */
	vertical-align:middle;
	white-space      : nowrap;
	height           : 23px;
  font-family      : Tahoma;
	font-size        : 12px;
  color            : #FFFFFF;
  font-weight:bold;
  border           : 0;
  border-right     : 1px solid #9D2B2B;
  border-left     : 1px solid #000;
}


/* a menu első sor hover*/
.ThemePanelMainItemHover,
.ThemePanelMainItemActive
{

/*background-color  : #C6C6C3; */
	white-space       : nowrap;
	height            : 23px;
  font-family       : Tahoma;
	font-size         : 12px;
  font-weight:bold;
  color             : #eeeeee;
  border            : 0;
  padding           : 0;
  border-right      : 1px solid #9D2B2B;
  border-left     : 1px solid #000;
	width:121px;
	text-align:center;
	line-height:18px;
}

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

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


/* 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 */


.ThemePanelMainFolderLeft,
.ThemePanelMainItemLeft
{
	padding          : 3px 0px 3px 3px;
	white-space      : nowrap;
	background-color : inherit;
}

.ThemePanelMainFolderText,
.ThemePanelMainItemText
{
	padding          : 0 6px 0 6px;
	white-space      : nowrap;
	background-color : inherit;
	background-image : url(menu_bg.jpg);
  background-repeat: repeat-x;
  height           : 23px;
}

a.ThemeKiemelt_base:link, a.ThemeKiemelt_base:visited, a.ThemeKiemelt_base:active{
	vertical-align:bottom;
	text-decoration:none;
	white-space      : nowrap;
	font-family      : Tahoma;
	font-size        : 12px;
	color            : #800000;
	font-weight		:bold;
	display			:block;
}
a.ThemeKiemelt_base:hover
{
	text-decoration:none;
}
a.ThemeKiemelt_over:link, a.ThemeKiemelt_over:visited, a.ThemeKiemelt_over:active{
	text-decoration:none;
	white-space      : nowrap;
	font-family      : Tahoma;
	font-size        : 12px;
	color            : #ffffff;
	font-weight		:bold;
	display			:block;
}
a.ThemeKiemelt_over:hover
{
	text-decoration:none;
}
.ThemeKiemelt_base
{
	text-align:center;
	padding          : 0 6px 0 6px;
	white-space      : nowrap;
	background-color : #ffffff;
	background-repeat: repeat-x;
	height           : 23px;
	font-family      : Tahoma;
	font-size        : 12px;
	color            : #800000;
	font-weight		:bold;
	cursor			:pointer;
	border-left		:1px solid #000;
	border-right		:1px solid #000;
}
.ThemeKiemelt_over
{
	text-align:center;
	padding          : 0 6px 0 6px;
	border           : 0;
	white-space      : nowrap;
	background-color : inherit;
	/*background-image	: url(menu_kiem_bg_hover.jpg);*/
	background-image : url(menu_kiem_bg.jpg);
	background-repeat: repeat-x;
	height           : 23px;
	color           : #ffffff;
	font-family      : Tahoma;
	font-size        : 12px;
	font-weight		:bold;
	cursor			:pointer;
	border-left		:1px solid #9D2B2B;
	border-right		:1px solid #9D2B2B;
}

.ThemePanelMainFolderText_over,
.ThemePanelMainItemText_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;
  height           : 23px;
   color           : #eeeeee;
}

.ThemePanelMainItemRight,
.ThemePanelMainFolderRight
{
	padding          : 3px 1px 3px 0px;
	white-space      : nowrap;
	background-color : inherit;
}

/* hoover and active border */
.ThemePanelMainItemHover .ThemePanelMainFolderLeft,
.ThemePanelMainItemActive .ThemePanelMainFolderLeft,
.ThemePanelMainItemHover .ThemePanelMainItemLeft,
.ThemePanelMainItemActive .ThemePanelMainItemLeft,
.ThemePanelMainItemHover .ThemePanelMainFolderText,
.ThemePanelMainItemActive .ThemePanelMainFolderText,
.ThemePanelMainItemHover .ThemePanelMainItemText,
.ThemePanelMainItemActive .ThemePanelMainItemText,
.ThemePanelMainItemHover .ThemePanelMainFolderRight,
.ThemePanelMainItemActive .ThemePanelMainFolderRight,
.ThemePanelMainItemHover .ThemePanelMainItemRight,
.ThemePanelMainItemActive .ThemePanelMainItemRight
{
	border-color     : #002239;
}

.ThemePanelMainItemHover .ThemePanelMainFolderLeft,
.ThemePanelMainItemActive .ThemePanelMainFolderLeft,
.ThemePanelMainItemHover .ThemePanelMainItemLeft,
.ThemePanelMainItemActive .ThemePanelMainItemLeft
{
	/*
	border-width     : 1px 0px 1px 1px;
	border-style     : solid;
	*/
	padding          : 3px 0px 3px 3px;
}

.ThemePanelMainItemHover .ThemePanelMainFolderText,
.ThemePanelMainItemActive .ThemePanelMainFolderText,
.ThemePanelMainItemHover .ThemePanelMainItemText,
.ThemePanelMainItemActive .ThemePanelMainItemText
{
	/*
	border-width     : 1px 0px 1px 0px;
	border-style     : solid;
	*/
	padding          : 0 6px 0 6px;
	background-image	: url(menu_hover_bg.jpg);
  background-repeat	: repeat-x;
  height            : 23px;
}

.ThemePanelMainItemHover .ThemePanelMainFolderRight,
.ThemePanelMainItemActive .ThemePanelMainFolderRight,
.ThemePanelMainItemHover .ThemePanelMainItemRight,
.ThemePanelMainItemActive .ThemePanelMainItemRight
{
	/*
	border-width     : 1px 1px 1px 0px;
	border-style     : solid;
	*/
	padding          : 3px 1px 3px 0px;
}

/* sub menus sub components */

.ThemePanelMenuFolderLeft,
.ThemePanelMenuItemLeft
{
	padding          : 3px 0px 3px 18px;
	border           : 0;
	white-space      : nowrap;
	background-color : inherit;
	/*background-image : url(menu_left_line.jpg);
  background-repeat: repeat-y;*/
}

.ThemePanelMenuFolderText,
.ThemePanelMenuItemText
{
	padding          : 3px 3px 3px 5px;
	border           : 0;
	white-space      : nowrap;
	background-color : inherit;
	font-family      : Tahoma;
  font-size        : 11px;
  color            : #FFFFFF;
  font-weight      : bold;
}

.ThemePanelMenuItemRight,
.ThemePanelMenuFolderRight
{
	padding          : 3px 1px 3px 0px;
	border           : 0;
	white-space      : nowrap;
	background-color : inherit;
}

/* hoover and active border */
.ThemePanelMenuItemHover .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemActive .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemHover .ThemePanelMenuItemLeft,
.ThemePanelMenuItemActive .ThemePanelMenuItemLeft,
.ThemePanelMenuItemHover .ThemePanelMenuFolderText,
.ThemePanelMenuItemActive .ThemePanelMenuFolderText,
.ThemePanelMenuItemHover .ThemePanelMenuItemText,
.ThemePanelMenuItemActive .ThemePanelMenuItemText,
.ThemePanelMenuItemHover .ThemePanelMenuFolderRight,
.ThemePanelMenuItemActive .ThemePanelMenuFolderRight,
.ThemePanelMenuItemHover .ThemePanelMenuItemRight,
.ThemePanelMenuItemActive .ThemePanelMenuItemRight
{
	border-color     : #002239;
	background-color : #B00000;
}

.ThemePanelMenuItemHover .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemActive .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemHover .ThemePanelMenuItemLeft,
.ThemePanelMenuItemActive .ThemePanelMenuItemLeft
{
	border-width     : 1px 0px 1px 1px;
	border-style     : solid;
	padding          : 2px 0px 2px 2px;
}

.ThemePanelMenuItemHover .ThemePanelMenuFolderText,
.ThemePanelMenuItemActive .ThemePanelMenuFolderText,
.ThemePanelMenuItemHover .ThemePanelMenuItemText,
.ThemePanelMenuItemActive .ThemePanelMenuItemText
{
	border-width     : 1px 0px 1px 0px;
	border-style     : solid;
	padding          : 2px 3px 2px 5px;
}

.ThemePanelMenuItemHover .ThemePanelMenuFolderRight,
.ThemePanelMenuItemActive .ThemePanelMenuFolderRight,
.ThemePanelMenuItemHover .ThemePanelMenuItemRight,
.ThemePanelMenuItemActive .ThemePanelMenuItemRight
{
	border-width     : 1px 1px 1px 0px;
	border-style     : solid;
	padding          : 2px 0px 2px 0px;
}

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

div.ThemePanelMenuSplit
{
	display          : block;
	margin           : 3px;
	height           : 1px;
	width            : 100%;
	overflow         : hidden;
	background-color : inherit;

	border-style     : solid;
	border-width     : 1px 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" />
*/

.ThemePanelMenuItem img.seq1
{
	display          : inline;
}

.ThemePanelMenuItemHover seq2,
.ThemePanelMenuItemActive seq2
{
	display          : inline;
}

.ThemePanelMenuItem .seq2,
.ThemePanelMenuItemHover .seq1,
.ThemePanelMenuItemActive .seq1
{
	display          : none;
}