@charset "utf-8";

/*
		HealthPartners 2010
		journeywell individual page pieces for projects and typically non-shared components
*/

#p520-id ul#navigation {
	display: none !important;	
	}

#p520-id #main {	
	padding-top: 10px;
	}	

#p520-id #landing {
	vertical-align: top;
	background: transparent url('/ucm/groups/public/@hp/@public/documents/images/dev_004593.jpg') no-repeat 0 0;
	height: 483px;
	margin-top: -1px;
	}

#p520-id #landing #quote { 
	float: right;
	width: 300px;
	margin: 40px 10px 20px 0;
	padding-left: 40px;
	}
		
#p520-id #landing #quote a {
	font: 1.1em 'MetaPro', Arial, sans-serif;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.15);
	line-height: 1.5em;
	}	
	
#p520-id div#logon {	
	height: 200px;
	}	
	
#p520-id div#employers {	
	height: 138px;
	}		
	
	/* Logon Box */
#logon-container {
	position: absolute;
	top: 70px;
	z-index: 5;
	width: 205px;
	padding: 50px 4px 14px;
	}

#logon-container span#log-on-now {		
	display: block;
	font: bold 19px 'MetaPro', Arial, sans-serif;
	color: #90b57e;
	height: 24px;
	}
	
.webkit #logon-container span#log-on-now {		
	height: 25px;
	}	
		
#logon-container #companyname-box {
	display: block;
	height: 42px;
	margin-top: -1px;
	}

.has-js #logon-container #companyname-box { /* js on style */
	height: 34px !important;
	margin-top: 4px !important;
	}
	
#logon-container #username-box {
	display: block;
	height: 42px;
	margin-top: -1px;
	}

.has-js #logon-container #username-box { /* js on style */
	height: 34px !important;
	margin-top: 4px !important;
	}	

#logon-container #password-box {
	display: block;
	margin-top: 15px;
	}

#logon-container #companyname-label {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	margin-left: 1px;
	cursor: text;
	}

.has-js #logon-container #companyname-label { /* js on style */
	position: absolute !important;
	z-index: 4;
	font-size: 14px;
	margin: 3px 0 0 6px !important;
	}

.moz.mac #logon-container #companyname-label { /* moz/js on style */
	margin-top: 2px !important;
	}
	
#logon-container #username-label {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	margin-left: 1px;
	cursor: text;
	}

.has-js #logon-container #username-label { /* js on style */
	position: absolute !important;
	z-index: 4;
	font-size: 14px;
	margin: 3px 0 0 6px !important;
	}

.moz.mac #logon-container #username-label { /* moz/js on style */
	margin-top: 2px !important;
	}

#logon-container #password-label {
	position: absolute;
	z-index: 5;
	font-size: 12px;
	margin-left: 1px;
	cursor: text;
	}

.has-js #logon-container #password-label { /* js on style */
	position: absolute !important;
	z-index: 6;
	font-size: 14px;
	margin: 3px 0 0 6px !important;
	}	

.moz.mac #logon-container #password-label { /* moz/js on style */
	margin-top: 2px !important;
	}

#logon-container #logon-form input {
	position: relative;
	z-index: 2;
	top: 15px;
	font-size:  13px;
	border-top: 1px #999 solid;
	border-left: 1px #b3b3b3 solid;
	border-bottom: 1px #b3b3b3 solid;
	border-right: 1px #b3b3b3 solid;
	width: 197px;
	height: 20px;
	padding: 2px 3px 0;
	cursor: pointer;
	}
	
.has-js #logon-container #logon-form input { /* js on style */
	top: 0 !important;
	}
	
#logon-container input#companyname, #logon-container input#username, #logon-container input#password {
	margin: 0 !important;
	}	
		
#logon-container #logon-form label.gray {
	color: #333;
	}

.has-js #logon-container #logon-form label.gray { /* js on style */
	color: #808080 !important;
	}

#logon-container #logon-form label.light {
	color: #ccc;
	}

#logon-container #logon-form label.black {
	color: #000;
	}

#logon-container #logon-form #submit {
	width: 56px !important;
	margin: 23px 0 0 148px;
	padding-bottom: 4px;
	}

#logon-container ul#forgot-credentials {
	display: block;
	position: absolute;
	list-style: none;
	font-size: 12px;
	top: 152px;
	margin-left: 1px;
	padding: 0;
	}

.has-js #logon-container ul#forgot-credentials { /* js on style */
	top: 140px !important;
	}
	
#logon-container ul#forgot-credentials #create-username-password a {
	display: block;
	line-height: 14px;
	color: #48494a;
	margin-top: 13px;
	}		

#logon-container ul#forgot-credentials a#forgot-username {
	color: #999;
	}

#logon-container ul#forgot-credentials a#forgot-password {
	display: block;
	color: #999;
	margin: 41px 0 0;
	}

.has-js #logon-container ul#forgot-credentials a#forgot-password {
	margin-bottom: 5px;
	}	

.has-js #logon-container ul#forgot-credentials a#forgot-password {
	margin-top: 32px !important;
	}

.ipad #logon-container ul#forgot-credentials a#forgot-username { /* iPad */
	white-space: nowrap;
	margin-left: 101px;
	}

