/*
 Copyright (c) 2011. All rights reserved.
 Date: 06/21/2017
*/


/*--------------- To get CSS working in IE higher or equal to 9, cross browser fix ------------*/
@media screen and (min-width:0\0) {
	.list li {
		border: 0 none;
		display: block;
		float: left;
	}
	#csps {
		display: inline-block;
	}
	.mainContent {
		margin: 0 auto;
		display: block;
		padding: 0 10px 0 10px;
	}
	.mainContentErrors {
		margin: 0 auto;
		display: block;
		padding: 0 10px 0 10px;
	}
	.cspLogoWrap img {
		vertical-align: middle;
		width: 9.375em;
		height: 4em;
		margin: 0.8125em 0;
	}
	.cspLogoWrap span {
		vertical-align: middle;
		display: inline-block;
		width: 55%;
	}
	.list li a {
		text-decoration: none;
		color: #333;
		width: 98%;
		border-radius: 5px;
		background-color: #ffffff;
		border: solid 1px #dedede;
		height: 5.6875em;
		margin-left: 0.3125em;
	}
	.list li a:hover,
	.list li a:focus {
		border-color: #2D2926;
		cursor: pointer;
	}
}
@media screen and (min-width:0\0) and (min-width: 23.375em) {
	.list li {
		padding: 3px;
		width: 47%;
	}
}
@media screen and (min-width:0\0) and (min-width: 38em) {
	.list li {
		padding: 6px;
		width: 31%;
	}
}
@media screen and (min-width:0\0) and (min-width: 66.5em) {
	.list li {
		padding: 8px;
		width: 23%;
	}
}