@charset "UTF-8";
/* CSS Document */

* {margin:0px; padding:0px;}
img {border:none; width:auto; height:auto;}
img a:link {border: none !important;}
p {margin: 0 0 11px; line-height: 20px;}
ul {margin: 0 0 0 15px;}
ul li {margin:10px 0;}

html {overflow-y: scroll;}
body {background: url(https://www.putnam.com/images/bgHome.gif) repeat top left; min-height: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #000;}
ul {margin: 0 0 15px; padding:0 0 0 15px;}
li {line-height: 20px;}
h1 {font-family: Arial, Helvetica, sans-serif; margin: 0px; padding-top: 0px; padding-bottom: 15px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #000; font-size: 16px; margin: 10px 0 15px; line-height: 21px;}
h3 {margin: 10px 0; padding: 0; color:#fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
h4 {margin: 15px 0 20px;}
h5, h5 a:link {margin: 10px 0 5px; color:#000; font-size: 12px;}
select {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

#container {margin: 0px auto; width:980px; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff;}
#main {background:url(https://www.putnam.com/iphone/img/iphone_back.jpg) no-repeat #fff; padding: 40px 30px 20px;}
#top {background: url(/challenges/images/theme_head.jpg) no-repeat top left; height: 138px;}

#navigation {list-style: none; z-index:1000;}
ul#navigation {padding:109px 0 0; float: right;}
#navigation li {display: block; height: 100%; list-style: none; margin: 0px; float: left;}
#navigation li a {display: block; height: 27px; float:left; background:url(/challenges/images/themes_nav.png); margin: 0 7px 0 0;}
li a#navHome {background-position: 0px 0px; width: 74px; list-style: none;}
li a#navHome:hover {background-position: 0px -27px;}
li a#navLongevity {background-position:-80px 0px; width: 106px; list-style: none;}
li a#navLongevity:hover {background-position: -80px -27px;}
li a#navInflation {background-position: -193px 0px; width: 102px; list-style: none;}
li a#navInflation:hover {background-position: -193px -27px;}
li a#navVolatility {background-position: -302px 0px; width: 99px; list-style: none;}
li a#navVolatility:hover {background-position: -302px -27px;}
li a#navIncome {background-position: -408px 0px; width: 90px; list-style: none;}
li a#navIncome:hover {background-position: -408px -27px;}
li a#navTaxes {background-position: -505px 0px; width: 75px; list-style: none;}
li a#navTaxes:hover {background-position: -505px -27px;}
li a#navLiquidity {background-position: -587px 0px; width: 95px; list-style: none;}
li a#navLiquidity:hover {background-position: -587px -27px;}

.row {width: 100%; margin: 0 auto; overflow: hidden; height: 100%; border-bottom: 1px solid #ccc;}
.row .left {width: 180px; float: left; padding-left: 25px;}
.row .left select {width: 180px;}
.row .middle {margin: 10px 0 0 50px; width: 470px; display: block; float:left;}
.row .middle img {float: right;}
.row .right {width: 180px; margin: 10px 0 0 15px; float: right; vertical-align:top;}
.top {padding-top: 15px;}
.none {border: none !important;}

.content-left {width: 725px; margin: 0px !important;}
.content-right {width: 180px; margin: 10px 0 0; float: right; vertical-align:top; padding: 10px 0 0 10px; border-left: 1px solid #ccc;} 

.longevity {background:url(/challenges/images/themes_bg_longevity.png) repeat-y;}
.inflation {background:url(/challenges/images/themes_bg_inflation.png) repeat-y;}
.volatility {background:url(/challenges/images/themes_bg_volatility.png) repeat-y;}
.income {background:url(/challenges/images/themes_bg_income.png) repeat-y;}
.taxes {background:url(/challenges/images/themes_bg_taxes.png) repeat-y;}
.liquidity {background:url(/challenges/images/themes_bg_liquidity.png) repeat-y;}

.button {top:50%; bottom: 50%; text-align:center; font-size:10px; padding: 1px 3px; color: #fff; width: 11px; height: 11px;}
.showHidden {text-decoration: none;}
.opened {background-color: #ccc; padding: 1px 4px !important;}

.type {color: #666; font-size:11px;}
.box {display: block; height: 250px;}

.footnote {margin: 40px 0 0 20px; color: #666; font-size: 11px;}
.disclaimer {color:#666; padding:25px 40px; width: 900px; background:url(http://www.putnam.com/iphone/img/iphone_shadow.jpg) repeat-x #f6f6f6; font-size: 11px;}
.disclaimer a {color: #666 !important;}

a:link, a:visited, a:active {color: #039; outline: none; text-decoration: none;}
a:hover {color: #6699ff; text-decoration: underline;}