.gridWrapper {
	position: relative;
	overflow: auto;
}

.ui-state-in {
	background-color: #CCFFCC;
}

.ui-state-out {
	background-color: #FFB2B2;
}

.ui-grid-element{
	background: #c4c4c4 -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
	background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
	margin: 2px;
	display: block;
	vertical-align: middle!important;
	border: 1px solid #a8a8a8;
	width: 250px;
	height: 270px;
	font-weight: bold;
	float: left;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	border-radius: 3px;
}

.gridWrapper a:focus div.ui-grid-element, .ui-grid-element:hover {
	background: #85b2cb -moz-linear-gradient(center top , rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) repeat scroll 0 0;
	border: 1px solid #7096ab;
	box-shadow: 0 0 8px #85b2cb;
	color: #313131;
	font-weight: bold;
}

.gridWrapper a:active div.ui-grid-element, .ui-grid-element:active{
	background: #85b2cb -moz-linear-gradient(center top , rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)) repeat scroll 0 0;
	border: 1px solid #7096ab;
	color: #1c4257;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
/*
.ui-state-in2:hover {
	background: #CCFFDF -moz-linear-gradient(center bottom , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
	background: #CCFFDF -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
	border: 1px solid #7096ab;
	box-shadow: 0 0 8px #CCFFDD;
	color: #313131;
}

.ui-state-in2:active {
	background: #CCFFDF -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
	background: #CCFFDF -webkit-gradient(linear, left top, left top, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
	border: 1px solid #7096ab;
	box-shadow: 0 0 8px #CCFFDD;
	color: #313131;
}

.ui-state-unkown:hover {
	background: #E5E5E5 -moz-linear-gradient(center bottom , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
	background: #E5E5E5 -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
	border: 1px solid #7096ab;
	box-shadow: 0 0 8px #E5E5E5;
	color: #313131;
}

.ui-state-unkown:active {
	background: #E5E5E5 -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
	background: #E5E5E5 -webkit-gradient(linear, left top, left top, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
	border: 1px solid #7096ab;
	box-shadow: 0 0 8px #E5E5E5;
	color: #313131;
}*/

.ui-grid-image {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	width: calc(100% - 20px);
	height: calc(100% - 50px);
	border-radius: 3px;
	margin: 0 auto;
}

.ui-grid-image img {
	display: inline;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	border-radius: 3px;
}

.ui-grid-content{
	display: block;
	max-width: 100%;
	height: 18px;
}
.ui-grid-content-double{
	display: block;
	max-width: 100%;
	height: 36px;
}

.ui-state-unkown{
	background-color: #FFFFFF;
}

.ui-state-out2 {
	background: #FFB2B2 -moz-linear-gradient(center bottom , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
	background: #FFB2B2 -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
}

.ui-state-vac2 {
	background: #B2F0FF -moz-linear-gradient(center bottom , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
	background: #B2F0FF -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
}


.ui-state-in2 {
	background: #CCFFCC -moz-linear-gradient(center bottom , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
	background: #CCFFCC -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
}

.ui-example2 {
	background: #c4c4c4 -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
	background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
}