@mixin reindeer-menubar($name : v-menubar) {

.#{$name} {
	height: 23px;
	background: #323336 repeat-x;
	background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
	color: #d1d3d6;
	text-shadow: rgba(0,0,0,.9) 0 1px 0;
	padding: 0 8px;
}
.#{$name} .#{$name}-menuitem {
	padding: 3px 8px;
	height: 17px;
	line-height: 16px;
}
.#{$name} .#{$name}-menuitem:hover {
	color: #fff;
}
.#{$name}-submenu {
	background: #f8f8f9;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	overflow: hidden;
	padding: 4px 0;
}
.#{$name}-submenu .#{$name}-menuitem {
	padding: 1px 26px 1px 10px;
	line-height: 16px;
}
.#{$name}-submenu .#{$name}-menuitem-caption .v-icon { 
	vertical-align: middle;
}
.#{$name} .#{$name}-menuitem-selected,
.#{$name}-submenu .#{$name}-menuitem-selected {
	background: #4d749f repeat-x;
	background-image: url(../common/img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
	color: #fff;
	text-shadow: 0 1px 0 #3b5a7a;
}
.#{$name} .#{$name}-menuitem-selected {
	background-image: url(img/menu-sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px  */
}
.#{$name}-submenu .#{$name}-submenu-indicator {
	background: transparent url(img/submenu-icon.png) no-repeat right 70%;
	width: 26px;
	height: 16px;
	text-indent: -9999px;
}
.#{$name}-submenu .#{$name}-menuitem-selected .#{$name}-submenu-indicator {
	background-image: url(img/submenu-icon-hover.png);
}

/* Checkboxes for checkable/checked menu items */
.#{$name}-submenu-check-column .#{$name}-menuitem {
	padding-left: 6px;
}
.#{$name}-submenu-check-column .#{$name}-menuitem-caption {
	padding-left: 18px;
}
.#{$name}-submenu .#{$name}-menuitem-checked .#{$name}-menuitem-caption { 
	background: transparent url(img/checked.png) no-repeat left;
}
.#{$name}-submenu .#{$name}-menuitem-unchecked .#{$name}-menuitem-caption {
	background: transparent url(img/unchecked.png) no-repeat left;
}
.#{$name}-submenu .#{$name}-menuitem-selected-checked .#{$name}-menuitem-caption { 
	background: transparent url(img/checked-selected.png) no-repeat left;
}
.#{$name}-submenu .#{$name}-menuitem-selected-unchecked .#{$name}-menuitem-caption {
	background: transparent url(img/unchecked-selected.png) no-repeat left;
}

}