@mixin reindeer-tree($primaryStyleName : v-tree) {

.#{$primaryStyleName}-node {
	background: transparent url(img/arrows.png) no-repeat 6px -10px;
}
.#{$primaryStyleName}-node-expanded {
	background-position: -7px 5px;
}
.#{$primaryStyleName}-node-caption {
	margin-left: 16px;
	padding-bottom: 1px;
}
.#{$primaryStyleName}-node span {
	padding: 1px 2px;
	display: inline-block;
}
.#{$primaryStyleName}-node-selected span {
	background: #4d749f repeat-x;
	background-image: url(../common/img/sel-bg.png); /* sprite-ref: verticals; sprite-alignment: repeat */
	color: #fff;
	padding: 1px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-shadow: #2b425a 0 1px 0;
	display: inline-block;
}
.#{$primaryStyleName}-node-children {
	padding-left: 16px;
}
.#{$primaryStyleName}-node-caption.#{$primaryStyleName}-node-focused span{
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.#{$primaryStyleName}-node-focused span{
	border: 1px dotted black;	
}
/***************************************
 * Drag'n'drop styles
 ***************************************/
.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top {
	background-position: 6px -11px;
}
.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-expanded {
	background-position: -7px 4px;
}
.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top,
.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-drag-top {
	background-position: 2px -53px;
}
.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-leaf {
	background-position: 2px 50%;
}

}