html { /*Fix for android 300ms click delay*/
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

body 
{
    padding:0;
    margin:0;
	border:0;
    font-size:12pt;
    font-family: 'Oxygen', Arial,Helvetica,sans-serif; 
    background-color: #ffffff;
    color:#494949;
    text-align:center;
}

img, a
{
	border:none;
}

a
{
    text-decoration: none;
}


h1
{
	font-size:1.6em;
}

form
{
	text-align: left;
}

form > div
{
	padding-top:0.5em;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.clear
{
	clear:both;
}

.header
{
	background-color: #FDFDFD;
	color: #A4C739;
	padding: 0.522em 0;
	font-size:18pt;
	text-decoration: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	-webkit-box-shadow: 0 0.167em 0.389em 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0.167em 0.389em 0 rgba(0, 0, 0, 0.4);
}

#container
{
	padding-top: 4em;
}

.mainImg
{
    width:100%;
	max-width:25em;
	-webkit-box-shadow: 0.063em 0.063em 0.313em 0.063em #999999;
	box-shadow: 0.063em 0.063em 0.313em 0.063em #999999;
    height:auto;
}

.titleName
{
	color:#ffffff;
	font-size:10pt;
	padding-left: 1em;
	padding-top:0.5em;
	text-shadow: -0.063em -0.063em -0.063em #000000;
	filter: dropshadow(color=#000000, offx=-1, offy=-1);
	font-weight:bold;
}

.innerContainer
{
	max-width:62.500em;
	margin:auto;
}

.rateBttnWrapper
{
	padding: 0.75em 0 0.5em 0;
}

.rateBttn
{
	color: #ffffff;
    text-decoration: none;
    border: 0.1em #999 solid;
    padding: 0.2em;
    margin-top: 1em;
    background: #A4C639;
}

.name
{
	width:100%;
	max-width:16em;
}

#parentType
{
	max-width:5em;
}

#Type: {
	max-width:8.5em;
}

#SubType
{
	max-width: 30em;
}

#ABV
{
	width:5em;
}

#CaloriesPerOZ
{
	width:5em;
}

#Description
{
	width:100%;
    height: 6em;
}

#beersBackground
{
}

.backgroundImgContainer
{
	width:100%;
	overflow: scroll;
}