/* The code below looks after our drop-down menu.This code normally resides in /modules/jsCookMenu/ThemePanel/theme.cssI have dumped it here so all the css is together.*/

.ThemePanelMenuH, .ThemePanelMenuV, .ThemePanelSubMenuTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: left;
}
.ThemePanelMenuV {
	width: 100%;
}
.ThemePanelMenuH span {
	vertical-align:bottom;
}
.ThemePanelSubMenu {
	position:	absolute;
	visibility:	hidden;
	/*	   Netscape/Mozilla renders borders by increasing	   their z-index.  The following line is necessary	   to cover any borders underneath	*/
z-index:	100;
	border:		0;
	padding:	0;
}
.ThemePanelSubMenuTable {
	text-align: left;
	background-color: #0ACFEC;
}
.ThemePanelMenuItem, .ThemePanelMenuItemHover, .ThemePanelMenuItemActive {
	cursor:		pointer;
	white-space:	nowrap;
}
/* This is the background for the menu bar as a whole */
.ThemePanelMainItem, .ThemePanelMenuItem {
	padding-bottom: 4px;
	padding-top: 4px;
}
.ThemePanelMainItemHover, .ThemePanelMainItemActive, .ThemePanelMenuItemHover, .ThemePanelMenuItemActive {
	padding-left: 8px;
	padding-right: 8px;
	background-color:	#039DB3;
	cursor:		pointer;
}

.ThemePanelMainItemActive{
	padding-left: 8px;
	padding-right: 8px;
	background-color:	#039DB3;
	cursor:		pointer;
}

/*.ThemePanelMainItemHover, .ThemePanelMainItemActive, .ThemePanelMenuItemHover, .ThemePanelMenuItemActive {
	padding-left: 8px;
	padding-right: 8px;
	background-color:	#039DB3;
	cursor:		hand;
}
*/



