div.toptitleandheader {
	padding:10px;
	font-size:48px;
	font-family: "Eurostile";
	width:100%;
	height:64px;
	display: inline-block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background:white url(images/grid_header_1220.png) no-repeat center left;
}

td.afr {
	font-style: italic;
}

td.dppm {
	font-style: normal;
}

td.belowtarget {
	/* Nothing needed. Colors change in Javascript. */
	background-color:green;
}

td.abovetarget {
	/* Nothing needed. Colors change in Javascript. */
	background-color:red;
}

div.middlewrapper {
	width:1500px;
/*	height:100%;*/
	background-color:white;
	overflow:auto;
	white-space:nowrap;
}

div.togglewrapper {
	margin-left: 10px;
	margin-top: 5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	display:inline-block;
	white-space:normal;
	width:99%;
	height:50px;
/*	height:100%; */
	background-color:#ffffff;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

div.metrictoggleform {
	float:left;
	display: inline-block;
}


div.information {
	padding-left:10px;
	float:left;
	display:inline-block;
}

div.outertablediv {
	padding-left:10px;

	float:left;
	background-color:white;
/*	display: inline-block; */
}

div.innertablediv {
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
}

div.gridfooter {
	text-align:right;
	height:45px;
	width:100%;
	font: 18px sans-serif ;
	color: #888888;
	padding:10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
/*	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
*/
/	background:white url(images/grid_footer_1220.png) no-repeat center left;
}

table {
  border-collapse: collapse;
  font: 12px "Helvetica";
  letter-spacing: -0.08em;
/*  width: 720px;*/
width:95%;
}

thead th {
  font-weight: normal;
  text-align: left;
  min-width: 5px;
  font-weight: bold;
  background:#c4c4c4;
/*  letter-spacing: -0.08em; */
}

th.producthdr {
	padding-right:10px;
}

tr.parent {
	background:#eeeeee;

}


tr th {
	padding-left:5px;
	padding-right:5px;
	background:#c4c4c4;
	text-align:left;
	border: 1px solid gray;
	font: 12px "Helvetica";
	font-weight: bold;
	letter-spacing: -0.09em;
}

/* The column headers - Module or Vendor whatever is showing */
thead td {
  padding: 3px;
/*  cursor: s-resize; */
  background-color: #c4c4c4;
/*  border: solid 1px #aaa; */
  border: 1px solid gray;
  text-align: left;
  font-weight: bold;
  vertical-align: bottom;
  width: 50px;
  letter-spacing: -0.15em;

}

tbody tr:first-child td {
  padding-top: 2px;
}

.clickable {
	cursor:pointer !important;
}

table.gridtable {
	width:99%;
}

tbody td {
  padding: 6px;
  border: solid 1px #ddd;
  border-left: solid 1px #000;
  font: 14px "Eurostile";
  min-width: 5px;
  text-align:right;
  /*background-color:lightgray;*/
}

div .backbutton {
	cursor:pointer !important;
	padding-bottom:10px;
	display:none;
	text-decoration:underline;
	color:blue;
}

tbody rect {
/*  fill: steelblue;   */
}

tbody tr:hover  {
  background: lightgray;
}

tbody td:hover rect {
  fill: brown;
}

body, html {
	height: 100%;
}

/*.hover { background-color: #eee; }*/

/*div.tree div.parent {
 cursor:pointer !important;
 background:transparent url(images/right.png) no-repeat top left;
}
*/

th.productlinehdr {
 cursor:pointer !important;
 background:#aaaaaa url(images/right.png) no-repeat center left;
 padding-left:12px;

}

/* The product line name in the Vendor view */
th.productlinehdrvendor {
 background:#c4c4c4;
 padding-left:12px;
}

th.productlinehdrexpanded {
 cursor:pointer !important;
 background:#ffffff url(images/down.png) no-repeat center left;
 padding-left:12px;
}

div.maxdate {
	padding-left:10px;
	padding-bottom:10px;
    font: 14px "Eurostile";
}

div {
  font: 12px sans-serif;
}


/*
div.tree div.expanded {
 background:transparent url(down.png) no-repeat center left;
}
*/