/* ========================
 * file: instrunet.css 
 * history: added TableEasy_TABLE_AlignRt and TableEasy_Top_BluText_TR, 3-15-07
 *			added sprites, july 2013
 */

/* ========================
body text fonts */

HTML {
	/*  w/o this overflow-y command, the page can mess up after hit back button 
	    (draws, then puts down scroll,  then draws again w/ diff v position). 
	    The below code shows error in dreamweaver due to not being 
	    supported by netscape, yet is totally needed with IE 7. */
	overflow-y:scroll; 
	overflow-x:hidden;
}

/* ======================
BODY */

BODY {
	
	/* background-color: #FFFFFF <<-- this is defined in jScript, gsw Feb2014 */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;		
	
	color: #333333;
	text-decoration: none;
}

@media screen { BODY { font-family: Verdana, Arial, Helvetica, sans-serif; } }
@media print  { BODY { font-family: 'Calibri Light', 'Times', 'Arial';	 } }

@media screen { BODY { font-size: 76%; } }	/* careful -- ALL font sizes are all based on this font-size 76% number */

/* 	If pageWidth = 774, we ZOOM bigger (search 'zoom' in inet_js_code_v2.js file) when we print, and therefore we need ALL text to be smaller.
 *	instrunet.css (this file) takes care of BODY font-size when we are on SCREEN (not printing, see above line of code), yet since we need to vary 
 *	font-size depending on pageWidth when we PRINT we set Pring BODY font-size in .js file.
 *
 * 	 @media print { BODY { font-size: 14pt; } }	 -- 1100 pixel wide pages, e.g. i60x/i4xx datasheet  
 * 	 @media print { BODY { font-size: 12pt; } }	 -- 774  pixel wide pages, e.g. 95% of our pages  */ 
							
/* ======================
paragraph (p) */

.mainbodytext, p {	/* main body text */
	line-height: 1.8em;
	font-size: 1.0em;
	color: #333333;
	text-decoration: none;
}

/* ======================
summary_text in i4xx/i60x datasheet (slightly larger) */

@media screen { .features_text { font-size: 110%; } }
@media print  { .features_text { font-size: 130%; } }

@media screen { .summary_text  {  } }
@media print  { .summary_text  { font-size: 110%; } }

@media screen { .zoom_1p1_ifPrinting  {  } }
@media print  { .zoom_1p1_ifPrinting  { zoom: 1.10; } }

@media screen { .zoom_1p2_ifPrinting  {  } }
@media print  { .zoom_1p2_ifPrinting  { zoom: 1.20; } }

/* ============
link fonts */

a, 
a:link, 
a:hover, 
a:visited,
a:active {
	font-size: 1em;
}

@media screen {	a { /* line-height: 1.5em; gsw apr 2013: this was causing links 
					 * to be vertically offset wrt surruonding text so i took it out. */
					text-decoration: underline;  	} }

@media print { a { border-bottom: 		0.25pt solid #dddddC;
					margin-bottom: 		-2px;
					display: 			inline;
					text-decoration: 	none;   } }

