@charset "utf-8";

/*
	colors:
	 gray: #787878
	 blue: #82a0af
*/

img { behavior: url(iepngfix.htc) }

/* global typography */

html{ overflow-y:scroll; } 

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#787878; }

img { border:0; }

a { color:#82a0af; text-decoration:none; }
a:active, a:focus{ outline:none; }  
   
p { margin:0 0 10px 0; }

h1 { font-size:1.2em; color:#82a0af; }
h2 { font-size:1.4em; color:#82a0af; }
h3 { font-size:1.5em; color:#82a0af; }
h4 { font-size:1em; margin:0 0 10px 0; padding:0; }

ul { margin:0 0 0 18px; padding:0; }
ol { margin:0 0 0 23px; padding:0; }
ul ul, ol ul { margin: 0 0 0 3px; }
li { margin-bottom:8px; }

h1.image { position:absolute; top:-9999px; }

/* global */

#container { width:930px; margin:auto; }

#logo { width:395px; height:37px; margin-top:20px; }
#logo a { display:block; width:395px; height:37px; margin-left:25px; }

#call-us { font-size:1.2em; text-align:right; padding-right:10px; }

#masthead { position:relative; width:930px; height:330px; margin-bottom:7px; }
#masthead-text { position:absolute; top:15px; left:25px; font-size:1.2em; line-height:1.3em; }
#masthead-text h2 { font-size:1.2em; margin-top:0; }

#content { position:relative; width:932px; }
#content a:hover { text-decoration:underline; }

.top-content { font-size:1.2em; line-height:1.3em; margin-left:25px; }

.h1-image { margin:20px 0; }

/* navigation */

#navigation { width:871px; padding:6px 21px; margin:40px 0 15px 4px; border-bottom:2px solid #787878; text-align:left; position:relative; }

#pages, #pages li { display:inline; list-style-type:none; font-size:16px; margin:0; padding:0; }
#pages li { margin-right:36px; }

#pages a { color:#787878; }
#pages a:hover { color:#82a0af; }
#pages .active { font-weight:bold; color:#82a0af; }

#icons { position:absolute; right:5px; padding-top:2px; }
#icons li { display:inline; color:#82a0af; font-size:.88em; margin:0 0 0 10px; list-style-type:none; }
#icons a:hover { cursor:pointer; }
#icons .email { background:url(../img/global/icon-email.gif) no-repeat left; padding-left:18px; }
#icons .print { background:url(../img/global/icon-print.gif) no-repeat left; padding-left:18px; }

.email, .print {margin-right:0; }


/* footer */

#footer { width:520px; padding:20px 10px 20px 25px; font-size:.88em; position:relative; }
#footer ul, #footer li { display:inline; list-style-type:none; font-size:1em; margin:0; padding:0; }
#footer li { margin-right:10px; }
#footer a { font-weight:bold; }
#footer a:hover { text-decoration:underline; }


/* home */

#content-home { position:relative; width:940px; top:-10px; }
#content-home a { cursor:pointer; }

#home .header { position:relative; width:620px; height:330px; margin-bottom:17px; background:url(../img/home/patient-assistance-header.jpg) no-repeat; float:left; }
#home .welcome { width:260px; font-size:2em; line-height:1.3em; }

#home h2 {margin:0 0 10px 0; padding:20px 25px 0 20px; color:#787878; font-weight:bold; text-transform:uppercase;}

#home .content ul { list-style:none; margin:0; padding:0; }
#home .content ul li { width:310px; height:166px; float:left; display:inline-block; }
#home .content ul li p { padding:0 20px 0 20px; }
#home .content ul li a { display:block; width:100%; height:166px; color:#787878; }

#home-provider-portal { background:url(../img/home/box-column-1.jpg) no-repeat top; cursor:pointer; margin-left:-5px; }
#home-foundation { background:url(../img/home/box-column-2.jpg) no-repeat top; cursor:pointer; margin-left:1px; }
#home-downloads { background:url(../img/home/box-column-3.jpg) no-repeat top; cursor:pointer; margin-left:1px; }
#home-provider-portal:hover, #home-foundation:hover, #home-downloads:hover  { background-position:bottom; }

#contact-box { background:url(../img/home/contact-box-bg.jpg) no-repeat bottom; width:306px; height:330px; margin-left:620px; }
#contact-box-top { background:url(../img/home/contact-box-top.jpg) no-repeat; height:13px; margin:0; }

#contact-box .inside { padding:15px 25px; color:#ffffff; font-size:1.4em; }
#contact-box p { margin:6px 0 16px; }


/* how we help */

#how-we-help .header { background:url(../img/how-we-help/helping-patients-header.jpg) no-repeat; }
#how-we-help #masthead-text p { width:470px; }
#how-we-help .content { width:580px; padding:0 20px 10px 25px; position:absolute; }
#how-we-help .content h2 {margin-top:0; padding-top:5px; }

#how-we-help p { line-height:1.4em; }

/* sidebar - prescriptions */

#prescription-list .top { background:url(../img/sidebar/top.jpg) repeat-x; height:14px; }
#prescription-list .bottom { background:url(../img/sidebar/bottom.jpg) repeat-x bottom; height:16px; }
#prescription-list .left { background:url(../img/sidebar/left.jpg) repeat-y left; width:23px; height:100%; float:left; }
#prescription-list .right { background:url(../img/sidebar/right.jpg) repeat-y right; width:26px; height:100%; float:right; }
#prescription-list .middle { background:url(../img/sidebar/bg.jpg) repeat; height:100%; }

#prescription-list { position:relative; z-index:10; float:right; width:309px; height:265px; margin-right:4px; }
#prescription-list .inside { margin:0; height:100%; overflow:hidden; }
#prescription-list a:hover { cursor:pointer; text-decoration:underline; }
#prescription-list h4 { font-size:1.1em; }
#prescription-list ul { margin:0; padding:0; width:195px; float:left; }
#prescription-list li { list-style-type:none; margin:0; padding:0 0 6px 0; line-height:1.2em; font-weight:bold; font-size:1.1em; }

#initial { width:190px; float:left; }

#prescription-list .sup { vertical-align:super; font-size:.7em; line-height:0; }

/* eligibility */

#eligibility .header { background:url(../img/eligibility/patient-eligibility-header.jpg) no-repeat; }
#eligibility #masthead-text p { width:470px; }
#eligibility .content { width:560px; padding:0 20px 10px 25px; }
#eligibility .content h2 {margin-top:0; padding-top:5px; }

#eligibility-side { background:url(../img/sidebar/middle-eligibility.jpg) repeat-y; float:right; width:309px; height:auto; margin-right:4px; position:relative; }
#eligibility-side .top { background:url(../img/sidebar/top-eligibility.jpg) no-repeat top; height:15px; }
#eligibility-side .bottom { background:url(../img/sidebar/bottom-eligibility.jpg) no-repeat bottom; height:17px; }
#eligibility-side .inside { padding:5px 18px 0 21px; }

#eligibility-side h3 { color:#787878; margin:0 0 10px 0; font-size:1.1em; }
#eligibility-side a { font-weight:bold; }


/* application - main */

#application .top-content { width:470px; padding:25px 0; }

#application .content { padding-bottom:10px; }

#application h2 { margin:0 0 6px 0; color:#f3f5f6; font-size:1.2em; }

#application .content ul { list-style:none; margin:0; padding:0; }
#application .content ul li { width:310px; height:166px; float:left; display:inline-block; }
#application .content ul li a { display:block; width:100%; height:166px; }

#patients-caregivers-box { background:url(../img/application/patients-caregivers-box.jpg) no-repeat top; }
#healthcare-providers-box { background:url(../img/application/healthcare-providers-box.jpg) no-repeat top; }
#hospitals-box { background:url(../img/application/hospitals-box.jpg) no-repeat top; }
#patients-caregivers-box:hover, #healthcare-providers-box:hover, #hospitals-box:hover { background-position:bottom; }


/* application - questions */

#patients-caregivers .content, #healthcare-providers .content, #hospitals .content { width:890px; height:495px; padding:20px; }
#patients-caregivers .content img, #healthcare-providers .content img, #hospitals .content img, #questions img { margin:20px 0 40px; }

#patients-caregivers .content { background:url(../img/application/patients-caregivers-bg.jpg) no-repeat; }
#patients-caregivers .content-list { width:890px; padding:20px; }

#question1 p { font-size:1.25em; font-weight:bold; text-transform:uppercase; margin-bottom:15px; }

#healthcare-providers .content { background:url(../img/application/healthcare-providers-bg.jpg) no-repeat; }

#question1, #question2, #question3 { height:600px; }


#hospitals .content { background:url(../img/application/hospitals-bg.jpg) no-repeat; }

#hospitals p { width:580px; font-size:1.1em; line-height:1.2em; }

#hospitals .content ul { margin:-5px 0 0; padding:0; width:150px; float:left; }
#hospitals .content li { list-style-type:none; margin:0; padding:4px 0 0 0; font-size:1.05em; }


/* application - instructions */

#instructions .content { padding:20px; }
#instructions .header {margin:20px 0 25px 0; }

#instructions .icon { float:left; width:40px; text-align:right; margin-right:15px; }

#instructions .step { float:left; width:600px; margin-bottom:15px; }
#instructions h2 { margin:4px 0; font-size:1.4em; }
#instructions h1 { margin:0; padding:0; }
#instructions .content p { font-size:1.2em; line-height:1.3em; }
#instructions .content li { font-size:1.2em; }

#instructions .right { float:right; width:180px; text-align:right; padding:10px 0; font-size:1.1em; font-weight:bold; }
#instructions .left { width:600px; padding:10px 0; }


/* resources */

#resources .top-content { width:500px; padding:15px 0 0; }

#resources .content { padding:10px 0 0 25px; }
#resources .content a:hover { text-decoration:none; }

.resource-box { list-style:none; margin:0; padding:0; min-height:150px; height:auto !important; height:150px; }
.resource-box li { width:285px; margin-bottom:30px; float:left; display:inline-block; }
.resource-box li a { display:block; width:100%; height:inherit; color:#787878; }
.resource-box li img { width:80px; float:left; border:0; }
.resource-box li p { margin-left:90px; margin-bottom:0; }
.resource-box li h2 { color:#787878; font-size:1.2em; }

#faq ul { list-style-type:none; }
li.q { background:url(../img/resources/faq-q.gif) no-repeat left top; padding:2px 0 0 75px; margin-bottom:10px; font-weight:bold; color:#82a0af; font-size:1.1em; }
li.a { background:url(../img/resources/faq-a.gif) no-repeat left top; padding-left:75px; margin-bottom:20px; }

.pdf { background:url(../img/resources/pdficon_small.gif) right no-repeat; padding-right:20px; }

#products p, #distribution p { width:700px; font-size:1.2em; line-height:1.2em; }
#distribution .prescription-list ul { margin:0; padding:0; width:240px; float:left; }

#checklist { list-style:none; font-size:1.2em; margin-left:1px; }
#checklist li { background:url(../img/resources/checkbox.gif) no-repeat left; padding-left:24px; margin-bottom:12px; position:relative; }


/* about us */

#about .header { background:url(../img/about/about-jjpaf-header.jpg) no-repeat; }
#about #masthead-text p { width:470px; line-height:1.3em; }

#about-pages { margin:20px 0 25px; }
#about-pages ul, #about-pages li { display:inline; list-style-type:none; font-size:1em; margin:0; padding:0; }
#about-pages li { margin-right:8px; }
#about #masthead a { color:#787878; }
#about #masthead a:hover { color:#82a0af; }
#about #masthead .active { font-weight:bold; color:#82a0af; }

#about #masthead-text #news p { width:400px; }

#about .content { width:590px; padding:0 20px 10px 25px; }
#about .content p { line-height:1.4em; }
#about .content h2 {margin-top:0; padding-top:2px; }


/* donor list */

#donor-list { background:url(../img/sidebar/middle-donor.jpg) repeat-y; width:930px; height:auto; }
#donor-list .top { background:url(../img/sidebar/top-donor.jpg) no-repeat top; height:15px; }
#donor-list .bottom { background:url(../img/sidebar/bottom-donor.jpg) no-repeat bottom; height:17px; }
#donor-list .inside { padding:10px 13px 10px 16px; }

#donor-list h2 { margin-top:0; color:#787878; padding-left:10px; }
#donor-list ul { list-style:none; margin:0; padding:0; float:left; width:300px; }
#donor-list li { display:inline-block; width:270px; padding:10px 20px 0 10px; font-size:1.1em; min-height:40px; height:auto !important; height:40px; }
#donor-list a { color:#82a0af; }


/* news */

#news { list-style:none; margin:0; padding:0; }
#news li { width:590px; padding-bottom:10px; }
#news img { width:80px; float:left; }
#news p { margin-left:90px; margin-bottom:0; }
#news a { font-weight:bold; }

#news h3 { color:#787878; font-size:1.1em; margin-bottom:3px; }


/* provider portal */

#portal .top-content { width:500px; padding:15px 0 0; }
#portal .content { width:690px; padding:10px 0 0 25px; }


/* other */

#other .content, #sitemap .content  { width:640px; padding:10px 0 0 25px; }
#sitemap .landing { margin-top:10px; }
#sitemap ul { list-style:none; margin-left:2px; }
#sitemap li { margin-bottom:2px; }
#sitemap ul ul { margin-left:15px; }


/* prescription list */

.prescription-list ul { margin:0; padding:0; width:195px; float:left; }
.prescription-list li { list-style-type:none; margin:0; padding:0 0 9px 0; font-weight:bold; font-size:1.1em; }
.prescription-list { width:890px; margin:20px 0 0; }

.drug-name-sm { font-size:.8em; font-weight:normal; line-height:1.1em; color:#888888; }
.drug-hospital { color:#955171; }
p.drug-hospital { margin-top:10px; font-weight:normal; }
p.box-warning { margin-top:15px; font-weight:normal; }
span.box-warning { font-weight:normal; font-size:.8em; }

#patients-caregivers .sup, #resources .sup, #distribution .sup { position:relative; top:-4px; font-size:.7em; line-height:0; }


/* buttons */

.button { width:166px; height:30px; margin-top:20px; cursor:pointer; }
.button a { width:100%; height:30px; display:block; }

.button-sm { height:25px; margin-top:20px; cursor:pointer; }
.button-sm a { width:100%; height:25px; display:block; }

.learn-more { background:url(../img/home/button-learn.gif) no-repeat top; width:148px; margin-top:35px; }

.eligible { background:url(../img/how-we-help/button-eligible.gif) no-repeat top; width:166px; margin-top:35px; }

.get-started { background:url(../img/eligibility/button-get-started.gif) no-repeat top; width:146px; margin-top:35px; }

.download-application { background:url(../img/application/button-download.gif) no-repeat top; width:207px; height:27px; margin:10px 0; }
.download-application a { width:207px; height:27px; display:block; }

.yes { background:url(../img/application/button-yes.gif) no-repeat top; float:left; width:96px; margin-right:20px; }
.no { background:url(../img/application/button-no.gif) no-repeat top; float:left; width:96px; margin-right:20px; }

.ok { background:url(../img/global/button-ok.gif) no-repeat top; float:left; margin-right:10px; }
.send { background:url(../img/global/button-send.gif) no-repeat top; float:left; margin-left:105px; margin-right:10px; }
.cancel { background:url(../img/global/button-cancel.gif) no-repeat top; float:left; width:83px;  }
.close { background:url(../img/global/button-close.gif) no-repeat top; float:left; width:83px; height:24px; }

.phone { background:url(../img/application/button-phone.gif) no-repeat top; width:100px; float:left; margin-right:20px; }
.fax { background:url(../img/application/button-fax.gif) no-repeat top; width:152px; float:left; margin-right:20px; }
.portal { background:url(../img/application/button-portal.gif) no-repeat top; float:left; margin-right:20px; }
.enroll { background:url(../img/application/button-enroll.gif) no-repeat top; width:130px; float:left; margin-right:20px; }
.track { background:url(../img/application/button-track.gif) no-repeat top; width:188px; float:left; margin-right:20px; }
.product { background:url(../img/application/button-product.gif) no-repeat top; width:148px; float:left; margin-right:20px; }
.previous { background:url(../img/portal/button-previous.gif) no-repeat top;  float:left; margin-top:20px; }

.learn-more:hover, .eligible:hover, .get-started:hover, .download-application:hover, .yes:hover, .no:hover, .yes-it-is:hover, .no-it-isnt:hover, .yes-i-have:hover, .no-i-havent:hover, .phone:hover, .fax:hover, .portal:hover, .enroll:hover, .track:hover,.product:hover, .previous:hover, .ok:hover, .send:hover, .cancel:hover, .close:hover { background-position:bottom; }


/* utilities */

.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.height-180 { min-height:180px; height:auto !important; height:180px; }
.height-520 { min-height:520px; height:auto !important; height:520px; }

/* exit warning */

#confirm {display:none;}
#confirm-overlay { background-color:#000000; }

#confirm-container { height:135px; width:420px; font-size:1.2em; text-align:left; background-color:#ffffff; border:2px solid #787878; }
#confirm-container .header { font-weight:bold; margin:9px 10px 0; }
#confirm-container .message { color:#787878; margin:10px 5px 0 5px; padding:10px 5px; }
#confirm-container .buttons { color:#787878; margin:0 5px; padding:10px 5px; height:30px; }
#confirm-container .buttons div { width:83px; height:24px; cursor:pointer; } 
#confirm-container a.modal-close { text-decoration:none; font-size:1.1em; position:absolute; top:5px; left:396px; padding:0 5px 2px; color:#787878; border:1px solid #dddddd; }
#confirm-container a.modal-close:hover { color:#82a0af; }


/* email */

#email { width:320px; }
#email .left { float:left; margin:7px 0; width:95px; text-align:right; }
#email .right { float:left; margin:5px 0 5px 5px; width:210px; }
#email p { width:290px; margin-left:15px; font-size:.9em; }
#email .required { color:#82a0af; }
#email .form { width:200px; border:1px solid #cccccc; }
#email .button { width:83px; height:24px; cursor:pointer; border:0; margin-top:10px; }