body {
	background-color:#FFFFFF;
	color: #000000;
	margin-left: 0pt;
	margin-top: 0pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
} 
th, td {
vertical-align: top;
}


/* for top of page */
#watermark {
	font-family:Arial;
	font-size:8pt;
	color:FFFFFF;
}
/* end top of page */

/* for folders */
div#foldheader,  div#foldinglist {
	border: 1px solid #000000;
	border-bottom-width: 5px;
	border-top: none;
	padding-top: 10px;
	margin-top: -10px;
	margin-left: 8px;
	margin-right: 8px;
}
#foldheader {
	cursor:pointer;cursor:hand ; 
	font-weight:bold ;
/*	list-style-image:url("/images/navigation/fold.gif")*/
	border: 1px solid #000000;
	border-bottom-width: 5px;
	border-top: none;
	padding-top: 10px;
	margin-top: -10px;
	margin-left: 8px;
	margin-right: 8px;
}

#foldinglist {
	list-style-image:url("/images/navigation/list.gif")
	margin-left: 1em;
}


#foldheader #foldinglist {
	padding-top: 5px;
	border-color: #6B6B6B;
}


#foldheader a {
	padding-left: 12px;
}

#foldheader #foldheader a {
	padding-left: 2px;
}



/* end folders */


/* must be in this order: link, visited, hover, active */
A:link {  /* default is blue, now red */
	color: #cc0000;
	text-decoration: none;
}
A:visited { /* default is purple, now red */
	color: #cc0000;
	text-decoration: underline;
}
A:active {
	color: #666666;
	text-decoration: none;
} 
A:hover {
	text-decoration: underline;
}


a.bold { /* use for menu choices on page anchors */
	font-weight : bold;
}


span.button { /*used for around buttons */
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #e0e0e0;
}

span.bignbold { /*used for around buttons */
	font-weight : bold;
	font-size: 14px;
}

a.button {
	color: #000000;
	font-family: arial;
	font-size: 12px;
	font-weight: bolder;
	background-color: #ffcc00;
	border-top: 2px ridge #ffffff;
	border-right: 2px ridge #800000;
	border-bottom: 2px ridge #800000;
	border-left: 2px ridge #ffffff;
	text-align: center;
	text-decoration:none;
	padding: 3px;
	height: 10px;
}

a.button:hover {
	color: #000000;
	font-family: arial;
	font-size: 12px;
	font-weight: bolder;
	background-Color: #ffcc00;
	border-top: 2px ridge #800000;
	border-right: 2px ridge #ffffff;
	border-bottom: 2px ridge #ffffff;
	border-left: 2px ridge #800000;	
	text-align: center;
	text-decoration:none;
	padding: 3px;
	height: 10px;
}


a.button2:hover {
	background-Color: #cc0000;
	border-left: thin #800000;
	border-top: thin #800000;
	border-bottom: thick #800000;
	border-right: medium #800000;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	font-family: Arial;
	border-style: ridge;
	text-decoration:none;
	color: #ffcc00;
	padding: 1px;
	height: 10px;
	width: 100%;
}

a.button2 {
	background-Color: #cc0000;
	border-left: thin #e0e0e0;
	border-top: thin #e0e0e0;
	border-bottom: thick #800000;
	border-right: medium #800000;
	height: 10px; 
	color: #ffcc00;     
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	font-family: Arial;
	border-style: ridge;
	text-decoration:none;
	padding: 1px;
	width: 100%;
}

/* used for hovertext.jsi - jsi sets style for IDs below*/
#divLinks{visibility:hidden}
#divMessage{visibility:hidden}

/* Original */
/* #divLinks   {position:absolute; left:150px; top:150px; visibility:hidden;} */
/* #divLinks a {color:#336699; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:700;} */
/* #divMessage {position:absolute; left:150px; width:300px; top:180px; visibility:hidden;} */
 

input, select, textarea {
	font-size: 11px;
}

div.historychanges, div.historychanges p { /*used for /ss/betas.asp */
margin-top: 0pt;
font-size: 8pt;
}


div.services {
	background-image: url("/images/180/servicesindx.jpg");
/*	width:450px;
	height:259px;
*/
	background-repeat:no-repeat;
}

div.discontinued {
	background-image: url("/images/products/catalog/discontinued.gif");
	width:180px;
	height:180px;
	background-repeat:no-repeat;
}

