.breadcrumbs {
	position: absolute; top: 0; right: 0px; left: 0;
	padding: 10px 60px 0 30px;
	height: 30px;
	
	color: #5e7598;
	line-height: 30px;
	
	overflow: hidden;
}
.breadcrumbs.with-side-panel {
	right: 60px;
}
.breadcrumbs .breadcrumb {
	position: relative;
	display: inline-block; *display: inline; zoom: 1;
	height: 30px;
	padding: 0 25px 0 0px;
	float: left;
	
	white-space: nowrap;
	text-overflow: ellipsis;
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	
	overflow: hidden;
	cursor: pointer;
}
.breadcrumbs .breadcrumb.active {
	color: #102a52;
}
.breadcrumbs .breadcrumb:hover {
	color: #102a52;
}
.breadcrumbs .breadcrumb span {
	position: absolute; top: -2px; right: 5px;
	padding: 0px 5px;
	
	font-size: 14px;
	color: transparent;
	
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.breadcrumbs .breadcrumb:hover span {
	color: #AAA;
}
.breadcrumbs .breadcrumb span:hover {
	color: #102a52;
}

.breadcrumbs .add-to-favorite {
	position: absolute; top: 0px; right: 20px;
	width: 20px; height: 30px;
	padding: 10px;
	
	color: #5e7598;
	font-size: 1.25em;
	line-height: 30px;
	text-align: center;
	
	cursor: pointer;
}
.breadcrumbs .add-to-favorite:hover {
	color: #102a52;
}
.breadcrumbs .add-to-favorite.active {	
	color: #102a52;
}