/*this is to keep page from shifting to left on load in safari and firefox*/
html, body { height:100.1%; }
/* can also use the following two lines to keep the page from shifting */
/* html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; } */

/* following browser_center class centers background image in browser as it changes size */
.browser_center {
width: 800px ;
margin-left: auto ;
margin-right: auto ; 
	} 
/* hmsheading class formats background image */
div.hmsheading {
/*        background-image: url("rainbow_spectrum_high_resized850px.jpg"); */
/* Photobucket image - rainbow spectrum */
/*        background-image: url("http://i1155.photobucket.com/albums/p543/hskolnik/Four%20product%20website%20images/rainbow_spectrum_high_resized850px.jpg"); */
/*        background-image: url("http://i1155.photobucket.com/albums/p543/hskolnik/Labsphere%20website%20images/rainbow_spectrum_high_resized850px.jpg"); */

        background-image: url("https://hmstechnologysales.com/rainbow_spectrum_high_resized850px.jpg" );
        border: 5px solid #7ffdd4;
        width: 800px;	 
	height: 122px; 
        background-repeat: no-repeat; /* needed only if image size is larger than 850px */
        background-position: 50% 50% ; /* this moves the rainbow inside the border but does not move the image */
        filter:alpha(opacity=100); /* for IE - lower value is more transparent */
        opacity: 1.00; /* for FF and CSS3 standard */
        /* note: font color is changed in p.hms_name_phone_email below */
        }

/* hms_name_phone_email class formats information in web page heading */
.hms_name_phone_email {color: black ; font-family: arial, helvetica, sans-serif; font-size: 125%; vertical-align: middle; text-align: center; }

.navlist_contact {
        float:right; 
        padding-right:20px;
        font-family: arial, helvetica, sans-serif;
        font-size:.90em;
        color: #eeee00; /* #eeee00 is is yellow but does not work here */
     /* note: font "color" is in "a.link" class below */
        } 

/* .thank_you_outer_box {
        border: 5px solid black;
        width: 800px;
        margin-left: auto;
        margin-right: auto;        
        }  */

.thank_you_inner_box {
        width: 375px;
/*        position: relative;  */
        margin-left: auto;   
        margin-right: auto;  
        margin-top: 75px;
/*        border: 3px solid red;  */
        color: black;
        font-family: arial, helvetica, sans-serif;
        font-weight: normal;
        }

/*Image horizontal positioning*/
.relative {
   position: relative;
}

/*GROW1 Maxwell solvers*/
.grow1 img {
  width: 175px;
  height: 115px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow1 img:hover {
  width: 205px;
  height: 135px;


}

/*GROW2 Applications*/
.grow2 img {
  width: 210px;
  height: 140px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow2 img:hover {
  width: 250px;
  height: 165px;
}


/*GROW3 Training*/
.grow3 img {
  width: 160px;
  height: 100px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow3 img:hover {
  width: 200px;
  height: 125px;
}


/*GROW4 FAQs*/
.grow4 img {
  width: 132px;
  height: 102px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow4 img:hover {
  width: 165px;
  height: 127px;
}



/*GROW5 VirtualLab*/
.grow5 img {
  width: 190px;
  height: 65px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow5 img:hover {
  width: 230px;
  height: 80px;
}


/*GROW6 SimphoSOFT*/
.grow6 img {
  width: 200px;
  height: 80px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow6 img:hover {
  width: 230px;
  height: 115px;
}

/*GROW7 Test*/
.grow7 img {
  width: 200px;
  height: 80px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow7 img:hover {
/*  width: 230px; */
/*  height: 115px; */
width: 400px;
height: 200px;

}

/*  Following is to eliminate line break after unordered list */
.pno-space {
   margin-bottom: 0;
}
 .ulno-space {
   margin-top: 0;
   padding-left: 1em;
}   

padding

h4 { color: black; font-family:arial, helvetica, sans-serif; font-size: ;}
.maintext { color: black; font-family:arial, helvetica, sans-serif; font-weight: normal; }
.topic { color: green; font-family:arial, helvetica, sans-serif; font-style: bolder; font-weight: bolder; }
.subtopic { color: black; font-family:arial, helvetica, sans-serif; font-style: bolder; font-weight: bolder; }
.subtext { color: black; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: .90em; } 
.subtext2 { color: black; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: .80em; }
.contact_body { color: ; font-family: arial, helvetica, sans-serif; font-size: ; } /* color and font-size do not work here */ 

/* 000088 is blue */
a:link { color: #000088; font-family:arial, helvetica, sans-serif; font-weight: 600; text-decoration: none }  /* this works in FF, but not in IE7 */
a:visited { color: #000088; font-family:arial, helvetica, sans-serif; font-weight: 600; text-decoration: none }
a:active {color: #000088; font-family:arial, helvetica, sans-serif; font-weight: 600; text-decoration: none }
a:hover {color: green; font-family:arial, helvetica, sans-serif; font-weight: 600; text-decoration: underline overline} 
a:focus {-moz-outline-style:none;}   /*does not seem to do anything */
.linkmsg { color: black; font-family:arial, helvetica, sans-serif; font-weight: lighter; } */ /* used in bottom of lascad1.htm */



/* THE FOLLOWING ARE NOT BEING USED */
/* a: { text-decoration: none;} */
/* a: { color: #eeee00; text-decoration: none;} */ /* this does not work in FF or IE7 note: #eeee00 is yellow */
 */ /* takes precedence in IE7 and older if it follows a:link */
/* div.link_style { color: red; text-decoration: none;} */ /* does not change color, etc of link */ 
/*  x.subtext { font-family:arial, helvetica, sans-serif; font-weight: lighter; } */
/* .home_page_product_links { color: blue; font-family: arial, helvetica, sans-serif; } */
/* p.hms_contact_form {color: black ; font-family: arial; font-size: 125%; vertical-align: middle; text-align: center; } */
/* p.navlist_color {
color: blue;
} */