@charset "utf-8";
/* CSS Document */

/* This is the area just below the thick blue line of the header. It might contain an h1 heading */
td.content {
	background-image: url(images/Template/RedCurveSm2.gif);
	background-repeat: no-repeat;
	width: 90%;  /* this prevents narrow content from resulting in a narrow page */
	font-size: 80%;
	margin: 0;
	vertical-align: top;
	padding: 0.4em 2em 0em 0.8em;
	font-family: sans-serif;
}

h2 { 
  font-size: 115%;
  font-style: italic;
	color: #700E21;
  margin: 0.5em 0em 0.2em 0em;
}    

/* These tags handle h2 headings that are also links */
h2 a:link { color: #700E21; }
h2 a:visited { color: #700E21; }
h2 a:hover { color: #0080B0; }

h3 { 
  font-size: 105%;
  font-style: normal;
	color: #700E21;
  margin: 0.5em 0em 0.2em 0em;
}    

td.content p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

td.content ul {
  margin-top: 0.5em;
}

td.content li {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

div#mainContent img, td.content img { 
  border: 0px; 
}
    
td.productDisp a, td.content a { font-weight: bold; }

/* The productDisp class is used to display a table of products */
td.productDisp {
    width: 50%;
    text-align: center;
    padding: 0.5em 0em;
}

/* The dataDisplay class is used for normal tables like Excel spreadsheets */
table.dataDisplay {
  margin-left: 2em;
  border: 2px solid black;
  width: 85%;
  border-collapse: collapse;
}

table.dataDisplay th {
  background-color: #660033; /* deep red */
  color: white; 
  border-right: 1px solid white;
  padding: 2px;
}

table.dataDisplay td {
  border: 1px solid black;
  padding: 2px;
  text-align: center;
}

/* This rule puts a bit of whitespace to the left side of images along the right edge of the page. */
img.right {
  padding-left: 1em;
}
    
.small {
  font-size: 75%;
}

/* This rule can be used to add small note text to headings or the like */
.note {
  font-size: 75%;
	font-weight: normal;
	color: black;
}

.tmNotice {
  font-size: 75%;
	margin-top: 1.5em;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

/* Use this for Modbus registers and LonWorks SNVTs */
.register {
  font-weight: bold;
  font-style: italic;
}