/* HTML5 Support for IE8
------------------------------------------------------------ */
header, nav, section, article, aside, #footer {
   display: block;
}

/* Defaults
------------------------------------------------------------ */
body {
  background: #989796 url(../../Images/bgBody.gif) repeat-x;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 12px 20px;
}

/* Hyperlinks
------------------------------------------------------------ */
a:hover {
	color: #009dd9;
	text-decoration: underline;
}

/* Text
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: normal;
    margin: 0
}

h1 {
    font-size: 24px;
    color: #009dd9;
    margin-top: 10px;
}

h2 { 
	color: #009dd9;
  font-size: 18px;
  line-height: 20px;
}

h3 {
  background-color: #e6e6e6;
  display: block;
  color: #333;
	font-size: 14px;
  font-weight: bold;
  line-height: 20px;
	padding: 3px 15px;
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  box-shadow: 0 1px 10px rgba(0,0,0,.1);
  background-repeat: repeat-x;
  margin: 10px 0;
}

/* Container
------------------------------------------------------------ */
#container {
  background: #fff;
  border: 1px solid #ddd;
  margin: 12px auto 0;
  width: 960px;
}

/* Header
------------------------------------------------------------ */
header {
  padding: 16px
}

.chevron-logo {
  float: left;
}
  .chevron-logo h1 {
    float: left;
  }

/* Breadcrumb
------------------------------------------------------------ */
.breadcrumb {
  background: #fff;
  border-bottom: 1px solid #ddd;
  font-size: 10px;
  margin: 0;
  padding: 2px 16px;
}
.breadcrumb a {
  color: #333;
}
  .breadcrumb a:hover {
    color: #009dd9;
    text-decoration: none;
  }

/* Navigation
------------------------------------------------------------ */
nav {
  font-size: 12px;
}
  .navbar .nav>li>a {
    float: none;
    padding: 4px 12px;
    color: #777777;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
  }
    .navbar .nav>li>a:hover {
      color: #009dd9;
    }
  .navbar-inner {
    min-height: 24px;
    padding-left: 4px;
  }
  
.navbar-static-top{
  margin-left: 0px; /* Mobile Friendly */
  margin-right: 0px;
} 

/* Inner Container
------------------------------------------------------------ */ 
.container-inner {
  border-bottom: 8px solid #eeeeee;
}

/* Sidebar
------------------------------------------------------------ */
.sidebar {
  font-size: 14px;
  padding: 15px 10px;
}
  .sidebar img {
    margin-bottom: 10px;
  }
  .sidebar ul {
    list-style: none;
    margin: 0;
  }
  .sidebar li {
    line-height: 22px;
  }
    .sidebar li a {
      color: #333;
      padding-left: 10px;
  }
      .sidebar li a:hover {
        color: #009dd9;
      }
  .sidebar .active {
    background: url(../../Images/bgNavArrow.gif) no-repeat left center;
    color: #009dd9;
    padding-left: 10px;
  }
  
.maintain-users li a {
  padding-left: 0;
}

/* For pages that don't require a sidebar
------------------------------------------------------------ */
.no-sidebar {
  padding-left: 30px;
  margin-bottom: -60px;
}
  
/* Banner
------------------------------------------------------------ */
#banner {
  background: #fff url(../../Images/banner.gif) no-repeat right center;
  border-bottom: 1px solid #ddd;
  height: 126px;
  margin: 10px 0 5px;
}

/* Content
------------------------------------------------------------ */
#content {
  padding: 0 30px 60px 15px;
}

/* Home Page Regional Sites
------------------------------------------------------------ */
.regions {
  margin-bottom: 30px;
}
.regions ul {
  list-style: none;
  margin: 0;
}
.regions li {
  background: url(../../Images/bgNavArrow.gif) no-repeat left center;
  border-bottom: 1px solid #ddd;
  line-height: 30px;
}
  .regions li a {
    color: #009DD9;
    padding-left: 15px;
  }

/* Other Site Links
------------------------------------------------------------ */
.other-sites {
  margin-top: 20px;
}
  .other-sites ul {
    list-style: none;
    margin: 0;
  }
  .other-sites li {
    background: none;
    border-bottom: none;
    float: left;
    line-height: 0;
    padding-right: 20px;
  }
    .other-sites li a {
      padding-left: 0;
    }

/* Alphabet Search
------------------------------------------------------------ */
.alphabet-search a {
  font-size: 15px;
  font-weight: bold;
  padding: 6px;
}

/* Forms
------------------------------------------------------------ */
.form-horizontal .controls {
  margin-left: 120px;
}
.form-horizontal .control-label {
  width: 110px;
  text-align: left;
}

