/*Fonts*/
/**
 * @license
 * MyFonts Webfont Build ID 3480282, 2017-11-09T03:16:36-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaNeueLT-Light by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-45-light/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted &#x00A9; 1988 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * Licensed pageviews: 4,250,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3480282
 * 
 * © 2017 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/351ada");

  
@font-face {font-family: 'HelveticaNeueLT-Light';src: url('fonts/351ADA_0_0.eot');src: url('fonts/351ADA_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/351ADA_0_0.woff2') format('woff2'),url('fonts/351ADA_0_0.woff') format('woff'),url('fonts/351ADA_0_0.ttf') format('truetype');}
@font-face {
  font-family: 'PTSans-Regular';
  src: url('fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/PTSans-Regular.woff') format('woff'), url('fonts/PTSans-Regular.ttf')  format('truetype'), url('fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: 'Merriweather-Regular';
  src: url('fonts/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Merriweather-Regular.woff') format('woff'), url('fonts/Merriweather-Regular.ttf')  format('truetype'), url('fonts/Merriweather-Regular.svg#Merriweather-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


*,body,html{
	padding: 0;
	margin : 0;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.container {
    position: relative;
    width: 970px;
    height: 250px;
    margin: 0 auto;
    border: 1px solid #a1a1a1;
    background: #ffffff;
    box-sizing: border-box;
    -webkit-transition: width .4s, height .4s ease-in-out; /* For Safari 3.1 to 6.0 */
    transition: width .4s, height .4s ease-in-out;
}

.main-section {
    position: relative;
    z-index: 2;
    height: 594px;
    width: 100%;
    display: inline-block;
	
}
.image-content{
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.image-content img{
	max-width: 100%;
}
.cover-image{
	width: 283px;
	height: 186px;
	display: inline-block;
	background-position: center;
}
.bg{
	background: url(images/bg.jpg);
	background-position: center;
	background-size: cover;
}
hr{
	margin-bottom: 7px;
    margin-right: 10px;
}
.logo{
    height: 29px;
    background: url(images/hpe_pointnext_grn_pos_rgb.svg);
    width: 166px;
    text-align: left;
    background-size: cover;
    float: left;
    padding-top: 0px;
    padding-bottom: 20px;
    background-position: -181px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

header{
	height: 40px;
	background: #ebebeb;
	margin-bottom: 12px;
}
header p{
	line-height: 40px;
	font-size: 10px;
	padding-left: 14px;
	display: inline-block;
	font-family: 'PTSans-Regular';
	text-transform: uppercase;
}
header img{
	float: right;
	height: 40px;
	padding-right: 10px;
	width: auto;
}
.footer{
	height: 50px;
    position: absolute;
    left: 817px;
    width: 100%;
    top: 42px;
}
.tab-inner .btn{
	margin-left: 0;
	margin-bottom: 20px;
}
.tab-inner .btn p{
	color: #ffffff;
}
.tab-inner .red{
	color: #660000;
}

.footer .btn, .footer .btn-2, .btn, .btn-2{
    margin: 12px 0 0 12px;
    padding: 2px 0;
    height: 25px;
    width: 129px;
    border: 1px solid #9e0b0f;
    font-family: 'PTSans-Regular';
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    position: relative;
    z-index: 13;
}
.footer .btn:hover, .footer .btn-2:hover, .btn, .btn-2{
	cursor: pointer;

}
.footer .btn .btn-content, .footer .btn-2 .btn-content, .btn .btn-content, .btn-2 .btn-content{
	margin: 1.4px auto;
	text-align: center;
	
}
.footer .btn p, #slider .footer .btn-2 p, .btn p, .btn-2 p{
	color: #000000;
	text-align: center;
	line-height: 24px;
	display: inline-block;
	font-size: 14px;
	font-family: 'PTSans-Regular';
	font-weight: 700;
}
.footer .btn img, .footer .btn-2 img, .btn img, .btn-2 img{
    margin-left: 10px;
    vertical-align: sub;
}
.footer .footer-logo{
	display: inline-block;
	float: right;
	background-size: cover;
	height: 31px;
	width: 74px;
	background: url(images/HPE_AN_grn_pos_rgb.svg);
	background-position: left;
    background-size: cover;
    right: 18px;
    top: 9px;
    position: absolute;
}
.tab-inner h5{
	color: #000000;
	font-size: 18px;
	font-family: 'HelveticaNeueLT-Light';
	margin-bottom: 12px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 12px;

}
.tab-inner h4{
	
	font-size: 16px;
	font-family: 'HelveticaNeueLT-Light';
	margin-bottom: 4px;
	font-weight: bold;
	line-height: 16px;

}
.tab-inner h3{
	font-family: 'Merriweather-Regular';
	font-size: 12px;
	color: #660000;
	font-weight: bold;
	margin-bottom: 10px;
}
.tab-inner h2{
	font-family: 'MetricHPE-Light';
	color: #00b288;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
}


.tab-inner h1{
	color: #000000;
	font-size: 22px;
	line-height: 24px;
	font-family: 'HelveticaNeueLT-Light';
	margin-bottom: 5px;
	font-weight: bold;

}
.tab-inner p{
	color: #000000;
	font-family: 'HelveticaNeueLT-Light';
	font-size: 13.5px;
	margin-bottom: 12px;
	line-height: 17px;
    padding-right: 12px;
	margin-top: 5px;
}
.tab-inner p img{ width: 100%;}
.tab-inner a, .tab-inner a:link, .tab-inner a:visited, .tab-inner a:active{
	color: #000000;
}

.tab-inner a:hover{
	cursor: pointer;
}



/*Tabs*/
ul.tabs {
	margin: 0 8px;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	display: inline-block;
	width: 100%;
	position: absolute;
	left: 299px;
}

ul.tabs li {
	float: left;
	margin-right: 1px;
	cursor: pointer;
	padding: 0px 7px;
	height: 35px;
	line-height: 35px;
	background-color: #555555;
	color: #ffffff;
	overflow: hidden;
	position: relative;
	font-size: 9.5px;
	font-family: 'PTSans-Regular';
	text-transform: uppercase;
	font-weight: 700;
	
}
ul.tabs li:last-child{
	margin-right: 0;
}

ul.tabs li:hover {
	background-color: #9e0b0f;
	
}

ul.tabs li.active {
	background-color: #9e0b0f;
	
	
	display: block;
}

.tab_container {
	clear: both;
	float: left;
	width: 99%;
	overflow: auto;
	padding: 0 12px;
}

.tab_content {
	
	display: none;
}

.tab_drawer_heading { 
	display: none; 
}
.tab-inner{
	margin: 46px 8px 0;
    height: 141px;
    overflow: auto;
    width: 655px;
    
    float: right;
}
.tab-inner .article-image{
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
}


.tab-inner::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.tab-inner::-webkit-scrollbar {
  	width: 10px;
	background-color: #F5F5F5;
}


.tab-inner::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


/*::-webkit-scrollbar-thumb:vertical {
  
  background: rgba(0,0,0,0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0);
  min-height: 10px; 
}
::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0,0,0,0.61); 
  -webkit-border-radius: 100px;
}*/

