@import url("reset.css");
.cms_debug {clear:both;}
.clearFloat {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}
.noMargin{margin:0;}
.hide{display:none !important;}
p, li {margin:10px 0;}
.dropBtn, .dropBtnUp {padding:0 5px;}
.contentBorder {height:3px;}
.download {padding:10px 0 10px 35px;}
#pageWrap .tool, #pageWrap .article, #pageWrap .articles, #pageWrap .videos, #pageWrap .video, #pageWrap .blog, #pageWrap .blogs, #pageWrap .star, #pageWrap .speech, #pageWrap .podcast {padding-right:19px; display:block;}
.bar {display:block; height:7px; position:absolute; top:0; left:0; width:100%;}
.question {padding:0 3px;}
#pageWrap {max-width:1200px; min-width:960px; margin:30px auto 0;}
#pageWrap.home #banner #oldImage {position:absolute; top:0; left:0; z-index:100;}
#pageWrap.home #banner #newImage {position:absolute; top:0; left:0; z-index:200; display:none;}

#pageWrap.home #banner h2, #pageWrap.home #banner h5{position:relative; }
#pageWrap.home #banner h2, #pageWrap.home #banner h5,#pageWrap.home #banner #popularTools{z-index:300;}


#headerTop {padding:10px; position:relative; z-index:302;}
#logo {vertical-align:text-bottom;}
#textSize {position:absolute; top:13px; right:13px;}
#textSize label {float:left;}
#textSize span {padding-bottom:2px; margin-left:5px; display:block; float:left; width:19px; height:17px;}
#memberMeta {position:absolute; right:10px; bottom:10px; height:1.6em;}
#memberMeta span {margin:0 1px;}
#memberMeta .memberResources, #memberMeta .search {position:relative;}
#memberMeta .memberResources div {position:absolute; top:15px; left:-5px; padding:0 10px; width:151px;}
#memberMeta .memberResources div a {display:block; margin:8px 0;} 
#memberMeta .searchBox {position:absolute; top:15px; right:54px; padding:3px;}
.searchBtn {width:50px; height:21px; position:absolute; top:15px; right:0;}
#mainNav {height:3em; position:relative; z-index:301;}
#mainNav #centerNav {width:640px; margin:0 auto;}
#mainNav dl {width:151px; float:left; position:relative;}
#mainNav #navWork, #mainNav #navSelf, #mainNav #navFamily {margin-right:12px;}
#mainNav a {display:block; padding:0 5px;}
#mainNav dt a {padding-top:6px;}
#mainNav dd {position:absolute; top:2.9em; left:0; width:149px; display:none;}
#contentWrap {padding-top:3px; z-index:1; overflow:hidden; width:100%;}
#footer {clear:both; width:100%; height:4em; padding-top:10px; margin-top:20px;}
#footer p {margin:0 0 0 10px;}
#footer p.copyRight {float:left;}
#footer div {float:right; margin-right:10px;}
#footer div a {padding:0 2px;}
.focusArea {padding:5px 0; position:relative;}
.focusArea h3 {padding-bottom:5px; margin-bottom:5px;}
.focusArea h3 p {margin:0;}
.focusArea ul {list-style:none; margin-left:0; padding-left:0;}
.focusArea li {padding-bottom:5px; margin:5px 0;}
.focusArea li p {margin:0;}
.focusArea img {margin:10px auto; display:block; max-width:120px}
.focusArea img.fullImage {max-width:300px; margin-top:0;}
.focusArea .topiconly{display:none;}
.focusArea .getBook {padding-bottom:0;}
.focusArea .getBook img.theBook {position:static;}
.focusArea .getBook h5{display:none}
.focusArea .getBook h4 {margin:0 10px;}
#pillarNav {height:3em;}
#pillarNavItems {float:left; width:24em;}
#pillarNavItems a {margin-left:15px; padding:10px 5px;}
#pillarNav #popularTools {float:right; position:relative; width:38em; margin-right:10px;}
.popularTools {padding:5px 0 5px 20px;}
#popularTools > a, #popularTools span > a, #popularTools > input  {margin:5px 3px; line-height:3em;}
div.toolMenu {position:absolute; top:2.5em; right:10px; padding:5px; display:none; z-index:100;}
div.toolMenu a,div.toolMenu input[type="submit"] {display:block;}
#contentTop {padding:15px;}
.downloadBook {width:105%; padding-bottom:8px;}
.downloadBook h4 {position:relative; padding:10px 0 10px 80px; margin:20px 0 10px;}
.downloadBook h4 img {position:absolute; bottom:0; left:0; width:100px;}
.downloadBook a {display:block;}
p.avatar {padding-bottom:5px;}
p.avatar img {width:35px; float:left; margin:0 10px 0 0;}
.disclaimer {margin:35px 0;}

