/*
 * I had to separate the small screen items into their own file.
 * Putting them in the main file with @media queries
 * broke pocket ie. It would reach some arbitrary point in the
 * main file and then stop using the rest of the file.
 * (Removing one @media query simply moved the breaking point
 *  further down in the file.)
 */
body {
  min-width: 0px;
  margin: 0px;
}

.body2 {
  margin: 0px;
}

.parentlayer {
  left: 0px;
  width: auto;
  margin: 0px;
  min-height: 0px;
  padding: 0px;
}

.parentRightBorder,
.parentLeftBorder,
.parentRightBorder_sub,
.parentLeftBorder_sub {
  display: none;
  height: 0px;
  width: 0px;
}

.mainsection {
  width: auto;
}

.headerbar {
  height: auto;
  max-width: inherit;
  width: auto;
}

.footerbar {
  position: relative;
  height: auto;
  max-width: inherit;
  width: auto;
}

.mainsection_top_picture {
  background-image: none;
  overflow: hidden;
}

.mainsection_top {
  display: none;
  height: 0px;
  width: 0px;
}

.mainsection_top_picture {
  display: none;
  height: 0px;
  width: 0px;
}

@media only screen and (min-width: 270px),
  only screen and (min-device-width: 270px) {
  .mobileWordoverlay {
    display: block;
    float: right;
    height: auto;
    padding: 5px;
    max-width: 100px;
  }
  #mobileWordoverlay1 {
    color: #0473c6;
    font-size: 9px;
    font-weight: bold;
    font-style: italic;
  }
}
.wordoverlay {
  display: none;
}

.mainsection_bottom {
  padding: 0 5px 0;
  width: auto;
}

.mainsection_bottom_column {
  float: none;
  padding: 0px;
  width: auto;
  margin: 0px;
}

.main_left_2column {
  float: none;
  padding: inherit;
  width: 100%;
  padding: 0px;
}

.main_middle_2column {
  float: none;
  padding: inherit;
  width: 100%;
  padding: 0px;
}

#addressCA1 {
  float: none;
  width: inherit;
  text-align: left;
  margin: inherit;
  display: block;
}

#addressNC1 {
  float: none;
  width: inherit;
  text-align: left;
  margin: inherit;
  display: block;
}

#addressMap {
  height: 0px;
  display: none;
}

.addressBlock h3 {
  text-align: left;
}

.decorative_bar1 {
  display: none;
  height: 0px;
}

.logo {
  float: none;
  display: block;
  height: 49px;
  width: 100%;
  padding: 0px;
  overflow: hidden;
}

#imgLogo {
  background-image: url("../images/logo_96dpi_49pxh_174pxw.png");
  height: 49px;
  width: 184px;
  overflow: hidden;
  padding: 0px;
}

.logoDescription {
  height: auto;
  width: 100%;
  padding: 0px;
}

#logoDescription {
  height: 0px;
  width: 0px;
  display: none;
  padding: 0px;
}

#logoDescription2 {
  display: block;
  position: relative;
  font-size: 9px;
  line-height: 1em;
  text-align: left;
  padding: 2px 10px 5px;
  width: auto;
}
#logoDescription2_small {
  display: block;
  position: relative;
  font-size: 9px;
  line-height: 1em;
  text-align: left;
  padding: 2px 10px 5px;
  width: auto;
}

.main_menubar_holder {
  position: relative;
  height: auto;
  overflow: auto;
  width: auto;
}

.main_menubar {
  position: relative;
}
.main_menubar_2 {
  position: relative;
}

.mainmenuitem {
  font-size: inherit;
  line-height: inherit;
}

.mainmenuitem ul li {
  padding: 2px 0px 2px;
  display: block;
  float: none;
  border-top: 1px solid #fff;
  border-right-style: none;
}

.mainmenuitem a,
a.mainmenuitem {
  padding: 0px 5px 0px;
}

.mainmenuitem li:hover ul {
  display: none;
}
.mainmenuitem li:hover li {
  display: none;
}

/* We could not get hover to work on small screen, so instead, we turned
     the main_menubar_2 (logins) on permanently.
   */
/*
  .main_menubar_2 .mainmenuitem li ul {display:block; left-padding: 20px; position:relative;}
  .main_menubar_2 .mainmenuitem li li {display:block;}
*/
.main_menubar_2 .mainmenuitem li:hover ul {
  display: block;
  left-padding: 20px;
  position: relative;
  text-align: left;
  width: 100%;
}
.main_menubar_2 .mainmenuitem li:hover li {
  display: block;
}

.secondarymenuitem_header {
  height: 0px;
  display: none;
}

.secondarymenuitem {
  font-size: inherit;
  line-height: inherit;
}

.secondarymenuitem ul {
  background-color: #dddddd;
}

.secondarymenuitem ul li {
  background-position: center right; /*background-image:url('../images/graydot.png');background-repeat:repeat-y;*/
  background-image: none;
  border-right: 1px solid #444;
  display: inline-block;
  padding: 0px;
  font-size: inherit;
  line-height: inherit;
}

.secondarymenuitem a,
a.secondarymenuitem {
  text-decoration: none;
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
}

#h1industryoverview,
#h1pharma,
#h1healthcare {
  width: auto;
  height: auto;
  padding-left: 0px;
  background-color: transparent;
  display: block;
  vertical-align: baseline;
  border-bottom: 7px solid #a3ccea;
  color: #000000;
  background-image: none;
  padding-right: 0px; /*remove right padding that we added for full-screen background image*/
}

table.tableInvisibleLines td {
  display: block;
}