/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
.ThemePanelMenuH .ThemePanelMainItem {
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	cursor:		hand;
}
.ThemePanelMainFolderLeft, .ThemePanelMainItemLeft, .ThemePanelMainFolderText, .ThemePanelMainItemText, .ThemePanelMainFolderRight, .ThemePanelMainItemRight {
	border:		0;
	background-color:	inherit;
	white-space:	nowrap;
}
/* vertical main menu sub components */
.ThemePanelMenuV td.ThemePanelMainFolderLeft, .ThemePanelMenuV td.ThemePanelMainItemLeft {
	padding-left:	0px;
	padding-right:	0px;
	border-left:	1px solid #9C9A9C;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelMenuV td.ThemePanelMainFolderLeft, .ThemePanelMenuV td.ThemePanelMainItemLeft, .ThemePanelMenuV td.ThemePanelMainFolderText, .ThemePanelMenuV td.ThemePanelMainItemText, .ThemePanelMenuV td.ThemePanelMainFolderRight, .ThemePanelMenuV td.ThemePanelMainItemRight {
	padding-top:	2px;
	padding-bottom:	2px;
	border-top:	1px solid #9C9A9C;
	border-bottom:	1px solid #9C9A9C;
	background-color:	inherit;
}
.ThemePanelMenuV td.ThemePanelMainFolderLeft, .ThemePanelMenuV td.ThemePanelMainItemLeft {
	padding-right:	0px;
	padding-left:	0px;
	border-left:	1px solid #9C9A9C;
	background-color:	inherit;
	white-space:	nowrap;
}
.ThemePanelMenuV td.ThemePanelMainFolderText, .ThemePanelMenuV td.ThemePanelMainItemText {
	padding-right:	10px;
	padding-left:	10px;
	background-color:	inherit;
	white-space:	nowrap;
}
.ThemePanelMenuV td.ThemePanelMainFolderRight, .ThemePanelMenuV td.ThemePanelMainItemRight {
	padding-right:	0px;
	padding-left:	0px;
	border-right:	1px solid #9C9A9C;
	background-color:	inherit;
	white-space:	nowrap;
}
.ThemePanelMenuV tr.ThemePanelMainItem td.ThemePanelMainFolderLeft {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	0px;
	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelMenuV tr.ThemePanelMainItem td.ThemePanelMainItemLeft {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	0px;
	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelMenuV tr.ThemePanelMainItem td.ThemePanelMainFolderText {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;
	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelMenuV tr.ThemePanelMainItem td.ThemePanelMainItemText {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;
	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelMenuV tr.ThemePanelMainItem td.ThemePanelMainItemRight {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;
	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelMenuV tr.ThemePanelMainItem td.ThemePanelMainFolderRight {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;
	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}
/* sub menus sub components */
.ThemePanelSubMenu .ThemePanelMenuFolderLeft, .ThemePanelSubMenu .ThemePanelMenuItemLeft {
	padding-left:	0px;
	padding-right:	0px;
	border-left:	px solid #9C9A9C;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelSubMenu .ThemePanelMenuFolderLeft, .ThemePanelSubMenu .ThemePanelMenuItemLeft, .ThemePanelSubMenu .ThemePanelMenuFolderText, .ThemePanelSubMenu .ThemePanelMenuItemText, .ThemePanelSubMenu .ThemePanelMenuFolderRight, .ThemePanelSubMenu .ThemePanelMenuItemRight {
	padding-top:	3px;
	padding-bottom:	3px;
	border-top:	px solid #9C9A9C;
	border-bottom:	px solid #9C9A9C;
	background-color:	inherit;
	white-space:	nowrap;
}
.ThemePanelSubMenu .ThemePanelMenuFolderLeft, .ThemePanelSubMenu .ThemePanelMenuItemLeft {
	padding-right:	0px;
	padding-left:	3px;
	border-left:	px solid #9C9A9C;
	background-color:	inherit;
	white-space:	nowrap;
}
.ThemePanelSubMenu .ThemePanelMenuFolderText, .ThemePanelSubMenu .ThemePanelMenuItemText {
	padding-right:	3px;
	padding-left:	5px;
	background-color:	inherit;
	white-space:	nowrap;
}
.ThemePanelSubMenu .ThemePanelMenuFolderRight, .ThemePanelSubMenu .ThemePanelMenuItemRight {
	padding-right:	0px;
	padding-left:	0px;
	border-right:	1px solid #9C9A9C;
	background-color:	inherit;
	white-space:	nowrap;
}
.ThemePanelSubMenu tr.ThemePanelMenuItem td.ThemePanelMenuFolderLeft {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	3px;
	padding-right:	0px;
	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelSubMenu tr.ThemePanelMenuItem td.ThemePanelMenuItemLeft {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	3px;
	padding-right:	0px;
	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelSubMenu tr.ThemePanelMenuItem td.ThemePanelMenuFolderText {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;
	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelSubMenu tr.ThemePanelMenuItem td.ThemePanelMenuItemText {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;
	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelSubMenu tr.ThemePanelMenuItem td.ThemePanelMenuItemRight {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelSubMenu tr.ThemePanelMenuItem td.ThemePanelMenuFolderRight {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}
.ThemePanelMenuSplit {
	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" />*/
.ThemePanelMainItem img.seq1, .ThemePanelMenuItem img.seq1 {
	display:	inline;
		cursor:		hand;
}
.ThemePanelMainItemHover img.seq2, .ThemePanelMainItemActive img.seq2, .ThemePanelMenuItemHover img.seq2, .ThemePanelMenuItemActive img.seq2 {
	display:	inline;
}
.ThemePanelMainItem img.seq2, .ThemePanelMainItemHover img.seq1, .ThemePanelMainItemActive img.seq1, .ThemePanelMenuItem img.seq2, .ThemePanelMenuItemHover img.seq1, .ThemePanelMenuItemActive img.seq1 {
	display:	none;
}