a:link,:visited,:active {
	color:white;
	text-decoration:none;
}

a:hover {
	color:red;
}

div {
	color:black;
}

div#title {
	position	:relative;
	top			:0%;
	left		:0%;
}

img {
	border		:0px solid white;
}

div#root {
	position	:relative;
	widht		:810px;
}

div#info_photo {
	position	:relative;
	top			:0%;
	left		:0px;
	width		:330px;
	padding		:15px;
	margin		:5px;
	background-color: #FF93B9;
}

img#photo {
	position	:relative;
	top			:0px;
	left		:0px;
	margin		:0px;
	padding		:0px;
}

div#graph {
	position	:relative;
	top			:0%;
	margin		:5px;
	margin-top	:20px;
	padding		:15px;
	width		:330px;
	background-color:#FFB67A;
}

p#GraphText {
	position	:relative;
	top			:0%;
	width		:80%;
	color		:#770000;
	font		:normal bold x-large sans-serif;
	margin-top	:10px;
	margin-bottom:10px;
	padding		:3px;
	background-color:#FF7D66;
}

img.graphImage {
	width		:160px;
}

div#info_text {
	position	:absolute;
	top			:0px;
	left		:380px;
	width		:335px;
	margin		:0px;
	padding		:15px;
	padding-bottom:5px;
	background-color: #78D951;
}

p#time_text {
	color		:white;
	font		:normal bold x-large sans-serif;
	position	:relative;
	background-color:#007700;
	top			:0px;
	left		:0px;
	margin		:0px;
	padding		:0px;
	text-align	:right;
}

div.sensor {
	position	:relative;
	top			:0%;
	left		:0%;
	width		:95%;
	background-color: #B1FF93;
	padding		:10px;
	margin-top	:10px;
	margin-bottom:20px;
}

div.sensor_name {
	position	:relative;
	top			:0%;
	left		:0%;
	width		:50%;
	padding		:2px;
	font		:normal normal sans-serif;
	border-top	:2px solid #78D951;
	border-left	:2px solid #78D951;
}

div.sensor_value {
	position	:relative;
	top			:0%;
	left		:20%;
	width		:80%;
	font		:normal normal normal sans-serif;
	border-bottom	:2px solid #78D951;
	border-right	:2px solid #78D951;
	text-align	:right;
}

font.sensor_value_raw {
	color		:black;
	font		:normal bold xx-large sans-serif;
}

div#bottom {
	position:relative;
	top		:0%;
	left	:0%;
	width	:326px;
	padding	:15px;
	margin	:5px;
	margin-top:20px;
	border	:2px solid red;

}

font#caution {
	font	:normal normal normal sans-serif;
	color	:black;
}

div#bottom_link {
	position:relative;
	top		:0%;
	left	:0%;
	width	:694px;
	padding	:15px;
	margin	:5px;
	margin-top: 20px;
	border	:10px solid #bbff99;
	background-color:#99ee77;
	text-align:center;
}

div#link-in-top {
	position:relative;
	top		:0%;
	left	:0%;
	padding :5px;
	margin	:0px;
	padding-top:1px;
	background-color:#78d951;
	line-height:100%;
}

a.links{
	width	:100%;
	color	:black;
	text-decoration:underline;
}

h1 {
	background-color:green;
	color	:white;
	padding	:20px;
}

/*CSS for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(bt.gif) no-repeat bottom}