@media screen and (orientation:portrait) {
	body{
		background:#666; /* url('images/backgroundAttempt.png') no-repeat fixed center;*/
		font-size:200%;
	}
	#wrapper{
		width:100%;
	}

	#mainHeader{
		display:none;
		padding: 0px 0px 0px 200px;
		text-align:center;
		position:absolute;
	}

	#content{
		padding: 5px 5px 5px 125px;
	}

	#leftBar{
		display:none;
	}

	#leftBarBrew{
		display:block;
		float:left;
		padding:5px 0px 0px 0px;
		width:125px;
		background: url('images/linkBG.png') repeat-y;
	}
	
	#leftBar ul li span, #leftBarBrew ul li span{
		margin-right:25px;
		margin-bottom:25px;
	}

	#leftBar ul li, #leftBarBrew ul li{
		height:2em;
		width:100%;
		padding:0px;
		text-align:left;
		vertical-align:bottom;
	}

	#leftBar ul, #leftBarBrew ul{
		list-style: none;
		padding:0px;
		width:100%;
	}
	

	/************BREW**************/
	table.brewDetail{
		width:75%;
		border-style:solid;
		border-collapse:collapse;
		border-color:white;
		border-radius:30px;
	}

	tr.sectionBottom{
		border-style:solid;
		border-width:0px 2px 2px 2px;
		border-radius:30px;
	}

	tr.sectionTop{
		border-style:solid;
		border-width:2px 0px 2px 2px;
		border-radius:30px;
	}

	td.labelChooserCellSelected{
		background-color:#88f;
	}

	td.labelChooserCellUnselected{
		background-color:none;
	}

	div.brewDetailQRCodeDiv{
		float:right;
		width:100px;
		margin-right:10px;
		text-align:center;
		font-size:12px;
	}

	img.brewDetailQRCode{
		height:50px;
		/*width:40px;*/
		background-color:#fff;
		background-image:url('/images/QRSample50.png');
	}
	/*******************************/
}