.ipad #logon-container ul#forgot-credentials a#forgot-password { /* iPad */
	white-space: nowrap;
	margin-left: 103px;
	}

#logon-container ul#forgot-credentials a#forgot-username:hover, #logon-container ul#forgot-credentials a#forgot-password:hover {
	color: #666;
	}

#logon-container ul#forgot-credentials #create-username-password a {
	font-size: 0.97em;
	display: block;
	color: #48494a;
	}

#logon-container ul#forgot-credentials #create-username-password a:hover {
	color: #000;
	}	

#logon-container ul#forgot-credentials li {
	width: 130px;
	}

#logon-container #logon-form lable, ul#forgot-credentials  li {
	font-family: 'Verdana', sans-serif;
	}

#logon-container #logon-form input[type=text]:focus, #logon-form input[type=password]:focus {	
	outline-color: #efa300;
	}	
	
.moz #logon-container #logon-form input[type=text]:focus, .moz #logon-form input[type=password]:focus {	
	outline: 1px solid;
	-moz-outline-radius: 6px;
	outline-color: #efa300;
	}
	
.ipad #logon-container input#username, .ipad #logon-container input#password, .ipad #logon-container input#username:focus, .ipad #logon-container input#password:focus, .iphone #logon-container input#username, .iphone #logon-container input#password, .iphone #logon-container input#username:focus, .iphone #logon-container input#password:focus  { /* iPad, iPhone */
	-webkit-border-radius: 5px !important;
	border: 1px #bbb solid !important;
	}

	/* Go (input) Button Color Active */
#logon-container #logon-form input.button.go:active {
	top: 14px;
	}

.has-js #logon-container #logon-form input.button.go:active {
	top: 1px !important;
	}
	
	/* Logon Box - end */

#home-banner {
	position: relative;
	top: 17px;
	margin-bottom: 17px;
	}

	/* Landing Page Banner */
#banner-slideshow-container {
	position: relative;
	width: 950px;
	height: 279px;
	}
	
#banner-slideshow-container div {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.0;
	z-index: 2;
	width: 950px;
	height: 279px;
	}

#banner-slideshow-container div.active {
    z-index: 3;
    opacity: 1.0;
	}

#banner-slideshow-container h2 {
	position: absolute;
	font: bold 21px 'MetaPro', Arial, sans-serif;
	color: #48494a;
	line-height: 25px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.15);
	top: 55px;
	left: 20px;
	width: 450px;
	}

#banner-slideshow-container p {
	position: absolute;
	font: bold 12px 'Verdana', sans-serif;
	color: #48494a;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.15);
	top: 115px;
	left: 20px;
	width: 550px;
	}


	/* banner 1 */
#banner-slideshow-container #banner-1 {
	background: transparent url('/ucm/groups/public/@hp/@public/documents/images/dev_003990.jpg') no-repeat 0 0;
	}
		
	
	/* Controls */
#home-banner #slide-controls {
	display: none;
	position: absolute;
	top: 250px;
	left: 10px;
	z-index: 6;
	}	

.has-js #home-banner #slide-controls {
	display: block !important;
	}
	
#home-banner .bullet-disc {
	display: -moz-inline-block;
	display: inline-block;
	background: transparent url('/ucm/groups/public/@hp/@public/documents/images/dev_002149.png') no-repeat 0 0px;
	width: 10px;
	height: 10px;
	margin-left: 10px;	
	}
	
#home-banner .bullet-solid {
	display: -moz-inline-block; 
	display: inline-block;
	background: transparent url('/ucm/groups/public/@hp/@public/documents/images/dev_002149.png') no-repeat 0 -10px;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	}
	
	/* why log on */
#home-banner #take-tour-container {
	display: none;
	position: absolute;
	top: 0;
	background: transparent url('/ucm/groups/public/@hp/@public/documents/images/dev_002144.png') no-repeat 0 0;
	z-index: 4;
	width: 950px;
	height: 279px;
	}
	
	/* why log on button */
#home-banner #slide-controls #why-log-on-container {
	position: relative;
	display: inline;
	font-family: 'Verdana', sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 11px;
	top: -1px;
	}
	
#home-banner #slide-controls #why-log-on-container a {
	color: #fff;
	}
	
#home-banner #slide-controls .focus {
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	color: #bfe3ed !important;
	}	
	
	/* take a tour */
#take-tour-container h2 {
	font-family: 'MetaPro', Arial, sans-serif;
	font-weight: bold;
	font-size: 21px;
	color: #fff;
	margin: 20px 0 0 20px;
	}

#take-tour-container ul {
	display: block;
	float: left;
	list-style: none;
	width: 210px;
	margin: 18px 0 0 20px;
	padding: 0;
	}
	
#take-tour-container ul li {
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	padding: 4px 0;
	}
	
#take-tour-container ul li strong {
	font-family: inherit;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	}	
#why-log-on-ajax-content ul li {	
	font-size: 0.70em;
	}
	/* Landing Page Banner - end */ 		
	
	
