/* 
    Document   : theme.css
    Author     : sam
    Description:
		CSS to include in small file when ThermGraph is in use.

*/

div.thermgraph_vert {
	width: 49px;
	position: relative;
	padding-top: 17px;
	padding-bottom: 43px;

}

div.thermgraph_vert div.bottom {
	background-image: url("images/vert_bottom.png");
	background-position: top left;
	background-repeat: no-repeat;
	height: 43px;
	width: 49px;

	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

div.thermgraph_vert div.top_empty {
	background-image: url("images/vert_top_empty.png");
	background-position: top left;
	background-repeat: no-repeat;
	height: 17px;
	width: 49px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}


div.thermgraph_vert div.top_full {
	background-image: url("images/vert_top_full.png");
	background-position: top left;
	background-repeat: no-repeat;
	height: 17px;
	width: 49px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}



div.thermgraph_vert div.empty {
	background-image: url("images/vert_empty.png");
	background-position: top left;
	background-repeat: repeat-y;
	position: relative;
	z-index: 1;
	width: 49px;

}

div.thermgraph_vert div.marker {
	background-image: url("images/vert_marker.png");
	background-position: top left;
	background-repeat: no-repeat;

	width: 49px;
	height: 3px;


}


div.thermgraph_vert div.fill {
	background-image: url("images/vert_full.png");
	background-position: top left;
	background-repeat: repeat-y;

	position: absolute;
	z-index: 2;
	bottom: 43px;
	left: 0;
	width: 49px;

}

div.thermgraph_vert p {
	white-space: nowrap;
	font-size: 11px;
	padding: 0 0 0 15px;
	margin: 0;
	border-bottom: 1px solid #000000;
	position: absolute;
	margin-left: 35px;
	height: 10px;
	top: -10px;

}


div.thermgraph_horiz {
	width: 49px;
	position: relative;
	padding-right: 17px;
	padding-left: 43px;

}

div.thermgraph_horiz div.bottom {
	background-image: url("images/horiz_bottom.png");
	background-position: top left;
	background-repeat: no-repeat;
	width: 43px;
	height: 49px;

	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

div.thermgraph_horiz div.top_empty {
	background-image: url("images/horiz_top_empty.png");
	background-position: top left;
	background-repeat: no-repeat;
	width: 17px;
	height: 49px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}


div.thermgraph_horiz div.top_full {
	background-image: url("images/horiz_top_full.png");
	background-position: top left;
	background-repeat: no-repeat;
	width: 17px;
	height: 49px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}



div.thermgraph_horiz div.empty {
	background-image: url("images/horiz_empty.png");
	background-position: top left;
	background-repeat: repeat-x;
	position: relative;
	z-index: 1;
	height: 49px;
	float: left;

}

div.thermgraph_horiz div.marker {
	background-image: url("images/horiz_marker.png");
	background-position: top left;
	background-repeat: no-repeat;

	height: 49px;
	width: 3px;

	position: absolute;
	right: 0;
	bottom: 0;

}


div.thermgraph_horiz div.fill {
	background-image: url("images/horiz_full.png");
	background-position: top left;
	background-repeat: repeat-x;

	position: absolute;
	z-index: 2;
	left: 43px;
	top: 0;
	height: 49px;

}



div.thermgraph_horiz p {
	white-space: nowrap;
	font-size: 11px;
	padding: 4px 0 0 2px;
	margin: 0;
	border-left: 1px solid #000000;

	position: absolute;
	bottom: -4px;
	left: 100%;
}