/* GLOBAL STYLES ================================== */ html, body {background-color:#fff; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:13px; color:#000} #pageContainer {width:985px; margin:0px auto; padding:0} #MTheader {width:985px; height:36px; margin-top:10px; float:left} #MTheader .MTlogo {text-indent:-4000px; background:url(images/mtLogo.png) top left no-repeat; width:182px; height:36px; margin:0px;} #MTheader .MTlogo a {width:182px; height:36px; display:block} /* MAIN MENU ================================== */ #MTnavContainer {width:985px; margin:15px auto; float:left} .MTTabs {height:38px; margin-bottom:0px; background:url(images/nav/navBkgd.png) repeat-x left top} .MTNav {position:relative; height:38px; background:url(images/nav/navRightBkgd.png) no-repeat right top;} .MTNav li {float:left; height:38px;} .MTNav li.mtStart {background:url(images/nav/navLeftBkgd.png) no-repeat left top;} .MTNav li.mtEnd {background:url(images/nav/navRightBkgd.png) no-repeat right top;} .MTNav a {float:left; height:38px; color:#fff !important; font:14px/38px "Lucida Grande", "Lucida Sans Unicode", sans-serif; padding-top:0px; text-decoration:none; background:url(images/nav/navDivider.png) no-repeat 100% 50%; text-shadow: 1px 1px 1px #000000; outline:0; text-align:center} .MTNav li.mtStart a {width:109px} .MTNav li.mtPerfEx a {width:255px} .MTNav li.mtPublishers a {width:173px} .MTNav li.mtAdvertisers a {width:181px} .MTNav li.mtAbout a {width:143px} .MTNav li.mtEnd a {width:124px; background:none} .MTTabs .MTNav a:hover {background:url(images/nav/navBkgd.png) repeat-x 0px -38px; text-decoration:none;} .MTTabs .MTNav .mtStart a:hover {background:url(images/nav/navhoverHomeBkgd.png) no-repeat left top;} .MTTabs .MTNav .mtStart a:active {background:url(images/nav/navactiveHomeBkgd.png) no-repeat left top;} .MTTabs .MTNav .mtEnd a:hover {background:url(images/nav/navhoverBlogBkgd.png) no-repeat right top;} .MTTabs .MTNav .mtEnd a:active {background:url(images/nav/navactiveBlogBkgd.png) no-repeat right top;} .MTTabs .MTNav a:active {background:url(images/nav/navactiveBkgd.png) no-repeat left top; text-decoration:none;} .mtOverview a.activePage, .mtPublishers a.activePage, .mtAdvertisers a.activePage, .mtPerfEx a.activePage, .mtAbout a.activePage {background:url(images/nav/navactiveBkgd.png) no-repeat left top; text-decoration:none;} .mtStart a.activePage, .MTTabs .mtStart a:hover {background:url(images/nav/navactiveHomeBkgd.png) no-repeat left top;} .mtEnd a.activePage, .MTTabs .mtEnd a:hover {background:url(images/nav/navactiveBlogBkgd.png) no-repeat right top;} a.activeSub {color:#666 !important} /* SOCIAL ICON BAR ================================== */ #MTSocialBar {width:985px; background-color:#333; height:30px; bottom:0; position:fixed; z-index:100; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px} #MTSocialBar .shareToolbar {float:left; margin:4px 15px 0px 10px;} #MTSocialBar ul {margin:5px 5px; float:left} #MTSocialBar ul li.firsticon {border-left:1px solid #666; padding-left:15px} #MTSocialBar ul li {display:block; float:left; margin-right:12px} #MTSocialBar ul li span {color:#fff; font-size:12px} #MTSocialBar ul li a {display:block; background:url(images/socialsprite.png) 0px 0px no-repeat; text-indent:-4000px; width:16px; height:16px; margin-top:1px} #MTSocialBar ul li a.twitterIcon {background-position:0px 0px} #MTSocialBar ul li a.twitterIcon:hover {background-position:0px -16px} #MTSocialBar ul li a.facebookIcon {background-position:-26px 0px} #MTSocialBar ul li a.facebookIcon:hover {background-position:-26px -16px} #MTSocialBar ul li a.friendIcon {background-position:-52px 0px} #MTSocialBar ul li a.friendIcon:hover {background-position:-52px -16px} #MTSocialBar ul li a.linkedinIcon {background-position:-78px 0px} #MTSocialBar ul li a.linkedinIcon:hover {background-position:-78px -16px} #MTSocialBar ul li a.slideIcon {background-position:-104px 0px} #MTSocialBar ul li a.slideIcon:hover {background-position:-104px -16px} #MTSocialBar ul li a.flickrIcon {background-position:-130px 0px} #MTSocialBar ul li a.flickrIcon:hover {background-position:-130px -16px} #MTSocialBar ul li a.youtubeIcon {background-position:-156px 0px} #MTSocialBar ul li a.youtubeIcon:hover {background-position:-156px -16px} #MTSocialBar ul li a.bloggIcon {background-position:-182px 0px} #MTSocialBar ul li a.bloggIcon:hover {background-position:-182px -16px} /* LOG IN FORM ================================== */ #container {position: relative;} #topnav {padding:10px 0px 12px; font-size:11px; line-height:23px; text-align:right;} #topnav ul{list-style-type:none} #topnav ul li {display:block; float:left;} #topnav ul li.toplinks {padding:8px 12px 0px 0px} #topnav a.mtlogin {height:29px; display:block; width:71px; background:url(images/smSilverBtnsprite.png) 0px 0px no-repeat; font-size:13px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; text-shadow: 1px 1px 0px #fff; outline:0; text-align:center !important; line-height:26px; color:#3f3f3f; font-weight:bold; float:right} #topnav a.mtlogin:hover {background-position:0px -29px; text-decoration:none} #loginContainer, #introcontainer, #emailcontainer, #trafficcontainer, #creativecontainer {display:none;} .videoframe {background-color:#fff; width:750px; height:422px} /* Overlay */ #modalOverlay {background-color:#000; cursor:wait;} /* Container */ #modalContainer { background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; padding:10px; border-radius:10px; font-size:13px; -moz-box-shadow: 0 0 5px 5px #545454; -webkit-box-shadow: 0 0 5px 5px#545454; box-shadow: 0 0 5px 5px #545454; } #loginContainer > .mtLogin {margin:0px; width:470px;} #loginContainer > .loginWrapper {border-radius:5px; padding:15px; background:#fff url(images/loginBkd.png) left top repeat-x;} #loginContainer > .mtLogin .mtLoginTitle {overflow:hidden} #loginContainer > .mtLogin .mtLoginTitle h1 {float:left; font-size:20px; font-weight:bold; margin-bottom:10px; padding:0px !important} #loginContainer > .mtLogin .loginFields {background:#f2f2f2; border-radius:5px; padding:0px 15px 9px 15px;} #loginContainer > .mtLogin .loginFields fieldset {overflow:hidden; padding-top:15px;} #loginContainer > .mtLogin .loginFields fieldset > label {display:block; float:left; position:relative; top:11px; width:85px} #loginContainer > .mtLogin .loginFields fieldset > div {margin-left:85px} #loginContainer > .mtLogin .loginFields fieldset > div input {font-size:18px; font-weight:bold; width:308px;} #loginContainer > .mtLogin .loginFields fieldset > div select {width:159px} #loginContainer > .mtLogin .loginFields fieldset > div input[type="text"], #loginContainer > .mtLogin .loginFields fieldset > div input[type="password"] {background:#fff url(images/loginInputBkgd.png) center top repeat-x; border-color:#a3a3a3 #d4d4d4 #d4d4d4 #a3a3a3; border-radius:3px; border-style:solid; border-width:1px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:4px 5px;} #loginContainer > .mtLogin div.mtSubmit {clear:both; padding:12px 0px 0px 100px; overflow:hidden} #loginContainer > .mtLogin div.mtSubmit input[type="submit"] {background: url(images/smBlueBtns.png) 0px 0px no-repeat; border: none; color: #FFFFFF; cursor: pointer; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 1.15em; height: 31px; line-height: 1.0em; outline: none; text-align: center; text-shadow: 0 -1px 1px #333333; width: 107px; float:left} #loginContainer > .mtLogin div.mtSubmit input[type="submit"]:hover {background-position:0px -31px; text-decoration:none} #loginContainer > .mtLogin div.mtSubmit a[href="#cancel"] {display:block; color:#999; float:right; padding-top:10px} /* HERO SLIDE CONTAINER ================================== */ #mtHero {margin:0px auto; overflow:hidden; padding:0px; position:relative; width:987px; height:454px; background: url(images/heroSprite.png) left top no-repeat;} /* -- heros */ .heros {margin:0px; padding:0px; width:987px; height:365px; position:relative} .heros li.slides {height:365px; width:987px; position:absolute} /* -- hero menu buttons */ .hero-tabs {float:left; overflow:hidden; width:987px; clear:both} .heroTabs {margin-left:23px; position:absolute; bottom:16px} .heroTabs li.menutabs {float:left; list-style:none; padding:0px; width:180px; height:56px; margin:0px 10px 0px 0px;} .heroTabs li.menutabs a {display:block; width:180px; height:56px; background: url(images/heroSprite.png) -1002px 0px no-repeat; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:13px; color:#333; text-shadow:0 1px 1px #ffffff; font-weight:bold; text-decoration:none} .heroTabs li.menutabs a:hover {background: url(images/heroSprite.png) -1002px -70px no-repeat; color:#000} .heroTabs li.menutabs a.current {background: url(images/heroSprite.png) -1002px -140px no-repeat; color:#000} .heroTabs .menutxt {display:block; float:left; margin-top:21px} .heroTabs .menutab1 {background:url(images/heroSprite.png) -1198px 0px no-repeat; display:block; float:left; width:29px; height:29px; margin:15px 7px 0px 10px;} .heroTabs a:hover .menutab1 {background:url(images/heroSprite.png) -1198px -39px no-repeat; display:block; float:left; width:29px; height:29px} .heroTabs a.current .menutab1 {background:url(images/heroSprite.png) -1198px -39px no-repeat; display:block; float:left; width:29px; height:29px} .heroTabs .menutab2 {background:url(images/heroSprite.png) -1198px -78px no-repeat; display:block; float:left; width:37px; height:36px; margin:10px 7px 0px 8px} .heroTabs a:hover .menutab2 {background:url(images/heroSprite.png) -1198px -124px no-repeat; display:block; float:left; width:37px; height:36px} .heroTabs a.current .menutab2 {background:url(images/heroSprite.png) -1198px -124px no-repeat; display:block; float:left; width:37px; height:36px} .heroTabs .menutab3 {background:url(images/heroSprite.png) -1198px -170px no-repeat; display:block; float:left; width:36px; height:35px; margin:12px 7px 0px 8px} .heroTabs a:hover .menutab3 {background:url(images/heroSprite.png) -1198px -215px no-repeat; display:block; float:left; width:36px; height:35px} .heroTabs a.current .menutab3 {background:url(images/heroSprite.png) -1198px -215px no-repeat; display:block; float:left; width:36px; height:35px} .heroTabs .menutab4 {background:url(images/heroSprite.png) -1198px -260px no-repeat; display:block; float:left; width:36px; height:27px; margin:15px 7px 0px 5px} .heroTabs a:hover .menutab4 {background:url(images/heroSprite.png) -1198px -297px no-repeat; display:block; float:left; width:36px; height:27px} .heroTabs a.current .menutab4 {background:url(images/heroSprite.png) -1198px -297px no-repeat; display:block; float:left; width:36px; height:27px} .heroTabs .menutab5 {background:url(images/heroSprite.png) -1198px -334px no-repeat; display:block; float:left; width:34px; height:30px; margin:14px 7px 0px 9px} .heroTabs a:hover .menutab5 {background:url(images/heroSprite.png) -1198px -374px no-repeat; display:block; float:left; width:34px; height:30px} .heroTabs a.current .menutab5 {background:url(images/heroSprite.png) -1198px -374px no-repeat; display:block; float:left; width:34px; height:30px} .heroMTPX {background:url(images/heroSprite.png) 0px -464px no-repeat; height:365px; width:985px; margin:1px 0px 0px 1px} .heroMTPXContent {float: left; left: 34px; padding: 0; position: relative; top: 24px; width: 608px;} h1.heroMTPXTitle {background:url(images/heroSprite.png) 0px -839px no-repeat; height: 165px; text-indent:-4000px;} p.heroMTPXCopy {color: #FFFFFF; font: 15px/20px "Myriad Pro","myriad-pro-1","myriad-pro-2",Arial,Sans-Serif; padding-bottom: 13px;} .heroMTPXDiag {background:url(images/heroSprite.png) -1246px 0px no-repeat; float: right; margin: 0; position: relative; right: 20px; top: 30px; width:295px; height:313px} .heroAdv {background:url(/images/heroBackdropwt.png) left top no-repeat; height:365px; width:985px; margin:1px 0px 0px 1px; font: 15px/20px "Myriad Pro","myriad-pro-1","myriad-pro-2",Arial,Sans-Serif; position:relative} .heroAdvContent {float: left; left: 27px; padding: 0; position: relative; top: 30px; width: 520px;} .heroAdv ul {display:block; list-style:none; margin:0 0 10px 20px} .heroAdv ul li {background:url(images/heroSprite.png) -1002px -233px no-repeat; margin-bottom:4px; width:160px; padding-left:22px} h1.heroAdvTitle {background:url(images/heroSprite.png) -1002px -414px no-repeat; height: 74px; text-indent:-4000px; padding:0px} p.heroAdvCopy {color: #5d5d5d; padding:15px 0px 5px 0px} .casequotes {position:absolute; right:85px; top:72px; width:200px; height:109px; z-index:2; font-family:Arial, Helvetica, sans-serif; overflow: hidden} .casequotes p {font-size:18px; color:#fff; font-weight:bold; text-shadow: #b07532 0px 1px 1px} .casequotes p span {display:block; padding:3px 27px 0px 0px; text-align:right; font-weight:normal; font-size:12px; font-style:italic; text-shadow:none} .MTPXCreatives {position:absolute; right:45px; top:43px; width:399px; height:308px; z-index:2} ul.MTPXOptionView {overflow:hidden; margin:0px; padding:0px} ul.MTPXOptionView li.optionview {width:399px; height:268px; background:none; margin:0px; padding:0px; position:absolute} ul.MTPXOptionView li.optionview img {margin-bottom:5px} ul.MTPXOptionView li.optionview p {font:11px/12px "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-align:center; color:#5d5d5d;} .MediaCreatives {position:absolute; right:0px; top:60px; width:375px; height:252px; z-index:2;} ul.MediaOptionView li.mediaoptionview {width:399px; height:268px; background:none; margin:0px; padding:0px; position:absolute} ul.MTPXOptions {position:absolute; bottom:0px; left:170px; margin:0px; padding:0px} ul.MTPXOptions li.options {float:left; list-style:none; margin:0px 10px 0px 0px; width:11px; padding:0px; background:none} ul.MTPXOptions li.options a {display:block; width:11px; height:9px; background:url(images/heroSprite.png) -1002px -215px no-repeat;} ul.MTPXOptions li.options a:hover {display:block; width:11px; height:9px; background:url(images/heroSprite.png) -1022px -215px no-repeat;} ul.MTPXOptions li.options a.current {display:block; width:11px; height:9px; background:url(images/heroSprite.png) -1022px -215px no-repeat;} ul.MediaOptions {position:absolute; bottom:5px; left:163px;} ul.MediaOptions li.mediaoptions {float:left; list-style:none; margin:0px 10px 0px 0px; width:11px; padding:0px; background:none} ul.MediaOptions li.mediaoptions a {display:block; width:11px; height:9px; background:url(images/heroSprite.png) -1002px -215px no-repeat;} ul.MediaOptions li.mediaoptions a:hover {display:block; width:11px; height:9px; background:url(images/heroSprite.png) -1022px -215px no-repeat;} ul.MediaOptions li.mediaoptions a.current {display:block; width:11px; height:9px; background:url(images/heroSprite.png) -1022px -215px no-repeat;} .heroAdvDiag {background:url(images/heroSprite.png) -1956px -209px no-repeat; float: right; margin: 0; position:absolute; right:20px; top: 29px; width:438px; height:320px; z-index:1} .heroMedia {background:url(/images/heroBackdropwt.png) left top no-repeat; height:365px; width:985px; margin:1px 0px 0px 1px; font: 15px/20px "Myriad Pro","myriad-pro-1","myriad-pro-2",Arial,Sans-Serif; position: relative;} .heroMediaContent {float: left; left: 27px; padding: 0; position: relative; top: 40px; width: 520px;} h1.heroMediaTitle {background:url(images/heroSprite.png) -1002px -498px no-repeat; height: 74px; text-indent:-4000px; margin:20px 0px 0px 0px; padding:0px} p.heroMediaCopy {color: #5d5d5d; padding: 13px; margin-bottom:30px} .heroMediaDiag {background:url(images/heroSprite.png) -1551px 0px no-repeat; float:right; margin:0; position: absolute; right:0px; top:40px; width:395px; height:324px} .heroPub {background:url(/images/heroBackdropwt.png) left top no-repeat; height:365px; width:985px; margin:1px 0px 0px 1px; font: 15px/20px "Myriad Pro","myriad-pro-1","myriad-pro-2",Arial,Sans-Serif; position: relative;} .heroPubContent {float: left; left: 27px; padding: 0; position: relative; top: 40px; width: 520px;} h1.heroPubTitle {background:url(images/heroSprite.png) -1002px -581px no-repeat; height: 101px; text-indent:-4000px; margin:20px 0px 0px 0px; padding:0px} p.heroPubCopy {color: #5d5d5d; padding: 13px 0px 13px 0px; margin-bottom:22px} .heroPubDiag {background:url(images/heroSprite.png) -1956px 0px no-repeat; float:right; margin:0; position: absolute; right:15px; top:115px; width:401px; height:199px} .graph-title {position:absolute; top:120px; right:180px} .graph-title .t1 {color:#28b2e5; font:20px/20px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; width:95px; display:block; float:left} .graph-title .t2 {color:#006da8; font:50px/40px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; width:95px; display:block; float:left} .heroCase {background:url(/images/heroBackdropwt.png) left top no-repeat; height:365px; width:985px; margin:1px 0px 0px 1px; font: 15px/20px "Myriad Pro","myriad-pro-1","myriad-pro-2",Arial,Sans-Serif; position: relative;} .heroCaseContent {float: left; left: 27px; padding: 0; position: relative; top: 40px; width: 520px;} h1.heroCaseTitle {background:url(images/heroSprite.png) -1002px -692px no-repeat; height: 74px; text-indent:-4000px; margin:20px 0px 0px 0px; padding:0px} p.heroCaseCopy {color: #5d5d5d; padding: 13px; margin-bottom:30px} .heroCaseDiag {background:url(images/heroSprite.png) -1551px -334px no-repeat; float:right; margin:0; position: absolute; right:60px; bottom:0px; width:316px; height:345px} /* End ================================== */ /* MT Feeds ================================== */ .mtMiddleContainer {margin:8px 0px 15px 0px; background:url(images/mtmiddlemodsprite.png) left top no-repeat; width:985px; height:13px; padding:13px 0px 0px 0px;} .mtMiddleContainer p.careers {font-size:14px; line-height:18px} .mtMiddleContainer a {color:#0099ff !important;} .mtMiddleContainer em {display:block; text-align:right; font-size:11px; padding-top:3px} .mtMiddleContainer li {font-size:12px; line-height:14px} .mtMiddleContainer ul.mtMidTop {background:url(images/mtmiddlemodsprite.png) left bottom no-repeat; width:985px; margin:0px; float:left} .mtMiddleContainer span {display: block; font-size:11px; color:#999} li.module {width:245px; min-height:254px; float:left; margin:0; position:relative} li.module h3 {margin:0px; padding:5px 0px 10px 15px} li.module p {margin:0px; padding:0px 15px 10px 15px; font-size:12px; line-height:14px} .moduleicon {position:absolute; width:136px; background-image:url(images/mtmiddlemodsprite.png); background-repeat:no-repeat} .mod1 {height:95px; background-position:-1099px -10px; bottom:3px; left:52px} .mod2 {height:76px; background-position:-1099px -290px; bottom:7px; left:52px} .mod3 {height:86px; background-position:-1099px -158px; bottom:3px; left:52px} .mod4 {height:80px; background-position:-1099px -413px; bottom:6px; left:52px} ol.moduleitems {margin:0px 15px 0px 15px;} ol.moduleitems li {background:url(images/mtmiddlemodsprite.png) -1334px 0px no-repeat; padding:1px 0px 0px 20px; margin-bottom:15px} ul.feeds {margin:0px 15px 0px 15px;} ul.feeds li.MTTwitterIcon {background:url(images/mtmiddlemodsprite.png) -1334px -102px no-repeat; padding:1px 0px 0px 25px; margin-bottom:15px} ul.feeds li.MTBlogIcon {background:url(images/mtmiddlemodsprite.png) -1334px -211px no-repeat; padding:1px 0px 0px 25px} /* End ================================== */ .shadowbox {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: none; -moz-box-shadow: 0 1px 2px #999; box-shadow:0 1px 2px #999; -webkit-box-shadow:0 1px 2px #999; overflow:hidden; background:#ffffff url(images/moduleBkgd.png) center bottom repeat-x;} .smshadowbox {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: none; -moz-box-shadow: 0 1px 2px #999; box-shadow:0 1px 2px #999; -webkit-box-shadow:0 1px 2px #999; overflow:hidden; background:#ffffff url(images/moduleSmBkgd.png) center bottom repeat-x;} .shadowboxbkgd {background:url(images/tabbkgd.png) left top repeat-y} /* MT Resource Center ================================== */ .resource-title {text-transform:uppercase; color:#666; font-size:1.1em; margin:18px 0px 0px 10px; float:left; border-top:1px solid #d9d9d9; padding:20px 0px; width:690px} .casestudy-container {float:left; width:690px; overflow:hidden; margin:0px 0px 250px 10px} .casestudy-container a, .casestudy-container a:visited {color:#006ace; font-size:1.1em; line-height:1.35em} .casestudy-container a:hover {color:#006ace; text-decoration:underline;} .casestudy-container .casestudy {position:relative; background:url(images/resource-assets.png) 0px 0px no-repeat; width:427px; height:143px; float:left; margin-right:24px} .casestudy .casestudy-logo {position:absolute; top:15px; left:16px; width:171px; height:63px} .casestudy .left-quote {background:url(images/resource-assets.png) -16px -143px no-repeat; width:21px; height:18px; top:11px; left:214px; position:absolute} .casestudy .quote {width:144px; text-align:right; font-style:italic; font-size:1.00em; position:absolute; left:235px; top:17px; line-height:1.50em} .casestudy .right-quote {background:url(images/resource-assets.png) -38px -143px no-repeat; width:21px; height:18px; top:73px; left:390px; position:absolute} .casestudy .url-link {position:absolute; bottom:12px; right:48px} .casestudy-link {float:left; padding-top:6px} .casestudy-link span {display:block; width:168px; height:15px; padding:0px 0px 15px 22px; background:url(images/resource-assets.png) -16px -162px no-repeat} .casestudy-type {float:left; padding-top:6px} .casestudy-type span {display:block; padding-bottom:15px} /* Videos */ .video-container {width:840px; margin:0 auto; overflow:hidden} .video-title {text-transform:uppercase; color:#666; font-size:1.1em; margin:15px 0px 0px 0px; float:left; border-top:1px solid #d9d9d9; padding:10px 0px; width:840px;} .video-thumb {border:1px solid #d9d9d9; padding:4px; background-color:#ffffff; position:relative; width:161px; height:120px; margin:0px 50px 55px 0px} .video-thumb-no {margin-right:0px !important} .video-thumb span {position:absolute; top:4px; left:4px; width:161px; height:120px; background:url(images/mtpxvid-overlay.png) center top no-repeat} .video-thumb h6 {font-size:1.1em; line-height:1.20em; margin:0px; padding:10px 0px} /* MT Jobs Tabs ================================== */ .job-cultureContainer {overflow: hidden;} .department-title {width:430px; float:left; margin:20px 0px 10px 0px; text-transform:uppercase; color:#666; font-size:1.1em;} .mt-location {text-transform:uppercase; color:#666; font-size:1.1em; margin:20px 0px 10px 0px; float:left} #mt-culture {margin-top:20px} #mt-culture .subtitle {font-weight:bold} .position {display:block; float:left; width:430px; padding:5px 0px} .position a, .position a:visited {color:#006ace} .position a:hover {color:#006ace; text-decoration:underline} .location {display:block; float:left; line-height:1.5em} .MTtabNav {height:40px; margin:25px 0px 5px -1px; border-bottom:1px solid #dddcdc;} .MTtabNav li { display:block; float:left; margin-right:4px; padding:1px 1px 0 1px; height:40px} .MTtabNav li.selected a, .MTtabNav li.selected a:hover {background:#fff !important; color:#000 !important; border-bottom:1px solid #fff !important; border-left:1px solid #dddcdc !important; border-top:1px solid #dddcdc !important; border-right:1px solid #dddcdc !important; margin-top:-1px; text-decoration:none} .MTtabNav li a { background-color:#dddcdc; color:#fff; display:block; height:39px; line-height:45px; padding:0 20px; font-size:1.5em; text-transform: capitalize; cursor:pointer} .MTtabNav li a:hover {background:#4BA9FC; color:#fff; text-decoration:none} /* MT Advertiser Tabs ================================== */ ul.advCreatives {margin:0px 0px 25px 25px; list-style-type:disc;} ul.advCreatives li {color:#0089C8; padding-bottom:10px } ul.advCreatives li span {color:#666; } /* MT Advertiser Tabs ================================== */ .mosaic-content {margin:0px auto; padding:10px 0px 25px 0px; width:692px; overflow:hidden} .mosaic-content a, .mosaic-content a:hover {text-decoration:none} .mosaic-block {background:url(/images/progress.gif) center center no-repeat; width:332px; height:250px; margin:7px; overflow:hidden; position:relative;} .mosaic-overlay {height:100%; position:absolute; width:100%; display:none; z-index:3} .mosaic-backdrop {display:none; height:100%; position:absolute; top:0px; width:100%; background:#fafafa} .mosaic-details {margin:15px 20px;} .mosaic-details-bot {position:absolute; bottom:0px; margin:5px 20px} .mosaic-border-overlay {background:url(/images/managedSprite.png) right top no-repeat; width:332px; height:250px; margin:0px; position:absolute; top:0px; z-index:4;} /* MT Social Icons ================================== */ ul.socialicons {margin:10px 0px 25px 10px; overflow:hidden} ul.socialicons li.icons {background-image: url(images/socialiconsprite.png); background-repeat:no-repeat; width:48px; height:48px; float:left; display:block; text-indent:-4000px; margin-right:7px} ul.socialicons li.icons a {display:block; height:48px} ul.socialicons li.mtfacebook {background-position:0px 0px} ul.socialicons li.mttwitter {background-position:-60px 0px} ul.socialicons li.mtblog {background-position:-120px 0px} ul.socialicons li.mtlinkedin {background-position:-180px 0px} ul.socialicons li.mtyoutube {background-position:-240px 0px} /* MT Tab Content ================================== */ #tabWrapper {width: 985px; margin: 0px 0px 25px 0px; padding: 0px; overflow:hidden; float:left} ul.tabs {margin: 38px 20px 0px 0px; float:left; z-index: 2; width: 223px;} ul.tabs li {font-family: Arial; font-weight:bold;} ul.tabs li h3 {margin: 0; padding: 8px 0 0 0; font-size: 14px; color:#666; text-shadow: 0 1px 0px #dcdcdc;} ul.tabs li a {text-decoration:none;} ul.tabs li {background: url(images/subnavtabs.png) 0px 0px no-repeat; text-decoration: none; display: block; padding: 6px 10px 6px 5px; height: 31px; outline: none; cursor:pointer;} ul.tabs li:hover {background-position: 0px -43px; color:#000;} ul.tabs li:hover h3 {color:#000;} ul.tabs li.active, ul.tabs li.active a:hover {background-position: 0px -86px; color: #000; border:none !important; width:208px;} ul.tabs li.active a h3 {color:#000; text-shadow: 0 1px 0px #ffffff;} ul.tabs li.last {background-position: 0px -129px;} ul.tabs li.last h3 {margin: 0; padding: 8px 0 0 0; font-size: 14px; color:#fff; text-shadow: 0 -1px 0px #006699;} ul.tabs li.last:hover {background-position: 0px -172px; color:#fff;} ul.tabs div#applynow > li.active, ul.tabs div#applynow > li.active a:hover {background-position: 0px -215px; border:none !important; width:208px;} ul.tabs div#applynow > li.last h3 {margin: 0; padding: 8px 0 0 0; font-size: 14px; color:#fff} ul.tabs div#applynow > li.active a h3 {color:#fff; text-shadow: 0 -1px 0px #006699;} .tabPages {float:left; width:715px;} .tab_content {padding: 20px 0px;} ul.tabLists {margin:0 0 25px 25px; list-style-type:disc; font-size:1.1em} ul.tabLists li {color:#0089c8; padding-bottom:10px;} ul.tabLists span {color:#666} ul.tabLists font {color:#000; font-weight:bold} /* Tab Icons */ ul.tabs li span {background: url(images/subnavicons.png) -38px 0px no-repeat; width:22px; display:block; float:left; padding-right:3px; text-indent:-4000px} ul.tabs li span.compliancetab, ul.tabs li span.termstab, ul.tabs li span.applytab, ul.tabs li span.contenttab, ul.tabs li span.resourcetab {width:37px} ul.tabs li span.overviewtab {background-position:0px 0px; height:30px; margin-top:3px; width:37px;} ul.tabs li span.emailtab {background-position:0px -30px; height:27px; margin-top:3px; width:37px;} ul.tabs li span.contenttab {background-position:0px -57px; height:32px; margin-top:0px; width:37px;} h1 { font-size: 2em; color: #000000; padding: 20px 0 0px 0; font-weight: bold; margin: 0; text-align: center; } h2 { font-size: 1.4em; color: #333333; line-height: 1.1em; font-weight: normal; padding: 10px 0 0px 0; border: 0px; margin: 0px 0px 20px 20px; text-align: center; } h3 { font-size: 1.2em; font-weight: bold; color: #333333; padding: 15px 0 15px 10px; margin: 0; text-align: left; } h4 { font-size: 1.8em; color: #000000; font-weight: normal; padding: 10px 0 0px 0; border: 0px; margin: 0px 0px 10px 10px; } h5 { font-size: 1.5em; line-height: 1.2em; font-weight: normal; color: #000000; padding: 10px 0 0px 0; margin: 0px 0px 0px 10px; } h6 { font-size: 1.2em; font-weight: normal; color: #333333; padding: 0px 0px 0px 0px; margin: 0 0 0 10px; text-align: left; } p { padding: 0px 0px 3px 0px; color: #666666; font-weight: normal; margin: 0 10px 10px 10px; line-height: 1.2em; font-size: 1.1em; } .clear { clear: both; } .tinyText { font-size: 11px; } img { padding: 0px; border: 0px; margin: 0px; } a { text-decoration: none; color: #006ACE; font-weight: normal; } .style2 {color:#006ACE} a:visited { text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; } .white { color: #FFFFFF; } .alpha { list-style-position: outside; list-style-type: lower-alpha; } #navBar { float: left; padding: 15px 0 0 0; width: 938px; text-align: right; } #footerNav { float: left; height: 20px; width: 985px; text-align: right; margin: 0; } .toplink { font-size: 0.9em; color: #000; text-decoration: none; margin-top: 5px; border-right: 1px #999 solid; padding: 0 10px 0 9px; width: 965px; } .phone { font-size: 0.9em; color: #000; text-decoration: none; margin-top: 5px; padding: 0 0 0 9px; } .copyright { font-size: 11px; color: #383838; float: left; } i { color: transparent; display: none; } ul { color: #666666; font-size: 1em; line-height: 1.2em; } .here { color: #999999; } li { color: #666666; } .docsList { margin: 0 0 25px 10px; height: 55px; } ol { font-weight: normal; } .sidebarTOP { font-size: 1.1em; font-weight: bold; color: #006633; } .logoMark { width:229px; } #spanner { margin:0 0 25px 0; width: 985px; clear: both; } .aboutHero {overflow:hidden; width:700px; height:150px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(images/streetbkgrnd.jpg) -270px -140px no-repeat; border:none} /* ADV / PUB IN FORM ================================== */ div.alert {color:#fff; background:#9b0000 url(images/form-icons.png) 13px 7px no-repeat; font-size:14px} div.note {border:4px solid #FF0000; border-radius:8px; line-height:130%; margin:5px 0px 20px 0px; padding:10px 10px 10px 48px; text-align:left; -moz-border-radius:8px; -webkit-border-radius:8px} a.refresh-icon {display:block; float:left; background:url(images/form-icons.png) left bottom no-repeat; margin-top:28px; text-indent:-4000px; width:24px; height:24px} input.app[type="text"], textarea { padding: 6px 10px; color: #444444; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eeeeee)); background: -moz-linear-gradient(#fefefe, #eeeeee); text-shadow: 0 1px 1px #fff; border: none; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-background-clip: padding-box; float: left; margin:3px 0px; } input.app[type="text"]:focus, textarea:focus { outline:none; background:#fff; } code {color:#ff0000} input.error, textarea.error, select.error { background: #ffffcc !important; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(# ffffcc)) !important; background: -moz-linear-gradient(#fefefe, #ffffcc) !important; } #pubForm label, #advForm label { display:block; margin:0px; padding-top:4px; float:left; } label.error {color:#ff0000 !important; font-size:.75em !important; clear:both; font-weight:normal !important} #pubForm select, #advForm select { float:left } #pubForm textarea, #advForm textarea { font-size:.85em } #pubForm font, #advForm font { display:block; float:left; padding-top:8px } #pubForm sup, #advForm sup { color:#999; font-size:11px } #pubForm em, #advForm em { display:block; float:left; margin-right:10px; padding-top:3px; font-style:normal } #pubForm .multi, #advForm .multi { margin-left:5px; font-size:.85em; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif } #pubForm .lbllrg, #advForm .lbllrg { width:490px; margin:0 5px } #pubForm .lrg, #advForm .lrg { width: 470px; } #pubForm .lblmed, #advForm .lblmed { width:240px; margin:0 5px } #pubForm .med, #advForm .med { width:220px } #pubForm .sml, #advForm .sml { width:48px; margin-right: 0px !important; margin-left:0px !important; } #pubForm fieldset, #advForm fieldset { font-family: Arial, Helvetica, sans-serif; width:500px; border: 0; border-top: 1px solid #bbb; margin: 0px; padding: 15px; } #pubForm fieldset legend, #advForm fieldset legend { padding: 5px; font-weight: bold; margin-left: -5px; font-size: 18px; color: #336666; } #pubForm fieldset p, #advForm fieldset p { display:block; float:left; margin:0px 0px 10px 0px; padding:0px } .labeltag {display:block; padding-top:4px; white-space:nowrap} .formHide {display:none} /********************************************************** nav system **********************/ .topNav a:link { text-decoration: none; color: #999999; } .topNav a:visited { text-decoration: none; color: #999999; } .topNav a:hover { text-decoration: underline; color: #000000; } div#globalNav { float: left; height: 80px; width: 985px; padding: 0; margin: 0; background: transparent url(images/globalnavBkrnd.png) no-repeat 0 0; position: relative; top:12px; color: transparent; background-image: url(images/globalnavBkgrnd.png); left: 0px; } a#logomark:hover { background:transparent; } a#logomark { height:67px; left:0px; position:absolute; width:291px; color: transparent; top: 0px; } a#overview:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll 0 0; } a#overview { height:36px; left:242px; position:absolute; width:111px; color: transparent; top: 16px; } a#overviewON { background:transparent url(images/globalnavActions.png) no-repeat scroll 0 -38px; height:36px; left:242px; position:absolute; width:111px; color: transparent; top: 16px; } a#publishers:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll -116px 0; } a#publishers { height:36px; left:353px; position:absolute; width:116px; color: transparent; top: 16px; } a#publishersON { background:transparent url(images/globalnavActions.png) no-repeat scroll -116px -38px; height:36px; left:353px; position:absolute; width:116px; color: transparent; top: 16px; } a#advertisers:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll -232px 0; } a#advertisers { height:36px; left:470px; position:absolute; width:114px; color: transparent; top: 16px; } a#advertisersON { background:transparent url(images/globalnavActions.png) no-repeat scroll -232px -38px; height:36px; left:470px; position:absolute; width:114px; color: transparent; top: 16px; } a#about:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll -350px 0; } a#about { height:36px; left:586px; position:absolute; width:115px; color: transparent; top: 16px; } a#aboutON { background:transparent url(images/globalnavActions.png) no-repeat scroll -350px -38px; height:36px; left:586px; position:absolute; width:115px; color: transparent; top: 16px; } a#blog:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll -470px 0; } a#blog { height:36px; left:703px; position:absolute; width:138px; color: transparent; top: 16px; } a#account:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll -617px 0; } a#account { height:36px; left:854px; position:absolute; width:162px; color: transparent; top: 16px; } /************************************************* top nav system ***********************/ #mainContentBox { float:left; width:650px; min-height:300px; border:solid #333 1px; -moz-border-radius:10px; padding: 7px; margin: 20px 0 0 50px; background-color: #000000; } .boxBody ul { color: #666666; font-size: 12px; margin: 0px; padding: 0 0 0 40px; } #contentContainer { width: 985px; position: relative; clear: both; } #pageHead { font-size: 1.8em; color: #000000; font-weight: normal; padding: 10px 0 0px 0; border: 1px solid #000000; margin: 0px 0px 10px 10px; min-width:50px; } #tryptic { /*background-image: url(images/trypticBkgrnd4.png);*/ width: 985px; height: 149px; background-repeat: no-repeat; padding: 0px; margin:15px 0px 25px 0px; } #trypticTitle2 { font-size: 1.5em; color: #000000; margin: 30px 5px 0 0; border: #ccc 1px solid; width: 990px; } #tryptic .try1 { float: left; width: 231px; margin: 0px 20px 0px 0px; height: 149px; position:relative; background-color:#f7f7f7; } #tryptic .try1 .modicon { background-image: url(images/mod1icon.png); position:absolute; bottom:-1px; right:-1px; height:56px; width:60px; } #tryptic .try2 { float: left; width: 231px; margin: 0px 21px 0px 0px; height: 149px; position:relative; background-color:#f7f7f7; } #tryptic .try2 .modicon { background-image: url(images/mod2icon.png); position:absolute; bottom:-1px; right:-1px; height:56px; width:60px; } #tryptic .try3 { float: left; width: 231px; margin: 0px 20px 0px 0px; height: 149px; position:relative; background-color:#f7f7f7; } #tryptic .try3 .modicon { background-image: url(images/mod3icon.png); position:absolute; bottom:-1px; right:-1px; height:56px; width:60px; } #tryptic .try4 { float: left; width: 231px; margin: 0px; height: 149px; position:relative; background-color:#f7f7f7; } #tryptic .try4 .modicon { background-image: url(images/mod4icon.png); position:absolute; bottom:-1px; right:-1px; height:56px; width:60px; } #contentContainer .columnType1 { float: left; width: 430px; margin: 0; padding: 0 10px; position: relative; text-align: left; } #contentContainer .columnType1b { float: left; width: 430px; margin: 0 0 0 50px; padding: 0 10px; position: relative; text-align: left; } /*#contentContainer*/ .columnType2 { float: left; /* width: 860px; */ margin: 0; padding: 0 10px; position: relative; text-align: left; } /*#contentContainer*/ .columnType2 ol { list-style-type:decimal; margin:0 0 0 30px; } /*#contentContainer*/ .columnType2 ul { list-style-type: circle; margin:0 0 0 30px; } #contentContainer .columnType3 { float: left; width: 680px; margin: 0 0 25px 0; padding: 0px 10px; position: relative; text-align: left; } #contentContainer .columnType3 ul {margin:0 0 0 30px; list-style-type:disc} #contentContainer .columnType4 { float: left; width: 250px; margin: 0; padding: 15px 10px; position: relative; text-align: left; } #contentContainer .columnType5 { float: left; width: 650px; margin: 0 0 50px 0; padding: 10px 10px; position: relative; text-align: left; } #contentContainer .columnType6 { float: left; margin: 0 0 25px 0; padding: 0px 10px; position: relative; text-align: left; } #contentContainer .columnType6 ul {margin:0px 0px 10px 30px; list-style-type:disc} #contentContainer .columnType6 li {line-height:1.5em; font-size:1.0em} #contentContainer .columnType6 p.subtitle {font-weight:bold; font-size:1.0em; padding:0px !important; margin:10px 0px; font-size:1.0em} #contentContainer .columnType6 p {font-size:1.0em !important} #contentContainer .columnType6 h3 {padding-left:0px !important} #mainContentBox .headlineText { font-size: 16px; } #mainContentBox .headlineText p { font-size: 14px; } .herobox a:hover { color:#fff; text-decoration:underline; font-size: 14px; } a.heroBox { color:#fff; text-decoration:none; font-size: 14px; } a.heroBox:visited { color:#fff; text-decoration:none; font-size: 14px; } a.jumper:hover { color: #F60; text-decoration: underline; } a.jumper { color:#000000; text-decoration:underline; font-size: 11px; } a.jumper:visited { color:#000000; text-decoration:underline; font-size: 11px; } /*************************************************** FOOTER *****/ #footer { font-size: 1em; color: #999999; width: 943px; margin: 15px 0px 35px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: 1px #cccccc solid; height: 140px; padding: 10px 20px 0 20px; } .footerTitle { font-size: 12px; color: #CCCCCC; line-height: 1.5em; } .footerText { font-size: 12px; color: #A2A2A2; margin-left: 10px; line-height: 17px; } .footerText ul { margin: 0px; padding: 0px; list-style-type: none; } .footerText li { display: block; margin: 0px; padding: 0px; list-style-type: none; font-size: .9em; } #footercolumn1 { float:left; width:315px; color: #999999 } #footercolumn2 { float:left; width:165px; color: #999999 } #footercolumn3 { float:left; width:165px; color: #999999 } #footercolumn4 { float:left; width:165px; color: #999999 } .footerText ul:hover, #footerText ul:hover li a { color:#4795FF; } .footerText ul li a:hover { color:#333333; text-decoration:underline; } .footerText .active, #footerText ul:hover li a.active { color:#99FF66; text-decoration:underline; } .footerText a { color: #333333; text-decoration: none; } .footerText a:visited { color: #333333; text-decoration: none; } .footerText a:hover { color: #FF0000; text-decoration: underline; } .footerLink a:visited { color: #000000; text-decoration: none; } .footerLink a:hover { color: #F60; text-decoration: underline; } .footerLink a { color: #F60; text-decoration: none; } #footer .smallLogo { float: right; width: 100px; } /******************************************************* end Footer *****/ ul.MTSEO-links1 {padding:0px; font-size:10px; margin:2px auto; overflow:hidden; text-align:center; width:830px;} ul.MTSEO-links2 {padding:0px; font-size:10px; margin:2px auto; overflow:hidden; text-align:center; width:640px;} ul.MTSEO-links1 li, ul.MTSEO-links2 li {display:block; float:left; padding:0px 10px; border-right:1px solid #999; line-height:14px} ul.MTSEO-links1 li.end, ul.MTSEO-links2 li.end {border:none} ul.MTSEO-links1 li a, ul.MTSEO-links2 li a {color:#999; text-decoration:underline} /************************************************************ lightbox css ***************/ #lightbox { margin:auto; padding:0; position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox img { width: auto; height: auto; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding:0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /************************************************************ end lightbox ***************/ .columnType1 .sectionTitle { color: #000000; padding: 7px 0px 3px 0px; margin: 20px 20px 10px 10px; font-size: 1.4em; } /******************************************* @group Form ************************************/ img.divider { margin-top: 20px; margin-bottom: 20px; } span.bluestar { color: #231AC8; } form#form1 p { font-size: 89%; color: #6c6c6c; line-height: 1.3; margin-bottom: 1em; } form#form1 label { font-size: 110%; color: #6c6c6c; display: block; position: relative; } form#form1 label.small { font-size: 89%; margin-top: 5px; } input.textfield-large, input.textfield-xlarge, input.textfield-small, input.textfield-medium { height: 20px; border: 1px solid #cdc9c6; display: block; margin-top: 5px; color: #6c6c6c; padding-left: 2px; position: relative; } input.textfield-small { width: 130px; } input.textfield-medium, select.select-medium { width: 170px; } input.textfield-large { width: 212px; } input.textfield-xlarge { width: 308px; } div.row div.row { float: left; clear: none; padding-right: 5px; margin-bottom: 0px; padding-bottom: 0px; position: relative; } div.row div.row select { margin-top: 5px; margin-bottom: 3px; } div.row { clear: left; padding-bottom: 5px; padding-top: 5px; border: 1px solid white; margin-left: -5px; padding-left: 5px; position: relative; float: left; } form#form1 ol { color: #6c6c6c; font-size: 110%; } form#form1 ol li { list-style-type: decimal; list-style-position: inside; border: 1px solid white; padding-left: 15px; padding-top: 3px; padding-bottom: 3px; } form#form1 ol li select { width: 208px; margin-left: 10px; } form#form1 ul { color: #6c6c6c; font-size: 89%; padding-top: 10px; margin-top: 5px; border: 1px solid white; padding-left: 15px; } form#form1 ul li { margin-bottom: 10px; } form#form1 ul li input.checkbox { margin-right: 15px; } select#hearAbout { display: block; width: 237px; margin-top: 5px; } form#form1 .error { border: 1px solid #231AC8; } form#form1 button.submit { margin-top: 15px; border: none; background: url(images/contactme.jpg) no-repeat; cursor: pointer; width: 265px; height: 82px; } form#form1 button.apply { margin-top: 15px; border: none; background: url(images/apply.jpg) no-repeat; cursor: pointer; width: 265px; height: 82px; } form#form1 button.submit i { display: none; } form#form1 button.apply i { display: none; } form#form1 div#tax { position: relative; height: 50px; } form#form1 div#tax input { position: absolute; top: 25px; left: 5px; } /*********************************************************************** @end */ /************************************************************************ Billboards */ #contentContainer #heroBillboardINDEX { background-image: url(images/heroPlatform.jpg); height: 380px; width: 985px; } #contentContainer #heroBillboard { background-image: url(images/heroPlatform.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboard2 { background-image: url(images/spamBkgrnd.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboard3 { background-image: url(images/soundtrackBkgrnd.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboard3 { background-image: url(images/soundtrackBkgrnd.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboard5 { background-image: url(images/heroPlatform5.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboard8 { background-image: url(images/heroPlatform8.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardFOLDER { background-image: url(images/heroPlatformFOLDERS.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardWHEEL { background-image: url(images/heroPlatformWheel.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardCREATE { background-image: url(images/heroPlatformCREATE.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardNEWS { background-image: url(images/heroPlatformNEWS.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardINN { background-image: url(images/heroPlatformINN.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardLDR { background-image: url(images/heroPlatformLDR.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardMT { background-image: url(images/heroPlatformMT.jpg); height: 225px; width: 985px; } #contentContainer #heroBillboardKen { background-image: url(images/conversionBckgnd.jpg); height: 225px; width: 985px; } #contentContainer #heroBillboard6 { background-image: url(images/streetbkgrnd.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboardPUB { background-image: url(images/heroplatformPUB.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboardTOOL { background-image: url(images/heroplatformTOOL.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboardADV { background-image: url(images/heroplatformADV.jpg); height: 305px; width: 985px; } #heroContent { float: left; width: 550px; position: relative; top: 60px; } #heroContent404 h1 {padding-top:40px} #heroContentKen { float: right; width: 550px; position: relative; top: 60px; } #heroContentLDR { float: left; width: 800px; position: relative; top: -5px; padding: 0 0 0 15px; } #heroContentTECH { float: left; width: 965px; position: relative; top: 0px; font-size: 0.85em; height: 170px; padding: 10px 0 0 5px; } #heroIndexContent { float: left; width: 600px; position: relative; top: 50px; padding: 0 0 0 25px; } /********************************************************************** end hero billboards ***************/ #pageContainer #contentContainer #pageEnd { background-image: url(images/pageBase.jpg); background-repeat: no-repeat; height:25px; } #pageEnd { background-image: url(images/pageBase.jpg); height: 20px; width: 1010px; padding: 0 0 0 18px; } .subline { color: #333333; font-size: 1.2em; padding: 0 0 15px 0px; } .float-left { float: left; margin: 0px 10px 8px 0px; font-size: 9px; line-height: 14px; } .float-right { float: right; margin: 0px 0px 8px 10px; font-size: 9px; line-height: 14px; } .float-left img, .float-right img img { text-decoration: none; } .sectiontopic { color: #669933; padding: 17px 0px 3px 0px; margin: 10px 20px 0px 10px; font-weight: bold; font-size: 1.3em; } .sectiontopic2 { color: #336666; padding: 0px 0px 3px 0px; margin: 0px 20px 0px 10px; font-weight: bold; font-size: 1.3em; } #people { height: 27px; width: 210px; background-image: url(images/leadershipBTN.png); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#peopleBTN:hover { background:transparent url(images/leadershipBTNON.png) no-repeat scroll 0 0; } a#peopleBTN { height: 27px; left: 0px; position:absolute; width: 210px; color: transparent; top:0px; } a#learn:hover { background:transparent url(images/learn_on.jpg) no-repeat scroll 0 0; } a#learn { height: 27px; left: 0px; position:absolute; width: 210px; color: transparent; top:-1px; } a#apply:hover { background:transparent url(images/apply_on.jpg) no-repeat scroll 0 0; } a#apply { height: 27px; left: 103px; position:absolute; width: 210px; color: transparent; top:1px; } #applyBtn { height: 27px; width: 210px; background-image: url(images/learnApplyBkgrnd.jpg); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#apply1:hover { background:transparent url(images/apply1_on.jpg) no-repeat scroll 0 0; } #applyBtn1 { height: 27px; width: 112px; background-image: url(images/applyBkgrnd.jpg); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#apply1 { height: 27px; left: 0px; position:absolute; width: 113px; color: transparent; top:0px; } #applyCOBtn { height: 27px; width: 250px; background-image: url(images/applySalesBkgrnd.jpg); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#applyCO:hover { background:transparent url(images/become_pub_on.jpg) no-repeat scroll 0 0; } a#applyCO { height: 27px; left: 0px; position:absolute; width: 210px; color: transparent; top:0px; } a#sales1:hover { background:transparent url(images/sales1_on.jpg) no-repeat scroll 0 0; } #salesBtn1 { height: 27px; width: 109px; background-image: url(images/salesBkgrnd.jpg); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#sales1 { height: 27px; left: 0px; position:absolute; width: 109px; color: transparent; top:0px; } a#learn:hover { background:transparent url(images/learn_on.jpg) no-repeat scroll 0 0; } a#learn { height: 27px; left: 0px; position:absolute; width: 210px; color: transparent; top:-1px; } #salesBtn { height: 27px; width: 210px; background-image: url(images/learnSalesBkgrnd.jpg); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#sales:hover { background:transparent url(images/sales_on.jpg) no-repeat scroll 0 0; } a#sales { height: 27px; left: 103px; position:absolute; width: 210px; color: transparent; top:0px; } a#salesIND:hover { background:transparent url(images/sales_on.jpg) no-repeat scroll 0 0; } a#salesIND { height: 27px; left: 139px; position:absolute; width: 210px; color: transparent; top:0px; } a#mediatrust:hover { background:transparent url(images/mediatrust_on.jpg) no-repeat scroll 0 0; } a#mediatrust { height: 27px; left: 103px; position:absolute; width: 210px; color: transparent; top:0px; } #pageContainer #contentContainer .columnType1 #form1 .canSpam { clear: both; float: left; width: 400px; } .sectionHeader { font-size: 1.5em; color: #000000; } #pageContainer #fullSpan { padding: 25px 0px 25px 0px; width: 985px; margin: 20px 0 20px 0; border-top: 1px #666666 solid; } #pageContainer #baseSpan { padding: 25px 100px 0 100px; width: 785px; margin: 20px 0 20px 0; border-top: 1px #666666 solid; border-bottom: 1px #999999 solid; height: 120px; } #pageContainer #contentContainer #subNavBlock .subNav { display: inline; list-style-type: none; padding: 0 10px 0 10px; } #pageContainer #contentContainer #subNavBlock .sectionTitle { font-size: 1.3em; font-weight: bold; color: #333333; float: left; padding: 0 0 0 15px; } #navBar { float: left; padding: 15px 0 0 0; width: 938px; text-align: right; } #footerNav { float: left; height: 20px; width: 985px; text-align: right; margin: 0; } .phone { font-size: 0.9em; color: #000; text-decoration: none; margin-top: 5px; padding: 0 0 0 9px; } .copyright { font-size: 11px; color: #383838; float: left; } i { color: transparent; display: none; } ul { color: #666666; font-size: 1em; line-height: 1.2em; } .here { color: #999999; } li { color: #666666; } .docsList { margin: 0 0 25px 10px; height: 55px; } ol { font-weight: normal; } .sidebarTOP { font-size: 1.1em; font-weight: bold; color: #006633; } .logoMark { width:229px; } /********************************************************** nav system **********************/ div#globalNav { float: left; height: 80px; width: 985px; padding: 0; margin: 0; background: transparent url(images/globalnavBkrnd.png) no-repeat 0 0; position: relative; top:12px; color: transparent; background-image: url(images/globalnavBkgrnd.png); left: 0px; } a#logomark:hover { background:transparent; } a#logomark { height:67px; left:0px; position:absolute; width:291px; color: transparent; top: 0px; } a#overview:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll 0 0; } a#overview { height:36px; left:242px; position:absolute; width:111px; color: transparent; top: 16px; } a#overviewON { background:transparent url(images/globalnavActions.png) no-repeat scroll 0 -38px; height:36px; left:242px; position:absolute; width:111px; color: transparent; top: 16px; } a#publishers:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll -116px 0; } a#publishers { height:36px; left:353px; position:absolute; width:116px; color: transparent; top: 16px; } a#publishersON { background:transparent url(images/globalnavActions.png) no-repeat scroll -116px -38px; height:36px; left:353px; position:absolute; width:116px; color: transparent; top: 16px; } a#advertisers:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll -232px 0; } a#advertisers { height:36px; left:470px; position:absolute; width:114px; color: transparent; top: 16px; } a#advertisersON { background:transparent url(images/globalnavActions.png) no-repeat scroll -232px -38px; height:36px; left:470px; position:absolute; width:114px; color: transparent; top: 16px; } a#about:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll -350px 0; } a#about { height:36px; left:586px; position:absolute; width:115px; color: transparent; top: 16px; } a#aboutON { background:transparent url(images/globalnavActions.png) no-repeat scroll -350px -38px; height:36px; left:586px; position:absolute; width:115px; color: transparent; top: 16px; } a#blog:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll -470px 0; } a#blog { height:36px; left:703px; position:absolute; width:138px; color: transparent; top: 16px; } a#account:hover { background:transparent url(images/globalnavActions.png) no-repeat scroll -617px 0; } a#account { height:36px; left:854px; position:absolute; width:162px; color: transparent; top: 16px; } /************************************************* top nav system ***********************/ #mainContentBox { float:left; width:650px; min-height:300px; border:solid #333 1px; -moz-border-radius:10px; padding: 7px; margin: 20px 0 0 50px; background-color: #000000; } .boxBody ul { color: #666666; font-size: 12px; margin: 0px; padding: 0 0 0 40px; } #pageHead { font-size: 1.8em; color: #000000; font-weight: normal; padding: 10px 0 0px 0; border: 1px solid #000000; margin: 0px 0px 10px 10px; min-width:50px; } /************************************************************************ Billboards */ #contentContainer #heroBillboardINDEX { background-image: url(images/heroPerfEx.jpg); height: 365px; width: 985px; } #contentContainer #heroBillboard { background-image: url(images/heroPlatform.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboard2 { background-image: url(images/spamBkgrnd.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboard3 { background-image: url(images/soundtrackBkgrnd.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboard3 { background-image: url(images/soundtrackBkgrnd.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboard5 { background-image: url(images/heroPlatform5.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboard8 { background-image: url(images/heroPlatform8.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardFOLDER { background-image: url(images/heroPlatformFOLDERS.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardWHEEL { background-image: url(images/heroPlatformWheel.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardCREATE { background-image: url(images/heroPlatformCREATE.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardNEWS { background-image: url(images/heroPlatformNEWS.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardINN { background-image: url(images/heroPlatformINN.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardLDR { background-image: url(images/heroPlatformLDR.jpg); height: 180px; width: 985px; } #contentContainer #heroBillboardMT { background-image: url(images/heroPlatformMT.jpg); height: 225px; width: 985px; } #contentContainer #heroBillboardKen { background-image: url(images/conversionBckgnd.jpg); height: 225px; width: 985px; } #contentContainer #heroBillboard6 { background-image: url(images/streetbkgrnd.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboardPUB { background-image: url(images/heroplatformPUB.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboardTOOL { background-image: url(images/heroplatformTOOL.jpg); height: 305px; width: 985px; } #contentContainer #heroBillboardADV { background-image: url(images/heroplatformADV.jpg); height: 305px; width: 985px; } #heroContentKen { float: right; width: 550px; position: relative; top: 60px; } #heroContentLDR { float: left; width: 800px; position: relative; top: -5px; padding: 0 0 0 15px; } #heroContentTECH { float: left; width: 965px; position: relative; top: 0px; font-size: 0.85em; height: 170px; padding: 10px 0 0 5px; } #heroIndexContent { float: left; width: 608px; position: relative; top: 24px; left:34px; padding: 0; } /********************************************************************** end hero billboards ***************/ #pageContainer #contentContainer #pageEnd { background-image: url(images/pageBase.jpg); background-repeat: no-repeat; height:25px; } #pageEnd { background-image: url(images/pageBase.jpg); height: 20px; width: 1010px; padding: 0 0 0 18px; } .subline { color: #333333; font-size: 1.2em; padding: 0 0 15px 0px; } .float-left { float: left; margin: 0px 10px 8px 0px; font-size: 9px; line-height: 14px; } .float-right { float: right; margin: 0px 0px 8px 10px; font-size: 9px; line-height: 14px; } .float-left img, .float-right img img { text-decoration: none; } .sectiontopic2 { color: #336666; padding: 0px 0px 3px 0px; margin: 0px 20px 0px 10px; font-weight: bold; font-size: 1.3em; } #people { height: 27px; width: 210px; background-image: url(images/leadershipBTN.png); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#peopleBTN:hover { background:transparent url(images/leadershipBTNON.png) no-repeat scroll 0 0; } a#peopleBTN { height: 27px; left: 0px; position:absolute; width: 210px; color: transparent; top:0px; } a#learn:hover { background:transparent url(images/learn_on.jpg) no-repeat scroll 0 0; } a#learn { height: 27px; left: 0px; position:absolute; width: 210px; color: transparent; top:-1px; } a#apply:hover { background:transparent url(images/apply_on.jpg) no-repeat scroll 0 0; } a#apply { height: 27px; left: 103px; position:absolute; width: 210px; color: transparent; top:1px; } #applyBtn { height: 27px; width: 210px; background-image: url(images/learnApplyBkgrnd.jpg); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#apply1:hover { background:transparent url(images/apply1_on.jpg) no-repeat scroll 0 0; } #applyBtn1 { height: 27px; width: 112px; background-image: url(images/applyBkgrnd.jpg); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#apply1 { height: 27px; left: 0px; position:absolute; width: 113px; color: transparent; top:0px; } #applyCOBtn { height: 27px; width: 250px; background-image: url(images/applySalesBkgrnd.jpg); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#applyCO:hover { background:transparent url(images/become_pub_on.jpg) no-repeat scroll 0 0; } a#applyCO { height: 27px; left: 0px; position:absolute; width: 210px; color: transparent; top:0px; } a#sales1:hover { background:transparent url(images/sales1_on.jpg) no-repeat scroll 0 0; } #salesBtn1 { height: 27px; width: 109px; background-image: url(images/salesBkgrnd.jpg); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#sales1 { height: 27px; left: 0px; position:absolute; width: 109px; color: transparent; top:0px; } a#learn:hover { background:transparent url(images/learn_on.jpg) no-repeat scroll 0 0; } a#learn { height: 27px; left: 0px; position:absolute; width: 210px; color: transparent; top:-1px; } #salesBtn { height: 27px; width: 210px; background-image: url(images/learnSalesBkgrnd.jpg); margin: 10px auto 15px auto; position: relative; top:0px; color: transparent; } a#sales:hover { background:transparent url(images/sales_on.jpg) no-repeat scroll 0 0; } a#sales { height: 27px; left: 103px; position:absolute; width: 210px; color: transparent; top:0px; } a#salesIND:hover { background:transparent url(images/sales_on.jpg) no-repeat scroll 0 0; } a#salesIND { height: 27px; left: 139px; position:absolute; width: 210px; color: transparent; top:0px; } a#mediatrust:hover { background:transparent url(images/mediatrust_on.jpg) no-repeat scroll 0 0; } a#mediatrust { height: 27px; left: 103px; position:absolute; width: 210px; color: transparent; top:0px; } h5 { font-size: 1.5em; line-height: 1.2em; font-weight: normal; color: #000000; } #pageContainer #contentContainer .columnType1 #form1 .canSpam { clear: both; float: left; width: 400px; } .sectionHeader { font-size: 1.5em; color: #000000; } #pageContainer #fullSpan { padding: 25px 0px 25px 0px; width: 985px; margin: 20px 0 20px 0; border-top: 1px #666666 solid; } #pageContainer #baseSpan { padding: 25px 100px 0 100px; width: 785px; margin: 20px 0 20px 0; border-top: 1px #666666 solid; border-bottom: 1px #999999 solid; height: 120px; } #pageContainer #contentContainer #subNavBlock .subNav { display: inline; list-style-type: none; padding: 0 10px 0 10px; } #pageContainer #contentContainer #subNavBlock .sectionTitle { font-size: 1.3em; font-weight: bold; color: #333333; float: left; padding: 0 0 0 15px; } #pageContainer #contentContainer #subNews .sectionTitlenews { font-size: 1.3em; font-weight: bold; color: #666666; float: left; } #pageContainer #contentContainer #subNavBlock .sectionTitle1 { font-size: 1.5em; font-weight: bold; color: #333333; float: left; padding: 0 0 0 15px; } #pageContainer #contentContainer #subNavBlock { text-align:right; margin: 15px 0px 10px 0px; width: 100%; float:left; clear:both; } #pageContainer #contentContainer .columnType4 .sidebarLinks { font-size: 0.8em; } #subNavBlock2 { text-align: right; padding: 45px 0 5px 10px; width: 99%; border-bottom: 1px solid #999999; margin: 0 0 15px 0; } #subNavBlock2 .subNav { display: inline; list-style-type: none; padding: 0 10px 0 10px; font-size: 1em; } #subNavBlock2 .sectionTitle { font-size: 1.5em; font-weight: normal; color: #666666; float: left; } #subNavBlock2 .sectionTitle1 { font-size: 1.5em; font-weight: bold; color: #333333; float: left; padding: 0 0 0 15px; } #pageContainer #contentContainer #heroBillboard #heroContent .index { padding-left: 15px; } #trypticTitle { font-size: 1.5em; color: #000000; margin: 26px 0 0 15px; } #tryptic p { font-size: 1em; } #pageContainer #contentContainer .columnType3 .events { margin: 10px 0 20px 25px; padding: 0; clear: left; height: 155px; } #pageContainer #contentContainer .columnType3 .events .eventImage { /* width: 150px; */ display:block; float: left; background:url(images/imageFrame.gif) center top no-repeat; width:213px; margin: 0px; padding:0; text-align:center; height: 155px; } #pageContainer #contentContainer .columnType3 .events .eventImage img { margin:10px 0 0 9px; } #pageContainer #contentContainer .columnType3 .awards { margin: 10px 0 20px 25px; padding: 0; clear: left; height: 155px; width:680px } #pageContainer #contentContainer .columnType3 .awards .awardsImage { /* width: 150px; */ display:block; float: left; background:url(images/imageFrame.gif) center top no-repeat; width:213px; margin: 0px; padding:0; text-align:center; height: 155px; } #pageContainer #contentContainer .columnType3 .awards .awardsImage img { margin:11px 0 0 9px; } .sectiontitle1 { font-size: 1.5em; color: #669933; margin: 10px 0 15px 10px; } .date { font-size: 0.9em; color: #666666; margin: 0 0 0 10px; } #pageContainer #contentContainer .columnType3 .quoteImage { float: left; width: 200px; height: 100px; padding: 15px 0 0 15px; } #pageContainer #contentContainer .columnType3 .quotes { font-size: 1.1em; line-height: 1.1em; color: #333333; float: left; width: 400px; height: 100px; background: url(images/quoteBkgrnd.jpg) no-repeat top left; margin: 0px 0 10px 15px; padding: 15px 0 0 15px; } #pageContainer #contentContainer .columnType3 .quotes .smaller { font-size: 1em; } .tabPages .columnType3 ul.cValues li { font-size:14px; line-height:18px; padding-bottom:12px; } #pageContainer #contentContainer .columnType4 .sidebarBlock { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; } #pageContainer #contentContainer .columnType4 .sidebarLinks { font-size: 0.8em; } #pageContainer #footerNav .topNav .SMicon { padding-left: 10px; } .seplines { border-top: 1px solid #D9D9D9; } #pageContainer #contentContainer #trypticTitle2 { font-size: 1.5em; color: #000000; margin: 30px 5px 0 5px; border: #ccc 1px solid; } #pageContainer #fullSpan .column1 { float: left; width: 450px; padding: 0 30px 0 0; } /******************************************************************* Pubform */ /* Pubform */ .pubform { padding:10px; } .pubform .field { margin-bottom:20px; } .pubform #recaptcha_area { margin-left:-7px; } .pubform p { margin-left:0; font-size:12px; } .pubform label, .pubform fieldset legend { display:block; margin-bottom:1px; font-size:12px; font-weight:bold; color:rgb(102,102,102); padding:0; -moz-transition: color 600ms; -webkit-transition: color 600ms; -o-transition: color 600ms; -ms-transition: color 600ms; transition: color 600ms; } .pubform .focused label, .pubform .focused fieldset legend { color:rgb(0,0,0); } .pubform .text { border:1px #999 solid; background:none; font-size:11px; padding:5px; } .pubform fieldset { padding:0; margin:0; border:none; } .pubform fieldset label, div#main .pubform fieldset label { display:inline; font-weight:normal; margin-right:15px; } .pubform .twocol { width:530px; overflow:hidden; } .pubform .twocol .field { display:inline; float:left; width:250px; margin-right:15px; } .boxit { border: 1px solid #999999; padding: 10px; margin-bottom:5px; } .pubform span.required { color:red; } .pubform #termsconditions, .pubform #termsconditions li { list-style:none; padding-left:0; } .pubform .validation-advice { color:red; margin-bottom:5px; } #form1 .focused label { color:#000; } .pubform #advice-recaptcha_validate-recaptcha_response_field { position:relative; top:30px; width: 400px; } /********************************************************** Performance Exchange **********************/ h1.heroPXTitle { background:url(images/heroPerfExTitle.png) left top no-repeat; text-indent:-4000px; height:165px; } .heroPXDiag { float:right; margin:0; position:relative; top:30px; right:20px; } p.pxCopy { font: 15px/20px "Myriad Pro","myriad-pro-1","myriad-pro-2",Arial,Sans-Serif; color:#fff; font-weight: normal; padding-bottom:13px; } a.perfExLgBtn { background:url(images/lgButtonSprite.png) 0px 0px no-repeat; width:262px; height:60px; display:block; color:#fff; text-align:center; font-size:2.00em; line-height:2.00em; padding-top:0px; margin:0 auto; text-shadow:0px -1px 1px #333; } a.perfExLgBtn:hover { background-position: 0px -60px; text-decoration:none; } .pubbox {width:345px; height:170px; margin-right:50px; padding:10px} .advbox {width:345px; height:170px; padding:10px} a.blueLgBtn { background:url(images/xlBlueButtonSprite.png) 0px 0px no-repeat; width:303px; text-shadow:0px -1px 1px #333; height:64px; display:block; color:#fff; text-align:center; font-size:1.85em; line-height:2.85em; padding-top:0px; margin:0 auto; } a.blueLgBtn:hover { background-position: 0px -64px; text-decoration:none; } a.grnLgBtn { background:url(images/xlGreenButtonSprite.png) 0px 0px no-repeat; width:303px; text-shadow:0px -1px 1px #333; height:64px; display:block; color:#fff; text-align:center; font-size:1.85em; line-height:2.85em; padding-top:0px; margin:0 auto; } a.grnLgBtn:hover { background-position: 0px -64px; text-decoration:none; } .btnShadow {width:303px; height:11px; margin:0 auto; background:url(images/btnshadow.png) center top no-repeat; display:none} #subNavBlock .new { background:url(images/perfexSprite.gif) left -202px no-repeat; padding-left:18px !important; } .sectionTitlenews { color: #666666; float: left; font-size: 1.25em; font-weight: bold; clear:both } #contentContainer #heroBillboardPerfEx { background-image: url(images/perfexbkgrnd.png); height: 130px; width: 985px; } span.dark { color:#333 } ul.perfexAdv { color:#666666; font-size: 1.1em; margin:5px 0px 5px 15px; padding:0px } ul.perfexAdv li { list-style-type:none; background:url(images/perfexSprite.gif) 0px -179px no-repeat; height:12px; margin-bottom:10px; padding-left:20px; } #userExperience { padding:2px; margin:15px 0 0 10px; width:700px; height:300px; -moz-box-shadow:inset 0 1px 1px #FFFFFF; -webkit-box-shadow:inset 0 1px 1px #FFFFFF; box-shadow:inset 0 1px 1px #FFFFFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color: #f7f7f7; border:1px solid #dedede; } #userExperience p { font-size:.75em; line-height:1.25em; margin:0; padding:10px 0 0 0; width:210px; clear:left; } .step1, .step2, .step3 { float:left; margin-top:15px; } .step1 { margin-left:20px; margin-right:20px; } .step2 { margin-right:20px; } .stepTitle {width:210px; font-size:1.00em; line-height:1.25em; padding:0px; text-align:left} a.scrn { background: url(images/thumbBox.png) 0 0 no-repeat; display: block; height: 164px; margin-left: 0; position: relative; width: 200px; float:left; } a.scrn img { margin:10px; } a.scrn span.hover { background-image:none; height:141px; left:10px; position:absolute; top:10px; width:180px; } a.scrn:hover span.hover, a.scrn span.hover.active { background-image:url(images/overlayEnl.png); } #advExperience { padding:2px; margin:15px 0 0 10px; width:699px; overflow:hidden; position:relative; } #advExperience h5, #advExperience h6 { width:213px; } #advExperience ul { list-style: none; padding: 0; margin: 0; } ul#tabs { width: 680px; height:64px; float:left; background:url(images/advExpbkgd.png) center top no-repeat; padding:18px 0 0 19px; margin-bottom:20px; } ul#tabs li { font-size: 20px; font-family: Arial; float:left; margin:0px 4px; } ul#tabs li .mtpxSteps { padding-top:16px; text-align:center; } ul#tabs li a { color: #ccc; text-decoration: none; font-weight:bold; display: block; padding: 0px; height: 48px; width:212px; outline: none; background: url(images/advExpbtnhover.png) center top no-repeat; } ul#tabs li a:hover { color:#fff; background: url(images/advExpbtnhover.png) center top no-repeat; } ul#tabs li a.current { background: url(images/advExpbtnactive.png) center top no-repeat; color: #fff; } ul#tabs li a.current:hover { text-decoration: none; cursor: default; } div.advBottom { margin:325px 0px 0px 10px; } div.advBottom p { font-size:1.15em; margin:0; padding:0 0 5px 0; color:#000; white-space:nowrap; } a.participateBtn, input.button { background:url(images/buttonSprite.png) 0px 0px no-repeat; width:204px; height:43px; display:block; color:#fff; font-size:1.5em; line-height:2.00em; text-align:center; cursor:pointer; border:none; outline:none; font-family:Arial, Helvetica, sans-serif; text-shadow:0px -1px 1px #333; } a.participateBtn:hover, input.button:hover { background-position: 0px -44px; text-decoration:none } ul#output { margin:0px; width: 700px; height: 450px; position: relative; } ul#output li { position: absolute; width: 700px; height: 450px; } #pubManContent { padding:2px; margin:15px 0 0 10px; width:696px; overflow:hidden; position:relative; } #pubExperience { padding:2px; margin:15px 0 0 10px; width:696px; overflow:hidden; position:relative; } #pubExperience h5, #pubExperience h6 { width:213px; } /*#advExperience ul { list-style: none; padding: 0; margin: 0; }*/ ul#puboutput { margin:0px; width: 700px; height: 490px; position: relative; } ul#puboutput li { position: absolute; width: 700px; height: 490px; } ul#pubtabs { width: 700px; height:52px; float:left; padding:0px; margin:0px 0px 20px 162px; } ul#pubtabs li { margin:0px 6px; float:left; } ul#pubtabs li .mtpxSteps { text-indent:-4000px; text-align:center; } ul#pubtabs li a { text-indent:-4000px; text-decoration: none; display: block; padding: 0px; height: 52px; width:64px; outline: none; background:url(images/pubEmailthumbs.jpg) 0px 0px no-repeat; } ul#pubtabs li.email1 a { background-position:0px 0px; } ul#pubtabs li.email1 a:hover { background-position:-65px 0px; } ul#pubtabs li.email1 a.current { background-position:-130px 0px; } ul#pubtabs li.email2 a { background-position:0px -52px; } ul#pubtabs li.email2 a:hover { background-position:-65px -52px; } ul#pubtabs li.email2 a.current { background-position:-130px -52px; } ul#pubtabs li.email3 a { background-position:0px -104px; } ul#pubtabs li.email3 a:hover { background-position:-65px -104px; } ul#pubtabs li.email3 a.current { background-position:-130px -104px; } ul#pubtabs li.email4 a { background-position:0px -156px; } ul#pubtabs li.email4 a:hover { background-position:-65px -156px; } ul#pubtabs li.email4 a.current { background-position:-130px -156px; } ul#pubtabs li.email5 a { background-position:0px -208px; } ul#pubtabs li.email5 a:hover { background-position:-65px -208px; } ul#pubtabs li.email5 a.current { background-position:-130px -208px; } ul#pubtabs li.email6 a { background-position:0px -260px; } ul#pubtabs li.email6 a:hover { background-position:-65px -260px; } ul#pubtabs li.email6 a.current { background-position:-130px -260px; } /* MANAGED CONTENT CHANNEL */ ul#pubManContentoutput { margin:0px; width: 700px; height: 490px; position: relative; } ul#pubManContentoutput li { position: absolute; width: 700px; height: 490px; } ul#pubManContentoutput .txtAdlft {position:absolute; top:185px; right:70px; width:230px} ul#pubManContentoutput .txtAdrt {position:absolute; top:185px; left:50px; width:230px} ul#pubManContentoutput span.txttitle {display:block; color:#06C; font-size:16px} ul#pubManContentoutput span.txtbody {display:block; color:#000; font-size:12px} ul#pubManContentoutput span.txturl {display:block; color: #090; font-size:12px} ul#pubManContenttabs { width: 700px; height:52px; float:left; padding:0px; margin:0px 0px 20px 198px; } ul#pubManContenttabs li { margin:0px 6px; float:left; } ul#pubManContenttabs li .mtpxDisplay { text-indent:-4000px; text-align:center; } ul#pubManContenttabs li a { text-indent:-4000px; text-decoration: none; display: block; padding: 0px; height: 52px; width:64px; outline: none; background:url(images/pubDisplaythumbs.jpg) 0px 0px no-repeat; } ul#pubManContenttabs li.display1 a {background-position:0px 0px;} ul#pubManContenttabs li.display1 a:hover {background-position:-65px 0px;} ul#pubManContenttabs li.display1 a.current {background-position:-130px 0px;} ul#pubManContenttabs li.display2 a {background-position:0px -52px;} ul#pubManContenttabs li.display2 a:hover {background-position:-65px -52px;} ul#pubManContenttabs li.display2 a.current {background-position:-130px -52px;} ul#pubManContenttabs li.display3 a {background-position:0px -104px;} ul#pubManContenttabs li.display3 a:hover {background-position:-65px -104px} ul#pubManContenttabs li.display3 a.current {background-position:-130px -104px;} ul#pubManContenttabs li.display4 a {background-position:0px -156px;} ul#pubManContenttabs li.display4 a:hover {background-position:-65px -156px;} ul#pubManContenttabs li.display4 a.current {background-position:-130px -156px;} /*ul#pubtabs li.email1 a.current:hover { text-decoration: none; cursor: default; } */