/* M O D A L  W I N D O W */
#popUpMask{display:none;z-index:9000; width:100%; height:100%; position:fixed; left:0; top:0;background-color:#fff;opacity:0.8; filter:alpha(opacity=80);}
#popUp{display:none;position:absolute; top:50%; left:50%; z-index:9100;}
#popUp .close{padding:2px 5px; z-index:9200; margin-bottom:10px;}
#popUp .content {padding:4px;}
#popUp .bloggerBio {width:550px;}
#popUp .bloggerBio img {float:left; margin:0 5px 5px 0; width:80px;}
#popUp .bloggerBio h3 {padding-bottom:8px; margin-left:105px;}

/*Healthy Roads Form*/
form.gotohealthyroads input[type="submit"]{display:inline; background:none;border:none}
.gotohealthyroads input[type="submit"]{font:inherit;color:inherit;cursor:pointer}
.gotohealthyroads  input[type="submit"]:hover{text-decoration:underline}

/* H O M E P A G E */
#pageWrap.home {width:960px;}
/*.home #textSize {display:none;}*/
#banner {height:280px; padding:20px; position:relative;}
#banner h5 {width:32em; margin-top:15px;}
.home #popularTools {width:948px; height:3em; position:absolute; left:0; bottom:2px; padding-right:10px;}
.homeBox {width:200px; margin:25px 0 0 16px; float:left; padding:5px 10px;}
.getBook {position:relative; padding-bottom:16px;}
.getBook img.theBook {position:absolute; top:-173px; left:10px;z-index:350}
.getBook h4 {padding-bottom:30px;}
a.getTheBook, a.clickHere, a.readNow {display:block; width:101px; height:25px; margin:-14px auto 15px;}

