body { background: #fff; margin: 0; padding: 0; font-family: arial; font-size: 12px; color: #393939;}

.wrap {width: 955px; margin: 0 auto;}

a { color: #9D3293; text-decoration: none; outline:none; }
a:focus, a:active { -moz-outline: none; outline:none; }
ul{ padding: 0 0 0 20px; *padding: 0 0 0 28px; margin: 0 0 12px;}

.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cf { min-height: 1px; height: auto !important; height: 1px; }

img, div, span, a, h4, h5, h1, h2, h3, h6,input{ behavior: url('assets/js/iepngfix.htc') }

.hideText { text-indent: -9999px;display:block; /*font-size: 0px;*/}
.sup {font-size: 9px; vertical-align:baseline; position: relative; bottom: .33em;}

.l14 { padding-left: 14px;}
.nudgeUp { margin: -14px 0 0;}

/* ------------------------ Hero Titles Styles ---------------------- */
.aboutHeroTitle {background: url(../img/EN/aboutHeroTitle2.png) 0 0 no-repeat; height: 158px; width: 484px; }
.understandHeroTitle {background: url(../img/EN/understandHeroTitle.png) 0 0 no-repeat; height: 159px; width: 647px; }
.isiHeroTitle {background: url(../img/EN/isiHeroTitle.png) 0 0 no-repeat; height: 159px; width: 678px; }

.aboutHeroTitle, .understandHeroTitle, .isiHeroTitle { margin: -7px 0 0 3px;}

.clean li { list-style: none;}
.clean { padding: 0;}

/* ------------------------ New ISI placement ------------------------- */
.topISI { margin: 12px 0 0;}
.topISI .home  { background: url(../img/newLogo.jpg) 0 0 no-repeat; width: 245px; height: 85px; display: block; cursor: pointer; overflow: hidden; float: left; margin: 12px 0 0 2px;}

#isiTOP { margin: 3px 0 12px; position: relative; height: 107px; background: url(../img/homeIsi.jpg) 0 0 no-repeat; width: 692px; float: right;}
#isiTOP p { font-size: 11px; margin: 10px 0 24px; padding: 0; line-height: 16px !important; color: #555; text-align: justify;}
#isiTOP p a, #topISI ul a { text-transform: uppercase; color: #0f786e;}
#isiTOP img {}

.mediLink,
.prescribeLink,
.isiLink { position: absolute; display: block; height: 16px; z-index: 10;}

.prescribeLink { width: 130px;  right: 179px; top: 0; z-index: 10;}
.mediLink { width: 95px; right: 318px; top: 0; z-index: 10;}
.isiLink { width: 247px; left: 0; bottom: 4px; z-index: 10;}

/*.prescribeLink { background: url(../img/EN/Prescribing-Information.png) 0 0 no-repeat; width: 161px;}
.mediLink { background: url(../img/EN/Medication-Guide.png) 0 0 no-repeat; width: 130px;}
.prescribeLink, 
.mediLink { float: left; margin: 3px 12px 0 0; display: block; height: 20px;  cursor: pointer; overflow: hidden;}
*/
/* ------------------------ Big Header Styles ------------------------- */
.smallHeader .splashSpace { background: url('../img/smHeader-BG3.jpg') 0 0 no-repeat; height:189px}
.splashSpace { background: url('../img/bgiHeader-BG2.jpg') 0 0 no-repeat; position: relative;}
.infoMat { margin: 0 410px 0 20px; padding: 6px 0 13px; font-size: 13px;}
.infoMat h3 { margin: 0 0 3px; font-size: 16px;}
.infoMat p { margin: 0 0 3px;}

.aboutBtn {  background: url(../img/btn/Savealla-can-help-button.png) 0 0 no-repeat; height: 33px; width: 218px; display: block; overflow: hidden; margin: 12px 0 0; cursor: pointer;}

/* ------------------------ Top Nav Styles ------------------------- */
.topNav { *position: relative;}

.pngHover { position: relative; overflow: hidden; width: 300px;}
.pngHover a { position: absolute;}

.HCPArea { float: right; width: 209px; position: relative; height: 30px; overflow: hidden;}
.topNav .tabbyLink,
.topNav .tabbyLinkHover { float: right; width: 199px; position: absolute; top: -3px; cursor: pointer; overflow: hidden; height: 33px; }

.topNav .tabbyLink { background: url(../img/EN/For-HCPs-OneLine.png) 0 0 no-repeat; }
.topNav .tabbyLinkHover { background: url(../img/EN/For-HCPs-OneLine.png) 0 0 no-repeat; left: -199px; }


/* ----------------------- Page Nav Styles ------------------ */
.pageNav { float: left; width: 955px; border-top: 8px solid #942a8a; }

.pageNav .pNavBottom,.pageNav .pNavBottomA { _margin-top: -8px;}
.pNavBottom { background: url(../img/pageNavBottom.jpg) bottom left no-repeat; width: 955px; height: 11px; float: left; _margin-top: -4px;}

.pNavBottomA { background: url(../img/pageNavBottom.gif) bottom left no-repeat; width: 955px; height: 11px; float: left; _margin-top: -4px;}

.pageNav .navItem { background: #a33799;}
.pageNav .navItem { float: left; width: 166px; background: url(../img/gradientPageNav.gif) 0 0 repeat-x; height: 124px; color: #fff; padding: 4px 12px 0;}
.pageNav .last { width: 171px;}
.pageNav .navItem h4 { margin: 0 0 3px; font-size: 18px; font-weight: normal;}
.pageNav .navItem p { margin: 0; font-size: 12px;}
.goNowBtn { background: url(../img/btn/goNowRoll.gif) 0 0 no-repeat; height: 20px; width: 75px; display: block; overflow: hidden;}
.goNowBtn:hover { background-position: 0 -20px;}
.fadeBorder { position: absolute; margin: 0 0 0 -12px; width:1px; height:125px;border:none;}
.nBox { height: 95px;}

/* -------------------- Main Style ------------------- */
#main { }

.contentPane { margin: 40px 0 0;}
.pagePane { float: left; width: 410px; color: #464646; margin: 0 30px 24px 0;}
.pagePane h1 { font-size: 22px; font-weight: normal; margin: 0 0 12px;}
.pagePane h3 { font-size: 14px;}
.pagePane ul { padding: 0 0 0 28px;}
.pagePane .clean { padding: 0;}
.pagePane li { margin: 0 0 6px;}

.nextCall, .nextCall a { color: #9d3293; font-weight: bold; text-decoration: none;}
.nextCall a { background: url(../img/arrow-purp.jpg) right 4px no-repeat; padding: 0 8px 0 4px;}

.fadeSectionBorder { background: url(../img/footerBorder.png) 0 0 no-repeat; width: 872px; margin: 12px auto; padding: 14px 0 0; clear: both;}

.signUp { background: url(../img/boxPurp.jpg) 0 0 no-repeat; float: right; padding: 12px; width: 200px; height: 124px;}
.signUp h4 { color: #fdba17; font-size: 18px; font-weight: normal; margin: 0 0 12px;}
.signUp p { color: #fff;}
.signUpBtn2 { background: url(../img/EN/signUpBtn.png) 0 0 no-repeat; height: 23px; width: 75px; display: block; overflow: hidden; margin: 12px 0 0; cursor: pointer;}

.diagram { margin: 0 0 12px;}

/* --------------------------- Sign Up Styles ------------------------- */
.signUpForm { float: left; width: 686px; margin: 0 0 24px;}
.signUpForm h1 { margin: 0 0 16px;}
.signUpForm p { width: 474px; }

.field { float: left; margin: 0 18px 0 0; height: 78px;}
.required span { color:#fd020e;}
.field label { display: block; margin: 0 0 6px; font-weight: bold; font-size: 13px;}
.field input { width: 254px; padding: 4px; font-family: arial;}

.iAM { margin: 0 0 24px;}
.iAM p { font-weight: bold;}
.radioLine { margin: 0 0 8px 30px; }
.radioLine input { margin: 0; float: left; _margin: -4px 0 0 -3px;}
.radioLine label { margin: -1px 0 0 6px; float: left;}

.chkLine { margin: 0 0 24px; }
.chkLine input { margin: 0; float: left; _margin: -4px 0 0 -3px;}
.chkLine label { margin: -1px 0 0 6px; float: left; width: 430px;}

.signUpForm em { display: block; width: 474px; margin: 0 0 12px;}

.signUpBtn { background: url(../img/EN/signUpBtnPurp.png) 0 0 no-repeat;  border: none; height: 35px; width: 103px; cursor: pointer;}
.unSubBtn { background: url(../img/EN/submit.png) 0 0 no-repeat;  border: none; height: 35px; width: 103px; cursor: pointer;}
.signAgain { background: url(../img/EN/signAgain.png) 0 0 no-repeat;  border: none; height: 35px; width: 128px; cursor: pointer; display: block; margin: 12px 0 0;}

select { display: block; margin: 6px 0 0 19px; _margin-left: 11px; clear: both; float: left;}

.error { color: #fd020e; clear: both; font-weight: bold;}

/* ----------------------- Side Nav Styles -------------------- */
.sideNav { float: left;}
.sideNav div { background: url(../img/sideNavBorder.png) 0 0 no-repeat;}
.sideNav a { color: #9d3293; font-size: 14px; font-weight: bold; text-decoration: none; padding: 16px 45px 12px 32px; display: block; width: 190px;}
.sideNav .current a { color: #e29501; background: url(../img/sideNavCurrent.jpg) 78% 18px no-repeat;}

/* -------------------------- Footer Styles ------------------------- */
#footer { background: url(../img/footerBorder.png) 0 0 no-repeat; width: 872px; margin: 12px auto; padding: 14px 0 28px;}
.footerNav, .forestLogo, .cypressLogo { float: left;}

.footerNav { margin: 12px 0 0; width: 498px;}
.footerNav ul  { padding: 0; margin: 0;}
.footerNav ul li { float: left; list-style: none; border-right: 1px solid #ccc; margin: 0 6px 0 0; padding: 0 6px 0 0;}
.footerNav ul li a { color: #9d3293; text-decoration: none; font-size: 12px;}
.footerNav ul .last { border: none;}
.footerNav p { font-size: 11px; color: #5c5b59; margin: 5px 0 0;}
.forestLogo img { margin: 12px 0 0 20px;}
.cypressLogo img { margin: 4px 0 0 28px;}

/* ------------------------- Footnote Styles ---------------------- */
.fN {vertical-align:baseline; position: relative; bottom: .33em; text-decoration: none;  color: #942a8a; font-weight: normal; font-size: 9px;}
.fN a { text-decoration: none; color: #942a8a; font-weight: normal !important; font-size: 9px;}

.footNotes { float: left;font-size: 12px; margin: 0;  width: 686px;}
.footNotes  h1, .footNotes  h6 { font-size: 12px; margin: 0;}
.footNotes a { color: #464646;}
.footNotes .pur{ color: #9D3293;}
.footNotes ol { padding: 0 0 0 18px; *padding: 0 0 0 30px; margin: 0;} 
.footNotes li { margin: 0 0 24px;}

.diagram .fN { float: right;}

/* ---------------------- isi styles ----------------------- */
.contentPane .Isi { margin: 0; float: left; width: 686px;}
.Isi { margin: 14px 32px 0;}
.Isi h2 { font-size: 12px; margin: 0 14px; font-weight:bold;}
.Isi p { margin: 0 14px 12px;}
.Isi div { margin: 0 14px;}
.Isi ul { padding: 6px 0 0 32px;}
.Isi li { margin: 0 0 12px; list-style: square;}
.Isi .simpleBox { font-weight: bold; border: 1px solid #393939; padding: 12px; margin: 12px 0;}


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; }
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position: absolute; top: 0; left: 0; z-index: -1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
 html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

.hcpPop, .medPop, .fmawarePop, .niamsPop, .nacbtPop, .rheumPop { display: none; position: absolute; background: url(../img/interRound.gif) 0 0 no-repeat; left: 50%; top: 20%; margin-left: -218px; padding: 38px 38px 72px; width: 434px; }
.fmawarePop, .niamsPop, .nacbtPop, .rheumPop { top: 60%;}

.hcpPop h6, .medPop h6, .fmawarePop h6, .niamsPop h6, .nacbtPop h6, .rheumPop h6 { margin: 0; font-size: 18px; color: #a13697;}
.yesBtn { background: url(../img/EN/yesBtn.png) 0 0 no-repeat; }
.noBtn { background: url(../img/EN/noBtn.png) 0 0 no-repeat; }

.noBtn, .yesBtn {height: 23px; width: 59px; float: left; margin: 0 12px 0 0; cursor: pointer;}

.topNav { position: relative; }
.awarenessDay { position: absolute; left: 24px; top: 6px; }
.awarenessDay img { border: 0; }