/* CSS Document */
.incomplete {
	color: Fuchsia;
}
a.incomplete img {
	border: 1px solid Fuchsia;
}

body {
	color: #666;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}
table#shell {
	width: 751px;
	border: none;
	color: #666;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
}
/*--------------------------------------------------------------*/
/*    general styles    */
.green {
  color: #690;
}
.grey {
  color: #666;
}
.orange {
  color: #D17519;
}
.blue {
  color: #009;
}
.tan {
  color: #660;
}
.red {
  color: #C30;  
}
.copy {
  color: #666;
}
big {
  font-size: 10pt;
}
small {
  font-size: 8pt;  
}
strong {
  color: #009;
  text-transform: uppercase;
  font-weight: bold;
}
.headline {
	font-weight: bold;
	text-transform: uppercase;
}
p {
	margin-top: 1em;   /* note margin on TOP */        /* for no margin - do not use <P> */
	margin-bottom: 0;  /* note margin on BOTTOM */
}
p.bottomMargin {
	margin-bottom: 1em;   /* note margin on BOTTOM (inherits margin on TOP) */
}
p.noTopMargin {
	margin-top: 0;   /* note margin on BOTTOM (inherits margin on TOP) */
}
p.halfSpace {
  margin-top: 5px;
}
.indented {
	margin: 0px 0px 0px 25px;
}
a {
	color: #666;
	text-decoration: underline;
}
a img {
	border: none;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: disc;
	list-style-position: outside;
}
ul li {
	margin: 0px 0px 0px 1.2em;
	*margin: 0px 0px 0px 1.3em;
	padding: 0px;
}
ul p {
	font-weight: bold;
}
ul p span {
	text-transform: uppercase;
}
div.spacer {
	width: 100%;
	height: 32px;
}
td.copywrite {
	font-size: 7pt;
	padding-left: 1px;
	padding-top: 9px;
	text-align: left;
}
.realSmall {
	font-size: 7pt;
}
a.realBig {
  font-size: 11pt;
}
/*--------------------------------------------------------------*/
/* nav area styles */
td#idNavArea {
	/* width: 150px; */
	padding: 18px 5px 0px 7px; /*yeilds 138px */
	font-size: 8pt;
	color: #663;
	background-color: #CC9;
}
#idNavArea ul {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
}
#idNavArea ul li {
	margin: 0;
	padding: 0;
	color: #663;
	border-top: 1px solid #663;
	text-transform: uppercase;
}
#idNavArea ul a {
	display: block;
	margin: 0;
	padding: 3px 0px 3px 4px;
	color: #663;
	text-decoration: none;
}
#idNavArea a:hover {
	color: #009;
	font-weight: normal;
}
#idNavArea ul li div {
	padding: 3px 0px 3px 4px;
	color: #009;
	font-weight: normal;
}
#idNavArea ul ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
}
#idNavArea ul ul li {
	margin: 0;
	padding: 0;
  color: #663;
	border-top: 1px solid #CC9;
}
#idNavArea ul ul a {
	display: block;
	margin: 0;
	padding: 3px 0px 3px 9px;
	color: #663;
	text-decoration: none;
}
#idNavArea ul ul a:hover {
	color: #009;
	font-weight: normal;
}
#idNavArea ul ul a img{
  margin: 0px 5px 1px 0px;
}
#idNavArea ul ul li div {
	padding: 3px 0px 3px 9px;
	color: #009;
	font-weight: normal;
}
#idNavArea ul ul div img{
  margin: 0px 5px 1px 0px;
}
#idNavArea ul ul ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
}
#idNavArea ul ul ul li {
	margin: 0;
	padding: 0;
	color: #663;
	border-top: 1px solid #CC9;
}
#idNavArea ul ul ul a {
	display: block;
	margin: 0;
	padding: 3px 0px 3px 14px;
	color: #663;
	text-decoration: none;
}
#idNavArea ul ul ul a:hover {
	color: #009;
	font-weight: normal;
}
#idNavArea ul ul ul a img{
  margin: 0px 5px 1px 0px;
}
#idNavArea ul ul ul li div {
	padding: 3px 0px 3px 14px;
	color: #009;
	font-weight: normal;
}
#idNavArea ul ul ul div img{
  margin: 0px 5px 1px 0px;
}
/*-------------------------------------------------------------------*/
/*    main content styles   */
td#idMainArea {
/* 	width: 450px; */
	padding: 21px 22px 0px 0px; /* yeilds 424px */
	text-align: left;
}
div#idContent {
  margin-left: 22px; /* yeilds 398px */
}
div.idContent {
  margin-left: 22px; /* for use on main products page */
}
.mainHeadline {
  font-size: 10pt;
  font-weight: bold;
	text-transform: uppercase;
  color: #009;
  text-decoration:none;
}
.pricing {
  color: #C30;
}
td.icon {
	text-align: left;
	vertical-align: middle;
}
td.iconText {
	margin-left: 10px;
	color: #009;
	font-size: 8pt;
	text-transform: uppercase;
	vertical-align: middle;
}
td.iconText a {
	color: #009;
  text-decoration: none;
}
div#idImage {
  margin: 20px 0px 20px 0px;
  text-align: center;
}
div.headline {
  font-size: 10pt;
  font-weight: bold;
  color: #009;
}
/*-------------------------------------------------------------------*/
/*    side bar styles   */
td#idSideBar {
	width:150px;
	padding: 21px 0px 0px 13px;  /* yeilds 137px */
	text-align: left;
	color: #666;
}
td#idSideBar p.mainHeadline {
  color: #C30;
  font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 1em  0px;
}
td#idSideBar .headline {
  color: #009;
  font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
