/*
* Copyright 2012 Research In Motion Limited.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

section.moustaches-view{
	text-align:center;
	margin-top:15px;
	background:transparent;	
}

.moustaches-grid{
	background: #262626;
	width:100%;
	top:775px;
	bottom:0px;
	position:absolute;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
}

.moustaches-grid > div{
	height: 200px;
	width: 200px;
	float:left;
	background-size: 100%;
	background-position: 0 70%;
	background-repeat:no-repeat;
}


@media 
screen and (device-height:720px) {
	
	.moustaches-grid{
		right: 0px;
		width: 165px;
		top: 80px;
		bottom: 0px;
	}
	.moustaches-grid > div{
		width:165px;
		height:165px;
	}
	
	.moustaches-grid img:last-child{
		border:none;
	}

}