﻿#title {
  margin: auto;
  margin-top: 2em;
  margin-bottom: 0.5em;
  font-size: medium;
  font-weight: bold;
}


/* process main info such as name, process, safety and popularity */
div.itminfo { width: 537px; height: 81px; background: url(/images/highdtlbg.gif) top left no-repeat; }
/* different backgrounds based on rating */
div#itminfo_high { background: url(/images/highdtlbg.gif) top left no-repeat; }
div#itminfo_med { background: url(/images/meddtlbg.gif) top left no-repeat; }
div#itminfo_safe { background: url(/images/safedtlbg.gif) top left no-repeat; }
div#itminfo_un { background: url(/images/undtlbg.gif) top left no-repeat; }

#itmhd2 { float: left; width: 400px; height: 64px; padding-top: 15px; }

div#itmhd2 div.row1 { margin-left: 30px; width: 366px; } 
div#itmhd2 span.lbl1 { width: 148px; }
div#itmhd2 span.val1 { width: 200px; height: 25px; }

div.row1 { width: 350px; font-size: 9pt; margin-bottom: 8px; overflow:hidden; display:inline-block; }
div.row1 span.lbl1 { float: left; width: 120px; font-weight: bold; overflow:hidden; display:inline-block; }
div.row1 span.lbl1 span { color: #aa261e; }

div.row1 span.val1 { float: left; width: 370px; margin-left: 10px; overflow:hidden; display:inline-block; }
div.row1 span.val1 ul { margin-left: 8px; padding-left:8px; font-size: 8pt; }
div.row1 span.val1 li { list-style:circle; }


/* information sections */
div.itmdtl1, div.itmdtl2, div.itmdtl3, div.itmad_blu { margin-top: 5px; }

/* 'full-width' details */
div#itmrec11 div.row1 { width: 525px; }

div#itmrec div.row1 { width: 525px; background-color: #eef;padding: .5em;}


div#itmhd2 span.lbl2 { width: 148px; }
div.row1 span.lbl2 { float: left; width: 120px; color: #AA261E; font-weight: bold; overflow:hidden; display:inline-block; }
div.row1 span.lbl2 span { color: #AA261E; }
