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

/* ========================
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 {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	/* careful -- all font sizes are all based on this font-size 76% number*/
	font-size: 76%;
	
	color: #333333;
	text-decoration: none;
}

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

/* 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 fromoll computer */
.computer_output_courier_font {
	font-family: 'Courier New', Courier, mono;
	font-size: 1em;
	line-height: 1.4em;
	color: #000000;
}
  
/*============
This table contains the DreawWeaver
MainBody template (headlines and body copy) */

.AreaUnderMenuBar_table,
.AreaUnderMenuBar_table_NoLeftNav,
.Area_ABOVE_MenuBar_table {

	font-size: 100%;

	border-top-width:    0px;
	border-bottom-width: 0px;
	border-left-width:   0px;

	border-top-style:	 none;
	border-bottom-style: none;
	border-left-style:	 none;
	
	border-right-color: #786565;
}

@media screen {
	.AreaUnderMenuBar_table 			{ border-right-width:  1px; }
	.AreaUnderMenuBar_table_NoLeftNav 	{ border-right-width:  1px; }
	.Area_ABOVE_MenuBar_table 			{ border-right-width:  1px; }

 	.AreaUnderMenuBar_table 			{ border-right-style: solid; }
	.AreaUnderMenuBar_table_NoLeftNav 	{ border-right-style: solid; }
	.Area_ABOVE_MenuBar_table 			{ border-right-style: solid; }
}

@media print {
	.AreaUnderMenuBar_table 			{ border-right-width:  0px; }
	.AreaUnderMenuBar_table_NoLeftNav 	{ border-right-width:  0px; }
	.Area_ABOVE_MenuBar_table 			{ border-right-width:  0px; }

 	.AreaUnderMenuBar_table 			{ border-right-style: none; }
	.AreaUnderMenuBar_table_NoLeftNav 	{ border-right-style: none; }
	.Area_ABOVE_MenuBar_table 			{ border-right-style: none; }
}

.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:-5px; }
}

@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%				*/
}

/*============
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-family: Verdana, Arial, Helvetica, sans-serif;
	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,
.title_text_at_top_of_page_BIG
 { padding-top: 10px; }

.mainbodyH2 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	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: #2D89C0; */
	/* dark blue -- color:#003399; */
	color:#0066FF;
}

.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-family: Verdana, Arial, Helvetica, sans-serif;
	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;
}
	
a.image_link img { 
	border: 0px;
} 
a.image_link:hover img { 
	border-bottom: 1px solid #800000; 
} 

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

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

/*============
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;
}

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

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

a, 
a:link, 
a:hover, 
a:visited,
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	text-decoration: underline;
}

a:link	  { color: #574324; }
a:visited { color: #897C66; }
a:hover	  { color: blue; } 
/* old style: a:hover { color: #73222E; } */

		/*
		.email_contact {  }
		.no_underline { 
			text-decoration: none;
			border-width: 0px;
		}
		*/

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

ul,
ol,
li {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
	line-height: 1.5em;
	color: #333333;  }

li {	
	padding-top: .4em;  
    padding-bottom: .4em;  
}

/* list-style: outside url('list_dot.jpg');  */

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;
}

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

TD, TR  {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	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
 {
	border-right: 1px solid #B4D5E8;
	margin-left: 10px;
}

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

/* 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
{
	margin: 0px; 
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 1em;
 	padding-left: 1em;
}

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


/* 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-family: Verdana, Arial, Helvetica, sans-serif;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	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;
}


/*============
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 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;  
	color: brown; font-weight: bold; font-size: 1em; }  

.MenuCmd {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	color: green;  font-weight: bold;   
	font-size: 1em}  

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

.footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
    margin-left: 195px;
	color: #333333;
}

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


/*============
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; }

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

/* =======================
   =======================
   =======================
   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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.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;
}

/* =======================
   =======================
   =======================
   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; 
}