div.sidebartitle {
	background-image: url("/images/180/leftsidebar2.jpg");
	width:153px;
	height:98px;
}

div.sidebarcontents p, div.sidebarcontents address {
	width: 123px;
	margin-left: 15px;
	font-size: 11px;
	text-align: center;
}

div.Rsidebartitle {
	width:153px;
	height:98px;
}

div.quote {
	width: 123px;
	margin-right: 15px;
	margin-left: 20px;
	font-size: 10px;
}

p a, li a {
	font-size: 12px;
	font-weight: bold;
}

p.reporterror { /* use when success occurs to report confirmation, called by mdlHTML->ReportERRor */
	color: #cc0000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-style: italic;
}

.footnote { /* use when success occurs to report confirmation, called by mdlHTML->ReportERRor */
	font-size: 10px;
	font-style: italic;
}

.partnumber { /* use with p, span, td, whatever */
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}

p.authors { /* use when success occurs to report confirmation, called by mdlHTML->ReportERRor */
	font-size: 10px;
	font-style: normal;
	text-align: center;
}

.com {
	font-size: 12px;
	text-align: center;
	background-color: #ffffff;
}
.digi {
	font-size: 10px;
	font-color: #ffffff;
	text-align: center;
	background-color: #299c39;
}
.lantronix {
	font-size: 10px;
	font-color: #ffffff;
	text-align: center;
	background-color: #ffcc00;
}
.comtrol {
	font-size: 10px;
	font-color: #ffffff;
	text-align: center;
	background-color: #ff0000;
}
a img {border: none}

h1 { /* press relases and forms */
   font-variant: small-caps;
   font-size: 28px;
}

h1, h2, h3 { 
	vertical-align : top;
	font-weight : bold;
	text-align : left;
	margin-bottom:0pt;
	/* width:400px; */
}

/* H2 immediately after H1 should not have much of a margin */
H1 + H2 { 
   margin-top: 5px; 
}

/* H3 immediately after H2 should not have much of a margin */
h2 + h3 { 
   margin-top: 3px; 
}

/* H3 immediately after H2 should not have much of a margin */
h2 + p, h3 + p { 
   margin-top: 0px; 
}

code + li { 
   margin-top: 0px; 
}

.blackoutline { /* used for datasheets */
	border-width: thin;
	border-style: solid;
	border-color: #000000;
	padding: 5px;
}

.diagramcaption { /* doesn't work with span */
	background-color: #c0c0c0;
	/* WIDTH DOESN"T WORK TOO GOOD */
	/* width:15.75em;*/
	/* width:190px;*/
	background-repeat:no-repeat;
	/*margin-top: .2em;*/
	margin-top: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #000000;
	/* padding: .4em;*/
	padding: 5px;
}

h3.specgroup { /* used with h3 */
	text-align: "left";
	font-weight: bold;
	font-size: 14px;
	font-variant small-caps: 
}

.spec { /* used with td */
	text-align: "left";
	padding-left: 1em;
	font-weight: bold;
}
.specdetail { /* used with td */
	padding-left: 2em;
	text-align: "left";
	font-weight: bold;
	font-style: italic;
}

/*
div.sidebarcontents ul, div.sidebarcontents li {
	width: 108px;
	margin-left: 0px;
	font-size: 11px;
	list-style-type: none;
	margin-top: 10px;
}
*/

div.sidebarcontents a<p {
	width: 123px;
	margin-left: 15px;
	font-size: 11px;
	list-style-type: none;
	margin-top: 10px;

}

