HTML{
/*background-color: black;*/
border-top: solid 1px black;
}
body{
width: 98%;
behavior:url("csshover2.htc");
font-size: 62.5%;
font-family:trebuchet MS, Helvetica, sans-serif;
background-color: transparent;
}
.header{
width: 100%;
margin-top: 0px;
}
.machine{
/*margin-top: -65px;*/
margin-top: -2.5em;
/* float: left;*/
position:absolute;
margin-left: 1.5em;
float: clear;
border: none;
}
.top{
height: 5px;
width: 100%;
background: url("images/bar1.jpg");
background-repeat: repeat-x;
background-position: left;
}
.middle{
height: 9em;
background: rgb(12,1,84);
width: 100%;
}
.bottom{
width: 100%;
height: 40px;
background: url("images/bar2.jpg");
background-repeat: repeat-x;
background-position: left;
margin-top: 0px;
border-top: solid 2px transparent;
}
.motto{
font-family: trebuchet MS, Helvetica, sans-serif;
margin-top: .4em;
color: white;
font-size: 1.4em;
font-weight: 525;
text-align: left;
margin-left: 0em;
line-height: 1.2em;
}
#slogan{
font-family:Helvetica, sans-serif;
color: black;
font-size: 1.9em;
font-weight: normal;
border: solid 0px red;
padding-bottom: 0px;
margin-top: 5px;
float: left;
}
#content {
clear: both;
text-align: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 90%;
}
.page_container{
padding: 0px;
margin-bottom: 0px;
}
.footer{
margin-top: 0em;
margin-bottom: 2em;
padding-bottom: 0px;
font-size: 1.7em;
color: black;
line-height: 1.8em;
font-weight: normal;
}
/**********************************/
/* List specifications */
/*********************************/
ul.arrow {
list-style-image: url('images/blue_arrow.gif');
margin-left: 4em;
}
ul.gray_arrow {
list-style-image: url('images/gray-arrow.gif');
margin-left: .4em;
line-height: 1.1em;
margin-top: .5em;
list-style-position: outside;
}
ul.none {
list-style-type: none;
}
li.smaller{ /*used to adjust the space between lines in a list*/
margin-bottom: .3em;
}
Ul.news{ /*for list in news column on index page */
line-height: 1.3em;
margin-top: .5em;
list-style-position: outside;
font-size:1.3em;
margin-bottom: 3em:
}
li.news2{/*for list in news column on index page */
margin-left:-1em;
margin-bottom: 1.5em;
margin-top: 0em;
text-align: left;
}
/*******End List specifications**********/
.box{
padding-top: 3em;
padding-bottom: 10em;
padding-left: 3em;
padding-right: 3em;
margin-top: 0em;
margin-bottom: 1em;
margin-left: 8em;
margin-right: 8em;
background: white;
border: solid 2px black;
/*filter:alpha(opacity=85);*/ /* IE's opacity*/
/*opacity: 0.85;*/
}
.box_td{ /*light blue boxes on each page that contain the text*/
background: rgb(237,236,240);
border: 1px solid #D7D7D7;
}
/*******************************/
/* General text specifications */
/*******************************/
.blue{
color: rgb(33,57,140);
}
.main_heading{
font-size: 1.9em;
font-weight: bold;
color: rgb(33,57,140);
margin-bottom: 1.2em;
}
.sub_heading{
font-size: 1.8em;
font-weight: bold;
color: rgb(33,57,140);
margin-bottom: .4em;
margin-left: 2em;
}
.sub_heading2{
font-size: 1.8em;
font-weight: bold;
color: rgb(33,57,140);
margin-top: 1.2em;
margin-bottom: .4em;
margin-left: 2em;
text-align: left;
}
.general_text{
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.6em;
margin-top: 1em;
margin-bottom: 0em;
margin-left: 4em;
margin-right: 4em;
text-align: justify;
/*line-height: 1.6em;*/
}
.general_text2{
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.6em;
margin-top: 1em;
margin-bottom: 0em;
margin-left: 4em;
margin-right: 4em;
text-align: center;
/*line-height: 1.6em;*/
}
.list_text{
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.6em;
margin-top: 1em;
margin-bottom: 0em;
margin-left: 4em;
text-align: left;
line-height: 1.6em;
}
a.product_link {
color: black;
font-weight: bold;
font-style: italic;
text-decoration: none;
}
a.app_link {
color: black;
text-decoration: none;
}
/****************************************/
.product_text{ /*for products page*/
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.6em;
margin-top: 1em;
margin-bottom: 0em;
margin-left: .5em;
margin-right: .5em;
text-align: left;
}
.product_text2{ /*for bulleted text on products page*/
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.6em;
margin-top: 1em;
margin-bottom: 1.5em;
margin-left: 1em;
margin-right: .5em;
text-align: left;
}
.product_text3{ /*for items bulleted text on products page*/
margin-bottom: .5em;
}
.product_text4{ /*for products page*/
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.6em;
margin-top: -1em;
margin-bottom: 0em;
margin-left: .5em;
margin-right: .5em;
text-align: left;
}
.product_heading{ /*for products page*/
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.8em;
color: rgb(33,57,140);
margin-top: 0em;
margin-bottom: 0em;
margin-left: .5em;
margin-right: .5em;
text-align: left;
/*font-style:bold;*/
font-weight: bold;
}
.product_subheading{
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.4em;
margin-top: 1em;
margin-bottom: .5em;
margin-left: .5em;
margin-right:.2em;
text-align: left;
font-weight: bold;
}
.center_heading{ /*for products page*/
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.8em;
color: rgb(33,57,140);
text-align: center;
font-weight: bold;
}
.reference{ /*box that holds references*/
background-color: lightgrey;
border: solid 1px rgb(189,184,172);
}
.references1{ /*for references to articles for article title*/
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.3em;
margin-top: 0em;
margin-bottom: 0em;
margin-left: .5em;
margin-right:.2em;
text-align: left;
font-weight: bold;
}
.references2{ /*for references to articles for author and issue info*/
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin-top: 0em;
margin-bottom: 0em;
margin-left: .5em;
margin-right:.2em;
text-align: left;
}
.references3{ /*for references to articles for "link here" text*/
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.3em;
margin-top: 0em;
margin-bottom: 1em;
margin-left: .5em;
margin-right:.2em;
text-align: center;
}
/***End General text specifications ***/
.ambersand { /* the ambersand in the trebuchet Ms font is garbled looking, so change it for this one character*/
font-family: Times New Roman, serif;
}
/*******************************************/
/***** Style for columns on Home Page *******/
/*******************************************/
table.one{
table-layout: fixed;
border-collapse: collapse;
}
.top_row_heading{
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 1.9em;
font-weight: bold;
color: rgb(33,57,140);
margin-top: 0em;
margin-bottom: .5em;
}
.col_heading{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.7em;
font-weight: bold;
color: rgb(33,57,140);
margin-top: .5em;
margin-bottom: .5em;
}
.col_sub_heading{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
color: rgb(33,57,140);
margin-top: 1.4em;
margin-bottom: 0em;
text-align: left;
font-style: normal;
}
.col_sub_heading2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: 500;
color: rgb(33,57,140);
margin-top: 1.2em;
margin-bottom: 0em;
text-align: center;
}
.col_sub_heading3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: rgb(33,57,140);
margin-top: 1.4em;
margin-bottom: 0em;
text-align: left;
font-style: normal;
}
.top_row_text {
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.4em;
margin-top: 1em;
margin-bottom: 2em;
margin-left: .6em;
margin-right: .4em;
text-align: justify;
line-height: 1.5em;
}
.col_text{
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.3em;
margin-top: 1.1em;
margin-bottom: 0em;
margin-left: .6em;
margin-right: .4em;
line-height:1.2em;
text-align: left;
}
.col_text2{
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.5em;
margin-top: 1em;
margin-bottom: 0em;
margin-left: -.5em;
margin-right: .4 em;
text-align: left;
}
.col_text3{
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.3em;
margin-top: .2em;
margin-bottom: 0em;
margin-left: .6em;
margin-right: .4em;
text-align: left;
}
.col_text3b{
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.3em;
margin-top: .2em;
margin-bottom: 0em;
margin-left: 1.8em;
margin-right: 1.8em;
text-align: justify;
font-style: italic;
line-height: 1.1em;
}
.index{ /*text specifications for the word index on the home page */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .95em;
font-weight: bold;
color: rgb(33,57,140);
margin-top: -1em;
margin-bottom: 0em;
margin-left: -.4em;
}
.blockqoute{
margin:0;
padding: 0;
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin-top: 1.em;
margin-bottom: 0em;
margin-left: .6em;
margin-right: .6em;
text-align: justify;
font-style: italic;
}
/*_______________________________________*/
/* links for the meetings column */
/*______________________________________*/
/* ---used in the index for the meetings column on the home page --- */
.class2 A {text-decoration: none; color:black; font-weight: normal;}
.class2 A:link {text-decoration: none; color:black; font-weight: normal;}
.class2 A:visited {text-decoration: none; color:black;font-weight: normal;}
.class2 A:active {text-decoration: none; color:black;font-weight: normal;}
.class2 A:hover {text-decoration:underline; color:red; font-weight: normal;}
/* Currently in use*/
.class1 A {text-decoration: underline; color:blue; font-weight:normal; }
.class1 A:link {text-decoration: underline; color:blue; font-weight: normal; }
.class1 A:visited {text-decoration: underline; color:blue;font-weight: normal;}
.class1 A:active {text-decoration: none; color:black;font-weight: normal;}
.class1 A:hover {text-decoration:underline; color:red; font-weight: normal; font-size:1.1em;}
/*spacing between the entries in the meetings column*/
.spacer{margin-bottom: 0em; margin-top: -.6em;}*/
.meetings{line-height:2px;}
/* end links for the meetings column */
/*_______________________________________*/
/*_______________________________________*/
/* Technology Column */
/*_______________________________________*/
.technology{
background-image: url('images/m_mode_display.jpg');
background-repeat: no-repeat;
height: 188px;/*175px;*/
background-position:center;
}
/* Code for the pop up box for the m-mode display */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
font-size: 1.3 em;
margin-left: 1em;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:visited{
color: black;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border: solid 0px red;
padding: 0px;
margin-top: -185px;
margin-left: -90px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}
.thumbnail_font{ /*for the technology column on the home page */
font-size: 2em;
}
.thumbnail_font2{ /*for the products page */
font-size: 1.6em;
color: blue;
}
/* End code for the pop up box */
/* Code for the pop up boxes on the products page */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail2{
position: relative;
z-index: 0;
font-size: 1.3 em;
margin-left: 0em;
}
.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail2:visited{
color: black;
}
.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 0px;
/*left: -1000px;*/
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail2 span img{ /*CSS for enlarged image*/
border: solid 0px red;
padding: 0px;
margin-left:-500px;
margin-top: -20px;
}
.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}
.thumbnail_font2{ /*for the products page */
font-size: 1.6em;
color: blue;
}
/* _____________________________________*/
/* End Technology Column */
/*_______________________________________*/
/***End of Style for columns on Home Page***/
/*******************************************/
/*******************************/
/* drop down menu in header */
/*******************************/
.pd_menu_01 { /*Color navigation bar normal mode*/
float:left;
padding:0;
margin:0;
color: white;
background: rgb(12,1,84);;
width:100%;
border:solid 0px
black;clear:both;
}
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family:trebuchet MS, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
font-size:1.5em;
color: white;
background-color: rgb(12,1,84);;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {
float:left;
position:relative;
z-index:auto !important ;
z-index:1000 ;
border-right:solid 2px rgb(12,1,84);
border-left:solid 2px rgb(12,1,84);
border-bottom: solid 0px black; /* border between sub-menu items */
}
.pd_menu_01 ul li a {
color: white;
background: rgb(12,1,84); /* unvisted main menu items */
float:none !important ;
float:left ;
display:block;
height:30px;
line-height:30px;
padding:0 10px 0 10px;
text-decoration:none;
}
.pd_menu_01 ul li ul {
display:none;
border:none;
color: white;
background: rgb(12,1,84);
width:1px;
}
.pd_menu_01 ul li:hover a {/*Color main cells hovering mode*/
background-color:white;
text-decoration:none;
color:rgb(12,1,84);
}
.pd_menu_01 ul li:hover ul {
display:block;
position:absolute;
z-index:999;
top:29px;
margin-top:1px;
left:0;
}
.pd_menu_01 ul li:hover ul li a { /*Color subcells normal mode*/
font-size: 1.2em;
display:block;
width:12em; height:auto;
line-height:1em;
margin-left:-1px;
padding:5px 10px 5px 10px;
border-left:solid 1px black;
border-bottom: solid 1px black; /*border between items in sub menu */
background-color:white;
color:black;
}
.pd_menu_01 ul li:hover ul li a:hover { /*Color subcells hovering mode*/
background-color:lightgrey;
text-decoration:none;
color:#000000;
}
.pd_menu_01 ul li a:hover { /*Color main cells hovering mode*/
background-color:white;
text-decoration:none;
}
.pd_menu_01 ul li a:hover ul {
display:block;
width:12em;
position:absolute;
z-index:999;
top:29px;
left:0;
}
.pd_menu_01 ul li ul li a:visited { /*Color subcells normal mode*/
background-color:white;
color:black;
}
.pd_menu_01 ul li a:hover ul li a {
display:block;
width:12em;
height:1px;
line-height:1.3em;
padding:4px 16px 4px 16px;
border-left:solid 1px rgb(12,1,84);
background-color:white;
color:black;
}
.pd_menu_01 ul li a:hover ul li a:hover { /*Color subcells hovering mode*/
background-color:lightgrey;
text-decoration:none;
color:#000000;
border-bottom: solid 0px black;
}
/*************End Drop Down Window *******/
/******************************************/
/* Side Menu on Products Page */
/******************************************/
.outline{/*table that provides the outline for the white box on the products and application pages*/
border: 1px solid #D7D7D7;
background-color:white;
}
.right_box{ /*holds product descriptions */
background: rgb(237,236,240);
border: solid 1px black;
margin-top: -9px;
/*float: right;*/
margin-left: 300px;/*10em;*/
margin-right:0em;
padding-left:0em; /*5em;*/
padding-top: 30px;
padding-bottom: 30px;
border: solid 0px black;
}
.product_table{ /*holds floating menu */
border: solid 0px white;
/*margin-left: 300px;*//*-116px;*/
margin-bottom: 0px;
border: solid 0px purple;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0em;
float: left;
position: fixed;
background: transparent;
veritical-align: top;
}
.left_box{ /*holds floating menu */
border: solid 2px red;
margin-left: 100px;/*100px;-116px;*/
margin-bottom: 0px;
border: solid 1px gray;/*rgb(12,1,84);*/
margin-top: 15px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
float: left;
position: fixed;
background: lightgrey;
veritical-align: top;
}
#side_menu ul {
list-style: none;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-style: normal;
font-weight: bold;
text-decoration: none;
}
#side_menu {
width: 25em;
margin: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: grAY;/*#ADADAD;*/
border-right-color: gray;/*#ADADAD;*/
border-bottom-color: gray;/*#ADADAD;*/
border-left-color: gray;/*#ADADAD;*/
float: left;
}
#side_menu li a {
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-bottom-color:lightgrey;/*#C7C2FC; lines between itmes*/
}
#side_menu .notopbrdr0xNone {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#side_menu li a:link, #side_menu li a:visited {
color: black;
display: block;
background-color:lightgrey; /*#ADADAD;*/
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 10px;
}
#side_menu li a:hover {
color: #000000;
background: #FFFFC6;
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 10px;
}
/*******End side menu on Products page *********/
/**********************************************/
/*********format for internal frame that holds the demo videos ****/
.video_window{ /*formatting for inline frame that displays the videos*/
width:650px;
height: 500px;
}
.video_container{ /* container inside the inline frame */
margin-left: -10px;
padding:0;
}
/*******Demo Video Menu *********/
#video_menu ul {
list-style: none;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: bold;
text-decoration: none;
}
#video_menu {
width: 12em;
margin: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: gray;
border-right-color: gray;
border-bottom-color: gray;
border-left-color: gray;
text-align: center;
}
#video_menu li a {
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-bottom-color: gray;
}
#video_menu .notopbrdr0xNone {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#video_menu li a:link, #video_menu li a:visited {
color: black;
display: block;
background-color: lightgrey;
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 0px;
}
#video_menu li a:hover {
color: black;
background: white;
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 0px;
}
/*******End Demo Video Menu *********/