/* ===== == = === ===== == = === BASE STYLES === = == ===== === = == ===== */ body{background:url("../cps-images/NF-LTC-greyStripeBg.gif") repeat #e7e7e7;font-size:1em; font-family:Arial,Verdana,sans-serif;font-size:16px;font-family:arial,helvetica,clean,sans-serif;color:#333333;} strong,b{font-weight:700;} em,i{font-style:italic;} ul{list-style-type:disc;} ol{list-style-type:decimal;} li{list-style-position:inside;} p{text-align:left; line-height:125%;} .none {display: none;} a,a:link,a:visited{color:#005691;text-decoration:none;} a:hover,a:active,a:focus{text-decoration:underline;} h1,h2,h6{color:#333;font-weight:normal;} h3,h4,h5{font-weight:bold;} h1.pageTitle{font-family:'proxima-nova',sans-serif;font-size:2em;color:#e65100;font-weight:300;margin-bottom:20px;/*2em*/padding:0 90px;} h2{font-size:1.4em; margin-top:20px;} h2 strong{font-family:inherit;} h3{font-size:1.125em;} h4{font-size:1em;} h5{font-size:0.875em;} sup,sub{height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative;} sup{bottom:1ex;font-size:66%;} sub{top:.5ex;} .sub2,.sup2{font-size:36%;line-height:0;position:relative;vertical-align:baseline;height:0;} .sup2{top:-1.3em;} .sub2{bottom:-0.25em;} #skipLink{display:block;position:absolute;left:-9999em} .contactUsLink{padding-left:25px;background-position:-300px 0;line-height:40px;height:40px;margin:18px 20px 5px 0;float:right;color:#005691!important} .urbo {padding:20px 0 5px;} .urbo small {font-size:.96em; } .manualNav {position:relative;bottom: -40px;} .slideContent {padding: 50px 3em 40px;} .slideContent ul {line-height: 125%;} .slideContent ol {line-height: 150%;text-align: center; width:100%;} .slideContent ul li {list-style-position: outside !important; list-style-type: disc; margin: 0 0 5px 15px;} .slideContent ol li {list-style-position: outside !important; list-style-type: decimal !important; margin:0 4px 5px 10px;/*margin: 0 0 5px 25px;*/} .slideContent ul li ul li {list-style-type: square;margin: 0 0 5px 15px; text-indent: 0;} .bold {font-weight: bold;} .font85 {font-size:.85em;} .font92 {font-size:.92em;} .font96 {font-size:.96em;} .font112 {font-size:1.125em;} .font125 {font-size:1.25em;} .font150 {font-size:1.5em;} .font200 {font-size:2em;} .font250 {font-size:2.5em;} .font300 {font-size:3em;} .font380 {font-size:3.8em;} .left {float:left;} .right {float:right;} /* ===== == = === ===== == = === ACCORDION === = == ===== === = == ===== */ a.acc {padding: 10px 26px 10px 15px;color:#333; background-color:#e7e7e7; border:1px solid #333; font-family: 'proxima-nova', Arial, clean, sans-serif; font-size: .843em; font-weight:bold;text-decoration: none; display:block;} a:hover.acc, a:focus.acc, a:hover.acc {background-color:#a1a1a1;} a.acc span.marker{display: inline-block; height: 13px; position: absolute; right: 18px; width: 8px;} .slideColContainer2, .slideColContainer3, .slideColContainer4, .slideColContainer5,.slideColContainer6, .slideColContainer7 {position: relative;} .slideColContainer2 .btnTop, .slideColContainer3 .btnTop, .slideColContainer5 .btnTop, .slideColContainer6 .btnTop, .slideColContainer7 .btnTop {margin-top: 20px;} .slideColContainerTen .btnTop {margin-top:66px;} .slideColContainerEleven .btnTop {margin-top:86px;} .slideColContainerThirteen .btnTop {margin-top:66px;} .slideColContainerFourteen .btnTop {margin-top:20px;} /* ===== == = === ===== == = === SLIDER CONTENT === = == ===== === = == ===== */ .slideContent {padding:0 3em .5em; position: relative; height: 375px} .slideContent h2.slideTitle {font-family:"proxima-nova", Arial, clean, sans-serif; font-size:2.25em; font-weight:400; color:#777777; margin-bottom:20px; margin-top:20px;} .slideContent h2.slideMainTitle {font-family:"proxima-nova", sans-serif; font-size:3.5em; font-weight:400; color:#777; margin-bottom:20px; text-align: center;} .slideContent h3.slideMainSubhead {font-family:"proxima-nova", sans-serif; font-size:2em; font-weight:400; margin-bottom:20px; text-align: center; line-height: 130%;} .slideContent .slideColContainer {float:left; width:100%; transition: all 1s ease 0;} #titleSlide h2.slideMainTitle {margin-top: 46px; padding-top:20px; line-height:125%;} .top {width:100%; /*height: 330px;*/ position: relative;} .bottom {width:100%; position: absolute !important;top: 328px; z-index: -1; /*height: 40px;*/} p.leftCol {width:34%; padding-right:4%; /*padding-bottom:4%;*/ float:left; display: block; -webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-box-sizing: border-box; /* Safari/Chrome,other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */box-sizing: border-box;/* Opera/IE 8+ */} p.rightCol {width:62%; float:left; display: block; -webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-box-sizing: border-box; /* Safari/Chrome,other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */box-sizing: border-box;/* Opera/IE 8+ */} p.leftCol2 {font-size:.92em; width:20%; padding-right:4%; /*padding-bottom:4%;*/ float:left; display: block; -webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-box-sizing: border-box; /* Safari/Chrome,other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */box-sizing: border-box;/* Opera/IE 8+ */} p.rightCol2 {font-size:.83em; width:80%; float:left; display: block; -webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-box-sizing: border-box; /* Safari/Chrome,other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */box-sizing: border-box;/* Opera/IE 8+ */} p.leftCol3 {font-size:.92em; width:70%;*width:65%; padding-right:4%; /*padding-bottom:4%;*/ float:left; display: block; -webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-box-sizing: border-box; /* Safari/Chrome,other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */box-sizing: border-box;/* Opera/IE 8+ */} p.rightCol3 {font-size:.92em; width:30%; *width:30%; float:left; display: block; -webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-box-sizing: border-box; /* Safari/Chrome,other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */box-sizing: border-box;/* Opera/IE 8+ */} p.bigNumbers {width:60%; padding-right:2%; float:left; font-family:"proxima-nova", sans-serif; font-size:3.50em; font-weight:400;} p.bigNumbers sup {font-size:1.25em;} p .bigText {font-family:"proxima-nova", sans-serif; font-size:1.50em; font-weight:400; line-height: 100%;} .slideContent .footnote {/*position:absolute;*/ bottom:40px;font-family:arial,helvetica,clean,sans-serif; font-size:0.625em; color:#acacac;} .slideContent .footnote a {color:#005691; cursor:pointer; text-decoration:none;} .slideContent .footnote a:hover, .slideContent .footnote a:active, .slideContent .footnote a:focus {text-decoration:underline;} .resourceTop {margin-top:30px;} .flex-control-nav {width:94% !important;} #Opp1 .orangeCircle p {padding:66px 29px; text-align:center;font-size:1.125em;line-height:120%; font-weight:normal;} #Opp1 p.leftCol{margin-top: 5px; margin-bottom: 0;} #Opp1 p.bigNumbers {width:60%; padding-right:2%; float:left; font-family:"proxima-nova", sans-serif; font-size:3.50em;font-size:3.250em\9; font-weight:400; /*margin-top:13px;*/ margin-bottom:0;} #Opp1 .grid_7, #Need1 .grid_7 {*margin-left:0.81%;} #Opp2 .blueCircle p {padding: 57px 20px; text-align:center;font-size:1.125em;line-height:120%; font-weight:normal;} #Opp2 .purpleCircle p {padding:32px 15px; text-align:center;font-size:1.125em;line-height:120%; font-weight:normal;} #Opp2 .purpleCircle span.around {font-size:1em;line-height:100%;font-weight: normal;} #Opp2 .purpleCircle span.tenThousand {font-size:2.667em;font-weight:bold;line-height:100%;} #Opp2 .purpleCircle span.babyBoomers {font-size:1em;line-height:115%;} #Opp2 .greenCircle p {padding:28px 30px; text-align:center;font-size:1.125em;line-height:113%; font-weight:normal;} #Opp2 .greenCircle span.topLine{margin: 0 30px;font-size:1em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:2.7em;font-weight:bold;line-height:100%;margin: 0 30px;} #Opp2 .greenCircle span.finalWords {font-size:1em;line-height:100%;} #Opp3 #Semi li, #Opp3 #Private li, #Opp3 #Assisted li {margin:0 0 20px 0;} #Opp3 h3.ach {margin-top:-20px;} #Opp3 .darkblueCircle p {padding: 64px 18px; text-align:center;font-size:;line-height:120%; font-weight:normal;} #Opp3 .rightContent {float:left; margin-left: 4%} #Assisted .privateNumber sup {font-size:30%;top:-20px;} #Opp3 .slideColContainerTen {clear: both;float: none;} #Opp3 #Private li {margin-top:10px;list-style-type: none;} #Private li .privateText, #Semi li .privateText, #Assisted li .privateText {font-size: 1em;font-family: Arial, Helvetica, clean, sans-serif;width:50%;float:left;} #Private li .privateNumber, #Semi li .privateNumber, #Assisted li .privateNumber {width:50%; float:left;margin-top:-12px;} #Private li .privateNumber p, #Semi li .privateNumber p, #Assisted li .privateNumber p {font-size:2.5em;} #Private li p.daily, #Semi li p.daily, #Assisted li p.daily {font-size: 1em;} #Opp3 .slideColContainerEleven {clear: both; float: none;} #Opp3 #Semi li {list-style-type: none;} #Opp3 .slideColContainerTwelve {clear: both; float: none;} #Opp3 #Assisted li {list-style-type: none;} #Opp4 h3.hhc {margin-top: 30px;} #Opp4 .purpleCircle p {padding:53px 18px; text-align:center;font-size:;line-height:120%; font-weight:normal;} #Opp4 .rightContent {float:left; margin-left:3%;} #Opp4 h3 {line-height:150%; font-size:1.15em;} #Opp4 .slideContent ul {margin-top:5px;} #Opp4 .slideContent ul li {margin-left:20px;} #Opp4 h3 .homeHealthCare {margin-right:50px; line-height: 150%} #Opp4 h3 .adultDayCare {margin-right:50px; line-height: 150%} #Opp4 h3 .cost {margin-left:30px;margin-top:10px;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #Need1 .purpleCircle p {padding:55px 25px; text-align:center;font-size:1.25em;line-height:120%; font-weight:normal;} #Need2 .blueCircle p {padding: 57px 20px; text-align:center;font-size:;line-height:120%; font-weight:normal;} #Need2 .purpleCircle p {padding:32px 15px; text-align:center;font-size:;line-height:120%; font-weight:normal;} #Need2 .greenCircle p {padding:28px 30px; text-align:center;font-size:;line-height:120%; font-weight:normal;} #Need2 #Seven hr, #Need2 #Six hr, #Need2 #Five hr {margin:15px 0; width:100%;} #Need2 .flex-control-nav {bottom:-20px\9;*bottom:30px;} #Solution1 h3.heading {margin-top:20px; color:#8c2354;font-weight:700;margin-bottom:10px;font-family: 'proxima-nova',Arial,clean,sans-serif;font-size:1.5em;} #Solution1 .slideContent ul li {font-size:.92em;} #Solution1 ul, #Solution2 ul {margin-left:20px;} #Solution1 .flex-control-nav {bottom:-15px\9;*bottom:30px;} #Solution2 h3.heading {margin-top:20px; color:#377806;font-weight:700;margin-bottom:10px;font-family: 'proxima-nova',Arial,clean,sans-serif;font-size:1.5em;} #Solution2 .slideContent ul li {font-size:.92em;} #Solution2 .flex-control-nav {bottom:-20px\9;*bottom:30px;} #id1 .slideContent ul {margin-left:25px;} #id1 .slideContent ul li:first-child {margin-top:20px;} #id1 .slideContent ul li {font-size:.92em;} #id2 .bobPic {margin-top: -58px; overflow: hidden; vertical-align: top; width: 241px !important;} #id2 .slideColContainer8 p.font96 {font-size: .82em;} #id2 .flex-control-nav {bottom:-20px\9;*bottom:30px;} #id3 .orangeCircle p {padding:78px 29px; text-align:center;font-size:;line-height:120%; font-weight:normal;} #id3 .circleBig {float:right; margin-right: 29px;} #id3 p.startingYoung {color:#4c8cab; font-size:1.5em; margin-top:95px;text-align: center; font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 p.percentage {color:#4c8cab; font-size:2.0em; margin-top:25px;font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 p {font-size:1.0em; font-family: 'proxima-nova',Arial,clean, sans-serif;font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .relativeRightTop, #id3 .relativeRightBottom, #id3 .relativeLeft {position: relative;} #id3 .relativeRightTop .line {position: absolute; width:43px; border-top:2px solid #777;left:-50px;top:-20px;} #id3 .relativeRightBottom .line {position: absolute; width:46px; border-top:2px solid #777;left:-54px;top:-30px;} #id3 .relativeLeft .line {position: absolute; width: 63px; border-top: 2px solid #777;left:138px;top:-28px;} #id4 .slideContent ul li {font-size:.92em;} #id4 .flex-control-nav {bottom:-20px\9;} #id4 .flex-control-nav {bottom:0px\9;*bottom:30px;} #id5 .shellyPic {margin-left: -16px; margin-top: -28px; margin-top: -28px\9;overflow: hidden; vertical-align: top; width: 250px !important;} #id5 .flex-control-nav {bottom:-20px\9;*bottom:30px;} #id5 .slideColContainer9 p.font96 {font-size: .82em;} #id6 .greyCircle p {padding:53px 15px;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.667em;font-weight:bold;line-height:100%; margin:0 45px;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .greenCircle p {padding:39px 20px;} #id6 .greenCircle span.percentage {font-size:2.667em;font-weight:bold;line-height:100%;margin:0 47px;} #id6 .greenCircle span.text {font-size: 1em;line-height:100%; font-weight:normal;} #id6 .blueCircle p {padding:64px 10px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.444em;margin:0 20px;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #ice1 .icons {width:100%;margin-top:116px;margin-left:144px;} #ice1 p.introText {margin-top:40px;} #ice1 .iconPerson {float:left; width:9%;margin-right:16px;} #ice1 .iconArrowRight {float: left;margin-top:16px; width:8%;margin-right: 23px;} #ice1 .iconQuestion {float:left; width:9%;margin-right:16px;} #ice1 .iconConversation {float:left; width:11%;} #ice1 .flex-control-nav {bottom:46px\9;} #ice2 .question, #ice3 .question, #ice4 .question {font-family: 'proxima-nova',Arial, clean, sans-serif; color:#8c2354;margin-top:10px; font-weight:700;font-size: 1.25em;line-height:120%;} #ice2 hr, #ice3 hr, #ice4 hr {margin:20px 0;} #ice2 .answer, #ice3 .answer, #ice4 .answer {font-size: .875em; margin-top:10px;} #ice2 .slideContent ul li, #ice3 .slideContent ul li, #ice4 .slideContent ul li {margin-left:20px;} #ice2 .flex-control-nav {bottom:-15px\9;} #ice3 .flex-control-nav {bottom:-15px\9;} #oo1 p {margin-top:30px;} #oo1 .footnote p {margin-top:0;} #oo1 .icons {width:100%;margin-top:126px;margin-left:144px;} #oo1 .iconAdvisor {float:left; width:9%;margin-right:16px;margin-top:4px;} #oo1 .iconArrowRight, #oo1 .iconArrowLeft {float: left;margin-top:16px; width:8%;margin-right: 23px;} #oo1 .iconConversation {float:left; width:11%;margin-right:18px;} #oo1 .iconPeople {float:left; width:11%;} #oo1 .flex-control-nav {bottom:106px\9;*bottom:50px;} #oo2 .question, #oo3 .question, #oo4 .question, #oo5 .question, #oo6 .question, #oo7 .question {font-family: 'proxima-nova',Arial, clean, sans-serif; color:#8c2354;margin-top:10px; font-weight:700;font-size: 1.25em;} #oo2 hr, #oo3 hr, #oo4 hr, #oo5 hr, #oo6 hr, #oo7 hr {margin:20px 0;} #oo2 .answer, #oo3 .answer, #oo4 .answer, #oo5 .answer, #oo6 .answer, #oo7 .answer {font-size: .875em; margin-top:10px;} #oo2 .flex-control-nav {bottom:-20px\9;*bottom:30px;} #oo3 .flex-control-nav {bottom:-20px\9;*bottom:30px;} #oo4 .flex-control-nav {bottom:-20px\9;*bottom:30px;} #oo5 .flex-control-nav {bottom:-20px\9;*bottom:30px;} #nextSteps1 .slideContent ul {line-height: 220%;} #nextSteps1 .slideContent ul li a {text-decoration: none; padding:4px 10px;} #nextSteps1 .slideContent ul li a:hover {text-decoration:none;background-color:#d7d7d7; -webkit-border-radius: 5px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 5px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */ /*behavior: url("js/PIE.htc");*/} #nextSteps1 .slideContent ul li{list-style-type: none;} #nextSteps1 .slideContent ul li .marker{margin-left:13px;} #nextSteps1 .flex-control-nav {bottom:-20px\9;*bottom:30px;} #nextSteps2 .slideContent ol.moreInfo {text-align: left; margin-left:30px; font-size:.92em;} #nextSteps2 .flex-control-nav {bottom:-15px\9;*bottom:30px;} #nextSteps2 .marginTop40 {*margin-top:20px;} #nextSteps2 p {*line-height:100%;} #2half, #4half, .top {position: relative;} /* ===== == = === ===== == = === BUTTON STYLES === = == ===== === = == ===== */ .button {-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none;-moz-border-top-colors: none;border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0) rgba(0, 0, 0, 0.5); border-radius: 5px 5px 5px 5px; /*behavior: url("js/PIE.htc");*/border-style: solid;border-width: 2px;cursor: pointer;font-family: Arial, Verdana, sans-serif;display: inline-block;position: relative; text-align: center !important; vertical-align:bottom; min-width:60px; max-width:220px } /* ===== == = === ===== == = === BLUE BUTTON === = == ===== === = == ===== */ .button.blue {/* fallback/image non-cover color */background-color: #0078BD; /* fallback image */background-image: url(/*url goes here*/); /* Safari 4+, Chrome 1-9 */background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0078BD), to(#003466));/* Safari 5.1+, Mobile Safari, Chrome 10+ */background-image: -webkit-linear-gradient(top, #0078BD, #003466); /* Firefox 3.6+ */background-image: -moz-linear-gradient(top, #0078BD, #003466); /* IE6 & IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078BD', endColorstr='#003466');/* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078BD', endColorstr='#003466')"; /* IE8 *//* IE 10+ */background-image: -ms-linear-gradient(top, #0078BD, #003466);/* Opera 11.10+ */ background-image: -o-linear-gradient(top, #0078BD, #003466);border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0) rgba(0, 0, 0, 0.5);} input.button.blue:hover, input.button.blue:focus, input.button.blue:active,.button.blue:hover, .button.blue:focus, .button.blue:active {background-color: #005281; background-image: url(/*url goes here*/); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005281), to(#002241)); background-image: -webkit-linear-gradient(top, #005281, #002241); background-image: -moz-linear-gradient(top, #005281, #002241); background-image: -ms-linear-gradient(top, #005281, #002241); background-image: -o-linear-gradient(top, #005281, #002241); border-color: #6B9CB8 #002040;} .button.blue, input.button.blue {height:40px; color:#FFFFFF; padding: 0 32px; min-width:60px; max-width:190px; margin: 5px 0 0 0;} a.button.blue {padding:5px 25px; min-width:60px; max-width:350px;/*220*/ text-decoration:none; line-height:1.25em; color:#FFFFFF; height:auto; /*margin: 10px 0 0 0;*/ } a.button2.blue {width: 350px;} input.button.blue {padding:0 25px;} button.button.blue {padding:0 25px;} a.button.bigButton {padding:12px 65px !important;} /* ===== == = === ===== == = === CLEAR === = == ===== === = == ===== */ .clear{clear:both;} /* ===== == = === ===== == = === GENERIC PADDINGS & MARGINS === = == ===== === = == ===== */ .paddingTop5{padding-top:5px;} .paddingTop10{padding-top:10px;} .paddingTop20{padding-top:20px;} .paddingTop30{padding-top:30px;} .paddingTop40{padding-top:40px;} .paddingTop50{padding-top:50px;} .paddingBottom5{padding-bottom:5px;} .paddingBottom10{padding-bottom:10px;} .paddingBottom20{padding-bottom:20px;} .paddingBottom30{padding-bottom:30px;} .paddingBottom40{padding-bottom:40px;} .paddingBottom50{padding-bottom:50px;} .marginTop5{margin-top:5px;} .marginTop10{margin-top:10px;} .marginTop20{margin-top:20px;} .marginTop30{margin-top:30px;} .marginTop40{margin-top:40px;} .marginTop50{margin-top:50px;} .marginBottom5{margin-bottom:5px;} .marginBottom10{margin-bottom:10px;} .marginBottom20{margin-bottom:20px;} .marginBottom30{margin-bottom:30px;} .marginBottom40{margin-bottom:40px;} .marginBottom50{margin-bottom:50px;} .paddingRight5{padding-right:5px;} .paddingRight10{padding-right:10px;} .paddingRight20{padding-right:20px;} .paddingRight30{padding-right:30px;} .paddingRight40{padding-right:40px;} .paddingRight50{padding-right:50px;} .paddingLeft5{padding-left:5px;} .paddingLeft10{padding-left:10px;} .paddingLeft20{padding-left:20px;} .paddingLeft30{padding-left:30px;} .paddingLeft40{padding-left:40px;} .paddingLeft50{padding-left:50px;} .marginRight5{margin-right:5px;} .marginRight10{margin-right:10px;} .marginRight20{margin-right:20px;} .marginRight30{margin-right:30px;} .marginRight40{margin-right:40px;} .marginRight50{margin-right:50px;} .marginLeft5{margin-left:5px;} .marginLeft10{margin-left:10px;} .marginLeft20{margin-left:20px;} .marginLeft30{margin-left:30px;} .marginLeft40{margin-left:40px;} .marginLeft50{margin-left:50px;} .center {text-align: center;} .h375 {height:375px !important;} .h340 {height:340px !important;} .h319 {height:254px !important;} /* ===== == = === ===== == = === GRID === = == ===== === = == ===== */ .grid10 {width: 81.666666666667%;} .gridAll {width: 100%; } .frame {border:1px solid #ccc;} /* ===== == = === ===== == = === SPRITE === = == ===== === = == ===== */ .sprite{display:inline-block;overflow:hidden;text-indent:-9999px;} .spriteText{display:inline-block;} .sprite,.spriteText{background-image:url('../cps-images/NF-LTC-sprites.png') !important;background-repeat:no-repeat;} .marker{background-position:-460px 0;width:8px;height:13px;margin-left:5px} /* ===== == = === ===== == = === CONTAINER === = == ===== === = == ===== */ #container{height:auto;overflow:hidden;background-color:#FFFFFF;clear:both;margin:0 auto;padding:30px 10px 10px 10px;width:100%;max-width:960px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .container,#main{position:relative;height:450px;} /* ===== == = === ===== == = === HEADER === = == ===== === = == ===== */ header .inner{width:100%; max-width:940px;padding:0 10px;padding:0 20px\9;margin:auto;background:#fff} header .logo,.nwHeaderLogo{background-position:-20px -400px;float:left;height:76px;margin:3px 0;width:260px} header a.logo:hover,a.nwHeaderLogo:hover{background-position:-20px -300px} .nfHeaderLogo{background-position:-800px -700px;float:left;height:63px;margin:3px 0 3px 10px;width:217px} .ie7 .nfHeaderLogo{height:66px} /* ===== == = === ===== == = === FOOTER === = == ===== === = == ===== */ footer{clear:both;width:100%;max-width:940px;margin:auto;padding:0 0 50px;} footer p{margin:0;padding:0} footer .row{padding:10px 0;border-bottom:1px solid #acacac} footer .left{float:left} footer .contact{font-size:113%;float:left;height:61px;line-height:66px} footer .contact-small{font-size:78%} footer .right{float:right;width:100%; max-width:400px;text-align:right;} footer .right a{margin-left:15px} footer .disclaimer{margin:37px 0 30px} footer .disclaimer p{font-size:75%;margin-bottom:10px; padding: 0 18px;} footer ul {padding: 0 0 0 18px;} footer .links li{float:left;padding:4px 0 4px 12px;margin-right:12px;border-left:1px dotted #acacac; list-style-type: none; list-style-type: none;} footer .secondaryLinks li{float:left;padding:0 0 0 12px;margin-right:12px;border-left:1px solid #666; list-style-type: none;} footer .links li a{color:#005691} footer .secondaryLinks li a{color:#005691;font-size:.875em} footer .links li:first-child{border:0;padding-left:0} footer .secondaryLinks li:first-child{border:0;padding-left:0} footer .row .links{font-size:100%;margin:26px 0} .ie7 footer .row .links{height:55px} footer .logo,.nwFooterLogo{background-position:-20px -220px;height:61px;width:191px;margin-right:20px;float:left} footer a.logo:hover,a.nwFooterLogo:hover{background-position:-20px -140px} .nfFooterLogo{background-position:-800px -700px;float:left;height:63px;margin:3px 0;width:217px} footer .sprite{text-align:left} footer .social .sprite{width:30px;height:30px;margin-left:13px} footer .social{margin-top:20px} footer .youtube{background-position:-200px -60px} footer .youtube:hover{background-position:-200px -100px} footer .twitter{background-position:-240px -60px} footer .twitter:hover{background-position:-240px -100px} footer .rss{background-position:-280px -60px} footer .rss:hover{background-position:-280px -100px} footer .gplus{background-position:-320px -60px} footer .gplus:hover{background-position:-320px -100px} footer .flickr{background-position:-360px -60px} footer .flickr:hover{background-position:-360px -100px} footer .facebook{background-position:-400px -60px} footer .facebook:hover{background-position:-400px -100px} footer .equalHousing{background-position:-499px -391px;width:77px;height:80px} footer .equalHousing:hover{background-position:-400px -391px} footer .truste{background-position:-240px -213px;width:124px;height:80px} footer .truste:hover{background-position:-240px -133px} /* ===== == = === ===== == = === FONT === = == ===== === = == ===== */ .prox {font-family:'proxima-nova',Arial, clean, sans-serif;} /* ===== == = === ===== == = === PAGE BOTTOM NAV === = == ===== === = == ===== */ .pageBottomNav p{font-size:0.8em;padding-bottom:20px;} /* ===== == = === ===== == = === CONTENT PROMO === = == ===== === = == ===== */ .contentPromo{position:relative;margin-bottom:30px} .contentPromo.alert .linkContainer{background:#333;border:1px solid #fbdd2b} .contentPromo.alert h2,.contentPromo.alert h3,.contentPromo.alert h4{font-family:"proxima-nova",sans-serif;font-weight:600;color:#fbdd2b;font-size:1.5em;margin:3px 0 0} .contentPromo.alert .linkContainer{padding:0} .contentPromo.alert.col-1 p{color:#fff} .contentPromo.alert.col-1 a,.contentPromo.alert.col-1 .linkContainer.noLink{height:65px;width:938px;margin:0;border-radius:0;/*behavior: url("js/PIE.htc");*/} .contentPromo.alert img{margin:0 15px 0 0} .contentPromo.alert.col-1 a:hover{background:#000} .contentPromo.alert.col-1 a .inner,.contentPromo.alert.col-1 .linkContainer.noLink .inner{padding:4px 15px 0 10px} .ie7 .contentPromo .marker{height:16px} .contentPromo .linkContainer{padding:5px 17px;float:left;border-right:1px dotted #666} .contentPromo a{float:left;cursor:pointer} .contentPromo a:hover{text-decoration:none} .contentPromo .linkContainer:first-child{padding-left:0!important} .contentPromo .linkContainer.last{padding-right:0!important;border-right:0} .contentPromo img{float:left;margin:5px 15px 10px 0} .contentPromo h2,.contentPromo h3,.contentPromo h4{float:left} .contentPromo p{float:left;color:#333;line-height:150%} .contentPromo.col-1 p{line-height:120%} .resourceCenter.contentPromo a{background-color:#f0f0f0;padding:5px} .resourceCenter.contentPromo a:hover{background-color:#e2e2e2;border-radius:0;behavior: url("js/PIE.htc");} .resourceCenter.contentPromo a .inner{background:transparent;border:2px solid #fff;padding:10px} .resourceCenter.contentPromo .linkContainer{border-right:1px solid #fff;padding:0 9px} .contentPromo.col-1 p,.contentPromo.col-1 h2,.contentPromo.col-1 h3,.contentPromo.col-1 h4{width:820px} .contentPromo.col-3 h2,.contentPromo.col-3 h3,.contentPromo.col-3 h4{width:200px} .contentPromo.col-3 p{width:265px} .contentPromo a .inner{padding:12px} .contentPromo a:hover{border-radius:5px;/*behavior: url("js/PIE.htc");*/background-color:#e9e9e9} .ie8 .contentPromo a:hover,.ie9 .contentPromo a:hover{behavior:url('/system/pie-htc.jsp')} .contentPromo h2,.contentPromo h3,.contentPromo h4{font-family:"proxima-nova",sans-serif;color:#005691;margin:10px 0 5px 0;font-weight:300;font-size:1.25em} .contentPromo h2 strong,.contentPromo h3 strong,.contentPromo h4 strong{font-weight:700} .resourceCenter.contentPromo.col-2 a{max-width:450px, width:100%;} .resourceCenter.contentPromo.col-2 a .inner{height:157px;} .contentPromo.col-2 a{height:107px; height:100%;/*width:452px*/} .contentPromo.col-2 p{float:right} .contentPromo.col-2 p{width:100%} .contentPromo.col-2 h2,.contentPromo.col-2 h3,.contentPromo.col-2 h4{width:100%;} .resourceCenter.contentPromo.col-4 a{width:210px} .resourceCenter.contentPromo.col-4 a .inner{height:146px} .contentPromo.col-4 a{width:208px;height:170px} .contentPromo.col-4 p{width:185px} .contentPromo.col-4 h2,.contentPromo.col-4 h3,.contentPromo.col-4 h4{width:119px} .resourceCenter.contentPromo.col-1 a{width:930px} .contentPromo.col-1 a{width:940px;height:90px} .contentPromo.col-3 a{width:290px;height:170px} .contentPromo.col-3 .inner{height:146px} .contentPromo.rightAlign.col-3 p{width:201px;float:right} .contentPromo.rightAlign.col-3 a{height:130px} .contentPromo .marker{background-position:-460px 0;width:8px;height:13px;margin-left:5px} .resourceCenter.contentPromo.rightAlign.col-3 .inner{height:105px} .ie7 .resourceCenter.contentPromo.col-1 a .inner{padding-bottom:20px} /* ===== == = === ===== == = === TOOL NAVIGATION === = == ===== === = == ===== */ nav{height:40px;width:100%;background:#555;font-size:0.8em;font-family:"proxima-nova", Arial, clean, sans-serif;font-weight:400;position:relative;border-bottom:1px solid #999;} nav ul{padding:0;margin:0;width:100%;height:40px;} nav li{display:inline;float:left;border-right:1px solid #999;} nav li a{border-right:1px solid #999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none !important;color:#FFF !important;} nav li:last-child {min-width: 98px; border-right: 0;} nav li a:last-child {border-right:0;} nav li.current {background-color: #e7e7e7; color:#555;} nav li a.current {background-color: #e7e7e7; color:#555 !important;} nav a{color:#fff;display:inline-block;min-width:99px;max-width:160px;width:100%;padding:0 12px;padding:0 3px\9;*padding:0 3px 0 2px; *text-indent:0px;text-align:center;text-decoration:none;line-height:40px;} nav a:hover,nav a:active{background-color:#777;border-right:1px solid #999;} nav a#pull{display:none;} /* ===== == = === ===== == = === HORIZONTAL RULE === = == ===== === = == ===== */ hr {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #CCCCCC -moz-use-text-color -moz-use-text-color; border-image: none; border-right: 0 none; border-style: solid none none; border-width: 1px 0 0; display: block; height: 1px; margin: 5px 0 9px; padding: 0;} /* ===== == = === ===== == = === COLORS === = == ===== === = == ===== */ .purple{color:#8c2354;} .purpleCircle{color:#ffffff;background-color:#8c2354;} .purpleCircle p {text-align: center;} .blue{color:#4c8cab;} .blueCircle{color:#ffffff;background-color:#4c8cab;} .blueCircle p {text-align: center;} .darkblue{color:#00467f;} .darkblueCircle{color:#ffffff;background-color:#00467f;} .darkblueCircle p {text-align: center;} .green{color:#377806;} .greenCircle{color:#ffffff;background-color:#377806;} .greenCircle p {text-align: center;} .grey{color:#555555;} .greyCircle{color:#ffffff;background-color:#555555;} .greyCircle p {text-align: center;} .orange{color:#c46600;} .orangeCircle {color:#ffffff; background-color: #c46600;} .orangeCircle p {text-align: center;} /* ===== == = === ===== == = === CIRCLES === = == ===== === = == ===== */ .circle{height:210px;width:210px;float:left;margin-right:1%;-webkit-border-radius: 105px; -moz-border-radius: 105px; -ms-border-radius: 105px; -o-border-radius: 105px; border-radius: 105px;/*behavior: url("js/PIE.htc");*/} .circleSmall{height:153px;width:153px;float:right;margin:0;-webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; -o-border-radius: 90px; border-radius: 90px;/*behavior: url("js/PIE.htc");*/} .circleBig{height:254px;width:254px;float:right;margin:0;-webkit-border-radius: 127px; -moz-border-radius: 127px; -ms-border-radius: 127px; -o-border-radius: 127px; border-radius: 127px;/*behavior: url("js/PIE.htc");*/} .circle:lastChild,.circleBig:lastChild{margin-right:0;} .circle div p{text-align:center;vertical-align:middle;} /* ===== == = === ===== == = === 966px to 1000px === = == ===== === = == ===== */ @media screen and (min-width: 966px) and (max-width: 1000px) { .flex-control-nav {width:92%!important;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} } /* ===== == = === ===== == = === 953px to 974px === = == ===== === = == ===== */ @media screen and (min-width: 953px) and (max-width: 974px) { nav a {min-width:96px;} header .inner {padding:0 10px;} footer ul {padding: 0 0 0 18px;} footer .disclaimer p {font-size: 75%; margin-bottom: 10px; padding: 0 18px;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} } /* ===== == = === ===== == = === 953px to 965px === = == ===== === = == ===== */ @media screen and (min-width: 953px) and (max-width: 965px) { nav a {min-width:96px;} header .inner {padding:0;} footer ul {padding: 0 0 0 18px;} footer .disclaimer p {font-size: 75%; margin-bottom: 10px; padding: 0 18px;} #Opp1 p.bigNumbers {font-size:3em;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 37px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:.92em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.7em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1em;line-height:100%;} #Opp2 .bottom {bottom:-113px;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top:20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} } /* ===== == = === ===== == = === 943px to 952px === = == ===== === = == ===== */ @media screen and (min-width: 943px) and (max-width: 952px) { nav a {min-width:94px;} header .inner {padding:0 0 0 0;} footer ul {padding: 0 0 0 18px;} footer .disclaimer p {font-size: 75%; margin-bottom: 10px; padding: 0 18px;} #Opp1 p.bigNumbers {font-size:3em;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 37px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:.92em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.7em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1em;line-height:100%;} #Opp2 .bottom {bottom:-113px;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} } /* ===== == = === ===== == = === 929px to 942px === = == ===== === = == ===== */ @media screen and (min-width: 929px) and (max-width: 942px) { nav a {min-width:90px;} header .inner {padding:0;} footer ul {padding: 0 0 0 18px;} footer .disclaimer p {font-size: 75%; margin-bottom: 10px; padding: 0 18px;} #Opp1 p.bigNumbers {font-size:3em;} #Opp1 a.acc {padding-right: 30px !important;} #Opp1 a.acc span.marker {right: 13px !important;} #Opp1 .orangeCircle p {padding:42px 35px;font-size:1.08em;} #Opp1 .circleBig {height: 240px; width:240px;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 37px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:.92em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.7em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1em;line-height:100%;} #Opp2 .bottom {bottom:-113px;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} } /* ===== == = === ===== == = === 915px to 928px === = == ===== === = == ===== */ @media screen and (min-width: 915px) and (max-width: 928px) { nav a {min-width:87px;} header .inner {padding:0;} footer ul {padding: 0 0 0 18px;} footer .disclaimer p {font-size: 75%; margin-bottom: 10px; padding: 0 18px;} .bottom {top:309px; z-index: -1;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #Opp1 p.bigNumbers {font-size:3em;} #Opp1 a.acc {padding-right: 25px !important;padding-left:15px;} #Opp1 a.acc span.marker {right: 13px !important;} #Opp1 .orangeCircle p {padding:48px 35px; font-size: 1em;} #Opp1 .circleBig {height: 230px; width:230px;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 37px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:.92em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.7em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1em;line-height:100%;} #Opp2 .bottom {bottom:-113px;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} } /* ===== == = === ===== == = === 901px to 914px === = == ===== === = == ===== */ @media screen and (min-width: 901px) and (max-width: 914px) { nav a {min-width:84px;} header .inner {padding:0;} footer ul {padding: 0 0 0 18px;} footer .disclaimer p {font-size: 75%; margin-bottom: 10px; padding: 0 18px;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #Opp1 p.bigNumbers {font-size:3em;} #Opp1 a.acc {padding-right: 25px !important; padding-left:15px;} #Opp1 a.acc span.marker {right: 13px !important;} #Opp1 .orangeCircle p {padding:48px 35px;font-size: 1em;} #Opp1 .circleBig {height: 230px; width:230px;} #Opp1 p.leftCol {width:37%;} #Opp1 hr {margin-right:13px;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 37px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;} #Opp2 .purpleCircle span.tenThousand {font-size:1.5em;font-weight:bold;line-height:100%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:.92em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.7em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1em;line-height:100%;} #Opp2 .bottom {bottom:-113px;} #Opp3 .rightContent {margin-left: 1%;} #Opp3 a.acc span.marker {right:12px;} #Opp3 a.acc {padding: 10px 25px 10px 15px;} #Opp4 .rightContent {margin-left: 1%;} #Opp4 .slideColContainerThirteen a.acc span.marker {top:83px;} #Opp4 .slideColContainerThirteen a.acc, #Opp4 .slideColContainerFourteen a.acc {padding-right:65px;} #Opp4 .slideColContainerFourteen a.acc span.marker {top:152px;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} .bottom {top:307px;} } /* ===== == = === ===== == = === 894px to 900px === = == ===== === = == ===== */ @media screen and (min-width: 894px) and (max-width: 900px) { nav a {min-width:80px;} header .inner {padding:0;} footer ul {padding: 0 0 0 18px;} footer .disclaimer p {font-size: 75%; margin-bottom: 10px; padding: 0 18px;} .bottom {top:320px;} .flex-control-nav {width:88% !important;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #Opp1 p.bigNumbers {font-size:3em;} #Opp1 a.acc {padding-right: 20px !important;padding-left:10px;} #Opp1 a.acc span.marker {right: 10px !important;} #Opp1 .orangeCircle p {padding:48px 35px; font-size: 1em;} #Opp1 .circleBig {height: 230px; width:230px;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 10px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;} #Opp2 .purpleCircle span.around {font-size:1.25em;line-height:100%;font-weight: normal;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .purpleCircle span.babyBoomers {font-size:1.25em;line-height:115%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:1.25em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1.25em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.8em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1.25em;line-height:100%;} #Opp2 .bottom {bottom:-113px;} #Opp3 .rightContent {margin-left: 1%;} #Opp3 a.acc span.marker {right:12px;} #Opp3 a.acc {padding: 10px 25px 10px 15px;} #Opp4 .rightContent {margin-left: 1%;} #Opp4 h3.hhc {margin-top: 0;} #Opp4 .slideColContainerThirteen a.acc, #Opp4 .slideColContainerFourteen a.acc {padding-right:55px;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} #nextSteps1 .slideContent ul li a {text-decoration: none; padding:4px 10px;font-size:.92em;} } /* ===== == = === ===== == = === 846px to 893px === = == ===== === = == ===== */ @media screen and (min-width: 846px) and (max-width: 893px) { nav a {min-width:80px; padding:0 8px;} header .inner {padding:0;} .bottom {top:314px;} .flex-control-nav {width: 89% !important;} footer ul {padding: 0 0 0 18px;} footer .disclaimer p {font-size: 75%; margin-bottom: 10px; padding: 0 18px;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #Opp1 p.bigNumbers {font-size:2.9em;} #Opp1 p.leftCol {padding-right: 2%; width:38%;} #Opp1 a.acc {padding-right: 25px !important;padding-left:15px; font-size: 1em;} #Opp1 a.acc span.marker {right: 13px !important;} #Opp1 .orangeCircle p {padding:37px 35px; font-size: .96em;} #Opp1 .circleBig {height: 210px; width:210px;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 10px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;font-size: 1.06em;} #Opp2 .purpleCircle span.around {font-size:1.125em;line-height:100%;font-weight: normal;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .purpleCircle span.babyBoomers {font-size:1.125em;line-height:115%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:1.125em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;font-size: 1.06em;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1.125em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.75em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1.125em;line-height:100%;} #Opp2 .bottom {bottom:-113px;} #Opp3 .rightContent {margin-left: 1%;} #Opp3 a.acc span.marker {right:12px;} #Opp3 a.acc {padding: 10px 25px 10px 15px;} #Opp4 .rightContent {margin-left: 1%;} #Opp4 h3.hhc {margin-top: 0;} #Opp4 #adultDayCare h3.marginTop20 {margin-top: 10px;} #Opp4 .slideColContainerFourteen a.acc {padding-right:50px;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #Need1 .slideContent .slideColContainer p {padding-right:2em;} #id2 .bobPic {margin-left: 9px; width:215px !important;} #id2 .bottom {top:324px;z-index: -1;} #id2 .flex-control-nav{bottom: 32px;} #id2 .slideContent .footnote .gridAll p {width:60%;} #id3 .orangeCircle p {padding:67px 29px; text-align:center;font-size:;line-height:120%; font-weight:normal;} #id3 .circleBig {float:right; margin-right: 29px;height:230px; width:230px;} #id3 p.startingYoung {color:#4c8cab; font-size:1.5em; margin-top:95px;text-align: center; font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 p.percentage {color:#4c8cab; font-size:2.0em; margin-top:12px;font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 p {font-size:1.0em; font-family: 'proxima-nova',Arial,clean, sans-serif;font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .relativeRightTop, #id3 .relativeRightBottom, #id3 .relativeLeft {position: relative;} #id3 .relativeRightTop .line {position: absolute; width:43px; border-top:2px solid #777;left:-50px;top:-30px;} #id3 .relativeRightBottom .line {position: absolute; width:46px; border-top:2px solid #777;left:-54px;top:-30px;} #id3 .relativeLeft .line {position: absolute; width: 63px; border-top: 2px solid #777;left:138px;top:-28px;} #id4 .slideContent {height: auto;} #id4 .flex-control-nav {} #id5 .shellyPic {margin-top: -35px; width:250px !important;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} #ice2 hr, #ice3 hr, #ice4 hr {margin:10px 0 20px;} #ice2 .question, #ice3 .question, #ice4 .question {font-size: 1.125em;} #oo2 .question, #oo3 .question, #oo4 .question, #oo5 .question, #oo6 .question, #oo7 .question {font-size: 1.125em;} #oo2 hr, #oo3 hr, #oo4 hr, #oo5 hr, #oo6 hr, #oo7 hr {margin: 10px 0 20px;} #nextSteps1 .slideContent ul li a {text-decoration: none; padding:4px 10px;font-size:.92em;} } /* ===== == = === ===== == = === 828px to 845px === = == ===== === = == ===== */ @media screen and (min-width: 828px) and (max-width: 845px) { nav a {min-width:80px; padding:0 6px;} header .inner {padding:0;} .bottom {top:322px;} .flex-control-nav {width:89% !important;} .manualNav {bottom:-30px;} footer .right {float:right;text-align: right; max-width: 719px; padding-right:10px;width:48%;} footer ul {padding: 0 0 0 18px;} footer .disclaimer p {font-size: 75%; margin-bottom: 10px; padding: 0 18px;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #Opp1 p.bigNumbers {font-size:2.9em;} #Opp1 p.leftCol {padding-right: 2%; width:38%;} #Opp1 a.acc {padding-right: 25px !important;padding-left:15px; font-size: 1em;} #Opp1 a.acc span.marker {right: 13px !important;} #Opp1 .orangeCircle p {padding:37px 35px; font-size: .96em;} #Opp1 .circleBig {height: 210px; width:210px;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 9px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;} #Opp2 .purpleCircle span.around {font-size:1.25em;line-height:100%;font-weight: normal;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .purpleCircle span.babyBoomers {font-size:1.25em;line-height:115%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:1.25em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1.25em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.75em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1.25em;line-height:100%;} #Opp2 .bottom {bottom:-113px;} #Opp3 .rightContent {margin-left: 1%;} #Opp3 a.acc span.marker {right:12px;} #Opp3 a.acc {padding: 10px 25px 10px 15px;} #Opp4 .rightContent {margin-left: 1%;} .slideColContainerThirteen .btnTop {margin-top: 30px;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #Opp4 h3 .homeHealthCare {margin-right: 49px;} #Opp4 h3.hhc {margin-top:0;} #Need1 .slideContent .slideColContainer p {padding-right:2em;} #id2 .bobPic {margin-left: 10px; width:211px !important;} #id2 .flex-control-nav{bottom: 25px;} #id2 .slideContent .footnote .gridAll p {width:59%;} #id3 .orangeCircle p {padding:67px 29px; text-align:center;font-size:;line-height:120%; font-weight:normal;} #id3 .circleBig {float:none; margin-left: 26px;height:230px; width:230px;} #id3 .grid_3 p.startingYoung {color:#4c8cab; font-size:1.5em; margin-top:95px;text-align: center; font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .grid_3 p.percentage {color:#4c8cab; font-size:2.0em; margin-top:8px;font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .grid_3 p {font-size:1.0em; font-family: 'proxima-nova',Arial,clean, sans-serif;font-family: 'proxima-nova',Arial,clean, sans-serif;margin-left:15px;} #id3 .grid_3 p.font112 {font-size:1.0em; font-family: 'proxima-nova',Arial,clean, sans-serif;font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .relativeRightTop, #id3 .relativeRightBottom, #id3 .relativeLeft {position: relative;} #id3 .relativeRightTop .line {position: absolute; width:43px; border-top:2px solid #777;left:-34px;top:-34px;} #id3 .relativeRightBottom .line {position: absolute; width:46px; border-top:2px solid #777;left:-38px;top:-48px;} #id3 .relativeLeft .line {position: absolute; width: 63px; border-top: 2px solid #777;left:138px;top:-28px;} #id3 .bottom {bottom:-75px; width:100%;} #id4 .slideContent {height: auto;} #id4 .bottom {bottom:-75px; width:100%;} #id5 .shellyPic {margin-top: -43px; width:242px !important;} #id5 .bottom {bottom:-75px; width:100%;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} #ice2 hr, #ice3 hr, #ice4 hr {margin: 12px 0;} #ice2 .question, #ice3 .question, #ice4 .question {font-size: 1.125em;} #oo2 hr, #oo3 hr, #oo4 hr, #oo5 hr, #oo6 hr, #oo7 hr {margin: 10px 0 20px;} #oo2 .question, #oo3 .question, #oo4 .question, #oo5 .question, #oo6 .question, #oo7 .question {font-size: 1.125em;} #nextSteps1 .slideContent ul li a {text-decoration: none; padding:4px 10px;font-size:.89em;} } /* ===== == = === ===== == = === 720px to 827px === = == ===== === = == ===== */ @media screen and (min-width: 720px) and (max-width: 827px) { .flex-active-slide {height:465px;} .flex-control-nav {position:absolute; bottom:10px; width: 86% !important;} ul.links {padding-left:0px; text-align: center;} header .inner {padding: 0 0 0;} .frameTop {margin-top: 0 !important;} footer .secondaryLinks li {padding: 0;} .bottom {top:393px;} .slideContent h2.slideTitle {margin-top:15px;} .slideContent {padding:50px 3em 30px;} .slideColContainer2 .btnTop, .slideColContainer3 .btnTop, .slideColContainer5 .btnTop, .slideColContainer6 .btnTop, .slideColContainer7 .btnTop {margin-right: 30px;} #container{width:100%; padding: 0 0 10px;} .container #main {margin:0 10px;} .grid_12, .grid10, .grid_10 {width: 100%; margin-left: 0; margin-right: 0; display: inline; margin-top: -5px;} .grid_6 {width:50%; margin-left:0; margin-right: 0; display: inline;} span.grid_6 {width:100%; margin-left:0; margin-right: 0; display: inline;} .grid_1 {width:0%; display: hidden;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #Opp1 p.bigNumbers {font-size:2.9em;} #Opp1 p.leftCol {padding-right: 2%; width:38%;} #Opp1 a.acc {padding-right: 25px !important;padding-left:15px; font-size: 1em;} #Opp1 a.acc span.marker {right: 45px !important; } #Opp1 .bottom {bottom:-113px;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 10px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;font-size: 1.08em;} #Opp2 .purpleCircle span.around {font-size:1.125em;line-height:100%;font-weight: normal;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .purpleCircle span.babyBoomers {font-size:1.125em;line-height:115%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:1.125em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1.125em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.75em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1.125em;line-height:100%;} #Opp2 .bottom {bottom:-113px;} #Opp3 h3.ach {margin-top:0;} #Opp3 ul li {margin:10px 0;} #Opp3 ul li:last-child {margin:10px 0 0;} #Opp3 #Semi li, #Opp3 #Private li, #Opp3 #Assisted li {margin:10px 0 12px 30px;} #Opp3 .bottom {bottom:-113px;} #Opp4 ul {margin-top:20px;} #Opp4 ul li {margin:10px 0 10px 35px !important;} #Opp4 ul li:last-child {margin:10px 0 10px 35px;} #Opp4 .slideColContainerThirteen .btnTop {margin-top:35px;} #Opp4 h3.hhc {margin-top: 0;} #Opp4 h3 .adultDayCare {margin-right:55px; line-height: 150%} #Opp4 h3 {margin-top:0;} #Opp4 .purpleCircle p {padding:53px 30px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #Solution1 .bottom, #Solution2 .bottom, #id2 .bottom, #id3 .bottom, #id4 .bottom, #id5 .bottom, #id6 .bottom, #ice1 .bottom, #ice2 .bottom, #ice3 .bottom, #oo1 .bottom, #oo2 .bottom, #oo3 .bottom, #oo4 .bottom, #oo5 .bottom {bottom:-113px;} #Need2 a#button5, #Need2 a#button6, #Need2 a#button7 {margin:10px -30px 10px 0;} #id1 .bottom {bottom:-228px;} #id3 .orangeCircle p {padding:76px 29px; text-align:center;font-size:;line-height:120%; font-weight:normal;} #id3 .circleBig {float:none; margin-left: 50px;height:250px; width:250px;} #id3 .grid_3 p.startingYoung {color:#4c8cab; font-size:1.5em; margin-top:95px;text-align: center; font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .grid_3 p.percentage {color:#4c8cab; font-size:2.0em; margin-top:25px;font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .grid_3 p {font-size:1.0em; font-family: 'proxima-nova',Arial,clean, sans-serif;font-family: 'proxima-nova',Arial,clean, sans-serif;margin-left:15px;} #id3 .grid_3 p.font112 {font-size:1.0em; font-family: 'proxima-nova',Arial,clean, sans-serif;font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .relativeRightTop, #id3 .relativeRightBottom, #id3 .relativeLeft {position: relative;} #id3 .relativeRightTop .line {position: absolute; width:43px; border-top:2px solid #777;left:-34px;top:-34px;} #id3 .relativeRightBottom .line {position: absolute; width:46px; border-top:2px solid #777;left:-38px;top:-48px;} #id3 .relativeLeft .line {position: absolute; width: 63px; border-top: 2px solid #777;left:138px;top:-28px;} #id3 .bottom {width:100%;} #id5 .shellyPic {margin-left: -10px;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} #nextSteps1 .bottom {bottom:-185px;} #nextSteps1 .slideContent ul li a {margin: 0 0 5px !important;} #nextSteps2 .bottom {bottom:-140px;} hr{width:98%;*border-top: 1px solid #777;} nav {position:absolute; top:0; border-bottom:0; z-index: 1000000;} nav ul {display:none; height:auto;} nav li {display:block; float:none; width:100% !important; display:block; float:none; width:100%; background-color:#2d2d2d;} nav li:last-child {border:none;} nav li a {border-bottom:1px solid #999; border-right:none; width:100%;} nav li:last-child a {border-right: none;} nav a {padding:0; text-indent: 10px; *text-indent:0px;*padding:0 3px 0 2px;} nav a:hover, nav a:active, nav a:focus {border-right: none;} nav a#pull {display:block; background-color:#555; /* fallback image */ background-image: url(images/fallback-gradient.png); background-image: linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -o-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -moz-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -webkit-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -ms-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.17, rgb(77,77,77)), color-stop(0.66, rgb(45,45,45)) ); width:100%; position:relative; color:#fff; text-decoration:none;} nav a#pull:after {content:""; background:url('../cps-images/NF-LTC-nav-icon2.gif') no-repeat; width:30px; height:40px; display:inline-block; position:absolute; left:10px; /*top:12px;*/ border-right: 1px solid #666;} nav a.selected {content:""; background:url('') no-repeat; width:30px; height:40px; display:inline-block; position:absolute; left:10px; /*top:12px;*/ border-right: 1px solid #666;} #titleSlide .slideContent h2.slideMainTitle {font-size:3.25em; margin-top: 15px; line-height: 120%;}/*100px*/ #titleSlide .slideContent h3.slideMainSubhead {font-size:1.75em; line-height: 120%;} .slideContent .bottomOfSlide {margin-bottom:30px;}/*50px*/ footer {padding:0 0 50px;} footer ul.secondaryLinks {padding-left: 7px;} footer .secondaryLinks li{ text-align: center; margin-top: 10px; list-style-type: none; border-left:1px dotted #333; padding-left: 12px;} footer .secondaryLinks li:first-child { border:0 none;padding-left: 0;} footer .row .links{font-size:100%;margin:26px 0; padding-left: 10px;} footer .links li{float:left;padding:4px 0 4px 7px;margin-right:7px;border-left:1px dotted #acacac; list-style-type: none; list-style-type: none; font-size: .875em} footer .links li:first-child{border:0;padding-left:0} footer .right {float:right;text-align: right; max-width: 719px; padding-right:10px;width:50%;} footer .right a {margin-left:15px;} footer .right p {width:30%; float:left;} footer .contact {font-size: 100%;height: 50px;float:left;padding-right: 10px;} footer .disclaimer p {padding:0 10px;} footer .social {margin-top: -42px;} footer .social .sprite {margin-left: 13px;} .contentPromo {margin-bottom: 10px;} .contentPromo img {width:100%; max-width: 50px;} .contentPromo .linkContainer {padding:0; margin-bottom: 10px;} .resourceCenter.contentPromo .linkContainer {padding:0 5px 0 0;} .contentPromo .linkContainer.last{padding-right:0!important;border-right:0; margin-bottom:0; padding-left: 5px;} .contentPromo h2, .contentPromo h3, .contentPromo h4 {font-size: 1.1em; margin:5px 0 0;} .contentPromo p {font-size:1em;} .contentPromo.col-2 p {font-size:.92em; margin-top: 6px;} .resource_grid_10 {padding-left:0;} .resource_grid_2 {padding-right:0;} .pageBottomNav {padding: 0 10px;} .pageBottomNav p:last-child {padding-bottom: 10px; margin-bottom: 0;} .contactUsLink {margin-top: 6px; font-size: .82em;} .top {margin-top:0;} .resourceTop {} body{font-size:1.0em;} } /* ===== == = === ===== == = === 654px to 719px === = == ===== === = == ===== */ @media screen and (min-width: 654px) and (max-width: 719px) { ul.links {padding-left:10px; text-align: left;} /*.slideContent {height:600px;}*/ header .inner {padding: 0 0 0; } .frameTop {margin-top: -10px !important;} footer .secondaryLinks li {padding: 0;} .bottom {top:392px;} #container{width:100%; padding: 0 0 10px;} .container #main {margin:0 10px;} .flex-control-nav {position:absolute;width: 84% !important;} .grid_12, .grid10, .grid_10 {width: 100%; margin-left: 0; margin-right: 0; display: inline; margin-top: -5px;} .grid_6 {width:50%; margin-left:0; margin-right: 0; display: inline;} span.grid_6 {width:100%; margin-left:0; margin-right: 0; display: inline;} .grid_1 {width:0%; display: hidden;} nav {position:absolute;top:0;border-bottom:0;z-index: 1000000;} nav ul {display:none;height:auto;} nav li {display:block;float:none;width:100% !important;display:block;float:none;width:100%;background-color:#2d2d2d;} nav li:last-child {border:none;} nav li a {border-bottom:1px solid #999;border-right:none;width:100%;} nav li:last-child a {border-right: none;} nav a {padding:0;text-indent: 10px; *text-indent: 0px;*padding:0 3px 0 2px;} nav a:hover, nav a:active, nav a:focus {border-right: none;} nav a#pull {display:block; background-color:#555;/* fallback image */background-image: url(''); background-image: linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -o-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -moz-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -webkit-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -ms-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.17, rgb(77,77,77)),color-stop(0.66, rgb(45,45,45)));width:100%;position:relative;color:#fff;text-decoration:none;} nav a#pull:after {content:"";background:url('../cps-images/NF-LTC-nav-icon2.gif') no-repeat;width:30px;height:40px; display:inline-block;position:absolute;left:10px;/*top:12px;*/border-right: 1px solid #666;} .slideContent {padding: 50px 3em 40px;} .slideContent h2.slideMainTitle {font-size:3.25em; margin-top: 67px; line-height: 120%;}/*100px*/ .slideContent h3.slideMainSubhead {font-size:1.6em; line-height: 120%;} .slideContent .bottomOfSlide {margin-bottom:30px;}/*50px*/ .slideContent h2.slideTitle {font-size: 2.125em;} footer {padding:0 0 50px;} footer ul.secondaryLinks {padding-left: 7px;} footer .secondaryLinks li{ text-align: center; margin-top: 10px; list-style-type: none; border-left:1px dotted #333; padding-left: 12px;} footer .secondaryLinks li:first-child { border:0 none;padding-left: 0;} footer .row .links{font-size:100%;margin:26px 0} footer .links li{float:left;padding:4px 0 4px 7px;margin-right:7px;border-left:1px dotted #acacac; list-style-type: none; list-style-type: none; font-size: .875em} footer .links li:first-child{border:0;padding-left:0} footer .right {float:right;text-align: right; max-width: 719px; padding-right:10px;width:50%;} footer .right a {margin-left:15px;} footer .right p {width:30%; float:left;} footer .contact {font-size: 100%;height: 50px;float:left;padding-right: 10px;} footer .disclaimer p {padding:0 10px;} footer .social {margin-top: -42px;} footer .social .sprite {margin-left: 1px;} .contentPromo {margin-bottom: 10px;} .contentPromo img {width:100%; max-width: 50px;} .contentPromo .linkContainer {padding:0; margin-bottom: 10px;} .resourceCenter.contentPromo .linkContainer {padding:0 5px 0 0;} .contentPromo .linkContainer.last{padding-right:0!important;border-right:0; margin-bottom:0; padding-left: 5px;} .contentPromo h2, .contentPromo h3, .contentPromo h4 {font-size: 1.1em; margin:5px 0 0;} .contentPromo p {font-size:1em;} .contentPromo.col-2 p {font-size:.92em; margin-top: 6px;} .resource_grid_10 {padding-left:0;} .resourceCenter.contentPromo.col-2 a .inner {height: 166px;} .resource_grid_2 {padding-right:0;} .pageBottomNav {padding: 0 10px;} .pageBottomNav p:last-child {padding-bottom: 10px; margin-bottom: 0;} .contactUsLink {margin-top: 6px; font-size: .82em;} .top {margin-top:0; } .resourceTop {} body{font-size:1.0em;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #Opp1 p.bigNumbers {font-size:2.75em;margin-top: 5px;margin-left: 4%;} #Opp1 p.leftCol {padding-right: 2%; width:34%;font-size: .89em;} #Opp1 a.acc {padding-right: 25px !important;padding-left:15px; font-size: 1em;} #Opp1 a.acc span.marker {right: 15px !important; } #Opp1 .orangeCircle p {padding:37px 35px; font-size: .96em;} #Opp1 .circleBig {height: 210px; width:210px;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 0px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;font-size: 1.25em;} #Opp2 .purpleCircle span.around {font-size:1em;line-height:100%;font-weight: normal;} #Opp2 .purpleCircle span.tenThousand {font-size:1.5em;font-weight:bold;line-height:100%;} #Opp2 .purpleCircle span.babyBoomers {font-size:1em;line-height:115%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:1em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;font-size:1.125em;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1.125em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.75em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1.125em;line-height:100%;} #Opp3 h3.ach {margin-top: -16px;} #Opp3 .circle, #Opp4 .circle {width:190px; height:190px;} #Opp3 .darkblueCircle p {padding:56px 18px;} #Opp3 .slideColContainerTen a.acc,#Opp3 .slideColContainerEleven a.acc, #Opp3 .slideColContainerTwelve a.acc {padding-right: 65px; font-size: 1em;} #Opp4 .purpleCircle p {padding:43px 18px;} #Opp4 .slideColContainerThirteen .btnTop {margin-top:30px;} #Opp4 h3 .adultDayCare {margin-right: 0;} #Opp4 .slideColContainerThirteen a.acc, #Opp4 .slideColContainerFourteen a.acc {padding-right:70px;font-size: 1em;} #Opp4 h3 .homeHealthCare {margin-right: 0;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #Opp4 h3.hhc {margin-top: 0;} #Need1 .slideContent .slideColContainer p {padding-right:3em;} #id2 .bobPic {margin-left: 38px; width:180px !important;} #id2 .bottom {top:412px;} #id2 .manualNav {bottom: -16px;} #id3 .orangeCircle p {padding:76px 29px; text-align:center;font-size:;line-height:120%; font-weight:normal;} #id3 .circleBig {float:none; margin-left: 32px;height:240px; width:240px;} #id3 .grid_3 p.startingYoung {color:#4c8cab; font-size:1.5em; margin-top:95px;text-align: center; font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .grid_3 p.percentage {color:#4c8cab; font-size:2.0em; margin-top:25px;font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .grid_3 p {font-size:1.0em; font-family: 'proxima-nova',Arial,clean, sans-serif;font-family: 'proxima-nova',Arial,clean, sans-serif;margin-left:15px;} #id3 .grid_3 p.font112 {font-size:1.0em; font-family: 'proxima-nova',Arial,clean, sans-serif;font-family: 'proxima-nova',Arial,clean, sans-serif;} #id3 .relativeRightTop, #id3 .relativeRightBottom, #id3 .relativeLeft {position: relative;} #id3 .relativeRightTop .line {position: absolute; width:43px; border-top:2px solid #777;left:-34px;top:-60px;} #id3 .relativeRightBottom .line {position: absolute; width:46px; border-top:2px solid #777;left:-38px;top:-66px;} #id3 .relativeLeft .line {position: absolute; width: 63px; border-top: 2px solid #777;left:138px;top:-28px;} #id4 .slideContent {height: auto;} #id5 .shellyPic {margin-top: -38px; width:215px !important;margin-left:2px;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} #ice1 .icons {margin:60px 10% 0;} #ice1 .iconPerson {width:12%;} #ice1 .iconArrowRight {width:11%;margin-right: 15px;} #ice1 .iconQuestion {width:12%;margin-right: 12px} #ice1 .iconConversation {width:16%;margin-left: 3px;} #ice2 .question, #ice3 .question, #ice4 .question {font-size: 1.125em;} #oo1 .icons {margin:60px 7% 0;} #oo1 .iconAdvisor {width:14%;} #oo1 .iconArrowRight {width:13%;margin-right: 15px;} #oo1 .iconConversation {width:18%;margin-left: 3px;} #oo1 .iconArrowLeft {width:13%;margin-right: 15px;} #oo1 .iconPeople {width:15%;} #oo2 .question, #oo3 .question, #oo4 .question, #oo5 .question, #oo6 .question, #oo7 .question {font-size: 1.125em;} #nextSteps1 .font96 {font-size: .86em;} #nextSteps1 .slideContent ul.marginTop30 {margin-top: 10px;} #nextSteps1 .slideContent ul li {margin:0 0 5px;} #nextSteps1 p {margin-bottom:24px;} #nextSteps1 .manualNav {bottom: 34px;} #nextSteps2 .slideContent ol.moreInfo {margin-left: 10px;} #nextSteps2 .grid_8 {width:100%;} #nextSteps2 p.leftCol3 {width:70%;font-size: 1.125em;} #nextSteps2 hr {margin:10px 0;} #nextSteps2 p.rightCol3 {width:20%;font-size: 1.125em;} #oo2 hr, #oo3 hr, #oo4 hr, #oo5 hr, #oo6 hr, #oo7 hr {margin:10px 0 20px;} } /* ===== == = === ===== == = === 590px to 653px === = == ===== === = == ===== */ @media screen and (min-width: 590px) and (max-width: 653px) { ul.links {padding-left:10px; text-align: left;} header .inner {padding: 0 0 0; } .frameTop {margin-top: -10px !important;} footer .secondaryLinks li {padding: 0;} #container{width:100%; padding: 0 0 10px;} .container #main {margin:0 10px;} .flex-direction-nav a {top:71px;} .flex-control-nav {position:fixed; bottom:65px;width: 80% !important;} .grid_12, .grid10, .grid_10 {width: 100%; margin-left: 0; margin-right: 0; display: inline; margin-top: -5px;} .grid_6 {width:50%; margin-left:0; margin-right: 0; display: inline;} span.grid_6 {width:100%; margin-left:0; margin-right: 0; display: inline;} .grid_1 {width:0%; display: hidden;} nav {position:absolute;top:0;border-bottom:0;z-index: 1000000;} nav ul {display:none;height:auto;} nav li {display:block;float:none;width:100% !important;display:block;float:none;width:100%;background-color:#2d2d2d;} nav li:last-child {border:none;} nav li a {border-bottom:1px solid #999;border-right:none;width:100%;} nav li:last-child a {border-right: none;} nav a {padding:0;text-indent: 10px; *text-indent: 0px;*padding:0 3px 0 2px;} nav a:hover, nav a:active, nav a:focus {border-right: none;} nav a#pull {display:block; background-color:#555;/* fallback image */background-image: url(''); background-image: linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -o-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -moz-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -webkit-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -ms-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.17, rgb(77,77,77)),color-stop(0.66, rgb(45,45,45)));width:100%;position:relative;color:#fff;text-decoration:none;} nav a#pull:after {content:"";background:url('../cps-images/NF-LTC-nav-icon2.gif') no-repeat;width:30px;height:40px; display:inline-block;position:absolute;left:10px;/*top:12px;*/border-right: 1px solid #666;} .slideContent {height:auto;padding:50px 3em 40px;} .slideContent h2.slideMainTitle {font-size:2.75em; margin-top: 67px; line-height: 120%;}/*100px*/ .slideContent h3.slideMainSubhead {font-size:1.4em; line-height: 120%;} .slideContent .bottomOfSlide {margin-bottom:30px;}/*50px*/ footer {padding:0 0 50px;} footer ul.secondaryLinks {padding-left: 7px;} footer .secondaryLinks li{ text-align: center; margin-top: 10px; list-style-type: none; border-left:1px dotted #333; padding-left: 12px;} footer .secondaryLinks li:first-child { border:0 none;padding-left: 0;} footer .row .links{font-size:100%;margin:26px 0} footer .links li{float:left;padding:4px 0 4px 7px;margin-right:7px;border-left:1px dotted #acacac; list-style-type: none; list-style-type: none; font-size: .875em} footer .links li:first-child{border:0;padding-left:0} footer .right {float:right;text-align: right; max-width: 719px; padding-right:10px;width:50%;} footer .right a {margin-left:15px;} footer .right p {width:30%; float:left;} footer .contact {font-size: 100%;height: 50px;float:left;padding-right: 10px;} footer .disclaimer p {padding:0 10px;} footer .social {margin-top: -42px;} footer .social .sprite {margin-left: 1px;} .contentPromo {margin-bottom: 10px;} .contentPromo img {width:100%; max-width: 50px;} .contentPromo .linkContainer {padding:0; margin-bottom: 10px;} .resourceCenter.contentPromo .linkContainer {padding:0 5px 0 0;} .contentPromo .linkContainer.last{padding-right:0!important;border-right:0; margin-bottom:0; padding-left: 5px;} .contentPromo h2, .contentPromo h3, .contentPromo h4 {font-size: 1.1em; margin:5px 0 0;} .contentPromo p {font-size:1em;} .contentPromo.col-2 p {font-size:.92em; margin-top: 6px;} .resource_grid_10 {padding-left:0;} .resourceCenter.contentPromo.col-2 a .inner {height: 164px;} .resource_grid_2 {padding-right:0;} .pageBottomNav {padding: 0 10px;} .pageBottomNav p:last-child {padding-bottom: 10px; margin-bottom: 0;} .contactUsLink {margin-top: 6px; font-size: .82em;} .top {margin-top:0;} .bottom {top:440px; z-index: -1;} .resourceTop {} body{font-size:1.0em;} .slideContent {padding:50px 3em 40px;} .slideContent h2.slideTitle {font-size: 1.85em;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #Opp1 p.bigNumbers {font-size:2.75em;margin-top: 5px;width: 100%;} #Opp1 p.leftCol {width:100%;font-size: .89em;} #Opp1 a.acc {padding-right: 25px !important;padding-left:15px; font-size: 1em;margin-right: 10px;} #Opp1 a.acc span.marker {right: 22px !important;} #Opp1 .orangeCircle p {padding:0 15px; font-size: 1.125em; color:#c46600; font-weight: bold; margin:53px 0 70px; } #Opp1 .circleBig {height: 210px; width:210px; background: none; float: none; border-radius: 0;} #Opp1 .bottom {bottom:-145px;} #Opp1 .grid_7 {width:53%;} #Opp1 .grid_5 {width:38%; border-left: 1px dotted #c7c7c7; padding-left: 1%; margin-left: 2%;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 37px;} #Opp2 .purpleCircle {margin-top:10px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:.92em;} #Opp2 .greenCircle {background-color:#FFF;height:0;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.7em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1em;line-height:100%;} #Opp2 .bottom {bottom:-113px;} #Opp3 .circle, #Opp4 .circle {width:185px; height:185px;} #Opp3 .rightContent, #Opp4 .rightContent {margin-left: 1%;} #Opp3 .circle, #Opp4 .circle {margin-right: 0;} #Opp3 h3.ach {margin-top:-15px; font-size: 1em;} #Opp3 .darkblueCircle p {padding:56px 18px;} #Opp3 .slideColContainerTen a.acc,#Opp3 .slideColContainerEleven a.acc, #Opp3 .slideColContainerTwelve a.acc {padding-right: 40px; font-size: 1em;} #Opp4 .purpleCircle p {padding:43px 18px;} #Opp4 .slideColContainerThirteen a.acc, #Opp4 .slideColContainerFourteen a.acc {padding-right:56px;font-size: 1em;} #Opp4 .rightContent {margin-top: -40px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #Need1 .slideContent .slideColContainer p {padding-right:4em;} #id2 .bobPic {display:none;} #id2 .slideContent h2.slideTitle {padding-right:28%;} #id2 .grid_8 {width:100%;} #id2 .h319 {height:0 !important;} #id3 .grid_3 {width:100%;} #id3 .grid_6 {width:100%;} #id3 p.startingYoung {margin-top:10px;} #id3 .line {display:none;} #id3 .circleBig {float:none;margin: 0 auto;margin-top:10px;height:80px;} #id3 .bottom {bottom:-75px; width:78%;} #id3 .orangeCircle p {background-color: #FFF; color: #C46600;line-height: 126%; padding:15px 1px;} #id3 p.percentage {text-align: center;margin-top: 17px;} #id3 p {text-align: center;} #id3 .bottom p{text-align: left;width:80%;} #id4 .slideContent {height: auto;} #id4 .bottom {bottom:-75px; width:78%;} #id5 .shellyPic {display:none;} #id5 .slideContent h2.slideTitle {padding-right:26%;} #id5 .grid_8 {width:100%;} #id5 .h319 {height:0 !important;} #id5 .bottom {bottom:-75px; width:78%;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} #ice1 .icons {margin:60px 20% 0;} #ice1 .iconPerson {width:9%;} #ice1 .iconArrowRight {width:8%;margin-right: 15px;} #ice1 .iconQuestion {width:9%;margin-right: 12px} #ice1 .iconConversation {width:11%;margin-left: 3px;} #ice1 .bottom {bottom:-75px; width:78%;} #ice2 .question, #ice3 .question, #ice4 .question {font-size: 1.125em;} #ice2 .button.blue, input.button.blue {margin-bottom: 20px;} #oo1 .icons {margin:60px 19% 0;} #oo1 .iconAdvisor {width:9%;} #oo1 .iconArrowRight {width:8%;margin-right: 15px;} #oo1 .iconConversation {width:11%;margin-left: 3px;} #oo1 .iconArrowLeft {width:8%;margin-right: 15px;} #oo1 .iconPeople {width:11%;} #oo1 .bottom {bottom:-75px; width:78%;} #oo2 .question, #oo3 .question, #oo4 .question, #oo5 .question, #oo6 .question, #oo7 .question {font-size: 1.125em;} #nextSteps1 .font96 {font-size: .96em;} #nextSteps1 .grid_6 {width: 100%;} #nextSteps1 .slideContent ul.marginTop30 {margin-top: 2px;} #nextSteps1 .slideContent ul li {margin:0 0 5px;} #nextSteps1 p {margin-bottom:24px;} #nextSteps1 .bottom {bottom:-75px; width:78%;} #nextSteps2 .slideContent ol.moreInfo {margin-left: 10px;} #nextSteps2 .grid_8 {width:100%;} #nextSteps2 p.leftCol3 {width:70%;font-size: 1.125em;} #nextSteps2 hr {margin:10px 0;} #nextSteps2 p.rightCol3 {width:20%;font-size: 1.125em;} #nextSteps2 .bottom {bottom:-75px; width:78%;} } /* ===== == = === ===== == = === 480px to 589px === = == ===== === = == ===== */ @media screen and (min-width: 480px) and (max-width: 589px) { ul.links {padding-left:0px; text-align: center;} .bottom {top:464px;left:20px; width:94%;z-index: -1;} header .inner {padding: 0 0 0;} .frameTop {margin-top: -10px !important;} footer .secondaryLinks li {padding: 0;} #container{width:100%; padding: 0 0 10px;} .container #main {margin:0 10px;} .flex-direction-nav a {top:71px;} .flex-control-nav {position:fixed; bottom:0;width: 87% !important;} .grid_12, .grid10, .grid_10 {width: 100%; margin-left: 0; margin-right: 0; display: inline; margin-top: -5px;} .grid_6 {width:50%; margin-left:0; margin-right: 0; display: inline;} span.grid_6 {width:100%; margin-left:0; margin-right: 0; display: inline;} .grid_1 {width:0%; display: hidden;} nav {position:absolute;top:3px;border-bottom:0;z-index: 1000000;} nav ul {display:none;height:auto;} nav li {display:block;float:none;width:100% !important;display:block;float:none;width:100%;background-color:#2d2d2d;} nav li:last-child {border:none;} nav li a {border-bottom:1px solid #999;border-right:none;width:100%;} nav li:last-child a {border-right: none;} nav a {padding:0;text-indent: 10px; *text-indent: 0px;*padding:0 3px 0 2px;} nav a:hover, nav a:active, nav a:focus {border-right: none;} nav a#pull {display:block;background-color:#555;/* fallback image */ background-image: url(''); background-image: linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -o-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -moz-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -webkit-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -ms-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.17, rgb(77,77,77)),color-stop(0.66, rgb(45,45,45)));width:100%;position:relative;color:#fff;text-decoration:none;} nav a#pull:after {content:"";background:url('../cps-images/NF-LTC-nav-icon2.gif') no-repeat;width:30px;height:40px;display:inline-block;position:absolute;left:10px;/*top:12px;*/border-right: 1px solid #666;} .slideContent {padding: 50px 3em 40px;} .slideContent h2.slideTitle {font-size: 1.5em;} .slideContent h2.slideMainTitle {font-size:2.25em; margin-top: 67px; line-height: 120%;}/*100px*/ .slideContent h3.slideMainSubhead {font-size:1.15em; line-height: 120%;} .slideContent .bottomOfSlide {margin-bottom:30px;}/*50px*/ footer {padding:0 0 50px;} footer ul.secondaryLinks {padding-left:0;} footer .secondaryLinks li{width:100%; padding:0; text-align: center; margin-top: 10px; list-style-type: none; border:0 none; } footer .secondaryLinks li:first-child { border:0 none;} footer .secondaryLinks li:first-child { border:0 none;padding-left: 0;} footer .row .links {margin:15px 0;width:100%;} footer .links li {margin-right: 7px; padding-left:7px;display:inline-block; float: none;} footer .links li:first-child {margin-left: 5px;} footer .right {text-align: left;} footer .right a {margin-left:30px;} footer .contact {font-size: 100%;height: 50px;float:right;padding-right: 10px;} footer .disclaimer p {padding:0 10px;} .sprite, .spriteText {backround-image: none;} .spriterwd {background-image:url("../cps-images/NF-LTC-nwLogo-sm.gif") !important; background-repeat: none; background-position: 0px 0;float:left; background-size: 145px 47px; } .spriterwd:hover {background-image:url("../cps-images/NF-LTC-nwLogo-sm-hover.gif") !important; background-repeat: none;} .nfFooterLogo, .nfHeaderLogo {height:47px; width:145px;} span.nfHeaderLogo:hover{background-position:0px 0px;} a.nfFooterLogo:hover{background-position:0px 0px;} .half {width:50%; height:50%;} .contentPromo {margin-bottom: 10px;} .contentPromo img {width:100%; max-width: 50px;} .contentPromo .linkContainer {padding:0; margin-bottom: 10px;} .contentPromo .linkContainer.last{padding-right:0!important;border-right:0; margin-bottom:0; padding-left: 5px;} .contentPromo h2, .contentPromo h3, .contentPromo h4 {font-size: 1.1em; margin:5px 0 0;} .contentPromo p {font-size:1em;} .contentPromo.col-2 p {font-size:.92em; margin-top: 6px;} .resourceCenter.contentPromo .linkContainer {padding:0 5px 0 0;} .resourceCenter.contentPromo.col-2 a .inner {height: 204px;} .resource_grid_10 {padding-left:0;} .resource_grid_2 {padding-right:0;} .pageBottomNav {padding: 0 10px;} .pageBottomNav p:last-child {padding-bottom: 10px; margin-bottom: 0;} .contactUsLink {margin-top: 6px; font-size: .82em;} .top {margin-top:0;} .resourceTop {} body{font-size:1.0em;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #Opp1 p.bigNumbers {font-size:2.75em;margin-top: 5px;width: 100%;} #Opp1 p.leftCol {width:100%;font-size: .89em;} #Opp1 a.acc {padding-right: 25px !important;padding-left:17px; font-size: .92em;margin-right: 10px;} #Opp1 a.acc span.marker {right: 22px !important;} #Opp1 .orangeCircle p {padding:0 79px 0 15px; font-size: 1.125em; color:#c46600; font-weight: bold; margin:26px 0 70px; } #Opp1 .circleBig {height: 210px; width:210px; background: none; float: none; border-radius: 0;} #Opp1 .grid_7 {width:53%;} #Opp1 .grid_5 {width:38%; border-left: 1px dotted #c7c7c7; padding-left: 1%; margin-left: 2%;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 15px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;} #Opp2 .purpleCircle span.around {font-size:1.125em;line-height:100%;font-weight: normal;} #Opp2 .purpleCircle span.tenThousand {font-size:1.75em;font-weight:bold;line-height:100%;} #Opp2 .purpleCircle span.babyBoomers {font-size:1.125em;line-height:115%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:1.125em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1.125em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.75em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1.125em;line-height:100%;} #Opp2 .bottom {left:20px; z-index: 1;width:94%} #Opp3 .circle {border-radius: 0; width: 128px;} .darkblueCircle {background-color: #FFF !important;margin-right: 3%;} #Opp3 .darkblueCircle p {border-right:1px dotted #c7c7c7; color:#00467F;padding:64px 21px 64px 0;} #Opp3 .rightContent {margin-left: 1%;} #Opp3 a.acc {font-size: .96em;} #Opp3 h3.ach {margin-top:-15px;} #Opp4 .circle {border-radius: 0; width: 123px;} #Opp4 .purpleCircle {background-color: #FFF !important;margin-right: 3%;} #Opp4 .purpleCircle p {border-right:1px dotted #c7c7c7; color:#8C2354;padding:18px 24px 38px 0;} #Opp4 .rightContent {margin-left: 1%; margin-top:-25px;} #Opp4 a.acc {font-size: .92em;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #Opp4 h3, #Opp4 h3 .homeHealthCare {line-height: 120%;} #Need1 .slideContent .slideColContainer p {padding-right:4em;} #Need1 .purpleCircle {background-color: #FFF!important;margin-right: 3%;} #Need1 .purpleCircle p {border-left:1px dotted #c7c7c7; color:#8C2354;padding:18px 21px 38px 30px;font-weight: bold;} #Need1 .circleBig {border-radius: 0; width: 200px;} #Need1 .marginTop30 {margin-top:20px;} #Need2 p.leftCol2 {width: 100%; font-size: 1em;} #id1 .bottom {bottom:-75px; width:78%;} #id2 .bobPic {display:none;} #id2 .grid_8 {width:100%;} #id2 .h319{height:0 !important;} #id3 .grid_3 {width:100%;} #id3 .grid_6 {width:100%;} #id3 p.startingYoung {margin-top:10px;} #id3 .line {display:none;} #id3 .circleBig {float:none;margin: 0 auto;margin-top:20px;height:70px;} #id3 .bottom {bottom:-75px; width:80%;} #id3 p.percentage{text-align: center;} #id3 p {text-align: center;} #id3 .bottom p {text-align: left;} #id3 .orangeCircle {background-color: #FFF; color:#C46600;} #id3 .orangeCircle p {padding:15px 1px;} #id4 .bottom {width:85%;} #id5 .shellyPic {display:none;} #id5 .grid_8 {width:100%;} #id5 .h319 {height:0 !important;} #id5 .bottom {bottom:-75px; width:78%;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;} #id6 .greyCircle span.women {font-size:1.125em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1.125em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;} #id6 .blueCircle span.numbers {font-weight:bold; font-size:2.25em;margin:0;} #id6 .blueCircle span.discuss {font-size:1.125em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:2.25em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1.125em;line-height:100%; font-weight:normal;} #ice1 .icons {margin:60px 15% 0;} #ice1 .iconPerson {width:11%;} #ice1 .iconArrowRight {width:10%;margin-right: 15px;margin-top:10px;} #ice1 .iconQuestion {width:11%;margin-right: 12px} #ice1 .iconConversation {width:14%;margin-left: 3px;} #ice2 hr, #ice3 hr, #ice4 hr {margin: 10px 0 20px;} #ice2 .question, #ice3 .question, #ice4 .question {font-size: 1.125em;} #oo1 .icons {margin:60px 10% 0;} #oo1 .iconAdvisor {width:11%;} #oo1 .iconArrowRight {width:10%;margin-right: 15px;} #oo1 .iconConversation {width:14%;margin-left: 3px;} #oo1 .iconArrowLeft {width:10%;margin-right: 15px;} #oo1 .iconPeople {width:14%;} #oo2 .question, #oo3 .question, #oo4 .question, #oo5 .question, #oo6 .question, #oo7 .question {font-size: 1.125em;} #oo2 hr, #oo3 hr, #oo4 hr, #oo5 hr, #oo6 hr, #oo7 hr {margin: 10px 0 20px;} #nextSteps1 .font96 {font-size: .96em;} #nextSteps1 .grid_6 {width: 100%} #nextSteps1 .slideContent ul.marginTop30 {margin-top: 6px;} #nextSteps1 .slideContent ul li {margin:0 0 5px 0;width: 100%} #nextSteps1 p {margin-bottom:24px;} #nextSteps1 .bottom {bottom:-75px; width:78%;z-index: -50;} #nextSteps2 .slideContent ol.moreInfo {margin-left: 10px;} #nextSteps2 .grid_8 {width:100%;} #nextSteps2 p.leftCol3, #nextSteps2 p.rightCol3 {width:100%;font-size: 1em;} #nextSteps2 hr {margin:10px 0;} #nextSteps2 .marginTop40 {margin-top: 25px;} } /* ===== == = === ===== == = === 462px to 494px === = == ===== === = == ===== */ @media screen and (min-width:462px) and (max-width:494px){ .slideContent h3.slideMainSubhead {font-size: 1.15em;line-height: 120%;padding: 0 20px 0 20px;} .flex-direction-nav a {top:71px;} footer ul.secondaryLinks {padding-left:0;} footer .secondaryLinks li{width:100%; padding:0; text-align: center; margin-top: 10px; list-style-type: none; border:0 none; } footer .secondaryLinks li:first-child { border:0 none;} #Need1 .slideContent .slideColContainer p {padding-right:4em;} #Need1 .purpleCircle {background-color: #FFF!important;margin-right: 3%;} #Need1 .purpleCircle p {border-left:1px dotted #c7c7c7; color:#8C2354;padding:18px 21px 38px 30px;font-weight: bold;} #Need1 .circleBig {border-radius: 0; width: 168px;} #Need1 .marginTop30 {margin-top:20px;} } /* ===== == = === ===== == = === 382px to 479px === = == ===== === = == ===== */ @media screen and (min-width: 382px) and (max-width: 479px) { .slideContent {height:677px;} ul.links {padding-left:0px; text-align: center;} .bottom {top:590px;left:15px; width:94%;z-index: -1;} header .inner {padding: 0 0 0;} .frameTop {margin-top: -10px !important;} footer .secondaryLinks li {padding: 0;} .bottom .footnote {left:20px; width: 94%;} #container{width:100%; padding: 0 0 10px;} .container #main {margin:0 10px;} .flex-direction-nav a {top:71px;} .flex-control-nav {position:fixed; bottom:0;width: 87% !important;} .flex-viewport {height: auto;} .grid_12, .grid10, .grid_10, .grid_6 {width: 100%; margin-left: 0; margin-right: 0; display: inline; margin-top:-5px;} .grid_6 {*width: 46%;} .grid_1 {width:0%; display: hidden;} nav {position:absolute;top:0;border-bottom:0;z-index: 1000000;} nav ul {display:none;height:auto;} nav li {display:block;float:none;width:100% !important;display:block;float:none;width:100%;background-color:#2d2d2d;} nav li:last-child {border:none;} nav li a {border-bottom:1px solid #999;border-right:none;width:100%;} nav li:last-child a {border-right: none;} nav a {padding:0;text-indent: 10px; *text-indent: 0px;*padding:0 3px 0 2px;} nav a:hover, nav a:active, nav a:focus {border-right: none;} nav a#pull {display:block;background-color:#555;/* fallback image */ background-image: url(images/fallback-gradient.png); background-image: linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -o-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -moz-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -webkit-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -ms-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.17, rgb(77,77,77)),color-stop(0.66, rgb(45,45,45)));width:100%;position:relative;color:#fff;text-decoration:none;} nav a#pull:after {content:"";background:url('../cps-images/NF-LTC-nav-icon2.gif') no-repeat;width:30px;height:40px; display:inline-block;position:absolute;left:10px;/*top:12px;*/border-right: 1px solid #666;} .slideContent {height:568px;padding: 50px 3em 40px;} .slideContent h2.slideTitle {font-size: 1.5em;} .slideContent h2.slideMainTitle {font-size:2.175em; margin-top: 67px; line-height: 150%; padding: 0 20px;}/*100px*/ .slideContent h3.slideMainSubhead {font-size:1.35em; line-height: 125%; padding: 0 20px 0 20px;} .slideContent .bottomOfSlide {margin-bottom:30px;}/*50px*/ .slideColContainer2 .btnTop, .slideColContainer3 .btnTop, .slideColContainer5 .btnTop, .slideColContainer6 .btnTop, .slideColContainer7 .btnTop {margin-top: 15px;} footer {padding:0 0 50px;} footer ul.secondaryLinks {padding-left:0;} footer .secondaryLinks li{width:100%; text-align: center; margin-top: 10px; list-style-type: none; border:0 none; } footer .secondaryLinks li:first-child { border:0 none;} footer .row .links {margin:15px 0;} footer .links li {margin-right: 7px; padding-left:7px;display:inline-block; float: none;} footer .links li:first-child {margin-left: 5px;} footer .right {text-align: center !important; max-width: 479px;} footer .right a {margin-left:30px;} footer .contact {font-size: 100%;height: 50px;float:right;padding-right: 10px;} footer .disclaimer p {padding:0 10px;} .sprite, .spriteText {backround-image: none;} .spriterwd {background-image:url("../cps-images/NF-LTC-nwLogo-sm.gif") !important; background-repeat: none; background-position: 0 0;;float:left; background-size: 145px 47px; } .spriterwd:hover {background-image:url("../cps-images/NF-LTC-nwLogo-sm-hover.gif") !important; background-repeat: none;} .nfFooterLogo, .nfHeaderLogo {height:47px; width:145px;} span.nfHeaderLogo:hover{background-position:0px 0px;} a.nfFooterLogo:hover{background-position:0px 0px;} .half {width:50%; height:50%;} .contentPromo img {width:100%; max-width:50px;} .contentPromo .linkContainer {padding:0; margin-bottom: 10px;} .resourceCenter.contentPromo .linkContainer {padding:0;} .contentPromo .linkContainer.last{padding-right:0!important;border-right:0; margin-bottom:0;} .contentPromo h2, .contentPromo h3, .contentPromo h4 {font-size: .92em; margin:5px 0 0;} .contentPromo p {font-size:.75em;} .contentPromo.col-2 p {font-size:.75em; margin-top: 6px;} .resourceCenter.contentPromo.col-2 a .inner {height: 104px;} .resource_grid_10 {padding-left:1%;} .resource_grid_2 {padding-right:1%;} .pageBottomNav {padding: 0 10px;} .pageBottomNav p:last-child {padding-bottom: 10px; margin-bottom: 0;} .contactUsLink {margin-top: 6px; font-size: .82em;} .top {margin-top:0; height: 200px;} .resourceTop {} body{font-size:1.0em;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #titleSlide a.button.bigButton {padding:12px 50px !important;} #Opp1 p.bigNumbers {font-size:2.75em;margin-top: 5px;width: 100%;} #Opp1 p.leftCol {width:100%;font-size: .89em;} #Opp1 a.acc {padding-right: 25px !important;padding-left:17px; font-size: .92em;margin-right: 10px;margin-bottom:10px;} #Opp1 a.acc span.marker {right: 22px !important;} #Opp1 .orangeCircle {background-color: #FFF; color:#C46600;} #Opp1 .orangeCircle p {padding:20px 0; font-size: 1.125em; color:#c46600; font-weight: bold; margin-top:11px;border-top: 2px dotted #C7C7C7;} #Opp1 .circleBig {height: 100px; width:210px;float: none; border-radius: 127px;margin:0 auto;} #Opp1 .grid_7 {width:100%;} #Opp1 .grid_5 {width:100%; border-left: 0; padding-left: 0; margin-left: 0;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 20px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;font-size: 1.12em;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:1em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:50px;font-size: 1.12em} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.7em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1em;line-height:100%;} #Opp3 .circle {height:100px; width:300px;float:none !important; margin: 0 auto} .darkblueCircle {background-color: #FFF;} #Opp3 .darkblueCircle p {padding:0 0 15px 0; border-bottom: 1px dotted #C7C7C7; color: #00467F;line-height: 125%;} #Opp3 .grid_7 {width:100%;} #Opp3 a.acc {font-size: 1em;} #Opp3 .rightContent {margin-left: 0;} #Opp4 .circle {height:100px; width:195px;float: none; margin: 0 auto;} #Opp4 .grid_7 {width:100%;margin-top:-20px;} #Opp4 a.acc {font-size: 1em;} #Opp4 .purpleCircle {background-color: #FFF; color: #8C2354;} #Opp4 .purpleCircle p {padding:9px 0 20px; border-bottom: 2px dotted #C7C7C7;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #Opp4 h3.hhc {margin-top:50px;} #Need1 .grid_7 {width:100%;margin-bottom:20px;} #Need1 .grid_5 {width:100%;} #Need1 .slideContent .slideColContainer p {padding-right:0;} #Need1 .purpleCircle {background-color: #FFF!important;margin: 0 auto;} #Need1 .purpleCircle p {border-left:0;border-top:1px dotted #c7c7c7; color:#8C2354;padding:20px 0;font-weight: bold;} #Need1 .circleBig {border-radius: 0; width: 100%;} #Need1 .marginTop30 {margin-top:20px;} #Need2 a.acc {padding:10px 34% 10px 20px;} #Need2 .bottom {bottom:-75px; width:78%;z-index: -1;} #Need2 p.leftCol2 {width: 100%; font-size: 1em;} #id2 .bobPic {display:none;} #id2 .slideContent h2.slideTitle {padding-right:28%;} #id2 .grid_8 {width:100%;} #id2 .h319{height:0 !important;} #id3 .grid_3 {width:100%;} #id3 .grid_6 {width:100%;} #id3 p.startingYoung {margin-top:20px;} #id3 .line {display:none;} #id3 .circleBig {float:none;margin: 0 auto;margin-top:20px;height:85px;} #id3 .bottom {bottom:-75px; width:80%;} #id3 p.percentage{text-align: center;margin-top: 15px;} #id3 p {text-align: center;} #id3 .bottom p {text-align: left;} #id3 .orangeCircle {background-color: #FFF; color:#C46600;} #id3 .orangeCircle p {padding:15px 1px;} #id5 .shellyPic {display:none;} #id5 .slideContent h2.slideTitle {padding-right:26%;} #id5 .grid_8 {width:100%;} #id5 .h319 {height:0 !important;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;line-height: 150%} #id6 .greyCircle span.women {font-size:1em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:1.75em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;line-height: 150%} #id6 .blueCircle span.numbers {font-weight:bold; font-size:1.75em;margin:0;} #id6 .blueCircle span.discuss {font-size:1em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {line-height:183%;color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:1.75em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1em;line-height:100%; font-weight:normal;} #ice1 .icons {margin:60px 10% 0;} #ice1 .iconPerson {width:12%;} #ice1 .iconArrowRight {width:11%;margin-right: 15px;margin-top: 11px;} #ice1 .iconQuestion {width:12%;margin-right: 12px} #ice1 .iconConversation {width:16%;margin-left: 3px;} #ice2 .question, #ice3 .question, #ice4 .question {font-size: 1.125em;} #oo1 .icons {margin:60px auto 0;} #oo1 .iconAdvisor {width:14%;} #oo1 .iconArrowRight {width:13%;margin-right: 15px;margin-top: 11px;} #oo1 .iconConversation {width:18%;margin-left: 3px;} #oo1 .iconArrowLeft {width:13%;margin-right: 15px;margin-top: 11px;} #oo1 .iconPeople {width:15%;} #oo2 .question, #oo3 .question, #oo4 .question, #oo5 .question, #oo6 .question, #oo7 .question {font-size: 1.125em;} #oo2 hr, #oo3 hr, #oo4 hr, #oo5 hr, #oo6 hr, #oo7 hr {margin: 10px 0 20px;} #nextSteps1 .font96 {font-size: .83em;} #nextSteps1 .grid_6 {width: 100%;} #nextSteps1 .slideContent ul.marginTop30 {margin-top: 6px;} #nextSteps1 .slideContent ul li {margin:0 0 5px 0;} #nextSteps1 p {margin-bottom:24px;} #nextSteps2 .slideContent ol.moreInfo {margin-left: 10px;} #nextSteps2 .grid_8 {width:100%;} #nextSteps2 p.leftCol3,#nextSteps2 p.rightCol3 {width:100%;font-size: 1em;} #nextSteps2 hr {margin:10px 0;} } /* ===== == = === ===== == = === 320px to 381px === = == ===== === = == ===== */ @media screen and (min-width:320px) and (max-width:381px){ ul.links {padding-left:0px; text-align: center;} .slideContent {height:670px;} header .inner {padding: 0 0 0;} .frameTop {margin-top: -10px !important;} footer .secondaryLinks li {padding: 0;} .bottom {left:20px; width:89%; top:680px;z-index: -1;} #container{width:100%; padding: 0 0 10px;} .container #main {margin:0 10px;} .flex-direction-nav a {top:71px;} .flex-control-nav {position:fixed; bottom:40px;width: 84% !important;} .flex-viewport {height: auto;} .grid_12, .grid10, .grid_10, .grid_6 {width: 100%; margin-left: 0; margin-right: 0; display: inline; margin-top:-5px;} .grid_6 {*width: 46%;} .grid_1 {width:0%; display: hidden;} nav {position:absolute;top:0;border-bottom:0;z-index: 1000000;} nav ul {display:none;height:auto;} nav li {display:block;float:none;width:100% !important;display:block;float:none;width:100%;background-color:#2d2d2d;} nav li:last-child {border:none;} nav li a {border-bottom:1px solid #999;border-right:none;width:100%;} nav li:last-child a {border-right: none;} nav a {padding:0;text-indent: 10px; *text-indent: 0px;*padding:0 3px 0 2px;} nav a:hover, nav a:active, nav a:focus {border-right: none;} nav a#pull {display:block;background-color:#555;/* fallback image */ background-image: url(images/fallback-gradient.png); background-image: linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -o-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -moz-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -webkit-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -ms-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.17, rgb(77,77,77)),color-stop(0.66, rgb(45,45,45)));width:100%;position:relative;color:#fff;text-decoration:none;} nav a#pull:after {content:"";background:url('../cps-images/NF-LTC-nav-icon2.gif') no-repeat;width:30px;height:40px; display:inline-block;position:absolute;left:10px;/*top:12px;*/border-right: 1px solid #666;} .slideContent {padding: 50px 3em 40px;} .slideContent h2.slideTitle {font-size: 1.5em;} .slideContent h2.slideMainTitle {font-size:2.175em; margin-top: 67px; line-height: 150%; padding: 0 20px;}/*100px*/ .slideContent h3.slideMainSubhead {font-size:1.35em; line-height: 125%; padding: 0 20px 0 20px;} .slideContent .bottomOfSlide {margin-bottom:30px;}/*50px*/ footer {padding:0 0 50px;} footer ul.secondaryLinks {padding-left:0;} footer .secondaryLinks li{width:100%; text-align: center; margin-top: 10px; list-style-type: none; border:0 none; } footer .secondaryLinks li:first-child { border:0 none;} footer .row .links {margin:15px 0;} footer .links li {margin-right: 7px; padding-left:7px;display:inline-block; float: none;} footer .links li:first-child {margin-left: 5px;} footer .right {text-align: center !important; max-width: 479px;} footer .right a {margin-left:30px;} footer .contact {font-size: 100%;height: 50px;float:right;padding-right: 10px;} footer .disclaimer p {padding:0 10px;} .sprite, .spriteText {backround-image: none;} .spriterwd {background-image:url("../cps-images/NF-LTC-nwLogo-sm.gif") !important; background-repeat: none; background-position: 0 0;;float:left; background-size: 145px 47px; } .spriterwd:hover {background-image:url("../cps-images/NF-LTC-nwLogo-sm-hover.gif") !important; background-repeat: none;} .nfFooterLogo, .nfHeaderLogo {height:47px; width:145px;} span.nfHeaderLogo:hover{background-position:0px 0px;} a.nfFooterLogo:hover{background-position:0px 0px;} .half {width:50%; height:50%;} .contentPromo img {width:100%; max-width:50px;} .contentPromo .linkContainer {padding:0; margin-bottom: 10px;} .resourceCenter.contentPromo .linkContainer {padding:0;} .contentPromo .linkContainer.last{padding-right:0!important;border-right:0; margin-bottom:0;} .contentPromo h2, .contentPromo h3, .contentPromo h4 {font-size: .92em; margin:5px 0 0;} .contentPromo p {font-size:.75em;} .contentPromo.col-2 p {font-size:.75em; margin-top: 6px;} .resourceCenter.contentPromo.col-2 a .inner {height: 122px;} .resource_grid_10 {padding-left:1%;} .resource_grid_2 {padding-right:1%;} .pageBottomNav {padding: 0 10px;} .pageBottomNav p:last-child {padding-bottom: 10px; margin-bottom: 0;} .contactUsLink {margin-top: 6px; font-size: .82em;} .top {margin-top:0; height: 200px;} .resourceTop {} body{font-size:1.0em;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #titleSlide a.button.bigButton {padding:12px 50px !important;} #Opp1 p.bigNumbers {font-size:2.75em;margin-top: 5px;width: 100%;} #Opp1 p.leftCol {width:100%;font-size: 1em;} #Opp1 a.acc {padding-right: 25px !important;padding-left:17px; font-size: .92em;margin-right: 10px;} #Opp1 a.acc span.marker {right: 22px !important;} #Opp1 .orangeCircle p {padding:38px 25px; font-size: 1em; color:#C46600; font-weight: bold; margin-top:20px;border-top: 2px dotted #c7c7c7;} #Opp1 .circleBig {height: 0; width:210px; background: #FFFFFF; float: none; border-radius: 127px;margin:0 auto; } #Opp1 .grid_7 {width:100%;} #Opp1 .grid_5 {width:100%; border-left: 0; padding-left: 0; margin-left: 0;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 15px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;font-size: 1.12em;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:1em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:80px;font-size: 1.12em} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.7em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1em;line-height:100%;} #Opp3 .circle {height:195px; width:195px;float:none !important; margin: 0 auto} #Opp3 .darkblueCircle p {padding:60px 18px;} #Opp3 .grid_7 {width:100%;} #Opp3 a.acc {font-size: 1em;} #Opp3 .rightContent {margin-left: 0;} #Opp3 h3.ach {margin-top: 0;} #Opp4 .slideColContainerThirteen .btnTop {margin-top: 20px;} #Opp4 .circle {height:195px; width:195px;float: none; margin: 0 auto 30px;} #Opp4 .grid_7 {width:100%;margin-top:-20px;} #Opp4 a.acc {font-size: 1em;} #Opp4 h3 {line-height: 100%;} #Opp4 h3 span.homeHealthCare, #Opp4 h3 span.adultDayCare {line-height: 100%;} #Opp4 h3 span.cost {line-height: 150%;} #Opp4 .purpleCircle p {padding:48px 28px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #Need1 .grid_7 {width:100%;margin-bottom:20px;} #Need1 .grid_5 {width:100%;} #Need1 .slideContent .slideColContainer p {padding-right:0;} #Need1 .purpleCircle {background-color: #FFF!important;margin: 0 auto;} #Need1 .purpleCircle p {border-left:0;border-top:1px dotted #c7c7c7; color:#8C2354;padding:20px 0;font-weight: bold;} #Need1 .circleBig {border-radius: 0; width: 100%;} #Need1 .marginTop30 {margin-top:20px;} #Need2 a.acc {padding:10px 16% 10px 20px;} #Need2 .leftCol2 {width:100%;font-size: 1.04em;} #Need2 .rightCol2 {width:100%;font-size: .96em;} #id2 .bobPic {display:none;} #id2 .grid_8 {width:100%;} #id2 .h319{height:0 !important;} #id3 .grid_3 {width:100%;} #id3 .slideContent h2.slideTitle {margin-bottom:10px;} #id3 .grid_6 {width:100%;} #id3 p.startingYoung {margin-top:20px;} #id3 p.percentage {text-align: center;margin-top: 15px;} #id3 p {text-align: center;} #id3 .line {display:none;} #id3 .circleBig {float:none;margin: 0 auto;margin-top:20px;width:100%;height:165px;} #id3 .orangeCircle {color: #c46600; background-color: #fff;} #id3 .orangeCircle p {padding:20px 29px;} #id3 .bottom p {text-align: left;} #id5 .shellyPic {display:none;} #id5 .grid_8 {width:100%;} #id5 .h319 {height:0 !important;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;line-height: 150%} #id6 .greyCircle span.women {font-size:1em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:1.75em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;line-height: 150%} #id6 .blueCircle span.numbers {font-weight:bold; font-size:1.75em;margin:0;} #id6 .blueCircle span.discuss {font-size:1em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {line-height:183%;color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:1.75em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1em;line-height:100%; font-weight:normal;} #ice1 .icons {display:none;} #ice2 .question, #ice3 .question, #ice4 .question {font-size: 1.125em;} #ice2 hr, #ice3 hr, #ice4 hr {margin:10px 0 20px;} #ice2 a.button.blue, #ice3 a.button.blue {padding:5px 19px;} #oo1 .icons {display:none;} #oo2 hr, #oo3 hr, #oo4 hr, #oo5 hr, #oo6 hr, #oo7 hr {margin:10px 0 20px;} #oo2 .question, #oo3 .question, #oo4 .question, #oo5 .question, #oo6 .question, #oo7 .question {font-size: 1.125em;} #nextSteps1 .font96 {font-size: 1em;} #nextSteps1 .grid_6 {width: 100%;} #nextSteps1 .slideContent ul {line-height: 125%;} #nextSteps1 .slideContent ul.marginTop30 {margin-top: 6px;} #nextSteps1 .slideContent ul li {margin:0 0 20px 0;} #nextSteps1 .slideContent ul li a {padding:0;} #nextSteps1 p {margin-bottom:24px;} #nextSteps1 .slideContent ul li a:hover {text-decoration:none;background-color:#FFFFFF; -webkit-border-radius: 0; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 0; text-decoration: underline; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */ /*behavior: url("js/PIE.htc");*/} #nextSteps2 .slideContent ol.moreInfo {margin-left: 10px;} #nextSteps2 .grid_8 {width:100%;} #nextSteps2 p.leftCol3,#nextSteps2 p.rightCol3 {width:100%;font-size: 1.125em;} #nextSteps2 hr {margin:10px 0;} } /* ===== == = === ===== == = === 0px to 319px === = == ===== === = == ===== */ @media screen and (min-width:240px) and (max-width:319px){ ul.links {padding-left:0px; text-align: center;} .slideContent {height:700px;} header .inner {padding: 0 0 0;} .frameTop {margin-top: -10px !important;} footer .secondaryLinks li {padding: 0;} .bottom {left:20px; width:89%; top:771px;z-index: -1;} #container{width:100%; padding: 0 0 10px;} .container #main {margin:0 10px;} .flex-direction-nav a {top:71px;} .flex-control-nav {position:fixed; bottom:0;width: 84% !important;} .flex-viewport {height: auto; height: 0;} .grid_12, .grid10, .grid_10, .grid_6 {width: 100%; margin-left: 0; margin-right: 0; display: inline; margin-top:-5px;} .grid_6 {*width: 46%;} .grid_1 {width:0%; display: hidden;} nav {position:absolute;top:0;border-bottom:0;z-index: 1000000;} nav ul {display:none;height:auto;} nav li {display:block;float:none;width:100% !important;display:block;float:none;width:100%;background-color:#2d2d2d;} nav li:last-child {border:none;} nav li a {border-bottom:1px solid #999;border-right:none;width:100%;} nav li:last-child a {border-right: none;} nav a {padding:0;text-indent: 10px; *text-indent: 0px;*padding:0 3px 0 2px;} nav a:hover, nav a:active, nav a:focus {border-right: none;} nav a#pull {display:block;background-color:#555;/* fallback image */ background-image: url(images/fallback-gradient.png); background-image: linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -o-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -moz-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -webkit-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -ms-linear-gradient(bottom, rgb(77,77,77) 17%, rgb(45,45,45) 66%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.17, rgb(77,77,77)),color-stop(0.66, rgb(45,45,45)));width:100%;position:relative;color:#fff;text-decoration:none;} nav a#pull:after {content:"";background:url('../cps-images/NF-LTC-nav-icon2.gif') no-repeat;width:30px;height:40px; display:inline-block;position:absolute;left:10px;/*top:12px;*/border-right: 1px solid #666;} .slideContent {height:auto;padding: 50px 3em 40px;} .slideContent h2.slideTitle {font-size: 1.5em;} .slideContent h2.slideMainTitle {font-size:2.175em; margin-top: 67px; line-height: 150%; padding: 0 20px;}/*100px*/ .slideContent h3.slideMainSubhead {font-size:1.35em; line-height: 125%; padding: 0 20px 0 20px;} .slideContent .bottomOfSlide {margin-bottom:30px;}/*50px*/ footer {padding:0 0 50px;} footer ul.secondaryLinks {padding-left:0;} footer .secondaryLinks li{width:100%; text-align: center; margin-top: 10px; list-style-type: none; border:0 none; } footer .secondaryLinks li:first-child { border:0 none;} footer .row .links {margin:15px 0;} footer .links li {margin-right: 7px; padding-left:7px;display:inline-block; float: none;} footer .links li:first-child {margin-left: 5px;} footer .right {text-align: center !important; max-width: 479px;} footer .right a {margin-left:30px;} footer .contact {font-size: 100%;height: 50px;float:right;padding-right: 10px;} footer .disclaimer p {padding:0 10px;} .sprite, .spriteText {backround-image: none;} .spriterwd {background-image:url("../cps-images/NF-LTC-nwLogo-sm.gif") !important; background-repeat: none; background-position: 0 0;;float:left; background-size: 145px 47px; } .spriterwd:hover {background-image:url("../cps-images/NF-LTC-nwLogo-sm-hover.gif") !important; background-repeat: none;} .nfFooterLogo, .nfHeaderLogo {height:47px; width:145px;} span.nfHeaderLogo:hover{background-position:0px 0px;} a.nfFooterLogo:hover{background-position:0px 0px;} .half {width:50%; height:50%;} .contentPromo img {width:100%; max-width:50px;} .contentPromo .linkContainer {padding:0; margin-bottom: 10px;} .resourceCenter.contentPromo .linkContainer {padding:0;} .contentPromo .linkContainer.last{padding-right:0!important;border-right:0; margin-bottom:0;} .contentPromo h2, .contentPromo h3, .contentPromo h4 {font-size: .92em; margin:5px 0 0;} .contentPromo p {font-size:.75em;} .contentPromo.col-2 p {font-size:.75em; margin-top: 6px;} .resourceCenter.contentPromo.col-2 a .inner {height: 83px;} .resource_grid_10 {padding-left:1%;} .resource_grid_2 {padding-right:1%;} .pageBottomNav {padding: 0 10px;} .pageBottomNav p:last-child {padding-bottom: 10px; margin-bottom: 0;} .contactUsLink {margin-top: 6px; font-size: .82em;} .top {margin-top:0; height: 200px;} .resourceTop {} body{font-size:1.0em;} #titleSlide h2.slideMainTitle {margin-top: 16px;} #titleSlide a.button.bigButton {padding:12px 50px !important;} #Opp1 p.bigNumbers {font-size:2.75em;margin-top: 5px;width: 100%;} #Opp1 p.leftCol {width:100%;font-size: 1em;} #Opp1 a.acc {padding-right: 25px !important;padding-left:17px; font-size: .92em;margin-right: 10px;} #Opp1 a.acc span.marker {right: 22px !important;} #Opp1 .orangeCircle p {padding:38px 25px; font-size: 1em; color:#C46600; font-weight: bold; margin-top:20px;border-top: 2px dotted #c7c7c7;} #Opp1 .circleBig {height: 100px; width:210px; background: #FFFFFF; float: none; border-radius: 127px;margin:0 auto; } #Opp1 .grid_7 {width:100%;} #Opp1 .grid_5 {width:100%; border-left: 0; padding-left: 0; margin-left: 0;} #Opp2 .circle {border-radius: 0;/*behavior: url("js/PIE.htc");*/margin-right: 0;width:100%;height:auto;} #Opp2 .purpleCircle {background-color:#FFF;margin-top: 15px;} #Opp2 .purpleCircle p {color:#8C2354;padding:0 0 20px 0;border-bottom:2px dotted #c7c7c7;font-size: 1.12em;} #Opp2 .purpleCircle span.tenThousand {font-size:2em;font-weight:bold;line-height:100%;} #Opp2 .blueCircle {background-color:#FFF;} #Opp2 .blueCircle p {color:#4C8CAB;padding:20px 0 20px 0;border-bottom:2px dotted #c7c7c7;font-weight: bold;font-size:1em;} #Opp2 .greenCircle {background-color:#FFF;} #Opp2 .greenCircle p {color:#377806;padding:20px 0 20px 0;/*border-bottom:2px dotted #c7c7c7;*/margin-bottom:80px;font-size: 1.12em} #Opp2 .greenCircle span.topLine{margin: 0;font-size:1em;line-height:100%; font-weight:normal;} #Opp2 .greenCircle span.bigPercentage {font-size:1.7em;font-weight:bold;line-height:100%;margin: 0;} #Opp2 .greenCircle span.finalWords {font-size:1em;line-height:100%;} #Opp3 .circle {height:195px; width:195px;float:none !important; margin: 0 auto} #Opp3 .darkblueCircle p {padding:60px 18px;} #Opp3 .grid_7 {width:100%;} #Opp3 a.acc {font-size: 1em; padding:10px 25px 10px 15px;} #Opp3 a.acc span.marker {right:12px;} #Opp3 .rightContent {margin-left: 0;} #Opp4 .slideColContainerThirteen .btnTop {margin-top: 20px;} #Opp4 .circle {height:195px; width:195px;float: none; margin: 0 auto 30px;} #Opp4 .grid_7 {width:100%;margin-top:-20px;} #Opp4 a.acc {font-size: 1em; padding:10px 25px 10px 15px;} #Opp4 h3 {line-height: 100%;} #Opp4 h3 span.homeHealthCare, #Opp4 h3 span.adultDayCare {line-height: 100%;} #Opp4 h3 span.cost {line-height: 150%;} #Opp4 a.acc span.marker {right:12px;} #Opp4 .purpleCircle p {padding:48px 28px;} #Opp4 p.avgLength {font-size:1.06em;line-height:125%; font-weight:normal;} #Opp4 span.avgLengthPercentage {font-size:2em;font-weight:bold;line-height:100%;} #Need1 .grid_7 {width:100%;margin-bottom:20px;} #Need1 .grid_5 {width:100%;} #Need1 .slideContent .slideColContainer p {padding-right:0;} #Need1 .purpleCircle {background-color: #FFF!important;margin: 0 auto;} #Need1 .purpleCircle p {border-left:0;border-top:1px dotted #c7c7c7; color:#8C2354;padding:20px 0;font-weight: bold;} #Need1 .circleBig {border-radius: 0; width: 100%;} #Need1 .marginTop30 {margin-top:20px;} #Need2 a.acc {padding:10px 16% 10px 20px;} #Need2 .leftCol2 {width:100%;font-size: 1.04em;} #Need2 .rightCol2 {width:100%;font-size: .96em;} #id2 .bobPic {display:none;} #id2 .grid_8 {width:100%;} #id2 .h319{height:0 !important;} #id3 .grid_3 {width:100%;} #id3 .slideContent h2.slideTitle {margin-bottom:10px;} #id3 .grid_6 {width:100%;} #id3 p.startingYoung {margin-top:20px;} #id3 p.percentage {text-align: center;margin-top: 15px;} #id3 p {text-align: center;} #id3 .line {display:none;} #id3 .circleBig {float:none;margin: 0 auto;margin-top:20px;width:100%;height:165px;} #id3 .orangeCircle {color: #c46600; background-color: #fff;} #id3 .orangeCircle p {padding:20px 29px;} #id3 .bottom p {text-align: left;} #id5 .shellyPic {display:none;} #id5 .grid_8 {width:100%;} #id5 .h319 {height:0 !important;} #id6 .circle {width:100%; height:auto;} #id6 .greyCircle {background-color:#FFF;margin-top:27px;} #id6 .greyCircle p {color:#555555; padding:0;line-height: 150%} #id6 .greyCircle span.women {font-size:1em;line-height:100%; font-weight:normal;} #id6 .greyCircle span.percentage {font-size:1.75em;font-weight:bold;line-height:100%; margin:0;} #id6 .greyCircle span.informalCaregivers {font-size:1em;line-height:115%;} #id6 .blueCircle {background-color:#FFF;} #id6 .blueCircle p {color:#4C8CAB;padding:0;margin-top:20px;line-height: 150%} #id6 .blueCircle span.numbers {font-weight:bold; font-size:1.75em;margin:0;} #id6 .blueCircle span.discuss {font-size:1em;line-height:125%; font-weight:normal;} #id6 .greenCircle {background-color:#FFF;} #id6 .greenCircle p {line-height:183%;color:#377806;padding:20px 0; border-top:2px dotted #777; border-bottom:2px dotted #777;margin-top: 20px;} #id6 .greenCircle span.percentage {font-size:1.75em;font-weight:bold;line-height:100%;margin:0;} #id6 .greenCircle span.text {font-size: 1em;line-height:100%; font-weight:normal;} #ice1 .icons {display:none;} #ice2 .question, #ice3 .question, #ice4 .question {font-size: 1.125em;} #ice2 hr, #ice3 hr, #ice4 hr {margin:10px 0 20px;} #ice2 a.button.blue, #ice3 a.button.blue {padding:5px 19px;} #oo1 .icons {display:none;} #oo2 hr, #oo3 hr, #oo4 hr, #oo5 hr, #oo6 hr, #oo7 hr {margin:10px 0 20px;} #oo2 .question, #oo3 .question, #oo4 .question, #oo5 .question, #oo6 .question, #oo7 .question {font-size: 1.125em;} #nextSteps1 .font96 {font-size: 1em;} #nextSteps1 .grid_6 {width: 100%;} #nextSteps1 .slideContent ul {line-height: 125%;} #nextSteps1 .slideContent ul.marginTop30 {margin-top: 6px;} #nextSteps1 .slideContent ul li {margin:0 0 20px 0;} #nextSteps1 .slideContent ul li a {padding:0;} #nextSteps1 p {margin-bottom:24px;} #nextSteps1 .slideContent ul li a:hover {text-decoration:none;background-color:#FFFFFF; -webkit-border-radius: 0; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 0; text-decoration: underline; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */ /*behavior: url("js/PIE.htc");*/}}