/*
 * ThemeBlue Style Sheet
 * by Ian Reyes and Heng Yuan
 */
.ThemeBlueMenu {
width:100%;
height:25px;
border-top:1px solid #bbdbff;
}
.ThemeBlueMenu,.ThemeBlueSubMenuTable
{
font-family: Arial, Tahoma;
font-size: 11px;
color: white;
background-color: #ffffff;
cursor:		default;
cursor:		hand !important;
white-space:	nowrap;
}
.ThemeBlueSubMenu
{
border-top:3px solid #ffffff;
position:	absolute;
display:	block;
visibility:	hidden;
overflow:	hidden;
background-color: transparent;
}
.ThemeBlueSubMenuTable
{
border-collapse:	separate;
opacity:	0.9;
filter:Alpha(style=0,opacity=90);
width:150px;
}
.ThemeBlueMenuItem,.ThemeBlueMenuItemHover,.ThemeBlueMenuItemActive
{
cursor:		default;
cursor:		hand !important;
white-space:	nowrap;
}
.ThemeBlueMainItem,
.ThemeBlueMenuItem
{
background-color:	#2e4f84;
text-align:center;
}
.ThemeBlueMainItem {
width:11%;
}
.ThemeBlueMainItemHover,
.ThemeBlueMainItemActive
{
color: #bbdbff;
width:11%;
background-color:	#2e4f84;
text-align:center;
}
.ThemeBlueMenuItemHover,
.ThemeBlueMenuItemActive
{
padding:	5px;
border:		1px solid #ffffff;
background-color:	#2e4f84;
}
/* 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 */
.ThemeBlueMainFolderLeft,
.ThemeBlueMainItemLeft,
.ThemeBlueMainFolderText,
.ThemeBlueMainItemText,
.ThemeBlueMainItemRight,
.ThemeBlueMainFolderRight
{
border: 0;
white-space: nowrap;
}
.ThemeBlueMainFolderText,
.ThemeBlueMainItemText 
{
border-left: white 1px solid; text-align: center; padding: 0px 0px 0px 5px;
}
#first .ThemeBlueMainFolderText,
#first .ThemeBlueMainItemText 
{
border-left:0px; padding:0px;
}
/* sub menus sub components */
.ThemeBlueMenuFolderLeft,
.ThemeBlueMenuItemLeft
{
padding:	3px 3px 1px 0px;
border:		0;
white-space:	nowrap;
background-color:	inherit;
    color:	#2e4f84;
}
.ThemeBlueMenuFolderText,
.ThemeBlueMenuItemText
{
    margin-left: 5px;
padding:	2px 2px 2px 20px;
background: url(/html/images/square.gif) center left no-repeat;
text-align:left;
border:		0;
white-space:	nowrap;
background-color:	inherit;
}
.ThemeBlueMenuItemRight,
.ThemeBlueMenuFolderRight
{
padding:	3px 1px 3px 0px;
border:		0;
white-space:	nowrap;
background-color:	inherit;
}
/* hoover and active border */
.ThemeBlueMenuItemHover .ThemeBlueMenuFolderLeft,
.ThemeBlueMenuItemActive .ThemeBlueMenuFolderLeft,
.ThemeBlueMenuItemHover .ThemeBlueMenuItemLeft,
.ThemeBlueMenuItemActive .ThemeBlueMenuItemLeft,
.ThemeBlueMenuItemHover .ThemeBlueMenuFolderText,
.ThemeBlueMenuItemActive .ThemeBlueMenuFolderText,
.ThemeBlueMenuItemHover .ThemeBlueMenuItemText,
.ThemeBlueMenuItemActive .ThemeBlueMenuItemText,
.ThemeBlueMenuItemHover .ThemeBlueMenuFolderRight,
.ThemeBlueMenuItemActive .ThemeBlueMenuFolderRight,
.ThemeBlueMenuItemHover .ThemeBlueMenuItemRight,
.ThemeBlueMenuItemActive .ThemeBlueMenuItemRight
{
background-color: #95b5d5
}
.ThemeBlueMenuItemHover .ThemeBlueMenuFolderLeft,
.ThemeBlueMenuItemActive .ThemeBlueMenuFolderLeft,
.ThemeBlueMenuItemHover .ThemeBlueMenuItemLeft,
.ThemeBlueMenuItemActive .ThemeBlueMenuItemLeft
{
padding:	3px 3px 1px 0px;
}
.ThemeBlueMenuItemHover .ThemeBlueMenuFolderText,
.ThemeBlueMenuItemActive .ThemeBlueMenuFolderText,
.ThemeBlueMenuItemHover .ThemeBlueMenuItemText,
.ThemeBlueMenuItemActive .ThemeBlueMenuItemText
{
padding:	2px 2px 2px 20px;
text-align:left;
}
.ThemeBlueMenuItemHover .ThemeBlueMenuFolderRight,
.ThemeBlueMenuItemActive .ThemeBlueMenuFolderRight,
.ThemeBlueMenuItemHover .ThemeBlueMenuItemRight,
.ThemeBlueMenuItemActive .ThemeBlueMenuItemRight
{
border-width:	0px 1px 0px 0px;
border-style:	solid;
padding:	3px 0px 3px 0px;
}
td.ThemeBlueMenuSplit
{
padding:	0px;
margin:		0px;
height:		0px;
border:		0px;
background-color:	inherit;
overflow:	hidden;
}
div.ThemeBlueMenuSplit
{
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" />
*/
.ThemeBlueMenuItem img.seq1
{
display:	inline;
}
.ThemeBlueMenuItemHover seq2,
.ThemeBlueMenuItemActive seq2
{
display:	inline;
}
.ThemeBlueMenuItem .seq2,
.ThemeBlueMenuItemHover .seq1,
.ThemeBlueMenuItemActive .seq1
{
display:	none;
}