BODY			{ background-color:#B6BABA; margin:0; padding:0;}

BODY.popup		{ background-color:#E6D3B2; background-image:url(popup.gif); background-repeat:no-repeat; background-position:center center;}



FONT,P		{ font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; font-weight:normal; margin-top:12px; line-height:14px;}
A			{ font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#C35129; font-weight:normal; text-decoration:none; }
A:hover		{ font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#C35129; font-weight:normal; text-decoration:underline; }

TD			{ background-color:#F4F4F4; font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; font-weight:normal; line-height:14px;}

TD.head		{ background-color:#D8D6D0; background-image: url(head-back.png); background-repeat: repeat-x; background-position: top left;}

TD.background	{ background-color:#F4F4F4; background-image: url(back.gif); background-repeat: repeat-x; background-position: top left;}
TD.padded		{ background-color:#F4F4F4; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; }
TD.white		{ background-color:#FFFFFF; }
TD.black		{ background-color:#323232; }
TD.bblack		{ background-color:#000000; }
TD.red		{ background-color:#EF3952; }
TD.orange		{ background-color:#FFAE01; }
TD.grey		{ background-color:#B6BABA; }
TD.none		{ background-color:transparent; }

td.adsense		{ font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 11px; }

TD.left		{ background-color:#B6BABA; background-image: url(left.gif); background-repeat: repeat-y; background-position: top right;}
TD.right		{ background-color:#B6BABA; background-image: url(right.gif); background-repeat: repeat-y; background-position: top left;}
TD.bottom		{ background-color:#B6BABA; background-image: url(bottom.png); background-repeat: repeat-x; background-position: top left;}
TD.mid		{ background-color:#F4F4F4; background-image: url(mid.gif); background-repeat: repeat-y; background-position: top center;}
TD.mid2		{ background-color:#F4F4F4; background-image: url(mid2.gif); background-repeat: repeat-y; background-position: top left;}

TD.heading		{ background-color:#DBDBDB; }
TD.heading1		{ background-color:#FCCC64; font-size:11px; color:#333333; font-weight:normal;padding-top:3px; padding-bottom:4px; background-image: url(1.gif); background-repeat: no-repeat; background-position: top left;}
TD.heading2		{ background-color:#FCCC64; font-size:11px; color:#333333; font-weight:normal;padding-top:3px; padding-bottom:4px; background-image: url(2.gif); background-repeat: no-repeat; background-position: top left;}
TD.heading3		{ background-color:#FCCC64; font-size:11px; color:#333333; font-weight:normal;padding-top:3px; padding-bottom:4px; background-image: url(3.gif); background-repeat: no-repeat; background-position: top left;}
TD.heading4		{ background-color:#FCCC64; font-size:11px; color:#333333; font-weight:normal;padding-top:3px; padding-bottom:4px; background-image: url(4.gif); background-repeat: no-repeat; background-position: top left;}

TD.orange		{ background-color:#FCCC64; font-size:11px; color:#333333; font-weight:normal;padding-top:3px; padding-bottom:4px; }


TD.label		{ background-color:#F4F4F4; font-size:11px; color:#333333; font-weight:normal; }
TD.label1		{ background-color:#F4F4F4; font-size:11px; color:#333333; font-weight:normal; }

TD.data		{ background-color:#FFFFFF; font-size:11px; color:#333333; font-weight:normal;}
P.data		{ font-size:11px; color:#333333; font-weight:normal;}
A.data		{ font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#C35129; font-weight:normal; text-decoration:none; }
A.data:hover	{ font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#C35129; font-weight:normal; text-decoration:underline; }

TD.data1		{ background-color:#FFFFFF; font-size:11px; color:#333333; font-weight:normal; padding-top:3px; padding-bottom:6px; padding-left:3px;}

TD.comment		{ background-color:#F4F4F4; font-size:10px; color:#333333; font-weight:normal;}

FONT.heading 	{ font-size:11px; color:#C47427; font-weight:bold; }
FONT.allcaps 	{ font-size:11px; color:#C47427; font-weight:bold; text-transform: uppercase;}
FONT.smallcaps 	{ font-size:11px; color:#C47427; font-weight:bold; font-variant: small-caps;}
FONT.heading_u	{ font-size:12px; color:#C47427; font-weight:bold; border-bottom: solid 1px #ACACAC; margin-top: 40; }
FONT.popup	 	{ font-size:11px; color:#333333; font-weight:bold; }

TD.top		{ background-color:#E4E4E4; font-size:11px; color:#824000; font-weight:normal; }
P.top 		{ font-size:11px; color:#824000; font-weight:normal; }
A.top 		{ font-size:11px; color:#824000; font-weight:bold; text-decoration:none; }
A.top:hover 	{ font-size:11px; color:#824000; font-weight:bold; text-decoration:underline; }

TD.side		{ background-color:#F4F4F4; padding-top:3px; padding-bottom:6px; }
TD.sidemenu		{ background-color:#E4E4E4; cursor:hand; }
P.side 		{ font-size:11px; color:#824000; font-weight:normal; }
A.side 		{ font-size:11px; color:#535657; font-weight:bold; text-decoration:none;}
A.side:hover 	{ font-size:11px; color:#000000; font-weight:bold; text-decoration:none;}
A.side2 		{ font-size:11px; color:#C47427; font-weight:bold; text-decoration:none;}
A.side2:hover 	{ font-size:11px; color:#000000; font-weight:bold; text-decoration:none;}

TD.bottom		{ background-color:#B6BABA; font-size:11px; color:#FFFFFF; font-weight:normal; }
FONT.bottom		{ font-size:11px; color:#FFFFFF; font-weight:normal; }
A.bottom 		{ font-size:11px; color:#FFFFFF; font-weight:normal; text-decoration:none; }
A.bottom:hover 	{ font-size:11px; color:#FFFFFF; font-weight:normal; text-decoration:underline; }

TD.tagline		{ background-color:#B6BABA; font-size:11px; color:#000000; font-weight:normal; }
FONT.tagline	{ font-size:11px; color:#333333; font-weight:normal; }
A.tagline 		{ font-size:11px; color:#000000; font-weight:normal; text-decoration:none; }
A.tagline:hover 	{ font-size:11px; color:#000000; font-weight:normal; text-decoration:underline; }

IMG.125r		{ border-top:7px solid #FFFFFF; margin-top:0px;
		  	border-left:7px solid #FFFFFF; margin-left:0px;
		  	border-bottom:7px solid #FFFFFF; margin-bottom:0px;
		  	border-right:7px solid #FFFFFF; margin-right:0px; }

IMG.125l		{ border-top:16px solid #FFFFFF; margin-top:0px;
		  	border-left:16px solid #FFFFFF; margin-left:0px;
		  	border-bottom:16px solid #FFFFFF; margin-bottom:0px;
		  	border-right:16px solid #FFFFFF; margin-right:0px; }

IMG.140r		{ border-top:0px solid #FFFFFF; margin-top:0px;
		  	border-left:0px solid #FFFFFF; margin-left:0px;
		  	border-bottom:0px solid #FFFFFF; margin-bottom:0px;
		  	border-right:0px solid #FFFFFF; margin-right:0px; }

IMG.140l		{ border-top:9px solid #FFFFFF; margin-top:0px;
		  	border-left:9px solid #FFFFFF; margin-left:0px;
		  	border-bottom:9px solid #FFFFFF; margin-bottom:0px;
		  	border-right:9px solid #FFFFFF; margin-right:0px; }

IMG.160l		{ border-top:0px solid #FFFFFF; margin-top:0px;
		  	border-left:0px solid #FFFFFF; margin-left:0px;
		  	border-bottom:0px solid #FFFFFF; margin-bottom:12px;
		  	border-right:0px solid #FFFFFF; margin-right:0px; }


IMG.content		{ border-top:1px solid #000000; 
		  	border-left:1px solid #000000; 
		  	border-bottom:1px solid #000000; 
		  	border-right:1px solid #000000; }

IMG.right		{ border-top:1px solid #7E8083; margin-top:3px;
		  	border-left:1px solid #7E8083; margin-left:7px;
		  	border-bottom:1px solid #7E8083; margin-bottom:3px;
		  	border-right:1px solid #7E8083; margin-right:0px; }

IMG.left		{ border-top:1px solid #F4F4F4; margin-top:3px;
		  	border-left:1px solid #F4F4F4; margin-left:0px;
		  	border-bottom:1px solid #F4F4F4; margin-bottom:3px;
		  	border-right:1px solid #F4F4F4; margin-right:7px; }

IMG.popup		{ border-top:1px solid #000000; 
		  	border-left:1px solid #000000; 
		  	border-bottom:1px solid #000000; 
		  	border-right:1px solid #000000; }

UL			{ margin:10 0 10 30; padding:0px; list-style-position:outside; line-height:14px; font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; font-weight:normal; } 
LI			{ list-style-type:disc; margin-bottom:6px; line-height:14px; font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; font-weight:normal; }
UL.ad			{ margin:7 0 7 30; list-style-position:outside; line-height:14px; font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; font-weight:normal; } 
LI.ad			{ list-style-type:disc; margin-bottom:4px; line-height:14px; font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; font-weight:normal; }
LI.numbered		{ list-style-type:decimal; margin-bottom:9px; line-height:14px; font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; font-weight:normal; }

SELECT,INPUT,TEXTAREA	{ font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; }

INPUT.radio		{ background-color:transparent; font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; }

INPUT.form		{ background-color:#FFFFFF; border-top:1px solid #37958D; border-right:1px solid #37958D; border-bottom:1px solid 
			#37958D; border-left:1px solid #37958D; height:18px; font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; }

TEXTAREA.form	{ background-color:#FFFFFF; border-top:1px solid #37958D; border-right:1px solid #37958D; border-bottom:1px solid
			#37958D; border-left:1px solid #37958D; font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; overflow:hidden; }

INPUT.popup		{ background-color:#FFFFFF; border-top:1px solid #37958D; border-right:1px solid #37958D; border-bottom:1px solid
			#37958D; border-left:1px solid #37958D; height:18px; font-family:Tahoma,Arial,Helvetica; font-size:11px; color:#333333; }

H1 			{ font-family:Tahoma,Arial,Helvetica; font-size:13px; color: #AF4C03; font-weight:bold; margin-top:0px; margin-bottom:0px;}
H2 			{ font-family:Tahoma,Arial,Helvetica; font-size:12px; color: #C47427; font-weight:bold; margin-top:0px; margin-bottom:0px;}
H3 			{ font-family:Tahoma,Arial,Helvetica; font-size:10px; color: #542502; font-weight:bold; margin-top:0px; margin-bottom:0px;}
HR			{ background-color:#CBB989; color:#CBB989; height:1px; border:none; text-align:left; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
HR.dots		{ border-bottom: 1px dotted #D2CBAF; height:1px; text-align:left; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:5px;}

.rup-form .drinks-list {
	padding-bottom: 1px; /* IE11 Fix */
}

.rup-form .drinks-list .drink, .drinks-list .message, .drinks-list .total   {
	margin: 7px 0;
	line-height: 12px;
}

.rup-form .drinks-list .total {
	margin-top: 12px;
}

.rup-form .drinks-list .drink .delete {
	background-image: url('delete.png');
	background-image: url('delete.svg');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100%;
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.rup-form .result.ingested-alcohol .ingested {
	margin-right: 0.75em; 
}

.rup-form .result.blood-alcohol .bac {
	font-weight: bold;
	margin-right: 0.75em;
}

.rup-form .result.blood-alcohol .bac:after {
	content: '%';
	margin-left: .25em;
}

.rup-form .result.time-to-oh-five {
	font-weight: bold;
}

.rup-form .time-to-oh-five-row.is-zero {
	display: none;
}

.rup-form .results-area .headspace-row td {
	height: 10px;
}

.rup-form .results-area .error-row {
	display: none;
}

.rup-form .results-area.error .error-row {
	display: table-row;
}

.rup-form .results-area.error .result-row {
	display: none;
}

.rup-form .result.error {
	color: #AF4C03;
	font-weight: bold;
}

.standard-drinks-calc {
	padding-left: 5px;
	background-color: #fff;
	padding-bottom: 10px;
	margin-bottom: 18px;
}

.standard-drinks-calc .heading-calc {
	margin-left: -5px;
	margin-bottom: 5px;
	background-color:#FCCC64;
	font-size:11px;
	color:#333333;
	font-weight:normal;
	padding: 4px 8px;
	font-weight: bold;
	width: 100%;
}

.standard-drinks-calc td {
	background-color: transparent;
}

@media only screen and (max-device-width: 720px){
TD.label { font-size:0.95em; padding-top:8px; padding-bottom:8px;}
TD.label1 { font-size:1.0em; padding-top:8px; padding-bottom:8px;}
TD.data { font-size:0.7em;}
H1 { font-size:1.6em;}
span { font-size:0.9em;}
span.status { font-size:0.85em;}
span.bac { font-size:1.0em;}
div.message { font-size:1.55em;}
div.result.ingested-alcohol { font-size:1.6em; margin-left:6px;}
div.result.remaining-alcohol { font-size:1.45em; margin-left:6px;}
div.result.blood-alcohol { font-size:1.6em; margin-left:6px;}
div.result.time-to-oh-five { font-size:1.6em; margin-left:6px;}
span.result.ingested-alcohol { font-size:1.1em;}
span.result.standard-drinks { font-size:1.1em;}
}