/* P I L L A R */
#topicWrapper {width:100%; overflow:hidden;}
.topicArea {width:30%; float:left; padding:0 1.66% 10px; position:relative;}
.topicArea h3 {margin:0 0 15px;}
.whatyoufind{overflow:hidden;margin-bottom:0}
.whatyoufind h3 {margin-bottom:0;}
.topicArea h6 {margin:20px 0 0;}
.topicArea p {margin:5px 0;}
.topicArea img {float:right; margin:0 0 15px 15px; max-width:120px; max-height:80px;}
.topicArea ul {float:left; width:65%;}
.topicArea .focusonly{display:none;}
.pillar #topicWrapper {min-height:392px;}
.pillar #topicWrapper h1 {margin:35px auto 0; width:960px;}
.pillar #topicWrapper h1 strong {position:relative; top:-20px; display:inline-block; padding:0 10px;}
.pillar #topicWrapper .pillarIntro {width:80%; margin:-10px auto 40px; padding-bottom:10px}
.subPillar #topicWrapper {padding-bottom:10px;}
.subPillar .topicArea {margin-top:20px;}
.pillarBox {width:22%; margin-left:1.6%; float:left; margin-top:25px;}
.pillarBox.focusArea {padding:5px 0.5% 10px;}
#articleContent {width:68%; float:left; margin:0 0 25px 15px;}
#articleContent h6 {margin:15px 0;}
.articleTitle {overflow:hidden; width:100%; margin:25px 0;}
.articleTitle h2 {width:80%;}
.articleTitle img {float:left; width:100px; margin-right:20px;}
.backToTop {margin:20px 0;}
.comment {display:inline-block; margin:0 0 5px 60px;}
.comment span {display:block; width:10.5em; height:35px; padding:2px 0 2px 10px;}
.formwrapper {position:relative;}
.submit_comment {display:block; width:102px; height:28px; margin:10px 0;}
#commentList dt {float:left; width:17em;}
#commentList dd {margin:10px 0; padding-left:17em; min-height:3.2em;}
#commentList dd.commentCount {min-height:2em;}
.commentName, .commentDate, .commentText {margin:0;}
#postForm {padding-top:10px; margin-top:30px;}
.note, #postForm input {margin-left:10px;}
#postForm textarea {margin-left:10px; width:300px; height:100px;}
#postForm .commentHead {display:block; height:1.2em;} 
#sideBar {width:25%; float:right; margin:25px 15px 0 0;}
#sideBar .sideBarBlock {margin-bottom:20px;}
.backToTopic {display:block; padding:10px; position:relative;}
.dummyContent .articleTitle {padding-left:110px; height:9em;}
.dummyContent > p, .dummyContent > h2, .dummyContent > h3, .dummyContent > h6 {padding-left:60px;}
.dummyContent > h2, .dummyContent > h3 {margin:25px 0 0;}
.dummyContent ul {margin-left:75px; padding:0;}
.dummyContent > table {margin-left:60px;}
.dummyContent td {padding:5px;}
.Remember {min-height:50px; padding-left:60px;}
.Tip {min-height:50px; padding-left:60px;}
.TechnicalStuff {min-height:50px; padding-left:60px;}
.CheatSheet {min-height:50px; padding-left:60px;}
.Warning {min-height:50px; padding-left:60px;}
#iconGlossary {padding:15px 10px;}
dl.listing {margin:0; width:980px; overflow:hidden; clear:both;}
dl.listing dt {float:left; width:15em;}
dl.listing dd {margin:0 0 10px 210px;}
.typeArticle, .typeBlog, .typeVideo, .typePodcast {display:block; width:46%; height:36px; float:left; text-indent:52px;line-height:36px;margin:0 2% 0 0;padding:9px 0}
/* GAMES */
.games #sideBar {width:18%;}
.games .focusArea li a {padding:5px 10px; height:40px; margin:0 auto;}
.games .focusArea li a span {display:block;}

/* REGISTER, LOGIN, PROFILE */
.threesome {clear:both;}
.threesome fieldset {clear:both; padding:10px 0;}
.threesome dt {width:18em; float:left; clear:left; padding-left:5px;}
.threesome dd {margin:0 0 10px 19em;}
.threesome .wileyMan {float:left;}
.threesome input.text, .threesome select {width:90%; padding:2px;}
.threesome input.bday {width:1.25em; padding:2px;}
.threesome input.bdayyear {width:2.5em; padding:2px;}
.threesome input.check {float:left; margin:4px 10px 0 0;}
.threesome input#clearTextID.check {float:none}
.threesome div.check {padding-right:30px;}
#submitButton input {width:102px; height:28px; margin-left:17em;}
.threesome h3, .threesome h4 {margin:2px 0 15px 4px;}
.threesome .seperator {margin:20px 0 0;}
#forgotLink {display:inline-block;}
.bookBox span {padding-right:70px; white-space:nowrap;}
.bookBox img {width:85px;}

#loginformpopup, #recoverpasswordformpopup{width:300px;}
#popUp .threesome dt{width:9em;}
#popUp .threesome dd {margin-left:10em;}
#popUp .threesome #submitButton {margin-bottom:0;}
#popUp .threesome #submitButton input{margin-left:5px;}
#popUp .threesome fieldset {padding:0;}
.formStuff {margin:5px 0 5px 5px;}
.formStuff input.check {margin-right:2px;}
#popUp #registerformpopup {width:42em;}
#popUp #registerformpopup dt {clear:none;}
#popUp #registerformpopup dd {width:20em; margin:20px 0 0 -9em; float:left;}
#popUp #registerformpopup input[type=text], #popUp #registerformpopup select {padding:0 2px;}
#popUp #registerformpopup .formStuff {clear:both;}
#popUp #registerformpopup .bookBox {overflow:hidden;}
#popUp #registerformpopup .bookOption {margin:0 0 5px 5px; width:32%; float:left;}

.debugTemplateName{position:absolute;opacity:0.25; filter:alpha(opacity=25);text-align:right;top:0;right:0;z-index:350;background-color:black;color:white;}

