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

.#{$primaryStyleName} {
	line-height: 18px;
}

/**********************
 * Black styles
 **********************/
.white .black,
.blue .black {
	color: #C9CCCE;
	text-shadow: 0 0 1px #000;
}
.black .#{$primaryStyleName}-h1,
.black .#{$primaryStyleName}-h2,
.black .v-caption-h1,
.black .v-caption-h2,
.white .black .#{$primaryStyleName}-h1,
.white .black .#{$primaryStyleName}-h2,
.white .black .v-caption-h1,
.white .black .v-caption-h2,
.blue .black .#{$primaryStyleName}-h1,
.blue .black .#{$primaryStyleName}-h2,
.blue .black .v-caption-h1,
.blue .black .v-caption-h2 {
	color: #fff;
	text-shadow: rgba(0,0,0,.8) 0 2px 2px;
}
.black .#{$primaryStyleName}-light,
.white .black .#{$primaryStyleName}-light {
	color: #72787c;
}
.black .#{$primaryStyleName} hr,
.white .black .#{$primaryStyleName} hr {
	background: #0c0d0e;
	color: #0c0d0e;
	border-bottom-color: #292b2e;
}

/**********************
 * Blue styles
 **********************/
&.v-app .white,
.v-window .white,
&.v-app .blue,
.v-window .blue {
	color: #222;
	text-shadow: none;
}
.blue .#{$primaryStyleName}-h1,
.blue .#{$primaryStyleName}-h2,
.blue .v-caption-h1,
.blue .v-caption-h2,
.white .blue .#{$primaryStyleName}-h1,
.white .blue .#{$primaryStyleName}-h2,
.white .blue .v-caption-h1,
.white .blue .v-caption-h2 {
	color: #fff;
	text-shadow: rgba(0,0,0,.3) 0 1px 1px;
}
.blue .#{$primaryStyleName}-light,
.white .blue .#{$primaryStyleName}-light {
	color: #6e7c83;
}
.blue .#{$primaryStyleName} hr,
.white .blue .#{$primaryStyleName} hr {
	background: #a3bcc9;
	color: #a3bcc9;
	border-bottom-color: #cfe2eb;
}

/**********************
 * Default & white styles
 **********************/
.#{$primaryStyleName}-h1,
.#{$primaryStyleName}-h2,
.v-caption-h1,
.v-caption-h2,
.white .#{$primaryStyleName}-h1,
.white .#{$primaryStyleName}-h2,
.white .v-caption-h1,
.white .v-caption-h2 {
	font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #44698b;
	letter-spacing: -0.02em;
	text-shadow: #fff 0 -1px 1px;
}
.#{$primaryStyleName}-h2,
.v-caption-h2,
.white .#{$primaryStyleName}-h2,
.white .v-caption-h2 {
	font-size: 16px;
	line-height: 22px;
}
.#{$primaryStyleName}-light,
.white .#{$primaryStyleName}-light {
	font-size: 11px;
	line-height: 13px;
	color: #707070;
}

.#{$primaryStyleName} hr,
.white .#{$primaryStyleName} hr {
	height: 2px;
	overflow: hidden;
	background: #dcdcdc;
	color: #dcdcdc; /* For IE */
	border: none;
	border-bottom: 1px solid #fff;
}

.v-sa & .#{$primaryStyleName} hr,
.v-ie8 & .#{$primaryStyleName} hr {
	height: 1px;
}

/* Labels inside Table don't need a line-height */
.v-table .#{$primaryStyleName} {
	line-height: normal;
}

}