/*------------------------------------------------------------------------ # Soapbox -> Style CSS (v1.0) # ------------------------------------------------------------------------ # Copyright (C) 2009 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !LAYOUT */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !LAYOUT: Body */ /* ----------------------------------------------------------------------*/ body { color: #1d1d1d; background: #c0e868 url(none); } /* !Printable page & Mailto Page Popups */ body.contentpane { color: #1d1d1d; background: #fff url(none); } /* !Table */ th {} td,div {} /* ------------------------------------------------------------------------ /* !LAYOUT: Wrappers */ /* ----------------------------------------------------------------------*/ #sbx-wrapper, #sbx-footerwrap { width: 100%; margin: 0; padding: 0; position: relative; } #sbx-wrapper { background: #eaeaea url(../images/bodyBG-home.png) repeat-x; } #sbx-header, #sbx-mainnav, #sbx-container, #sbx-footer { width: 903px; margin: 0 auto; padding: 0; position: relative; } /* ------------------------------------------------------------------------ /* !LAYOUT: Header */ /* ----------------------------------------------------------------------*/ #sbx-headerwrap { z-index: 999; padding-bottom: 9px; } #sbx-header { position: relative; height: 117px; z-index: 999; } a#logo { display: block; } a.flyingpenguin { display: block; text-indent: -9999px; width: 539px; height: 45px; background: url(../images/flyingpenguin.png) no-repeat left top; position: absolute; top: 14px; right: 0px; } a.flyingpenguin:hover { background-position: left bottom; } ul.socialLinks { margin: 0; padding: 8px 0 0 0; float: right; width: 400px; position: absolute; bottom: 14px; right: 0px; } ul.socialLinks li { margin: 0; padding: 0 2px; display: block; float: right; background: none; font-size: 11px; line-height: 11px; } ul.socialLinks li a { margin: 0; padding: 0; display: block; width: 24px; height: 24px; color: #3d3b3d; font-weight: bold; font-size: 11px; line-height: 11px; text-decoration: none; } ul.socialLinks li span { display: none; } ul.socialLinks li.last { padding-right: 0px; } ul.socialLinks li.title { width: 267px; height: 25px; background: url(../images/lookusup.png) no-repeat; } ul.socialLinks li.twitter a { background: url(../images/icon-twitter.png) no-repeat; } ul.socialLinks li.facebook a { background: url(../images/icon-facebook.png) no-repeat; } ul.socialLinks li.flickr a { background: url(../images/icon-flickr.png) no-repeat; } ul.socialLinks li.rss a { background: url(../images/icon-rss.png) no-repeat; } ul.socialLinks li.blog a { background: url(../images/icon-blog.png) no-repeat; } /* ------------------------------------------------------------------------ /* !LAYOUT: Main Nav */ /* ----------------------------------------------------------------------*/ #sbx-mainnav { position: relative; z-index: 999; width: 903px; height: 45px; background: url(../images/mn-bg.png) no-repeat; } /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ /* !Common */ #sbx-container { padding-bottom: 60px; } /* !3 Column */ #sbx-containerwrap {} #sbx-containerwrap2 {} #sbx-container {} #sbx-container2 {} #sbx-mainbody {} #sbx-content {} /* !Full */ #sbx-containerwrap-f {} #sbx-containerwrap-f #sbx-containerwrap2 {} #sbx-containerwrap-f #sbx-container, #sbx-containerwrap-f #sbx-container2 {} #sbx-mainbody-f {} #sbx-mainbody-f #sbx-contentwrap { background: url(../images/contentBG-full.png) repeat-y; overflow: hidden; } #sbx-mainbody-f #sbx-content { padding: 11px 33px 21px 33px; } #sbx-mainbody-f #sbx-content-top { background: url(../images/contentBG-topFull.png) no-repeat; height: 10px; } #sbx-mainbody-f #sbx-content-bot { background: url(../images/contentBG-botFull.png) no-repeat; height: 9px; } /* !Full left */ #sbx-containerwrap-fl {} #sbx-containerwrap-fl #sbx-containerwrap2, #sbx-containerwrap-fl #sbx-container, #sbx-containerwrap-fl #sbx-container2 {} #sbx-mainbody-fl { width: 608px; float: left; } #sbx-mainbody-fl #sbx-contentwrap { background: url(../images/contentBG.png) repeat-y; overflow: hidden; } #sbx-mainbody-fl #sbx-content { padding: 11px 33px 21px 33px; } #sbx-mainbody-fl #sbx-content-top { background: url(../images/contentBG-top.png) no-repeat; height: 10px; } #sbx-mainbody-fl #sbx-content-bot { background: url(../images/contentBG-bot.png) no-repeat; height: 9px; } body.home #sbx-mainbody-fl { position: relative; } /* !Full right */ #sbx-containerwrap-fr {} #sbx-containerwrap-fr #sbx-containerwrap2 {} #sbx-mainbody-fr {} #sbx-mainbody-fr #sbx-content {} /* !Left & Right Columns */ #sbx-leftCol { overflow: hidden; } #sbx-leftCol-inner {} #sbx-rightCol { width: 285px; float: right; font-size: .9em; line-height: 1.5em; } #sbx-rightCol-inner {} #sbx-leftCol .article_separator, #sbx-rightCol .article_separator { display: none; } /* ------------------------------------------------------------------------ /* !LAYOUT: Footer */ /* ----------------------------------------------------------------------*/ #sbx-footerwrap { clear: both; background: url(../images/footerBG.png) repeat-x; } #sbx-footer { color: #666; position: relative; height: 230px; } #sbx-footaddy { padding-top: 28px; } #sbx-footaddy .sbxModTable-col { display: inline; float: left; font-size: 11px; line-height: 15px; color: #2c2c2c; /*width: 200px;*/ width: auto; margin-right: 30px; background: url(../images/footer-div.png) no-repeat left top; padding-bottom: 100px; } #sbx-footaddy .sbxMod-content { padding-left: 15px; } #sbx-footaddy h6 { margin-top: 0px; } #sbx-footaddy a:hover { color: #fff; } #sbx-footaddy .colAddy { background: url(none); padding-left: 11px; margin-right: 40px; } #sbx-footaddy .colAddy .sbxMod-content { padding-left: 0px; } #sbx-footaddy .colBcorp { width: auto; background: url(none); margin-top: -15px; margin-right: 0px; float: right; } #sbx-footaddy .colBcorp .sbxMod-content { padding-left: 0px; } #sbx-footaddy .colSeal { width: auto; background: url(none); float: right; } #sbx-footaddy .colSeal .sbxMod-content { padding-left: 0px; } #sbx-footaddy p.cr { font-size: 10px; margin: 16px 0 0 0; padding: 0; } /* ------------------------------------------------------------------------ /* !LAYOUT: Homepage */ /* ----------------------------------------------------------------------*/ .sbxModTable-focusForm { width: 903px; height: 311px; background: url(../images/focus-form-template.png) no-repeat; position: relative; } .sbxModTable-focusForm p, .sbxModTable-focusForm h1 { display: none; } .sbxModTable-focusForm div.form { position: absolute; top: 233px; left: 346px; width: 522px; } .sbxModTable-focusForm div.email { float: left; background: url(../images/focus-email.png) no-repeat; width: 385px; height: 45px; padding-left: 16px; padding-top: 6px; } .sbxModTable-focusForm input#email { background: none; border: none; color: #0080ca; font-size: 19px; line-height: normal; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; width: 370px !important; } .sbxModTable-focusForm button.signup { float: right; width: 115px; height: 45px; background: url(../images/focus-btn.png) no-repeat left top; border: none; cursor: pointer; } .sbxModTable-focusForm button.signup:hover { background-position: left bottom; } .sbxModTable-focusForm button.signup span { display: none; } .sbxModTable-focusForm a.btn-schedule { float: right; width: 201px; height: 45px; background: url(../images/focus-btn-schedule.png) no-repeat left top; border: none; cursor: pointer; } .sbxModTable-focusForm a.btn-schedule:hover { background-position: left bottom; } .sbxModTable-focusForm a.btn-schedule span { display: none; } .sbxModTable-budget { margin-top: 30px; margin-left: -5px; text-align: center; } .sbxModTable-bottomForm { margin-top: 50px; text-align: center; } .sbxModTable-bottomForm div.form { width: 522px; margin: 0 auto; padding-top: 19px; text-align: left; } .sbxModTable-bottomForm div.email { float: left; background: url(../images/focus-email.png) no-repeat; width: 385px; height: 45px; padding-left: 16px; padding-top: 6px; } .sbxModTable-bottomForm input#email { background: none; border: none; color: #0080ca; font-size: 19px; line-height: normal; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; width: 370px !important; } .sbxModTable-bottomForm button.signup { float: right; width: 115px; height: 45px; background: url(../images/focus-btn.png) no-repeat left top; border: none; cursor: pointer; } .sbxModTable-bottomForm button.signup:hover { background-position: left bottom; } .sbxModTable-bottomForm button.signup span { display: none; } #engageFRM button.button { width: 134px; height: 45px; background: url(../images/btn-launchit.png) no-repeat left top; border: none; cursor: pointer; } #engageFRM button.button:hover { background-position: left bottom; } #engageFRM button.button span { display: none; } #engageFRM li.disabled label { color: #787877; } #engageFRM li.disabled input.disabled { background-color: #f2f2f2; color: #595958; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MENUS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Menu */ /* ----------------------------------------------------------------------*/ /* !1st Level */ ul.menu { margin: 0; padding: 1px 0 0; list-style: none; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; } ul.menu li { margin: 0 !important; padding: 0 !important; background: none; } ul.menu li a, ul.menu li a:active, ul.menu li a:visited { line-height: 35px; font-size: 1.6em; padding: 0px 14px; text-decoration: none; display: block; outline: none; height: 35px; } ul.menu li a:hover { text-decoration: none; } ul.menu li a span {} ul.menu li a.mainlevel { background: url(../images/sm-parent.png) no-repeat top center; letter-spacing: 1px; } ul.menu li a.mainlevel span:after {content:" >>";} /* !1st Level > Parent (has sub items) */ ul.menu li.parent a {} ul.menu li.parent a:hover {} ul.menu li.parent a span {} /* !1st Level > Active */ ul.menu li.active a, ul.menu li.active a:active, ul.menu li.active a:visited { color: #fff; text-decoration: none; } ul.menu li.active a:hover {} ul.menu li.active a span {} /*-----------------------------------------------------------------------*/ /* !2nd Level */ ul.menu li ul { margin: 0; padding: 0; list-style: none; } ul.menu li ul li { padding: 0 !important; list-style: none; background: url(../images/rColMod-line.png) no-repeat bottom center; } ul.menu li ul li a, ul.menu li ul li a:active, ul.menu li ul li a:visited, ul.menu li.active ul li a, ul.menu li.active ul li a:active, ul.menu li.active ul li a:visited { color: #1d1d1d; background: none !important; font-size: 1.2em; line-height: 1.2em; height: auto; font-weight: normal; padding: 5px 10px 6px 19px; } ul.menu li ul li a:hover, ul.menu li.active ul li a:hover { color: #bf9b6b; } ul.menu li ul li a span {} /* !2nd Level > Parent (has sub items) */ ul.menu li.active ul li.parent a {} ul.menu li.active ul li.parent a:hover {} ul.menu li.active ul li.parent a span {} /* !2nd Level > Active */ ul.menu li.active ul li.active a, ul.menu li.active ul li.active a:active, ul.menu li.active ul li.active a:visited { font-weight: normal; color: #8BBB18; } ul.menu li.active ul li.active a:hover {} ul.menu li.active ul li.active a span {} /*-----------------------------------------------------------------------*/ /* !3rd Level */ ul.menu li ul li ul {} ul.menu li ul li ul li {} ul.menu li ul li ul li a, ul.menu li ul li ul li a:active, ul.menu li ul li ul li a:visited, ul.menu li.active ul li.active ul li a, ul.menu li.active ul li.active ul li a:active, ul.menu li.active ul li.active ul li a:visited { color: #006699; font-weight: normal; } ul.menu li ul li ul li a:hover, ul.menu li.active ul li.active ul li a:hover { color: #333; } ul.menu li.active ul li.active ul li a span {} /* !3rd Level > Parent (has sub items) */ ul.menu li.active ul li.active ul li.parent a {} ul.menu li.active ul li.active ul li.parent a:hover {} ul.menu li.active ul li.active ul li.parent a span {} /* !3rd Level > Active */ ul.menu li.active ul li.active ul li.active a, ul.menu li.active ul li.active ul li.active a:active, ul.menu li.active ul li.active ul li.active a:visited { font-weight: normal; color: #333; } ul.menu li.active ul li.active ul li.active a:hover {} ul.menu li.active ul li.active ul li.active a span {} /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Footer */ /* ----------------------------------------------------------------------*/ ul.menu-fm { margin: 0; padding: 0; height: 1%; float: left; padding: 14px 0 0 0; height: 20px; width: 630px; } ul.menu-fm li { margin: 0; padding: 0; display: inline; background: none; border-right: 1px solid #b7b5b6; font-size: 11px; line-height: 11px; } ul.menu-fm li a, ul.menu-fm li a:active, ul.menu-fm li a:visited { padding: 0 10px; display: inline; color: #3d3b3d; font-weight: bold; font-size: 11px; line-height: 11px; text-decoration: none; } ul.menu-fm li a:hover { color: #008bbe; text-decoration: none; } ul.menu-fm li.active a { color: #8bbb18; } ul.menu-fm li.first-time a { padding-left: 0px; } ul.menu-fm li.last-item { border-right: none; } /* ------------------------------------------------------------------------ /* !MENU: Extended Menu > Horizontal Suckerfish */ /* ----------------------------------------------------------------------*/ /* !1st Level */ #ja-cssmenu { margin: 0; padding: 0 0 0 10px; position: relative; z-index: 1000; /*background: url(../images/mainnavSPRITE.png) no-repeat;*/ width: 883px; height: 45px; font-family: 'UnitRoundedOTLight', "Trebuchet MS", sans-serif; } #ja-cssmenu ul { margin: 0; padding: 0; z-index: 1000; } #ja-cssmenu > li { margin: 0; padding: 0 2px 0 0; float: left; display: block; background: url(../images/mn-divs.png) no-repeat right top; cursor: pointer; clear: none; z-index: 1000; height: 42px; } #ja-cssmenu ul a { width: 210px; z-index: 1000; /* width of links can be whatever but don't let them go over the arrows */ } /* !2nd Level */ #ja-cssmenu li ul { width: 240px; position: absolute; left: -999em; height: auto; z-index: 1000; } #ja-cssmenu li li { padding: 0; margin: 0; width: 240px; } /* !3rd Level */ #ja-cssmenu li ul ul { margin: -27px 0 0 240px; } #ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul, #ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul, #ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul, #ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul, #ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul, #ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul { left: auto; } /* !STYLE: 1st Level */ /* ------------------------------------------------------ */ #ja-cssmenu > li.last-item { background: none; padding-right: 0px; } #ja-cssmenu > li > a span { /*display: none;*/ } #ja-cssmenu > li > a { display: block; text-decoration: none; line-height: 44px; height: 42px; padding: 0 26px; color: #1b1b1b; font-size: 15px; font-weight: normal; background: url(../images/mn-a-bg.png) repeat-x left top; text-transform: uppercase; text-shadow: 1px 1px 0px rgba(255,255,255,0.5); white-space: nowrap; } #ja-cssmenu > li > a:hover, #ja-cssmenu > li > a:active, #ja-cssmenu > li > a:focus { color: #008bbe; background-position: left center; } #ja-cssmenu > li:hover, #ja-cssmenu > li.sfhover, #ja-cssmenu > li.havechildsfhover, #ja-cssmenu > li.havechild-activesfhover { color: #008bbe; /*background: url(../images/mmHover-bg.gif) repeat-x top #2B6484;*/ } #ja-cssmenu > li > a.active, #ja-cssmenu > li > a.active:hover, #ja-cssmenu > li > a.active:active, #ja-cssmenu > li > a.active:focus { color: #8bbb18; background-position: left bottom; } /* #ja-cssmenu li.item22 { width: 147px; } #ja-cssmenu li.item22 a:hover { background: url(../images/mainnavSPRITE.png) no-repeat 0px -45px; } #ja-cssmenu li.item22 a.active { background: url(../images/mainnavSPRITE.png) no-repeat 0px -90px; } #ja-cssmenu li.item23 { width: 119px; } #ja-cssmenu li.item23 a:hover { background: url(../images/mainnavSPRITE.png) no-repeat -147px -45px; } #ja-cssmenu li.item23 a.active { background: url(../images/mainnavSPRITE.png) no-repeat -147px -90px; } #ja-cssmenu li.item20 { width: 121px; } #ja-cssmenu li.item20 a:hover { background: url(../images/mainnavSPRITE.png) no-repeat -266px -45px; } #ja-cssmenu li.item20 a.active { background: url(../images/mainnavSPRITE.png) no-repeat -266px -90px; } #ja-cssmenu li.item21 { width: 122px; } #ja-cssmenu li.item21 a:hover { background: url(../images/mainnavSPRITE.png) no-repeat -387px -45px; } #ja-cssmenu li.item21 a.active { background: url(../images/mainnavSPRITE.png) no-repeat -387px -90px; } #ja-cssmenu li.item17 { width: 119px; } #ja-cssmenu li.item17 a:hover { background: url(../images/mainnavSPRITE.png) no-repeat -509px -45px; } #ja-cssmenu li.item17 a.active { background: url(../images/mainnavSPRITE.png) no-repeat -509px -90px; } #ja-cssmenu li.item40 { width: 125px; } #ja-cssmenu li.item40 a:hover { background: url(../images/mainnavSPRITE.png) no-repeat -628px -45px; } #ja-cssmenu li.item40 a.active { background: url(../images/mainnavSPRITE.png) no-repeat -628px -90px; } #ja-cssmenu li.item19 { width: 150px; } #ja-cssmenu li.item19 a:hover { background: url(../images/mainnavSPRITE.png) no-repeat -753px -45px; } #ja-cssmenu li.item19 a.active { background: url(../images/mainnavSPRITE.png) no-repeat -753px -90px; } */ /* !STYLE: 2nd+ Level */ /* ------------------------------------------------------ */ #ja-cssmenu li ul { background: #3c3b3c; padding: 10px 0; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);} #ja-cssmenu li ul li { background: none; } #ja-cssmenu li ul a { padding: 8px 15px; background: none; color: #fff; font-weight: normal; font-size: 15px; line-height: 1.3em; display: block; clear: both; text-decoration: none; } #ja-cssmenu li ul a span { display: block; } /* !LI with subitems, want to show arrow */ #ja-cssmenu li.havesubchild {} #ja-cssmenu li.havesubchild:hover {} /*! LI active state, want to show arrow */ #ja-cssmenu li.havesubchild-active {} #ja-cssmenu li.havesubchild-active:hover {} #ja-cssmenu li.havesubchildsfhover:hover, #ja-cssmenu li.havesubchild-activesfhover:hover, #ja-cssmenu ul ul li.havesubchildsfhover:hover, #ja-cssmenu ul ul li.havesubchild-activesfhover:hover {} #ja-cssmenu li.havesubchildsfhover, #ja-cssmenu li.havesubchild-activesfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover, #ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus, #ja-cssmenu ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul ul li.sfhover { color: #008bbe; position: static; } /* !LI active state */ #ja-cssmenu ul li.active, #ja-cssmenu ul li.active:hover, #ja-cssmenu ul li.active:active, #ja-cssmenu ul li.active:focus, #ja-cssmenu ul li.activesfhover, #ja-cssmenu ul li.activesfhover:hover, #ja-cssmenu ul li.activesfhover:active, #ja-cssmenu ul li.activesfhover:focus {} /* !LINK active state */ #ja-cssmenu ul li a.active, #ja-cssmenu ul li a.active:hover, #ja-cssmenu ul li a.active:active, #ja-cssmenu ul li a.active:focus { color: #8bbb18; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !Component Heading */ h1.componentheading { color: #8bbb18; font-size: 2.3em; line-height: 1.1em; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; border-bottom: 1px dotted #8bbb18; font-weight: normal; } h1.componentheading span.subheading { color: #c2c2c2; } /* !Article Heading */ .article-title {} .article-title h2.contentheading { color: #8bbb18; font-size: 2.3em; line-height: 1.1em; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; font-weight: normal; } .article-title h2.contentheading a, .article-title h2.contentheading a:active, .article-title h2.contentheading a:visited {} .article-title h2.contentheading a:hover {} .article-title h2.contentheading span.subheading {} .article-title .buttonheading {} .article-title .buttonheading img { margin-top: 10px; } .article-title .buttonheading span {} /* !Article Meta */ .article-meta-wrap, div.metadata, .dn-meta { color: #c3c3c3; } .article-meta-wrap, div.metadata, span.small {} .article-meta-content {} .article-meta-content span {} .article-meta-content span strong, div.metadata span.author-name, span.title span.count, span.small strong { color: #a6a6a6; } .article-meta-content span.title {} /* !Article Meta: Setup for just top portion and bottom */ .metaTop {} .metaBot {} /* !Article Content */ .article-content {} .article-content img {} /* !Separators */ span.article_separator {} span.afterdisplay_separator {} /* !Before and After Wrappers */ .article-beforecontent {} .article-aftercontent { border-color: #cecece; border-style: dotted; } /* !TOC */ table.contenttoc {} table.contenttoc td {} table.contenttoc th { border-color: #cecece; } /* !Blog Table */ table.blog tr td div.contentpaneopen {} table.blog tr td.article_column {} table.blog tr td.column_separator {} table.blog h2.contentheading {} table.blog h2.contentheading a, table.blog h2.contentheading a:active, table.blog h2.contentheading a:visited {} table.blog h2.contentheading a:hover {} table.blog .article-title .buttonheading {} table.blog .article-title .buttonheading img {} table.blog .article-title .buttonheading span {} table.blog .article-content {} table.blog .article-content p {} table.blog .article-content img {} /* !Blog More */ .compBlogMore-wrap { border-color: #cecece; } .compBlogMore-content {} /* !Read On Button */ a.readon, a.readon:active, a.readon:visited {} a.readon:hover {} /* !Back Button */ .back_button a, .back_button a:active, .back_button a:visited {} .back_button a:hover {} /* !Results Table */ table.resultsTBL thead th {} table.resultsTBL thead th a, table.resultsTBL thead th a:active, table.resultsTBL thead th a:visited {} table.resultsTBL thead th a:hover {} table.resultsTBL ul.tdList-horz li span {} table.resultsTBL ul.tdList-horz li span label {} /* !Results Table: Alternating Row Colors for Tables, Comments, etc. */ table.resultsTBL tr.row1 td, .odd {} table.resultsTBL tr.rowTitle1 td {} table.resultsTBL tr.row2 td, .even {} table.resultsTBL tr.rowTitle2 td {} table.resultsTBL tr.row1:hover td, table.resultsTBL tr.row2:hover td, .odd:hover, .even:hover {} table.resultsTBL tr.rowTitle1:hover td, table.resultsTBL tr.rowTitle2:hover td {} /* !Results Table: Manage Links */ a.mngViewLink {} a.mngEditLink {} a.mngRemoveLink {} /* !Pager: List */ ul.pagination { border-color: #cecece; } ul.pagination li {} ul.pagination li span {} ul.pagination li.prevPage, ul.pagination li.prevPageOff, ul.pagination li.nextPage, ul.pagination li.nextPageOff {} ul.pagination a, ul.pagination a:active, ul.pagination a:visited {} ul.pagination a:hover {} /* !Poll Table Bars */ .polls_color_1 {} .polls_color_2 {} .polls_color_3 {} .polls_color_4 {} .polls_color_5 {} /* !Section Containers */ .compSect-wrap {} .compSect-title {} .compSect-title a, .compSect-title a:active, .compSect-title a:visited {} .compSect-title a:hover {} .compSect-title h3 { font-weight: normal; } .compSect-title h3 span {} .compSect-title h3 span.sub { color: #666; } .compSect-title-link h3 {} .compSect-title-link h3 a, {} .compSect-title-link h3 a:active, {} .compSect-title-link h3 a:visited {} .compSect-title-link h3 a:hover {} .compSect-contentwrap {} .compSect-contentwrap fieldset {} .compSect-content {} .compSectBtns-wrap {} .compSectBtns-contentwrap {} .compSectBtns-content {} /* !Section Internal Containers */ .compSectInt-wrap {} .compSectInt-title {} .compSectInt-title a, .compSectInt-title a:active, .compSectInt-title a:visited {} .compSectInt-title a:hover {} .compSectInt-title h3 {} .compSectInt-title h3 span {} .compSectInt-title h3 span.sub {} .compSectInt-title-link h3 {} .compSectInt-title-link h3 a, .compSectInt-title-link h3 a:active, .compSectInt-title-link h3 a:visited {} .compSectInt-title-link h3 a:hover {} .compSectInt-contentwrap {} .compSectInt-contentwrap fieldset {} .compSectInt-content {} /* !Section Containers Content & Forms */ .compSect-content label.desc {} .compSect-content label.choice, .compSect-content li.buttons span { color: #666; } .compSect-content li.section, .compSect-content li.sectionInstruct { border-color: #cecece; } /* !Results Nav */ .compResNav-wrap {} .compResNav-content {} /* !Tool Bar */ .compToolBar-wrap { border-color: #008bbe; } .compToolBar-content {} .compToolBar-content ul {} .compToolBar-content ul li a, .compToolBar-content ul li a:active, .compToolBar-content ul li a:visited { background: #f4f4f4; border-color: #cecece; color: #3c3b3c; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; } .compToolBar-content ul li a:hover { background: #eeeeee; } .compToolBar-content ul li {} .compToolBar-content ul li.first {} .compToolBar-content ul li.last {} .compToolBar-content ul li.left {} .compToolBar-content ul li.right {} .compToolBar-content ul li.active a { background: #008bbe; border-color: #008bbe; color: #fff; } .compToolBar-content ul li.disabled a { text-decoration: none; background: #f4f4f4; border-color: #f4f4f4; color: #cecece; } /* !Nav Bar */ .compNavBar-wrap { border-color: #cecece; } .compNavBar-content {} .compNavBar-content ul {} .compNavBar-content ul li {} .compNavBar-content ul li.first {} .compNavBar-content ul li.last a {} .compNavBar-content ul li.active a { color: #8bbb18; text-decoration: underline; } .compNavBar-content ul li.disabled a { color: #cecece; text-decoration: none; } .compNavBar-content ul li a { border-color: #cecece; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; } .compNavBar-content ul li.left {} .compNavBar-content ul li.right {} /* !Nav Bar: Specific Link Types */ a.nbPubLink {} a.nbUnpubLink {} a.nbRemoveLink {} a.nbBackLink {} a.nbEditLink {} a.nbNewLink {} a.nbViewLink {} a.nbExportLink {} /* !Title Bar */ .compTitleBar-wrap {} .compTitleBar-content {} .compTitleBar-content ul {} .compTitleBar-content ul li {} .compTitleBar-content ul li.first {} .compTitleBar-content ul li.last {} .compTitleBar-content ul li.last a {} .compTitleBar-content ul li.active a { color: #8bbb18; text-decoration: underline; } .compTitleBar-content ul li.disabled a { color: #cecece; text-decoration: none; } .compTitleBar-content ul li a { border-color: #cecece; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; } .compTitleBar-content ul li.left {} .compTitleBar-content ul li.right {} /* !Title Bar: Specific Link Types */ a.cstPubLink {} a.cstUnpubLink {} a.cstRemoveLink {} a.cstBackLink {} a.cstditLink {} a.cstNewLink {} a.cstViewLink {} a.cstExportLink {} /* !Stats Box */ .compBox-wrap { border-color: #cecece; } .compBox-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label {} .compResFilter-content label.desc {} /* !Results Page Display Filter */ .compResPDFilter-wrap { color: #666; background: #cecece; } .compResPDFilter-content {} .compResPDFilter-content label.desc { color: #666; } /* !Content Rating */ .compConRating-wrap { color: #666; background: #f4f4f4; } .compConRating-content {} /* !Form: Fields */ .field, .inputbox, td.paramlist_value select { color: #0080CA; font-family: "Trebuchet MS", sans-serif; border-color: #7c7c7c #c3c3c3 #ddd; } input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus {} input.checkbox, input.radio { color: #c4a67e; } /* !Form: Main Button */ button.button { color: #ccc; background: #333 url(../images/button-bg.gif) repeat-x top; border: 1px solid #333; font-size: .9em; text-transform: uppercase; padding: 3px 5px; line-height: normal; margin-right: 5px; cursor: pointer; overflow: visible; width: auto; } button.button:hover, button.button:focus { background: #333url(none); } a.buttonLink {} /* !Big Link and Options */ a.bigLink { text-decoration: none !important; } span.linkOptions { color: #666; } span.linkOptions a, span.linkOptions a:visited, span.linkOptions a:active { color: #666; } span.linkOptions a:hover { color: #bf9b6b; } body.picnetblog h2.contentheading { display: none; } /*label#usernameinfo { font-size: 1.2em; font-weight: bold; float: right; width: auto; } label#usernameinfo br { display: none; }*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULE CHROME */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable */ /* ----------------------------------------------------------------------*/ div.sbxModTable { margin-bottom: 15px; padding: 0 0 20px; } div.sbxModTable h3 { color: #7EAC2F; font-size: 1.2em; font-weight: normal; text-transform: none; margin: 0; padding: 0 0 8px; } div.sbxModTable h3 span {} /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModule */ /* ----------------------------------------------------------------------*/ div.sbxModule { background: url(../images/rColMod-top.png) no-repeat top left; float: left; clear: both; width: 100%; margin-bottom: 10px; overflow: hidden; } /* BR */ div.sbxModule h3 { color: #8bbb18; font-size: 2.3em; line-height: 1.1em; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; margin: 0 0 10px; padding: 5px 21px 12px 21px; height: 1%; font-weight: normal; background: url(../images/rColMod-line.png) no-repeat bottom center; } div.sbxModule h3 span { display: block; } div.sbxModule div.bl { background: url(../images/rColMod-bot.png) no-repeat left bottom; padding: 0px; margin-top: 10px; position: relative; height: 1%; } div.sbxModule div.tr { padding: 0px; } div.sbxModule div.tl { padding: 0px; } div.sbxModule div.sbxMod-content { margin: 0; padding: 0px 21px 21px 21px; float: none; /*width: 99%;*/ background: none; } .mod-sm div.sbxMod-content { padding: 0px 8px 21px 8px !important; } a.yoursolution { display: block; float: right; text-indent: -9999px; width: 92px; height: 13px; background: url(../images/btn-yoursolution.png) no-repeat left top; } a.yoursolution:hover { background-position: left bottom; } a.checkoutmore { display: block; float: right; text-indent: -9999px; width: 114px; height: 13px; background: url(../images/btn-checkoutmore.png) no-repeat left top; position: absolute; top: 16px; right: 21px; } a.checkoutmore:hover { background-position: left bottom; } /* !Features Module */ .noLRpad div.sbxMod-content { padding-left: 1px !important; padding-right: 1px !important; } .noLRpad ul.featList { padding-left: 21px; padding-right: 21px; } .mod-feat .sbxMod-content { padding-bottom: 9px !important; height: 200px; } .mod-feat h3 { margin-bottom: 0px !important; } /* !Check Portfolio Module */ .mod-checkportfolio .sbxMod-content {} .mod-checkportfolio a { font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; text-decoration: none !important; font-size: 1.5em; } .mod-checkportfolio p { margin: 0px !important; text-align: center; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModule-tmnl */ /* ----------------------------------------------------------------------*/ div.sbxModule-tmnl { background: url(../images/tmnlMod-top.png) no-repeat top left; float: left; clear: both; width: 100%; margin-bottom: 0px; overflow: hidden; color: #0081b1; } /* BR */ div.sbxModule-tmnl h3 { color: #8bbb18; font-size: 2.3em; line-height: 1.1em; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; margin: 0 0 10px; padding: 5px 21px 0 21px; height: 1%; font-weight: normal; } div.sbxModule-tmnl h3 span { display: block; } div.sbxModule-tmnl div.bl { background: url(../images/tmnlMod-bot.png) no-repeat left bottom; padding: 0px; margin-top: 10px; height: 1%; } div.sbxModule-tmnl div.tr { background: url(../images/tmnlMod-topquote.png) no-repeat 13px top; padding: 0px; height: 1%; } div.sbxModule-tmnl div.tl { background: url(../images/tmnlMod-botquote.png) no-repeat 190px bottom; padding: 0px; height: 1%; } div.sbxModule-tmnl div.sbxMod-content { margin: 0; padding: 7px 21px 21px 21px; float: none; /*width: 99%;*/ background: none; font-size: 1.2em; } div.sbxModule-tmnl span.tmnl-name { display: block; text-align: right; font-size: .8em; font-weight: bold; } div.sbxModule-tmnl span.tmnl-org { display: block; text-align: right; font-size: .8em; font-style: italic; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModule-button */ /* ----------------------------------------------------------------------*/ div.sbxModule-button { margin-bottom: 10px; } a.signupnow { display: block; text-indent: -9999px; width: 284px; height: 132px; background: url(../images/btn-signupnow.png) no-repeat left top; } a.signupnow:hover { background-position: left bottom; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModule-needmoreinfo and sbxModule-stumpedfaq */ /* ----------------------------------------------------------------------*/ div.sbxModule-needmoreinfo { background: url(../images/mod-needmoreinfo.png) no-repeat; } div.sbxModule-stumpedfaq { background: url(../images/mod-stumpedfaq.png) no-repeat; } div.sbxModule-needmoreinfo, div.sbxModule-stumpedfaq { margin-bottom: 10px; width: 309px; height: 173px; clear: both; } div.sbxModule-needmoreinfo .sbxMod-content, div.sbxModule-stumpedfaq .sbxMod-content { text-align: center; font-size: 1.5em; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; height: 1%; } div.sbxModule-needmoreinfo p, div.sbxModule-stumpedfaq p { padding-top: 138px; padding-right: 24px; margin: 0px; } div.sbxModule-needmoreinfo a, div.sbxModule-stumpedfaq a { font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; text-decoration: none; } div.sbxModule-needmoreinfo a:hover, div.sbxModule-stumpedfaq a:hover {} /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable-focus */ /* ----------------------------------------------------------------------*/ div.sbxModTable-focus { margin-bottom: 10px; width: 903px; height: 291px; background: url(../images/focus.png) no-repeat; position: relative; } div.sbxModTable-focus a.signup { display: block; text-indent: -9999px; position: absolute; top: 176px; right: 226px; width: 179px; height: 63px; background: url(../images/focus-signup.png) no-repeat left top; } div.sbxModTable-focus a.learnmore { display: block; text-indent: -9999px; position: absolute; top: 176px; right: 32px; width: 179px; height: 63px; background: url(../images/focus-learnmore.png) no-repeat left top; } div.sbxModTable-focus a.signup:hover, div.sbxModTable-focus a.learnmore:hover { background-position: left bottom; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable-imwithphil */ /* ----------------------------------------------------------------------*/ div.sbxModTable-imwithphil { margin-bottom: 10px; width: 903px; height: 291px; background: url(http://www.nonprofitsoapbox.com/images/sbxss-npsb-imwithphil-mod.png) no-repeat; position: relative; } div.sbxModTable-imwithphil a.signup { display: block; text-indent: -9999px; position: absolute; top: 176px; right: 226px; width: 179px; height: 63px; background: url(../images/focus-signup.png) no-repeat left top; } div.sbxModTable-imwithphil a.learnmore { display: block; text-indent: -9999px; position: absolute; top: 176px; right: 32px; width: 179px; height: 63px; background: url(../images/focus-learnmore.png) no-repeat left top; } div.sbxModTable-imwithphil a.signup:hover, div.sbxModTable-imwithphil a.learnmore:hover { background-position: left bottom; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable-whywecare */ /* ----------------------------------------------------------------------*/ div.sbxModTable-whywecare { font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; font-size: .9em; } div.sbxModTable-whywecare h3 { color: #8bbb18; font-size: 2.3em; line-height: 1.1em; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; margin: 0 0 10px; padding: 0px; height: 1%; font-weight: normal; } div.sbxModTable-whywecare .sbxMod-content { font-size: 1.4em; line-height: 1.3em; height: 175px; } div.sbxModTable-whywecare p { padding-right: 180px; } div.sbxModTable-whywecare a { text-decoration: none; } div.sbxModTable-whywecare img.photo { position: absolute; bottom: 2px; right: 0px; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable-ourwork */ /* ----------------------------------------------------------------------*/ .sbxModTable-ourwork { clear: both; padding-top: 22px; } .sbxModTable-ourwork h3 { background: url(../images/h3-yourwork.png) no-repeat center top; height: 47px; margin: 0 0 16px 0; } .sbxModTable-ourwork h3 span { display: none; } /* ------------------------------------------------------------------------ /* !PRICING TABLE */ /* ----------------------------------------------------------------------*/ .zuora-row td.zuora-cell { width: 108px; background:url(../images/pricing-table-spriteengage.png) no-repeat -10px -200px transparent; border-color:#bfbfbf; border-style:dotted none none dotted; border-width:1px; color:#1d1d1d; font-size:20px; padding:12px 8px; text-align:center; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; } .zuora-row td.zuora-cell.first { border-left:none; background-position:left -200px; } .zuora-row td.zuora-cell.last { border-right:none; background-position:right -200px; clear: none; float: none; margin-right: auto !important; } .zuora-row-plans td.zuora-cell { padding-bottom: 8px; padding-top: 8px; } .zuora-row-design td.zuora-cell { background-position: -10px -460px; } .zuora-row-design td.zuora-cell.first { background-position: left -460px;} .zuora-row-design td.zuora-cell.last { background-position: right -460px; } .zuora-row-design td.zuora-cell.second { border-left: none !important; } .zuora-row-designitem td.zuora-cell { font-size: 16px; color: #626262; background-position: -10px -530px; padding: 12px 8px; } .zuora-row-designitem td.zuora-cell.first { background-position: left -530px; } .zuora-row-designitem td.zuora-cell.last { background-position: right -530px; } .zuora-row-designitem td.zuora-cell .zuora-row-even, .zuora-row-odd, .zuora-row-even td, .zuora-row-odd td { vertical-align: middle; } .zuora-row.zuora-row-top td.zuora-cell, .zuora-row.zuora-row-bottom + .bottom td.zuora-cell { background:none; border-color:transparent; padding:0; } .zuora-row.zuora-row-top + .zuora-row td.zuora-cell { /*border-left:none;*/ border-top:none; background-position:-10px top; vertical-align: middle; } .zuora-row.zuora-row-top + .zuora-row td.zuora-cell.first { background-position:left top; } .zuora-row.zuora-row-top + .zuora-row td.zuora-cell.last { background-position:right top; } .zuora-row.zuora-row-bottom td.zuora-cell { background-position:-10px bottom; } .zuora-row.zuora-row-bottom td.zuora-cell.first { background-position:left bottom; } .zuora-row.zuora-row-bottom td.zuora-cell.last { background-position:right bottom; } .zuora-row.special-offer td.zuora-cell { background:#e5e5e5; border-top:none; } .zuora-row.special-offer + .zuora-row td.zuora-cell { border-top:none; } .zuora-row td.zuora-cell.feature-label { background:none; border-left-style:none; text-align:right; padding-left:0; padding-right:16px; /*width:22%;*/ width: 300px; font-size: 24px; color: #1d1d1d; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; } .zuora-row.zuora-row-top td.zuora-cell.feature-label, .zuora-row.special-offer td.zuora-cell.feature-label { border-top:none; } .zuora-row.zuora-row-bottom td.zuora-cell.feature-label { } .zuora-row-design td.zuora-cell.feature-label { color: #626262; } .zuora-row-designitem td.zuora-cell.feature-label { color: #626262; font-size: 16px; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; } .zuora-row td.zuora-cell.popular, .zuora-row.zuora-row-top + .zuora-row td.zuora-cell.popular { background:#f2e5d3; border-left:1px solid #d7aa6d; border-right:1px solid #d7aa6d; width: 132px; } .zuora-row.zuora-row-top td.zuora-cell.popular { background:none; border-color:transparent; } .zuora-row.zuora-row-top td.zuora-cell.popular .popular-cap { background:#f2e5d3; -moz-border-radius:7px 7px 0 0; -o-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; border-top:1px solid #d7aa6d; border-left:1px solid #d7aa6d; border-right:1px solid #d7aa6d; height:10px; margin:0 -1px -1px; } .zuora-cell.popular + .zuora-cell { border-left:none; } .zuora-row.zuora-row-bottom td.zuora-cell.popular .popular-cap { background:#f2e5d3; -moz-border-radius:0 0 7px 7px; -o-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px; border-left:1px solid #d7aa6d; border-right:1px solid #d7aa6d; border-bottom:1px solid #d7aa6d; height:10px; margin:-1px -1px 0; } .plan-label { color:#666; font-size:14px; font-weight:bold; text-transform:uppercase; white-space:nowrap; } .popular .plan-label { color:#6E9B40; } .plan-title { color:#91cb08; font-size:20px; margin:6px 0 6px; min-width:100px;font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; } .pricing-plans-wrapper .zuora-row .button > span { min-width:0; padding-bottom:8px; padding-top:8px; } .pricing-plans-wrapper .zuora-row .button.blue > span { padding-bottom:5px; padding-top:5px; } .special-offer td.zuora-cell { padding:0; } .zuora-row.zuora-row-top + .zuora-row td.zuora-cell.feature-label { padding-bottom:0; padding-top: 0px; vertical-align:bottom; } .offer-label { color:#666; font-size:16px; font-weight:normal; text-shadow:none; } .upgrade .offer-label { top:120px; } .zuora-row.zuora-row-top td.zuora-cell, .zuora-row.zuora-row-bottom + .zuora-row-bottom td.zuora-cell { background: none repeat scroll 0 0 transparent; border-color: transparent; padding: 0; } .blue .price { color:#fff; } .price { color:#000; } .price .annual { font-size:14px; line-height:.75em; margin-bottom:8px; } .price .monthly { display:inline; font-size:26px; line-height:26px; position:relative; padding:0 26px 0 0px; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; color: #fff; } .price .monthly sup, .price .monthly sub, .pricing-plans-wrapper .unit { font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; } .pricing-plans-wrapper .unit { font-size: 16px; display: block; } .price .monthly sup { display:inline; font-size:26px; line-height:26px; color: #fff; } .price .monthly .dollars { display:inline; } .price .monthly sup.cents { left:auto; right:0; } .price .monthly sub { bottom:4px; font-size:14px; line-height:14px; position:absolute; right:0; color: #c9c9c9; } .zuora-row .setup { font-size: 12px; line-height: 13px; color: #8d8d8d; padding-top: 4px; margin-top: 10px; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; background: url(../images/pricing-table-setup.png) no-repeat top center; } .zuora-row .popular .setup { color: #8f887e; background: url(../images/pricing-table-setup2.png) no-repeat top center; } .zuora-row .popular .dollars { color: #1d1d1d; } .zuora-row .popular .period { color: #55524d; } .zuora-row .popular .plan-title { color: #008bbe; font-size: 26px; margin-top: -6px; } .zuora-row .popular .plan-label { text-indent: -9999px; background: url(../images/pricing-table-popular.png) no-repeat top center; margin-bottom: 12px; } .zuora-row a.buynow { display: block; width: 109px; height: 45px; margin: 8px auto 0 auto; background: url(../images/pricing-table-buynow.png) no-repeat left top; } .zuora-row a.buynow:hover { background-position: left bottom; } .zuora-row a.buynow span { display: none; } .zuora-row a.trynow { display: block; width: 109px; height: 45px; margin: 8px auto 0 auto; background: url(../images/pricing-table-trynow.png) no-repeat left top; } .zuora-row a.trynow:hover { background-position: left bottom; } .zuora-row a.trynow span { display: none; } .pricing.get-started-wrapper { float:right; margin:-67px 0 0; position:relative; } .small-check { background:url(../images/small-check.png) no-repeat center center transparent; /*padding:9px;*/ text-indent:-9999px; }