@media print {

  * {
  background-color: white !important;
  background-image: none !important;
  page-break-inside: avoid;
  }
  
  #noprint {
	display: none;
  }
}

.frm{
	float: left !important;
	position: relative; /* This puts transparent bar in correct place */
	display: inline;
	width:220px;
	height:220px;
	border:1px solid #4d4d4d;
	padding:0;
	margin-top:20px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:0px;
}

.frmc{
	float: left !important;
	position: relative; /* This puts transparent bar in correct place */
	display: inline;
	width:220px;
	height:220px;
	border:none;
	padding:0;
	margin-top:20px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:0px;
}

* html .frm {
	width: 220px;
	height: 220px;
}

.cntr {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 220px;
    height: 220px;
    /*background-color: #5abebe;*/
}

.cntr * {
    vertical-align: middle;
}

/*\*//*/
.cntr {
    display: block;
}

.cntr span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

img.pre{
text-align: center;
max-width: 220px;
max-height: 220px;
height: expression(this.height >= this.width && this.height > 220 ? '220px' : true);
width: expression(this.height < this.width && this.width > 220 ? '220px' : true);
}

.bar {
	position: absolute;
	z-index:8;
	background-color:#009191;
	width:100%;
	height:42px;
	bottom:0;
	opacity: 0.25;
	filter:alpha(opacity=25);
}

.txt{
	position: absolute;
	z-index: 9;
	width:100%;
	height: 42px;
	bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 21px;
	overflow: hidden;
	font-family: Arial, Charcoal, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-align: left;
}