﻿.layout-grid-container {
	display: grid;
	grid-template-columns: auto auto auto;
	background-color: #2196F3;
	padding: 3px;
}

.layout-grid-item {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 2px;
	font-size: 20px;
	text-align: center;
}

.lgSprite {
	background: url('../images/podTypes.png') no-repeat;
	_background: url('../images/podTypes.png') no-repeat top left;
	width: 21px;
	height: 21px;
}

.lgSprite-L1 {
	background-position: 0 0;
}

.lgSprite-L2 {
	background-position: 0 -46px;
}

.lgSprite-L3 {
	background-position: 0 -92px;
}

.lgSprite-L4 {
	background-position: 0 -138px;
}

.lgSprite-L5 {
	background-position: 0 -184px;
}

.lgSprite-L6 {
	background-position: 0 -230px;
}

.lgSprite-L7 {
	background-position: 0 -276px;
}

.lgSprite-L8 {
	background-position: 0 -322px;
}

.lgSprite-L9 {
	background-position: 0 -368px;
}

.lgSprite-L10 {
	background-position: 0 -414px;
}

.lgSprite-L11 {
	background-position: 0 -460px;
}

.lgSprite-L12 {
	background-position: 0 -506px;
}

.logoHeader {
	background: url('../images/logoHeader.png') no-repeat;
	_background: url('../images/logoHeader.png') no-repeat top left;
	height: 64px;
}
