/* @override 
	http://localhost:8888/hp-siteminder/css/main.css */

html {
	background-color: #e6ebee;
}

body {
	background-color: #e6ebee;
	padding: 50px 0 20px 0;
	font-family: HPSimplified, Helvetica, Arial, sans-serif;
}

.hide-desktop {
	display: none;
}

/* Page Container */
div.page-container {
	width: 960px;
	margin: 0 auto 10px auto;
	background-color: #FFF;
	padding: 30px 32px 30px 32px;
}

/* HPNN Header */
div.hpnn-header {
	padding: 0 0 30px 0;
	position: relative;
	z-index: 3;
}

div.hpnn-header img {
	float: right;
	margin: 0 17px 0 0;
}

div.hpnn-header h2 { line-height: 64px; float: left; font-size: 54px; font-family: "HP Simplified"; 
}

div.hpnn-header-logo {
	overflow: hidden;
}

/* Page Main */
div.page-main {
	width: 300px;
	float: left;
	margin: 0 0 0 0;
}

/* Page Side */
div.page-side {
	float: right;
	width: 450px;
}
div.page-side p {
	font-size: 18px;
	font-family: 'HPSimplifiedLight', Helvetica, Arial, sans-serif;
	line-height: 24px;
}
.digital-badge-btn {
	margin-bottom: 15px;
}
p.get-it {
	width: 450px;
	padding-top: 20px;
	font-size: 18px;
	font-family: 'HPSimplifiedLight', Helvetica, Arial, sans-serif;
	line-height: 24px;
	float: right;
}

/* Page Main Content One */
div.page-main-content-one {
	width: 300px;
	float: left;
	margin: 0 20px 0 0;
}

/* Log On Form */
div.login-form label {
	font-weight: bold;
	font-size: 15px;
}

input.text {
	border-radius: 0;
	border-width: 2px;
	border-color: #ccc;
	padding: 8px;
}
input.email-address {
	width: 278px;
}
div.email-login-help {
	margin-bottom: 10px;
}
div.email-login-help .help { float: left; color: #767676; font-size: 12px; font-family: "HP Simplified"; 
}
div.email-login-help .checkbox {
	float: left;
	margin-left: 20px;
	font-weight: normal;
	font-size: 14px;
}
.computer-pass, .auth-token {
	float: left;
	width: 170px;
}
.pass-help {
	width: 100px;
	float: right;
	color: #767676;
	font-size: 12px;
	font-family: 'HPSimplifiedLight', Helvetica, Arial, sans-serif;
	line-height: 14px;
	margin-top: -4px;
}
.submit-row {
	clear: both;
	padding-top: 5px;
}

/* Common Button Style */
.btn {
	padding: 10px 18px;
	font-family: HPSimplified, Helvetica, Arial, sans-serif;
}

.btn-primary { background-image: none; border: none; font-weight: bold; font-size: 20px; background-color: #d7410b; -moz-border-radius: 0 4px 0 4px; -webkit-border-radius: 0 4px 0 4px; border-radius: 0 4px 0 4px; font-family: "HP Simplified"; 
}

.btn-primary:hover {
	background-color: #0096d6;
}

/* Footer */
div.footer {
	width: 960px;
	margin: 0 auto;
	padding: 12px 32px 10px 32px;
	background-color: #FFF;
	color: #767676;
}

div.footer p { font-size: 11px; line-height: 1.4em; font-family: "HP Simplified"; 
}

div.footer a:link,
div.footer a:visited { color: #767676; font-family: "HP Simplified"; 
}

/* Footer Text */
div.ft-text {
	width: 600px;
	float: left;
	padding: 8px 0 0 0;
}

/* Footer Side */
div.ft-side {
	width: 310px;
	float: right;
}

div.ft-side p {
	text-align: right;
}

div.ft-side .nav {
	font-size: 13px;
	float: right;
	margin: 0 0 6px 0;
	position: relative;
	left: 12px;
}

/* Headings */
h3 { margin-top: 0; font-family: "HP Simplified"; 
}

/* Common Button Style */
#responsiveBreakpoint {
	z-index: 1039;
	position: relative;
}

@media screen and (max-width:1039px) {
    #responsiveBreakpoint {
        z-index: 694;
    }
}

@media screen and (max-width:480px) {
    #responsiveBreakpoint {
        z-index: 480;
    }
}