.badge_preview {
	width:20px;
}
.ResourceAlign a {
	display:inline-block;
}
.ImageWrapper .BadgesDisplay {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding: 0 8px 4px 8px;
	box-sizing: border-box;
}
.BadgesDisplay.ResourcePanelInfo img{
	float: none;
	margin: 0 5px 0 0;
}
.BadgesDisplay img {
	display:inline-block;
	height:20px;
	float:right;
	margin-left: 5px;
}

.ribbon-wrapper {
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: -2px;
  right: -2px;
}
.ribbon {
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 9px 0;
  top: -3;
  width: 50px;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  border-width:0px;
}

.ImageWrapperLarge .ribbon-wrapper, #ViewResourceInfo .ribbon-wrapper {
  width: 50px;
  height: 50px;
}

.ImageWrapperLarge .ribbon, #ViewResourceInfo .ribbon {
	 width: 90px;
	 padding: 18px 0;
}

.ribbon- {
	-webkit-box-shadow: none;
  	-moz-box-shadow:    none;
  	box-shadow:         none;
}
.ribbon-wrapper .ribbon-expired0 {
	background-color:#31B404;
	border:1px solid #31B404;
}

.ribbon-wrapper .ribbon-expired1 {
	background-color:yellow;
	border:1px solid yellow;
}

.ribbon-wrapper .ribbon-expired2 {
	background-color: #FF0000;
	border:1px solid #FF0000;
}
.ribbon-wrapper .ribbon-expired3 {
	background-color: #000000;
	border:1px solid #000000;
}
.ImageWrapper, .ImageWrapperLarge {
	display: flex;
  	justify-content: center;
  	align-items: center; 
}
.ImageWrapper .PreviewContainer, .ImageWrapperLarge .PreviewContainer{
	display:inline-block;
	position:relative;
}
.ImageWrapper .PreviewContainer img, .ImageWrapperLarge .PreviewContainer img {
	display:block;
}