#top-blurb {
	float: left;
	line-height: 1.4em;
	width: 693px;
	margin-right: 10px;
	padding: 10px 10px 0 20px;
	}

#contact-info {
	float: left;
	line-height: 1.4em;
	width: 185px;
	margin: 0 10px 10px 0;
	padding: 10px;
	}

#enrollment-tools {
	float: left;
	border: 1px #999 solid;
	width: 670px;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -o-border-radius: 8px;
	margin: 0 10px 10px 0;
	padding: 20px;
	}
	
#enrollment-tools h3 {		
	text-indent: -999px;
	color: #fff;
	background: transparent url('/ucm/groups/public/@hp/@public/documents/webasset/dev_001729.png') no-repeat 0 0;
	width: 250px;
	height: 35px;
	}

.tool {
	float: left;
	margin: 10px 5px 0 0;
	}
	
#network {
	float: left;
	background: transparent url('/ucm/groups/public/@hp/@public/documents/webasset/dev_001730.png') no-repeat 0 0;
	height: 55px;
	width: 167px;
	padding: 10px 0 0 69px;
	}
	
#benefits {
	float: left;
	background: transparent url('/ucm/groups/public/@hp/@public/documents/webasset/dev_001731.png') no-repeat 0 0;
	width: 113px;
	height: 55px;
	padding: 10px 0 0 69px;
	}
	
#plan {
	float: left;
	background: transparent url('/ucm/groups/public/@hp/@public/documents/webasset/dev_001732.png') no-repeat 0 0;
	width: 167px;
	height: 55px;	
	padding: 10px 0 0 69px;
	}

#more-resources {
	display: -moz-inline-block;
	display: inline-block;
	vertical-align: top;
	border: 1px #999 solid;
	-o-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 186px;
    height: 115px;
	padding: 15px 20px 20px;
	}
	
#more-resources h3 {
	font: bold 19px 'MetaPro', Arial, sans-serif;
	color: #0c708c;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.10);
	width: 250px;
	padding-bottom: 3px;
	}
	
.promo {
	display: -moz-inline-block;
	display: inline-block;
	vertical-align: top;
	border: 1px #999 solid;
	-o-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	width: 184px;
	height: 115px;
	margin: 0 9px 10px 1px;
	padding: 15px 20px 20px;	
	}
	
.promo p {
	padding-bottom: 0 !important;
	}
	
.promo h4#phone-support, .promo h4#health-wellness, .promo h4#online-tools  {
	font: bold 19px 'MetaPro', Arial, sans-serif;
	color: #90b57e;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.10);
	width: 180px;
	padding-bottom: 8px;
	}
	
#top-3-news-releases .icon {
	display: -moz-inline-block;
	display: inline-block;
	vertical-align:top;
	width: 120px;
	}
	
#top-3-news-releases .icon-release {
	display: -moz-inline-block;
	display: inline-block;
	padding:0 0 40px 0;
	width: 520px;
	}
	
#other-news-releases .release {
	display: -moz-inline-block;
	display: inline-block;
	padding:0 0 20px 0;
	}	

.news-title {
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
	font-weight: bold;
	font-family: 'Verdana', sans-serif;
	margin: 20px 0 10px 0;
	}
	
		/* Contact Us Form */		
#contact-us-iframe {
	width: 640px;
	height: 600px;
	overflow: hidden;
	}	
	
div#contact-us-form	select#company-size {
	width: 220px;
	}

#contact-us-form label#comments-label {
	vertical-align: -20px;
	}

#contact-us-form textarea#comments {
	width: 314px;
	height: 120px;
	resize: none;
	}
	
#contact-us-form input.button {
	margin: 10px 0 0 530px;
	}
	
#contact-us-form input#e-newsletter {
	vertical-align: baseline !important;
	margin: 0 10px 0 123px;
	}	
	
#contact-us-form label#e-newsletter-label {
	vertical-align: -1px !important;
	width: 250px !important;
	height: 18px;
	vertical-align: 
	}	
	
.webkit #contact-us-form #e-newsletter {
	vertical-align: 0 !important;
	}	
	
		/* Contact Us Form - end */
		
		/* mailchimp embedded subscribe form */
#mailchimp-embedded-subscribe-form span.required {
	vertical-align: baseline;
	}
		
#mailchimp-embedded-subscribe-form .required-information-label {
	font: 12px 'Verdana', sans-serif;
	margin-left: 9px;
	}	
	
#mailchimp-embedded-subscribe-form .required-information-label span.required {
	margin-right: 0;
	}	
	
#mailchimp-embedded-subscribe-form legend span {
	font-size: 14px;
	}
		
#mailchimp-embedded-subscribe-form ul.no-bullets {
	margin-left: 10px;
	}
	
#mailchimp-embedded-subscribe-form p.small-type {
	margin-bottom: -10px;
	}
	
#mailchimp-embedded-subscribe-form label {
	display: inline;
	}	
	
#mailchimp-embedded-subscribe-form input {
	width: 184px;
	margin-top: 2px;
	}
	
#mailchimp-embedded-subscribe-form .button {
	float: right;
	margin: 13px 10px 6px 0;
	width: auto !important;
	}	

		/* mailchimp embedded subscribe form - end */