/***** S E N D  T O  A  F R I E N D ******/
#sendtoafriend {width:80%}
#sendtoafriend p {margin:2px 0 15px 4px;}
#sendtoafriend ul {padding:0; margin:0;}
#sendtoafriend ul label {display:block; float:left; margin-right:4px;}
#sendtoafriend input.text {width:70%;}
#sendtoafriend .stafClose{padding-left:10px; cursor:pointer;}
.friendSet {padding:5px 0;}
.friendName {margin-bottom:15px;}
#addFriend, .button input {display:block; margin-left:120px;}
#sendtoafriend label {width:10em;}
#popUp #sendtoafriend input.text{width:170px}
#popUp #sendtoafriend{width:360px}

/***L A N D I N G  P A G E ***/
#pageWrap.LandingPage {width:775px; min-width:775px; max-width:775px;}
.LandingPage #headerTop {overflow:hidden;}
.LandingPage #articleContent {width:auto; float:none}
.LandingPage .threesome .bookBox, .LandingPage .threesome .hdyh{display:none;}
.LandingPage #header .partnerLogo {float:right;}
.LandingPage.Flow1 .customLandingContent {width:46%; float:left; /*min-height:1000px;*/ margin:30px 0 30px 1%;}
.LandingPage.Flow1 .customLandingContent img {width:97%;}
.LandingPage.Flow1 .threesome {width:46%; float:right; clear:none; padding-left:4%;}
.LandingPage.Flow1.landingConfirm .threesome {width:auto; float:none; clear:none;}
.LandingPage.Flow1 .threesome dt {width:144px;}
.LandingPage.Flow1 .threesome dd {margin-left:156px; overflow:hidden;}
.LandingPage.Flow1 .threesome dd.tandc, .LandingPage.Flow1 .threesome .contactBox {margin-left:0; width:100%;}
.LandingPage.Flow1 #submitButton input {margin-left:156px; width:176px; height:33px;}
.LandingPage.Flow1 .backToTop {clear:both;}
.LandingPage.Flow1 #formhead {width:46%; float:right; min-height:30px; padding-left:4%;}
.LandingPage.Flow1 #formhead h4 {margin:30px 0 0; padding-bottom:20px;}

.LandingPage #articleContent {width:100%; margin:0;}
.LandingPage .articleTitle {margin:0; height:160px;}
.LandingPage .articleTitle h2 {margin-top:30px; width:96%; padding:0 2%;}
.LandingPage.facebook_braingames .articleTitle h2 {margin-top:15px;}
.LandingPage .customLandingContent ul {margin-left:0; padding-left:0;}
.LandingPage .customLandingContent ul li {padding-left:20px;}
.shareLink {height:52px; clear:both; width:738px; margin:0 auto;}
.landingConfirm .articleTitle h2 {width:100%;}
.landingConfirm #articleContent > h3 {margin:20px 0;}
.landingConfirm #partnerRegConfirm {width:99%; margin:20px auto;}
.landingConfirm .confirmBox {width:22.5%; margin:0; padding:5px 0 5px 2%; height:247px;}
.landingConfirm .confirmBox p {width:80% !important;}
.landingConfirm .confirmBox img {float:none;}
#landingFooter {height:15px; width:100%;}
.LandingPage.facebooklanding #formhead {height:99px;}
.LandingPage.facebooklanding #formhead h4 {margin:45px 0 0 20px; width:180px;}
/****        M A R K E T P L A C E                 ****/
.marketplace #articleContent {width:auto;}
.marketplace #articleContent h3 {margin-top:30px;}
ul.marketplace {margin:0; padding-left:0; overflow:hidden;}
ul.marketplace a {padding-right:20px; margin-left:10px;}
ul.marketplace img {width:60px; height:60px; float:left;}
ul.marketplace p {margin:0 0 0 70px;}
ul.marketplace li {margin:10px 0 0; float:left; padding-bottom:10px; overflow:hidden;}
ul.marketplace li .backBtn, h4.featuredTitle {display:none;}
#articleContent ul.marketplace li.selected {width:600px; height:160px; position:absolute; left:50%; top:50%; margin-left:-285px; padding:0;}
ul.marketplace li.selected .cWrapper {width:530px; height:100px; margin:21px 0 0 26px; padding:10px;}
ul.marketplace li.selected h4.featuredTitle {display:block; margin:3px 0 6px;}
ul.marketplace li.selected .backBtn {position:absolute; top:27px; right:28px; display:block; width:20px; height:20px; padding:0;} 
ul.marketplace li.selected img {width:auto; height:auto; max-height:80px; margin-right:10px;}
ul.marketplace li.selected a {margin-left:0;}
ul#financialProducts, ul#healthProducts {width:50%; float:left;}
ul#financialProducts li, ul#healthProducts li {clear:both; width:95%;}
ul#partnerOffers {clear:both;}
ul#partnerOffers li {width:47.5%; float:left; margin-right:2.5%; height:6em;}