span.checkbox {
    padding: 0px;
}
  span.checkbox > input[type="checkbox"] {
      margin: 8px -5px 7px 0px;
  }
  span.checkbox > label {
      float: left;
      margin-right: 5px;
      padding: 4px 5px 0 10px;
  }

span.radio {
    padding: 0px;
}
  span.radio > input[type="radio"] {
      margin: 8px -5px 7px 0px;
  }
  span.radio > label {
      float: left;
      margin-right: 5px;
      padding: 4px 5px 0px 10px;
  }

.btn-primary, .btn-danger, .btn-success {
  background-image: none;
  filter: none;
}

/* JV MSDS Sign In Form
------------------------------------------------------------ */
.form-signin input[type="text"],
.form-signin input[type="password"] {
  font-size: 16px;
  height: auto;
  margin-bottom: 15px;
  padding: 7px 9px;
}

.form-signin .btn {
  margin-left: 0; 
}

/* JV Logout Link
------------------------------------------------------------ */
.logout {
  padding: 4px 0;
}
  .logout a {
    color: #777;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
  }
    .logout a:hover {
      color: #009dd9; 
    }

/* Results
------------------------------------------------------------ */
.results-nav {
  border-top: 1px solid #ddd;
}
  .results-nav h4 {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0 15px 8px;
  }
  .results-nav p {
    float: right;
  }
  .results-nav .view-indicator {
    float: right;
  }
  .results-nav .controls {
    float: right;
    padding: 15px 0;
  }  
  .results-nav .btn:first-child {
    margin-left: 15px;
  }

/* Footer
------------------------------------------------------------ */
#footer {
  color: #ddd;
  margin: 3px auto 50px auto;
  width: 960px;
}
  #footer a, #footer a:hover {
    color: #ddd;
    text-decoration: underline;
  }
  #footer p {
    float: left;
    font-size: 10px;
    line-height: 1em;
    margin-top: 4px;
  }
  #footer p.socialIcons {
    float: right;
  }
    #footer p.socialIcons span {
      float: left;
      margin: 6px 0 0;
    }
    #footer a.icon {
      display: block;
      float: left;
      width: 22px;
      height: 22px;
      overflow: hidden;
      text-indent: 100px;
      margin: 0 0 0 7px;
    }
      #footer a.iconFacebook {
        background-image: url(../../Images/icon-facebook.gif);
      }
      #footer a.iconLinkedIn {
        background-image: url(../../Images/icon-linkedin.gif);
      }
      #footer a.iconTwitter {
        background-image: url(../../Images/icon-twitter.gif);
      }
      #footer a.iconYouTube {
        background-image: url(../../Images/icon-youtube.gif);
      }

/*-------------------headercontainer---------------------------- */
.headerContainer {
    height: 65px;
    width: 956px;
    margin-top: -5px;
    margin-left: -5px;
    display: inline-block;
}

.pull-center {
    height: 91px;
    width: 70px;
    margin-left: 428px;
    margin-top: 6px;
}

.chevronLogocenter {
    margin-bottom: 20px;
    Height:61px;
    text-align: center;
    Width: 59px;
}



div.pull-right {
    margin-left: 20px;
    margin-top: -96px;
    width: 119px;
    margin-right:6px;
}

.pull-right.familyBrands {
    Height: 59px;
    Width: 109px;
}

#chevtxt {
    width: 273px;
}

#chevtxt {
    margin-left: -95px;
    margin-top: -3px;
    font-weight: bold;
    Font-Size: 20px;
    color: #009dd9;
}

    #chevtxt a, #chevtxt a:hover {
        color: #009dd9;
        text-decoration: none;
    }

.catalog {
    font-weight: bold;
    Font-Size: 20px;
    color: #009dd9;
}

.findSDS {
    Font-Size: small;
    color:black;
}

.form-signin {
    width: 408px;
    margin-left: 370px;
}

.welcome {
    font-weight: bold;
    font-size: 20px;
    color: #009DD9;
    Width:568px;
    text-align : center;
}

.welcomeNote {
    font-size: small;
    color: Black;
    Width :731px;
}

.Data-Sheet h1 {
    font-weight: bold;
    font-size: 24px;
    color: #009dd9;
    margin-top: 10px;
}

.Data-Sheet-Notes {
    height:60px;
    width: 448px;
}
#hrLogin {
    margin-top: 0px;
    width:960px;
    margin-left:-15px;
}

.img3 {
    height : 53px;
    width : 40px;
    margin-top:-44.5px;
    margin-left:69px;
}
.img2 {
    margin-top: -27px;
    margin-left: 36px;
    height: 56px;
}
.img1 {
    height: 52px;
    width: 46px;
}