.sidebartitletxt { /* span within sidebartitle */
	position:relative;
	top: 24px;
	left: 15px;
	width: 123px;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.Rsidebartitletxt { /* span within sidebartitle */
	position:relative;
	top: 24px;
	left: -15px;
	width: 123px;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.secondarynav a:link, .secondarynav a:visited, .secondarynav a:active { /* Top Of Page */ 
	font-weight: bold;
	color:#616161;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #ffcc00; /*Application("ContrastColor")*/
}

.secondarynav a:hover, .secondarynav a { /* Top Of Page */ 
	font-weight: bold;
	color:black;
	font-size: 11px;
	text-align: center;
	text-decoration: underline;
	text-transform: uppercase;
	background-color: #ffcc00; /*Application("ContrastColor")*/
}



.secondarynav td { /* Top Of Page */ 
	font-weight: bold;
	color:black;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	background-color: #ffcc00; /*Application("ContrastColor")*/
}
.secondarynav td img { /* Top Of Page */ 
	background-color: transparent;
}

a.pdf { /* PDF */
	background-image : url("/images/acrobat/pdficon_16.gif");
	height: 16px;
	width: 16px; 
	font-weight : bold;
	vertical-align:center;
	font-size: 11px;
	text-decoration:none;
}

span.pdf { /* PDF */
	background-image : url("/images/acrobat/pdficon_16.gif");
	height: 16px;
	width: 16px; 
	margin-right:8px;
}

a.zip { /* PDF */
	background-image : url("/images/clipart/zip.jpg");
	height: 36px;
	width: 34px; 
	font-weight : bold;
	vertical-align:center;
	font-size: 11px;
	text-decoration:none;
}

a.totop { /* Top Of Page */ 
	font-weight : normal;
	text-align : left;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	text-decoration:none;
	display: block;
}

td img {
	text-align: left;
}
.rightprodlogo {
	text-align: left;
}
img.outlined {
  	border-width:1px;
	border-color: #ffcc00;
	border-style: solid ;
}
p code, li code {
	font-weight : normal;
	text-decoration:none;
	white-space: pre;
}

code.snippet { 
	margin-top: 5pt;
	display: block;
	margin-left: 5pt;
	margin-bottom: 5pt;
	text-indent: 20pt;
	font-weight : normal;
	text-decoration:none;
	white-space: pre;
}

pre, td, th, li, dd, dt, font, p, address, blockquote { /* Regular font */
	 font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

td, li, dd, font, p, address, pre, blockquote { /* Regular font */
	font-weight : normal;
}


dt { /* Regular font */
	font-weight : bold;
}

dd { /* Regular font */
	font-style: italic;
	margin-bottom: 5pt;
}

blockquote.pullquote {
	font-weight : bold;
	text-align : justify;
	margin-top: 5pt;
	margin-bottom: 5pt;
	font-style: italic;
}

li { /* Regular font */
	margin-bottom: 3pt; 
}
li.bold { /* bold with extra space */
	font-weight : bold;
	text-align : left;
	margin-bottom:3pt;
}

li.doublespace { /* bold with extra space */
	margin-bottom: 14px;
}

ul.logo {
	list-style-image: url("/images/diamonds/reddiamond_icon.gif");
	margin-top:5pt;
	margin-bottom:5pt;
}

ul.noident {
/*	margin-left:0px;*/
	padding-left: 20px;
/*	text-indent: 0px; 8?
}


ul.nobullet {
	list-style-type: none;
	margin-top:5pt;
	margin-bottom:5pt;
	margin-left:0pt;
}

pre, ol { /* Regular font */
	margin-top:2pt;
	margin-bottom:2pt;
}

em { 	/* Regular font */
	font-style: italic;
}

p.large { 
	font-size: 18px;
	color: #cc0000;
	font-weight : bold;
	font-style: normal;
	font-variant: small-caps;
	text-align: center;
	margin-top:2px;
	margin-bottom:14px;
}

.dataentryform {
	margin-left: 60px;
   	border-width:0px;
	width:350px;
	border-color: #404040;
	background-color: transparent;
	border-style: outset;
	text-align: right;
}

.dataentryform th {
   	border-width:0px;
	font-weight: bold;
	text-align: left;
}


div.mainmenu {
	color: #ffffff;
	position:absolute;
	top: 40px;
	left: 160px;
	width: 600px;
}

div.mainmenu A:link, div.mainmenu A:visited, div.mainmenu A:active,  div.mainmenu A:hover,  div.mainmenu td  {
	color: #ffffff;
	font-weight: bold;
	font-family: Verdana;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;

}


div.leftlinkgroup {
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 6px;
	padding: 5px;

   	border-width:1pt;
	border-color: #ffffff;
	border-style: ridge;

	width: 123px;

	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
}

table.systemspecs td {
   	border-width:1pt;
	border-color: #ffcc00;
	border-style: ridge;
	text-align: left;
	padding: 10px;
	margin-right: 15px;
	margin-top: 20px;
	font-size: 10px;
}

font.smallbold { /* 10 px doesn't show on screen as bold */
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}


table.announcement {
   	border-width:1pt;
	border-color: #ffcc00;
	border-style: ridge;
	text-align: center;
	padding: 10px;
	margin-right: 15px;
	margin-top: 20px;
}

.announcementcaption {
	vertical-align : top;
	font-weight : bold;
	text-align : center;
	font-size: 16px;
}

table.contentlisting { /* was choicetable */
  	width: 100%;
	text-align: left;
	padding: 10px;
	margin-bottom: 10px;
}



table.contentlisting caption {
	width: 60%;
	vertical-align : top;
	background-color: #ffcc00; /*Application("ContrastColor")*/
	font-weight : bold;
	text-align : left;
	margin-bottom:0px;
  	border-bottom: 3px solid #cccccc; /* Application("HeaderShadowColor") */
  	border-right: 3px solid #cccccc; /* Application("HeaderShadowColor") */
	font-size: 18px;
}

th { /* headers for tables */
	font-weight: bold;
	color: #000000;
	text-weight: bold;
	text-align: left;
	vertical-align : top;
	text-transform: none;

}

th.columnhead, table.contentlisting th.toprow, table.contentlisting th.columnhead, table.contentlisting:row[1] { /* top row */
	color: #000000;
	text-transform: uppercase;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-left-width: 3px;
 	border-left-style: solid;
  	border-left-color: #000000;
	text-weight: bold;
	text-align: left;
	vertical-align : top;
	margin-top:0pt;
	margin-bottom:0pt;
}

table.contentlisting th.rightside, table.contentlisting th.rowhead, table.contentlisting:column[1] { /* right side */
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc; /* Application("HeaderShadowColor") */
	color: #000000;
	text-weight: bold;
	text-align: left;
	vertical-align : top;
	width: 30%;
	text-transform: uppercase;
	padding-left: 8px;
}

td.highlight { /* Regular font found in tables*/
	background-color:#ffcc00; /*Application("ContrastColor")*/
}
th.highlight { /* Regular font found in tables*/
	background-color:#e0e0e0; /*Application("ContrastColor")*/
}
table.contentlisting td { /* right side */
	padding-left: 8px;
	vertical-align: top;
	text-align: left;
}



h1.pagetitle { /* plain text found in page header*/
	color: #cc0000;
	margin-top: 3px; /* home tag line has space on top */
	text-weight: bold;
	text-align: left;
	vertical-align : top;
	font-size: 24px;
	font-weight:bold;
	letter-spacing: 0em;
	font-stretch: semi-condensed;
	font-family: "arial narrow";
	padding-bottom: 12px;
	line-height: 18px;
	padding-left: 19px; /* make up for negative indent */
	text-indent: -16px;
	font-variant: normal;
	width: 450;
}

.pagetitlecenter { /* plain text found in page header*/
	color: #cc0000;
	text-weight: bold;
	text-align: center;
	vertical-align : top;
	font-size: 24px;
	font-weight:bold;
	letter-spacing: 0em;
	font-stretch: semi-condensed;
	font-family: "arial narrow";
	padding-top: 18px;
	padding-bottom: 2px;
	line-height: 4px;
	font-variant: normal;
}

.glow {
filter: glow(color=#00ff00,strength=100);
}
div.moreinfo {
	color: #cc0000;
	margin-top: 3px; /* home tag line has space on top */
	text-weight: bold;
	text-align: center;
	font-size: 18px;
	font-weight:bold;
	letter-spacing: 0em;
	font-stretch: semi-condensed;
	font-family: "arial narrow";
	line-height: 14px;
	font-variant: normal;
}

.ahrefbutton {
	color: #000000;
	background-Color: #ffcc00; /*Application("ContrastColor")*/
	border-width: 2px;
	border-left-color: #e0e0e0;
	border-top-color: #e0e0e0;
	border-bottom-color: #404040;
	border-right-color: #404040;
	width: 19px; 
	height: 19px;  
	cursor: hand;   
}
	
input.button {
	background-color: #ffcc00; /*Application("ContrastColor")*/
	color: #000000;
	cursor: hand;
	font-weight: bold;
}

h2 {
   font-size: 17px;
   color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
  	border-left-width: 3px;
 	border-left-style: solid;
  	border-left-color: #000000;
	text-weight: bold;
	text-align: left;
	width:80%;
	vertical-align : top;
	padding: 3px;
	font-family: "arial narrow";
}	

h2.centered {
	vertical-align : top;
	font-weight : bold;
	text-align : center;
	margin-bottom:0pt;
   font-size: 17px;
   color: #000000;
	padding: 3px;
	font-family: "arial narrow";
  	border-style: none;
}

.redcentered { /* portvision */
	text-align:center;
	font-weight : bold;
   font-size: 17px;
   color: #cc0000;
   font-style: italic;
	font-family: "arial narrow";
  	border-style: none;
}

h3{
   font-size: 13px;
   color: #000000;
	text-weight: bold;
	text-align: left;
	vertical-align : top;
}	

.centered { /* portvision */
	text-align: center;
}	

form.inline {
	display: inline;
}
h4, h5, h6 { 
	font-weight : bold;
	text-align : left;
	margin-bottom:0pt;
	font-style: Italics;
}

div.rule {
	height: 10px;
   border-width: 0px;
   border-style: none;
   margin-left: 3em;
   margin-right: 3em;
   background-image: url("/images/180/dottedline2.jpg");
   /*
	height: 1px;
   margin-top: 6px;
   margin-bottom: 6px;
   margin-left: 3em;
   margin-right: 3em;
	background-color:#ffcc00;
*/

}

div.tallrule {
	height: 14px;
   border-width: 0px;
   border-style: none;
   margin-top: 5em;
   margin-bottom: 5em;
   margin-left: 5em;
   margin-right: 5em;
   background-image: url("/images/180/dottedline2.jpg");
}

/* DATATABLES */
div.recommend { /* Regular font found in tables*/
	background-color: "#e0e0e0";
   margin-top: 3em;
   margin-bottom: 3em;
   border-width: 3px;
   border-style: dotted;
   border-color: #ff0000;
}

div.catalog table { /* Regular font found in tables*/
	align: center;
	padding: 3;
}

.catalog { /* far left column of 2 column content tables */
	background-color: "#e0e0e0";
	font-weight : bold;
	vertical-align : top;
	text-align : left;
	margin-top:0pt;
	margin-bottom:0pt;
}

div.catalog td.h1 { /* far left column of 2 column content tables */
	background-color: red;
	font-weight : bold;
	vertical-align : top;
	text-align : left;
	margin-top:0pt;
	margin-bottom:0pt;
}
div.catalog td.h2 { /* far left column of 2 column content tables */
	background-color:gray;
	font-weight : bold;
	vertical-align : top;
	text-align : left;
	margin-top:0pt;
	margin-bottom:0pt;
}


/* navigational bottom used with p */
.bottomnavigation {
	font-size: 11px;
	font-weight: normal;
}
.bottomcopyright {
	font-size: 11px;
	font-weight: normal;
	color:#999999; 
}

.contactinfo {
	width: 600px;
	text-align : center;
	font-size: 11px;
	font-weight: bold;
}

.warning {
color: #cc0000;
font-weight: bold;
font-size: 14px;
}

/********************************************************************
 * RIGHT HAND SIDE STUFF 
 ********************************************************************/

.rightsidebox {
	width: 180px;
  	border-left: 1pt solid #cccccc;
	border-bottom: 1pt solid #ffcc00;
}

.rightsideborder {
	width: 180px;
  	border-left: 1pt solid #cccccc;
}
.textnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

.textnav a {
	color: #cc0000;
}
.textmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	font-weight: bold;
	
}

/********************************************************************
 * classes used by EH 
 ********************************************************************/
p.EH_Nav_Visitor {}
table.EH_Table {}
table.EH_Table {}
th.EH_Table_TD_Heading {}
td.EH_Table_TD_1 { vertical-align:"top"; text-align:"left"; font-weight: bold;}
td.EH_Table_TD_1 font {font-weight: bold;}
td.EH_Table_TD_2 { vertical-align:"top"; text-align:"left"; }
form.EH_Form {}
textarea.EH_Form_Textarea /* textarea */
input.EH_Form_Textbox {} /* textbox or hidden or password*/
input.EH_Form_Radio {} /* radio */
input.EH_Form_Submit {} /* submit button */
input.EH_Form_Checkbox /* checkbox */
select.EH_Form_Select {}
option.EH_Form_Option {}

div.EH_EventList_Current_All {}
div.EH_EventList_Previous_All {}
div.EH_EventList_Coming_All {}
div.EH_Totals {}

blockquote.EH_EventList_Current {}
blockquote.EH_EventList_Coming {}
blockquote.EH_EventList_Previous {}