/********     V I D E O   &   P O D C A S T    **********/
.videoContainer, .podcastContainer{width:480px; clear:both;}
.videoHeader, .podcastHeader{overflow:hidden;}
.videoHeader p {float:right; margin:10px 12px 0 10px; width:250px;}
.videoHeader img{margin:10px 0 0 10px;}
.videoTitle {margin:0 0 10px 10px !important;}
.podcastHeader img{margin:10px 10px 10px 25px;float:left;height:100px;}
.podcastTitle{margin:20px 0 10px !important;}



form.gotohealthyroads{border-style: none;border-color: inherit;border-width: medium; display:inline; background:none;}


/* S I T E M A P / 4 0 4 */
#pagewrap.four{width:980px;margin:20px auto}
#sitemap{padding:0;margin:40px 0 0}
#sitemap ul.pillar{width:175px;float:left;margin:0 8px; padding:0}
#sitemap ul.pillar ul{padding:0 0 10px 24px;}
#sitemap ul.home{}
#sitemap ul.work{}
#sitemap ul.self{}
#sitemap ul.family{}
#sitemap ul.play{}

/***** C O F I R M A T I O N ********/
#partnerRegConfirm {overflow:hidden;}
.confirmBox {width:46%; margin-right:15px; float:left; padding:5px;}
.confirmBox p {float:left; width:75%; margin:10px 0;}
.confirmBox img {float:right; width:58px;}
/****** O F - A G E ************/
#ofAgeOptions > h4 {margin:0 auto; width:62%;}
#ofAgeOptions div {padding:15px 15px 15px 0; width:60%; margin:0 auto 15px;}
#ofAgeOptions div img {float:left; margin-right:15px; max-height:73px; max-width:120px;}
#ofAgeOptions .selfBorder img {margin-left:10px;}
#ofAgeOptions .workBorder img {margin-top:10px;}
/******* M E D I C A R E **********/
.medicareRightCol {margin-left:495px;}
.medicareBox {padding:10px;}
.medicareBox h3 {margin:5px 0 15px;}
a.learnMore {display:block; width:128px; height:24px;}
.medicareChapter h4 {position:relative; padding:10px 215px 10px 0;}
.medicareChapter h4 img {position:absolute; right:0; bottom:0; margin:0;}
.medicareChapter .download {padding:15px 0 15px 35px; display:block; width:44%; margin:15px 0;}
.priceUpdates {width:46%; padding:5px 2% 18px; margin-top:15px;}
.priceUpdates h3 {padding:25px 0 5px 75px;}
.priceUpdates p {margin-bottom:0;}
.priceUpdates ul {overflow:hidden; margin:0;}
.priceUpdates li {width:31%; margin-right:6px; float:left;}
.priceUpdates li strong {display:block; width:95%; padding:3%;}
.priceUpdates li span {margin:5px 0 0 3px; display:block;}
.generic .articleTitle {margin-bottom:0;}
.generic p {margin-top:0;}

/******* B R A I N  G A M E S *********
#gamecontainer{position:relative}
#gamecontainer .innerMask{display:none}
#gamecontainer.login .innerMask{height:544px;left:0;position:absolute;top:0;width:664px;z-index:5000;display:block}*/
#pageWrap.whatilearned .sideBarBlock h3 { line-height:1.6em; }
#pageWrap.whatilearned .sideBarBlock p { font-style:italic; padding: 0 20px; margin-top:0px; text-align:justify;}
#pageWrap.whatilearned .sideBarBlock span.source { font-weight:bold; float:right;}