a:link	  { color: #574324; }
a:visited { color: #897C66; }
a:hover	  { color: blue; } 

/* ======================
list fonts */

ul, ol, li {	
	font-size: 100%;
	line-height: 1.5em;
	color: #333333;  }
	
li {	/* underline messes up with 0.4em so we go to 0.5em, gsw 2/16/2013 */
	padding-top:    0.5em;  
    padding-bottom: 0.5em; }

ul { list-style-type:circle; }

ul, ol {	
	margin-left: 2.5em; 
	margin-top: 0px;  
    margin-bottom: 0px; 
    padding-left: 0px; 
	padding-top: 0px; 
	padding-bottom: 0px;   }

.push_bulleted_list_left {
	margin-left:  10px; 
    padding-left: 10px;  }

.push_numbered_list_left {
	margin-left:  15px; 
    padding-left: 15px; }

.list_of_links,
.list_of_links ul,
.list_of_links li {
	margin-left:  10px; 
    padding-left: 10px;  
	margin-bottom: -5px;
	padding-bottom: 5px; }

.compressed_list_items {
	padding-top: 0.1em;
	padding-bottom: 0.1em; }


/* smaller text for tight spaces */
.smaller_text {
	font-size: .8em;
	line-height: 1.3em;
}

.smaller_text_and_line_space {
	font-size: .8em;
	line-height: 1.3em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* courier used to show text from computer */
.computer_output_courier_font {
	font-family: 'Courier New', Courier, mono;
	font-size: 1em;
	line-height: 1.4em;
	color: #000000;
}
  
.NoBorder {
	border-width:0px; 
	padding:0px; 
	margin:0px; 
	border-collapse:collapse;
	/* z-index:20;  */
}

/*	============  
 * 	'auto' on both sides will center table in window.
 * 	however, if you don't define table width and ALL cell widths then is table stable ?! */
 
.table_centered_fixedLayout {
	table-layout:fixed; 
	margin-left: auto;
	margin-right:auto;
}

.table_centered {
	margin-left:auto; 
	margin-right:auto;
} 

/*	============
	This table contains the DreawWeaver
	MainBody template (headlines and body copy) */

.AreaUnderMenuBar_table,
.AreaUnderMenuBar_table_NoLeftNav,
.Area_ABOVE_MenuBar_table {
	font-size: 100%;
	border-width:0px;  /* Feb2014 */
}

.AreaUnderMenuBar_table,
.AreaUnderMenuBar_table_NoLeftNav,
.Area_ABOVE_MenuBar_table	{ 

	position:relative;
	left:0px; 
	
    /* no space between borders on each cell. One of these works on IE yet not other
	   browsers; and the other works on IE, yet may not work on other browsers. Together, these should be ok. */
	border-spacing: 0px;
	border-collapse: collapse;  
	  
	background-color:#FFFFFF;
}
 
@media screen {
	.AreaUnderMenuBar_table,
	.AreaUnderMenuBar_table_NoLeftNav	{ top:0px; }	/* gsw changed -5 to 0, 2-18-2015 */
}

@media print {
	.AreaUnderMenuBar_table,
	.AreaUnderMenuBar_table_NoLeftNav	{ top:0px; }
}

.mainbody_cell_NoLeftNav,
.mainbody_cell {
	vertical-align:top;
}

.mainbody_cell_NoLeftNav 				{ width:975px; }

@media screen {
	.AreaUnderMenuBar_table 			{ width:775px; } /* left nav + 10pxSpacer + mainbody + 10pxSpacer 	*/
	.mainbody_cell			 			{ width:575px; } /*						    mainbody				*/
	.mainbodyH2							{ width:560px; } /*						    mainbody*95%			*/
}

@media print {
	.AreaUnderMenuBar_table 			{ width:775px; } /* 		  10pxSpacer + mainbody + 10pxSpacer 	*/
	.mainbody_cell			 			{ width:755px; } /*						   mainbody					*/
	.mainbodyH2							{ width:746px; } /*						   mainbody*95%				*/
}

/*	============
 *	datasheet title at top of webpage  
 * 	dark blue #(0066CC), light gray (#D6E0F8 = 214/224/248), blue gray (#98AFC7)
 */
 
@media print { 
											
	.Datasheet_Main_P_Headline_PrintingOnScreenOff 	{ margin-top:15px; text-align:left; padding-bottom:20px; }
		 
	.Datasheet_Main_S_Headline_Span,  .Datasheet_Main_S_SubHeadline_Span { margin-left:0px;  }  
	
	.Datasheet_Main_S_Headline_Span 				{ color:#0066CC; font-size: 4.5em; line-height:1.0em;   } 
	.Datasheet_Main_S_SubHeadline_Span 				{ color:#0066CC; font-size: 1.6em; line-height:2.2em; font-style:italic; }
}

@media screen {
	.Datasheet_Main_P_Headline_PrintingOnScreenOff 	{ display:none; }
}

@media print {
	.Datasheet_Sub_Headline,   
	.Datasheet_Sub_Headline_PrintingOnScreenOff 	{ font-size: 1.5em; }
} 
 
@media print { 
	.Datasheet_Sub_Headline_PrintingOffScreenOn 	{ display:none; }
	.Datasheet_Sub_Headline_PrintingOnScreenOff 	{ margin-left:-20px; }
}

@media screen {
	.Datasheet_Sub_Headline_PrintingOffScreenOn 	{ }
	.Datasheet_Sub_Headline_PrintingOnScreenOff 	{ display:none; }
}

@media print {
	.Datasheet_Sub_PrintingOffScreenOn 				{ display:none;}
}

@media screen {
	.Datasheet_Sub_PrintingOnScreenOff 				{ display:none;}
}

/* ============
div classes that turn things off when printing */

.hidden_text { display: none; }

.key_word_hidden_text { line-height:5px; font-size:5px; color:#FeFeFe; }

.big_72pt_spacer_at_bottom_of_page { font-size: 72pt; }

/* this forces page break when printing pdf */
@media print {
    .pageBreakBeforeWhenPrintingPdf { page-break-before: always; }
}

@media print {
	.turnoffwhenprinting { display:none; }
    .turnONwhenprinting { }  
 	.key_word_hidden_text { display:none; }
 	.big_72pt_spacer_at_bottom_of_page { display:none; }
  }
  
@media screen {
	.turnoffwhenprinting { }
	.turnONwhenprinting { display:none; } 
	.key_word_hidden_text { }
	.big_72pt_spacer_at_bottom_of_page { }
 }

/* ============
table widths */

.TableEasy_TABLE_WidthSetInCss			{ width: 530px; }

.TableNoBorderLines_TABLE,
.TableNoBorderLines_TABLE_small 		{ width: 550px; }

.CodeFontT 								{ width: 550px; }

.Table_640wide 							{ width: 640px; }

/* ============
headline fonts */

.mainbodyH1,
.title_text_at_top_of_page,
.title_text_at_top_of_page_BIG {
	font-weight: normal;
	text-decoration: none;
}

.mainbodyH1,
.title_text_at_top_of_page { 
	font-size: 1.5em;
	line-height: 1.3em; 
}

.title_text_at_top_of_page_BIG { 
	font-size: 2.0em;
	line-height: 1.3em; 
}

.title_text_at_top_of_page_BIGGER { 
	font-size: 2.8em;
	line-height: 1.3em; 
}

.title_text_at_top_of_page,
.title_text_at_top_of_page_BIG,
.title_text_at_top_of_page_BIGGER { 
	padding-top: 2px;  
}

.title_text_at_top_of_page_BIG,
.title_text_at_top_of_page_BIGGER { 
	margin-bottom: 5px;
	margin-top: 5px; 
}

.mainbodyH2 {	
	font-size: 1.2em;
	font-weight: bold;
	border-top: 0px solid white;
	border-right: 0px solid white;
	border-left: 0px solid white;
	bottom: 4px;
	right: 8px;
	left: 0px;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}

.mainbodyH3 {	
	font-size: 1em;
	font-weight: bold;
}

/* subhead color */
.title_text_at_top_of_page,
.title_text_at_top_of_page_BIG,
.mainbodyH2,	
.mainbodyH3,
.lt_blue_color {	
	/* light blue -- color: #0066ff; */
	/* dark blue #0066CC */
	color:#0066ff;    
}

/* main landing page title text color */
.title_text_at_top_of_page_BIGGER  {	
	/* darker blue */
	color:#0066CC;
}

.title_text_at_top_of_page_BIGGER {
	font-weight: normal;
	text-decoration: none;
}

@media screen { .title_text_at_top_of_page_BIGGER { font-family: Helvetica, Verdana, Arial, sans-serif; } }
/* @media print { .title_text_at_top_of_page_BIGGER  { font-family: we default to calibri light .. */

.mainbodyH2 {	
	/* blue -- border-bottom: 1px solid #B4D5E8; */
	/* dark blue -- border-bottom: 1px solid #003399; */
	border-bottom: 1px solid #0066FF; 
}

.equation {	
    margin-left: 40px; 
	text-align: left;
}

/* this is the pathname under the headline, e.g. Applications .. Analog Input .. */
.file_pathname_under_page_headline {
	font-size: 8pt;
	line-height: 100%;
	color: #CCCCCC;
	vertical-align: top;
}

.bold_and_gray,
.bold_and_gray_and_underlined {
	font-weight: bold;
	color:#666666;
}

.bold_and_gray_and_underlined {
	text-decoration: underline;
}

.field_name {
	font-style: italic;
}

.field_choice {
	font-weight: bold;
}

.picture_caption {
	color:#666666;
	font-style: italic;
}

.grayColor   { color:#666666; }
.brownColor  { color:#660000; }
.green_color { color:#339933; }
.redColor    { color:#FF0000; }

.underline_text {
	text-decoration: underline;
}

.no_border {
	border-width: 0px;
}

.footnote_link {
	/* This displays ok in IE yet not dreamweaver. Also, changing text size does not work (due to scope?). Oct08 */
	vertical-align: super;
}

/* distributor hyperlink name printed in upper right corner if disti is referrer */
.ReferrerName,
.ReferrerName a,
.ReferrerName a:link,
.ReferrerName a:hover, 
.ReferrerName a:visited,
.ReferrerName a:active { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style:italic;
	font-weight: bold;
	margin-right: 5px;
}

/*============
Header text */

/* gwi logo upper right corner */
.gwi_logo,
.header_right_text,
.header_center_text { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.gwi_logo    { 
	font-size: 16px;
	margin-right: 5px;
	color:#0000CC; 
}

.header_right_text ,
.header_center_text { 
	color:#a87878; 
}

.header_right_text { 
	font-size: 16px;
}

.header_center_text { 
	font-size: 20px;
}

/ *============
buttons in Header */

.header_btn  {
	position:absolute;
	z-index:200; 
	visibility: visible;
	font-size: 10px;
}
	
a.image_link div { 
	border: 0px;
} 
a.image_link:hover div { 
	/* border-bottom: 1px solid #800000;  */
} 

/* ============
table labels */

.table_left_label {	 
	padding-top: 5px;
	padding-right: 10px;
	vertical-align:top;
	color: gray;
	font-style:italic; 
}

/* ============
do not allow pagebreak inside this DIV when hardcopy/pdf printing */

.this_is_block_dont_allow_pageBreak_when_printing {	 
	page-break-inside: avoid;
}

/* ============
wiring diagrams and product photos */

.wiringTitle_top,
.wiringTitle {	 
	padding-bottom: 10px;
	margin-right: 20px;
	color:#0066ff;
	/* font-weight: bold; */
	/* font-style:italic; */
}

.wiringTitle {	 
	border-top:1px dotted #0066FF; 
}

.wiringDiagram {	
	padding-left: 0px;
	padding-bottom: 20px;
	text-align: center;
}

.productPhoto {	
    padding-left: 0px; 
	padding-right: 12px;
	text-align: center;
}

.productPhoto2 {	
    padding-left:  0px; 
	padding-right: 0px;
	text-align: center;
}

.picture_Padding_4  { padding: 4px;  }
.picture_Padding_8  { padding: 8px;  }
.picture_Padding_16 { padding: 16px; }

/*============
base font for all tables */

TD, TR  {
	line-height: 1.3em;  
	font-size: 1em;
}

/*============
main table style  */

	/* NOTE: style 'table-layout:fixed'  will cause the cols to not compress on the text in the tables */
	/* NOTE: style 'table-layout:fixed'  will cause the cols to not compress on the text in the tables */
	/* NOTE: style 'table-layout:fixed'  will cause the cols to not compress on the text in the tables */

/* entire table -- insent from column */
.TableEasy_TABLE, 
.TableEasy_TABLE_AlignRt,
.TableEasy_TABLE_WidthSetInCss,
.TableNoBorderLines_TABLE,
.TableNoBorderLines_TABLE_small
{
    /* no space between borders on each cell. One of these works on IE yet not other
	   browsers; and the other works on IE, yet may not work on other browsers. Together, these should be ok.  */

	border-collapse: collapse; 
	border-spacing: 0px;
} 

.TableEasy_TABLE, 
.TableEasy_TABLE_AlignRt,
.TableEasy_TABLE_WidthSetInCss
{
	margin-left: 10px;
}

.TableNoBorderLines_TABLE,
.TableNoBorderLines_TABLE_small
{
	margin-left: 0px;
}

.TableEasy_TABLE, 
.TableEasy_TABLE_AlignRt,
.TableEasy_TABLE_WidthSetInCss,
.BlueBorder_Right {
 	border-right: 1px solid #B4D5E8; 
}

/* table cells -- padding between cell edge and text */
.TableEasy_TABLE td,
.TableEasy_TABLE_AlignRt td,
.TableEasy_TABLE_WidthSetInCss td,
.TableNoBorderLines_TABLE td,
.TableNoBorderLines_TABLE_small td
{
	
	/* 	A table cell has 5 parts in width:
	 *
	 *		BORDER /  PADDING-LEFT /  CELL BODY WITH WIDTH SET BY WIDTH COMMAND / PADDING-RIGHT / BORDER RIGHT
	 *
	 *	The total width is the sum of those 5 parts.
	 *
	 *	When you set width="x" or style="widthXpx;" then you are setting only one of those 5 parts.
	 */
	 
	margin: 0px; 
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 13px;	/* changed from 1em to 13px so c code knows exactly what we have, gsw 11/5/2016 */
 	padding-left: 13px;		/* changed from 1em to 13px so c code knows exactly what we have, gsw 11/5/2016 */
}


.TableEasy_TABLE td,
.TableEasy_TABLE_AlignRt td,
.TableEasy_TABLE_WidthSetInCss td
{
	border-bottom: 1px solid #B4D5E8;
	border-left:   1px solid #B4D5E8;
}

/* turn off left padding (padding is inside border, margin is outside border, this is padding) */
.Table_NO_Left_Padding table,
.Table_NO_Left_Padding tr,
.Table_NO_Left_Padding td { padding-left:0px; }

/* turn off right padding (padding is inside border, margin is outside border, this is padding) */
.Table_NO_Right_Padding table,
.Table_NO_Right_Padding tr,
.Table_NO_Right_Padding td { padding-right:0px; }

/* cell font - 1.0em high with 1.3em spacing */
.TableEasy_TABLE,
.TableEasy_TABLE td,	
.TableEasy_TABLE_AlignRt,
.TableEasy_TABLE_AlignRt td,
.TableEasy_TABLE_WidthSetInCss,
.TableEasy_TABLE_WidthSetInCss td,
.TableNoBorderLines_TABLE,
.TableNoBorderLines_TABLE td
{
	font-size: 1em;
	line-height: 1.3em;
	text-decoration: none;
}

/* cell font - 0.8em high with 1.1em spacing */
.TableNoBorderLines_TABLE_small,
.TableNoBorderLines_TABLE_small td
{
	font-size: 0.9em;
	line-height: 1.2em;
	text-decoration: none;
}

/* cell text -- black */
.TableEasy_TABLE,
.TableEasy_TABLE td,
.TableNoBorderLines_TABLE,
.TableNoBorderLines_TABLE td,
.TableEasy_TABLE_WidthSetInCss,
.TableEasy_TABLE_WidthSetInCss td,
.TableNoBorderLines_TABLE_small,
.TableNoBorderLines_TABLE_small td
{
	color: #000000;
	text-align: left;
	vertical-align: top;
}

/* same as above, yet align cell data right*/
.TableEasy_TABLE_AlignRt,
.TableEasy_TABLE_AlignRt td
{
	color: #000000;
	text-align: right;
	vertical-align: top;
}

/* Header - bold white text on gray background */
.TableEasy_TopTR,
.TableEasy_TopTR td {
	background-color: #D7D6D8;
	font-weight: bold;
	color: #FFFFFF;	
	text-align: center;
	vertical-align: top;
}  

/* Header - bold white text on gray background */
.TableEasy_Top_BluText_TR,
.TableEasy_Top_BluText_TR td {
	background-color:#f2f2f2;
	border-top: 1px solid #B4D5E8;
	color:#0066ff;
	text-align: center;
	vertical-align: top;
}  

.heavy_bottom,
.heavy_bottom td,
.heavy_bottom tr
 {
	border-bottom: 2px solid #B4D5E8;
}

.centered_small_table_head,
.centered_small_table_head td,
.centered_small_table_head tr,
.centered_small_table_head thead
{
	background-color:#fafafa;
	border-top: 1px solid #B4D5E8;
	border-bottom: 1px solid #B4D5E8;
	margin-left:2px; 
	margin-right:2px; 
	padding-left:2px; 
	padding-right:2px; 
	text-align:center;
	font-size: 10px; 
}

.align_right_table_body,
.align_right_table_body td,
.align_right_table_body tr,
.align_right_table_body thead
{
	text-align:right;
}

.small_align_right_table_body,
.small_align_right_table_body td,
.small_align_right_table_body tr,
.small_align_right_table_body thead
{
	text-align:right;
	font-size: 10px; 
	margin-left:3px; 
	margin-right:3px; 
	padding-left:3px; 
	padding-right:3px; 
}

/*============
styles used to make the HOME page */

.HomePage_MainBody_Column_M_R_TD,
.HomePage_MainBody_Column_L_TD {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #786565;
	border-right-color: #786565;
	border-bottom-color: #786565;
	border-left-color: #786565;
	padding-left: 5px;
	color:#666666;
}

.HomePage_MainBody_Column_M_R_TD {
	border-left-width: 1px;
}
.HomePage_MainBody_Column_L_TD {
	border-left-width: 0px;
}

.HomePage_MainBody_Table {
	border: 0px solid #378FC3;
}

.tableBrderPAD {
	padding-left: 5px;
}


/*============
example code fonts */

.CodeFont {
	font-family: 'Courier New', Courier, Arial, Helvetica, Sans-Serif;  
	color: brown;  font-size: 1em; }  

.CodeFontT {
	color: brown; font-weight: bold; font-size: 1em; }  

.MenuCmd {
	color: green;  font-weight: bold;   
	font-size: 1em}  

/*============
footer fonts */

.footerText {
	font-size: .8em;
    margin-left: 195px;
	color: #333333;
}

/* vertical line between footer buttons */
.footerPiping {
	color:  #786565;
	/* blu color: #2D89C0; */
}

/* =======================
 images margin-left:auto; margin-right:auto; */
 
div.div_center { text-align:center; padding:5px; }

/* =======================
 javascript Hide_CompetitorProductReferences() hides references to competitors if on 
 instruNet.com or on hardDisk via 'display:none;'. It does this via css class 'competitorProductReference_class' 
 or element ID 'competitorProductReference_ID'.*/
   
.competitorProductReference_class {   }

/* ========================
 * big 60kb INET_MENUBAR_SPRITE image (contains many smaller menubar/header images) 
 * Ref: Calc_MenuBar_Item_htmlCode(), Get_INET_MENUBAR_SPRITE_htmlCode(), iNetMenu in css
    background: url('images/SPRITES/INET_MENUBAR_SPRITE_image.png') no-repeat top left;
 */
															
			.iNetMenu  {
			  background:url('images/SPRITES/INET_MENUBAR_SPRITE_image.png') no-repeat top left; 
			}


.btn_help_26w_11h		{ background-position: 0 0; width: 26px; height: 11px; } 
.btn_myaccount_66w_10h	{ background-position: 0 -61px; width: 66px; height: 10px; } 
.btn_products_49w_10h	{ background-position: 0 -121px; width: 49px; height: 10px; } 
.btn_spacer_7w_12h		{ background-position: 0 -181px; width: 7px; height: 12px; } 
.btn_viewcart_57w_10h	{ background-position: 0 -243px; width: 57px; height: 10px; } 

.header_50h_  1200w_FireworksGifAdaptive256{ background-position: 0 -459px; width: 1200px; height: 50px; } 
.header_gwiStore_50h_  1200w_FireworksGifAdaptive256{ background-position: 0 -559px; width: 1200px; height: 50px; } 

.menu_contact			{ background-position: 0 -659px; width: 96px; height: 20px; }   
.menu_contact_over		{ background-position: 0 -729px; width: 96px; height: 20px; } 
.menu_download    		{ background-position: 0 -799px; width: 88px; height: 20px; } 
.menu_download_over		{ background-position: 0 -869px; width: 88px; height: 20px; } 
.menu_home				{ background-position: 0 -1009px; width: 52px; height: 20px; } 
.menu_home_over			{ background-position: 0 -1079px; width: 52px; height: 20px; } 
.menu_products			{ background-position: 0 -1149px; width: 82px; height: 20px; } 
.menu_products_over		{ background-position: 0 -1219px; width: 82px; height: 20px; } 
.menu_ref				{ background-position: 0 -1289px; width: 85px; height: 20px; } 
.menu_ref_over			{ background-position: 0 -1359px; width: 85px; height: 20px; } 
.menu_searchbtn			{ background-position: 0 -1429px; width: 48px; height: 20px; } 
.menu_software			{ background-position: 0 -1499px; width: 83px; height: 20px; } 
.menu_software_over		{ background-position: 0 -1569px; width: 83px; height: 20px; } 
.menu_started			{ background-position: 0 -1639px; width: 129px; height: 20px; } 
.menu_started_over		{ background-position: 0 -1709px; width: 129px; height: 20px; } 

.menu_filler_600w_20h	{ background-position: 0 -939px; width: 600px; height: 20px; } 

.shim					{ background-position: 0 -1779px; width: 12px; height: 12px; } 

.talk_to_engineer2_btn_118x21	{ background-position: 0 -1841px; width: 118px; height: 21px; } 

.buy_it_button_28h_70w			{ background-position: 0 -303px; width: 70px; height: 28px; } 
.buy_it_button_28h_70w_HOVER	{ background-position: 0 -381px; width: 70px; height: 28px; } 
												 
/* =======================
   =======================
   =======================
   TOP MENUBAR -- COPIED FROM FILE p7..mm2.css file ON FEB 2009
   Reference: "menu magic 2" at www dot projectseven dot com
   =======================
   =======================
   ======================= */

/* .p7menuBOTT is the table TD for the top nav elements not at bottom of list,
   and p7menuNOBOTT is for the bottom of the list */
.p7menuBOTT {
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #403434;
	border-right-color: #403434;
	border-bottom-color: #403434;
	border-left-color: #403434;	
	background-color: #E6DFCE;
}
.p7menuNOBOTT {
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	border: 1px none #403434;
}

.p7tbsub {
	font-size: 100%;
	background-color: #E6DFCE;
	/* property not supported in newer browsers: layer-background-color: #FFFFFF; */
	border: 1px solid #786565;
	padding-right: 5px;
	padding-left: 5px;
}

/* '.p7tbsub a' is for the fonts inside the top nav menu system */
.p7tbsub a, 
.p7tbsub a:link, 
.p7tbsub a:visited, 
.p7tbsub a:hover, 
.p7tbsub a:active  {
	font-size: 1em;
	line-height: 1.3em;
	font-weight: normal;
	text-decoration: none;
}

.p7tbsub a:link 	{ color: #333333; }
.p7tbsub a:visited  { color: #333333; }
.p7tbsub a:hover 	{ color: red; }
.p7tbsub a:active 	{ color: #000000; }

.p7tbdn  {
	color: #000000!important; 
	font-weight: bold;
}

/* the below thing makes it so that menu closes when you move mouse away from it, gsw oct 2012 */
#P7TabH {
   width: 775px;
   height: 600px;
}

/* =======================
   =======================
   =======================
   LEFT NAVIATION AREA -- COPIED FROM FILE p7tmbasicbut.css ON FEB 2009
   Reference: "tree magic 1" at www dot projectseven dot com
   =======================
   =======================
   ======================= */

/*Control DIV for expand all and collapse all links*/
#p7TMctrl {
	margin: 0 0 12px;
	font-size: 10px;
	display: none;		/* this look contradictory to me, gsw Mar09 */
	display: block; 
}
#p7TMctrl a:link {
	color: #00FF33; 
}
#p7TMctrl a:visited {
	color: #333366; 
}
#p7TMctrl a:hover {
	color: #333399; 
}

/*Sets line-height of all menuitems*/
#p7TMnav {
	line-height: 1.15; 
}

/* second level menuitem divs on - Cascades to lower levels */
/* Sets left margin to 16px establishing a cascading indent */
#p7TMnav div div {
	margin: 0 0 0 5px;

	border-bottom-style: none; /* set to none instead of solid, gsw 2/23/09 */
	border-bottom-width: 0px;  /* set to 0 instead of 1, gsw 2/23/09 */

	border-right-style: none;
	border-right-width: 0px; 

	border-top-style: none;
	border-left-style: none;

	border-bottom-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;

	padding-top: 3px;
	padding-bottom: 3px; 
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
	color: #000000;
	font-size: 11px; 
}

/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a {
	padding: 5px 0 5px 12px;
	display: block;
	background-color: #EDE6E5;
	border-top: 1px solid #FFFFFF;
	text-decoration: none; 
}
#p7TMnav div a:visited {
	color: #333333; 
}
#p7TMnav div a:hover {
	color: #000000;
	background-color: #DDD8D8; 
}

/*The Link style for second-level menuitems*/
#p7TMnav div div a {
	font-size: 11px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	border-top: 0 #CCCCCC;
	border-right: 0 #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0 #CCCCCC; 
}

/* The Link style for third-level menuitems and lower 
   To set a specific style for the fourth level, add a div to the selector 
   Fourth-level example syntax: p7TMnav div div div div a {declaration} */
#p7TMnav div div div a {
	font-size: 16px; 
}

/* rules programatically assigned to parent links when image-based 
   plus and minus option is selected. The padding on the 4 following 
   rules supercedes (via !important) the padding on the p7TMnav div a 
   selector when you've chosen the option to use images for the plus and minus signs*/
.p7plusmark {
	background-repeat: no-repeat;
	background-image: url(images/menu/p7t_plus.gif);
	background-position: 7px 50%;
	padding: 3px 0 3px 20px !important; 
}
.p7minusmark {
	background-repeat: no-repeat;
	background-image: url(images/menu/p7t_minus.gif);
	background-position: 7px 50%;
	padding: 3px 0 3px 20px !important; 
}
.p7defmark {
	background-image:  none;
	padding: 0px 0 0px 20px!important; 
}
.p7currentmark {
	/* font-weight: bold; -- took out bold on 2/23/09 */
	/* text-transform: uppercase; */
	color: #73222E!important;
	padding: 0px 0 0px 20px!important;
	background-color: #F4EBEB!important; 
	display: block;
}
#p7TMnavNoBott {
	font-size: 10px;
	background-color: #330099;
	padding-bottom: 10px;
	border-top: 0 #CCCCCC;
	border-right: 0 #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0 #CCCCCC; 
}