/*
Layout
*/
* {margin:0; padding:0;}
html { height: 100%; overflow-y: scroll;}
body { background: #fff; min-height: 100%; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; }
.header, .main, .footer-links, .footer { width:100%; font-size: 10px; }
.header { background: #fff url(../img/header_bg.jpg) repeat-x bottom left; height: 100px; padding: 20px 0 0 0 }
.main { background: #006ca6 url(../img/splash_background.jpg) no-repeat right bottom; }
.footer-links { background: #4e4e4e; padding: 10px 0; }
.footer-links .first-col { float:left; padding-right:30px; }
.footer-links .col { float:left; padding:0; height: auto; }
.footer-links .white-border-left { border-left: 0px solid #fff; padding: 0 40px; }
.footer { height: 80px; padding: 15px 0;}
.content { width: 952px; margin: auto; text-align:left;}
.pod { background: #fff url(../img/putnam_tv_whitebar.jpg) repeat-x left bottom; width: 952px; overflow: auto; margin-bottom: 10px;}
.pod li { background: #fff; color:#000; padding:9px 5px 5px 5px; border-bottom: 1px solid #999; display: block; cursor: pointer; height:79px;}
.pod li img { float:left; margin-right:10px; }
.pod li b { color: #06c }
/*.pod li b:after { content:" \00bb"; } */
.pod li span { float:left; width:330px; }
.pod a { color: #06c; }
.pod li.over, .pod li.selected { background: url(../img/putnam_tv_section_bg.jpg) repeat-x left bottom; }
h3.video-title {font-size:1.6em; padding:5px 0 0 5px;}
p.intro { padding: 10px 0; font-size: 12px; line-height: 18px;}
.section-links { float:left; width:450px; margin-right: 16px; }
.video-holder { background: transparent url(../img/loaderb32.gif) no-repeat center center; margin: 9px 0 5px 0; }
/*
Fonts / Links / Lists
*/
p,span,label { font-size: 11px; }
p sup { font-size: 0.5em; }
p { line-height: 16px; }
ul { list-style:none; }
.main h2 { background: url(../img/putnam_tv_title.gif) no-repeat 0 20px; padding: 20px 0; }
.main h2 span { margin-left: -9999px }
.main .content { padding-bottom: 30px; }
.gallery-holder { float:left; margin-top: 30px; width:700px; }
.static-holder { background: #fff url(../img/footer_bar.png) repeat-x bottom left; float:left; margin-top: 30px; margin-left: 30px; width:210px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); opacity:0.75; }
.static-holder p { padding: 15px 0 15px 0; margin: 0 10px; border-bottom: 1px solid #ccc; line-height: 1.4em; }
.static-holder p.last { border-bottom: 0px solid #ccc; }
.static-holder a { color: #06c; }
.static-holder a:link, .footer-links a:visited, .footer-links a:active { text-decoration:none; }
.static-holder a:hover { text-decoration:underline; }
.footer-links p, h2, ul, li, a, label { color:#fff; font-size: 1.0em;}
.footer-links h2 { font-weight: normal; text-transform:uppercase; margin: 0 0 11px 0}
.footer-links li { margin-bottom: 6px; }
.footer-links a { font-size: 1.0em }
.footer-links a:link, .footer-links a:visited, .footer-links a:active { text-decoration:none; }
.footer-links a:hover { text-decoration:underline; }
.footer p { color:#999; font-size:1.0em; line-height: 1.8em; }
.footer a { color:#999; }
a.twitter-link { background:url(../img/twitter_16.gif) no-repeat top left; padding-left: 22px; height:16px; display:block; }
a.facebook-link { background:url(../img/facebook_16.gif) no-repeat top left; padding-left: 22px; height:16px; display:block;}
div.panel p { margin-bottom: 10px; }
div#disclosure { width: 952px; margin: auto; color:#666666; margin-top: 20px; padding: 10px 0px 10px 0px; }
div#disclosure a { color: #666666; }
p.video-links { text-align: right; margin-bottom: 30px; font-size: 11px; padding-right: 45px;}
/*
Helpers
*/
.float-left { float:left; }
.float-right { float:right; }
.clear { clear:both; }
p.bar { background:transparent url(../img/footer_bar.png) repeat-x bottom left; height: 14px; z-index:901; }
#topVideoArea
{
background-color: #000000;
width: 952px;
overflow: hidden;
background-color: #000000; /* url(../img/topVideoAreaLeftBG.jpg) no-repeat bottom left; */
padding-bottom: 20px;
min-height: 310px;
}
#topVideoAreaLeft
{
float: left;
color: #ffffff;
line-height: 19px;
font-size: 13px;
width: 239px;
padding-left: 19px;
padding-right: 19px;
font-family: Arial, Helvetica, sans-serif;
}
#topVideoAreaLeft a
{
color: #98cbe9;
line-height: 22px;
}
#topVideoAreaRight
{
float: left;
width: 670px;
}
#video
{
/* height: 350px; */
}
#topVideoAreaLeft h1
{
padding: 0px;
margin: 0px;
padding-top: 10px;
padding-bottom: 15px;
color: #d2e0a1;
font-weight: bold;
font-size: 13px;
background: none;
}
#videoThumbs
{
/*padding-left: 41px;*/
padding-top: 18px;
overflow: hidden;
padding-bottom: 20px;
width: 870px;
float: left;
}
#videoSlider
{
overflow: auto;
position: relative;
width: 5000px;
}
.trayVidSelection
{
cursor: pointer;
}
.trayVidSelection span
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #006699;
font-weight: bold;
}
.trayVidSelection, .trayVidSelectionOn
{
float: left;
width: 150px;
font-size: 11px;
/*padding-left: 25px;*/
line-height: 16px;
padding: 12px;
}
.trayVidSelectionOn
{
background: url(../img/nowPlayingBG.jpg) repeat-x top left;
}
.trayVidSelectionOn span
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
/*line-height: 21px;*/
}
.trayVidSelection img, .trayVidSelectionOn img
{
margin-bottom: 3px;
}
.trayVidSelection a, .trayVidSelectionOn a
{
outline: none;
}
.trayVidTitle
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #006699;
font-weight: bold;
line-height: 21px;
}
.trayVidTitleArrows
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #006699;
font-weight: bold;
position: relative;
bottom: 1px;
}
#header
{
padding-top: 10px;
padding-bottom: 20px;
}
#disclosureLink
{
float: right;
padding-top: 5px;
padding-bottom: 7px;
padding-right: 7px;
font-size: 13px;
}
a#scrollLeft, a#scrollRight, a#scrollLeftOff, a#scrollRightOff
{
height: 30px;
width: 30px;
display: block;
float: left;
margin-top: 75px;
outline: none;
}
a#scrollLeft
{
background: url(../img/scrollLeft.jpg) no-repeat top left;
}
#scrollLeft:hover
{
background: url(../img/scrollLeftOver.jpg) no-repeat top left;
}
#scrollRight
{
background: url(../img/scrollRight.jpg) no-repeat top left;
}
#scrollRight:hover
{
background: url(../img/scrollRightOver.jpg) no-repeat top left;
}
a#scrollLeftOff
{
background: url(../img/scrollLeftOff.jpg) no-repeat top left;
cursor: auto;
}
#nav
{
width: 585px;
height: 26px;
overflow: hidden;
}
#nav a
{
display: block;
float: left;
outline: none;
}
a#navManagerInsights
{
margin-left: 15px;
height: 26px;
width: 163px;
background: url(../img/putnam_tv_nav.gif) no-repeat 0px 0px;
}
a#navManagerInsights:hover
{
margin-left: 15px;
height: 26px;
width: 163px;
background: url(../img/putnam_tv_nav.gif) no-repeat 0px -26px;
}
a#navManagerInsightsOn
{
margin-left: 15px;
height: 26px;
width: 163px;
background: url(../img/putnam_tv_nav.gif) no-repeat 0px -52px;
}
a#navPutnamInTheNews
{
height: 26px;
width: 181px;
background: url(../img/putnam_tv_nav.gif) no-repeat -163px 0px;
}
a#navPutnamInTheNews:hover
{
height: 26px;
width: 181px;
background: url(../img/putnam_tv_nav.gif) no-repeat -163px -26px;
}
a#navPutnamInTheNewsOn
{
height: 26px;
width: 181px;
background: url(../img/putnam_tv_nav.gif) no-repeat -163px -52px;
}
a#navFinancialPlanning
{
height: 26px;
width: 181px;
background: url(../img/putnam_tv_nav.gif) no-repeat -344px 0px;
}
a#navFinancialPlanning:hover
{
height: 26px;
width: 181px;
background: url(../img/putnam_tv_nav.gif) no-repeat -344px -26px;
}
a#navFinancialPlanningOn
{
height: 26px;
width: 181px;
background: url(../img/putnam_tv_nav.gif) no-repeat -344px -52px;
}
hr
{
border: none;
height: 1px;
color: #383838;
background-color: #383838;
padding: 0px;
margin: 0px;
}