#device {
	position: absolute;
	margin: 0; padding: 0;
	width: 381px; height: 251px;
	background: white url(images/template.jpg) top left scroll;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#device.sensoroff {
background-image: url(images/template_receiver_off.jpg);
}

H1 {
	position: absolute;
	left: 78px; top: 80px;
	margin: 0; padding: 0;
	width: 175px; height: 13px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}
H2 {
	position:absolute;
	left:74px; top:73px;
	width:175px; height:13px;
	font-size: 11px;
	text-align:left;
}

#Menu {
	position: absolute;
	margin: 0; padding: 0;
	left: 78px; top: 94px;
	width: 161px;
}
#Menu LI {
	display: none;
	margin: 0; padding: 0;
	overflow: hidden;
	list-style: none;
	text-indent: 1px;
}
#menu LI SPAN {
	float: left;
}
#Menu LI SPAN SPAN {
	float: right;
	width: 80%;
	margin-top: -13px;
	text-align: right;
}
#Menu LI.on  {
	display: block;
	color: black;
	background-color: transparent;
}
#Menu LI.smallvalue {
	text-align: center;
}
#Menu LI.hi SPAN {
	padding: 0 2px;
	color: #71AEA9;
	background-color: black;
}

/* this shouldn't happen; if it does we want to see it loud and clear and ugly */
#Menu LI.hi.info, #Menu LI.hi.unitofmeasure, #Menu LI.hi.entervalue  {
	padding: 0;
	color: #f0f;
	background-color: #fc0;
}


#Menu LI#endofmenu{
	text-align: center;
}

#Menu LI.entervalue{
	font-size:18px;
	text-align: center;
}

#Menu LI.unitofmeasure{
	text-align: right;
}

EM{
	text-decoration: blink;
	font-style: normal;
}

/* scrollbar */
#scroll {
	position: absolute;
	left: 246px; top: 94px;
	width: 6px; height: 38px;
	border: 1px solid black;
	background-color: #6A9B98;
}
#scrollindicator {
	position: absolute;
	left: 0px; top: 0px;
	width: 6px; height: 38px;
	background-color: black;
}
#scroll.off {
	display: none;
}

/* buttons */
#bolus, #esc, #act {
	position: absolute;
	display: block;
	top: 147px;
	width: 50px; height: 50px;
}
#bolus {
	left: 78px;
}
#esc {
	left: 142px;
}
#act {
	left: 195px;
}
#up, #down {
	position: absolute;
	display: block;
	left: 275px;
	width: 40px; height: 40px;
}
#up {
	top: 75px;
}
#down {
	top: 145px;
}

/* trace */
#trace {
	position: absolute;
	top: 0; right: 0;
	height: 90%; width: 130px;
	margin: 0; padding: 10px;
	overflow: auto;
	border-left: 1px solid #ccc;
	background: #eee;
}
#trace LI {
	margin: 0; padding: 0;
	list-style: none;
	font: 10px Arial, sans-serif;
}
#trace LI.up, #trace LI.down, #trace LI.esc, #trace LI.act {
	margin-top: 7px;
	padding-top: 5px; padding-left: 17px;
	border-top: 1px solid #ccc;
	font-weight: bold;
} 
#trace LI.up {
	background: transparent url( images/trace/up.png ) 0 5px no-repeat scroll;
}
#trace LI.down {
	background: transparent url( images/trace/down.png ) 0 5px no-repeat scroll;
}
#trace LI.act {
	background: transparent url( images/trace/act.png ) 0 5px no-repeat scroll;
}
#trace LI.esc {
	background: transparent url( images/trace/esc.png ) 0 5px no-repeat scroll;
}
#trace LI.highlightUp, #trace LI.highlightDown, #trace LI.scrollUp, #trace LI.scrollDown {
	padding-left: 17px;
}
#trace LI.highlightUp {
	background: transparent url( images/trace/highlightUp.png ) left center no-repeat scroll;
}
#trace LI.highlightDown {
	background: transparent url( images/trace/highlightDown.png ) left center no-repeat scroll;
}
#trace LI.scrollUp {
	background: transparent url( images/trace/scrollUp.png ) left center no-repeat scroll;
}
#trace LI.scrollDown {
	background: transparent url( images/trace/scrollDown.png ) left center no-repeat scroll;
}

/* feedback */
#feedback {
	position: absolute;
	margin: 0; padding: 0;
	left: 78px; top: 80px;
	width: 161px; height: 53px;
	overflow: hidden;
	text-align: center;
}
#feedback.check {
	background: transparent url( images/feedback/check.png ) center center no-repeat scroll;
}