/*
 * ThemeGoweb Style Sheet
 * by Nuno Mariz
 */

.ThemeGowebMenu,
.ThemeGowebSubMenuTable {
	font-size: 11px;
	color: white;
	cursor: default;
	cursor: pointer !important;
	width:177px;
	
}

.ThemeGowebSubMenu {
	position: absolute;
	display: block;
	visibility:	hidden;
	overflow: hidden;
	background-color:transparent;

}

.ThemeGowebSubMenuTable {
	border-collapse:separate;
	margin-top:5px;
}

.ThemeGowebMenuItem,
.ThemeGowebMenuItemHover,
.ThemeGowebMenuItemActive {
	cursor:	default;
	cursor:	pointer !important;
	white-space:nowrap;
}

.ThemeGowebMainItem {
	height:25px;
}

.ThemeGowebMainItem,
.ThemeGowebMenuItem {
	font-weight:normal;
	font-size:12px;
	color:#747474;
	border:	0px solid red;
	padding:2px 0px 0 15px;
}

.ThemeGowebMainItemHover,
.ThemeGowebMainItemActive {	
	font-weight:normal;
	font-size:12px;
	color:#0081d7;
	height:25px;
}

.firstMainItemText,
.firstMainFolderText {
	border-top:1px dashed #c6c6c6;
}

.firstMainItemText,
.firstMainFolderText,
.lastMainItemText,
.lastMainFolderText,
.ThemeGowebMainFolderText,
.ThemeGowebMainItemText {
	border-bottom:1px dashed #c6c6c6;
	background-image:url(/media/images/seta_01.gif);
	background-repeat:no-repeat;
	background-position:right;
}

.ThemeGowebMainItemHover .firstMainItemText,
.ThemeGowebMainItemActive .firstMainItemText,
.ThemeGowebMainItemHover .firstMainFolderText,
.ThemeGowebMainItemActive .firstMainFolderText,
.ThemeGowebMainItemHover .lastMainItemText,
.ThemeGowebMainItemActive .lastMainItemText,
.ThemeGowebMainItemHover .lastMainFolderText,
.ThemeGowebMainItemActive .lastMainFolderText,
.ThemeGowebMainItemHover .ThemeGowebMainFolderText,
.ThemeGowebMainItemActive .ThemeGowebMainFolderText,
.ThemeGowebMainItemHover .ThemeGowebMainItemText,
.ThemeGowebMainItemActive .ThemeGowebMainItemText {
	border-bottom:1px dashed #c6c6c6;
	background-image:url(/media/images/seta_02.gif);
	background-repeat:no-repeat;
	background-position:right;
}

.ThemeGowebMenuItemHover,
.ThemeGowebMenuItemActive {
	font-weight:normal;
	font-size:12px;
	color:#0081d7;
	
}



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

.ThemeGowebMainFolderLeft,
.ThemeGowebMainItemLeft {
	border:none;
	background-color: inherit;
	white-space: nowrap;
}

/* sub menus sub components */

.ThemeGowebMenuFolderLeft,
.ThemeGowebMenuItemLeft {
	padding:3px 0px 3px 3px;
	white-space:nowrap;
	background-color:#e1e4de;
	border-top:1px dashed #666;

}

.ThemeGowebMenuFolderText,
.ThemeGowebMenuItemText {
	padding:3px 3px 3px 5px;
	border:	0;
	white-space:nowrap;
	background-color:#e1e4de;
	border-top:1px dashed #666;
	text-align:left;
}

.ThemeGowebMenuItemText {
}

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

/* hoover and active border */
.ThemeGowebMenuItemHover .ThemeGowebMenuFolderLeft,
.ThemeGowebMenuItemActive .ThemeGowebMenuFolderLeft,
.ThemeGowebMenuItemHover .ThemeGowebMenuItemLeft,
.ThemeGowebMenuItemActive .ThemeGowebMenuItemLeft,
.ThemeGowebMenuItemHover .ThemeGowebMenuFolderText,
.ThemeGowebMenuItemActive .ThemeGowebMenuFolderText,
.ThemeGowebMenuItemHover .ThemeGowebMenuItemText,
.ThemeGowebMenuItemActive .ThemeGowebMenuItemText,
.ThemeGowebMenuItemHover .ThemeGowebMenuFolderRight,
.ThemeGowebMenuItemActive .ThemeGowebMenuFolderRight,
.ThemeGowebMenuItemHover .ThemeGowebMenuItemRight,
.ThemeGowebMenuItemActive .ThemeGowebMenuItemRight {
}

.ThemeGowebMenuItemHover .ThemeGowebMenuFolderLeft,
.ThemeGowebMenuItemActive .ThemeGowebMenuFolderLeft,
.ThemeGowebMenuItemHover .ThemeGowebMenuItemLeft,
.ThemeGowebMenuItemActive .ThemeGowebMenuItemLeft {
}

.ThemeGowebMenuItemHover .ThemeGowebMenuFolderText,
.ThemeGowebMenuItemActive .ThemeGowebMenuFolderText,
.ThemeGowebMenuItemHover .ThemeGowebMenuItemText,
.ThemeGowebMenuItemActive .ThemeGowebMenuItemText {
}

.ThemeGowebMenuItemHover .ThemeGowebMenuFolderRight,
.ThemeGowebMenuItemActive .ThemeGowebMenuFolderRight,
.ThemeGowebMenuItemHover .ThemeGowebMenuItemRight,
.ThemeGowebMenuItemActive .ThemeGowebMenuItemRight {
}

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

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

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

.ThemeGowebMenuItem img.seq1 {
	display:inline;
}

.ThemeGowebMenuItemHover seq2,
.ThemeGowebMenuItemActive seq2 {
	display:inline;
}

.ThemeGowebMenuItem .seq2,
.ThemeGowebMenuItemHover .seq1,
.ThemeGowebMenuItemActive .seq1 {
	display:none;
}