td#idSideBar p.link {
  margin: 0em 0em .3em 0em;
}
td#idSideBar ul {
	margin: 0 10px 0 1.5em;
	padding: 0;
	list-style: disc;
	list-style-position: outside;
}
td#idSideBar ul p {
	font-weight: bold;
	text-indent: -1.5em;
}
td#idSideBar ul p span {
	text-transform: uppercase;
}
td#idSideBar ul li {
	margin: 0;
	padding: 0;
}
div.dimBox, div.tanBox {
	margin: 6px 0px 6px 0px;
	padding: .7em .0em .7em .5em;
	text-decoration: none;
}
div.dimBox {
	color: #666;
	background-color: #CCC;
}
div.tanBox {
	color: #009;
	background-color: #CC9;
}
div.tanBox a {
  color: #009;
	text-decoration: none;
}
/*---------------------------------------------------------------*/
/* styles for forrms */
form {
  margin-top: 0px;
}
.input {
	width: 200px;
}
.formLable {
	padding-right: 10px;
}
.invalid {
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
/*---------------------------------------------------------------*/
/* styles for images */
.banner	{
	width: 600px;
	height: 54px;
	margin: 0;
}
img.hRule { /* user in sidebar */
	width: 100%;
	height: 1px;
	margin: 15px 0 7px 0;
}
img.HR { /* user in sidebar */
	width: 100%;
	height: 1px;
	margin: 10px 0;
	background-color: #CC9;
}
img.right {
	float: right;
	margin: 0px 2px 0px 10px;
}
/*---------------------------------------------------------------*/
/* classes for validator */
.tfvHighlight
{color: #C60;}
.tfvNormal
{color: #666;}
.inputHighlighted
{color: #C60;}
.inputNormal
{color: #666;}
/*---------------------------------------------------------------*/
/* classes for home page */
.Hgreen {
  font-weight:bold;
  color: #690;  
}
.Hgrey {
  font-weight:bold
  color: #666;  
  margin-top: 6px; 
}
.Horange {
  text-transform: uppercase; 
  margin-top: 6px;
  font-weight:bold;
  color: #D17519;     
}
/*---------------------------------------------------------------*/
/* classes for comparison table page */
table.ProductTbl {
  margin-top: .5em;
}
table.ProductTbl th {
  padding: 4px 0px 4px 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 8pt;
  color: white;
  font-weight: normal;
  background-color: #006;
  border-top: 1px solid #006;
  border-right: 1px solid white;  
}
table.ProductTbl td {
  padding: 4px 0px 4px 0px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #006;
  border-bottom: 1px solid #006;
}
table.ProductTbl .LeftMost {
  padding-left: 3px;
  padding-right: 3px;
  text-align: left;
  font-weight: normal; 
  border-left: 1px solid #006;
  white-space: nowrap;
}
/*---------------------------------------------------------------*/
/* classes for software license page */
ul.numbered {
	list-style: decimal;
	list-style-position: outside;
}
ul.numbered li {
	margin-top: 1em;
}
ul.numbered ul {
	list-style: lower-roman;
}
ul.numbered ul li {
	margin-top: 0;
}
/*---------------------------------------------------------------*/
/* classes for search page */
.searchResult {
  text-transform: uppercase;
  color: #009;
  font-size: 10pt; 
}
.searchGroup {
	text-transform: uppercase;
	text-transform: uppercase;
	color: #660;
	font-size: 10pt;
	font-weight: bold;
}
/*---------------------------------------------------------------*/
/* reworked classes for former pop-up pages */
div#idPopImage {
  margin: 21px 0px 20px 0px;
  text-align: center;
}
div.PopHeadline {
  font-size: 10pt;
  font-weight: bold;
  color: #009;
}
ul.pop {
	margin: 0 10px 0 1.5em;
	padding: 0;
	list-style: disc;
	list-style-position: outside;
}
ul.pop li {
	margin: 0;
	padding: 0;
}
ul.pop li b {
	font-weight: bold;
}
div#idNISTRight {
  float: right;
  text-align: right;
  display: inline;
}
div#idNISTLeft {
  float: left;
  text-align: left;
  display: inline;
}
/*---------------------------------------------------------------*/
/* styles for mounting bracket diagrams  */
table#idMountingBracketDiagram {
  margin: .8em 0px 0px 0px;
  border-top: 1px solid #d1cc98;
  border-bottom: 1px solid #d1cc98;
}
table#idMountingBracketDiagram td {
  text-align: center;
  vertical-align: top;
  padding: 13px 13px 13px 0px;
}
table#idMountingBracketDiagram td.Headline {
  text-align: left;
  padding-bottom: 0px;
  color: #001da1;
  font-weight: bold;
  text-transform: uppercase;
}
table#idMountingBracketDiagram p {
  text-align: left;
}