@charset "UTF-8";

/*
#####################
	TOOLTIP PROPERTIES
#####################
*/

.toolTip {
  width: 280px;
}

.ttHeader {
	background: url(../images/tooltipHeader.png) no-repeat;
  height: 36px;
}

.ttMiddle {
	background: url(../images/tooltipMiddle.png) repeat-y;
  border: 0px solid;
  min-height: 100px;
  padding: 2px 0 0 0;
}

.ttFooter {
	background: url(../images/tooltipFooter.png) no-repeat;
  height: 19px;
  border: 0px solid;
}

.ttHeader h1 {
  padding: 7px 0 0 20px;
  border: 0px solid black;
  color: white;
	font: italic bold 9pt Arial;
}

.ttMiddle img {
  margin: -1px 20px 8px 20px;
  text-align: right;
  border: 0px solid black;
}

.ttMiddleimgdiv {
	min-height: 150px;
	text-align: center;
	overflow: true;
}

.ttMiddle table {
  margin: 0px 20px 0 20px;
  color: #226664;
  border-top: 1px dashed;
  padding: 6px 0 0 0;
  width: 240px;
}

td.property {
	font: bold 9pt Arial;
  text-align: right;
  vertical-align: top;
  padding: 3px 7px 3px 0px;
  border-right: 1px dashed;
}

td.propertyValue {
  padding: 3px 0 3px 5px;
}

.views {
  border-right: 1px solid #226664;
  height: 11px;
  position: relative;
}

.viewIndicator {
  border-bottom: 1px solid #BCD1D0;
  width: 100px;
  height: 5px;
  position: absolute;
}