/**
 * Styles for Tablet portrait
 *
 * - Do not delete or rename this file, if you do not use it leave it blank.
 *
 * - There is an SCSS (SASS) version of this file in the /sass/ directory in your
 *   sub-theme, if you set "compass watch" this file will be overwritten!
 *
 * SEE the _README file in this directory, it contains useful information.
 */

/*
html {
  background-color: #EEEEEE;
  background: url("images/header-bg.png");
  background-repeat: repeat-x;
  background-position: left top;
}

body {
  background-color: #EEEEEE;
  background: url("images/header-bg.png");
  background-repeat: repeat-x;
  background-position: left top;

  background: url("images/header.png");
  background-repeat: no-repeat;
  background-position: center top;
}

.container {
  padding-top: 120px;
  background-color: #FFFFFF;
  background: url("images/ORNL-w.png");
  background-repeat: no-repeat;
  background-position: left 20px;
}
*/

#search-block-form {
  position:absolute;
  top:10px;
  right:0;
}


#primary-menu-bar { width:auto; font-size:65% }

.primary-menu-wrapper { margin-left:0; margin-right:0; }

.primary-menu { /* background-color: #5091CD; /*#f6962b orange */ /*font-size: 110%; margin-top: 12px !important;*/ }

.primary-menu li:hover { /*background-color: #0070B9; /*D77609 orange */ /*#5091CD;*/ /*FECB00;*/}

.primary-menu li a { /*text-decoration: none; color: #ffffff; padding: 9px 17px !important;*/ }

.primary-menu li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #007833; /*#ffffff;*/ /*#5091CD;*/
  padding: 3px 8px !important;
}
.primary-menu li a:hover { color: #000000; }


/* hide search menu item */
.menu-1180 { display:none !important; }


#logo img {
  margin: 0;
  max-width: none;
}

.at-mt .at-menu-toggle ul.menu li a { background-color: transparent; color: #FFFFFF; border:none; }
.at-mt .at-menu-toggle ul.menu li a:hover { background-color: #2C5135; /*84C446*/ }


#instrumentHeader { position:relative; /*width:1140px; height:490px;*/ }
#instrumentHeader header { border-bottom:1px solid #777; margin-bottom:1em; }
#instrumentHeader h1 {
/*float:left;*/
  /*position:absolute; top:0; left:0;*/
  /*background-color:#FFFFFF; background-color: rgba(255,255,255,0.9);*/
  /*margin:0; padding:0; /*1em;*/
  /*vertical-align:bottom;*/
}
#instrumentHeader small {
float:right;
  /*position:absolute; top:0; right:0;*/
  margin:0.5em 0 0 0; padding:0;
/*  vertical-align:bottom;*/
}
#instrumentHeader img {
  /*position:absolute; bottom:0; left:0;*/
}
#instrumentHeader p {
  position:absolute; bottom:0; left:0;
  background-color:#FFFFFF; background-color: rgba(255,255,255,0.9);
  margin:0; padding:20px;
}

#instrumentNav { list-style:none; padding:0; }
#instrumentNav li { list-style:none; display:inline; padding:0 10px 0 0; /*text-transform:uppercase;*/ }

#horizontalNav { list-style:none; padding:0 0 0 2%; }
#horizontalNav li { list-style:none; display:inline; padding:0 10px 0 0; /*text-transform:uppercase;*/ }


.profilePage .profileInfo {
  position: absolute;
  top: 0;
  left: 270px;
}


/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
/*
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
  width: 100%;
  font-size: 0.9em;
}

.at-mt .at-menu-toggle h2 a {
  /*
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
  */
/*  background-color: #007833; /*#5091CD; blue /* 696B73 gray */
/*
  color: #ffffff;
  display: block;
  width: 100%;
  text-align: center;
  padding: 1px 0;
  text-decoration: none;
}

/* Menu items */
/*
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.at-mt .at-menu-toggle ul.menu li a:active {
  background-color: #5091CD;
  color: #FFFFFF;
}

#logo img {
  margin: 0;
  max-width: none;
}
*/