/* -- HP Supplier Portal - HP.com CaaS Style Sheet */

table.body {width: 60%; margin:auto; margin-left: auto; margin-right: auto;}
td.title {text-align: left; vertical-align: middle;}
td.left {width: 25%; text-align: center; vertical-align: top; horizontal-align: center;}
td.content {width: 70%; align: left; text-align: left; vertical-align: top; padding: 0; cellpadding: 0; cellspacing:0; spacing: 0; border-spacing: 0;}

img {
	display: block;
	margin: 0 auto;
}

div.background {
	padding: 0 0px;
	background-color: white;
	text-align: center;
	opacity: 1; 
	border-top: none;
	font-family: "Arial", Arial, sans-serif;
	font-weight:normal;
}
				
.button {
	background-color: #0096D6;
	border: none;
	color: white;
	padding: 18px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	font-size: 15px;
	margin:0 auto;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}

.home {
	background-color: #0096D6;
	width: 100%;
	height: 100%;
	margin:0;
	font-size: 15px;
}
.home a {
	background-color: #0096D6;					
	color: white;
	font-size: 15px;
	font-family: "Arial", Arial, sans-serif;
	text-decoration: none;
	display: block;
	padding: 10px 0px;
}
.home a:hover {
	color: black;
	font-size: 15px;
	font-family: "Arial", Arial, sans-serif;
	text-decoration: none;
	width:100%;
	height: 100%;
	margin:0;
}

.buttonBlue {
	background-color: #767676; 
	color: white; 
	text-align: left;
}
.buttonBlue:hover {
	background-color: #5A5A5A;
	color: black;
	text-align: left;
}
.buttonOrange {
	background-color: #D7410B; 
	color: white;
}
.buttonOrange:hover {
	background-color: #C1401A;
	color: black;
}

.headerbox {
	vertical-align: top;
}
.headerbox h2 {
	background:#0096D6;
	color:white;
	padding: 18px;
	text-align: center;
	font-size: 15px;
	margin:0;
	text-decoration: none;
	font-family: "Arial", Arial, sans-serif;
	font-weight:normal;
}
.headerbox p {
	color: black;
	padding: 18px;
	background-color: white;
	margin:0;
	font-family: "Arial", Arial, sans-serif;
	font-weight:normal;
	list-style-type: none;
	font-size: 15px;
}

button.accordion {
	background-color: #767676;
	color: #FFFFFF;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}
button.accordion:after {
	content: "\25B2";
	font-size: 13px;
	color: #FFFFFF;
	float: right;
	margin-left: 5px;
	font-weight: bold;
}
button.accordion.active:after {
	content: "\25BC";
	color: black;
}
button.accordion.active, button.accordion:hover {
	background-color: #ddd;
	color: black;
}
button.accordion:hover:after{
	color: black;
}
div.panel {
	background-color: white;
	max-height: 0;
	text-align: left;
	overflow: hidden;
	transition: 0.6s ease-in-out;
	opacity: 0;
	border-top: none;
	font-family: "Arial", Arial, sans-serif;
	font-weight:normal;
}
div.panel.show {
	opacity: 1;
	max-height: 4048px;
}
div.panel a {
	background-color: white; 
	color: black;
	font-size: 15px;
	font-family: "Arial", Arial, sans-serif;
	text-decoration: none;
	display: block;
	padding: 10px 0px;
	border-bottom: 1px solid;
}
div.panel a.nobar {
	border-bottom: none;
}
div.panel a.nobar1 {
	border-bottom: none;
	text-decoration: none;
	width:20%;
	height:20%;
	margin:0;
}
div.panel a:hover {
	background-color: #5F7A76;
	color: white;
	font-size: 15px;
	font-family: "Arial", Arial, sans-serif;
	text-decoration: none;
	width:100%;
	height: 100%;
	margin:0;
}
div.panel p {
	background-color: white; 
	color: black;
	font-size: 15px;
	font-family: "Arial", Arial, sans-serif;
	text-decoration: none;
	display: block;
	padding: 10px 0px;
	border-bottom: 1px solid;
}
div.panel h2 {
	font-size: 15px;
	font-weight: bold;
}
div.panel hr {
	border-width: 2px;
	border-style: solid;
	border-color: #0096D6;
}
