/* 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      : 0px solid #0d314f;
  
}

/* az almenük táblája*/
.ThemePanelSubMenu
{
	
	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 : #636262;
  color: #fff;
	padding          : 0px;
	margin           : 0px 3px 3px 0px;
  
}

.ThemePanelSubMenuTable
{
	border-collapse  : separate;  
}

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

/* a menu első sora -- FŐMENÜ */
.ThemePanelMainItem
{
/*background-color : #F7F3F7; */
	white-space      : nowrap;
	height           : 23px;
  font-family      : Tahoma;
	font-size        : 13px;
  /*color            : #B91F17;*/
  color            : #205887;
  font-weight      : normal;
  border           : 0;
  padding          : 0;
  border-right     : 1px solid #0d314f;  
}


/* a menu első sor hover*/
.ThemePanelMainItemHover,
.ThemePanelMainItemActive
{
  
  background-color  : #5A5A5A; 
	white-space       : nowrap;
	height            : 23px;
  font-family       : Tahoma;
	font-size         : 13px;
  color             : #0d314f;
  border            : 0;
  padding           : 0;
  border-right      : 1px solid #0d314f;
}

/* 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 : #fff;
	/*background-image : url(input_bg.jpg);*/
  background-repeat: repeat-x;
  height           : 23px;       
}

.ThemePanelMainFolderText_over,
.ThemePanelMainItemText_over
{
	padding          : 0 6px 0 6px;
	border           : 0;
	white-space      : nowrap;
	/*background-color : #000;*/
	background-image	: url(menu_topright.gif);
  background-repeat: repeat-x;
  height           : 23px;
  color           : #fff;        
}

.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;      
}

/* főmenü hover */
.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;*/
  /*background: #f5f5f5 url(input_bg.jpg) repeat-x bottom;*/
  background: #636262 url(menu_topright.gif) repeat-x right top;
  height            : 23px;
  color: #FFCFA7;
  
  
}

.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          : 2px 3px 0px 5px;
	border           : 0;
	white-space      : nowrap;
	background-color : inherit;
	background-image : url(arrow.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  width            : 15px;  
}
  /*almenu*/   
.ThemePanelMenuFolderText,
.ThemePanelMenuItemText
{
	padding          : 1px 3px 1px 5px;
	border           : 0;
	white-space      : nowrap;
	background-color : inherit;
	font-family      : Tahoma;
  font-size        : 11px;
  
  /*color            : #fff;*/
  color            : #fff;
  border-bottom: 0px solid #ddd;
  font-weight      : normal;   
}

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

/*  ALMENU HOVER */

/* 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: #f5f5f5 url(input_bg.jpg) repeat-x bottom;*/
  
  /*background: #5A5A5A;*/
  z-index          : 200000;
  color            : #FDC75B;
  
}

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

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

.ThemePanelMenuItemHover .ThemePanelMenuFolderRight,
.ThemePanelMenuItemActive .ThemePanelMenuFolderRight,
.ThemePanelMenuItemHover .ThemePanelMenuItemRight,
.ThemePanelMenuItemActive .ThemePanelMenuItemRight
{
	border-width     : 0px 0px 0px 0px;
	border-style     : solid;
  border-color: #fff;
	padding          : 1px 0px 1px 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;
  background: url(menu_bg2.jpg) repeat-x;
}

.ThemePanelMenuItem .seq2,
.ThemePanelMenuItemHover .seq1,
.ThemePanelMenuItemActive .seq1
{
	display          : none;
  background-image: url(menu_bg2) repeat-x;
}
*/