@import 'lib/reset.css';
@import 'lib/type.css';
@import 'lib/clearfix.css';
body{ background: url(/images/bg-footer.gif) left bottom repeat-x; }
#container{ width: 980px; margin: 0 auto; position: relative; }
a.img{ display: block; padding: 0; border: none; }
a.img img{ display: block; }
a.videoIntro{ margin-left: -8px; position: relative; }
a.error{ border: none; padding: 0; }
h1.logo{ text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; float: left; }
h1.logo a{ width: 250px; height: 110px; display: block; background: url(/images/logo.gif) top left no-repeat;
/* Reset defualt styles */
padding: 0;
border: none;
}
h1.logo a:hover{
/* Reset defualt styles */
padding: 0;
border: none;
}
/* HEADINGS */
h2.useyourresults{ text-indent: -9999px; overflow: hidden; height: 24px; background: url(/images/h/h-useyourresults.gif) no-repeat left top; margin: 0 0 10px; }
h2.educateyourself{ text-indent: -9999px; overflow: hidden; height: 24px; background: url(/images/h/h-educateyourself.gif) no-repeat left top; margin: 0 0 10px; }
h2.practiceprevention{ text-indent: -9999px; overflow: hidden; height: 24px; background: url(/images/h/h-practiceprevention.gif) no-repeat left top; margin: 0 0 10px; }
.mid{ margin-top: 6px; }
ul.list li{ margin-bottom: 8px; }
h4{ text-indent: -9999px; overflow: hidden; height: 25px; width: auto; display: block; margin-bottom: 6px; }
h4.h-overview{ background: url(/images/main/h-overview.gif) left top no-repeat; }
h4.h-aboutTest{ background: url(/images/main/h-abouttest.gif) left top no-repeat; }
h4.h-aboutAlzheimers{ background: url(/images/h/h-aboutalz.gif) left top no-repeat; }
h4.h-selftest-section{ background: url(/images/h/h-selftest-section.gif) left top no-repeat; }
h4.h-videoIntroduction{ background: url(/images/h/h-videointroduction.gif) left top no-repeat; }
h4.h-understandingResults{ background: url(/images/h/h-understandingresults.gif) left top no-repeat; }
h4.h-faqs{ background: url(/images/h/h-faqs.gif) left top no-repeat; }
h4.h-returningUsers{ margin: -16px -40px 0 -25px;height: 50px; }
h4.h-returningUsers a{ display: block; background: url(/images/h/h-returningusers.gif) left top no-repeat; height: 50px; width: 100%; }
h4.h-yourInfo{ background: url(/images/h/h-yourinfo.gif) left top no-repeat; }
h4.h-decodingResults{ background: url(/images/h/h-decodingresults.gif) left top no-repeat; }
h4.h-primer{ background: url(/images/h/h-primer.gif) left top no-repeat; }
h4.h-memosNews{ background: url(/images/h/h-memosnews.gif) left top no-repeat; }
h4.h-share-your-results{ background: url(/images/h/h-share-your-results.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-questions-to-ask{ background: url(/images/h/h-questions-to-ask.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-diagnosis-and-treatment{ background: url(/images/h/h-diagnosis-and-treatment.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-alzheimers-news{ background: url(/images/h/h-alzheimers-news.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-prevention-guides{ background: url(/images/h/h-prevention-guides.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-cognitive-monitoring{ background: url(/images/h/h-cognitive-monitoring.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-brain-exercise{ background: url(/images/h/h-brain-exercise.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-blog{ background: url(/images/h/h-blog.gif) left top no-repeat; margin-bottom: 2px; }
h4.h-understandingResults{ background: url(/images/h/h-understanding-your-results.gif) left top no-repeat; margin-bottom: 2px; }
ul#nav-aux{ margin: 40px 0 0 0; padding: 0; width: 553px; float: right; list-style-type: none; }
ul#nav-aux li{ float: left; text-indent: -9999px; overflow: hidden; }
ul#nav-aux li a{ display: block; height: 23px; background: url(/images/nav-aux.png) top left no-repeat;
/* Reset defualt styles */
padding: 0;
border: none;
}
ul#nav-aux li.about a{ background-position: 0 0; width: 104px; }
ul#nav-aux li.contact a{ background-position: -104px 0; width: 115px; }
ul#nav-aux li.events a{ background-position: -219px 0; width: 88px; }
ul#nav-aux li.account a{ background-position: -408px 0; width: 135px; margin-left: 10px; }
ul#nav-aux li.press a{ background-position: -307px 0; width: 101px; }
ul#nav-aux li.about a:hover{ background-position: 0 -23px; }
ul#nav-aux li.contact a:hover{ background-position: -104px -23px; }
ul#nav-aux li.events a:hover{ background-position: -219px -23px; }
ul#nav-aux li.account a.loggedIn{ background-position: -408px -46px; }
ul#nav-aux li.account a.logOut{ background-position: -408px -23px; }
ul#nav-aux li.press a:hover{ background-position: -307px -23px; }
ul#nav-main{ margin: 0 0 20px 0; padding: 0; width: 784px; float: left; list-style-type: none; }
ul#nav-main li{ float: left; text-indent: -9999px; overflow: visible; position: relative; z-index: 900; }
ul#nav-main li a{ display: block; height: 30px; background: url(/images/nav-main.gif) top left no-repeat;
/* Reset defualt styles */
padding: 0;
border: none;
}
ul#nav-main li.main a{ background-position: 0 0; width: 125px; }
ul#nav-main li.selftest a{ background-position: -125px 0; width: 156px; }
ul#nav-main li.alz101 a{ background-position: -281px 0; width: 172px; }
ul#nav-main li.physicians a{ background-position: -453px 0; width: 170px; }
ul#nav-main li.myALZ a{ background-position: -623px 0; width: 161px; }
ul#nav-main li.main a:hover,
ul#nav-main li.main a.selected{ background-position: 0 -30px; }
ul#nav-main li.selftest a:hover,
ul#nav-main li.selftest a.selected{ background-position: -125px -30px; }
ul#nav-main li.alz101 a:hover,
ul#nav-main li.alz101 a.selected{ background-position: -281px -30px; }
ul#nav-main li.physicians a:hover,
ul#nav-main li.physicians a.selected{ background-position: -453px -30px; }
ul#nav-main li.myALZ a:hover,
ul#nav-main li.myALZ a.selected{ background-position: -623px -30px; }
ul#nav-main ul{ position: absolute; left: 0; display: none; z-index: 999; background: #3e3333; margin: 0 0 0 15px; width: auto; padding: 10px 0; }
ul#nav-main ul li{ float: none; position: static; text-indent: 0; font-size: 16px; line-height: 1; }
ul#nav-main ul li a{ height: auto; width: 224px; padding: 8px 30px; color: #99ffff; background: #3e3333 url(/images/main/arrow.gif) no-repeat left center; }
ul#nav-main ul li a:hover{ background: #ff6633 url(/images/main/arrow-on.gif) no-repeat left center; }
ul#nav-main li.myALZ li a,
ul#nav-main li.selftest li a,
ul#nav-main li.alz101 li a,
ul#nav-main li.physicians li a,
ul#nav-main li.myALZ li a,
ul#nav-main li.myALZ li a:hover,
ul#nav-main li.selftest li a:hover,
ul#nav-main li.alz101 li a:hover,
ul#nav-main li.physicians li a:hover,
ul#nav-main li.myALZ li a:hover{ background-position: left center; }
/*
ul#nav-main li.selftest li a{ background: url(/images/nav-selftest-sub.gif) top left no-repeat; width: 224px; }
ul#nav-main li.selftest li.wttt a{ background-position: 0 0; }
ul#nav-main li.selftest li.tprc a{ background-position: 0 -32px; }
ul#nav-main li.selftest li.faqs a{ background-position: 0 -64px; }
ul#nav-main li.selftest li.scor a{ background-position: 0 -96px; }
ul#nav-main li.selftest li.strt a{ background-position: 0 -128px; }
ul#nav-main li.selftest li.dvlp a{ background-position: 0 -160px; }
ul#nav-main li.selftest li.wttt a:hover{ background-position: -224px 0; }
ul#nav-main li.selftest li.tprc a:hover{ background-position: -224px -32px; }
ul#nav-main li.selftest li.faqs a:hover{ background-position: -224px -64px; }
ul#nav-main li.selftest li.scor a:hover{ background-position: -224px -96px; }
ul#nav-main li.selftest li.strt a:hover{ background-position: -224px -128px; }
ul#nav-main li.selftest li.dvlp a:hover{ background-position: -224px -160px; }
ul#nav-main li.alz101 li a{ background: url(/images/nav-alz101-sub.gif) top left no-repeat; width: 224px; }
ul#nav-main li.alz101 li.symp a{ background-position: 0 0; }
ul#nav-main li.alz101 li.diag a{ background-position: 0 -32px; }
ul#nav-main li.alz101 li.care a{ background-position: 0 -64px; }
ul#nav-main li.alz101 li.resr a{ background-position: 0 -96px; }
ul#nav-main li.alz101 li.prev a{ background-position: 0 -128px; }
ul#nav-main li.alz101 li.scie a{ background-position: 0 -160px; }
ul#nav-main li.alz101 li.symp a:hover{ background-position: -224px 0; }
ul#nav-main li.alz101 li.diag a:hover{ background-position: -224px -32px; }
ul#nav-main li.alz101 li.care a:hover{ background-position: -224px -64px; }
ul#nav-main li.alz101 li.resr a:hover{ background-position: -224px -96px; }
ul#nav-main li.alz101 li.prev a:hover{ background-position: -224px -128px; }
ul#nav-main li.alz101 li.scie a:hover{ background-position: -224px -160px; }
ul#nav-main li.physicians li a{ background: url(/images/nav-physicians-sub.gif) top left no-repeat; width: 224px; }
ul#nav-main li.physicians li.rsch a{ background-position: 0 0; }
ul#nav-main li.physicians li.ptnr a{ background-position: 0 -32px; }
ul#nav-main li.physicians li.refr a{ background-position: 0 -64px; }
ul#nav-main li.physicians li.schd a{ background-position: 0 -96px; }
ul#nav-main li.physicians li.rsch a:hover{ background-position: -224px 0; }
ul#nav-main li.physicians li.ptnr a:hover{ background-position: -224px -32px; }
ul#nav-main li.physicians li.refr a:hover{ background-position: -224px -64px; }
ul#nav-main li.physicians li.schd a:hover{ background-position: -224px -96px; }
ul#nav-main li.myALZ li a{ background: url(/images/nav-myALZ-sub.gif) top left no-repeat; width: 224px; }
ul#nav-main li.myALZ li.blog a{ background-position: 0 0; }
ul#nav-main li.myALZ li.john a{ background-position: 0 -32px; }
ul#nav-main li.myALZ li.cole a{ background-position: 0 -64px; }
ul#nav-main li.myALZ li.writ a{ background-position: 0 -96px; }
ul#nav-main li.myALZ li.blog a:hover{ background-position: -224px 0; }
ul#nav-main li.myALZ li.john a:hover{ background-position: -224px -32px; }
ul#nav-main li.myALZ li.cole a:hover{ background-position: -224px -64px; }
ul#nav-main li.myALZ li.writ a:hover{ background-position: -224px -96px; }
*/
ul#nav-main li > ul { display: none; top: auto; }
ul#nav-main li a:hover ul{ display: none; }
ul#nav-main li:hover ul{ display: none; }
.leftSide ol{ padding-left: 19px; list-style-type: decimal; }
.leftSide ul{ padding-left: 19px; list-style-type: disc; }
/*
PILL BUTTONS
*/
ul.nav-pill,ul.nav-pill-tall{ list-style-type: none; padding-left: 0; }
ul.nav-pill li,ul.nav-pill-tall{ color: #FFFFFF; float: left; font-weight: bold; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-family: "Lucida Grande","Trebuchet MS"; margin-right: 6px; }
ul.nav-pill li a{ color: #FFFFFF; height: 23px; display: block; width: 1%;
/* Reset defualt styles */
padding: 0 0 0 12px;
border: none;
}
ul.nav-pill-tall li a{ color: #FFFFFF; display: block; width: 1%;
/* Reset defualt styles */
padding: 0 0 0 36px;
border: none;
}
ul.nav-pill-tall > li a{ color: #FFFFFF; display: block; width: auto;
/* Reset defualt styles */
padding: 0 0 0 36px;
border: none;
}
ul.nav-pill > li a{ color: #FFFFFF; height: 23px; display: block; width: auto;
/* Reset defualt styles */
padding: 0 0 0 12px;
border: none;
}
ul.nav-pill li a span{ padding: 2px 12px 0 0; height: 21px; display: block; }
ul.nav-pill li.orange a{ background: url(/images/nav-pill-orange-left.gif) top left no-repeat; }
ul.nav-pill li.orange a span{ background: url(/images/nav-pill-orange-right.gif) top right no-repeat; }
ul.nav-pill li.blue a{ background: url(/images/nav-pill-blue-left.gif) top left no-repeat; }
ul.nav-pill li.blue a span{ background: url(/images/nav-pill-blue-right.gif) top right no-repeat; }
ul.nav-pill li.orange2 a{ background: url(/images/nav-pill-orange-blue-left.gif) top left no-repeat; }
ul.nav-pill li.orange2 a span{ background: url(/images/nav-pill-orange-blue-right.gif) top right no-repeat; }
ul.nav-pill li.blue2 a{ background: url(/images/nav-pill-blue-blue-left.gif) top left no-repeat; }
ul.nav-pill li.blue2 a span{ background: url(/images/nav-pill-blue-blue-right.gif) top right no-repeat; }
ul.nav-pill li.grey a{ background: url(/images/nav-pill-grey-left.gif) top left no-repeat; }
ul.nav-pill li.grey a span{ background: url(/images/nav-pill-grey-right.gif) top right no-repeat; }
ul.nav-pill li a:hover{ background: url(/images/nav-pill-over-left.gif) top left no-repeat;
/* Reset defualt styles */
padding: 0 0 0 12px;
border: none;
cursor: pointer;
}
ul.nav-pill li a:hover span{ background: url(/images/nav-pill-over-right.gif) top right no-repeat; }
ul.nav-pill li.orange2 a:hover,ul.nav-pill li.blue2 a:hover{ background: url(/images/nav-pill-over-blue-left.gif) top left no-repeat;
/* Reset defualt styles */
padding: 0 0 0 12px;
border: none;
}
ul.nav-pill li.orange2 a:hover span,ul.nav-pill li.blue2 a:hover span{ background: url(/images/nav-pill-over-blue-right.gif) top right no-repeat; }
/* TALL */
ul.nav-pill-tall li{ color: #FFFFFF; float: left; font-weight: bold; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-family: "Lucida Grande","Trebuchet MS"; margin-right: 6px; }
ul.nav-pill-tall li a{ color: #FFFFFF; height: 44px; display: block; width: 1%;
/* Reset defualt styles */
padding: 0 0 0 36px;
border: none;
}
ul.nav-pill-tall > li a{ color: #FFFFFF; height: 44px; display: block; width: auto;
/* Reset defualt styles */
padding: 0 0 0 36px;
border: none;
}
ul.nav-pill-tall li a span{ padding: 12px 36px 0 0; height: 32px; display: block; }
ul.nav-pill-tall li.orange a{ background: url(/images/nav-pill-tall-orange-left.gif) top left no-repeat; }
ul.nav-pill-tall li.orange a span{ background: url(/images/nav-pill-tall-orange-right.gif) top right no-repeat; }
ul.nav-pill-tall li.blue a{ background: url(/images/nav-pill-tall-blue-left.gif) top left no-repeat; }
ul.nav-pill-tall li.blue a span{ background: url(/images/nav-pill-tall-blue-right.gif) top right no-repeat; }
ul.nav-pill-tall li.grey a{ background: url(/images/nav-pill-tall-grey-left.gif) top left no-repeat; }
ul.nav-pill-tall li.grey a span{ background: url(/images/nav-pill-tall-grey-right.gif) top right no-repeat; }
ul.nav-pill-tall li.yellow a{ background: url(/images/nav-pill-tall-yellow-left.gif) top left no-repeat; }
ul.nav-pill-tall li.yellow a span{ background: url(/images/nav-pill-tall-yellow-right.gif) top right no-repeat; }
ul.nav-pill-tall li a:hover{ background: url(/images/nav-pill-tall-over-left.gif) top left no-repeat;
/* Reset defualt styles */
padding: 0 0 0 36px;
border: none;
cursor: pointer;
}
ul.nav-pill-tall li a:hover span{ background: url(/images/nav-pill-tall-over-right.gif) top right no-repeat; }
#footer{ height: 170px; margin-top: 40px; }
#footer form{ float: right; padding: 20px; background: #504444; border: 1px solid #635656; margin-top: 20px; width: 300px; }
#footer form label.getNewsletter{ text-indent: -9999px; background: url(/images/h-getnewsletter.gif) left top no-repeat; height: 32px; display: block; }
#footer form input.text{ float: left; border: 1px solid #e5e5e5; height: 20px; padding: 3px 1px 1px; width: 220px; }
#footer form input.submit{ float: left; height: 26px; margin-top: 0; }
#footer p{ color: #999999; float: left; clear: left; line-height: 2; margin: 16px 0 0; font-size: 12px; line-height: 20px; width: 50%; }
#footer a{ color: #FFFFFF;
/* Reset defualt styles */
padding: 0 0 0 0;
border: none;
}
#footer a:hover{ color: #FFFFFF;
/* Reset defualt styles */
padding: 0 0 0 0;
border-bottom: 1px dotted #fff;
}
#footer a.facebook{ padding-left: 20px; background: url(/images/icon-facebook.png) no-repeat left center; }
#footer a.twitter{ padding-left: 20px; background: url(/images/icon-twitter.png) no-repeat left center; }
#footer a.rssfeed{ padding-left: 20px; background: url(/images/icon-rss.png) no-repeat left center; }
#flyoutLogin{ padding: 20px; background: #2e3192; width: 280px; position: absolute; top: 57px; right: 0; z-index: 999; line-height: 10px; display: none; }
#flyoutLogin p{ color: #FFFFFF; margin-bottom: 8px; line-height: 15px; }
#flyoutLogin p.forgot{ float: right; font-size: 11px; line-height: 1; }
#flyoutLogin p a{ color: #66ffff;
/* Reset defualt styles */
border-color: #66ffff;
}
#flyoutLogin p a:hover{ color: #ff5c30;
/* Reset defualt styles */
border-color: #ff5c30;
}
#flyoutLogin label{ color: #66ffff; }
#flyoutLogin input.text{ width: 268px; padding: 3px; margin: 2px 0 6px; }
#searchQuery{ clear: both; float: right; width: 185px; }
#searchQuery input.text{ float: left; border: 1px solid #e5e5e5; height: 20px; padding: 3px 1px 1px; width: 150px; }
#searchQuery input.submit{ float: left; height: 26px; margin-top: 0; }
/* FORM GLOBALS */
label{ display: block; font-size: 14px; line-height: 24px; color: #333; }
label em, .red{ color: red; }
input.text,
select,
textarea{ font-size: 14px; font-weight: bold; color: #222; margin-bottom: 8px; padding: 3px; }
input.image,
input.submit{ display: block; margin-top: 6px; }
span.radio{
width: 46px;
height: 45px;
padding: 0 5px 0 0;
background: url(/images/btn-radio.gif) no-repeat;
display: block;
clear: left;
float: left;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* BREADCRUMBS */
ul.crumbs{ margin-bottom: 6px; list-style-type: none; }
ul.crumbs li{ float: left; color: #999; }
ul.crumbs li a{ color: #999; border-color: #fff; }
ul.crumbs li a:hover{ color: #ff5c30; border-color: #ff5c30; }
ul.crumbs li.current a{ color: #0066cc; border-color: #fff; }
ul.crumbs li.current a:hover{ color: #ff5c30; border-color: #ff5c30; }
/* JQUERY TOOLTIPS */
#tooltip {
position: absolute;
z-index: 3000;
width: 360px;
}
#tooltip h3{ background: url(/images/bg-tooltip-top.png) no-repeat left top; font-size: 13px; color: #fff; line-height: 19px; padding: 39px 40px 0; }
#tooltip div{ background: url(/images/bg-tooltip-btm.png) no-repeat left bottom; font-size: 12px; color: #fff; line-height: 18px; padding: 0 40px 50px; }
* html #tooltip h3{ background: url(/images/bg-tooltip-top.gif) no-repeat left top; }
* html #tooltip div{ background: url(/images/bg-tooltip-btm.gif) no-repeat left bottom; }
#tooltip h3, #tooltip div { margin: 0; }
.corporate_table td, .corporate_table th{ padding: 10px 5px; border-bottom: 1px solid #ddd; font-size: 14px; vertical-align: middle; }
.corporate_table th{ font-size: 12px; text-transform: uppercase; }
.corporate_table .name{ width: 25%; }
.corporate_table .last_test{ width: 20%; }
.corporate_table .remaining{ width: 20%; }
.bordered{ padding: 20px; background-color: #eee; margin-bottom: 30px; }
.corporate_table ul.nav-pill li.grey a span{ font-size: 15px; font-weight: bold; }
.corporate_table ul.nav-pill li.orange{ margin-left: 15px; float: right; }
.user_info.hidden{ visibility: hidden; }
.left{ float: left; }
.right{ float: right; }
div.nav-tert{ list-style: none; padding: 0; line-height: 1; }
div.nav-tert span{ font-size: 15px; line-height: 21px; }
div.nav-tert span a{ padding: 8px 12px 8px 30px; background: #fff url(/images/nav-tert-arrowR.gif) no-repeat 6px center; color: #0066cc; border: none; display: block; }
div.nav-tert span.selected a,
div.nav-tert span a:hover{ background: #0099cc url(/images/nav-tert-arrowL.gif) no-repeat 6px center; color: #ccffff; }
div.nav-tert span a span{ border-bottom: 1px dotted #0066cc; padding-bottom: 1px; }
div.nav-tert span a:hover span,
div.nav-tert span.selected a span{ border-bottom: 1px dotted #0099cc; padding-bottom: 1px; }