/*
 * ThemeGray Style Sheet
 * by Ian Reyes and Heng Yuan
 */

.ThemeGrayMenu,
.ThemeGraySubMenuTable {
	font-family: serif;
	font-weight: bold;
	font-size: 12px;
	cursor: default;
}

/* SUBMNENU */
.ThemeGraySubMenu {
	position: fixed;
	visibility: hidden;
	overflow: hidden;
	justify-content: center;
}

.ThemeGraySubMenuTable {
	border-collapse: separate;
	/* opacity: ; */
	filter: Alpha(style=0, opacity=90);
	width: 12rem;
}


.ThemeGrayMenuItemHover,
.ThemeGrayMenuItemActive {
	cursor: pointer;
	background-color: white;
	color: #164f91;
}


/* Menu general */
.ThemeGrayMainItem,
.ThemeGrayMenuItem {
	padding: 17px 20px;
	/* Fondo del menú */
	background-color: #19406C;
	color: rgb(207, 207, 207);
	width: 10rem;
	text-align: center;
	font-size: 13px;
}

/* ITEMS DEL MENU  */
.ThemeGrayMainItemHover,
.ThemeGrayMainItemActive {
	text-align: center;
	padding: 17px 20px;
	background-color: #164f91;
	color: white;
	width: 10rem;
	font-size: 13px;
	cursor: pointer;
}

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

.ThemeGrayMainFolderLeft,
.ThemeGrayMainItemLeft,
.ThemeGrayMainFolderText,
.ThemeGrayMainItemText,
.ThemeGrayMainItemRight,
.ThemeGrayMainFolderRight {
	border: 0;
	background-color: inherit;
}

/* sub menus sub components */

.ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemLeft {
	padding: 3px 0px 3px 3px;
	border: 0;
	background-color: inherit;
}

.ThemeGrayMenuFolderText,
.ThemeGrayMenuItemText {
	padding: 5px 13px;
	color: rgb(221, 221, 221);
	border: 0;
	background-color: inherit;
	text-align: left;
}

.ThemeGrayMenuItemText,
.ThemeGrayMenuFolderText {
	white-space: normal;
	/* Permite que el texto se ajuste en múltiples líneas */
}

.ThemeGrayMenuItemRight,
.ThemeGrayMenuFolderRight {
	padding: 3px 1px 3px 0px;
	border: 0;
	background-color: inherit;
}

/* hoover and active border */
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight {
	border-color: #9C9A9C;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft {
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	padding: 3px 1px 3px 0px;


}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText {
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	padding: 3px 1px 3px 0px;

	color: #19406C;
	font-size: 13px;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight {
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	padding: 3px 1px 3px 0px;

}

div.ThemeGrayMenuSplit {
	margin: 2px;
	height: 1px;
	overflow: hidden;
	background-color: inherit;
	border-top: 1px solid #9C9A9C;
}