@import 'reset.css'; @import 'grid.css'; /************************************************** [layout.css] Primary use: All styles involving layout not defined in grid.css **************************************************/ /* HEADER: ALL ELEMENTS */ #leaderboard-ad {width: 726px;height: 90px;} #act-btn, #print-sub-btn {float: right;margin: 0px;width: 198px;height: 88px;text-align:right;} #header {width:100%;} #header.header-crop {width:960px;} #header #header-grey {background:#f0f0f0;} #header #header-grey #header-ads {padding: 20px 0 10px;margin:0 auto;width:960px;} #header #header-white {border-top: 8px solid #088fd1;margin:0 auto;width:940px;} #header #header-white #login-row {float:right;font-size:12px;} #header #header-white #login-row .blue-tab {background-color:#088fd1;padding:4px 12px;margin-right:10px;color:#FFF;text-transform:uppercase;font-size:12px;} #header #header-white #login-row .blue-tab.settings {text-transform:none;} #header #header-white #login-row .blue-tab.settings .fa-cog {font-size:14px;margin-left:8px;} #header #header-white #login-row .no-tab {padding:4px 0 4px 4px;color:#088fd1;text-transform:uppercase;font-size:12px;} .fixed_ad {position: fixed;} .absolute_ad {position: absolute;top:90px;} /* --Logo-- */ #logo #masthead {height: 80px;width:560px;margin: 5px 0 5px 180px;background:url(/media/ui/accounting-today-logo.png) left top no-repeat;} #logo span {display:none;} /* --Search-- */ input#search-form-field {width:130px;border:none;background:transparent;font-size:12px;} input#search-form-field:focus {outline:none;} #search-box {margin-bottom:10px;margin-top:25px;background-color:#f0f0f0;color:#A7A7A7;width:150px;height:17px;font-size:16px;padding:5px;float:right;} /* --Signin Box-- */ #signInContainer {width: 320px;margin:0;} #signInContainer #modal-header {padding:5px;background-color:#f2f2f2;} #signInContainer #modal-header img {max-width:180px;vertical-align:top;margin-left:60px;margin-top:5px;} #signInContainer #modal-header .fa-times {border-left:2px solid #999;color:#999;font-size:21px;padding:0 15px;line-height:32px;float:right;} #signInContainer #modal-content {padding:35px 30px;} #signInContainer #login-header {font-size:24px;text-align:center;margin-bottom:15px;font-weight:bold;color:#999;} #signInContainer #register-link {font-size:12px;text-align:center;margin-bottom:10px;} #signInContainer #register-link a, #signInContainer #login-right a {color:#0091d1;} #signInContainer .error {margin-bottom: 10px;padding: 0;color:#900;font-size:12px;} #signInContainer .error i.fa-exclamation-circle {color: #e51c23;font-size:21px;vertical-align:middle;} #signInContainer .login-input input.text {padding:8px;border:1px solid #d7d7d7;width:242px;margin-bottom:15px;} #signInContainer .login-input-submit {text-align:center;} #signInContainer .login-input input.submitButton {padding:10px;width:260px;margin-top:30px;background-color:#3da9d9;border:none;color:#FFF;text-transform:uppercase;transition-duration:500ms;transition-property:background-color;-webkit-transition-property:background-color;-webkit-transition-duration:500ms;} #signInContainer .login-input input.submitButton:hover {background-color:#0091d1;} /* --Ofie Module-- */ #ofie-module {border:1px solid #d7d7d7;} #ofie-module #ofie-header {background-color:#088fd1;color:#FFF;font-size:13.16px;padding:3px 7px 1px;} #ofie-module #ofie-header span {font-size:15.5px;font-weight:bold;} #ofie-module #ofie-content {margin:0; padding:10px 8px;} #ofie-module #ofie-content input.email {float: left;width: 168px; height:16px; font-size:12px; color: #999999;padding:3px;border-radius: 4px;} #ofie-module #ofie-content input.blue-button {float: right;background-color:#088fd1;color:#FFF;text-transform:uppercase;border:none;font-size:10px;padding:7px 0;width:82px;} /* --Nav Bar-- */ #nav-bar {} #nav-top, #nav-bottom {clear: both;border-top: 2px solid #c0c0c0;} #nav-top {color:#999;} #nav-bottom {background: #f9f9f9;} ul.nav-links {text-align:center;font-family: 'Roboto', sans-serif;width:940px;margin:0 auto;padding:7px 0;} ul.nav-links li {display: inline;padding: 5px 9px;} ul.nav-links li.last {padding-right:0 !important;} #nav-top ul.nav-links li {font-size:18px;padding: 2px 23px 2px 24px;box-sizing:border-box;} #nav-top ul.nav-links li:first-child {padding-left:0;} #nav-top ul.nav-links li.last {padding-left:23px;} #nav-bottom ul.nav-links li {font-size:14px;padding: 2px 13px;} #nav-bottom ul.nav-links li#resources-nav {border-right:1px dotted #999;} #nav-bottom ul.nav-links li#resources-nav.on {padding: 11px 13px 10px;margin-left:-1px;background-color:#fff;border:1px solid #75AE6F;border-bottom:none;z-index:9999999;} #nav-bottom ul.nav-links li:first-child {padding-left:0;} #nav-bottom ul.nav-links li.last {padding-left:10px;} ul.nav-links li.nav-divider {display:none;} ul.nav-links a {color: #999;font-weight: normal;} #nav-bottom ul.nav-links a {color: #858585;} ul.nav-links a:hover, #nav-bottom ul.nav-links a:hover {color: #336699;} ul.nav-links li.current {color: #336699;} ul.nav-links li#social-media-icons a {color:#088fd1;vertical-align:middle;font-size:18px;} #resources-flyout {background-color:#FFF;border:1px solid #75AE6F;border-top:0;margin:0 auto;width:914px;padding: 12px;position:absolute;left:0;right:0;z-index:999999;} #resources-flyout .resources-col {color:#555;border-right:1px solid #e8e8e8;padding: 0 12px;margin:0 auto;width:209px;float:left;} #resources-flyout .resources-col:first-child {padding-left: 0;} #resources-flyout .resources-col.last {border-right:none;padding-right: 0;} #resources-flyout .resources-col .title {font-size:16px;line-height:19px;} #resources-flyout .resources-col .title a {color:#555;} #resources-flyout .resources-col .datetime {font-size:14px;} #resources-flyout .resources-col .see-all-link {font-size:14px;margin-top:15px;} #resources-flyout .resources-col .see-all-link a {color:#088fd1;font-weight:normal;} ul.nav-links.on {border-bottom:1px solid #75AE6F;padding-bottom:6px;} /* CONTENT */ p.divider {border-bottom:1px solid #CCC;} h2.channelH2 {font-size:22px;margin-bottom:15px;} h2#feature-title {font-size:16px;line-height:18px;padding-top:22px;margin:0;} #content h3, h1.topic-header {border-bottom:1px solid #CCC;} #content h3 div.right-link, h1.topic-header div.right-link {float:right;font-size:10px;text-transform:uppercase;} #content h3 div.right-link a, h1.topic-header div.right-link a {color:#369;} #content h3.entry-title {font-size:12px;line-height:18px;border:none;} .container_12 { margin-left: auto; margin-right: auto; width: 960px; background: #FFF;} #top-ad {margin: 10px auto 0;text-align:center;} #top-ad div {margin: 0 auto;text-align:center;} #content {padding-top:16px;} .panel, .panelContent .date {padding:5px;} img.web-snip {float: right;padding:5px;} li div.spec-right, li div.spec-left {border:1px solid #CCC;padding:5px;min-height:75px;height:auto !important;height:75px;margin-bottom: 15px;} li div.spec-left {clear:left;} li div.spec-right {clear:right;} .spec-right img, .spec-left img, #feature img, #story-header .author img {float:left;margin-right:10px;border: 1px solid #999;} #story-header .author img {margin-right: 15px;} #story-header {margin-bottom: 20px;} #story div.entry-content div.imageLine-null, #story div.entry-content div.imageLine-left {margin:0 10px 8px 0;} #story div.entry-content div.imageLine-right {margin:0 0 8px 10px;} #story div.entry-content div.imageLine-center {margin:0 auto 8px;} div#feature {border:1px solid #CCC;padding:5px;margin-bottom:20px;width:610px !important;} div.vevent {padding-top:10px;} div#insights-container li {width:125px;display:block;float:left;padding:10px;} div#insights-container li.button-prev, div#insights-container li.button-next {width:19px;height:19px;padding:55px 0;} div#insights-container li.button-prev {background:url(/media/ui/button-prev.gif) center center no-repeat;} div#insights-container li.button-next {background:url(/media/ui/button-next.gif) center center no-repeat;} .author img {border:1px solid #999;} div#insights {border-bottom:1px solid #CCC;} div.pubs {padding-top:10px;} div.pubs img {float:left;padding-right:10px;} div#ad-left {padding-top:10px;float: left;} div#ad-right {padding-top:10px;float: right;} /* Accounting Technology */ #tech-logo {background:url(/media/ui/act-tech-line.png);margin-bottom:5px;} #tech-logo .read-more {margin-top:10px;} /* --Profile-- */ #login-wrapper {margin: 30px 0;} #login-wrapper div ul {margin: 0;} #login-wrapper div ul li {margin-top: 15px;margin-bottom: 3px;list-style: disc;margin-left: 5px;} .profile-row-2 {margin: 40px 0 0 0;} .login-left {width: 445px;margin: 0 90px 0 0;font-size: 14px;} .login-right {width: 405px;} form.login {margin: auto;} form label {font-size:12px;} .login-large-gray {font-size: 18px;color: #727272;font-family: Georgia, "Times New Roman", Times, serif;margin: 0 0 20px 0;} .login-small-red {color: #7b0000;font-weight: bold;width: 320px;} .login-box {margin: 30px 0 20px 0;border-bottom: 1px dotted #ccc;width: 340px;} .input-text {font-weight: bold;text-align: right;width: 100px;padding: 0 10px 20px 0;} input.login-field {width: 200px;} form input.login-button, form input.submit-button, form input.cancel-button {background-color: #369;border: 0;width: 69px;height: 22px;color:#FFF;text-transform:uppercase;font-size:11px;} form input.cancel-button {background-color: #999;} form div.input-field select {width: 204px;} .required {color: #990000;font-weight: bold;} .profile-wrapper h2 {font-weight: bold;font-size: 18px;color: #9c9c9c;font-family: Arial, Helvetica, sans-serif;margin: 0 0 10px 0;} /* --Videos-- */ .videoplayer {padding:10px;background-color:#666;width:580px;} .video-column {padding-top:10px;} .video-column .video-thumbnail {float: left; display: inline; max-width: 100px; margin-right: 10px;} .video-column .video-thumbnail img {float: left; margin-right: 10px; max-width: 100px;} .video-column .video-info {float: left; display: inline; max-width: 190px;} .video-column .video.title {color:#666;} .video-column p.snippet a {color:#369;font-weight:normal;} .video-row .video-item {width:189px;float:left;margin-right: 25px;} .video-row .video-item.last {margin-right: 0;} .video-row .video-item .video-thumbnail {border:1px solid #dbdbdb;margin-bottom:2px;} .video-row .video-item .video-thumbnail img {width: 187px;display: block;} .video-row .video-item .video-title {line-height:16px;} .video-row .video-item .source a {font-weight:normal;color:#727272;} .video-row .video-item .sponsor-img {margin: 10px 0 5px;} .video-row {width:617px;border-bottom:1px solid #ececec;padding:10px 0;} h1.videos-header {border-bottom:1px solid #ececec;font-size: 18px;color:#666;line-height:24px;} #logged-out-login {background:url("/media/ui/featured-videos-bg.png") repeat;padding:10px;border:1px solid #CCC;margin-bottom:20px;} #logged-out-login-header p {font-size:20px;line-height:26px;margin-bottom:15px;} /* --Webinars-- */ img.webinar-image {float: right; margin-left: 5px;max-width:300px;max-height:120px;} /* --Right Column-- */ .linked-sites {margin:10px 0;} div.right-nav-box {border:1px solid #CCC;} div.right-nav-box h3 {text-transform:uppercase;font-size:14px;padding:10px;} div.right-nav-box img, div.right-nav-box div.box-snippet {padding:10px;} div.right-nav-box div {} #shoulder-box {width: 140px;margin: 0 10px 0 20px;float: right;} /* IE 6 SPECIFIC STYLE */ div#ie-root div#register-login-bar ul.status-account {margin-bottom: 0; padding-bottom: 3px;} /* FOOTER: GENERAL */ #CPE-sponsors {min-height: 50px;margin-bottom: 25px;text-align:right;} #CPE-sponsors p {font-size: 9px;line-height:2em;color:#999;text-align:left;} #CPE-sponsers img {} #footer {text-align: left;margin-bottom:0;} #SM-footer {background-color: #656668;padding: 15px 0 0 0;} div#copyright {border-top: 1px solid #CCCCCC;padding: 15px 0px;margin: 0;} ul.footer-nav {margin-bottom: 10px;} ul.footer-nav li {list-style-type: none;display: inline;padding-left: 7px;padding-right: 10px;border-right: 1px solid #CCCCCC;} ul.footer-nav li.first {padding-left: 25px;} div#copyright ul.footer-nav li.first {padding-left: 0px;} ul.footer-nav li.last {border-right: none;} /* FOOTER to match CUJ */ #footer-wrapper {margin-bottom: -18px;} #footer-wrapper #footer{background-color: #f0f0f0;padding: 20px 0 0;color:#333;font-size:12px;line-height:20px;} #footer a{font-weight: normal;color:#000;font-size:12px;} #footer a:hover{color:#a8a8a8;text-decoration: none;} #footer-nav{border-bottom:1px solid #fff;padding: 15px 0;} #footer h2{margin: 0;text-transform:uppercase;font-weight:bold;font-size:12px;border-bottom: none;color:#000;} #footer h2.second{margin: 20px 0 5px 0;} #footer h2 a {font-weight: bold;} #footer ul{list-style:none;margin:0;padding:0;} #footer li{} #footer .frame {width: 943px;margin: 0 auto;} #footer .footer-col-1 a {line-height:22px;font-weight: bold;} .footer-col-1{margin: 0 0 0 5px;width:196px;} .footer-col-2{margin: 0 0 0 40px;width:230px;border-left:1px solid #afb5bd;padding: 0 0 0 40px;} .footer-col-3{margin: 42px 0 0 20px;width:220px;} .footer-col-4{margin: 42px 0 0 20px;} #footer-bottom{margin:15px auto 0;width: 943px;padding-bottom: 20px;} #footer-bottom-logo{padding: 0 10px 10px 268px;width:165px;} #footer-bottom-privacy{color: #333;margin: 10px 0 0;width:450px;font-size:11px;padding-bottom: 15px;} #footer-bottom-more-links #mobile-link a{display:none;} /* story image floats */ div.left, div.null {float: left;margin-right: 0px;} div.share-icon {float: left;margin-right: 5px;} div.share-twitter {width:90px;} div.share-googleplus {width:70px !important;margin-right: 0;} div.right {float: right; margin-left: 15px;} div.share-center {margin:0 auto;margin-top:-2px;width:320px;} div.story-body-buttons {clear: both;float: right;text-align: right;} div.story-body-buttons img#story-order-button {vertical-align: middle;margin-left: 20px;} div.story-body-buttons a.cart-button {line-height: 1em;margin: 0px;padding: 2px 3px 3px 20px;} table.product-detail-table {border: 1px solid #CCCCCC;width: 100%;} table.product-detail-table td {border-right: 1px solid #CCCCCC;border-collapse: collapse;padding: 5px;vertical-align: top;} div#story-detail ul {margin-top: 0px;} div#story-detail ul li {list-style-type: disc;margin-left: 20px;} /* Channel Footer Navigation, RT#36419 */ div#channel-footer-nav {background: #F9F9F9 url(/media/ui/channel_footer_nav_bg.png) repeat-x scroll top left;padding: 10px 25px 20px;} div#channel-footer-nav ul {margin-bottom: 0px;float: left;} div#channel-footer-nav ul#column1 {width: 160px;margin-right: 15px;padding: 0px;} div#channel-footer-nav ul#column2 {width: 220px;margin-right: 15px;padding-left: 40px;} div#channel-footer-nav ul#column3 {width: 220px;margin: 0px 15px 0px 10px;} div#channel-footer-nav ul#column4 {margin: 0px 0 0px 9px;} div#channel-footer-nav ul li.heading {margin-top: 10px;font-weight: bold;font-size: 1.2em;} div#channel-footer-nav ul li a {font-weight: normal;} .share-icons {height: 22px;width: 555px;margin: 10px 0;} #article-tools { margin: 0 0 0 5px; display:inline-block;} .article-tool { margin: 0 20px 0 0;} #article-tools .article-tool a { color: #666; font-weight: normal; text-decoration: none;} #feature-content ul {margin-bottom:0px;} /** FACEBOOK/TWITTER/LINKEDIN MODULE **/ #tab-twitter.socialtab {width: 88px; cursor: pointer;} #tab-facebook.socialtab {width: 106px; cursor: pointer;} #tab-linkedin.socialtab {width: 108px; cursor: pointer;} .socialtab-off{color:#333333;} .socialtab-on{color:#ffffff;} #tab-twitter.socialtab-off {background: url('/media/ui/socialtab-tw-off.png') no-repeat;} #tab-facebook.socialtab-off {background: url('/media/ui/socialtab-fb-off.png') no-repeat;} #tab-linkedin.socialtab-off {background: url('/media/ui/socialtab-li-off.png') no-repeat;} #tab-twitter.socialtab-on {background: url('/media/ui/socialtab-tw-on.png') no-repeat;} #tab-facebook.socialtab-on {background: url('/media/ui/socialtab-fb-on.png') no-repeat;} #tab-linkedin.socialtab-on {background: url('/media/ui/socialtab-li-on.png') no-repeat;} .module .social-footer {background: url('/media/ui/bg-socialtabsfooter.png') repeat-x;height: 33px;border-top: solid 1px #dedede;line-height: 33px;text-align: center;overflow: hidden;} .module .social-footer .img-holder {margin-top: 6px;margin-left: 50px;} .module .social-footer .text-holder {margin-left: 10px;} .module .social-footer .text-holder.smalltext {font-weight: normal;font-size: 10px;margin-left: 4px;} .module .tab-content .feed-holder {margin: 10px;} #socialtabs {border-bottom: solid 1px #ccc;padding: 0;width: 302px;} #socialtabs .logo-holder {margin: -4px 4px 0px 6px;} .socialtab{width:141px;height:22px;padding: 10px 0 0 0px;text-align:center;font-family: Arial, sans-serif;font-size:14px;font-weight:bold;} .tab-content2{padding: 10px 0 0 0;border: 1px solid #ccc;border-top: none;font-size:13px;width: 300px;} .module .tab-content2 .feed-holder {margin: 10px;} /** END FACEBOOK/TWITTER/LINKEDIN MODULE **/ .carousel-header.nobg, .carousel-header{ font-weight: bold; font-size: 18px; color: #0A5485; border-bottom: solid 1px #ccc;} .module{margin: 0 0 15px 0;} .module-video{margin: 8px 0 15px 0; padding: 5px 0;} .module-video .video {margin: 0 auto; margin-top: 10px;} .module-video .video-controls { width: 280px; margin: 0 auto;} .module-video .video-text { font-weight: bold; } .module-video .video-text .section { text-transform: uppercase; font-size: 11px; padding-top: 7px;} .module-video .video-text .title { color: #0A5485; font-size: 14px; margin: 0 0 10px 0; } .module-video .video-thumbs-holder {width: 286px; margin: 0 auto;} .module-video .video-thumbs-holder .video-thumb { margin-right: 14px; background-color: #000;} .module-video .video-thumbs-holder .video-thumb .video-thumb-inner { position: relative; width: 86px; height: 47px;} .module-video .video-thumbs-holder .video-thumb .video-thumb-inner img { opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */position: absolute; top: 0; left: 0; cursor:pointer;} .module-video .video-thumbs-holder .video-thumb .video-thumb-inner .label { position: absolute; bottom : 6px; right: 1px; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: bold; visibility: hidden; cursor:pointer;} .module-video .video-thumbs-holder .video-thumb:hover .video-thumb-inner .label { visibility: visible;} .module-video .video-thumbs-holder .video-thumb.active img, .module-video .video-thumbs-holder .video-thumb:hover img { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */} .module-video .video-thumbs-holder .video-thumb.last { margin-right: 0;} .module-video .video-caption a {color: #eaeaea !important;font: bold 13px Arial, sans-serif;} .module-video .video-caption {padding: 0 20px 10px 20px;margin: 10px 0 0 0;} #getaccess { font-family: Helvetica,Arial,sans-serif; margin-bottom: 25px;} #getaccess .login-header { color: #A51831; margin: 0 7px 6px; text-transform: uppercase;} #getaccess .gaheader { background-color: #A51831; color: #FFFFFF; font-size: 18px; letter-spacing: 0.4px; padding: 2px 0 2px 10px; text-align: center; line-height:27px;} #columnMain #story #getaccess p { font-size: 14px; line-height:21px; margin: 20px 0;} #getaccess p a { text-decoration: underline;} #getaccess .gaactivate { background-color: #A51831; color: #FFFFFF; font-size: 12px; font-weight: bold; letter-spacing: 0.8px; margin-bottom: 20px; padding: 1px 0; text-align: center;} #getaccess .gaactivate .activate { color: #FFFFFF; font-weight: bold; text-decoration: underline; line-height:18px;} #getaccess .garegister { border: 1px solid #CCCCCC; height: 115px; padding: 8px;} #getaccess .garegister .galeft { float: left; padding-left: 7px; width: 190px;} #getaccess .garegister .garight { float: left; padding-left: 15px; width: 190px;} #getaccess .garegister label { color: #333333; display: block; float: left; font-weight: bold; padding: 0 0 5px; width: 150px; margin:0;} #getaccess .garegister input { float: left; width: 200px; margin:0;} #getaccess .garegister input.submit { margin: 8px 10px 0 0; float: right; width: 76px; border: medium none; color: #FFFFFF; height: 100%; padding: 4px 7px; text-decoration: none; text-transform: uppercase; background: none repeat scroll 0 0 #0374A3;} #getaccess .garegister a.needhelp { color: #333333; float: right; font-size: 10px; margin: 15px 20px 0 0;} #getaccess .garegister .gawtf { float: left; width: 100%;} .author-left-rail {padding: 0 15px 5px 0;float:left;} .author-left-rail .author-image img {max-width:140px;border:1px solid #999999;} .author-left-rail .author-image.noborder img {border:none;} .author-left-rail #author-social .email img {vertical-align:middle;} .author-left-rail #author-social, .author-left-rail #author-social .social-icon {clear:both;} .author-left-rail #author-social .social-icon {text-transform:uppercase;font-size:10px;padding:2px 0;} .author-left-rail #author-social .social-icon a {line-height:16px;} .author-left-rail #author-social .social-icon img {vertical-align:middle;} #tax-alpha-header {border-bottom:1px solid #999;padding-bottom:5px;margin-bottom:20px; overflow: auto } #tax-alpha-logo { width: 350px; margin-top: 4px; margin-bottom: 12px; border-right: solid 3px #C7C7C7; padding-right: 20px; float: left } #tax-alpha-sponsor { float: left; margin-left: 22px } #tax-alpha-sponsor span { float: left; margin-bottom: -3px } .featured-article {margin-bottom:20px;} .featured-article .image {float:left;margin-right:15px;width:370px;} .featured-article .title {font-size:21px;line-height:24px;font-weight:normal;color:#333;margin-bottom:20px;} .featured-article .title a {color:#333;} .featured-article a.read-more {color:#4ea5ff;} .additional-stories {margin-bottom:20px;} .additional-stories .title {font-size:16px;line-height:20px;color:#333;margin-bottom:10px;} .additional-stories .item a {color:#4ea5ff;} .video-white-boards, .videos-list, .white-notes, .sponsor-videos {margin-bottom:20px;} .video-white-boards .header, .videos-list .header, .white-notes .header, .sponsor-videos .header {padding:5px 10px;background:#6ca763;color:#FFF;text-transform:uppercase;font-size:20px;margin-bottom:10px;} .video-white-boards .header span, .videos-list .header span, .white-notes .header span, .sponsor-videos .header span {color:#49913b;font-size:28px;} .video-white-boards .item, .white-notes .item {width:280px;padding:10px;background:url("/media/ui/featured-videos-bg.png") repeat;} .video-white-boards .item {min-height:260px;} .video-white-boards .item .image {margin-bottom:10px;width:280px;height:156px;overflow:hidden;} .video-white-boards .item .title {font-size:16px;line-height:18px;margin-bottom:5px;} .video-white-boards .item .title a {color:#333;} .video-white-boards .item .content {font-size:12px;line-height:18px;margin-bottom:10px;} .video-white-boards .item .content p {margin-bottom:0;} .white-notes .item {min-height:160px;} .white-notes .item .image {width:100px;overflow:hidden;float:left;margin-right:10px;margin-bottom:15px;} .white-notes .item .title {font-size:20px;line-height:24px;margin-bottom:10px;} .white-notes .item .title a {color:#2d6d9d;font-weight:normal;} .white-notes .item .content {font-size:12px;line-height:18px;} .white-notes .item .content p {margin-bottom:0;} .white-notes .item a.read-more {color:#4ea5ff;} .videos-list .item {width:200px;margin-right:5px;margin-bottom:15px;} .videos-list .item .image {margin-bottom:5px;width:140px;height:77px;overflow:hidden;} .videos-list .item .title {font-size:12px;line-height:16px;} .videos-list .item .title a {color:#333;} /* --Resources-- */ #resources-filter {font-weight:bold;border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8; padding:10px 20px;margin-bottom:15px;} #resources-filter ul {list-style:none;margin-bottom:0;} #resources-filter ul li {display:inline;color:#088fd1;margin-right:20px;} #resources-filter ul li a {color:#336699;font-size:11px;} #resources-filter ul li.current a, #resources-filter ul li:first-child {color:#333;} h1.resources-header {font-size:18px;color:#666;margin-bottom:10px;line-height:24px;} .resource-item {border-bottom:1px solid #e8e8e8; padding:0 20px 20px;margin-bottom:15px;} .resource-item.sponsored-item {} .resource-item .source {margin-bottom:2px;display:block;} .resource-item .title {margin-bottom:10px;} .resource-item .title a {color:#333;} .resource-item .snippet p {font-size:12px;line-height:18px;} .resource-item .datetime {margin-bottom:10px;margin-top:-10px;text-transform:uppercase;font-size:11px;color:#727272} .aci-partnership, .sponsor-content {text-transform:uppercase;font-size:11px;font-family:'Roboto', sans-serif;font-weight:normal;} .resource-item .aci-partnership, .resource-item .sponsor-content {margin-top:-6px;float:right;text-align:right;} .aci-partnership {color:#666;} .sponsor-content {color:#E2B335;} .aci-partnership img, .sponsor-content img {max-height:30px;vertical-align:middle;margin-left:5px;} /* tax-alpha */ .tax-alpha .videoplayer {background:#e8e8e8;padding:10px;width:580px;height:340px;margin-bottom:15px;} .tax-alpha .videotext {padding:10px;width:580px;font-weight:bold;} .tax-alpha .header {padding:5px 10px;background:#000;color:#FFF;text-transform:uppercase;font-size:20px;margin-bottom:10px;} .tax-alpha .header span {color:#dadada;font-size:28px;} .tax-alpha .item .title a {color:#333;font-weight:bold;font-size:16px;line-height:18px;} .hasimage { float: right; width: 170px; } .featured-article.tax-alpha {background:url("/media/ui/featured-videos-bg.png") repeat;padding:10px;} .tax-alpha .additional-stories {clear:both;margin:0;padding-top:12px;} .tax-alpha .additional-stories .title {font-weight:bold;} .videotext .snippet {font-size: 14px;} #smarter-header {margin-bottom:20px;} h2.header-title {color:#333;font-size:18px;line-height:21px;margin-bottom:5px;} .header-content {color:#333;font-size:12px;line-height:18px;margin-bottom:15px;font-weight:bold;} .sponsor-videos .item {width:440px;padding:10px;margin:0 auto;} .sponsor-videos .item .item-header, .smarter .sponsor-header {font-weight:bold;padding:5px 0;border-bottom:1px solid #999;margin-bottom:10px;} .sponsor-videos .item .item-header .label, .smarter .sponsor-header .label {font-size:16px;color:#6ca763;text-transform:uppercase;float:left;margin-top:20px;} .sponsor-videos .item .item-header .sponsor, .smarter .sponsor-header .sponsor {font-size:11px;float:right;color:#666;} .sponsor-videos .item .item-header .sponsor img, .smarter .sponsor-header .sponsor img {vertical-align:middle;} .sponsor-videos .item .image {margin-bottom:15px;width:440px;height:240px;overflow:hidden;} .sponsor-videos .item .title {font-size:12px;line-height:16px;margin-bottom:5px;font-weight:bold;} .sponsor-videos .item .title a {color:#333;} .sponsor-videos .item .content {font-size:12px;line-height:18px;} .sponsor-videos .item .content p {margin-bottom:0;} .smarter .sponsor-header {border-top:1px solid #999;border-bottom:none;margin-top:10px;margin-bottom:0;} .smarter .sponsor-header .label {font-size:20px;margin-top:10px;} .smarter .sponsor-header .sponsor {font-size:14px;} .smarter .sponsor-header .sponsor img {} body.smarter h1 {color:#333;font-size:20px;} body.smarter #content h3 {color:#6ca763;font-size:16px;font-weight:bold;border-bottom:1px solid #999;padding-bottom:3px;margin-bottom:10px;} body.smarter .videotext {font-weight:bold;margin:10px 0;} body.smarter .content .video-title {font-weight:bold;font-size:12px;} /************************************************** [type.css] Primary use: Set all type sizes, weights, line heights, and colors #333333 - type: dark gray #336699 - links: blue #c68a00 - links hover: green #a5a5a5 - all caps: light gray (section subtitles, advertisement label) #727272 - author names, dates, sources: mid gray #64490a - search result findings: brown #851b0d - red (registration form) #85610d - dark mustard (form required fields text) **************************************************/ /** SET GLOBAL TYPE STYLES - ALLOW ELEMENTS TO INHERIT THESE PROPERTIES AS MUCH AS POSSIBLE **/ body {color: #333333;font: 12px/18px Arial, Helvetica, Verdana, sans-serif;font-weight:normal;text-align:left;/*line-spacing: 18px;*/} a {color: #333333;text-decoration: none;font-weight: bold;} a:hover {color: #0A5485;} /* Footer Overrides */ .footer-nav a {color: #DDDDDD;} .footer-nav a:hover {color: #DDDDDD;} #column-main .entry-content ul, #column-main #story #snippet1 ul {list-style-type:disc;list-style-position:outside;margin-left:15px;} /* TBD */ p,ul {font-size: 12px;line-height: 20px;margin-bottom: 1.33em;} div.latest-news ul li {list-style-position: outside;margin-bottom:35px;} div.latest-news li.latest-news-custom {margin-bottom:17.5px;} h1 {color:#336699;font-size: 22px;line-height: 30px;font-weight: bold;} .tax-alpha h1 {color:#333;} /* Article and event titles */ h2 {color:#666666;font-size: 18px;line-height: 21px;margin-bottom: 20px;margin-top:10px;font-weight: bold;} /* Section titles */ h3 {color:#336699;font-size: 13px;line-height: 18px;font-weight:bold;} /* */ h4 {font-size: 12px;font-weight:bold;line-height: 18px;} /* article and event links in content lists */ h5 {font-size: 10px;line-height: 1.6em;margin-bottom: 0;text-align: left;} /* Copyright & other small text (inc. 'search accounting today' */ h6 {font-size: 0.8em;line-height: 1.6em;margin-bottom: 0;color: #a5a5a5;text-align: center;text-transform: uppercase;} /* 'ADVERTISEMENT' */ /* Home Page Type Styles */ li.login-line {font-size:10px;} li#welcome-username {font-weight:bold;} .entry {font-size: 2em;} span.read-more {font-size: 13px;text-transform: uppercase;color:#F30;font-weight:normal;} .read-more a {font-size: 10px;color: #336699;} .spec-right h3 a {color:#000;font-size:16px;} .spec-left h3 a {color:#000;font-size:16px;} h3#related, div.author h3.insights-name a, h5.date {text-transform:uppercase;font-weight:normal;font-size:.9em;} .homepage-related {font-weight:bold;font-size:13px;color: #333;margin-top:20px;} .homepage-related-articles {font-size: 11px;font-weight: bold;line-height: 18px;} .homepage-story-title {color: #336699;font-size: 13px;font-weight: bold;line-height: 18px;} .homepage-story-title2 {color: #336699;font-size: 12px;font-weight: bold;line-height: 18px;} .homepage-story-date2 {font-size: 0.9em;font-weight: normal;text-transform: uppercase;color: #999999;line-height: 1.6em;margin-bottom: 0;text-align: left;} .homepage-advertisement {color: #A5A5A5;font-size: 0.8em;line-height: 1.6em;margin-bottom: 0;text-align: center;text-transform: uppercase;} .homepage-featuredcontent{color: #336699;font-size: 16px;font-weight: bold;line-height: 18px;} .homepage-insights-title {font-size: 12px;font-weight: bold;line-height: 18px;text-transform: capitalize;} .homepage-insights-author a {font-size: 12px;font-weight: normal;text-transform: uppercase;line-height: 18px;color: #000000;text-decoration: underline;} .footer-header {color: #AEB5BD;font-family: Arial,Helvetica,sans-serif;font-size: 13px;font-weight: bold;margin: 0 0 5px;text-transform: uppercase;} h2.channel-header {font-size: 12px;font-weight: bold;line-height: 18px;margin:0;} h1.channel-header-h1 {font-size: 22px;margin-bottom: 15px;color: #666666;font-weight: bold;line-height: 18px;margin-top: 10px;} div.author h3.insights-name a {color:#000;text-decoration:underline;} div.author h4.insights-title a {text-transform:capitalize;} .login-link label {font-size:10px;line-height:15px;color:#666;width:220px;} h4.rel-title {font-size:11px;} /* Search Bar */ #search-box h5 {font-weight: bold;color: #336699;} #search-box h5#advanced-search {font-weight: normal;color: #333;text-align:right !important;} #search-box h5#advanced-search a {font-weight: normal;color:#333;} #search-box label#include-ati {color:#039;font-size:10px;text-align:right;margin:5px 0;} /* Footer Type Styles */ ul.footer-nav {font-size:13px;font-weight:bold;text-align: left;} #footer, #footer h5 {color:#DDD;font-size:12px;} /* Global Classes and IDs */ .alignRight {text-align:right;} .user {color: #FF0000;} .small {color:#336699; font-size:10px; line-height:18px;} .bold {font-weight: bold;} .italic {font-style: italic;} .underline {text-decoration: underline;} .header {font-weight: bold;color: #999999;font-size: 8px;} .title {font-weight: bold;color: #336699;font-size: 12px;} .title a {color: #336699;} .title a:hover {color: #999999;} .code {color: #999999;text-transform: uppercase;font-size: 11px;} .entry {font-size: 2em;} .date {color: #999999;text-transform: uppercase;font-size: 11px;} .event-date {text-transform: capitalize;font-weight: bold;color: #000000;} /* Sort through, toss unused */ div.author, div.published-date, div.event-type, div.source { font-size: 10px; line-height: 16px; color: #727272; display: inline; text-transform: uppercase; } /* article author, article date, and event type */ #story-header div.published-date, #story-header div.story-byline {text-transform: uppercase;font-size: 0.9em;color: #333; } #story-header div.story-byline a {font-weight: normal; } div.category { font-size: 0.9em; line-height: 1.477em; color: #000; display: inline; text-transform: uppercase; font-weight: bold; } div.detail div.published-date { background: url(/media/ui/bullet-gray.gif) no-repeat 0 5px; padding-left: .8em; margin-left: .3em; } /* article detail published date */ div.event-date, .event-location { font-weight: bold; } /* event date and presenter */ span.present-by { display: block; font-style: italic; margin-bottom: 2em; } /* presented by on event page */ div.entry-content, div.description { margin-top: 1.3em; } /* article and event detail */ div.hentry, div.vevent { margin-right: 0.5em; } /* indents all article lists to keep text aligned nicely with heds */ div.rss-image { background: url(/media/ui/feed-icon-14x14.png) no-repeat; display: inline; float: right; margin-top: 10px; width: 14px; height: 14px; text-indent: -9999px; } div.rss-image a { display: block; width: 14px; height: 14px; } .content-list li { border-bottom: 1px solid #ddd; line-height: 2em; } /* list with bottom borders on lis (ie. rss feeds) */ .content-list li img { position: relative; top: 2px; margin-right: 6px; } /* list icons */ .search-results .more-link { text-align: right; font-weight: bold; } span.group {font-weight:bold; font-style:italic;} /** APPLY THESE CLASSES DIRECTLY TO TYPE (P,H3,etc.) **/ a.alert:hover { color: #bf1900; } /* red text hover */ .asides { color: #727272; font-size: 0.8em; } /* small gray text */ .bold { font-weight: bold; } .blocked-message { background: #3f3f3f; color: #fff; font: 2.2em 'Arial Black',Arial,sans-serif; margin-bottom: 10px; padding: .1em 0; } /* large with black background */ .confirmation-message { color: #3aa33c; font-size: 2.5em; font-weight: bold; margin: .2em 0 .5em 0; } /* confirmation messages */ .customer-service { border-bottom: 1px solid #c6def0; font-size: 1.3em; font-weight: bold; margin-bottom: .6em; padding-bottom: .3em; } /* customer service hed */ .section-intro { font-size: 1.1em; line-height: 1.57em; border-bottom: 1px solid #dddddd; padding: 0 0 0.8em 0.5em; margin-bottom: 1.66em; } /* used on channel pages */ .section-intro:first-line { font-weight: bold; } .sub-hed { font-size: 1.2em; font-weight: bold; } /* inline bold headings */ .alert { color: #8d1400; } /* red text (placed here so styles above don't over-ride) */ /** MY ACCOUNT **/ #my-account p strong { display:none; } #my-account ul { font-size: 1.2em; margin:0; } #my-account ul li { background: url(/media/ui/bullet-brown.gif) no-repeat; padding-left: 1em; } #my-account ul li a {font-weight:bold;} #my-account-nav ul li { margin-right:20px; font-size:1.2em; } #ie-root #my-account-nav ul li { margin-right:15px; } /* gets rid of IE double margin */ .account-update a#account-update, .change-password a#change-password, .subscription-update a#subscription-update { color: #3f3f3f; } /** STORY AD STYLES **/ div.ad-story-inject { float: left; clear: left; margin-right: 15px; padding-top: 20px; } div.ad-story-inject p { color:#A5A5A5; font-size:0.8em; line-height:1.6em; margin-bottom:0; text-align:right; text-transform:uppercase; } #article_bigbox { clear: left; float: left; margin-right: 15px; padding-top: 20px; } /** READER COMMENTS **/ #reader-comments p strong { display: block; font-size: 1.5em; line-height: 1.6em; border-top: 3px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; font-family: 'Arial Black',Arial,Verdana,'Sans-Serif'; font-weight: normal; margin: 0 0 0.85em 0; padding: 0 0 0 0.25em; } /* comments header */ #reader-comments ul#comments li { overflow: hidden; height: 1%; } #reader-comments ul#comments li div { float: right; width: 310px; text-align: left; } /* comments text */ #reader-comments div p strong { display: inline; font: 1em Arial,Verdana,sans-serif; font-weight: bold; border: none; padding: 0; } /* strong tags in comments */ #reader-comments li div ul li { background: url(/media/ui/bullet-brown.gif) no-repeat; border: none; padding: 0 0 0 0.9em; margin: 0 0 .4em 3px; } #reader-comments li div ol li { list-style: decimal inside; border: none; padding: 0; margin: 0 0 .4em 3px; } #reader-comments li { border-bottom: 1px solid #dedede; clear: both; margin-bottom: 1em; padding-bottom: 1em; } #reader-comments ul.item-attribution-info { margin: -1.33em 0 0 0; padding-left: 0.5em; width: 125px; } /* author info */ #reader-comments ul.item-attribution-info li { border: none; color: #727272; display: inline; font-size: 0.85em; margin: 0; text-transform: uppercase; } /** POLL **/ #poll p.pollquestion { font-size: 16px; font-weight: bold; line-height: 20px; } #poll p.more-link { font-size: 11px; margin: 0 0 0 100px; padding: 0 0 0 8px; line-height: 18px; } #poll { background: url(/media/ui/bg-page-title.gif) repeat-x bottom; clear: left; padding-bottom: 18px; } #poll-sponsor { text-align:center; margin:0 0 10px; } /** REPORTS AND RANKINGS **/ #reports-rankings li { clear: both; margin-bottom: 2em; overflow: hidden; } #reports-rankings .report-description { float: left; margin-right: 41px; width: 435px; } #reports-rankings h6 { text-align: left; } #reports-rankings img { margin-bottom: 18px; } #ie-root #reports-rankings .report-description { margin-right: 11px; } /** SEARCH RESULTS **/ .search-results-msg p {color:#64490a; font-weight:bold; margin-left:6px;} .search-results p.entry-summary {margin:0;} .search-results .search-highlight { background: #ffc94c; } .search-results .source { display: block; } /** SITE MAP **/ #site-map ul { width: 280px; float: left; } /* lists in site map */ #site-map ul.left-column { clear: left; } /* left column list in site map */ #site-map ul.right-column { width: 150px; } /* right column list in site map */ /** SUBSCRIBER AGREEMENT (pop-up box from the site registration page)**/ #subscriber-agreement {text-align:left; padding:21px;} /** RELATED ARTICLES / CATEGORIES **/ #related-articles h4, #related-cats .related-header {font-size: 10px;font-weight: normal;margin-bottom:0;padding:0;} #related-articles li a, #related-cats li a {font-weight: normal;} #brand-voices {background:url(/media/ui/brand-voices-top-border.png) top left repeat-x;padding:12px 0 0;margin:0 0 15px -10px;} #brand-voices #brand-voices-wrapper {background:url(/media/ui/brand-voices-bottom-border.png) bottom left repeat-x;padding:10px 0 18px 10px;} #brand-voices #brand-voices-wrapper #bv-col-one {width: 320px;margin-top:10px;} #brand-voices #brand-voices-wrapper #bv-col-header {width: 700px;float:left;} #brand-voices #brand-voices-wrapper #bv-col-header.expanded {width: 940px;float:none;} #brand-voices #brand-voices-wrapper #bv-whats-this {font-size:10px;font-weight:normal;margin-right:15px;} #brand-voices #brand-voices-wrapper #bv-whats-this-text {background:url(/media/ui/whats-this-header.png) top center no-repeat;padding-top:12px;margin-bottom:10px;position:relative;} #brand-voices #brand-voices-wrapper #bv-whats-this-text #bv-close { background: url("/media/js/fancybox/fancybox.png") repeat scroll -40px 0 transparent; cursor: pointer; display: inline; height: 30px; position: absolute; right: -9px; top: -7px; width: 30px; z-index: 100001;} #brand-voices #brand-voices-wrapper #bv-whats-this-text p {background:url(/media/ui/whats-this-borders.png) top center repeat-y;margin:0;padding:3px 14px;} #brand-voices #brand-voices-wrapper #bv-whats-this-text #bv-whats-this-footer {background:url(/media/ui/whats-this-footer.png) top center no-repeat;padding-bottom:7px;} #brand-voices #brand-voices-wrapper .bv-title {font-size:13px;font-weight:bold;width: 620px;margin-bottom:10px;} #brand-voices #brand-voices-wrapper #bv-col-header.expanded .bv-title {margin-bottom:0;} #brand-voices #brand-voices-wrapper .bv-social {margin:5px 0 10px 5px;} #brand-voices #brand-voices-wrapper .bv-social img {margin-right:13px;} #brand-voices #brand-voices-wrapper .bv-logo {padding-bottom: 10px;} #brand-voices #brand-voices-wrapper .bv-story-list {} #brand-voices #brand-voices-wrapper .bv-story-list .bv-column {width:300px;} #brand-voices #brand-voices-wrapper .bv-story-list .bv-column ul {padding-left:5px;list-style:disc;margin-left:5px;} #brand-voices #brand-voices-wrapper .bv-story-list .bv-column ul li {line-height:18px;font-weight:bold;margin-bottom:10px;} #brand-voices #brand-voices-wrapper .bv-story-list .bv-column .source {text-transform:uppercase;float:left;font-size:10px;margin-right:2px;line-height:18px;font-weight:normal;} #brand-voices #brand-voices-wrapper #bv-col-two {margin: 0 0 0 20px;width: 300px;} #brand-voices #brand-voices-wrapper #partner-insights .video {float:left;width:300px} #brand-voices #brand-voices-wrapper #partner-insights .video-title {font-size: 13px;font-weight: bold;} #brand-voices-ad #brand-voices-wrapper .bv-social {margin:17px 0 0 22px;} #brand-voices-ad #brand-voices-wrapper .bv-social img {margin-right:13px;} #brand-voices-ad #brand-voices-wrapper .bv-logo {padding-bottom: 10px;} #brand-voices_ad #brand-voices-wrapper .bv-story-list .bv-column {width:300px;} #brand-voices-ad #brand-voices-wrapper .bv-story-list .bv-column ul {padding-left:5px;list-style:none;margin-left: 0px;} #brand-voices-ad #brand-voices-wrapper .bv-story-list .bv-column ul li {line-height:18px;font-weight:bold;margin-bottom:10px;} #brand-voices-ad #brand-voices-wrapper .bv-story-list .bv-column .source {text-transform:uppercase;float:left;font-size:10px;margin-right:2px;line-height:18px;font-weight:normal;} /* PARTNER INSIGHTS */ #partner-insights-module {background:url(/media/ui/brand-voices-top-border.png) top left repeat-x;padding:12px 0 0;margin:0 0 15px 0px;float:left;} #partner-insights-module #partner-insights-module-wrapper {background:url(/media/ui/brand-voices-bottom-border.png) bottom left repeat-x;padding:10px 0 18px 10px;} #partner-insights-module #partner-insights-module-wrapper #pi-col-one {width: 285px;margin-bottom: 8px;padding-bottom: 10px;border-right: 1px solid #CCCCCC;padding-right: 20px;} #partner-insights-module #partner-insights-module-wrapper #pi-col-header {width: 620px;float:left;} #partner-insights-module #partner-insights-module-wrapper #pi-col-header.expanded2 {width: 620px;float:none;} #partner-insights-module #partner-insights-module-wrapper #pi-whats-this {font-size:10px;font-weight:normal;margin-right:15px;color: #666666;} #partner-insights-module #partner-insights-module-wrapper #pi-whats-this-text {background:url(/media/ui/whats-this-header.png) top center no-repeat;padding-top:12px;margin-bottom:10px;position:relative;} #partner-insights-module #partner-insights-module-wrapper #pi-whats-this-text #pi-close {background: url("/media/js/fancybox/fancybox.png") repeat scroll -40px 0 transparent;cursor: pointer;display: inline;height: 30px;position: absolute;right: -9px;top: -7px;width: 30px;z-index: 100001;} #partner-insights-module #partner-insights-module-wrapper #pi-whats-this-text p {background:url(/media/ui/whats-this-borders.png) top center repeat-y;margin:0;padding:3px 14px;} #partner-insights-module #partner-insights-module-wrapper #pi-whats-this-text #pi-whats-this-footer {background:url(/media/ui/whats-this-footer.png) top center no-repeat;padding-bottom:7px;} #partner-insights-module #partner-insights-module-wrapper .pi-title {font-size:16px;font-weight:bold;width: 620px;margin-bottom:10px;text-transform:uppercase;} #partner-insights-module #partner-insights-module-wrapper #pi-col-header.expanded2 .pi-title {margin-bottom:0;} #partner-insights-module #partner-insights-module-wrapper .pi-social {margin:10px 0 0 22px;} #partner-insights-module #partner-insights-module-wrapper .pi-social img {margin-right:10px;} #partner-insights-module #partner-insights-module-wrapper .pi-story-list .pi-column {width:280px;} #partner-insights-module #partner-insights-module-wrapper .pi-story-list .pi-column ul {padding-left:5px;} #partner-insights-module #partner-insights-module-wrapper .pi-story-list .pi-column ul li {line-height:18px;font-weight:bold;margin-bottom:3px;padding-bottom:3px;list-style: none outside none;border-bottom: 1px dashed #CCCCCC;} #partner-insights-module #partner-insights-module-wrapper .pi-story-list .pi-column .source {text-transform:uppercase;float:left;font-size:10px;margin-right:2px;line-height:18px;font-weight:normal;} #partner-insights-module #partner-insights-module-wrapper #pi-col-two {margin: 0 0 0 20px;width: 280px;} #polar-module .image {float:left;margin-right:10px;} #polar-module .image img {max-width:125px;max-height:180px;} #polar-module .title {color: #336699;font-family: Georgia,serif;font-size: 18px;font-weight: normal;margin-bottom: 5px;} #polar-module .source {font-size:10px;line-height:12px;font-weight:bold;text-transform:uppercase;color:#666;margin-bottom:10px;} #polar-module .description {font-size:12px;line-height:18px;} #polar-module .description p {margin-top:0;margin-bottom:8px;} #polar-module .sponsor {float:right;font-size:10px;line-height:12px;font-weight:bold;text-transform:uppercase;color:#999;} #polar-module .sponsor img {max-width:85px;max-height:25px;margin-left:5px;vertical-align:middle;} .pi-news-list {border-bottom: 1px dashed #CCCCCC;border-top: 1px dashed #CCCCCC;margin-bottom:22px;} .pi-news-list .pi-description {padding-top:3px;} .pi-news-list .pi-news-link {background: url("/media/ui/doddfrank_home_gradient.jpg") repeat-y scroll center top #FFFFFF;margin:5px 0 5px 0;padding:5px 10px 15px 10px;} .pi-news-list .pi-news-link a.black {font-size: 13px;font-weight: bold;padding-left: 0;text-transform: none;line-height: 18px;} .pi-news-list .pi-news-link p {margin-bottom:0px;} .pi-index-card {padding-bottom:5px;color:#E2B335;text-transform:uppercase;font-weight:bold} #partner-insights-module #partner-insights-module-wrapper #pi-col-one-article {width: 240px;margin-bottom: 0px;padding-bottom: 5px;padding-right: 0px;margin-right:0px;} #partner-insights-module #partner-insights-module-wrapper #pi-col-header-article {width: 240px;} #partner-insights-module #partner-insights-module-wrapper .pi-title-article {font-size:12px;font-weight:bold;width: 240px;margin-bottom:10px;text-transform:uppercase;} #partner-insights-module #partner-insights-module-wrapper #pi-col-header.expanded3 {width: 240px;float:none;} #partner-insights-module #partner-insights-module-wrapper .pi-story-list-article .pi-column {width:230px;} #partner-insights-module #partner-insights-module-wrapper .pi-story-list-article .pi-column ul {padding-left:0px;margin-top: 0;} #partner-insights-module #partner-insights-module-wrapper .pi-story-list-article .pi-column ul li {line-height:18px;font-weight:bold;margin-bottom:3px;padding-bottom:3px;list-style: none outside none;font-size:12px;} #partner-insights-module #partner-insights-module-wrapper .pi-story-list-article .pi-column .source {text-transform:uppercase;float:left;font-size:10px;margin-right:2px;line-height:18px;font-weight:normal;} #partner-insights-module #partner-insights-module-wrapper .pi-social-article {margin:5px 0 0 0;} #partner-insights-module #partner-insights-module-wrapper .pi-sponsor-social {text-align:center} #partner-insights-module #partner-insights-module-wrapper .pi-social-article img {margin-right:10px;} /* PARTNER INSIGHTS */ .swiper-container {height: 395px;margin: 10px;width: 563px;} .swiper-slide img {max-width:563px;max-height:395px;} .photo-title {margin:10px 0 0 20px;} #slideshow-carousel-counter{float:right;margin:0px 23px 0 0;} .photo-description{margin-left:20px;width: 570px;} .photo-description p {font-size: 14px;} .hide { display: none;} /* SPECIAL CONTENT CHANGES RT50333 */ .special-content-header h5 {color:#666;font-size:18px;} .special-content-header h5 a {color:#666;} .special-content-header h5 a:hover {color:#369;} .special-content-featured {color:#333;font-size:18px;font-weight:normal;} .special-content-next {color:#333;line-height:16px;font-size:12px;font-weight:normal;text-align:left;} /************************************************** [forms.css] **************************************************/ input#register, input#external_url, input#download {float:right;clear:right;} /** ACCOUNT UPDATE **/ #account-update form#baseline, #change-password form#changePasswordForm, #update-subscriptions form#subscriptionUpdateForm { clear:left; padding-top:40px; margin-left:0.5em;} /* clears account update form and gives space */ #ie-root #account-update form#baseline, #ie-root #change-password form#changePasswordForm, #ie-root #update-subscriptions form#subscriptionUpdateForm { padding-top:10px; } /* gets rid of double padding in IE */ #account-update span.errorMessage { clear: left; display:block;text-align:right; width:428px; margin:0; padding-bottom:5px; text-transform:uppercase; font-size:.8em;} /* error messages */ #ie-root #account-update span.errorMessage { padding:0;} /* gets rid of double padding in IE */ #account-update form#baseline label { display: block; float: left; line-height: 15px; width: 180px; padding-right: 20px; clear: left; } #account-update form#baseline input { float: left; margin-top:2px; width: 222px; font: 12px Arial; padding: 2px; } #account-update form#baseline select { float: left; margin-bottom: 6px; width: 230px; font: 12px Arial; padding: 2px; } #account-update form#baseline input#zipCode5 { width: 80px; margin: 2px 0 0 0; } #account-update form#baseline input#zipCode4 { width: 40px; margin: 0 10px 6px 0; } /* the margin right is for IE */ #account-update .zip-divider { float: left; margin: 0 2px 0 0; } #account-update form#baseline #demo-description-other, #account-update form#baseline #demo-title-other {margin-bottom: 15px; } #account-update #baseline select#demo-value { margin-bottom: 56px; } #ie-root #account-update form#baseline #submit { margin: 18px 0 0 190px; } .required-mark, .required-text {color:#ad0303; text-transform:uppercase; font-size:.8em;} .required-mark, .required-text, #change-password p {color:#ad0303; text-transform:uppercase; font-size:.8em;} #account-update legend, #account-update h2, #change-password h2, #change-password legend { display:none; } #change-password .formErrors {margin-top:20px; border:1px dotted #ad0303; } #change-password .formErrors a {color: #ad0303;} #change-password label { display: block; float: left; clear: left; width: 150px; } #change-password input { display: block; margin: 0 0 4px 150px; } #change-password form#changePasswordForm #submit { margin: 18px 0 0 150px; } #ie-root #change-password form#changePasswordForm #submit { margin: 18px 0 0 153px; } #update-subscriptions form#subscriptionUpdateForm input { clear:left; float: left; margin:2px 0 0 0; padding:0; } #update-subscriptions form#subscriptionUpdateForm label { float:left; margin:0 0 10px 10px;} #ie-root #update-subscriptions form#subscriptionUpdateForm label { float:left; margin:0 0 5px 10px;} /** ADVANCED SEARCH **/ #advanced-search-details { overflow: hidden; } #advanced-search-details label { display: block; float: left; width: 173px; } #advanced-search-details input { display: block; margin: 3px 16px 0 0; width: 270px; } #advanced-search-details select { display: block; margin: 3px 16px 15px 0; } #advanced-search-details #advanced-search-source { width: 270px; } #advanced-search-dates { overflow: hidden; margin-bottom: -54px; position: relative; top: -54px; left: 290px; } #ie-root #advanced-search-dates { margin-bottom: 0; } #advanced-search-dates label { display: block; float: left; } #advanced-search-dates select { display: block; margin: 3px 16px 3px 0; } #advanced-search-date-range-types { width: 120px; } #advanced-search-date-range-from-year, #advanced-search-date-range-from-month, #advanced-search-date-range-from-day, #advanced-search-date-range-to-year, #advanced-search-date-range-to-month, #advanced-search-date-range-to-day { width: 102px; } #advanced-search-details h2 { margin-top: 20px; font-weight: bold; } #advanced-search-details p.notice { font-size: 11px; color: #666; } #advanced-search-details ul#document-type { clear: both; } #advanced-search-details ul#document-type li { float: left; clear: left; line-height: 20px; } #advanced-search-details ul#document-type input.radio { width: 20px; float: left; clear: left; } #advanced-search-details .medium-btn { width: 72px; } /** ERROR MESSAGES **/ .errorMessage { color: #8d1400; font-weight: bold; } /** EMAIL ARTICLE **/ #email-article h1, #email-article p { padding-left: 5px; } #email-article .note { font-size: .9em; color: #727272; padding: 0; } #email-article form { border-top: 1px solid #dedede; padding: 2em 0 0 5px; } #email-article label { display: block; margin: 0 0 2px 0; font-weight: bold; } #email-article label.field-copy { display: inline; } #email-article textarea { display: block; margin-bottom: 1em; } #email-article input.medium-btn { display: block; margin-top: 2em; } /** LOGIN **/ .login-container {background-color:#ededed; width:100%; margin-bottom:28px; padding-bottom: 20px; } .login-container div.login { background-color: #fefefe; border: 1px solid #ccc; float: left; margin:20px 0 0 20px; padding: 21px 21px 16px 21px; text-align: left; width: 279px; } /* customer service box */ #ie-root .login-container div.login {padding: 21px 21px 5px 21px; margin:10px 0 10px 10px; } .login-container div.login h3 {border-bottom:1px solid #ccc; border-top:0; color:#727272; font-size:1.5em;} .login-container div.login label {color:#3f3f3f; } .login-container div.login ul li {margin-bottom:10px;} .login-container div.login ul li input#login {margin-left:10px; padding: 2px;} .login-container div.login #password {margin-left:13px; padding: 2px; } .login-container div.login #save1, div.login .btn1 {margin-left:75px;} .login-container div.login .form-notes, div.login #form-action-links, div.login #activation-link {font-size:.9em;} .login-container #registration-offer { text-align: left; padding-top: 11px; background-color: #fefefe; border: 1px solid #ccc; float: left; margin:20px 0 20px 0; padding:21px; width:535px; } #ie-root .login-container #registration-offer { margin:10px 0 10px 0; } .login-container #registration-offer div { border:none; margin: 0; padding: 0; } /* surrounding box */ .login-container #registration-offer h3 { background:none; border-bottom:1px solid #ccc; border-top:0; color:#727272; font-size:1.5em;} .login-container #registration-offer h3 .emphasize { color:#727272; } /** LOST LOGIN **/ #lostLogin legend { display:none; } #lostLogin p { padding-bottom:20px; } #lostLogin p.errorMessage { margin:0 0 0 0.5em; padding:0; } #lostLogin label { padding: 0 .5em 0 0.5em; } #lostLogin #submit { margin: 0 0 0 100px; } /** POST A COMMENT **/ div#InputLayoutArea { line-height: 0; } /* gets rid of a hard-coded space in the panel */ #ie-root div#InputLayoutArea { line-height: 1.33em; } div#MessageBody { background: #ededed; padding: 18px; margin-bottom: 1em; } div.add-comment-container > span { display: block; font-size: 1.5em; line-height: 1.6em; border-top: 3px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; font-family: 'Arial Black',Arial,Verdana,'Sans-Serif'; margin-bottom: 0.85em; padding-left: 0.25em; } /** REGISTRATION FORM **/ .registration-form .emphasize { color:#851b0d; font-weight:bold; } .registration-form h1 { border-top: 3px solid #3f3f3f; font-family: 'Arial Black',Arial,Verdana,'Sans-Serif'; margin-bottom: 0.35em;} .registration-form p.required-text { font-weight:bold; font-size:100%; color:#85610d; } .registration-form legend { display:none; } .registration-form label { display: block; float: left; clear: left; line-height: 15px; width: 180px; padding-right: 20px; } .registration-form input { float: left; width: 222px; margin:2px 0 5px 0; padding: 2px; font: 12px Arial; } #ie-root .registration-form input { margin:0; } .registration-form select { float: left; margin:2px 0 5px 0; width: 230px; padding: 2px; font: 12px Arial; } .registration-form #member-info, .registration-form #login-info, .registration-form #demographics { text-align:right; } .registration-form #member-info, .registration-form #login-info, .registration-form #demographics, .registration-form #web-seminar-agreement, .registration-form #newsletter-opt-in { background:#eee; padding:0 10px 0 10px; } #ie-root .registration-form #member-info { padding-top:15px; } #ie-root .registration-form #login-info, #ie-root .registration-form #demographics { padding-bottom:0; } .registration-form #login-info, .registration-form #demographics, .registration-form #web-seminar-agreement, .registration-form #newsletter-opt-in { margin-bottom:20px; padding-bottom:10px; } .registration-form #demographics, .registration-form #web-seminar-agreement, .registration-form #newsletter-opt-in { padding-top:15px; } .registration-form #newsletter-opt-in p { float:left; width:185px; margin:0; padding:0; text-align:right; } .registration-form #newsletter-opt-in div.choices { float:left; width:380px; } .registration-form #web-seminar-agreement label { margin: 0 0 10px 0; } .registration-form #web-seminar-agreement label, .registration-form #newsletter-opt-in label { clear:right; width:300px; } .registration-form #web-seminar-agreement input { width:35px; margin-left:190px; } .registration-form #newsletter-opt-in input { width:35px; margin:3px 0 0 5px; } #ie-root .registration-form #newsletter-opt-in input { margin:0 0 0 5px; } .registration-form #newsletter-opt-in ul li { float:left; margin: 0 0 10px 0; } .registration-form #agreement input { width:35px; margin-left:200px; } #ie-root .registration-form #submit-registration { margin-left:210px; } /** PROFILE PAGES **/ #loginForm #username-label, #loginForm #password-label { float: left; width: 100px; } #loginForm #login { margin-bottom: 10px; } #loginForm .btn1 { margin-top: 20px; margin-bottom: 10px; } #account-update form#baseline select { margin-bottom: 0; margin-top: 2px; } span.newsletter-name { display:block; margin-bottom:15px; padding-left:25px; } #subscriptionUpdateForm input { float: left; } /************************************************** [ads.css] Primary use: All ad-related styles **************************************************/ /** AD BOX CONTAINER **/ .ad-box { margin: 10px 0 21px 0; color: #999999; } /* surrounds ad groupings */ #nav .ad-box img { margin-left: -3px; } /* javascript is creating unwanted space, so this pulls the ads back */ #related-content .ad-box { margin-top: -1em; } /** DETAIL PAGE AD BLOCK **/ .entry-content #verticalspacer { clear: both; float: left; width: 1px; height: 111px; text-indent: -9999px; } /* article ad spacer */ .entry-content #article-dartad-block { float: left; clear: left; margin: 13px 13px 7px 0; } /* article ad wrapper */ /** LEADERBOARD **/ #leaderboard-button-box { width: 959px; height: 90px; padding:10px 0; margin: 0 auto; text-align: center; border-left: 5px solid #fff; border-right : 5px solid #fff; } #leaderboard-banner { float:left; width: 728px; margin: 0 20px 0 0; } #print-sub-btn {float:right; width:120px; margin: 0 0 0 10px;} div.ad-leaderboard-center {width: 728px;margin: 0 auto;} /** HALF BANNER (468x60) **/ .ad-half-banner {margin: 0px auto; text-align: center; padding: 5px 0px 15px; border-bottom: 1px solid #CCCCCC;} /** STYLES APPLIED DIRECTLY TO ADS **/ .ad-vertical-banner { text-align: center; margin-bottom: 21px; } /** STYLES APPLIED DIRECTLY TO RECTANGLE ADS **/ .ad-rectangle-banner { width:300px; text-align: center; margin-bottom: 21px; } /** IN-TEXT ADS **/ #enhanced-ofie { padding:5px;margin:10px 0;} #enhanced-ofie a { color: #6ea766; } #enhanced-ofie hr { color: #6ea766; } hr.enhanced-ofie-hr-top { margin: 0 0 6px 0; } hr.enhanced-ofie-hr-bottom { margin: 6px 0 0 0; } /* Marketplace Ads Styles */ #marketplace {clear: both;background-color: #D2D2D2;width: 960px;margin: auto;height: 287px;margin-top: 20px;} #marketplace #pin {width: 77px;height: 61px;background: url(/media/ui/pin.gif);float: left;margin-top: 1px;} #marketplace #header {float: left;margin-top: 20px;border-top: 1px solid #9A9A9A;width: 772px;background-color: #FFF;text-align: center;} #marketplace #header img {margin: 0 auto;} #marketplace #ear {width: 103px;height: 61px;background: url(/media/ui/ear.gif);float: left;margin-top: 1px;} #marketplace #marketplace-content {border-left: 1px solid #9A9A9A;border-right: 1px solid #9A9A9A;border-bottom: 1px solid #9A9A9A;background-color: #FFFFFF;float: left;clear: both;padding: 0 0 5px 13px;width: 930px;} #marketplace h6 {font: normal bold 14px Arial;margin-bottom: 8px;color: #9E0101;} #marketplace ul {display: block;margin: 0px 0px 0px 2px;padding: 0;} #marketplace ul li {border-right: 1px solid #939393;background: #FFFFFF;padding: 4px;float: left;width: 220px;} #marketplace ul li.last {border-right: none;} /************************************************** [widgets.css] Primary use: Graphics, boxes, buttons, pagination, tabs **************************************************/ /** BOXES **/ div.assistance { background: #e8f3fb url(/media/ui/bg-customer-service.gif) right top no-repeat; border: 5px solid #d2ecff; float: left; margin-bottom: 28px; padding: 21px; text-align: left; width: 279px; height:180px; } /* customer service box */ #ie-root div.assistance { margin: 0; padding-bottom:4px; } /* customer service box */ div.status-message { float: left; margin-left: 22px; text-align: left; width: 606px; } /* confimation box */ div.gray-box { background: #ededed; margin-bottom: 21px; padding: 5px; } div.gray-box .content-container { background: #fff; border: 1px solid #ccc; padding: 10px; } div.error-title { float: left; padding: 20px 0 0 0; text-align: left; width: 279px; } div.error-message { float: left; margin-bottom: 28px; padding: 33px 0 0 40px; text-align: left; width: 606px; } /* error box */ ul.contact-column1, ul.contact-column2 {width:225px; float:left; margin:0; padding:0; } ul.contact-column1 li, ul.contact-column2 li {margin-bottom:10px;} /** BUTTONS **/ input.medium-btn { background: url(/media/ui/btn-bg-medium.gif) no-repeat; border: 0; color: #ffc94c; cursor: pointer; font-size: 0.9em; font-weight: bold; margin-top: 1em; padding-bottom: 2px; width: 73px; height: 27px; } input#reset, input#cancel { background: url(/media/ui/btn-bg-medium-cancel.gif) no-repeat; border: 0; color: #1f1f1f; cursor: pointer; font-size: 0.9em; font-weight: bold; margin-top: 1em; padding-bottom: 2px; text-transform: uppercase; width: 73px; height: 27px; } .detail .event-action a { background: url(/media/ui/btn-account-update-medium.gif); color: #ffc94c; display: block; font-weight: bold; line-height: 36px; text-transform: uppercase; text-align: center; width: 144px; height: 36px; } /* event detail action button */ input#poll-choice-input-submit { background: url(/media/ui/button-small.gif) no-repeat; border: 0; color: #ffffff; font-size: 9px; font-weight: bold; width: 40px; height: 19px; } /** CONDITIONAL FRAGMENTS **/ #registration-offer.home { padding-top: 0; } #registration-offer div { border: 1px solid #ccc; margin: 11px 0 21px 0; padding: 7px 7px 14px 7px; } /* surrounding box */ #registration-offer h3 { border: none; line-height: 1em; margin-bottom: 0.425em; padding: 7px 0 7px 4px;} /* ofie title */ #registration-offer p, #registration-offer ul { padding: 0 0.25em; } /* give the text some padding */ #registration-offer ul { margin-top: -1em; } /* override inherited margin bottom of paragraph tags */ #registration-offer li { background: url(/media/ui/bullet-arrow.gif) no-repeat 0 center; line-height: 1.5em; margin: 0 0 0.425em 0; padding-left: 1.8em; } /* put arrows on li's */ #registration-offer .input-email { color: #727272; float: left; margin: 0 4px 0.425em 0; width: 250px; height: 17px; padding: 2px 0 0 4px; } /* style the email input */ #related-content #registration-offer .input-email { width: 160px; } /** IMAGES **/ img.inline { float: left; margin: 5px 18px 0 0; } /* channel name graphic on channel page */ img.cover { border: 1px solid #ccc; margin: 0 13px 5px 0; } /* current issue cover on current issue page */ img.icon { position: relative; margin-top: -3px; top: 3px; left: .3em; } /* small textual icons, like the pop-out */ div#split-left img { margin-top: 12px; } /* homepage reports and rankings image */ div.detail img { float: left; margin: 0 18px 8px 0; } /* inline images in articles and events */ div.author-image img { margin: 0 18px 0 0; } /* author images in articles */ /** PAGINATION **/ div.paging-links { background: url(/media/ui/bg-tabs.gif) repeat-x left bottom; border: 1px solid #dedede; border-bottom: 1px solid #ccc; color: #727272; margin-top: 2em; padding: 6px 0; text-align: center; } div.paging-links ul { margin-bottom: 0; } div.paging-links li { display: inline; } div.paging-links a { font-size: 1em; font-weight: normal; } div.pagination {margin-top: 2em; padding: 6px 0; text-align: center; } div.pagination ul { margin-bottom: 0; } div.pagination li { display: inline;color:#9a9a9a;font-size:14px;font-weight: bold; } div.pagination a { color:#333; } div.pagination a.this-page { color:#9a9a9a; } .pagination {color: #999999;font-size: 14px;margin: 20px 0;text-transform: uppercase;font-weight: bold;padding: 10px;text-align: center;} div.pagination a, div.pagination span {padding: 2px;} div.pagination li.arrow a {line-height:18px;vertical-align:top;} /** POLL RELATED STYLES **/ #poll label { margin-left: 5px; } /* give some space to poll options */ #poll span, #poll table { display: block; margin-top: -10px; padding: 10px 0 5px 15px; background: url(/media/ui/bg-poll-home.gif) repeat-y; } /* poll background image */ #poll table {margin-bottom:5px; padding-bottom:10px; } #poll table tr { height:30px;} #poll-choice-input-submit { cursor: pointer; width: 46px; height: 19px; margin: 18px 0 0 0; border: 0; text-transform: uppercase; font: 9px Arial; } /* poll submit button */ #poll-archive li { margin-bottom: 18px; } /* space out the poll archive links */ #poll-archive #table {margin:10px 0 10px 0;} #poll-archive .line {border:1px solid #f1f1f1;} div#ie-root #body-home-container #pollchart { width: 285px; margin-top:-20px; } div#ie-root #pollchart { margin-top:-5px; } div#ie-root #body-home-container #right #poll span { width: 280px; } /** POLL VOTED STYLES **/ #poll-form { margin:0; padding:0; } #pollchart { margin:0; padding:0; } #body-home-container #poll-content p, #body-home-container #pollchart p.pollquestion { width:100%; margin-top:20px;} div#ie-root #pollchart dl { margin:0 0 0 20px; border-right: 1px solid #ebf0f5; border-bottom: 1px solid #88aed2; border-left: 1px solid #88aed2;} /* fix IE double margin */ #pollchart dl { margin:0 0 0 20px; border-right: 1px solid #ebf0f5; border-bottom: 1px solid #88aed2; border-left: 1px solid #88aed2;} /* fix IE double margin */ #pollchart dl dt { display: block; width: 250px; margin: 0 0 0 4px; padding:0; font-size: 95%; color: #6699cc; } #pollchart dl dd { margin: 0 0 5px 0; padding: 0; display: block; height: 18px; background: #7b92a8 url(/media/ui/poll_bar_gradient_1x10.gif) repeat-x; border-top: 1px solid #fff; border-right: 3px solid #fff; border-bottom: 3px solid #fff; } #body-home-container #pollchart dd p, #pollchart dd p { width: 30px; position: relative; margin: 0 0 0 -36px; font: bold 11px Arial, Helvetica, sans-serif; text-align: right; color:#666; } /** REGISTRATION **/ .registering-benefits ul li { float:left; width:200px; margin-bottom:30px; padding-left:70px; height:52px; } .registering-benefits ul li#special-reports { background: url(/media/ui/icon-special-report.gif) no-repeat; } .registering-benefits ul li#enewsletters { background: url(/media/ui/icon-enewsletters.gif) no-repeat; } .registering-benefits ul li#breaking-news { background: url(/media/ui/icon-breaking-news.gif) no-repeat; } /** SITE FEATURES - CROSS PROMOS ALONG BOTTOM **/ #site-features h3 { border: none; font: 1em Arial; font-weight: bold; } #site-features .hentry { margin: 0; } #site-features li { margin: 0 0 .3em 3px; } #site-features .feature-slot img { margin-bottom: 0.665em; border: 1px solid #a5a5a5; } /* site feature images */ #site-features p.logo { text-align: center; } #site-features p.logo img { border: 0; margin-bottom: 0; } /** TABBED CONTENT (Most Popular) **/ .module #tabs {margin: 0;line-height: 18px;} .module #tabs .tab {list-style: none;margin: 0;display: inline;font-size: 10px;text-transform: uppercase;} .module #tabs .tab h5 {padding: 4px 15px 2px;margin-right:-1px;color: #999;margin-bottom:-1px;background: #fff9f1 url(/media/ui/bg-tabs.gif) repeat-x left bottom;font-size:14px;line-height: 18px;font-weight:bold;} .module #tabs .tab h5:hover {color: #369;cursor:pointer;} .module #tabs .tab.tab-on h5 {background: #fff;color:#369;border-bottom: 1px solid #fff;} /* active tab box padding and border */ .tab-content {padding:10px 9px;} .tab-content ul {margin-left:10px;list-style-type:disc;} .tab-content li {margin-bottom: 5px;color: #336699;font-size:10px;} .tab-content li a {color: #336699;font-size:12px;} /** Tab Box (Feature Articles Overrides) **/ #feature-articles h3, #insights h3, h1.topic-header, .videotext h1 {margin-bottom:0;color:#666666;font-size: 18px;line-height: 21px;margin-top:10px;font-weight: bold;} h1.topic-header, .videotext h1 {margin-bottom:10px;} #featured-article {border-bottom:1px solid #E9E9E9;margin-bottom:20px;} #feature-image {width: 296px;float: left;clear: none;margin-right:25px;} #feature-image img {border: 1px solid #999;} #feature-content {width: 292px;float: left;clear: none;} #feature-content ul {list-style-type:disc;margin-left:16px;} #feature-content li {color:#BDBDBD;font-size:10px;} #feature-content-article h1 {font-size:24px;line-height:27px;} #feature-content-article .story-title {font-size:24px;line-height:27px;font-weight: bold;color: #336699;} /** TOOLS (article and event) **/ #tools { margin-bottom: 0; padding: 0 0 0 5px;} #tools li { background:none; padding:3px 0;list-style-type:none;} #tools a, .add-this-widget a#email-tool, .add-this-widget a.addthis_button_compact { font-size: 11px; color: #333; padding: 3px 2px 3px 30px; text-transform: uppercase; font-weight: normal; } #tools a:hover { color: #999; } #tools a#print-tool { background: url(/media/ui/icon-print.gif) no-repeat; } #tools a#email-tool, .add-this-widget a#email-tool { background: url(/media/ui/icon-email.gif) no-repeat 0 50%; } #tools a#reprints-tool { background: url(/media/ui/icon-reprints.gif) no-repeat; } #tools a#comment-tool { background: url(/media/ui/icon-discuss.gif) no-repeat; } #tools ul {margin-bottom: 0px;line-height:20px;} /** for AddThis social media widget last in list **/ .add-this-widget a#email-tool {float: left; margin-right: 15px;} #story-leftnav #tools {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin: 10px 0px; padding: 10px 0px;} .addthis_default_style .addthis_separator { margin:4px 4px 0 0;} /** SHOULDER BOX STYLES **/ #shoulder-box { border-bottom:1px solid #CCC;} #shoulder-box div ul li a {font-size:10px;line-height:18px;} #shoulder-box div {margin-bottom:10px;padding:0 0 0 5px;} .shoulder-box { border-bottom:1px solid #CCC;width: 150px;margin: 0 10px 0 20px;float: right;background-color:#eee;} .shoulder-box ul li, .shoulder-box p {font-size:10px;line-height:18px;margin-bottom:10px;padding:0 0 0 5px;} /** THIRD PARTY PAGES (careerzone, marketplace, virtual trade show) **/ .career-zone #main-column { background-color:#fff; } /* to hide the background border at the top of the main column */ #print-header, div.back-button { display: none; } /** STORY SLIDESHOW BUTTONS **/ div#prev-next a.previous, div#prev-next a.next {color:#000000;font-size:11px;height:20px;margin:0 5px;text-transform:uppercase;width:50px;text-decoration:none;} div#prev-next a.previous {background:transparent url(/media/ui/rotator-previous.gif) no-repeat scroll center center;border:medium none;font-weight:bold;padding:3px 6px 3px 10px;} div#prev-next a.next {background:transparent url(/media/ui/rotator-next.gif) no-repeat scroll center center;border:medium none;font-weight:bold;padding:3px 10px 3px 7px;} /** ADDTHIS SOCIAL MEDIA WIDGET - added to Toolbox area **/ div.addthis_toolbox.addthis_default_style {padding-top: 5px;float: left;} div.addthis_toolbox.addthis_default_style a {padding-left: 0px !important;padding-right: 1px;font-size: 12px;font-weight: none;color:#3A68A3;margin-right:2px;} .at300bs.at15t_compact {padding-left: 0px;margin-bottom: 2px;} div.atclear {margin-bottom:0 !important;} #story-leftnav #tools .addthis_toolbox.addthis_default_style {float: none;} div.tabcontent {padding: 20px 0;} div.tabnavigation {display: block;border-bottom: 1px solid #CCC;background-color:#f9f9f9;margin-bottom:15px;} div.tabnavigation ul {margin: 0;} div.tabnavigation ul li {display: inline-block;float: left;margin-top: -1px;} div.tabnavigation ul li.selected {background:#FFF;} div.tabnavigation ul li a {color: #999;padding: 4px 15px;font-size: 10px;text-transform: uppercase;} div.tabnavigation ul li a:hover {color: #336699;} div.tabnavigation ul li.selected a {color: #336699;background-image: none;} #insights-container div {float: left;clear: none;} #insights-prev, #insights-next {margin-top: 55px;} #insights-slider-container {width: 582px;height: 250px;overflow: hidden;position: relative;} #insights-slider {position: relative;width: 2000px;} /** FACEBOOK/TWITTER/LINKEDIN MODULE **/ #tab-twitter.socialtab {width: 88px; cursor: pointer;} #tab-facebook.socialtab {width: 106px; cursor: pointer;} #tab-linkedin.socialtab {width: 108px; cursor: pointer;} .socialtab-off{color:#333333;} .socialtab-on{color:#ffffff;} #tab-twitter.socialtab-off {background: url('/media/ui/socialtab-tw-off.png') no-repeat;} #tab-facebook.socialtab-off {background: url('/media/ui/socialtab-fb-off.png') no-repeat;} #tab-linkedin.socialtab-off {background: url('/media/ui/socialtab-li-off.png') no-repeat;} #tab-twitter.socialtab-on {background: url('/media/ui/socialtab-tw-on.png') no-repeat;} #tab-facebook.socialtab-on {background: url('/media/ui/socialtab-fb-on.png') no-repeat;} #tab-linkedin.socialtab-on {background: url('/media/ui/socialtab-li-on.png') no-repeat;} .module .social-footer {background: url('/media/ui/bg-socialtabsfooter.png') repeat-x;height: 33px;border-top: solid 1px #dedede;line-height: 33px;text-align: center;overflow: hidden;} .module .social-footer .img-holder {margin-top: 6px;margin-left: 50px;} .module .social-footer .text-holder {margin-left: 10px;} .module .social-footer .text-holder.smalltext {font-weight: normal;font-size: 10px;margin-left: 4px;} .module .tab-content .feed-holder {margin: 10px;} #socialtabs {border-bottom: solid 1px #ccc;padding: 0;width: 302px;} #socialtabs .logo-holder {margin: -4px 4px 0px 6px;} .socialtab{width:141px;height:22px;padding: 10px 0 0 0px;text-align:center;font-family: Arial, sans-serif;font-size:14px;font-weight:bold;} .tab-content2{padding: 10px 0 0 0;border: 1px solid #ccc;border-top: none;font-size:13px;width: 300px;} .module .tab-content2 .feed-holder {margin: 10px;} /** END FACEBOOK/TWITTER/LINKEDIN MODULE **/ /************************************************** [lightbox.css] Primary use: lightbox gallery styles **************************************************/ /** MAIN CONTAINERS **/ #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #outerImageContainer { position: relative; margin: 0 auto; background-color: #fff; width: 250px; height: 250px; } #imageContainer { } /* add padding if desired */ /** LOADING **/ #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } /* position loading graphic */ /** INFO BAR (close window and image title ) **/ .ontop #imageData { padding-top: 10px; } /* add some padding when info bar is on top of image */ #imageDataContainer { background-color: #fff; margin: 0 auto; } /* info bar container */ #imageData { padding: 0 10px; } /* another nested info bar container */ #imageData #imageDetails { width: 70%; float: left; text-align: left; } /* image title container */ #imageData #caption { font-weight: bold; font-style: italic; line-height: 1.5em; } /* image title */ #imageData #bottomNavClose { width: 19px; float: right; padding-bottom: 0.7em; } /* close button */ /** OVERLAY **/ #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } .photo-credit { color: #999; font-size: 10px; padding: 0 22px; } .story-image-caption { color: #333; text-align: left; font-size: 10px; line-height: 14px; } .story-image-credit { color: #999; text-align: left; font-size: 10px; line-height: 14px; } .section-header {font-weight: bold;font-size: 16px;color: #000;border-bottom: solid 1px #d8d8d8;text-transform:uppercase;margin-bottom:15px;padding-bottom:3px;line-height:20px;margin-top:-3px;clear:left;} .section-header.multicase {text-transform:none;} .section-header a {color: #000;} .section-header a:hover {color: #848485;} .section-header a.see-all-link {color: #1976a3;font-size: 12px;text-transform:none;margin-left:15px;font-weight:normal;} .section-header a.see-all-link:hover {color: #115271;} .section-header.noborder { border-bottom: none;padding:0;margin:0;} .section-header .sponsor-logo {float: right;margin-top: -5px;} /*20 days*/ #thirty-featured {padding:10px 0;margin-bottom:60px;border-bottom:1px solid #CCC;} #thirty-featured #thirty-calendar {background:url(/media/ui/day_thumb_bg.png) no-repeat;width:110px;height:90px;padding:15px 5px;margin-right:10px;} #thirty-featured #thirty-calendar #thirty-calendar-day {color:#0071bc;font-size:72px;line-height:88px;font-weight:bold;text-align:right;} #thirty-featured #thirty-featured-content {margin:0;width:490px;} #thirty-featured #thirty-featured-content h1 {font-weight:bold;} #thirty-featured #thirty-featured-content h1 a {color:#0A5485;} #featured-tip {border:2px solid #0071bc;background:url(/media/ui/featured-tip-bg.png) repeat;padding:15px 25px;margin:60px 0;font-family:Georgia,'Times New Roman',Times,serif;} #featured-tip #featured-tip-top {font-size:22px;line-height:24px;background:url(/media/ui/featured-tip-bulb.png) left top no-repeat;} #featured-tip #featured-tip-top span {line-height:38px;font-size:32px;padding-left:45px;font-weight:bold;} #featured-tip #featured-tip-bottom p {color:#0071bc;font-style:italic;text-align:right;} #featured-tip #featured-tip-bottom .share-icons {width:auto;max-width: 465px;} #related-30days {margin-bottom:60px;} #related-30days p {font-size:12px;margin:5px 0;font-weight:bold;} #days-holder.col-one-carousel-holder {border-top:0;margin:0 0 60px;padding:0;background:url(/media/ui/days-carousel-border.png) bottom repeat-x;} #days-holder.col-one-carousel-holder .top {height:104px;} .index-2col.index .index-text {width: 300px;line-height: 18px;color: #000;margin-top: 10px;} .index-2col.index .col1 {clear: both;margin-right:20px;} .index-text a, #related-30days a {color: #0A5485;} #days-holder .jcarousel-skin-tango .jcarousel-container {border:none;padding-top: 5px;} #days-holder .jcarousel-skin-tango .jcarousel-item-horizontal {text-align:left;} .index-2col .img-holder {margin: 0 10px 0 0;position: relative;border: 1px solid #CCC;} .feature-image img {max-width:250px;} /* Comments */ #comments{margin: 27px 0 0 0;width:602px;} #comments .pagination{margin: 0;font-size:14px;font-weight:bold;text-transform:none;color:#999;padding: 0 20px;} .comments-header{font-size:15px;font-weight:bold;margin: 0 0 5px 0;} #comments-box{background:#dae8f5;border-top:1px solid #999;} .comment{border-bottom:1px solid #ccc;padding:20px;} .comment-last{border-bottom:none;} .comment-meta{margin: 10px 0 0 0;color:#336699;font-weight:bold;} .dark-gray{color:#7d7d7d;} #add-comments{margin:40px 0 0 0;width:602px;} #add-comments textarea{width:600px;border:1px solid #ccc;} #comment-buttons{margin: 10px 0 0 0;} #post-button{margin: 0 0 0 10px;} #logged-out-message{margin: 20px 0 0 0;font-size:16px;font-weight:bold;text-align:center;font-family:Georgia, "Times New Roman", Times, serif;} #logged-out-buttons{margin: 15px 0;} #logged-out-buttons .left {margin-left: 70px;} #logged-out-buttons .right {margin-right: 70px;} /*#logged-out-login{border:1px solid #ccc;padding:15px 15px 0 15px;background: url(/media/ui/login-line-bg.png) repeat;}*/ #login-left{width:290px;border-right:1px solid #fff;margin: 0 15px 0 0;} #login-right{width:240px;color:#336699;margin-top:20px;font-weight:bold;} #login-disclaimer{margin: 10px 0 15px 0;color:#680000;} #logged-out-login-header{font-size:18px;margin: 5px 0;} .login-input{font-weight:bold;font-size:11px;margin: 0 0 10px 0;} .login-input h4 {font-size:16px;} .login-input-text input{width:200px;} .login-input-checkbox{font-weight:normal;} .bc-player-4f4cb446-b111-41d8-bfe0-1f6f52e802da_default.vjs-mouse .vjs-big-play-button { width: 60px !important; height: 40px !important; } .bc-player-4f4cb446-b111-41d8-bfe0-1f6f52e802da_default .vjs-big-play-button { border-radius: 12px !important; } .bc-player-4f4cb446-b111-41d8-bfe0-1f6f52e802da_default .vjs-big-play-button:before { margin: 7px auto !important; }