/* Menu Style Sheet */

.JSCMenuTreeLevel0,.JSCMenuTreeLevel1
{
	/* -- Level0 is only the first div -- */
	/* -- Level1 is for all sub divs -- */
	overflow:hidden;
}



.JSCMenuTable
{
    background-color: #EFEFEF;
	border: 0px solid #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #B1B1B1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #676767;
	height: 22px;
	text-align: left;
	cursor: pointer;
	cursor: hand;
}

.JSCMenuRow
{
/*	overflow:hidden;
	background-color: inherit;
	white-space:	nowrap;
	padding:	0px;*/
}

.JSCMenuRowHover
{
	background-color: #BBBBBB;
	font-weight: bold;
}
.JSCMenuRowSelected
{
/*	background-color: #BBBBBB;
	font-weight: bold;*/
}
.JSCMenuRowSelected:hover
{
	background-color: #BBBBBB;
	font-weight: bold;
}

.JSCMenuFolderSpacer,.JSCMenuItemSpacer,
.JSCMenuFolderLeft,.JSCMenuItemLeft,
.JSCMenuFolderText,.JSCMenuItemText,
.JSCMenuFolderRight,.JSCMenuItemRight
{
/*	background-color: inherit;
	padding:	0px;
	border:		0;*/
	white-space:	nowrap;

}

/* it would be better that child selector   would work, but IE
	doesn't support it :( */

.JSCMenuFolderText a,
.JSCMenuItemText a
{
	text-decoration:	none;
	color: #676767;
}

/* ------------------------------------ */

.JSCMenuRowHover .JSCMenuItemText a,
.JSCMenuRowHover .JSCMenuFolderText a
{
/*	background-color: #BBBBBB;
	border:			1px solid #9c9a9c;
	padding:		1px;
	background-color:	#cecfce;*/
}

.JSCMenuRowActive .JSCMenuItemText a,
.JSCMenuRowActive .JSCMenuFolderText a
{
/*	background-color:	#BBBBBB;*/
}

.JSCMenuRowSelected .JSCMenuItemText a,
.JSCMenuRowSelected .JSCMenuFolderText a
{
/*	border:			1px solid #9c9a9c;
	padding:		1px;
	background-color:	white;*/
}

/* in strict mode of XHTML, this is a fix for image connections */

.JSCMenuFolderSpacer img,
.JSCMenuItemSpacer img,
.JSCMenuFolderLeft img,
.JSCMenuItemLeft img,
.JSCMenuFolderRight img,
.JSCMenuItemRight img
{
	vertical-align:	bottom;
}

/* no need to modify these two since they are generic. */
/* they are used to coordinate the folder open/closing animation */

.JSCookTreeFolderClosed
{
}

.JSCookTreeFolderOpen
{
}

#JSCookTreeFolderClosed .JSCookTreeFolderOpen
{
	display: none;
}

#JSCookTreeFolderOpen .JSCookTreeFolderClosed
{
	display: none;
}