body {
	margin-top: 2px;
	margin-bottom: 80px;
	margin-left: 50px;
	margin-right: 50px;
	font-family: ov;
	font-size: 12pt;
}

h1 {
	font-weight: bold;
	font-size: 16pt;
}

h2 {
	font-family: ovBlack;
}

.pageTitle {
	margin-bottom: 40px;
}

.flavorName {
	font-family: ovBlack;
	font-size: 14pt;
	text-align: right;
	padding: 10px 12px;
}

.inputField {
	padding: 10px 18px;
}

.rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


textarea {
	width: 500px;
	height: 120px;
	border: lightgreen solid 1px;
	padding: 5px;
}


/*
**	Fonts
*/
@font-face {
	font-family: ov;
	src: url("../../fonts/Gotham-Book.otf") format("opentype");
}
@font-face {
	font-family: ov;
	font-weight: bold;
	src: url("../../fonts/Gotham-Bold.otf") format("opentype");
}
@font-face {
	font-family: ovBlack;
	src: url("../../fonts/Gotham-Black.otf") format("opentype");
}
@font-face {
	font-family: ovLight;
	src: url("../../fonts/Gotham-Light.otf") format("opentype");
}


/*
**	Flavor colors
*/
.bpAlpha { background-color: rgba(250, 226, 48, 0.5); }
.ccAlpha { background-color: rgba(225, 178, 86, 0.5); }
.ppAlpha { background-color: rgba(233, 236, 153, 0.5); }
.rvAlpha { background-color: rgba(156, 29, 33, 0.5); }

.cheer { color: #e8ccf3; }
.cheerAlpha { background-color: rgba(232, 204, 243, 0.5); }
.comet { color: #fecc2b; }
.cometAlpha { background-color: rgba(254, 204, 43, 0.5); }
.crush { color: #f17e00; }
.crushAlpha { background-color: rgba(241, 126, 0, 0.5); }
.eden { color: #b0d520; }
.edenAlpha { background-color: rgba(176, 213, 32, 0.5); }
.festival { color: #ffc2d0; }
.festivalAlpha { background-color: rgba(255, 194, 208, 0.5); }
.paradise { color: #7dcde7; }
.paradiseAlpha { background-color: rgba(125, 205, 231, 0.5); }
.venom { color: #eb3d50; }
.venomAlpha { background-color: rgba(235, 61, 80, 0.3); }
@media print {
  a[href]:after {
    content: none !important;
  }
}	
.smallLabel {
	font-family: ovLight;
	font-size: 10pt;
	padding: 1px 2px;
}

.checkArea {
	padding: 8px 16px;
}


tr.orderHistory {
	
}

td.orderHistory {
	padding: 3px 6px;
	
}



td.littleFormL {
	text-align: right;
	padding: 3px 8px;
}
td.littleFormR {
	padding: 3px 8px;
}



td.confirm {
	padding: 2px 13px;
}


.l {
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}
.r {
	width: 100%;
	padding-left: 5px;
	font-weight: bold;
}



td.tier {
	padding: 8px 12px;
	text-align: right;
}

.tiernum {
	text-align: right;
}