/* eric meyer's css reset */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1.125em; } /* 18px based on a default font size of 16px */ ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } th { text-align: left; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* end mr. meyer */ /* clearfix styles */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* The following is a CSS trick for cross-browser vertical centering of an arbitrary amount of text */ .vertCtrOuter { overflow: hidden; display: table; position: static; } * html .vertCtrOuter { display: block; position: relative; } *:first-child+html .vertCtrOuter { display: block; position: relative; } .vertCtrMiddle { display: table-cell; vertical-align: middle; position: static; } * html .vertCtrMiddle { position: absolute; top: 50%; } *:first-child+html .vertCtrMiddle { position: absolute; top: 50%; } .vertCtrInner { position: relative; top: -50%; } /* JQUERY UI */ /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.5; filter:alpha(opacity=50); } /* Dialog ----------------------------------*/ .ui-dialog { position: absolute; padding: .2em; width: 800px; height: 730px; overflow: hidden; background: #ffffff; box-shadow: 2px 2px 2px #444444; -moz-box-shadow: 2px 2px 2px #444444; -webkit-box-shadow: 2px 2px 2px #444444; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1.25em 0.4em; position: relative; background: #ffffff; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; color: #2064a8; font-size: 1.3em; font-weight: normal; display: none;} .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 1.25em; top: 1.25em; width: 17px; padding: 1px; height: 16px; background: url(/images/btn_close_dialog.png) no-repeat; overflow: hidden; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-content { border: 0; padding: 1.25em; padding-top: 0; background: #ffffff; overflow: none; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width: auto; overflow: visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* BEGIN SITE-SPECIFIC STYLES */ html, body { font-family: Helvetica, Arial, Sans-Serif; background: #e7f5fd; } a { text-decoration: none; } a img { border: 0; } #oCntnr { width: 100%; height: 100%; position: relative; background: #e7f5fd; } #iCntnr { margin: 0 auto; width: 1013px; } #globalNavCntnr { width: 1013px; height: 22px; overflow: hidden; } #globalNav { float: left; margin-left: 678px; } #globalNav li { float: left; margin-left: 20px; line-height: 28px; } #globalNav li a { color: #007dc3; text-decoration: none; font-size: 0.85em; } #globalNav li a:hover { text-decoration: underline; } #globalNav li a.on { color: #003b5d; } #bodyHeadCntnr { width: 1013px; height: 91px; overflow: hidden; background: url(/images/bg_body_top.png) no-repeat; } #bodyHeadUpperCntnr { width: 1013px; height: 59px; overflow: hidden; } #logoLink { width: 183px; height: 59px; overflow: hidden; text-indent: -5000px; background: url(/images/pb_logo.png) no-repeat; float: left; margin: 6px 15px 0 18px; } #siteNameCntnr { float: left; height: 25px; line-height: 24px; margin-top: 24px; border-left: 1px solid #bbbbbb; padding-left: 18px; } #siteNameCntnr span a { color: #fff799; font-size: 1.2em; } #siteNameCntnr span a:hover { color: #ffffff; } .tmsmall { font-size: 0.7em; position: relative; top: -3px; } #tagline a { color: #ffffff; font-size: 0.9em; float: left; margin-right: 10px; margin-top: 4px; text-decoration: none; } #tagline a:hover { color: #b5e1f9; } #siteSearchCntnr { float: left; margin-left: 130px; margin-top: 22px; position: relative; width: 440px; } .txtSearch { position: absolute; top: 5px; right: 25px; height: 12px; padding: 2px; font-size: 0.7em; color: #686868; border-top: 1px solid #5d85bc; border-left: 1px solid #5d85bc; border-bottom: 1px solid #a5bfdb; } .searchButton { position: absolute; top: 0; right: 0; } #bodyHeadLowerCntnr { width: 1013px; height: 32px; overflow: hidden; } #siteNav { float: left; margin-left: 193px; } #siteNav li { float: left; padding: 0 30px; line-height: 20px; height: 25px; margin-top: 4px; } #siteNav li a { color: #007dc3; font-size: 1em; } #siteNav li a:hover { color: #00bbff; } #siteNav li.on { background: #ffffff; } #bodyMainCntnr { width: 993px; padding: 10px; min-height: 400px; height: auto !important; height: 400px; background: url(/images/bg_body.png) repeat-y; } .twoColCntnr { width: 993px; } .twoColMain { float: left; width: 640px; overflow: hidden; } .twoColSidebar { float: left; width: 320px; overflow: hidden; } .featureBox { width: 270px; margin-left: 8px; padding: 20px; padding-bottom: 0; overflow: hidden; background: url(/images/bg_featurebox.png) no-repeat; } .featureBox h3 { color: #2f72ad; margin-bottom: 18px; font-weight: normal; font-size: 0.9em; } .featureBoxImageCntnr { width: 94px; height: 94px; overflow: hidden; -moz-box-shadow: 1px 1px 2px #aaa; -webkit-box-shadow: 1px 1px 2px #aaa; box-shadow: 1px 1px 2px #aaa; float: left; margin-right: 15px; } .featureBoxCopyCntnr { float: left; width: 155px; } .featureBoxCopyCntnr h4 { color: #494949; font-weight: bold; margin-bottom: 5px; font-size: 0.8em; } .featureBoxCopyCntnr p { color: #494949; font-size: 0.75em; margin-bottom: 5px; line-height: normal; } .featureBoxCopyCntnr a { color: #3470b1; text-decoration: none; font-size: 0.75em; text-transform: uppercase; font-weight: bold; } .featureBoxCopyCntnr a:hover { text-decoration: underline; } .featureBoxBottom { width: 310px; margin-left: 8px; margin-bottom: 35px; height: 7px; overflow: hidden; background: url(/images/bg_featurebox_bottom.png) no-repeat; } .twitterBox { width: 277px; padding: 20px; padding-bottom: 15px; overflow: hidden; background: url(/images/bg_twitterbox.png) no-repeat; min-height: 200px; height: auto !important; height: 200px; position: relative; } .twitterExternalLinkCntnr { position: absolute; top: 9px; right: 25px; display: inline; } .twitterExternalLinkCntnr a { font-size: 0.7em; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #1b65a6; } .twitterExternalLinkCntnr a:hover { text-decoration: underline; } .twitterExternalLinkCntnr .caret { font-size: 1em; font-weight: bold; color: #1b65a6; position: relative; top: 1px; } .twitterBox h3 { position: absolute; left: 100px; top: 43px; font-size: 1em; color: #efa31b; font-weight: normal; } .twitterBoxTweetCntnr { margin-top: 70px; margin-left: 10px; } .twitterBoxTweetCntnr .tweetCntnr { margin-bottom: 15px; } .twitterBoxTweetCntnr .tweetCntnr p { line-height: normal; } .twitterBoxBottom { width: 317px; height: 5px; overflow: hidden; background: url(/images/bg_twitterbox_bottom.png) no-repeat; margin-bottom: 30px; } #pollBox { background: #2da3d9; min-height: 185px; height: auto !important; height: 185px; padding: 10px 15px 20px 15px; position: relative; margin-left: 10px; margin-bottom: 35px; width: 275px; } #pollBoxOverlay { display: none; width: 275px; min-height: 185px; height: 100% !important; height: 185px; background: #2da3d9; position: absolute; top: 0; left: 0; } #pollBoxOverlay img { position: absolute; left: 116px; top: 50%; margin-top: -33px; } #pollBoxContent { display: none; width: 265px; font-family: Helvetica, Arial, Sans-Serif; font-size: 8pt; font-weight: normal; color: #ffffff; position: relative; } .pollHeadingImage { float: left; margin-right: 10px; margin-bottom: 5px; } #blogPollTitleContainer { height: 70px; } #pollBoxContent h3 { line-height: 18px; margin: 0; font-size: 1.5em; } #pollBoxContent h4 { margin: 0; margin-bottom: 5px; font-size: 9pt; font-weight: bold; clear: both; } .pollQuestions input { display: block; float: left; clear: both; margin-right: 5px; } .pollQuestions label { position: relative; top: -1px; display: block; float: left; width: 195px; margin-top: 5px; font-size: 9pt; } #btnSubmitPoll { margin-top: 10px; font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; font-size: 8pt; color: #3470b1; padding: 0 8px; height: 24px; display: block; float: left; } .nextPollLink { font-weight: bold; color: #ffffff; text-decoration: none; display: block; float: left; margin-left: 90px; margin-top: 20px; line-height: 24px; font-size: 9pt; } * html .nextPollLink { margin-left: 65px; } *:first-child+html .nextPollLink { margin-left: 65px; } .nextPollLink:hover { text-decoration: underline; } .resultsNextPollLink { font-weight: bold; color: #ffffff; text-decoration: none; font-size: 9pt; } .resultsNextPollLink:hover { text-decoration: underline; } .pollQuestions span.caret { font-size: 12pt; color: #ffffff; display: block; float: left; margin-left: 3px; margin-top: 20px; line-height: 24px; position: relative; top: -1px; } #pollResults { padding-top: 10px; } #pollResults span.caret { font-size: 12pt; color: #ffffff; margin-left: 3px; line-height: 24px; } .pollResultRow { margin-bottom: 10px; } .pollAnswer { font-size: 9pt; } .pollAnswerPct { font-style: italic; margin: 2px 0; } .pollResultValue { height: 10px; background-color: #ffffff; } .pollIFrame { float: left; } .iframePollBox td { padding: 8px; } #bodyFootCntnr { width: 1013px; height: 10px; overflow: hidden; background: url(/images/bg_body_bottom.png) no-repeat; margin-bottom: 15px; } #footerCntnr { width: 1013px; } #footerSideLinksCntr{float: left; width: 190px;} #footerSubscribeCntnr{float: left; width: 355px;} #SubscribeMsg{display: none; color: #484848; font-size: .9em; padding-top: 5px;} #footerSubscribeCntnr .bg{background: url(/images/subscribebg.gif) no-repeat; height: 104px; padding: 17px 10px 10px 24px; width: 290px;} #footerSubscribeCntnr h4{color: #5d5d5d; padding-left: 35px;} #footerSubscribeCntnr label{color: #484848; font-size: .7em;} #footerSubscribeCntnr input{background: url(/images/subscribetxtbox.gif) no-repeat; border-width: 0; color: #b0b0b0; height: 28px; padding: 5px 0 0 5px; width: 214px; font-size: 1em;} #SubscribeSubmit{background: url(/images/subscribebtn.gif) no-repeat; display: block; float: right; height: 30px; margin-top: -1px; /margin-top: -35px; text-indent: -5000px; width: 62px;} #footerTwitterCntnr { float: left; margin-left: 20px; } #footerTwitterLeft { float: left; width: 89px; overflow: hidden;} #footerTwitterLeft h4 { font-size: 0.95em; color: #faae26; font-weight: normal; margin-bottom: 15px; } #footerTwitterBalloon { float: left; background: url(/images/twitter_balloon.gif) no-repeat; width: 299px; height: 85px; padding: 12px 20px 10px 40px; overflow: hidden;} #footerTwitterBody { background: #ffffff; height: 45px; overflow: hidden; } .tweet p { color: #4c4c4c; font-weight: normal; font-size: 0.75em; line-height: normal; } .tweet strong a { color: #10528e; text-decoration: none; } .tweet strong a:hover { text-decoration: underline; } .tweet a { color: #4c4c4c; text-decoration: underline; } .tweet a:hover { color: #10528e; } #footerTwitterDate { background: #ffffff; } .tweetDate p { color: #ababab; font-weight: bold; font-size: 0.6em; margin-top: 5px; } #footerLinkCntnr {background: #dfecf4; position: relative; height: 30px; width: 100%;} #footerLinkCntnr .bg{background: #dfecf4; height: 50px; padding-top: 15px; width: 100%;} #footerLinks { background: #DFECF4; position: absolute; display: none;} #footerLinks li {color: #5d5d5d; float: left; margin-left: 16px; height: 25px;} #footerLinks li a { color: #5d5d5d; padding-left: 25px; height: 25px; line-height: 19px; display: inline-block; font-size: .7em; } #footerLinks li a:hover { color: #9e9e9e; } #footerLinks li a.stico_default { background: url(/images/shareicon.jpg) no-repeat !important; } #footerLinks li a.nopad{padding: 0;} #footerLinks li span{padding: 0 5px; font-size: 10px; display: inline-block; position: relative; /top: -5px; } #footerLinks #sharethis_0{padding: 0; font-size: 0.7em; position: static; top: 0;} #footerLinks .stbuttontext{padding: 0; top: 0; position: static;} #footerRSSLink { background: url(/images/rssicon.jpg) no-repeat; } #footerBlogLink { background: url(/images/blogicon.jpg) no-repeat; } #footerTwitterLink { background: url(/images/twittericon.jpg) no-repeat; } #footerLinkedInLink { background: url(/images/linkedinicon.jpg) no-repeat; } #footerFacebookLink { background: url(/images/facebookicon.jpg) no-repeat; } #footerForumLink { background: url(/images/forumicon.jpg) no-repeat; } #footerYouTubeLink { background: url(/images/youtubeicon.jpg) no-repeat; } #footerFlickrLink { background: url(/images/flickricon.jpg) no-repeat; } #footerSlideshareLink { background: url(/images/slideshareicon.jpg) no-repeat; } #footerGlobalNavCntnr { width: 1013px; height: 70px; overflow: hidden; } #footerGlobalNav { width: 100%;} #footerGlobalNav li { float: left;color: #a7b6bf; font-size: 0.7em; line-height: 1.2em; text-align: right; width: 120px;} #footerGlobalNav li a { color: #5493c4; text-decoration: none;} #footerGlobalNav li a:hover {text-decoration: underline;} /* DEFAULT (HOMEPAGE) */ #flashtitle{display: none;} #homeTopCntnr {margin-top: -20px; padding-left: 12px; position: relative; height: 40px; width: 100%; /height: 30px;} #SegmentLabel{color: #2266a8; font-size: 15px; padding-right: 15px;} #SegmentSelection{background: url(/images/homepage_dropdown_bg.gif) no-repeat; color: #2266a8; display: inline-block; font-size: 13px; height: 22px; padding: 3px 0 0 15px; width: 208px;} #ShareWithColleague{background: url(/images/homepage_share_button.gif) no-repeat; display: block; position: absolute; right: 20px; top: 0; height: 25px; width: 173px;} #homeTopCntnr #homeSegmentNav {background: #dcf1fd; border: solid 2px #d3d3d3; display: none; left: 184px; position: absolute; top: 24px; overflow: hidden; width: 218px;} #homeTopCntnr #homeSegmentNav li {} #homeTopCntnr #homeSegmentNav li a { color: #2266a8; text-transform: uppercase; text-decoration: none; font-size: 0.7em; padding: 3px 0 3px 11px; } #homeTopCntnr #homeSegmentNav li a:hover { color: #01549f; } /* #homeTopCntnr #homeSegmentNav li a.on { color: #01549f; background: #fff7d1; border: 1px solid #ffd91b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } */ #homeCarouselCntnr {background: url(/images/homepage_main_bg.gif) repeat-x; height: 420px; padding: 10px 0 0 45px; margin-top: -9px; /margin-top: 0;} #homeCarouselCntnr h1 { color: #3470b1; font-size: 1.2em; margin-bottom: 7px; } #homeCarouselCntnr p { color: #686868; font-size: 0.8em; line-height: 18px; } #homeCarousel{min-height: 335px;} #homeCopy{padding: 0 70px;} #homeContentCntnr {background: url(/images/homepage_bottom_bg.gif) repeat-x; padding: 0; height: 144px; position: relative; overflow: hidden; padding-left: 63px; width: 924px;} #homeModuleCntnr { width: 866px; height: 149px; margin-top: 0px; overflow: hidden; position: relative; } #homeModuleCntnr .floatingCntnr {position: absolute; left: 0; width: 9999px;} .homeModule {background: url(/images/modulebg.gif) no-repeat right top; width: 258px; height: 114px; margin-top: 15px; padding: 5px 10px 0 20px; float: left; background-repeat: no-repeat; position: relative; } .homeModule h2 { color: #8c9868; text-transform: uppercase; font-size: 0.75em; font-weight: normal; } .homeModule h3, .homeModule h3 a { color: #55a7d0; font-size: .9em; font-weight: normal; } .homeModule h3 a:hover { color: #94cdf9; } .homeModule img{float: left; padding: 5px 10px 0 0;} .homeModule .slideDownBg{background: url(/images/module-dropdownbg.gif) repeat-x; display: none; position: absolute; left: 0; height: 142px; top: -15px; width: 289px; z-index: 9; } .homeModule .slideDownContent{display: none; position: absolute; left: 0; height: 112px; padding: 10px 10px 0 10px; top: -15px; width: 265px; z-index: 10;} #homeModuleCntnr .homeModule .slideDownContent a, #homeModuleCntnr .homeModule .slideDownContent p{color: #fff; font-size: .8em; margin-bottom: 8px;} #homeModuleCntnr .homeModule .slideDownContent a{display: inline-block; height: 27px; padding: 2px 0 0 30px; position: absolute; left: 11px; top: 99px;} #homeModuleCntnr .homeModule p { color: #5d5d5d; font-size: 0.9em; font-weight: normal; margin-top: 4px; line-height: normal; } #homeModuleCntnr .homeModule p.subheading {font-size: .7em;} .homeModuleLinkCntnr { display: inline-block; position: absolute; bottom: 12px; right: 15px; } .homeModule a { color: #55a7d0; font-size: 0.8em; text-decoration: none; font-weight: normal; position: absolute; top: 75px; } .homeModule a:hover { color: #55a7d0; } #homeModuleControlCntnr { float: right; margin-top: 10px; margin-right: 15px; } #homeModuleControlCntnr a { text-transform: uppercase; color: #68a0d1; text-decoration: none; font-size: 0.8em; font-weight: bold; float: left; margin-right: 15px; } #homeModuleControlCntnr a:hover { text-decoration: underline; } #homeModulePrev { background: url(/images/homepage_button_left.jpg) repeat -4px 0; display: block; height: 142px; position: absolute; left: 0; width: 63px; text-indent: -5000px; z-index: 10;} #homeModuleNext { background: url(/images/homepage_button_right.jpg) no-repeat; display: block; height: 142px; position: absolute; right: 0; width: 63px; text-indent: -5000px; z-index: 10;} /* BLOGS LANDING PAGE */ #blogs { width: 973px; margin: 20px; margin-right: 0; } #blogs h1 { color: #194165; font-size: 1.8em; line-height: 2em; font-weight: normal; } .blogIndividual { width: 270px; margin-right: 40px; float: left; overflow: hidden; } .blogIndividual h2 { width: 200px; margin-bottom: 7px; } .blogIndividual h2 a { color: #3470b1; font-size: 1.6em; font-weight: normal; } .blogIndividual h2 a:hover { color: #194165; } .blogIndividual p { color: #4f4f4f; font-size: 0.8em; } .blogButton { width: 143px; height: 30px; overflow: hidden; color: #ffffff; text-decoration: none; background: url(/images/btn_blog.png) no-repeat; padding: 6px 30px 5px 10px; display: block; font-size: 0.9em; line-height: 0.9em; margin: 20px 0; } .blogButton:hover { color: #3470b1; } .blogPostsCntnr { margin-top: 45px; } .blogPostsCntnr h5 { background: url(/images/icon_latest_posts.png) no-repeat 0 2px; padding-left: 20px; text-transform: uppercase; color: #1a64a6; font-size: 0.95em; margin-bottom: 15px; } .blogPostsCntnr ul { margin-left: 15px; } .blogPostsCntnr li { list-style-image: url(/images/bullet_caret.png); margin-bottom: 15px; line-height: 0.9em; } .blogPostsCntnr li a { font-size: 0.8em; color: #484848; } .blogPostsCntnr li a:hover { text-decoration: underline; } .blogPostsCntnr li a.authorLink { text-decoration: underline; color: #3470b1; display: inline-block; margin-left: 4px; } .blogPostsCntnr li a.authorLink:hover { color: #484848; } /* RESOURCE LIBRARY */ #resourceLibrary { width: 973px; margin: 25px 0 25px 20px; } #resourceLibrary h1 { color: #194165; font-size: 1.8em; line-height: 2em; font-weight: normal; } #resourceLibrary .twoColMain { position: relative; } .listFilter { width: 626px; height: 76px; background: url(/images/bg_resourcelib_filter.png) no-repeat; z-index: 101; } .listFilterTop { width: 601px; height: 25px; padding: 13px 10px 10px 15px; } .listFilterLabel { float: left; font-size: 0.7em; text-transform: uppercase; font-weight: bold; color: #787878; line-height: 25px; margin-right: 6px; } .listFilterBottom { width: 596px; padding: 0 15px; } .listFilterBottom a { font-size: 0.7em; font-weight: bold; text-transform: uppercase; color: #8dabc5; text-decoration: none; line-height: 25px; float: left; margin-right: 10px; } .listFilterBottom a:hover { text-decoration: underline; } .listFilterBottom a.on { color: #2d69ab; } .listItemCntnr { width: 626px; overflow: hidden; padding-top: 20px; min-height: 500px; height: auto !important; height: 500px; } .listItem { width: 596px; overflow: hidden; padding: 15px; } .listItem h4 { margin-bottom: 3px; } .listItem h4 a { color: #3470b1; font-size: 1em; font-weight: bold; text-decoration: none; } .listItem h4 a:hover { color: #363634; text-decoration: none; } .listItem p { color: #363634; font-size: 0.7em; line-height: normal; } .listItem a { color: #3470b1; font-size: 0.7em; text-decoration: none; } .listItem a:hover { text-decoration: underline; } .listLinkCntnr { margin-top: 10px; width: 100%; } .listLinkCntnr .listCommentCount { font-weight: bold; padding-left: 30px; background: url(/images/icon_comments.png) no-repeat left center; line-height: 25px; float: right; margin-right: 10px; font-size: 0.7em; color: #3470b1; } .listLinkCntnr .listRecommendCount { font-weight: bold; padding-left: 30px; background: url(/images/icon_recommend.png) no-repeat left center; line-height: 25px; float: right; font-size: 0.7em; color: #3470b1; } .listLinkCntnr a.listLink, .resourceLinkCntnr a.resourceLink, .eventLink { color: #3470b1; font-weight: bold; text-transform: uppercase; padding-left: 30px; background-position: left center; background-repeat: no-repeat; line-height: 25px; height: 25px; float: left; } .listLinkCntnr a.listLink:hover, .resourceLinkCntnr a.resourceLink:hover, .eventLink:hover { text-decoration: underline; } .listLinkCntnr a.download, .resourceLinkCntnr a.download { background-image: url(/images/icon_download.png); } .listLinkCntnr a.watch, .resourceLinkCntnr a.watch { background-image: url(/images/icon_video.png); } .listLinkCntnr a.listen, .resourceLinkCntnr a.listen { background-image: url(/images/icon_audio.png); } .listItem h5 { color: #363634; font-weight: bold; font-size: 0.75em; } .listRelatedList { margin-bottom: 15px; } .listRelatedList li { line-height: 10px; padding-left: 7px; text-indent: -7px; margin-bottom: 3px; } .listRelatedList li a { background: url(/images/bullet_caret_blue.png) no-repeat left center; padding-left: 7px; line-height: normal; } .listImage, .resourceImage { float: left; width: 90px; height: 90px; margin-right: 15px; overflow: hidden; -moz-box-shadow: 1px 1px 2px #aaa; -webkit-box-shadow: 1px 1px 2px #aaa; box-shadow: 1px 1px 2px #aaa; } .listSmallLeft { float: left; width: 270px; margin-right: 20px; overflow: hidden; } .listSmallRight { float: left; width: 200px; overflow: hidden; } .listPagination { width: 626px; height: 41px; overflow: hidden; background: url(/images/bg_resourcelib_pagination.png) no-repeat; } #positionIndicator { line-height: 41px; font-size: 0.6em; font-weight: bold; color: #676767; float: left; margin-left: 15px; } #paginationContainer { line-height: 41px; float: right; margin-right: 15px; } .paginationLink { color: #3470b1; font-weight: bold; font-size: 0.6em; float: left; margin-left: 5px; text-decoration: none; } .paginationLink:hover { text-decoration: underline; } #paginationContainer .on { color: #676767; } #upcomingEvents { width: 270px; margin-left: 8px; padding: 0 20px; overflow: hidden; background: url(/images/bg_eventsbox.png) no-repeat; } #upcomingEventsHead { width: 270px; } #upcomingEvents h3 { color: #ffffff; font-size: 0.8em; font-weight: bold; text-transform: uppercase; line-height: 30px; float: left; } #upcomingEventsBoxLink { float: right; } #upcomingEventsBoxLink a { color: #ffffff; font-size: 0.7em; font-weight: bold; text-transform: uppercase; line-height: 30px; text-decoration: none; } #upcomingEventsBoxLink a:hover { text-decoration: underline; } #upcomingEventsList li { margin-bottom: 20px; } #upcomingEventsList img { margin: 3px 0 10px 15px; } #upcomingEventsList h4 { margin-bottom: 3px; } #upcomingEventsList h4 a { color: #3470b1; text-decoration: none; font-weight: bold; font-size: 0.9em; } #upcomingEventsList h4 a:hover { text-decoration: underline; } #upcomingEventsList p { color: #4c4c4c; line-height: 1.3em; font-size: 0.75em; } #upcomingEventsList p strong { font-weight: bold; display: inline-block; margin-right: 3px; } #upcomingEventsBottom { width: 310px; margin-left: 8px; margin-bottom: 35px; height: 8px; overflow: hidden; background: url(/images/bg_eventsbox_bottom.png) no-repeat; } /* RESOURCE VIEWER */ #resourceModalIFrame { height: 818px; width: 768px; overflow: hidden; } #resourceTopicsHeaderCntnr{background: #fff; color: #000; font-size: 1.2em; padding-bottom: 15px;} #resourceTopicsHeaderCntnr span{color: #2064A8;} #resourceViewCntnr { width: 360px; height: 240px; margin-top: 2px; overflow: hidden; -moz-box-shadow: 1px -1px 2px #cccccc; -webkit-box-shadow: 1px -1px 2px #cccccc; box-shadow: 1px -1px 2px #cccccc; float: left; margin-right: 20px; } #resourceViewCntnr #videoCntnr { width: 360px; height: 240px; overflow: hidden; } #resourceInfoCntnr { width: 378px; overflow: hidden; float: left; } #resourceInfoCntnr h2, #resourceInfoCntnrLeft h2 { padding: 5px 7px; background: #247aca; color: #ffffff; font-size: 1.2em; line-height: 1.2em; float: left; font-weight: normal; margin-bottom: 10px; } #resourceInfoCntnr p, #resourceInfoCntnrLeft p { padding: 0 5px 10px 5px; font-size: 0.8em; color: #717171; line-height: 17px; clear: both; } #resourceInfoCntnr p a, #resourceInfoCntnrLeft p a { color: #2064a8; text-decoration: none; } #resourceInfoCntnr p a:hover, #resourceInfoCntnrLeft p a:hover { text-decoration: underline; } #resourceInfoCntnr #shareThisLinkCntnr, #resourceInfoBottom #shareThisLinkCntnr { padding: 5px; margin-top: 5px; } #resourceInfoCntnr #shareThisLinkCntnr a, #resourceInfoBottom #shareThisLinkCntnr a { color: #484848; font-weight: bold; font-size: 0.75em; text-decoration: none; text-transform: uppercase; } #resourceInfoCntnr #shareThisLinkCntnr a:hover, #resourceInfoBottom #shareThisLinkCntnr a:hover { text-decoration: underline; } #resourceInfoBottom { margin-top: 25px; } #resourceInfoBottom h5, #resourceInfoCntnrRight h5 { font-size: 0.9em; font-weight: bold; color: #515154; padding: 5px 8px; line-height: auto; border: 1px solid #dcdcdc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #resourceInfoBottom ul, #resourceInfoCntnrRight ul { margin-top: 8px; margin-left: 8px; } #resourceInfoBottom .resourceRelatedList li a, #resourceInfoCntnrRight .resourceRelatedList li a { font-size: 0.8em; color: #2064a8; } #resourceInfoBottom p, #resourceInfoCntnrRight p { line-height: normal; padding: 0; padding-left: 5px; font-size: 0.75em; color: #717171; } #resourceInfoCntnrLeft, #resourceInfoBottomLeft { float: left; margin-right: 20px; width: 300px; } #resourceInfoCntnrRight, #resourceInfoBottomRight { float: left; width: 300px; } #resourceInfoCntnrRight #shareThisLinkCntnr { clear: both; margin: 10px 0 20px 0; } #resourceInfoCntnrRight #shareThisLinkCntnr a { font-size: 0.8em; font-weight: bold; text-transform: uppercase; color: #484848; background: url(/images/btn_share.png) no-repeat left center !important; padding: 10px 0 10px 28px !important; } #resourceCommentListCntnr { margin-top: 25px; } #relatedItemsCntnr h2{font-size: 0.9em; font-weight: bold; color: #515154; padding: 5px 8px; line-height: auto; border: 1px solid #dcdcdc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #relatedItemsCntnr .relatedItem {float: left; padding-right: 15px; width: 241px; position: relative;} #relatedItemsCntnr .relatedItem img{float: left; padding-right: 10px;} #relatedItemsCntnr .relatedItem p{color: #2064a8; font-weight: bold; font-size: .8em; margin-bottom: 5px; line-height: .9em;} #relatedItemsCntnr .relatedItem p.cat{color: #717171; font-size: .75em; font-weight: normal; position: absolute; left: 100px; top: 56px;} #relatedItemsCntnr .relatedItem a{color: #2064a8; display: inline-block; padding: 3px 0 0 31px; font-size: .7em; height: 21px; position: absolute; left: 99px; top: 68px;} #relatedItemsCntnr .relatedItem a.Article, #relatedItemsCntnr .relatedItem a.WhitePaper{background: url("/images/icon_download.png") no-repeat left top;} #relatedItemsCntnr .relatedItem a.AudioPodcast{background: url("/images/icon_audio.png") no-repeat left top;} #relatedItemsCntnr .relatedItem a.Video{background: url("/images/icon_video.png") no-repeat left top;} #relatedItemsPad{float: left; padding: 20px 0;} #resourceCommentTopBar { background: #e9e9e9; padding: 10px; width: 736px; } #resourceCommentTopBar h2 { float: left; font-size: 1.2em; font-weight: normal; color: #494949; } #resourceCommentTopBar .postAComment { float: right; margin-left: 15px; text-decoration: none; font-weight: bold; font-size: 0.7em; text-transform: uppercase; color: #2064a8; } #resourceCommentTopBar .postAComment:hover { text-decoration: underline; } #resourceCommentTopBar .recommendLink { float: right; padding-left: 23px; background: url(/images/icon_recommend_graybg.png) no-repeat left center; font-weight: normal; font-size: 0.8em; text-decoration: none; color: #2064a8; height: 16px; line-height: 18px; } #resourceCommentTopBar .recommendLink:hover { text-decoration: underline; } #commentList { width: 736px; padding: 20px 10px; overflow: hidden; } .commentRow { margin-top: 25px; padding-top: 25px; border-top: 1px solid #c7c7c7; } .commentRowFirst { margin-top: 0; padding-top: 0; border-top: none; } .postedBy { font-size: 0.7em; font-weight: bold; color: #7e7e7e; } .commentBody p { font-size: 0.75em; color: #484848; margin-bottom: 10px; line-height: 16px; } .commentPostCntnr { padding: 20px;} #updatePanel1{height: 500px;} .commentPostCntnr h3 { color: #2064A8; font-size: 1.1em; } .commentPostFormRow { margin-top: 15px; } .commentPostFormRow label { float: left; width: 150px; } .commentPostFormRow input, .commentPostFormRow textarea { float: left; width: 400px; } .commentPostFormRow .commentButton { width: 100px; height: 35px; color: #2064A8; text-transform: uppercase; font-weight: bold; font-size: 0.9em; margin-right: 20px; } .commentValidator { color: #ff0000; float: left; margin-left: 5px; font-size: 1.1em; } #commentConfirmationBox { padding: 10px; font-size: 0.9em; font-weight: bold; color: #484848; } .backToComments { font-size: 1em; font-weight: bold; color: #2064a8; margin-top: 10px; text-decoration: none; display: block; } .backToComments:hover { text-decoration: underline; } .recommendationValidator { color: #ff0000; float: right; margin-right: 10px; font-size: 0.9em; font-weight: bold; } #resourceViewer { width: 973px; margin: 25px 0 25px 20px; } #resourceViewer h1 { color: #194165; font-size: 1.8em; margin-bottom: 25px; font-weight: normal; } #resourceViewer .twoColMain { position: relative; } #resourceViewer .twoColMain #resourceInfoCntnrLeft { width: 400px; } #resourceViewer .twoColMain #resourceInfoBottom { clear: both; float: left; } #resourceViewer .twoColMain #resourceInfoBottomLeft { float: left; margin-right: 30px; } #resourceViewer .twoColMain #resourceInfoBottomRight { float: left; } #resourceViewer .twoColMain #resourceCommentTopBar { width: 610px; } #resourceViewer .twoColMain #commentList { width: 610px; } #resourceViewer .twoColMain #resourceInfoCntnr { width: 240px; } #articleCntnr { width: 515px; margin-left: 35px; } #articleCntnr .resourceImage { margin-bottom: 10px; margin-right: 25px; } #articleCntnr p { font-size: 0.9em; color: #4c4c4c; line-height: 1.6em; margin-bottom: 20px; } #articleCntnr a { color: #2064a8; text-decoration: none; } #articleCntnr a:hover { text-decoration: underline; } #articleCntnr #resourceInfoBottom { margin-bottom: 25px; margin-top: 5px; } #articleCntnr #resourceInfoBottomLeft { width: 260px; } #articleCntnr #resourceInfoBottomRight { width: 220px; } #articleCntnr #resourceInfoBottomRight p { font-size: 0.75em; color: #717171; line-height: normal; margin-bottom: 10px; } #resourceRegistrationDialog { padding: 0; } .registrationDialog { background: #ffffff; box-shadow: 2px 2px 2px #444444; -moz-box-shadow: 2px 2px 2px #444444; -webkit-box-shadow: 2px 2px 2px #444444; } .registrationDialog .ui-dialog-titlebar { margin-bottom: 10px; padding: 0; } .registrationDialog .ui-dialog-titlebar span { display: block; background: #2777c0; color: #ffffff; font-size: 1.2em; font-weight: normal; float: none; margin: 0; line-height: 45px; padding-left: 15px; } .registrationDialog .ui-dialog-titlebar-close { background-image: url(/images/blue_close_x.png); top: 0.9em; right: 1em; } .registrationDialog .ui-dialog-titlebar-close span { background: transparent; } .registrationIFrameContentCntnr, #registrationThankYouCntnr { background: #ffffff url(/images/bg_registration_dlg_xtile.png) repeat-x bottom left; padding: 0 20px 25px 20px; height: 247px; } .registrationIFrameContentCntnr p, #registrationThankYouCntnr p { font-size: 0.8em; color: #717171; line-height: 1.3em; margin: 15px 0; } #registrationThankYouCntnr a { color: #2064a8; text-decoration: none; } #registrationThankYouCntnr a:hover { text-decoration: underline; } .registrationIFrameContentCntnr .resourceRegistrationSubmit { font-size: 0.8em; clear: both; background: #eeeeee; border: 1px solid #c7c7c7; padding: 2px 25px; color: #6c6c6c; float: left; cursor: pointer; margin-top: 8px; } .registrationIFrameContentCntnr .registrationCell { width: 230px; float: left; margin: 0; height: 48px; } .registrationIFrameContentCntnr .registrationCell input { width: 90%; margin: 0; clear: none; } .registrationIFrameContentCntnr .registrationCell input.error { background: #ffeeee; border: 2px solid #ff0000; } .registrationIFrameContentCntnr .registrationCell select { width: 90%; } .registrationIFrameContentCntnr .registrationCell label { font-size: 0.8em; color: #717171; display: block; } .registrationIFrameContentCntnr .registrationCell .errorMessage { font-size: 0.6em; color: #ff0000; line-height: 12px; } /* EVENTS LANDING PAGE */ #events { width: 973px; margin: 25px 0 25px 20px; } #events h1 { color: #194165; font-size: 1.8em; line-height: 2em; font-weight: normal; } #events .twoColMain { position: relative; } .listLinkCntnr a.eventListLink { padding-left: 0; } .eventListCategory { margin-top: 20px; } /* EVENT */ #event { width: 973px; margin: 25px 0 25px 20px; } #event h1 { color: #194165; font-size: 1.8em; line-height: 2em; font-weight: normal; margin-bottom: 25px; } #event .twoColMain { position: relative; } #eventInfoCntnrLeft { float: left; width: 460px; } #eventInfoCntnrLeft h2 { padding: 5px 7px; background: #247aca; color: #ffffff; font-size: 1.2em; line-height: 1.2em; float: left; font-weight: normal; margin-bottom: 10px; } #eventInfoCntnrLeft p { padding: 0 5px 10px 5px; font-size: 0.8em; color: #717171; line-height: 17px; } #eventInfoCntnrLeft p a { color: #2064a8; text-decoration: none; } #eventInfoCntnrLeft p a:hover { text-decoration: underline; } #eventInfoBottom { float: left; margin-left: 105px; } #eventInfoBottom h5 { font-size: 0.9em; font-weight: bold; color: #515154; padding: 5px 8px; line-height: auto; border: 1px solid #dcdcdc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #eventInfoBottom p { line-height: normal; padding: 0; padding-left: 5px; font-size: 0.75em; color: #717171; } #eventRecommendCntnr { float: left; margin-right: 175px; } #eventInfoCntnr { float: left; } #eventInfoCntnr p { font-size: 0.9em; line-height: 1.4em; } .eventLink { padding-left: 5px; } #eventCommentListCntnr { margin-top: 25px; } #eventCommentTopBar { width: 610px; background: #e9e9e9; padding: 10px; } #eventCommentTopBar h2 { float: left; font-size: 1.2em; font-weight: normal; color: #494949; } #eventCommentTopBar .postAComment { float: right; margin-left: 15px; text-decoration: none; font-weight: bold; font-size: 0.7em; text-transform: uppercase; color: #2064a8; } #eventCommentTopBar .postAComment:hover { text-decoration: underline; } #eventCommentTopBar .recommendLink { float: right; padding-left: 23px; background: url(/images/icon_recommend_graybg.png) no-repeat left center; font-weight: normal; font-size: 0.8em; text-decoration: none; color: #2064a8; height: 16px; line-height: 18px; } #eventCommentTopBar .recommendLink:hover { text-decoration: underline; } #event .twoColMain #commentList { width: 610px; } /* CONTACT US */ #contactUs { width: 973px; margin: 25px 0 25px 20px; } #contactUs h1 { color: #194165; font-size: 1.8em; line-height: 2em; font-weight: normal; margin-bottom: 10px; } #contactUsFormCntnr p { font-size: 0.9em; color: #4f4f4f; margin-bottom: 10px; } #contactUsFormCntnr p a { color: #2064a8; text-decoration: none; } #contactUsFormCntnr p a:hover { text-decoration: underline; } #contactUsFormCntnr table { margin-top: 20px; } #contactUsFormCntnr td { font-size: 0.8em; color: #4f4f4f; padding: 7px 50px 7px 7px; } #contactUsFormCntnr td p { width: 200px; } #contactUsFormCntnr td input { width: 200px; padding: 1px; font-size: 0.9em; } #contactUsFormCntnr td select { width: 204px; font-size: 0.9em; } #contactUsFormCntnr td textarea { width: 200px; } #contactUsFormCntnr td #btnSubmitContactUs { height: 24px; width: auto; padding: 0 8px; font-size: 1em; font-weight: bold; color: #3470b1; text-transform: uppercase; } #contactUsBackToHome { color: #2064a8; font-weight: bold; text-decoration: none; } #contactUsBackToHome:hover { text-decoration: underline; } /* STANDALONE POLL PAGE */ #standalonePollPageCntnr { margin: 25px 10px; } #standalonePollPageCntnr h1 { color: #194165; font-size: 1.8em; line-height: 2em; font-weight: normal; margin-bottom: 20px; margin-left: 10px; } #standalonePollPageCntnr p { color: #4f4f4f; font-size: 0.8em; line-height: 1.4em; margin-left: 10px; } #standalonePollPageCntnr #pollCntnr { margin-top: 30px; } #pollAgainLink { display: block; color: #3470b1; font-size: 1.1em; font-weight: bold; margin-left: 15px; } #pollAgainLink:hover { text-decoration: underline; } /* SEARCH RESULTS */ #searchResults { width: 973px; margin: 25px 0 25px 20px; } #searchResults h1 { color: #194165; font-size: 1.8em; line-height: 2em; font-weight: normal; margin-bottom: 10px; } #searchResults .twoColMain p { color: #4C4C4C; font-size: 0.9em; line-height: 1.4em; margin-bottom: 10px; } .searchResultRow { margin-top: 15px; padding-top: 15px; border-top: 1px dotted #e9e9e9; } .searchResultRow a { color: #3470B1; font-size: 1em; font-weight: bold; margin-bottom: 2px; display: block; } .searchResultRow a:hover { text-decoration: underline; } /* RSS FEEDS */ #rssFeeds { width: 973px; margin: 25px 0 25px 20px; } #rssFeeds h1 { color: #194165; font-size: 1.8em; line-height: 2em; font-weight: normal; margin-bottom: 20px; } #rssFeeds h2 { color: #4C4C4C; font-size: 1.2em; font-weight: normal; margin-bottom: 10px; margin-left: 15px; } #rssFeeds ul.rssFeedList { list-style-type: disc; list-style-image: url(/images/rss.png); margin-left: 15px; margin-bottom: 15px; padding-left: 30px; } #rssFeeds ul.rssFeedList li { margin-bottom: 5px; } #rssFeeds ul.rssFeedList li a { color: #2064a8; font-weight: normal; text-decoration: none; } #rssFeeds ul.rssFeedList li a:hover { text-decoration: underline; } /* ERROR PAGE */ #errorCntnr { width: 973px; margin: 25px 0 25px 20px; } #errorCntnr h1 { color: #194165; font-size: 1.8em; line-height: 2em; font-weight: normal; margin-bottom: 20px; } #errorCntnr h2 { color: #4c4c4c; font-size: 1.2em; font-weight: normal; margin-bottom: 10px; } #errorCntnr .errorMessage { color: #4c4c4c; margin: 15px 0; } #errorCntnr .errorSuggestions { list-style-type: disc; margin-left: 20px; } #errorCntnr .errorSuggestions li { margin-bottom: 8px; color: #4c4c4c; } /* Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered list http://scottdarby.com/ Copyright (c) 2009 Scott Darby Requires: jQuery 1.3 or newer Dual licensed under the MIT and GPL licenses. */ /*================================== Hide lists on page load ====================================*/ .stylish-select ul.newList {left:-9999px;} /*================================== red curvy example ====================================*/ ul.newList * {margin:0; padding:0;} ul.newList a {color: #000; text-decoration:none; display:block; font-size: 0.7em; font-weight: bold; color: #2b6faa; } ul.newList {margin:0; padding:0; list-style:none; color:#000; width:261px; background:#fff; position:absolute; border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;} .listCategoryCntnr ul.newList { width: 261px; } .listTopicCntnr ul.newList { width: 261px; } /*{ width: 205px; }*/ .newListSelected { color:#000; height:25px; padding:3px 0 0 6px; float:left; margin-right: 8px; } .listCategoryCntnr .newListSelected { width: 257px; background: url(/images/ctl_resourcelib_category.png) no-repeat; } .listTopicCntnr .newListSelected { width: 257px; background: url(/images/ctl_resourcelib_category.png) no-repeat; } /*{ width: 207px; */ .newListSelected span { display: block; } .listCategoryCntnr .newListSelected span { width:256px; } .listTopicCntnr .newListSelected span { width: 256px; } /* { width: 206px; }*/ ul.newList li a {padding:3px 8px; display: block;} ul.newList li a:focus {-moz-outline-style: none;} .selectedTxt { overflow:hidden; height:16px; padding:0 23px 0 0; font-size: 0.7em; line-height: 20px; color: #2b6faa; font-weight: bold; } .listCategoryCntnr .selectedTxt { width: 223px; } .listTopicCntnr .selectedTxt { width: 223px; } /*{ width: 174px; }*/ .hiLite {background:#2b6faa!important; color:#fff!important;} .hiLite a {background:#2b6faa!important; color:#fff!important;} .newListHover {background:#ccc!important; color:#000!important; cursor:default;} .newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;} .newListOptionTitle {font-weight:bold;} .newListOptionTitle ul {margin:3px 0 0;} .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}