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

/* properties a drop down menu */
/* NOTE: If vertical:true then this class is NOT rendered */
.spmenuRectangles .spmenu-horizontal-mode .spmenu-level-1 {
	background: url("rectangles/arrow_right.gif")  no-repeat right center;
}
/* Current selected items in top horizontal menu*/
.spmenuRectangles .spmenu-horizontal-mode .spmenu-level-1 .spmenu-item-selected {
	background: url("rectangles/arrow_down.gif") rgb(236,231,219)  no-repeat 0 50%; 
}

/* ALL menu items have this border and background color */
.spmenuRectangles .spmenuContainer .spmenu-item {
	border: 1px solid gray;
	background-color: rgb(236,231,219);
}

/* ALL Anchors have NO decorations, all menu item font color */
.spmenuRectangles .spmenu-top a, .spmenu-top .spmenu-label {
	text-decoration:none;
	color:rgb(122,90,89);
}

/* Top menu LABEL */
.spmenuRectangles .spmenu .spmenu-label {
	font-weight: bold;
}

/* SUB menu LABEL */
.spmenuRectangles .spmenu .spmenu .spmenu-label {
	font-weight: normal;
}

/* All menu items in the tree */
.spmenuRectangles .spmenuContainer .spmenu-item {
	color:rgb(122,90,89);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left:0.5em;
	padding-right:2em;
	margin-left: 5px;
}


.spmenuRectangles .spmenuContainer .spmenuContainer {
	border: 1px solid gray;
	width: 15em;
}

.spmenuRectangles .spmenuContainer .spmenuContainer .spmenu-item,
.spmenuRectangles .spmenuContainer .spmenuContainer {
	/* override top menu padding and margin */
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
	border: 1px solid gray;
	width: 15em;
	background: rgb(236,231,219);
}

/* All others */
.spmenuRectangles .spmenu-horizontal-mode .spmenu .spmenu .spmenu-item {
	background:  white;
}


/* SUB align the borders on selected items */
/* must override any other settings below for expand/collapse */
.spmenuRectangles .spmenuContainer .spmenu-item-selected,
.spmenuRectangles .spmenuContainer .spmenuContainer .spmenu-item-selected {
	background-color: white;
}


/* SUB menu selected items, labels (no anchor), anchor */
.spmenuRectangles .spmenu-item-selected .spmenu-label,
.spmenuRectangles .spmenu-item-selected a {
	color: #000000;
	font-weight: bold;
}

/* The arrow that shows up when there's a sub-menu */
.spmenuRectangles .spmenuContainer .spmenuContainer .spmenu-item-collapsed  {
	background-image: url("rectangles/arrow_right.gif");
	background-repeat: no-repeat;
	background-position: center right;
}

/* The arrow that shows up when there's a sub-menu and the item is hovered*/
.spmenuRectangles .spmenuContainer .spmenuContainer .spmenu-item-expanded  {
	background: url("rectangles/arrow_right.gif")  white no-repeat right center;
}

.spmenuRectangles .spmenuContainer .spmenu-item-hr,
.spmenuRectangles .spmenuContainer .spmenuContainer .spmenu-item-hr {
	background:brown;
	height:3px;
	/* widith defined in basic.css for non-hr items, must define again */
	width: 10em;
}
.spmenuRectangles .spmenuContainer .spmenuContainer .spmenu-item-hr {
	width: 15em;
}

