/* Homepage */ #homepage-top { position:relative; background:#4d4d4d url('//img.brightcove.com/homepage-bg-tile.jpg') repeat top left; width:100%; min-height:360px; margin-top:-30px; overflow:hidden; } .front .btn { display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 3px; font-size: 12px; color: white; text-transform: uppercase; text-decoration: none; } #homepage-top .btn { background-color: #a5c13f; } #homepage-top .btn:hover { background-color: #c1d42f; } /* Homepage FMA */ #homepage-top #promos-wrapper { width:100% !important; background:#161616; height:248px; overflow:hidden; } #homepage-top #promos { width:950px; position:relative; margin:0 auto; overflow:visible; } #homepage-top #promos .promo { width:100% !important; background-color:transparent; position:absolute; top:0; left:0; display:none; } #homepage-top #promos .promo * { color:#eee; text-shadow:#515151 0 1px 0px;} /* Expanded FMAs */ #homepage-top #promos .promo { background: top left no-repeat; } /* use the :first-child selector in case JS is disabled. JS adds the expanded and collapsed classes. */ #homepage-top #promos .promo:first-child { display: block; left: -53.5px; padding:0 53.5px; height:248px; } #homepage-top #promos .promo-bg { width: 1057px; position: absolute; height: 248px; left: 0; } #homepage-top #promos .promo .container { padding: 15px 340px 15px 20px; width: 590px; position:relative; } #homepage-top #promos #promo-media:first-child .promo-bg { background-image: url('//img.brightcove.com/homepage/slide-media.png'); } #homepage-top #promos #promo-marketing:first-child .promo-bg { background-image: url('//img.brightcove.com/homepage/slide-marketing.png'); } #homepage-top .promo-content h1 { font-size:16px; font-weight:bold; line-height:1.1; text-transform: uppercase; } #homepage-top .promo-content h1 span { display: block; text-transform: none; font-size: 52px; font-weight:normal; line-height: 1; } #homepage-top .promo-content-text { font-size: 20px; margin: .6em 0 1.2em 0; line-height: 24px; } #homepage-top .promo-content .btn { position:relative; z-index:500; } #homepage-top #promos .btn span { text-shadow:none; } /* Collapsed FMAs */ #homepage-top #promos .promo.collapsed { display:none; position:relative; z-index:-999; } /* FMA Nav CSS Transition Effects */ #homepage-top #promos .promo.collapsed .transition { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } #homepage-top #promos .promo.collapsed:hover .transition { opacity: 0.5; transition: opacity 0.5s ease-out 0s; -webkit-transition: opacity 0.5s ease-out 0s; -moz-transition: opacity 0.5s ease-out 0s; -o-transition: opacity 0.5s ease-out 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } /* FMA Navigation Arrow */ #promos-wrapper #arrow-wrapper { position:relative; display:block; height:100%; width:1060px; text-indent:-9999px; margin:0 auto -248px auto; } #promos-wrapper #arrow { position:absolute; right:0; top:90px; display:block; content:" "; z-index:600; background: url('//img.brightcove.com/corpsite-updates-05082014/sprites-04142014.png') no-repeat; background-position: 0 -148px; height: 83px; width: 31px; } #promos-wrapper #arrow:hover { background-position: 0 -66px; } /* Text under the FMAs */ #homepage-top #promos-byline p { font-size:26px; line-height:1.4; padding: 20px; color:#a1a1a1; text-shadow:#000 0 1px 0px; text-align:center; } /* Shadows around FMAs */ #homepage-top #promos-shadow-wrapper { position:absolute; top:0; left:0; width:100%; height:100%; } #homepage-top #promos-shadow-wrapper .promo-shadow { width: 950px; height:393px; margin:0 auto; position:relative; z-index:200; } #homepage-top #promos-shadow-wrapper .promo-shadow.before { top:-30px; background: transparent url('//img.brightcove.com/homepage/promos-shadow-before.png') bottom no-repeat; background-position: bottom left; left:-80px; } #homepage-top #promos-shadow-wrapper .promo-shadow.after { top:-423px; background: transparent url('//img.brightcove.com/homepage/promos-shadow-after.png') bottom no-repeat; background-position: bottom right; right:-80px; } /* NEWSLETTER and Trial Form */ .newsletter p b, .newsletter p { color:#717171; font-size:10px; } #homepage-middle { font-size:12px; } #homepage-middle .container { padding-top:40px; width: 940px; } #homepage-middle-left { width:530px; } #homepage-middle-left #customers h2, #homepage-middle-left #personas h2 { font-weight:bold; text-align:center; font-size:24px; color:#3b3b3b; margin-top:0px; } #homepage-middle #customers { position:relative; } #homepage-middle #customers .logos-overlay { position:absolute; bottom:0px; left:0px; width:100%; height:100%; display:none; text-align:center; } #homepage-middle #customers .logos-overlay .bg { background:#fff; position:absolute; width:100%; height:100%; z-index:0; opacity:0.8; filter:alpha(opacity=80); top:0px; left:0px; } #homepage-middle #customers .logos-overlay .blue-button { position:absolute; top: 50%; left: 50%; z-index:1; margin-top:-15px; margin-left: -71px; } #personas { position: relative; } #personas-nav { position:absolute; top:232px; width:100%; z-index:9999; } #personas-nav ul { margin:0 auto; text-align:center; } #personas-nav li { display:inline; position:relative; zoom:1; } #personas-nav li.selected a { border-color: #489ca8; } #personas-nav a:hover { border-color: #717171; } #personas-nav a { border:solid 5px #ccc; display:inline-block; border-radius:5px; line-height:0; text-indent: -999em; margin-right:10px; } #personas-slides { height: auto !important; padding-top:250px; } #personas-slides ul { list-style-image:none; list-style:none; margin:0 0 25px 0px; line-height:20px; width:310px; vertical-align:top; } #personas-slides li { padding-left:15px; background:url('//img.brightcove.com/homepage-icons-sprite.gif') no-repeat left -57px; line-height:16px; } #personas-slides h2 { margin-bottom:45px; } #personas-slides .slide { display:none; width:379px; height: auto !important; } #personas-slides #media { background:url('//img.brightcove.com/homepage-personas-bg-media.jpg') no-repeat left top; } #personas-slides #brand-marketers { background:url('//img.brightcove.com/homepage-personas-bg-marketers.jpg') no-repeat left top; } #personas-slides #retailers { background:url('//img.brightcove.com/homepage-personas-bg-retailers.jpg') no-repeat left top; } #personas-slides #government { background:url('//img.brightcove.com/homepage-personas-bg-government.jpg') no-repeat left top; } #personas-slides #small-business { background:url('//img.brightcove.com/homepage-personas-bg-small-business.jpg') no-repeat left top; } #personas-slides #agencies { background:url('//img.brightcove.com/homepage-personas-bg-agencies.jpg') no-repeat left top; padding-bottom:35px; } #personas-slides #agencies .left { width:320px; } #personas-slides #agencies .right { width:280px; position:relative; margin:15px 20px 0 0; } #personas-slides #agencies .right span { font-family:georgia, serif; font-size:36px; color:#b8406d; display:block; width:15px; } #personas-slides #agencies .quote { width:237px; margin-left:5px; } #personas-slides #agencies .quote p { font-size:14px; line-height:20px; margin-bottom:5px; color:#3b3b3b; } #personas-slides #agencies .quote p.quoted { margin-left:36px; font-size:12px; color:#7b7b7b; } #personas-slides .quotebox { text-align: right; line-height: 1.2; font-size: 14px; color: #515151; text-shadow: 0 1px 0 #fff; background: #ccc; width: 379px; padding-bottom:70px; border-width:1px 0 0 0; -webkit-border-image: -webkit-linear-gradient(top, #bbb, #ccc 2%, #ccc) 1 0 0 0; -moz-border-image: -moz-linear-gradient(top, #bbb, #ccc 2%, #ccc) 1 0 0 0; -o-border-image: -o-linear-gradient(top, #bbb, #ccc 2%, #ccc) 1 0 0 0; } #personas-slides .quotebox blockquote {font-size: 20px; font-style: italic; padding: 30px 30px 20px 20px;} #personas-slides .quotebox cite {font-style: normal;} #personas-slides .quotebox cite span {display: block; padding-right: 30px;} #personas-slides .quotebox cite span.company {font-weight: bold; text-transform: uppercase;} #personas-slides .video {margin-bottom: 40px; height:215px; background-color:#000;} #homepage-middle-right { width:380px; margin-bottom:30px; min-height:620px; } #homepage-middle-right .section { margin-left:1px; background:url('//img.brightcove.com/homepage-middle-right-divider.gif') no-repeat bottom center; padding:15px 20px; text-align:center; display:block; color:#5b5b5b; } #homepage-middle-right .headline { font-size:14px; color:#3b3b3b; line-height:19px; display:block; font-weight:bold; margin-top:5px; margin-bottom:3px; } #homepage-middle-right img { border:none; } #personas-controls {list-style: none; position: relative; z-index: 100; width:50px; left:315px; } #personas-controls li {display: inline-block;} #personas-controls .prev, #personas-controls .next {display: block; height: 23px; width: 14px; text-indent: -999em; background: transparent url('//img.brightcove.com/homepage/testimonials-arrow-sprite.png') 0 0 no-repeat;} #personas-controls .next {background-position: -14px 0; margin-left: 5px;} #personas-controls .prev:hover {background-position: 0 -23px;} #personas-controls .next:hover {background-position: -14px -23px;} /* Global Scale */ #homepage-middle-right #global-scale .link { color:#b9426e; padding-right:15px; background:url('//img.brightcove.com/homepage-icons-sprite.gif') no-repeat right -18px; } #homepage-middle-right #global-scale img { padding:10px 0 15px 0; } /* Case Study */ #homepage-middle-right #case-study { line-height:18px; } #homepage-middle-right #case-study .gannett-image { width:210px; height:120px; background:url('//img.brightcove.com/homepage-gannett-casestudy.jpg') no-repeat top left; display:inline-block; zoom:1; *display:inline; _height:120px; } #homepage-middle-right #case-study .puma-image { width:210px; height:120px; background:url('//img.brightcove.com/homepage-puma-casestudy.jpg') no-repeat top left; display:inline-block; zoom:1; *display:inline; _height:120px; } /* News and Blogs */ #homepage-middle-right #news-and-blogs { background:none; } #homepage-middle-right #news-and-blogs .views-row { margin-top:18px; line-height:18px; } #homepage-middle-right #news-and-blogs .views-row a { font-weight:bold; background:none; } #homepage-middle-right #news-and-blogs .views-row .views-label-timestamp { display:none; } #homepage-middle-right #news-and-blogs a { padding-right:15px; background:url('//img.brightcove.com/homepage-icons-sprite.gif') no-repeat right 3px; } /* Hover State */ #homepage-middle-right a.section.hover { text-decoration:none; } #homepage-middle-right a.section.hover .link { text-decoration:underline; } #homepage-middle-right #case-study.hover .gannett-image { background-position:bottom left; } #homepage-middle-right #case-study.hover .puma-image { background-position:bottom left; } #homepage-bottom { background: transparent url('//img.brightcove.com/homepage/homepage-bottom-divider.png') 50% 0 no-repeat; padding-top: 61px; margin-top:10px; } #homepage-bottom .container {*zoom: 1; width: 940px;} #homepage-bottom .container:after {content: ""; display: table; clear: both;} #homepage-bottom .container .fields {margin-top: 2em;} #homepage-bottom .pod { min-height: 185px; _height: 185px; background: #fafafa; list-style:none; width:260px; padding:20px; vertical-align:top; zoom:1; margin-left: 20px; float: left;} #homepage-bottom .pod:first-child {margin-left: 0;} #homepage-bottom p { font-size:14px; margin-bottom:.8em; line-height:18px; color:#717171; } #homepage-bottom .pod p.title { font-size:24px; line-height: 1.2; font-weight:normal; margin-bottom:.6em; } #homepage-bottom .newsletter .email { padding: 3px 5px; width: 162px; height: 24px; color: #b8b8b8; font-style: italic; font-size: 14px; border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: transparent url('//img.brightcove.com/homepage/textfield-email.png') 50% 50% no-repeat;} #homepage-bottom .newsletter .has-value { color: #717171; font-style: normal; } #homepage-bottom .stay-connected {background: #409ca9;} #homepage-bottom .stay-connected p {color: white; text-shadow: 0 1px 0 #337d87;} #homepage-bottom .stay-connected a { margin-right:2px; margin-top: 5px; text-indent:-9999px; display:block; width:37px; height:36px; background: transparent url('//img.brightcove.com/homepage/rss-trans.png') 0 0 no-repeat; float:left; } #homepage-bottom .stay-connected a:hover {background-position: 0 -36px;} #homepage-bottom .stay-connected a.facebook { background-image:url('//img.brightcove.com/homepage/facebook-trans.png'); } #homepage-bottom .stay-connected a.twitter { background-image:url('//img.brightcove.com/homepage/twitter-trans.png'); } #homepage-bottom .stay-connected a.linkedin { background-image:url('//img.brightcove.com/homepage/linkedin-trans.png'); } #homepage-bottom .stay-connected a.googleplus { background-image:url('//img.brightcove.com/homepage/gplus-trans.png'); } /* korean blog button */ #homepage-bottom .stay-connected a.koblog {background:url(//img.brightcove.com/koblog-icon-3.png); width: 37px;height: 36px;} #homepage-bottom .stay-connected a.koblog:hover {background-position: 0 -36px; } #homepage-bottom .large-pods {margin-bottom: 20px;} #homepage-bottom .large-pods > div {width: 464px; height: 262px; } #homepage-bottom #bright-ideas-blog {float: left; margin-right: -2px;} #homepage-bottom #brightcove-play {position: relative; float: left; background: transparent url('//img.brightcove.com/homepage/play-bg-March-2014.png') 0 0 no-repeat; margin-left: -2px; margin-right:14px; } #homepage-bottom #brightcove-play h2 {font-size:18px; font-weight:normal; color:white;} #homepage-bottom #brightcove-play .brightcove-play-content {padding: 100px 20px 20px 185px;} #homepage-bottom #brightcove-play p {color: #a1a1a1; font-size: 14px; line-height: 20px; margin: 1em 0;} /* Blog pseudo-'block', used multiple places */ #bright-ideas-blog {background: transparent url('//img.brightcove.com/homepage/bright-ideas-bg.png') 0 0 no-repeat; position:relative;} #bright-ideas-blog .bright-ideas-header {height:55px; position:relative;} #bright-ideas-blog .bright-ideas-header a {position:absolute; right:21px; font-size: 12px; color: #f67e33; text-shadow: 0px 1px 0px rgb(48,48,48);} #bright-ideas-blog .bright-ideas-header a:hover {color:#f6ac31;} #bright-ideas-blog .bright-ideas-subscribe-link {line-height:13px; vertical-align:bottom; top: 12px; padding-left:16px; background:transparent url('//img.brightcove.com/marketing-solutions/rss.png') left 0px no-repeat;} #bright-ideas-blog .bright-ideas-subscribe-link:hover {background-image: url('//img.brightcove.com/marketing-solutions/rss-hover.png');} #bright-ideas-blog .bright-ideas-full-link {line-height:12px; vertical-align:middle; top: 32px; padding-left:19px; background:transparent url('//img.brightcove.com/homepage/bright-ideas-full-link-icon.png') left -2px no-repeat;} #bright-ideas-blog .bright-ideas-full-link:hover {background-image: url('//img.brightcove.com/homepage/bright-ideas-full-link-icon-hover.png');} #bright-ideas-blog .bright-ideas-header a:after {content: "\0020\2192";} #bright-ideas-blog .bright-ideas-recent-content {position:relative;} #bright-ideas-blog .bright-ideas-recent-content ul {list-style:none;} #bright-ideas-blog .post {position:relative; height:68px; min-height:inherit; width:407px; padding:0 33px 0 19px; margin:0 2px 0 1px; color:#717171; background-color:transparent;} #bright-ideas-blog .post a {text-decoration:none;} #bright-ideas-blog .post:after {position:absolute; height:14px; width:10px; right:17px; top:32px; content:" "; background:url('//img.brightcove.com/homepage/bright-ideas-arrow.png') top left no-repeat; overflow:hidden;} #bright-ideas-blog .post-title {color:#717171; font-size:16px; font-weight:normal; display:block; padding:19px 0 0 0; margin:0; line-height:16px;} #bright-ideas-blog .post p {padding:5px 3px 3px 0; font-size:12px; line-height:16px; margin:0;} #bright-ideas-blog .post:hover {background-color:#fff; border-bottom:solid 1px #cdcdcd; height:67px;} #bright-ideas-blog .post:hover:after {background-position:top right;} #bright-ideas-blog .post:hover .post-title {text-decoration:none; color:#f67e33;} /* Free Trial */ #trial-frame { height:270px; margin:22px 0 30px 0; padding:30px; background:url(//img.brightcove.com/trial-frame.png) no-repeat top left; color:#ccc; font-size:12px; } #trial-frame .signup-btn-inside { width:365px; } #trial-frame p { font-size:14px; color:#ccc; } #trial-frame h2 { margin-bottom:5px; } #trial-frame ul { margin-top:15px; margin-bottom:20px; line-height:20px; } #trial-frame i { font-size:9px; color:#7b7b7b; position:absolute; bottom:-17px; } #trial-bottom .left { width:435px; margin-left:30px; } #trial-bottom h3 { color:#3b3b3b; font-size:12px; } #trial-bottom p { line-height:16px; font-size:12px; margin:5px 0 25px 0; } .slide h2 { color:#fff; margin-bottom:6px; line-height:24px; font-size:22px; } .slide ul { list-style:none; list-style-image:url('//img.brightcove.com/slide-bullet.png'); margin:10px 0 7px 15px; } .slide li { font-size:12px; line-height:14px; margin-bottom:5px; } .slide p { color:#ccc; } .slide a { color:#8fd6de; font-size:12px; } .slide a.signup-button { margin:0px; position:absolute; left:0px; bottom:-2px; } .slide .casestudy { background-image:url('//img.brightcove.com/icon-slide-document.gif'); } .slide .slide-left { float:left; width:375px; height:270px; position:relative; } .slide a.screenshot-gallery { position:absolute; bottom:-9px; right:0px; text-indent:-9999px; text-align:center; color:#fff; font-size:10px; line-height:14px; text-decoration:none; text-transform:uppercase; padding:21px 15px 0 15px; width:62px; height:54px; display:block; background:url('//img.brightcove.com/icon-screenshots.png') no-repeat top left; float:left; } .slide a.screenshot-gallery:hover { text-indent:0px; background-position:bottom right; } .slide .slide-right { float:right; width:480px; background:url('//img.brightcove.com/landing-pages/loader.gif') no-repeat center center; } /* Editions */ #editions-top { margin:22px 0; } #editions-top h2 { margin-bottom:4px; } #express-features { background:#eee url(//img.brightcove.com/editions-express-bg.gif) no-repeat top left; height:auto; min-height:260px; width:475px; float:left; text-align:center; } .express-top { height:52px; text-align:center; padding:13px 10px 0 10px; line-height:22px; font-size:12px; color:#7b7b7b; } #block-block-38 .content { margin:0; width:auto; padding: 0; } .node .content .express-column { width:137px; margin-top:10px; padding:0 10px; float:left; background:url(//img.brightcove.com/express-vertical-divider.gif) no-repeat top right; position:relative; cursor:pointer; } .node .content .express-column h3 { color:#3e3e3e; font-size:28px; } .node .content .express-column h3 span.mo { color:#7b7b7b; font-size:10px; font-weight:normal; } .node .content .express-column ul { list-style:none; margin:12px 0 0 0; padding: 0; background:url(//img.brightcove.com/express-horizontal-divider.gif) no-repeat center top; } .node .content .express-column li { font-weight:bold; color:#5b5b5b; font-size:12px; padding:6px 0 6px 0; background:url(//img.brightcove.com/express-horizontal-divider.gif) no-repeat center bottom; line-height:normal; list-style-image:none; } .node .content .express-column a.free-trial-button { margin-top:17px; display:inline-block; } #express-features .trial-btn-inside, #pro-features .demo-btn-inside { font-size:11px; min-width:260px; } #express-features .last { background:none; } #express-features a.free-trial-button { display:inline-block; margin-top:17px; } .express-bottom { background:url(//img.brightcove.com/editions-express-bottom-bg.gif) no-repeat top left; height:5px; width:475px; } #pro-features { background:#5b5b5b url(//img.brightcove.com/editions-pro-bg.gif) no-repeat top left; height:auto; min-height:260px; width:475px; float:left; text-align:center; } #pro-features h2 { color:#fff; } #pro-features h3 { font-size:18px; color:#ededed; margin-top:16px; } #pro-features .demo-button { display:inline-block; margin-top:17px; } /* #pro-features .demo-btn-inside span { color:#2f474a; } */ #pro-features h3 span { color:#b1c745; font-weight:normal; } .pro-top { height:52px; padding-top:13px; line-height:22px; font-size:12px; color:#aaa; } .pro-column { width:237px; float:left; } .pro-column ul { list-style:none; margin-top:17px; background:url(//img.brightcove.com/pro-horizontal-divider.png) no-repeat center top; } .pro-column li { font-weight:bold; color:#fff; font-size:12px; padding:6px 0 6px 0; background:url(//img.brightcove.com/pro-horizontal-divider.png) no-repeat center bottom; } .pro-column p { color:#aaa; } .pro-bottom { background:url(//img.brightcove.com/editions-pro-bottom-bg.gif) no-repeat top left; height:5px; width:475px; } #feature-breakdown { margin-top:14px; } #feature-breakdown h3 { font-size:14px; color:#3b3b3b; } #feature-breakdown a.casestudy { font-size:12px; } #feature-breakdown h3 span { color:#888; font-weight:normal; } .feature-interior { background:#fff url(//img.brightcove.com/feature-breakdown-bg-2.gif) no-repeat top left; margin-top:12px; } .feature-interior .feature-list { width:135px; padding:16px 0 0 20px; float:left; font-size:11px; } .feature-interior .feature-list .title { margin-left:-3px; font-weight:bold; color:#3b3b3b; font-size:12px; margin-bottom:12px; list-style:none; } .feature-interior .feature-list li { margin:0 0 8px 8px; cursor:pointer; color:#9b9b9b; line-height:14px; list-style-image:url(//img.brightcove.com/feature-breakdown-bullet.png); } .feature-interior .feature-list li:hover { color:#3b3b3b; list-style-image:url(//img.brightcove.com/feature-breakdown-bullet-hover.png); } .feature-interior .feature-list li.title, .feature-interior .feature-list li.title:hover { list-style-image:none; } .feature-interior .pro-list { background:url(//img.brightcove.com/features-breakdown-pro-bg.gif) no-repeat top left; margin:0 88px 0 9px; padding-left:23px; } .feature-interior p.sub-text, .feature-interior .sub-text a { font-style:italic; color:#9b9b9b; font-size:10px; } .feature-interior .sub-text a { text-decoration:underline; } .feature-interior .sub-text a:hover { text-decoration:none; } .feature-interior p.sub-text { display: block; background: transparent url('//img.brightcove.com/features-frame-bottom-corners-2.png') no-repeat 0px 13px;bottom: 0px;left: 0px;width: 950px;height: 10px;z-index: 100;padding-bottom: 8px;padding-left: 8px;} /* Tooltip */ .qtip { opacity:0.9; filter:alpha(opacity=90); } .qtip-content h5 { color:#fff; font-size:11px; margin-bottom:5px; } .qtip-content p { color:#ccc; font-size:11px; line-height:14px; } /* Additional Capacity Hover */ #node-4772, #node-4934, #node-4910, #node-5210, #node-4972, #node-4922 { overflow:visible; } .additional-capacity { display:none; position:absolute; z-index:1000; left:50%; margin:0 0 0 -155px; bottom:130px; padding-bottom:7px; width:310px; } .additional-capacity .text { background:#424242; opacity:0.9; filter:alpha(opacity=90); padding:12px; -webkit-border-radius:5px; -moz-border-radius:5px; } .additional-capacity .text p { font-size:12px; color:#fff; margin-bottom:10px; text-align:left; } .additional-capacity .text p.title { color:#afc545; font-weight:bold; } .additional-capacity .carat { width:14px; height:7px; position:absolute; bottom:0px; left:145px; background:url('//img.brightcove.com/feature-callout-bg.png') no-repeat top left; } /* -------------------------------------- */ /* Solutions Overview */ #solutions .item { background-position:right 10px; background-repeat:no-repeat; padding:20px 245px 20px 0; } #solutions .first { padding-top:0px; } #solutions .item p { margin:10px 0 10px 0; font-size:14px; line-height:18px; } #solutions .item a { font-weight:bold; text-decoration:underline; } #solutions .item h2 a { color:#3b3b3b; text-decoration:none; } #solutions .item a:hover { text-decoration:none; } #solutions .item h2 a:hover { text-decoration:underline; } .content { width:590px; margin:30px 0 20px 30px; position:relative; overflow:visible; } .video-player { width:649px; height:365px; text-indent:0px; margin:0 0 15px -30px; overflow:hidden; } .corner, .solution .corner { width:4px; height:4px; background:url('//img.brightcove.com/solutions-tv-everywhere-corner.png') no-repeat top left; position:absolute; top:0px; left:0px; z-index:10; } /* SOLUTIONS GLOBAL */ .solution { position:relative; } .solution-video { height:365px; width:649px; position:relative; } .solution-video h2 { position:absolute; z-index:2; top:80px; left:35px; width:600px; height:270px; text-indent:-9999px; } .solution-video h3 { position:absolute; z-index:2; bottom:35px; left:35px; } .solution-video h3 a { color:#8ed5dd; font-size:14px; font-weight:normal; padding:18px 0 0 132px; display:block; width:107px; height:54px; cursor:pointer; } .solution-video h3 a:hover { background-position:bottom left; text-decoration:none; } .solution-video-overlay { display:none; position:absolute; z-index:3; } .solution-video-overlay #close-video { position:absolute; top:10px; left:10px; display:block; color:#111; font-size:11px; padding:5px; cursor:pointer; background:#f5f5f5; -moz-border-radius:4px; -webkit-border-radius:4px; opacity:0.85; filter:alpha(opacity=85); text-transform:lowercase; z-index:900; } .solution-video-overlay #close-video:hover { text-decoration:none; background:#fff; } .solution-gallery { z-index:1; background:#525252; height:365px; overflow:hidden; } .solution .intro-text { line-height:20px; font-size:14px; margin:5px 0 20px 0 !important; } .solution .horizontal-divider { margin:20px 0; } .solution .row { margin-top:15px; } .solution .row img { float:left; margin-right:20px; } .solution .row p, .solution .content p { margin-bottom:20px; line-height:18px; } .solution .row p { float:right; width:330px; margin-top:20px; } .solution .row b, .solution b { color:#3b3b3b; margin-bottom:5px; font-size:12px; } .solution .row-right img { float:right; margin-left:20px; } .solution .row-right p { float:left; } .solution .content ul { margin:20px 0 20px 15px; } .solution .content li { list-style-image:url('//img.brightcove.com/bullet-pink-arrow.gif'); font-size:12px; line-height:16px !important; margin-bottom:8px !important; } .solution .content li a { text-decoration:underline; color:#3b3b3b; } .solution .content li a:hover { text-decoration:none; } /* Callouts */ .solution .paragraph-callout { padding:20px 20px 10px 20px; width:591px; margin:0 0 0 -20px; background:url('//img.brightcove.com/solutions-mobile-paragraph-callout.gif') no-repeat top left; } .solution .callout { width:460px; height:85px; padding:0 18px 0 152px; margin:20px 0; background:url('//img.brightcove.com/solutions-tv-everywhere-callout.jpg') no-repeat top left; } .solution .callout .text { width:310px; margin-top:22px; } .solution .callout .demo-button { margin-top:35px; width:130px; } .solution .callout p { line-height:15px; } .solution .callout h4 { color:#aa3761; padding-bottom:5px; } .solution .customer-callout { margin-top:5px; width:590px; height:110px; padding:13px 0 0 0; background:url('//img.brightcove.com/solutions-customer-callout-bg.gif') no-repeat top left; } .solution .customer-callout ul { width:530px; height:100px; margin:0 auto; background:url('//img.brightcove.com/solutions-mobile-customer-callout-divider.gif') no-repeat top left; } .solution .customer-callout li { float:left; display:inline-block; width:154px; padding:0 10px; text-align:center; list-style-image:none; background:url('//img.brightcove.com/solutions-mobile-customer-callout-divider.gif') no-repeat top right; } .solution .customer-callout li p { text-align:left; } /* Horizontal Callout Galleries */ .solution .callout-gallery { position:relative; margin-bottom:20px; width:590px; height:266px; text-align:center; background:url('//img.brightcove.com/solutions-mobile-gallery-bg-2.gif') no-repeat top left; } .solution .callout-gallery .controls { position:absolute; top:100px; width:34px; height:34px; z-index:10; } .solution .callout-gallery .gallery-next { right:-17px; background:url('//img.brightcove.com/products-flip-nav-next.png') no-repeat top left; } .solution .callout-gallery .gallery-prev { left:-17px; background:url('//img.brightcove.com/products-flip-nav-previous.png') no-repeat top left; } .solution .callout-gallery .controls:hover { text-decoration:none; } .solution .mobile-gallery { height:266px; } .solution .mobile-gallery div { height:216px; width:570px; margin:20px 10px 0 10px; background:#e9e9e9; color:#fff; font-size:11px; text-align:center; } .solution .mobile-gallery .caption { position:absolute; z-index:5; bottom:-30px; left:0px; width:100%; height:30px; line-height:30px; } .solution .mobile-gallery div b { font-size:12px; color:#f5f5f5; } /* In Context Pager */ .solution-pager { height:87px; width:650px; background:url('//img.brightcove.com/solutions-mobile-nav-bg.gif') no-repeat top left; } .solution-pager ul { width:442px; margin:0 auto; list-style:none; background:url('//img.brightcove.com/solutions-mobile-nav-divider.gif') no-repeat top left; } .solution-pager li { background:url('//img.brightcove.com/solutions-mobile-nav-divider.gif') no-repeat top right; margin-right:-5px; } .solution-pager a { font-weight:bold; color:#5b5b5b; line-height:120px; font-size:11px; } .solution-pager li, .solution-pager li a { float:left; display:inline-block; text-align:center; width:111px; height:87px; background:url('//img.brightcove.com/solutions-mobile-nav-divider.gif') no-repeat top right; } .solution-pager li a:hover { background-position:-111px top !important; text-decoration:none; } .solution-pager li a.selected { background-position:top right !important; text-decoration:none; color:#fff; } #mobile .tab { display:none; } #mobile #tab0 { display:block; } /* Why Brightcove + Services */ .node .content .top h2, .node .content .top p { margin:0px; } .horizontal-divider { width:590px; height:1px; background:url(//img.brightcove.com/customers-horizontal-divider.gif) no-repeat top left; } .vertical-divider { width:1px; height:170px; background:url(//img.brightcove.com/vertical-divider-4.gif) no-repeat top left; } /* Top Reasons */ #top-reasons { margin-top:0px; } #top-reasons .corner { left:-30px; } #top-reasons ol { font-weight:bold; font-size:16px; color:#b73968; margin:10px 0 0 20px; } #top-reasons li { margin-bottom:5px; } #top-reasons ol h3 { color:#3b3b3b; margin:0 0 3px 0; } #top-reasons ol p { font-size:12px; font-weight:normal; color:#5b5b5b; line-height:18px; } /* Customers */ #customers, #technology-partners { margin-left:1px; } #customers .horizontal-divider, #technology-partners .horizontal-divider { width:648px; position:absolute; margin-top:-1px; } #customers h2, #technology-partners h2 { font-size:20px; font-weight:normal; text-align:center; margin:20px 0; } #technology-partners h2 { font-size:16px; text-align:left; width:568px; margin-left:30px; } #customers .view-www-customers .column { width:170px; height:auto; padding:0px; margin:20px 0 0 30px; float:left; list-style:none; background:none; } #customers .view-www-customers .column li { margin-bottom:7px; } #customers .view-www-customers .column b, #customers .view-www-customers .column a b { color:#3b3b3b; font-size:12px; } #customers .view-www-customers .column a { font-size:12px; color:#5b5b5b; text-decoration:underline; } #customers .view-www-customers .column a:hover { text-decoration:none; } #technology-partners .column { width:290px; float:left; margin:20px 0 0 30px; list-style:none; padding:0px; height:auto; background:none; } #technology-partners .column li { margin-bottom:15px; position:relative; } #technology-partners .column li a { text-decoration:none; line-height:11px; } #technology-partners .column li a span { width:80px; height:39px; padding-top:21px; display:none; position:absolute; top:0px; left:0px; z-index:1001; text-align:center; cursor:pointer; background:transparent url(//img.brightcove.com/customers-bg.png) no-repeat top left; } #technology-partners .column li a span b { color:#fff; text-transform:uppercase; font-size:9px; } #technology-partners .partner .view-profile b { color:#fff; text-transform:uppercase; font-size:10px; } #technology-partners .column b { font-size:16px; color:#3b3b3b; } #technology-partners .column img { width:78px; height:58px; border:1px solid #ddd; float:left; } #technology-partners .column .premier img { width:76px; height:56px; border:2px solid #7aaab1; float:left; } #technology-partners .column .left p { margin-left:7px; width:190px; line-height:16px; } #technology-partners .column .left a { font-size:14px; font-weight:bold; } #technology-partners .column .left a:hover { text-decoration:underline; } #technology-partners .column .left i { font-size:11px; } #customers-secondary .top, #thought-leadership .featured { padding-right:240px; background-position:top right; background-repeat:no-repeat; height:220px; } #customers-secondary .top p { margin-top:3px; } #customers-secondary .top ul, #case-study .body ul li { list-style-image:url(//img.brightcove.com/bullet-gray.gif); font-size:12px; line-height:24px; margin:10px 0 0 15px; } #case-study .body ul li { margin:0px; padding:0px; } #customers-secondary .top li { list-style-image:url(//img.brightcove.com/bullet-gray.gif); margin:0px 0 5px 0; padding:0px; } #customers-secondary .top .downloads { background:url(//img.brightcove.com/short-horizontal-divider.gif) no-repeat top left; margin-top:15px; padding-top:15px; } #customers .customer, #technology-partners .partner { width:107px; height:81px; float:left; border-right:1px solid #efefef; border-bottom:1px solid #efefef; position:relative; background:transparent; text-align:center; } #customers-secondary .customer { width:138px; height:103px;border:1px solid #ebebeb; margin:0 10px 10px 0; float:left; position:relative; } #customers .customer a, #technology-partners .partner a { display:block; width:105px; height:79px; border:1px solid transparent; } #customers-secondary .customer a, #customers .customer a, #technology-partners .partner a { text-decoration:none; line-height:12px; } #customers .customer img, #technology-partners .partner img { width:100px; border:none; } #customers .customer .visit-site-corner, #customers .customer .video-casestudy-corner, #customers .customer .text-casestudy-corner, #customers .customer .blog-casestudy-corner, #technology-partners .partner .view-profile-corner { display:block; width:109px; height:81px; position:absolute; top:-1px; left:-1px; } #customers-secondary .customer .text-casestudy-corner, #customers-secondary .customer .blog-casestudy-corner, #customers-secondary .customer .video-casestudy-corner, #customers-secondary .customer .visit-site-corner { width:140px; height:105px; display:block; position:absolute; top:-1px; left:-1px; } #customers .customer .visit-site, #customers .customer .video-casestudy, #customers .customer .text-casestudy, #customers .customer .blog-casestudy, #technology-partners .partner .view-profile { width:109px; height:50px; padding-top:32px; display:none; position:absolute; top:-1px; left:-1px; z-index:1001; text-align:center; cursor:pointer; } #customers-secondary .customer .visit-site, #customers-secondary .customer .text-casestudy, #customers-secondary .customer .blog-casestudy, #customers-secondary .customer .video-casestudy { width:140px; height:58px; padding-top:47px; display:none; position:absolute; top:-1px; left:-1px; z-index:1001; text-align:center; } #customers .customer .text-casestudy-corner { background:transparent url(//img.brightcove.com/customers-text-corner.png) no-repeat top left; } #customers .customer .video-casestudy-corner { background:transparent url(//img.brightcove.com/customers-video-corner.png) no-repeat top left; } #customers .customer .blog-casestudy-corner { background:transparent url(//img.brightcove.com/customers-blog-corner.png) no-repeat top left; } #customers-secondary .customer .visit-site-corner { background:transparent url(//img.brightcove.com/transparent-spacer.png) repeat top left; } #customers-secondary .customer .text-casestudy-corner { background:transparent url(//img.brightcove.com/customers-text-large-corner.png) no-repeat top left; } #customers-secondary .customer .blog-casestudy-corner { background:transparent url(//img.brightcove.com/customers-blog-large-corner.png) no-repeat top left; } #customers-secondary .customer .video-casestudy-corner { background:transparent url(//img.brightcove.com/customers-video-large-corner.png) no-repeat top left; } #customers .customer .visit-site, #customers-secondary .customer .visit-site { background:transparent url(//img.brightcove.com/customers-visit-site-bg.png) no-repeat top left; } #customers .customer .text-casestudy, #customers .customer .blog-casestudy, #customers .customer .video-casestudy, #customers-secondary .customer .text-casestudy, #customers-secondary .customer .blog-casestudy, #customers-secondary .customer .video-casestudy, #technology-partners .partner .view-profile { white-space:nowrap; background:transparent url(//img.brightcove.com/customers-bg.png) no-repeat top left; } #customers-secondary .customer .visit-site b, #customers .customer .visit-site b, #pro-services .body .recent-projects li a span b { background:url(//img.brightcove.com/icon-visit-site.png) no-repeat top left; color:#fff; padding-left:17px; text-transform:uppercase; font-size:10px; } #customers-secondary .customer .text-casestudy b, #customers .customer .text-casestudy b { white-space:nowrap; background:url(//img.brightcove.com/icon-text-casestudy-white.png) no-repeat top left; color:#fff; padding-left:17px; text-transform:uppercase; font-size:10px; } #customers-secondary .customer .blog-casestudy b, #customers .customer .blog-casestudy b { white-space:nowrap; background:url(//img.brightcove.com/icon-blog-casestudy.png) no-repeat top left; color:#fff; padding-left:17px; padding-bottom:5px; text-transform:uppercase; font-size:10px; } #customers-secondary .customer .video-casestudy b, #customers .customer .video-casestudy b { white-space:nowrap; background:url(//img.brightcove.com/icon-video-casestudy-white.png) no-repeat top left; color:#fff; padding-left:17px; text-transform:uppercase; font-size:10px; } #customers .last-right, #technology-partners .last-right { border-right:none; } #customers-secondary .last-right { margin-right:0px; } #customers .last-right .visit-site, #technology-partners .last-right .view-profile { left:0px; width:110px; } #customers .top-left .visit-site { background:url(//img.brightcove.com/customers-visit-site-topleft-bg.png) no-repeat top left; } #technology-partners .top-left .view-profile { background:url(//img.brightcove.com/customers-bg-topleft.png) no-repeat top left; } /* Case Study + Pro Services */ #case-study .print-logo { display:none; } #case-study .top { background-position:0px 45px; background-repeat:no-repeat; min-height:311px; margin-bottom:10px; } #pro-services .top { background:url(//img.brightcove.com/customers-horizontal-divider.gif) no-repeat left 30px; margin-bottom:25px; } #case-study .top p { font-size:14px; margin:20px 0 0 300px; line-height:20px; } #case-study p.video-top { font-size:16px; line-height:20px; margin-top:5px; } #case-study p.video-top a { font-size:12px; } #case-study .top a { font-size:12px; } #case-study .case-study-images { margin:20px 0; } #case-study .case-study-images img { border:5px solid #f5f5f5; margin-right:20px; } #case-study .case-study-images img:hover { border:5px solid #e5e5e5; } #pro-services .top .left { position:relative; width:350px; margin-top:31px; } #pro-services .top .right { position:absolute; width:290px; right:0px; margin:10px 25px 0 0; } #case-study .quote { margin:15px 10px 21px 12px; } #case-study .quote span, #case-study .quote p span { float:left; vertical-align:middle; font-size:60px; font-family:georgia, serif; color:#ddb0c1; } #case-study .quote p span { float:none; vertical-align:-37px; } #case-study .quote .left { width:510px; margin-top:10px; } #case-study .body .quote p { font-size:20px; color:#ab3a64; font-style:italic; line-height:24px; margin-bottom:-10px; } #pro-services .quote { font-size:14px; color:#ab3a64; font-style:italic; background:url(//img.brightcove.com/quote-left.png) no-repeat left 5px; padding:15px 0 15px 22px; } #case-study .quote div, #pro-services .quote div { font-size:10px; color:#7b7b7b; font-style:normal; line-height:14px; margin-top:10px; } #pro-services .body { padding-top:17px; } #case-study .body p { line-height:20px; font-size:12px; margin-bottom:15px; } #case-study .body h4 { margin:15px 0 5px 0; color:#3b3b3b; } #pro-services .body p { font-size:12px; line-height:16px; } #pro-services .body h4 { color:#3b3b3b; margin-bottom:5px; } #pro-services .body ul { margin:5px 0 20px 15px; line-height:22px; } #pro-services .body li { list-style-image:url(//img.brightcove.com/bullet-blue.png); font-size:12px; line-height:22px; } #pro-services .body ul li ul { margin: 0 0 10px 0; } #pro-services .body ul li li { line-height: 14px; list-style-image: none; } #pro-services .body .recent-projects { list-style:none; list-style-image:none; margin-left:0px; float:left; } #pro-services .body .recent-projects li { margin-bottom:22px; list-style-image:none; font-size:12px; position:relative; height:88px; } #pro-services .body .recent-projects li a { text-decoration:none; line-height:12px; } #pro-services .body .recent-projects li a span { width:120px; height:52px; padding-top:38px; display:none; position:absolute; top:0px; left:0px; z-index:1001; text-align:center; cursor:pointer; background:transparent url(//img.brightcove.com/customers-visit-site-bg.png) no-repeat top left; } #pro-services .body .recent-projects img { float:left; border:1px solid #ddd; } #pro-services .body .recent-projects h5 { font-size:12px; color:#3b3b3b; } #pro-services .body .recent-projects .left { width:200px; margin-left:7px; line-height:16px; } #pro-services .body .recent-projects li .left a { display:block; font-style:italic; margin-top:10px; } #pro-services .body .recent-projects li .left a:hover { text-decoration:underline; } #pro-services .body .left-column { width:330px; } #pro-services .body .right-column { width:220px; padding-left:20px; background:url(//img.brightcove.com/vertical-divider-2.gif) no-repeat top left; } /* Thought Leadership */ #thought-leadership .featured p { font-size:14px; line-height:18px; margin:5px 0 20px 0; } #thought-leadership .featured a, #thought-leadership .item a { font-size:12px; text-decoration:underline; } #thought-leadership .featured a:hover, #thought-leadership .item a:hover { text-decoration:none; } #thought-leadership .item { margin:20px 0 0 -20px; padding-bottom:20px; background:url(//img.brightcove.com/customers-horizontal-divider.gif) no-repeat bottom left; } #thought-leadership .item .right { width:440px; } #thought-leadership .item p { margin:5px 0 10px 0; } #thought-leadership h2 { margin:0px; } #thought-leadership h3 { color:#3b3b3b; font-size:14px; margin:0px; } #thought-leadership h4 { font-size:10px; font-weight:normal; color:#b63867; text-transform:uppercase; margin:5px 0 0 0px; } /* Customer Support + Training */ #customer-support h3 { margin-top:5px; } #training h4 { margin-bottom:5px; } #training .top { margin-bottom:10px; } #customer-support .top p, #training .top p { margin-bottom:15px; } #customer-support .top .left, #training .top .left { width:370px; margin-top:22px; padding-right:10px; } #customer-support .top .right, #training .top .right { width:190px; background:url(//img.brightcove.com/vertical-divider-3.gif) no-repeat top left; padding:23px 0 0 20px; } #customer-support .top ul { margin:10px 0 0 15px; line-height:16px; } #training .top ul { margin:20px 0 15px 15px; line-height:22px; } #customer-support .top li, #training .top li, #become-a-partner li { list-style-image:url(//img.brightcove.com/bullet-blue.png); font-size:12px; line-height:16px; margin-bottom:5px; } #customer-support .top .downloads { list-style-image:url(//img.brightcove.com/icon-document-blue.gif); margin-left:18px; } #customer-support .top .downloads li { margin-bottom:5px; list-style-image:url(//img.brightcove.com/icon-document-blue.gif); } #customer-support table, #training table { margin-top:20px; } #customer-support table thead, #training table thead { background:url(//img.brightcove.com/support-table-head-bg.gif) repeat-x top left; } #customer-support table thead th, #training table thead th { padding:12px 0 12px 15px; background:url(//img.brightcove.com/support-table-head-th.gif) no-repeat top left; } #customer-support table tbody, #training table tbody { border:none; } #customer-support table th, #training table th { background:url(//img.brightcove.com/vertical-divider.gif) no-repeat top right; border:none; text-align:left; padding:15px 10px 0 0; color:#3b3b3b; font-size:12px; } #training table thead th img { margin-left:5px; } #customer-support table p { margin-bottom:7px; } #training .training-comparison thead th, #training .training-comparison td { text-align:center; } #training .training-comparison tbody th { text-align:right; } #training table th { background:none; padding-left:15px; } #training table td { background:url(//img.brightcove.com/vertical-divider.gif) no-repeat top left; font-size:12px; } #training table tr.odd { background:none; border:none; padding:0px; } #training table .views-field-title-1 { background:none; } #training .views-table td { border-bottom:1px solid #ededed; vertical-align:middle; } #training table .views-field-field-training-registerurl-value a { display:block; font-weight:bold; color:#fff; text-transform:uppercase; background:url(//img.brightcove.com/button-training.gif) no-repeat top left; text-align:center; width:76px; height:16px; font-size:9px; padding-top:6px; } #training table .views-field-field-training-registerurl-value a:hover { text-decoration:none; background-position:bottom left; } #training table .views-field-field-training-location-value { width:60px; } #customer-support table td, #training table td { padding:15px 10px 10px 15px; } #customer-support table td span i { font-size:10px; font-style:italic; color:#7b7b7b; } #customer-support .sub-text, #training .sub-text { margin-top:10px; } #customer-support .sub-text p, #training .sub-text p { line-height:14px; margin-bottom:8px; } #customer-support .sub-text p i, #training .sub-text p i { font-size:11px; color:#7b7b7b; } /* -------------------------------------- */ /* Partners */ #secondary-column .grey-button { margin:25px 0 0 20px; } #secondary-column .grey-button .grey-btn-inside { width:230px; } .partner-row, .partner-row-verified { background:url(//img.brightcove.com/customers-horizontal-divider.gif) no-repeat top left; padding:20px 0; position:relative; } .partner-row a, .partner-row-verified a { text-decoration:none; } .partner-row h4, .partner-row-verified h4 { font-size:14px; } .partner-row h4 a:hover, .partner-row-verified h4 a:hover { text-decoration:underline; } .node .content .partner-row p, .node .content .partner-row-verified p { margin-top:5px; } .partner-row img { float:left; border:1px solid #ebebeb; } .partner-row .hover-link, .partner-row-verified .hover-link { background:url('//img.brightcove.com/customers-bg.png') no-repeat top left; width:123px; height:55px; padding-top:40px; display:none; position:absolute; top:20px; left:0px; z-index:1001; text-align:center; color:#fff; text-decoration:none; font-size:12px; } .node .content .partner-row-verified h4, .partner-row-verified .verified-badge { float:left; margin-right:7px; } .partner-row-verified img { float:left; border:2px solid #83b4bb; } .partner-row-verified .verified-badge img { float:none; border:none; } .partner-row .left { width:440px; margin-left:20px; } .partner-row-verified .left { width:439px; margin-left:19px; } #secondary-column .block-menu h2 { font-size:16px; padding:10px 0 0 30px; border-top:1px solid #e5e5e5; margin-top:10px; } /* Full Width Page Template */ .full-width-page { background:url('//img.brightcove.com/full-width-page-bg.gif') no-repeat top left; width:890px; margin-left:0px; padding:25px 30px 0 30px; } /* Become a Partner */ #become-a-partner .left, #become-a-partner .right { width:260px; margin-top:25px; padding-right:20px; text-align:left; } #become-a-partner .right { margin-left:25px; } #become-a-partner .vertical-divider { width:1px; } #become-a-partner p { margin-top:5px; margin-bottom:5px; } #become-a-partner b { margin-top:5px; } #become-a-partner li { line-height:16px; } #become-a-partner .logos { padding:20px 0; clear:both; } #become-a-partner .logos a { font-size:12px; text-decoration:underline; } #become-a-partner .logos .views-row, #become-a-partner .logos.solution img { width:68px; height:50px; border:1px solid #e5e5e5; float:left; margin:0 10px 10px 0; } #partner .premier-badge { margin-left:10px; vertical-align:-10px; } #partner .horizontal-divider { height:1px; width:191px; background:url('//img.brightcove.com/horizontal-divider-2.png') no-repeat top left; margin:20px auto; } #partner .body { margin-top:30px; } #partner h4, #partner .body h3, #partner .body .right strong, .view-www-partners-supported-regions b { color:#3b3b3b; font-size:14px; margin-bottom:5px; text-align:left; } #partner .body .right strong { font-size:12px; } #partner .body p, .view-www-partners-supported-regions { font-size:12px; line-height:16px; margin-bottom:15px; text-align:left; } #partner .body ul { margin-left:15px; margin-bottom:15px; } #partner .body .resources ul { margin-left:20px; } #partner .body li { list-style-image:url(//img.brightcove.com/bullet-blue.png); font-size:12px; line-height:16px; margin-bottom:5px; text-align:left; } #partner .body .resources li { list-style-image:url(//img.brightcove.com/icon-document-blue.gif); } #partner .body .resources li { list-style-image:url('//img.brightcove.com/icon-example.jpg'); } #partner .body table { font-size:12px; } #partner .body table tbody { border:none; } #partner .body table td { border:1px solid #e5e5e5; } #partner .body .left { width:380px; } #partner .body .right { width:170px; padding-left:20px; text-align:center; background:url('//img.brightcove.com/vertical-divider-2.gif') no-repeat top left; } /* -------------------------------------- */ /* Company */ #company h2 { margin:0 0 3px 0; } #company h3, #pro-services h3, #customer-support h3, #training h3, #become-a-partner h3 { font-weight:normal; color:#3b3b3b; } #company .leader:last-child {padding-bottom:70px;} /* Contact */ .office { padding:20px 0; background:url(//img.brightcove.com/customers-horizontal-divider.gif) no-repeat bottom left; width:590px; } .node .content .office p, .office h4 { color:#3b3b3b; margin-bottom:5px; } .office h5 { color:#bc3d6c; font-size:10px; font-weight:normal; text-transform:uppercase; margin-bottom:5px; } .map { width:220px; height:78px; position:relative; } .map a { text-decoration:none; } .map-hover { background:url(//img.brightcove.com/map-hover.png) repeat-x top left; width:220px; height:46px; position:absolute; z-index:29; display:block; text-align:center; color:#fff; text-transform:uppercase; padding-top:32px; font-size:10px; } .headquarters .map { height:155px; } .headquarters .map-hover { height:85px; padding-top:70px; } .contact-us-block { margin:0px 20px; padding-top:3px; } .contact-us-block span { color:#9b9b9b; font-size:10px; font-style:italic; } .contact-us-block h3 { margin:17px 0 3px 0; padding-bottom:5px; font-size:14px; color:#3b3b3b; border-bottom:1px solid #dbdbdb; } .contact-us-block h3 span { display:block; color:#5b5b5b; font-size:34px; font-style:normal; } .contact-us-block ul { list-style-image:url(//img.brightcove.com/bullet-blue.png); margin-left:15px; line-height:24px; padding:0px; } .contact-us-block li a { font-size:12px; } .investor { border:1px solid #ebebeb; width:210px; height:70px; padding:9px 39px; margin:10px 10px 0 0; float:left; } .investor-last { margin-right:0px; } /* Leadership */ .leader { cursor:pointer; padding-bottom:1px; background:url(//img.brightcove.com/customers-horizontal-divider.gif) no-repeat bottom left; } #company .leader h3 { font-weight:bold; color:#3b3b3b; margin-top:5px; } #company .leader h4 { font-weight:normal; font-size:12px; color:#5b5b5b; margin:0px; } .leader img { margin-right:13px; } .leader-title { padding:11px 0; } .leader-title:hover { background:url(//img.brightcove.com/leader-hover.gif) repeat-y top left; } .leader-body { display:none; /* background:url(//img.brightcove.com/customers-horizontal-divider.gif) no-repeat top left; padding-top:20px; */ } .node .content .leader-body p { margin:10px 30px 20px 58px; } .leader-expand { font-size:12px; height:18px; display:block; min-width:18px; padding:2px 25px 0 0; margin-top:14px; background:url(//img.brightcove.com/icon-expand-blue.gif) no-repeat top right; text-indent:-9999px; } .leader-title:hover .leader-expand { text-indent:0px; text-decoration:none; } .expanded .leader-expand { background-position:right -20px; } .expanded:hover .leader-expand { text-indent:-9999px; } /* Press */ .view-www-press-releases .views-row, .view-www-coverage .views-row { padding:20px 0 15px 0; background:url(//img.brightcove.com/customers-horizontal-divider.gif) no-repeat bottom left; font-size:12px; color:#7b7b7b; } .view-www-press-releases .views-row a, .view-www-coverage .views-row a, #events .view-www-events .views-row a { font-size:16px; font-weight:bold; line-height:20px; color:#669ba1; } .view-www-press-releases .views-row .views-field-title, .view-www-coverage .views-row .views-field-title, .view-www-events .views-row .views-field-title { margin-bottom:3px; } .view-www-coverage .views-field-body, .view-www-events .views-field-body { margin-top:10px; } .node .content .view-www-coverage p, .node .content .view-www-events p { margin-left:0px; } .press-release h4 { font-weight:normal; font-size:12px; color:#7b7b7b; } .press-release p { color:#3b3b3b; margin-bottom:20px; } .logo-item { width:290px; text-align:center; font-size:14px; margin-top:27px; } .logo-item img { margin-bottom:5px; display:block; } .node-press-release .byline { margin:5px 0 20px 0; } .node-press-release .content .byline p { color:#7b7b7b; } .node-press-release .content p { color:#3b3b3b; margin-bottom:20px; line-height:18px; } /* Events */ #events { min-height:700px; } .featured-area { background:url('//img.brightcove.com/en/featured-area-bg.jpg') no-repeat top left; padding:30px 80px; position:relative; } .featured-area .views-row { display:none; background:none !important; } .featured-area h2 { color:#fff; line-height:24px; } .featured-area p.meta { font-size:11px; color:#b2b2b2; margin-bottom:10px; } .featured-area p.description { font-size:14px; color:#b2b2b2; line-height:18px; margin-bottom:10px; } .featured-area p.more-info a { font-size:14px; } .featured-area .featured-event { background:none; cursor:pointer; } .featured-area .featured-event.hover h2 { text-decoration:underline; } .featured-area-pager { position:absolute; bottom:10px; right:10px; } .featured-area-pager a { display:block; width:5px; height:5px; text-indent:-9999px; background:url('//img.brightcove.com/featured-area-pager.gif') no-repeat bottom left; float:left; margin-left:5px; } .featured-area-pager a.activeSlide { background-position:top left; } .content-filter { border-bottom:1px solid #e5e5e5; height:30px; background:url('//img.brightcove.com/filters-bg.gif') repeat-x top left; padding:0 10px 0 20px; line-height:30px; } #views-exposed-form-www-events-page-1, #views-exposed-form-www-events-page-2 { display:none; } #dates .filter-interior * { width:auto; height:auto; margin:0; text-align:left; list-style:none; } .content-filter b { font-size:12px; color:#2b2b2b; } .content-filter .label { margin-right:20px; } .filter { } .filter-left { height:30px; width:16px; float:left; background:url('//img.brightcove.com/filter-bg-left.gif') no-repeat bottom left; position:relative; } .filter-interior { height:30px; float:left; background:url('//img.brightcove.com/filter-bg-interior.gif') repeat-x bottom left; position:relative; } .filter .dropdown, .filter .item-list { overflow-y:auto; overflow-x:hidden; min-width:120px; max-height:400px; top:31px; left:-15px; display:none; position:absolute; z-index:2; list-style:none; padding:0 15px; font-size:12px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#e5e5e5 url('//img.brightcove.com/filter-dropdown-bg.gif') repeat-x top left; opacity:0.95; filter:alpha(opacity=95); -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; text-transform:capitalize; } .filter .filter-interior .item-list ul { position:static; width:auto; } .filter a { background:url('//img.brightcove.com/filter-arrow.gif') no-repeat center right; padding-right:10px; display:block; } .filter .dropdown a, .filter .item-list a { background:none; padding:0px; display:inline; color:#5b5b5b; cursor:pointer; } .filter .dropdown a:hover, .filter .item-list a:hover { text-decoration:underline; } .filter-right { height:30px; width:16px; float:left; background:url('//img.brightcove.com/filter-bg-right.gif') no-repeat bottom left; margin-right:-3px; position:relative; } .filter.hover, .filter.open { cursor:pointer; } .filter.hover .filter-left, .filter.hover .filter-interior, .filter.hover .filter-right { background-position:top left; z-index:2; } .filter.open .filter-left, .filter.open .filter-interior, .filter.open .filter-right { background-position:top left; z-index:3; } .filter.hover a, .filter.open a { text-decoration:none; } .filter#clear-filters a { font-size:11px; font-weight:bold; background:url('//img.brightcove.com/clear-filters.gif') no-repeat center right; padding-right:17px; color:#3b3b3b; } #events .event-row { cursor:pointer; padding:0 0 15px 0; background:url(//img.brightcove.com/customers-horizontal-divider.gif) no-repeat bottom center; } #events .event-row p, #events .event-row p span { font-family:arial, helvetica, sans-serif !important; color:#5b5b5b !important; font-size:12px !important; } .icon-column { width:70px; float:left; margin:15px 10px 0 0; } #events .icon { background:url('//img.brightcove.com/icon-event-types-2.gif') no-repeat center -39px; width:70px; height:17px; } #events .industry-event .icon, #events.industry-event .icon { background-position:center -39px; height:17px; } #events .training-class .icon, #events.training-class .icon { background-position:center top; height:30px; } #events .demo .icon, #events.demo .icon { background-position:center -66px; height:29px; } #events .webinar .icon, #events.webinar .icon { background-position:center -105px; height:25px; } #events .meetup .icon, #events .customer-meetup .icon, #events .developer-meetup .icon, #events .open-meetup .icon, #events.meetup .icon, #events.customer-meetup .icon, #events.developer-meetup .icon, #events.open-meetup .icon { background-position:center -140px; height:24px; } #events .user-group-developer .icon, #events.user-group-developer .icon { background-position:center -174px; height:35px; } #events .speaking-engagement .icon, #events.speaking-engagement .icon { background-position:center -220px; height:38px; } .date-column { width:150px; float:left; margin:15px 10px 0 0; line-height:16px; font-size:12px; color:#5b5b5b; } #events .text-column { width:380px; float:left; margin-top:15px; } .text-column h3 { margin-bottom:5px; } .text-column p { color:#5b5b5b; } #events .view-www-events .views-row.hover { background: url('//img.brightcove.com/search-result-hover.png') repeat-y top center; } #events .view-www-events .views-row.hover a { text-decoration:underline; } #events .view-empty { padding:20px 30px; } /* -------------------------------------- */ /* MISC */ /* Privacy Page */ #privacy h2, #node-2173 h2, #node-2217 h2, #node-755 h2, #node-1987 h2, #node-1116 h2, #node-2014 h2, #node-2275 h2, #node-4166 h2 { font-size:18px; margin-bottom:10px; } #privacy strong, #privacy b, #node-755 strong, #node-1987 strong, #node-1116 strong, #node-2014 h2, #node-2275 b, #node-4166 b #node-4166 strong, #node-4166 b { color:#3b3b3b; } #privacy p, #node-2173 p, #node-2217 p, #node-755 p, #node-1987 p, #node-1116 p, #node-2014 p, #node-2275 p, #node-4166 p { margin-bottom:15px; } #privacy ol, #node-2173 ol, #node-2217 ol, #node-755 ol, #node-1987 ol, #node-1116 ol, #node-2014 ol, #node-2275 ol, #node-4166 ol { font-weight:bold; font-size:16px; color:#b73968; margin:25px 0 0 30px; } #privacy li, #node-2173 li, #node-2217 li, #node-755 li, #node-1987 li, #node-1116 li, #node-2014 li, #node-2275 li, #node-4166 li { margin-bottom:16px; } #privacy ol ul, #privacy ul, #node-2173 ol ul, #node-2217 ol ul, #node-755 ol ul, #node-1987 ol ul, #node-1116 ol ul, #node-2014 ol ul, #node-2275 ol ul, #node-2275 ul, #node-4166 ol ul, #node-4166 ul { margin-left:20px; list-style-image:url(//img.brightcove.com/bullet-gray.gif); } #node-2275 ul, #privacy ul { margin-left:30px; margin-bottom:30px; } #privacy li p, #privacy li li, #node-2173 li p, #node-2173 li li, #node-2217 li p, #node-2217 li li, #node-755 li p, #node-755 li li, #node-1987 li p, #node-1987 li li, #node-1116 li p, #node-1116 li li, #node-2014 li p, #node-2014 li li, #node-2275 li p, #node-2275 li li, #node-4166 li p, #node-4166 li li { font-size:12px; color:#5b5b5b; font-weight:normal; line-height:16px; } #privacy hr, #node-1116 hr, #node-2014 hr { margin:10px 0; border:none; height:1px; background-color:#e5e5e5; } #privacy h1, #node-2275 h1 { font-size:26px; } /* Pager */ .item-list { width:590px; text-align:center; position:relative; } .node .item-list ul.pager { margin:25px 0 0 -25%; position:relative; left:50%; height:27px; z-index:5; } .item-list .pager li { line-height:26px; } .item-list .pager li.pager-item { width:28px; height:26px; text-align:center; padding:0px; } .item-list .pager li.pager-current { text-align:center; background:url(//img.brightcove.com/current-pager-item.jpg) no-repeat top center; height:26px; line-height:26px; width:28px; padding:0; } .item-list .pager li.pager-next { margin-left:10px; padding:0px; } .item-list .pager li.pager-prev { margin-right:10px; padding:0px; } .item-list .pager li a { float:none; font-size:14px; height:26px; line-height:26px; } .item-list .pager li a:hover { color:#5d8d92; } /* -------------------------------------- */ /* * SOLUTION CENTER THEMING */ /* * Page Marketing Solutions */ .solution-section #body { background-color: #f0f0f0; } .solution-section a:hover { text-decoration: none; } .solution-section #secondary-column { border: none; background: transparent; width: 220px; margin-top: 0; margin-left: 20px; } /* * Solutions overview page */ .node-mktg_solution_family { background: url(//img.brightcove.com/solution-center/separator_2.png) no-repeat center 60px; } .node-mktg_solution_family .customer-image { display: block; margin: 0 auto 15px auto; padding-bottom: 45px; } .node-mktg_solution_family .node-content { margin: 0; text-shadow: 0 1px 0 #fff; } .node-mktg_solution_family .node-title { color: #515151; font-size: 18px; text-transform: uppercase; display: inline; } .node-mktg_solution_family .node-body, .node-mktg_solution_family .node-body p { color: #717171; line-height: 28px; display: inline; font-size: 22px; } .page-mktg_solution_family #container { margin-top: 50px; } #container .solutions-list { float: left; position: relative; width: 709px; background-color: #fff; -moz-box-shadow: 0px 0px 2px #c8c8c8; -ms-box-shadow: 0px 0px 2px #c8c8c8; -o-box-shadow: 0px 0px 2px #c8c8c8; -webkit-box-shadow: 0px 0px 2px #c8c8c8; box-shadow: 0px 0px 2px #c8c8c8; clear: both; position: relative; } /** * Genus Pages */ .page-mktg_solution_genus.solution-section #secondary-column { margin: 0 20px 0 0; } .page-mktg_solution_genus .main-column { width: 709px; float: left; } .node-mktg_solution_genus { background: white; -moz-box-shadow: 0px 0px 2px #c8c8c8; -ms-box-shadow: 0px 0px 2px #c8c8c8; -o-box-shadow: 0px 0px 2px #c8c8c8; -webkit-box-shadow: 0px 0px 2px #c8c8c8; box-shadow: 0px 0px 2px #c8c8c8; margin-bottom: 60px; padding: 25px 0; } .node-mktg_solution_genus:after { content: " "; display: block; clear: both; } .node-mktg_solution_genus .image { float: left; margin-right: 20px; overflow: hidden; } .node-mktg_solution_genus .node-content { margin: 0; padding: 0 20px 0 0; width: 529px; float: left; } .node-mktg_solution_genus .node-title { color: #515151; font-size: 30px; font-weight: normal; line-height: 30px; margin-bottom: 10px; padding: 0; } .node-mktg_solution_genus .node-body { font-size: 16px; line-height: 22px; } .node-mktg_solution_genus .node-body, .node-mktg_solution_genus .node-body p { color: #515151; font-size: 16px; line-height: 24px; } .page-mktg_solution_genus .solution-item .image { margin-left: 20px; width: 50px; } .page-mktg_solution_genus .solution-item .image img { height: auto; width: 50px; } .page-mktg_solution_genus .solution-item .body { width: 360px; } .page-mktg_solution_genus .solution-item .quicklinks { margin-left: 20px; } /** * Solution Blurbs */ .solutions-list .quick-links-title { position: absolute; top: -12px; right: 80px; background-color: #717171; /*box-shadow: 1px 1px 1px 1px #515151;*/ text-transform: uppercase; color: #fff; display: block; font-family: arial, helvetica, sans-serif; font-size: 15px; font-weight: bold; text-shadow:0 1px 0 #515151; width: 102px; height: 17px; padding: 5px; text-align: center; } .solutions-list .quick-links-title:before { content: ""; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: transparent #515151 #515151 transparent; } .solution-item { width: 100%; padding: 20px 0; position: relative; } .solution-item .edit-link { position: absolute; top: 0px; left: 0px; display: none; background: white; padding: 10px; font-size: 16px; border: solid 1px #ccc; } .solution-item:hover .edit-link { display: block; } .solution-item .image { float: left; overflow: hidden; margin-right: 20px; width: 140px; height: 140px; } .solution-item .image img { height: auto; width: 140px; } .solution-item .main-content p { color: #717171; margin-right: 20px; overflow: hidden; position: relative; font-size: 14px; line-height: 18px; } .solution-item h3, .solution-item .body { width: 295px; } .solution-item .body { float: left; text-shadow: 0 1px 0 #fff; } .solution-item h3 { font-size: 20px; line-height: 22px; font-weight: bold; margin-bottom: 5px; text-shadow: 0 1px 0 #fff; float: left; clear: right; } .solution-item h3 a { color: #515151; } .solution-item a:hover { color: #85a93e; } .solution-item .body p { font-size: 14px; color: #717171; line-height: 18px; } /** * Quicklinks */ .solution-item .quicklinks { float: right; padding-left: 10px; border-left: 1px solid #c9c9c9; list-style: none; width: 205px; margin-left: 15px; } .solution-item .quicklinks .type { display: none; } .solution-item .quicklinks .icon { position: relative; margin-bottom: 5px; padding-top: 2px; } .solution-item .quicklinks .icon:last-child { margin-bottom: 0; } .solution-item .quicklinks .icon a { color: #a1a1a1; display: block; padding: 0 10px 5px 35px; } .solution-item .quicklinks .icon:last-child a { padding-bottom: 5px; } .solution-item .quicklinks .icon:hover a { color: #a5c13f; text-decoration: none; } /** * Icons for quicklinks */ .solution-item .quicklinks .icon a:before { position: absolute; content: ''; top: 0; left: 0; width: 25px; height: 22px; overflow: hidden; background: url('//img.brightcove.com/marketing-solutions/quicklinks-sprites.png') no-repeat; background-repeat: no-repeat; } .solution-item .quicklinks .icon.blog a:before { background-position: 0 -198px; } .solution-item .quicklinks .icon.blog:hover a:before { background-position: 0 -220px; } .solution-item .quicklinks .icon.case-study-print a:before { background-position: 0 -110px; } .solution-item .quicklinks .icon.case-study-print:hover a:before { background-position: 0 -132px; } .solution-item .quicklinks .icon.case-study-video a:before { background-position: 0 -66px; } .solution-item .quicklinks .icon.case-study-video:hover a:before { background-position: 0 -88px; } .solution-item .quicklinks .icon.datasheet a:before { background-position: 0 0; } .solution-item .quicklinks .icon.datasheet:hover a:before { background-position: 0 -22px; } .solution-item .quicklinks .icon.infographic a:before { background-position: 0 -396px; } .solution-item .quicklinks .icon.infographic:hover a:before { background-position: 0 -418px; } .solution-item .quicklinks .icon.link a:before { background-position: 0 -462px; } .solution-item .quicklinks .icon.link:hover a:before { background-position: 0 -484px; } .solution-item .quicklinks .icon.video a:before { background-position: 0 -264px; } .solution-item .quicklinks .icon.video:hover a:before { background-position: 0 -286px; } .solution-item .quicklinks .icon.whitepaper a:before, .solution-item .quicklinks .icon.brief a:before { background-position: 0 -330px; } .solution-item .quicklinks .icon.whitepaper:hover a:before, .solution-item .quicklinks .icon.brief:hover a:before { background-position: 0 -352px; } /** * Highlights block */ .solution-section #highlights { margin-bottom: 20px; } .solution-section #highlights .highlights { width: 220px; list-style: none; } .solution-section #highlights > h2 { color: #515151; text-shadow: 0 1px 0 #fff; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; } .solution-section #highlights .icon { background: #717171; } .solution-section #highlights .icon:hover { background-color: #515151; } .solution-section #highlights .icon a { padding: 10px 10px 10px 37px; display: block; position: relative; } .solution-section #highlights .icon:last-child a { padding-bottom: 20px; } .solution-section #highlights .icon a:before { content: ''; width: 25px; height: 22px; overflow: hidden; background: url('//img.brightcove.com/marketing-solutions/quicklinks-sprites.png') no-repeat; position: absolute; left: 5px; top: 12px; } .solution-section #highlights .icon.blog a:before { background-position: 0 -242px; } .solution-section #highlights .icon.case-study-print a:before { background-position: 0 -154px; } .solution-section #highlights .icon.case-study-video a:before { background-position: 0 -176px; } .solution-section #highlights .icon.datasheet a:before { background-position: 0 -44px; } .solution-section #highlights .icon.infographic a:before { background-position: 0 -440px; } .solution-section #highlights .icon.link a:before { background-position: 0 -506px; } .solution-section #highlights .icon.video a:before { background-position: 0 -308px; } .solution-section #highlights .icon.whitepaper a:before, .solution-section #highlights .icon.brief a:before { background-position: 0 -374px; } .solution-section #highlights .icon .type { font-size: 10px; font-weight: bold; text-transform: uppercase; color: #a1a1a1; margin-bottom: 5px; } .solution-section #highlights .icon .title { display: block; font-size: 12px; color: #eeeeee; font-weight: normal; line-height: 14px; } /* * Events & webinars block */ #block-brightcove_marketing_solutions-events { margin-top: 20px; position: relative; } #block-brightcove_marketing_solutions-events .block-content { -moz-box-shadow: 0px 0px 2px #c8c8c8; -ms-box-shadow: 0px 0px 2px #c8c8c8; -o-box-shadow: 0px 0px 2px #c8c8c8; -webkit-box-shadow: 0px 0px 2px #c8c8c8; box-shadow: 0px 0px 2px #c8c8c8; } #block-brightcove_marketing_solutions-events h2 { margin-bottom: 10px; } #block-brightcove_marketing_solutions-events .item { display: block; background-color: #fafafa; padding: 19px 30px 9px 20px; border-bottom: 1px solid #fafafa; border-top: 1px solid #fafafa; background-image: url(//img.brightcove.com/solution-center/event-webinar-arrow.png); background-repeat: no-repeat; background-position: right -100px; } #block-brightcove_marketing_solutions-events .item:hover { background-color: #fefefe; border-bottom: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; background-position: right 33px; } #block-brightcove_marketing_solutions-events h2 { color: #515151; text-shadow: 0 1px 0 #fff; font-size: 18px; text-transform: uppercase; } #block-brightcove_marketing_solutions-events h3 { color: #717171; font-size: 16px; font-weight: normal; } #block-brightcove_marketing_solutions-events .item:hover h3 { color: #409ca9; text-decoration: none; } #block-brightcove_marketing_solutions-events .item p { color: #717171; font-size: 12px; margin-top: 5px; } #block-brightcove_marketing_solutions-events .item p .status { font-weight: bold; text-transform: uppercase; font-size: 11px; } #block-brightcove_marketing_solutions-events .view-all { position: absolute; right: 0; top: 5px; padding-left: 20px; color: #515151; } #block-brightcove_marketing_solutions-events .view-all:before { position: absolute; content: ""; display: block; top: 0; left: 0; height: 12px; width: 12px; overflow: hidden; background-image: url('//img.brightcove.com/solution-center/view-all-clock-sprite.png'); background-repeat: no-repeat; background-position: top left; } #block-brightcove_marketing_solutions-events .view-all:hover { color: #409ca9; } #block-brightcove_marketing_solutions-events .view-all:hover:before { background-position: top right; } /* * World-class consulting, training and support-block */ #block-brightcove_marketing_solutions-consulting { padding: 20px 15px 0 15px; background-color: #409ca9; margin-top:30px; } #block-brightcove_marketing_solutions-consulting h2 { color: #fff; font-size: 28px; font-weight: normal; text-shadow: 0 1px 0 #337d87; } #block-brightcove_marketing_solutions-consulting h3 { color: #a9dee1; font-size: 16px; line-height: 22px; font-weight: bold; text-shadow: 0 1px 0 #337d87; margin: 15px 0; } #block-brightcove_marketing_solutions-consulting ul { list-style-image: none; list-style-position: outside; list-style-type: none; padding-left: 0; margin: 20px 0; } #block-brightcove_marketing_solutions-consulting ul li { margin: 15px 0; text-shadow: 0 1px 0 #337d87; font-size: 15px; line-height: 22px; color: #fff; } /** * Learn More Buttons */ #marketing-solutions-slideshow .fma-learn-more a, .solution-item .body .learn-more, #block-brightcove_marketing_solutions-consulting .learn-more { display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 3px; font-size: 12px; color: white; margin-top: 10px; text-transform: uppercase; } #marketing-solutions-slideshow .fma-learn-more a { background-color: #a5c13f; text-shadow: 1px 0 #a5c13f; position: relative; top: 0.5em; } .solution-item .body .learn-more { background-color: #a5c13f; text-shadow: 1px 0 #a5c13f; } #marketing-solutions-slideshow .fma-learn-more a:hover, .solution-item .body .learn-more:hover { background-color: #c1d42f; } #block-brightcove_marketing_solutions-consulting .learn-more { background-color: #3a7e87; margin-bottom: 10px; } #block-brightcove_marketing_solutions-consulting .learn-more:hover { background-color: #7cb5bc; } #block-brightcove_marketing_solutions-consulting .learn-more .learn-more-right, #block-brightcove_marketing_solutions-consulting .learn-more .learn-more-left { display: none; } /** * Subpage breadcrumbs */ #breadcrumbs { margin-bottom: 30px; font-size: 14px; } /* Look, Ma! No images. */ #breadcrumbs .home { display: inline-block; text-indent: -9999px; position: relative; line-height: 5px; width: 10px; height: 7px; background-color: #717171; margin-right: 5px; } #breadcrumbs .home:after { position: absolute; top: -4px; left: 0; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 4px solid #717171; content: ""; } #breadcrumbs .home:hover { background-color: rgb(93, 141, 146); } #breadcrumbs .home:hover:after { border-bottom: 4px solid rgb(93, 141, 146); } #breadcrumbs .active, #breadcrumbs .section { margin: 0 5px; font-size: 14px; } #breadcrumbs .section { color: #616161; } #breadcrumbs .section:hover { color: rgb(93, 141, 146); } /** * marketing solutions menu */ #block-brightcove_marketing_solutions-menu { font-size: 18px; margin: 2px 0 22px; } #block-brightcove_marketing_solutions-menu .links { margin-left: 0; } #block-brightcove_marketing_solutions-menu .links li { display: block; border-bottom: 1px solid #dcdcdc; } #block-brightcove_marketing_solutions-menu .links li { display: block; border-top: 1px solid white; padding: 0; } #block-brightcove_marketing_solutions-menu .links li:first-child { border-top: none; } #block-brightcove_marketing_solutions-menu .links li:last-child { border-bottom: none; } #block-brightcove_marketing_solutions-menu .links li a { background: url(//img.brightcove.com/solution-center/marketingsolution-menu.png) no-repeat 200px center; color: #515151; display: block; font-size: 18px; min-height: 22px; margin: -2px 0; padding: 8px 35px 8px 12px; position: relative; text-shadow: 0 1px 1px white; } #block-brightcove_marketing_solutions-menu .links li a.active, #block-brightcove_marketing_solutions-menu .links li a.active:hover { background-color: #7c7c7c; background-position: -20px center; -moz-box-shadow: 0 2px 2px #515151 inset; -ms-box-shadow: 0 2px 2px #515151 inset; -o-box-shadow: 0 2px 2px #515151 inset; -webkit-box-shadow: 0 2px 2px #515151 inset; box-shadow: 0 2px 2px #515151 inset; color: white; font-weight: normal; text-shadow: 0 1px 1px #515151; z-index: 41; } #block-brightcove_marketing_solutions-menu .links li a:hover { background-color: #dcdcdc; text-decoration: none; z-index: 40; } /** * Family Node FMA Slideshow */ #marketing-solutions-slideshow { background: #222222; height: 250px; overflow: hidden; position: relative; } #marketing-solutions-slideshow .fma-container { margin: 0 auto; width: 950px; height: 250px; } #marketing-solutions-slideshow .fma { height: 250px; margin: 0 auto; overflow: hidden; padding-left: 1px; position: relative; width: 950px; } #marketing-solutions-slideshow .fma-image { position: absolute; right: 0; top: 0; } #marketing-solutions-slideshow .fma-title, #marketing-solutions-slideshow .fma-body { max-width: 410px; position: relative; z-index: 10; } #marketing-solutions-slideshow .fma-title { color: #a1a1a1; font-size: 16px; line-height: 20px; margin-top: 30px; font-weight: normal; text-transform: uppercase; } #marketing-solutions-slideshow .fma-body { color: white; font-size: 24px; line-height: 30px; margin: 10px 0 0 0; } #marketing-solutions-slideshow .fma-body a { font-weight:bold; color: #A5C13F; } #marketing-solutions-slideshow .fma-body a:hover { color: #C1D42F; } #marketing-solutions-slideshow .pager { position: relative; bottom: 35px; z-index: 11; margin: 0 auto; text-align: right; padding: 0 20px; width: 900px; } #marketing-solutions-slideshow .pager a { color: white; display: inline-block; font-size: 16px; height: 20px; margin: 0 2px; padding-top: 2px; text-align: center; text-shadow: 0 1px 1px #515151; font-weight: bold; width: 22px; } #marketing-solutions-slideshow .pager a:hover { text-decoration: none; } #marketing-solutions-slideshow .pager a.activeSlide { background: #222; } /** * bottom blocks */ #bottom-info { background: url(//img.brightcove.com/solution-center/separator.png) no-repeat center top; margin-top: 40px; padding-top: 67px; } #bottom-info .block { margin-bottom: 20px; } #bottom-info-left, #bottom-info-right { width: 460px; } #bottom-info-left { float: left; } #bottom-info-right { float: right; } #bottom-info-right #bright-ideas-blog { background-position: 0 -1px; } /* Solutions video gallery */ .solutions-video-gallery { margin:0; padding:0; } .solutions-video-gallery .player { margin:0 0 10px 0; padding:0; width:460px; height:260px; } .solutions-video-gallery .thumbs { margin:0; padding:0; width:460px; } .solutions-video-gallery .thumbs { display:block; margin:0; padding:0; } .solutions-video-gallery .thumbs li { display:block; float:left; position:relative; line-height:100%; vertical-align:text-top; background:#eeeeee; display:inline-block; width:110px; list-style:none; margin:1.3px; padding:0; background-repeat:no-repeat; } .solutions-video-gallery .thumbs li a { display:block; width:110px; height:70px; position: relative; } .solutions-video-gallery .thumbs li .tip { display:none; position:absolute; z-index:2; width:210px; top:70px; left:-60px; background-color:#333333; color:#dddddd; padding:10px; border-radius:5px; } .solutions-video-gallery .thumbs li .tip:before { display:block; position:absolute; content:''; top:-11px; left:105px; width:0; height:0; border-left:12px solid rgba(51,51,51,0); border-bottom:12px solid #333333; border-right:12px solid rgba(51,51,51,0); } .solutions-video-gallery .thumbs li .tip .type { font-weight:bold; text-transform:uppercase; } .solutions-video-gallery .thumbs li .tip .name { } .solutions-video-gallery .thumbs li.active:hover a { background: rgba(150,150,150,0.5); } .solutions-video-gallery .thumbs li.active:hover a:after { position:absolute; z-index:50; top:0; bottom:0; left:0; right:0; background: #000; } .solutions-video-gallery .thumbs li:hover { } .solutions-video-gallery .thumbs li:hover a { background:no-repeat url('//img.brightcove.com/solution-video-gallery-thumb-hover.png'); } .solutions-video-gallery .thumbs li:hover .tip { display:block; opacity:1.0; } .solutions-video-gallery .thumbs li:hover .tip .type { } .solutions-video-gallery .thumbs li:hover .tip .name { } /** * Misc Fixes to standard Drupal interface markup */ #tabs-wrapper .tabs.primary { z-index: 9999; }