/* $Id: bluecurve.css 4322 2006-09-04 08:49:33Z shacka $ */
@import url("layout/3d.css");

/* Top and Sub menus */
.mainZPseparator {margin-right:6px;}

/* Top and Sub menus */
.spmenuBluecurve .spmenu a,
.spmenuBluecurve .spmenu .spmenu-label {
font-family: Tahoma, Heltvetica, Arial, sans-serif;
color:  white;
font-weight: bold;
font-size: 11px;
}

/* Top and Sub menus */
.spmenuBluecurve .spmenu .spmenu-item-selected .spmenu-label,
.spmenuBluecurve .spmenu .spmenu-item-selected a {
color: black;
}

/* Top menu */
.spmenuBluecurve .spmenu-vertical-mode .spmenu-item,
.spmenuBluecurve .spmenuContainer .spmenu-item {
height:22px; 
background: url("bluecurve/middle.gif") repeat-x center;
background-color: #F7F7F7;
}

.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item{
width:100px;
}

.spmenuBluecurve .spmenuContainer .spmenuContainer  {
border: 0px;
margin-top: 0px; /*so the drop down menu is flush with the main nav*/
}

.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenuContainer{
margin-left:0px;
}

/* Sub menu - center portion*/
.spmenuBluecurve .spmenu-vertical-mode .spmenu-level-1,
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item {
margin-top:0px;
padding-top: 0px;
/* No border
border-left: 2px solid darkblue;
border-right: 2px solid darkblue;
*/
background: #346885;
padding:2px; /*space between each item in sub menu */
padding-left:0px;
color: #00008B;
}


.spmenuBluecurve .spmenuContainer .spmenu-item-first {
margin-top: 0px;
background: url("bluecurve/first.gif") no-repeat left center;
border: 0px;
}
.spmenuBluecurve .spmenuContainer .spmenu-item-last {
margin: 0px;
background: url("bluecurve/last.gif") no-repeat right center;
border: 0px;
}
/*selected rollover sub menu item - how do you make a rollover on the last item in the sub menu?*/
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item-last .spmenu-item-expanded  {
background: white;
padding:5px; /*sub items container size*/
}

.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu .spmenu-item-selected .spmenu-label, 
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu .spmenu-item-selected a
{
color: black;
background: white;
}


/*
Change the background of each menu item
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item {	
background:white;
}
*/

.spmenuBluecurve .spmenu .spmenu-item-selected .spmenu-label, 
.spmenuBluecurve .spmenu .spmenu-item-selected a
{
color: black;
}


/*bottom sub menu part main one*/
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item-last {
/* No border
border-bottom:2px solid darkblue;
*/
padding-bottom:3px;
}

/*top sub menu part*/
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item-first {
background: #346885;
margin: 0px;
padding-top:2px;
/* No border
border-top: 2px solid darkblue;
border: 0px;
border-left: 2px solid black;
border-right: 2px solid black;
*/
}

/*sub menu item*/
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item .spmenu-label,
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item-exapnded .spmenu-label,
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item-collapsed .spmenu-label {
background: #4080A2;
/* width:150px; remove to fix margin left issues */
padding:5px; /*sub items container size*/
}


.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item {
padding-left:3px;
}

/*selected rollover sub menu item*/

.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item-expanded .spmenu-label {
background: white;
padding:5px; /*sub items container size*/
}

.spmenuBluecurve .spmenuContainer .spmenuContainer .icon{
/* No icons */
display:none;
}

/* -- vertical code -- */

.spmenuBluecurve .spmenu-vertical-mode .spmenu-item .spmenu-label{
padding-left: 0px;
}

.spmenuBluecurve .spmenu-vertical-mode .spmenuContainer .spmenu-item .spmenu-label{
padding-left: 0px;
}

.spmenuBluecurve .spmenu-vertical-mode .spmenu-item-first {
background: url("bluecurve/top.gif") no-repeat left top;
margin: 0px;
border: 0px;
padding-top:5px;
}

.spmenuBluecurve .spmenu-vertical-mode .spmenuContainer  {
border: 0px;
margin-top: 0px;
}

/* The arrow that shows up when there's a sub-menu and the item is hovered*/
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item-collapsed .spmenu-label
{
background: url("bluecurve/arrow.gif") #4080A2 no-repeat center right;
}

.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item-hr,
.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item-hr .spmenu-label {
background:black;
height:1px;
border:none;
}

.spmenuBluecurve .spmenuContainer .spmenuContainer .spmenu-item-hr .spmenu-label {
padding:0px;
}
