/* Eric Meyer CSS Reset v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; /*outline: 0;*/ font-size: 100%; vertical-align: baseline; background: transparent; background-repeat:no-repeat; } body { line-height: 1; } ul { list-style: none; } /*Take Out*/ .sub-navigation ol, .customer-experience-blog ol { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { /*outline: 0;*/ } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* End CSS Reset ------------------------------------ */ #page-content .html5-nav li { color:#007DBB; } body { background-color:#ccc; /*background-position:-20px top;*/ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /*font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;*/ font-size:12px; letter-spacing:0.19px; } html, body{ height:100%; } html > body { background-image:url(/structure-images/background.png); background-position:top center; background-repeat:repeat-y; } body.template-lightbox { background-image:none; height:auto; } /*#container { background-position:top center; background-repeat:repeat-y; }*/ #wrap { margin-left:auto; margin-right:auto; width:930px; background-color:white; position:relative; min-height:100%; } #jumplink { display:none; } a { text-decoration:none; color:#007DBB; } .template-cap #page-intro a, .template-olivia #page-intro a { color: #c8c8c8; } a:hover { color:#1A1A1A; text-decoration:underline; } .template-cap #page-intro a:hover, .template-olivia #page-intro a:hover { color: #969696; } p,li { line-height:1.15em; } body.template-cap div#page-intro ol li { margin-left: 30px; } #tooltip ul li, #page-content ul li { margin-left:40px; list-style:disc; } #tooltip ul li li, #page-content ul li li { list-style:circle; } #tooltip ol li, #page-content ol li { margin-left:40px; list-style:decimal; } #tooltip ol li li, #page-content ol li li { list-style:lower-alpha; } hr { border:none; height:2px; border-top:solid 2px #DDD; } hr.dotted { border-top-style:dotted; } *>a.big-button { background-image:url(/structure-images/button-gradient-bg-sprite.png); } a.big-button { text-align:center; background-position:left -91px; background-repeat:repeat-x; color: #1a1a1a; line-height:32px; position:relative; width:100%; /* float:left; display:inline-block; padding-top:8px; padding-bottom:8px;*/ /*position:relative; z-index:1;*/ font-weight:bold; display:block; } *>a.big-button span.border-left, *>a.big-button span.border-right{ background-image:url(/structure-images/top-navigation-borders-sprite.png); } a.big-button span.border-left, a.big-button span.border-right{ background-repeat:no-repeat; position:absolute; /*display:inline-block;*/ top:0; width:19px; height:34px; vertical-align:middle; cursor:pointer; background-color:white; } a.big-button span.border-left { /*left:-19px;*/ background-position:-72px -77px; left:0; top:0; } a.big-button span.border-right { /*right:-19px;*/ background-position:-91px -77px; right:0; top:0; } /* Site Header ----------------------------------------------------------- */ #site-header { position:relative; height:148px; } body.template-blog #site-header { border-bottom:solid 1px #CCC; height:143px; } #site-header h1 a { background-image:url(/structure-images/logo-rightnow.gif); text-indent:-10000px; white-space:nowrap; background-position:left top; background-repeat:no-repeat; width:138px; /* width:105px;*/ height:78px; position:absolute; left:33px; top:33px; } body.template-blog #site-header h1 a { background-image:url(/structure-images/logo-rightnow.gif); /*width:51px; height:39px; left:32px; top:27px;*/ } #site-header h1 a:focus, #site-header h1 a:active { outline:none; } #site-header h1 { } #site-header span.tel { position:absolute; left:171px; top:33px; height:78px; line-height:58px; padding-left:9px; } body.template-blog #site-header span.tel { display:none; } #site-header a.contact-us { position:absolute; left:182px; top:65px; line-height:13px; } #site-header a.contact-us, #site-header span.tel { color: #1a1a1a; font-weight:bold; } body.template-blog #site-header a.contact-us { display:none; } #site-header ul.links-bar { position:absolute; top:0; right:0; background-image:url(/structure-images/background-links-top.png); background-repeat:no-repeat; background-position:right top; background-repeat:repeat-y; height:28px; /*width:930px;*/ text-align:right; padding-left:600px; padding-right:14px; } #site-header ul.links-bar li { display:inline; line-height:12px; height:13px; /*height:12px;*/ float:left; padding-left:7px; padding-right:6px; border-left:dotted 1px #8D9093; margin-top:8px; } #site-header ul.links-bar li:first-child, #site-header ul.links-bar li.first-child { border-left:none; } #site-header ul.links-bar li a { color:#6D6F71; font-size:10px; line-height:12px; /*padding-bottom:1px;*/ position:relative; } #site-header form { position:absolute; top:55px; left:565px; } #site-header fieldset legend { display:none; } /**#site-header form input { width:143px; background-image:url(/structure-images/search-box-background.png); background-repeat:no-repeat; background-position:top left; border:0;**/ /*height:17px;*/ /**padding-top:5px;**/ /*line-height:23px;*/ /**vertical-align:baseline; padding-left:4px; padding-bottom:5px; font-size:10px; line-height:14px !important; }**/ #site-header form input { border:0pt none; font-size:10px; line-height:14px !important; padding-bottom:5px; padding-left:4px; padding-top:5px; vertical-align:baseline; width:143px; background:transparent; } div.form-input-wrapper-com { background-image:url(/structure-images/search-box-background.png); background-position:left top; background-repeat:no-repeat; padding:.3em 0; width:143px; display:inline; } #site-header form input:focus { outline:none; /*for Safari */ } #site-header form button { border:0; padding:0; margin-left:4px; height:22px; width:21px; height:20px; background-image:url(/structure-images/button-search.png); text-indent:-10000px; margin-top:0px; vertical-align:top; margin-top:1px; cursor:pointer; } #site-header form button { position:static !important; } #site-header form a.advanced { font-size:9px; line-height:13px; color:#879AAC; } #site-header hr, #site-header form label { display:none; } #site-header a.my-briefcase { position:absolute; right:15px; top:35px; /*background-image:url(/images/briefcase-medium.png);*/ background-position:right -128px; padding-top:49px; font-size:11px; line-height:13px; color:#77787B; font-weight:bold; } #site-header .briefcase-items { position:absolute; right:15px; top:97px; font-style:italic; font-size:10px; color:#77787B; width:71px; /* for IE7 */ text-align:right; } /*briefcase-sprite elements*/ div.action-items > a.add-to-briefcase, #site-header > a.my-briefcase, #left-column .widgets > .briefcase-left-widget{ background-image:url(/structure-images/briefcase-sprite.png); } #site-header #user-login-status { position:absolute; top:114px; right:15px; color:#77787B; text-align:right; font-size:10px; line-height:13px; } #site-header #user-login-status strong { font-size:11px; } #site-header #user-login-status.logged-in strong { text-transform:uppercase; } #site-header p.description { display:none; } body.include-site-bio #site-header p.description { position:absolute; top:148px; left:14px; width:162px; display:block; padding-top:18px; padding-left:21px; padding-right:30px; padding-bottom:11px; font-size:11px; line-height:16px; color:#63635D; font-weight:bold; z-index:1; } /*#left-column .rightnow-crm-suite-widget,*/ body.include-site-bio #site-header p.description { background-image:url(/structure-images/left-column-box-background-V2.gif); background-position:top left; background-repeat:no-repeat; } body.include-site-bio #site-header p.description strong { color:#CE7528; } #middle-pane { position:relative; z-index:1; } /*-- Middle Column ------------------------------------------------------------ */ #middle-column { /*width:470px;*/ width:504px; float:left; position:relative; left:236px; z-index:1; } #big-middle-column { /*width:470px;*/ width:910px; float:left; position:relative; left:10px; } #page-intro { color: #666666; } #page-intro, #page-intro-white, #page-intro-black { border:solid 1px #EEE; background-image:url(/structure-images/page-intro-background-gradient3.png); background-position:bottom left; background-repeat:repeat-x; padding-left:20px; padding-right:12px; padding-top:10px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; } body.template-home #page-intro-black { border:none; color: #1a1a1a; background-position:top left; background-repeat:no-repeat; height:445px; /*@cc_on @if (border-radius) -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; @else @*/ /*@end @*/ } body.template-home #page-intro-white { border:none; color: #FFFFFF; background-position:top left; background-repeat:no-repeat; height:445px; /*@cc_on @if (border-radius) -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; @else @*/ /*@end @*/ } body.template-home #page-intro-black, body.template-home #page-intro-white { padding-left:13px; padding-right:13px; padding-top:13px; } body.template-home #page-intro-black a { color:#000000; } body.template-home #page-intro-white a { color:#FFFFFF; } body.template-404 #page-intro { padding-left:18px; padding-right:13px; padding-top:12px; } body.template-briefcase #page-intro { padding-left:21px; } /* body.template-events #page-intro, body.template-flashdemo #page-intro { background-image:url(/structure-images/page-intro-background-gradient3.png); } */ body.template-company #page-intro, body.template-clients #page-intro, body.template-newscenter #page-intro, body.newscenter #page-intro { background-image:url(/structure-images/page-intro-background-gradient4.png); } body.template-services #page-intro { background-image:url(/structure-images/page-intro-background-gradient1.png); } body.template-technology #page-intro{ background-image:url(/structure-images/page-intro-background-gradient2.png); } body.template-flashdemo #page-intro { background-image:url(/structure-images/page-intro-background-gradient3.png); } body.template-blog #page-intro { padding:0; background:none; border:0; } body.template-article #page-intro, body.template-olivia #page-intro { -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; background-image:url("/structure-images/page-intro-background-gradient3.png"); background-position:left bottom; background-repeat:repeat-x; border:1px solid #EEEEEE; padding-left:20px; padding-right:12px; padding-top:10px; } body.template-cap #page-intro, body.template-webselfservice #page-intro{ -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; background-image:url("/structure-images/page-intro-background-gradient3.png"); background-position:left bottom; background-repeat:repeat-x; border:1px solid #EEEEEE; padding-left:20px; padding-right:12px; padding-top:10px; } #page-intro h1.page-parent-title { margin-top:3px; margin-bottom:6px; /*margin-bottom:1px;*/ font-weight:normal; color:#CF7518; } #page-intro h3.page-parent-title { margin-top:3px; margin-bottom:6px; /*margin-bottom:1px;*/ font-weight:normal; color:#00567e; } body.template-home #page-intro-black h1.page-parent-title, body.template-home #page-intro-black h3.page-parent-title { font-size:10px; color:#000000; } body.template-home #page-intro-white h1.page-parent-title, body.template-home #page-intro-white h3.page-parent-title { font-size:10px; color:#FFFFFF; } body.template-contentlibrary #page-intro h3.page-parent-title { } #page-intro h2.page-title { color: #1a1a1a; } #page-intro h2.page-title, #page-intro-black h2.page-title, #page-intro-white h2.page-title{ font-weight:bold; line-height:120%; margin-top:0; margin-bottom:20px; padding-right:30px; padding-bottom:0; text-transform:uppercase; font-size:26px; } body.template-home #page-intro-black h2.page-title, body.template-home #page-intro-white h2.page-title { padding-right:60px; font-size:30px; } body.template-404 #page-intro h2.page-title { display:none; } body.template-cap #page-intro h2.page-title, body.template-olivia #page-intro h2.page-title{ letter-spacing:normal; margin-bottom:15px; font-size:19px; } body.template-contentlibrary #page-intro h2.page-title, body.template-briefcase #page-intro h2.page-title { text-transform:none; font-size:19px; margin-bottom:10px; } body.template-blog #page-intro h2.page-title { color:#087ABF; font-size:38px; line-height:45px; left:-203px; /*margin-bottom:0pt;*/ position:absolute; text-transform:none; top:-40px; } body.template-flashdemo #page-intro h2.page-title { margin-bottom:0; } body.template-modules #page-intro h2.page-title { /*background-repeat:no-repeat; background-position:150px center; padding-top:5px; padding-bottom:5px; padding-right:60px;*/ } body.template-modules #page-intro h2.page-title img { vertical-align:middle; margin-left:10px; } /*body.template-modules-service #page-intro h2.page-title { background-image:url(); } body.template-modules-marketing #page-intro h2.page-title { background-image:url(/structure-images/marketing_m.png); } body.template-modules-sales #page-intro h2.page-title { background-image:url(/structure-images/sales_m.png); }*/ body.template-article #page-intro, body.template-article #page-intro h1, body.template-article #page-intro h3, body.template-article #page-intro .action-items a, body.template-cap #page-intro, body.template-cap #page-intro h1, body.template-cap #page-intro h3, body.template-cap #page-intro .action-items a, body.template-olivia #page-intro, body.template-olivia #page-intro h1, body.template-olivia #page-intro h3, body.template-olivia #page-intro .action-items a, body.template-webselfservice #page-intro, body.template-webselfservice #page-intro h1, body.template-webselfservice #page-intro h3, body.template-webselfservice #page-intro .action-items a { } body.template-briefcase #page-intro p { margin-top:0; } body.template-blog #page-intro { } #page-intro p.main { margin-top:0; font-size:23px; } #page-intro p, #page-intro-black p, #page-intro-white p { line-height:1.3em; font-size:12px; margin-top:0.8em; margin-bottom:0.8em; } body.template-home #page-intro-black p, body.template-home #page-intro-white p { width:300px; } #page-intro .keep-reading, #page-intro-white .keep-reading { margin-top:17px; font-size:12px; padding-left:12px; background-image:url(/structure-images/arrow-orange-small-sprite.png); background-position:left 5px; } #page-intro-black .keep-reading { margin-top:17px; font-size:12px; padding-left:12px; background-image:url(/structure-images/arrow-orange-small-sprite.png); /*small orange arrow for home page text */ background-position:left 5px; } #page-intro div.action-items { text-align:right; line-height:16px; /*margin-top:27px;*/ margin-top:20px; /*margin-bottom:18px;*/ margin-bottom:8px; } #page-intro div.action-items a { color: #1a1a1a;} body.template-client-casestudy #page-intro .action-items, body.template-cap #page-intro .action-items, body.template-article #page-intro .action-items { margin-top:13px; } body.template-flashdemo #page-intro div.action-items { margin-top:13px; } body.template-blog div.action-items { text-align:right; margin-top:17px; } body.template-blog div.action-items a { color:#666666; } div.action-items a.bookmark, div.action-items a.add-to-briefcase, div.action-items a.feed, div.action-items a.print-page, div.action-items a.email-page{ padding-top:6px; padding-bottom:5px; font-size:10px; background-repeat:no-repeat; margin-left:4px; } div.action-items a.bookmark { padding-right:20px; background-image:url(/structure-images/addthis16.gif); background-position:right 3px; } div.action-items a.add-to-briefcase { padding-right:25px; /*background-image:url(/images/briefcase-small.png); background-position:right 0px;*/ /*background-image:url(/images/briefcase-sprite.png);*/ background-position:right -200px; } div.action-items a.feed { padding-right:20px; background-image:url(/structure-images/feed-icon.png); background-position:right 3px; } div.action-items a.print-page { padding-right:20px; background-image:url(/structure-images/ir-print-page.png); background-position:right 3px; } div.action-items a.email-page { padding-right:20px; background-image:url(/structure-images/ir-email-page.png); background-position:right 3px; } #page-content { margin-left:21px; margin-right:10px; color:#666666; } body.template-404 #page-content { margin-left:0; margin-top:15px; } body.template-404 #page-content .big-button { width:200px; } body.template-briefcase #page-content { margin-top:8px; margin-right:35px; } body.template-blog #page-content { padding-left:15px; padding-top:14px; padding-bottom:15px; margin-top:0; margin-left:0; padding-right:10px; margin-right:0; border-left:solid 1px #CCC; min-height:260px; } body.template-blog .hfeed .entry-title { text-transform:uppercase; font-size:15px; } body.template-events #page-content/*, body.template-press-releases #page-content */{ margin-left:0; } #page-content p.go-back { margin-left:-20px; margin-top:3px; } #page-content .html5-nav { margin-top:15px; margin-bottom:10px; /*CSS3 column-count:2; -moz-column-count:2; -o-column-count:2; -webkit-column-count:2;*/ } #page-content .html5-nav li { list-style:none; margin-left:0; margin-top:4px; margin-bottom:4px; } #page-content .html5-nav li a { color:#888; } #page-content .html5-nav li.selected a { color: #1a1a1a; font-weight:bold; } body.template-pressroom #page-content { margin-left:25px; } body.template-events #page-content .event-list { margin-top:20px; } body.template-pressroom #page-content .press-room-feed-section, body.template-pressroom #page-content .news-article-feed-section{ /*margin-left:25px;*/ } body.template-pressroom #page-content .press-room-feed-section h1, body.template-pressroom #page-content .press-room-feed-section h3, body.template-pressroom #page-content .news-article-feed-section h1, body.template-pressroom #page-content .news-article-feed-section h3 { text-transform:uppercase; } body.template-newscenter #press_area li, body.template-newscenter #news_area li, body.template-newscenter #press_news_area li { list-style: none; margin-bottom:1em; margin-left:0; } body.newscenter #news_area li, body.newscenter #press_area li, body.template-newscenter #press_news_area li, body.template-events #page-content .event-list li, body.template-pressroom #page-content .press-room-feed-section li, body.template-pressroom #page-content .news-article-feed-section li { margin-left:20px; list-style:none; margin-bottom:1em; } /*added rev*/ body.template-events #page-content .event-list .entry-category, body.template-pressroom #page-content .press-room-feed-section .entry-category, body.template-pressroom #page-content .news-article-feed-section .entry-category{ display:none; } body.newscenter #news_area li, body.newscenter #press_area li, body.template-newscenter #press_news_area li, body.template-pressroom #page-content .press-room-feed-section li, body.template-pressroom #page-content .news-article-feed-section li { margin-left:0; } body.template-pressroom #page-content .press-room-feed-section li body.template-pressroom #page-content .press-room-feed-section li h4, body.template-pressroom #page-content .news-article-feed-section li body.template-pressroom #page-content .news-article-feed-section li h4 { color: #1a1a1a;} body.template-pressroom #page-content .press-room-feed-section li .entry-summary, body.template-pressroom #page-content .news-article-feed-section li .entry-summary, body.newscenter #page-content #news_area li .entry-summary, body.newscenter #page-content #press_area li .entry-summary, body.template-newscenter #press_news_area li .entry-summary { margin-top:2px; } body.template-pressroom #page-content .press-room-feed-section li .entry-summary a.continue, body.template-pressroom #page-content .news-article-feed-section li .entry-summary a.continue{ /*margin-left:20px;*/ } body.template-pressroom #page-content .press-room-feed-section form p.filter-controls, body.template-pressroom #page-content .news-article-feed-section li .entry-summary a.continue { text-indent:25px; margin-left:-25px; } #page-content .html5-section { margin-top:14px; margin-bottom:20px; } #big-middle-column #page-content .html5-section { margin-left:70px; margin-right:70px; } body.template-briefcase #page-content h1, body.template-briefcase #page-content h3, #page-content .html5-section h1, #page-content .html5-section h3, #page-content .customer-award-list h1, #page-content .customer-award-list h3{ font-size:19px; line-height:20px; margin-top:10px; margin-bottom:7px; color: #1a1a1a;} #page-content .html5-section h4 { margin-bottom:1em; margin-top:1em; font-size:13px; color: #1a1a1a;} #page-content .html5-section li h4 { margin-bottom:0; } #page-content .html5-section p.intro { line-height:1.3em; } #page-content .html5-section p.find-out-more { margin-top:4px; } #page-content .html5-section p.find-out-more { margin-top:4px; } body.template-article #page-content { margin-left:19px; } #page-content p { margin-top:1em; margin-bottom:1em; } #page-content p, #page-content li, #page-content { line-height:1.3em; } body.template-search #page-content { /*margin-top:75px;*/ margin-top:20px; } body.template-search #page-content h3, body.template-search #page-content h3 { margin-bottom:0; } body.template-search #page-content p.search-result-summary { margin-top:0; text-align:right; color: #1a1a1a;} body.template-article #page-content h1, body.template-article #page-content h3, body.template-general-article #page-content h3 { //color: #1a1a1a; /*font-size:14px;*/ } #page-content p img { border:solid 0px #CCCCCC; } img.logo { float: right; } #page-intro img.right, #page-intro img.left, #page-content img.right, #page-content img.left{ margin-top:8px; margin-bottom:8px; } #page-intro img.right, #page-content img.right { float:right; margin-left:8px; } #page-intro img.left, #page-content img.left { float:left; margin-right:8px; } #page-content .module-navigation { margin-top:30px; padding-right:10px; min-height: 206px; } #page-content .module-navigation img { float:left; margin-right:30px; margin-bottom:30px; } #page-content .module-navigation p { padding-top:30px; } /*body.template-modules #page-content h3 { text-transform:uppercase; }*/ body.template-modules #page-content div.intro { margin-bottom:5px; background-position: 100% 25%; /*background-position: 80% 100%;*/ margin-right:4px; display:inline-block; /*needed for IE bug*/ width:100%; min-height:165px; } li.sales img, li.service img, li.marketing img, li.engage img { vertical-align: middle; } /*Start Modules Backgrounds*/ body.template-modules #page-content .analytics div.intro { background-image:url(/structure-images/icons/module-analytics-lrg.png); } body.template-modules #page-content .answer-management div.intro { background-image:url(/structure-images/module-answer-mgmt-lrg.png); } body.template-modules #page-content .campaign-management div.intro { background-image:url(/structure-images/module-campaign-mgmt-lrg.png); } body.template-modules #page-content .chat div.intro { background-image:url(/structure-images/module-chat-lrg.png); } body.template-modules #page-content .co-browse div.intro { background-image:url(/structure-images/icons/module-cobrowse-lrg.png); } body.template-modules #page-content .contact-center div.intro { background-image:url(/structure-images/module-contact-center-lrg.png); } body.template-modules #page-content .contact-management div.intro { background-image:url(/structure-images/module-contact-mgmt-lrg.png); } body.template-modules #page-content .customer-segmentation div.intro { background-image:url(/structure-images/module-customer-segmentation-lrg.png); } body.template-modules #page-content .email-marketing div.intro { background-image:url(/structure-images/module-email-marketing-lrg.png); } body.template-modules #page-content .email-response-management div.intro { background-image:url(/structure-images/module-email-response-lrg.png); } body.template-modules #page-content .eservice div.intro { background-image:url(/structure-images/icons/module-e-service-lrg.png); } body.template-modules #page-content .feedback div.intro { background-image:url(/structure-images/module-feedback-lrg.png); } body.template-modules #page-content .forums div.intro { background-image:url(/structure-images/module-forums-lrg.png); } body.template-modules #page-content .incident-management div.intro { background-image:url(/structure-images/module-incident-mgmt-lrg.png); } body.template-modules #page-content .knowledge-management div.intro { background-image:url(/structure-images/module-knowledge-mgmt-lrg.png); } body.template-modules #page-content .lead-management div.intro { background-image:url(/structure-images/module-leads-mgmt-lrg.png); } body.template-modules #page-content .locator div.intro { background-image:url(/structure-images/module-locator-lrg.png); } body.template-modules #page-content .opportunity-management div.intro { background-image:url(/structure-images/module-opportunity-mgmt-lrg.png); } body.template-modules #page-content .rightnow-connect div.intro { background-image:url(/structure-images/module-connect-lrg.png); } body.template-modules #page-content .task-management div.intro { background-image:url(/structure-images/module-task-mgmt-lrg.png); } body.template-modules #page-content .voice div.intro { background-image:url(/structure-images/module-voice-lrg.png); } body.template-modules #page-content .web-self-service div.intro { background-image:url(/structure-images/module-web-self-service-lrg.png); } body.template-modules #page-content .cloud-monitor div.intro { background-image:url(/image/structure/module-cloud-monitor-lrg.png); } End Modules Backgrounds*/ body.template-modules #page-content div.intro h1, body.template-modules #page-content div.intro h3 { margin-bottom:7px; } body.template-modules #page-content div.intro p { margin:0; /*text-transform:uppercase;*/ color: #1a1a1a; width:40%; } div.intro ul { margin-top:4px; } body.template-modules #page-content div.intro li { margin-left:0; padding-left:10px; padding-top:16px; padding-bottom:16px; list-style:none; font-size:15px; font-weight:bold; /*width:50%;*/ background-position:left center; /*border:solid 1px white;*/ /* for IE 6/7*/ /*position:relative;*/ /* for IE 6*/ } div.intro li.service { background-image:none; } div.intro li.sales { background-image:none; } div.intro li.marketing { background-image:none; } div.intro li.engage { background-image:none; } #page-content .showcase-intro { padding-top:10px; text-align:right; font-size:16px; color: #1a1a1a;} #page-content .showcase-intro q { color:#666666; } #page-content .showcase-intro img { float:left; margin-right:25px; margin-bottom:20px; } #page-content .client-casestudy h1, #page-content .client-casestudy h3, body.template-modules #page-content .html5-section h1, body.template-modules #page-content .html5-section h3 { clear:both; } /* Blog rules *********/ body.template-blog-single #page-content h1.entry-title, body.template-blog-single #page-content h3.entry-title { text-transform:uppercase; color: #1a1a1a; font-size:22px; line-height:24px; } body.template-blog #page-content .hentry .html5-heading .meta { font-size:11px; margin-top:10px; margin-bottom:17px; } body.template-blog #page-content.hfeed .hentry .html5-heading .meta { margin-top:3px; margin-bottom:10px; } body.template-blog #page-content.hfeed hr.hentry { margin-top:15px; margin-bottom:15px; } body.template-blog #page-content div.navigation { height:1em; } body.template-blog #page-content div.navigation .newer { float:left; } body.template-blog #page-content div.navigation .older { float:right; } body.template-blog #page-content .hentry div.navigation { margin-top:30px; } body.template-blog #page-content h3.page-title { font-size:18px; margin-bottom:15px; } body.template-blog #page-content .hentry .html5-heading .meta .published { color: #1a1a1a;} body.template-blog #page-content div.comments h4 { color: #1a1a1a; font-size:14px; margin-bottom:6px; margin-top:11px; } body.template-blog #page-content div.comments li { list-style:none; margin-left:0; margin-bottom:20px; border-top:dotted 2px #CCC; } body.template-blog #page-content div.comments li .html5-heading { margin-top:20px; color: #1a1a1a; font-weight:bold; margin-bottom:6px; } body.template-blog #page-content div.comments li .html5-heading address { font-style:normal; } body.template-blog #page-content div.comments li .html5-heading a { color: #1a1a1a;} body.template-blog #page-content div.comments li:first-child, body.template-blog #page-content div.comments li.first-child { border-top:0; } body.template-blog #page-content div.comments li p { font-style:italic; margin-bottom:1em; margin-top:0; } body.template-blog #page-content div.comments form textarea { width:100%; height:7em; } body.template-blog #page-content address.author { display:inline; font-style:normal; } body.template-search #page-content li { color: #1a1a1a; margin-bottom:1.2em; } body.template-search #page-content li h4 { margin-bottom:0; } body.template-search #page-content li p { margin-top:0; margin-bottom:4px; color:#888; font-size:12px; } body.template-search #page-content li .url { color:#CF7518; } body.template-search #page-content li a.cached { font-weight:bold; } #page-content div.paged-navigation { text-align:right; } body.template-search #page-content div.paged-navigation { margin-top:2em; text-align:center; } #page-content div.paged-navigation a { color: #1a1a1a; font-weight:bold; } #page-content div.paged-navigation a:link { font-weight:normal; } #page-content div.asset-list p.intro { font-size:11px; } /*Under #page-content */ #briefcase-management td.item h4, #page-content div.asset-list li h4 { color: #1a1a1a; font-size:11px; } #briefcase-management td.item h4 a, #page-content div.asset-list li h4 a { color: #1a1a1a;} #briefcase-management td.item p, #page-content div.asset-list li p { margin-top:3px; margin-bottom:0; } #briefcase-management td.item div.add-date, #page-content div.asset-list li div.add-date { font-size:11px; margin-top:3px; font-style:italic; } #briefcase-management td.item h4 .type, #page-content div.asset-list li h4 .type { color:#00567e; } #briefcase-management td.item h4 .type { /*display:block;*/ /*margin-bottom:3px;*/ } #page-content div.asset-list ul { margin-top:12px; } #briefcase-management div.actions { /*border-bottom:solid 2px #CCCCCC !important;*/ line-height:11px; } #briefcase-management div.actions input { margin-right:10px; } /* #briefcase-management thead th { text-align:left; padding-bottom:5px; } #briefcase-management thead th.buttons { padding-left:10px; } */ #briefcase-management div.actions button { border:0; background-color:white; padding:0; color:#077DBB; cursor:pointer; font-size:11px; text-align:left; outline:0; vertical-align:middle; } #briefcase-management div.actions span { border-left:solid 1px #077DBB; padding-left:10px; padding-right:20px; vertical-align:middle; } #briefcase-management div.actions input { vertical-align:middle; } #briefcase-management div.actions button:hover { color:#1A1A1A; } #briefcase-management tbody td.first-child, #briefcase-management tbody td:first-child { vertical-align:top; padding-top:13px; } #briefcase-management tr:first-child td, #briefcase-management tr.first-child td{ margin-top:5px; } #page-content div.asset-list ul li, #briefcase-management td.item { vertical-align:top; padding-left:64px; background-repeat:no-repeat; margin-left:0; list-style:none; } #page-content div.asset-list ul li { display:inline-block; /*needed for IE bug*/ } body.template-client-showcase .more-clients li { background-image:none; padding-left:0 !important; } #briefcase-management td.item { padding-bottom:10px; /*cursor:pointer; */ } #page-content div.asset-list ul li p { font-size:10px; line-height:1.3em; margin:0; } #briefcase-management td.item p { /*margin:0;*/ font-size:9px; } #page-content div.module-list li { list-style:none; margin-left:0; padding-left:0px; /* module list page, change to 49px; */ padding-top:9px; padding-bottom:9px; background-position:left top; background-repeat:no-repeat; position:relative; /* for IE 6*/ border:solid 1px white; /* for bg images in IE 6/7 to show up*/ } #page-content div.module-list li p { list-style:none; margin-left:0; padding-left:55px; padding-top:4px; padding-bottom:9px; background-position:left top; background-repeat:no-repeat; position:relative; /* for IE 6*/ border:solid 1px white; /* for bg images in IE 6/7 to show up*/ } #page-content div.module-list li h4, #page-content div.module-list li h4 a { text-transform:uppercase; color: #1a1a1a;} #page-content div.module-list li h4, #page-content div.module-list li h5 { display:inline; margin:0; } #page-content div.module-list li h5 .service, #page-content div.module-list li h5 .sales, #page-content div.module-list li h5 .marketing, #page-content div.module-list li h5 .engage { /* For FF2 */ display:-moz-inline-stack; overflow:hidden; font-size:0px; background-repeat:no-repeat; text-indent:-10000px; white-space:nowrap; position:relative; top:-4px; width:32px; height:26px; text-decoration:none; display:inline-block; vertical-align:middle; } #page-content div.module-list li h5 .service:hover, #page-content div.module-list li h5 .sales:hover, #page-content div.module-list li h5 .marketing:hover, #page-content div.module-list li h5 .engage:hover { text-decoration:none; } #page-content div.module-list li h5 .service { background-image:url(/image/structure/icn-web-experience-24x24.gif); } #page-content div.module-list li h5 .marketing { background-image:url(/image/structure/icn-social-24x24.gif); } #page-content div.module-list li h5 .sales { background-image:url(/image/structure/icn-contactcenterexp-24x24.gif); } #page-content div.module-list li h5 .engage { background-image:url(/image/structure/icn-engage-24x24.gif); } /** Start Module Icons **/ /* Comment out Module Icons for the module list page to make them clickable icons #page-content div.module-list li.analytics { background-image:url(/structure-images/analytics_m.png); } #page-content div.module-list li.answer-management { background-image:url(/structure-images/answer-management_m.png); } #page-content div.module-list li.campaign-management { background-image:url(/structure-images/module-campaign-mgmt-med.png); } #page-content div.module-list li.chat { background-image:url(/structure-images/chat_m.png); } #page-content div.module-list li.co-browse { background-image:url(/structure-images/module-cobrowse-med.png); } #page-content div.module-list li.contact-center { background-image:url(/structure-images/communications-center_m.png); } #page-content div.module-list li.contact-management { background-image:url(/structure-images/contact-management_m.png); } #page-content div.module-list li.customer-segmentation { background-image:url(/structure-images/module-customer-segmentation-med.png); } #page-content div.module-list li.email-marketing { background-image:url(/structure-images/module-email-marketing-med.png); } #page-content div.module-list li.email-response-management { background-image:url(/structure-images/email-response-management_m.png); } #page-content div.module-list li.eservice { background-image:url(/structure-images/module-e-service-med.png); } #page-content div.module-list li.feedback { background-image:url(/structure-images/feedback_m.png); } #page-content div.module-list li.forums { background-image:url(/structure-images/module-forums-med.png); } #page-content div.module-list li.incident-management { background-image:url(/structure-images/module-incident-mgmt-med.png); } #page-content div.module-list li.knowledge-management { background-image:url(/structure-images/module-knowledge-mgmt-med.png); } #page-content div.module-list li.lead-management { background-image:url(/structure-images/module-leads-mgmt-med.png); } #page-content div.module-list li.locator { background-image:url(/structure-images/module-locator-med.png); } #page-content div.module-list li.opportunity-management { background-image:url(/structure-images/module-opportunity-mgmt-med.png); } #page-content div.module-list li.rightnow-connect { background-image:url(/structure-images/module-connect-med.png); } #page-content div.module-list li.task-management { background-image:url(/structure-images/module-task-management-med.png); } #page-content div.module-list li.voice { background-image:url(/structure-images/module-voice-med.png); } #page-content div.module-list li.web-self-service { background-image:url(/structure-images/module-web-self-service-med.png); } #page-content div.module-list li.cloud-monitor { background-image:url(/structure-images/answer-management_m.png); } stop comment for module list page here*/ /** End Module Icons **/ #page-content div.module-list li p { margin-top:4px; margin-bottom:0; } #page-content div.module-list li p a.find-out-more { background-image:url(/structure-images/arrow-orange-small-sprite.png); background-position:10px 5px; background-repeat:no-repeat; color: #1a1a1a; font-weight:bold; padding-left:22px; white-space:nowrap; } body.template-client-casestudy #page-content .html5-section h1, body.template-client-casestudy #page-content .html5-section h3, body.template-modules #page-content .html5-section h1, body.template-modules #page-content .html5-section h3, #page-content .customer-award-list h1, #page-content .customer-award-list h3, #page-content div.asset-list h1, #page-content div.asset-list h3 { width:auto; } #page-content .customer-award-list ul { margin-top:35px; } #page-content .customer-award-list li { margin-left:0; list-style:none; clear:both; color: #1a1a1a;} #page-content .customer-award-list li img { float:left; position:relative; top:-10px; margin-bottom:10px; margin-right:5px; } div.reddot { color: red; font-size: smaller; } div.reddot img { margin: 0; padding: 0; top: 0; float: none; position: static; } #briefcase-management td.item div.abstract, #page-content div.asset-list div.abstract { display:none; } #page-content div.asset-list div.actions { margin-top:3px; font-size:10px; } #page-content div.asset-list a.all-assets { width:140px; margin-bottom:20px; } #page-content div.asset-list li { background-position:7px 4px; } #briefcase-management td { background-position:15px 4px; } /*Briefcase Icons*/ #page-content div.asset-list li.article, #briefcase-management td.article { background-image:url(/structure-images/icons/misc-article-med.png); } #page-content div.asset-list li.brochure, #briefcase-management td.brochure { background-image:url(/structure-images/icons/misc-brochure-med.png); } #page-content div.asset-list li.case-study, #briefcase-management td.case-study { background-image:url(/structure-images/icons/misc-case-study-med.png); } #page-content div.asset-list li.case-study-summary, #briefcase-management td.case-study-summary { background-image:url(/structure-images/icons/misc-case-study-summary-med.gif); } #page-content div.asset-list li.white-paper, #briefcase-management td.white-paper { background-image:url(/structure-images/icons/misc-white-paper-med.png); } #page-content div.asset-list li.tool, #briefcase-management td.tool { background-image:url(/structure-images/tools-med.gif); } #page-content div.asset-list li.video, #briefcase-management td.video { background-image:url(/structure-images/icons/misc-video-med.png); } #page-content div.asset-list li.flash, #briefcase-management td.flash { background-image:url(/structure-images/icons/misc-flash-med.png); } #page-content div.asset-list li.slideshow, #briefcase-management td.slideshow { background-image:url(/structure-images/icons/misc-slideshow-med.png); } #page-content div.asset-list li.data-sheet, #briefcase-management td.data-sheet { background-image:url(/structure-images/icons/misc-data-sheet-med.png); } #page-content div.asset-list li.web-cast, #briefcase-management td.web-cast { background-image:url(/structure-images/icons/misc-webcast-med.png); } #page-content div.asset-list li.prepared-bundle, #briefcase-management td.prepared-bundle { background-image:url(/structure-images/icons/misc-bundle-med.png); } #page-content div.asset-list li.analyst-report, #briefcase-management td.analyst-report { background-image:url(/structure-images/icons/misc-analyst-report-med.png); } #page-content div.asset-list li.blog, #briefcase-management td.blog { background-image:url(/structure-images/icons/blog-general-med.png); } #page-content div.asset-list li.tool, #briefcase-management td.tool { background-image:url(/structure-images/tools-med.gif); } /*End Briefcase Icon*/ #page-content .our-featured-clients { } #page-content .our-featured-clients li { float:left; width:31%; margin-left:0; padding-bottom:10px; list-style:none; font-size:10px; } #page-content .our-featured-clients li img { margin-bottom:5px; } #page-content .our-featured-clients li span { display:block; } #page-content div.flash-demo { text-align:center; } #page-content div.slideshow { text-align:center; margin-left: -21px; } #page-content hr.unto-related-info { clear:both; } #related-information { clear:both; } /*-- Top Navigation ---------------------------------------------------------------------- */ #top-navigation { height:23px; position:absolute; top:-27px; left:0px; width:604px; } #top-navigation > ul { width:600px; height:23px; } #top-navigation ul > li.button { background-image:url(/structure-images/button-gradient-bg-sprite.png); } #top-navigation li.button { float:left; position:relative; /*@cc_on @if (border-radius && box-shadow) border:solid 1px #aeb0b3; border-bottom:0; border-left-color:#DDD; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; -webkit-border-top-left-radius:15px; height:23px; @else @*/ margin-left:19px; margin-right:11px; height:25px; /*@end @*/ background-repeat:repeat-x; background-position:left -65px; } #top-navigation li.selected/*.button*/ { background-position:left -40px; } #top-navigation li.hover/*.button*/, #top-navigation li.button:hover { z-index:16 !important; background-position:left -2px; height:27px; /*@cc_on @if (border-radius && box-shadow) -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6); background-color:#f4f4f4; @else @*/ /*@end @*/ } /*@cc_on @if !(border-radius && box-shadow)*/ #top-navigation li.button a > span.border { background-image:url(/structure-images/top-navigation-borders-sprite.png); } #top-navigation li.button span.border { position:absolute; height:25px; top:0; background-repeat:no-repeat; } #top-navigation li.button span.border-left { left:-10px; width:10px; background-position:-72px 0px; } #top-navigation li.button span.border-right { right:-13px; width:13px; background-position:-88px 0px; } #top-navigation li.selected span.border-left { left:-10px; width:10px; background-position:-72px -52px; } #top-navigation li.selected span.border-right { right:-13px; width:13px; background-position:-88px -52px; } #top-navigation li.hover/*.button*/ span.border-left, #top-navigation li.button:hover span.border-left { left:-10px; width:10px; background-position:-72px -25px; } #top-navigation li.hover/*.button*/ span.border-right, #top-navigation li.button:hover span.border-right { right:-15px; width:15px; background-position:-88px -25px; } #top-navigation li.hover/*.button*/ span.border, #top-navigation li.button:hover span.border { display:block; height:28px; } /*@end @*/ #top-navigation li.hover/*.button*/ a.button, #top-navigation li.button:hover a.button { color:#00567f !important; } #top-navigation li.button a.button { display:block; /*@cc_on @if (border-radius && box-shadow) padding-left:19px; padding-right:16px; @else @ */ padding-left:4px; padding-right:10px; /*@end @*/ padding-top:8px; padding-bottom:3px; font-size:10px; color:#77787b; font-weight:bold; } /*@cc_on @if (border-radius && box-shadow) #top-navigation li.button-1 a.button { padding-left:15px; } @else @ */ #top-navigation li.button-1 { margin-left:10px; } /* @end @*/ #top-navigation li.selected/*.button*/ a.button { color: #1a1a1a;} #top-navigation li.button .sub-navigation { display:none; position:absolute; top:26px; z-index:17; left:-10px; /*@cc_on @if (border-radius && box-shadow) -moz-border-radius-bottomleft:17px; -moz-border-radius-bottomright:17px; -webkit-border-bottom-right-radius:17px; -webkit-border-bottom-left-radius:17px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6); height:286px; border:solid 1px #DDD; border-top:0; border-right-color:#AEB0B3; @else @*/ height:270px; /* @end @*/ /*filter:progid:DXImageTransform.Microsoft.Shadow(color:gray, strength:10, direction:135);*/ } #top-navigation li.hover/*.button*/ .sub-navigation, #top-navigation li.button:hover .sub-navigation { display:block; z-index:15; } /*@cc_on @if !(border-radius && box-shadow) */ #top-navigation li.button .sub-navigation > .border { background-image:url(/structure-images/top-navigation-borders-sprite.png); } #top-navigation li.button .sub-navigation .border { position:absolute; /*outline:solid 1px red;*/ background-repeat:no-repeat; background-position:left bottom; z-index:1; } #top-navigation li.button .sub-navigation .border-top-left { left:-1px; top:0; width:16px; height:20px; /* background-image:url(/structure-images/top-navigation-submenu-left-border.png); background-position:left -20px; */ background-position:left -20px; display:none; z-index:2; } #top-navigation li.button .sub-navigation .border-top-right { right:-9px; top:0; height:20px; width:24px; /* background-image:url(/structure-images/top-navigation-submenu-right-border.png); background-position:left -20px; */ background-position:-47px -20px; display:none; z-index:2; } #top-navigation li.button .sub-navigation .border-left { left:-1px; bottom:-23px; width:25px; height:296px; /* background-image:url(/images/top-navigation-submenu-left-border.png); */ background-position:left bottom; } #top-navigation li.button .sub-navigation .border-right { right:-9px; bottom:-23px; width:24px; height:296px; /* background-image:url(/images/top-navigation-submenu-right-border.png); */ background-position:-47px bottom; } #top-navigation li.button .sub-navigation > .border-bottom { background-image:url(/structure-images/button-gradient-bg-sprite.png); } #top-navigation li.button .sub-navigation .border-bottom { /*background-image:url(/images/background-top-navigation-submenu.png);*/ background-position:left -412px; background-repeat:repeat-x; bottom:-23px; height:12px; left:24px; /*right:15px;*/ } /* @end @*/ #top-navigation li a.button:hover { text-decoration:none; } #top-navigation li.button .sub-navigation { /*background-color:red;*/ } #top-navigation li.button .sub-navigation .contents { /*background-color:lime;*/ } /*#top-navigation li.button .sub-navigation,*/ #top-navigation li.button .sub-navigation > .contents { background-image:url(/structure-images/button-gradient-bg-sprite.png); } #top-navigation li.button .sub-navigation .contents { background-repeat:repeat-x; background-position:0px -128px; /*@cc_on @if !(border-radius && box-shadow)*/ top:-1px; /*@else @ background-color:#f4f4f4; @end @*/ } #top-navigation li.button .sub-navigation .contents { font-size:11px; line-height:1.35em; color:#62625c; position:relative; z-index:10; /* So that it is above the borders */ margin-left:14px; margin-right:14px; padding-top:14px; height:269px; } #top-navigation li.button .sub-navigation .contents p.overview { /*padding:14px;*/ margin-bottom:14px; } #top-navigation li.button .sub-navigation .contents strong.intro { font-size:12px; color: #1a1a1a;} #top-navigation li.button .sub-navigation .contents strong.intro a { color:#00567e; } #top-navigation li.button .sub-navigation .find-more { /*color:#ce7419;*/ font-weight:bold; white-space:nowrap; color:#00567e; font-size:10px; background-image:url(/structure-images/arrow-orange-small-sprite.png); background-repeat:no-repeat; background-position:2px 3px; padding-left:12px; } #top-navigation li.button .sub-navigation p .find-more { display:inline-block; } #top-navigation li.button .sub-navigation h1 a, #top-navigation li.button .sub-navigation h3 a { color:#00567e; /*white-space:nowrap;*/ } /*Take Out*/ #top-navigation li.button .sub-navigation ul, #top-navigation li.button .sub-navigation ol { /*margin-top:4px; margin-left:14px;*/ } #top-navigation li.button .sub-navigation ul li, #top-navigation li.button .sub-navigation ol li { height:190px; } #top-navigation li.button .sub-navigation ul li .find-more, #top-navigation li.button .sub-navigation ol li .find-more { position:absolute; bottom:8px; } #top-navigation li.button .sub-navigation ul li, #top-navigation li.button .sub-navigation ol li { width:109px; padding-left:4px; margin-left:10px; float:left; position:relative; border-left:dotted 1px #8b8a8a; } #top-navigation li.button .sub-navigation ul li:first-child, #top-navigation li.button .sub-navigation ul li.first-child, #top-navigation li.button .sub-navigation ol li:first-child, #top-navigation li.button .sub-navigation ol li.first-child { padding-left:0; margin-left:0; border-left:none; } #top-navigation li a.button:active, #top-navigation li a.button:focus { outline:none; } #top-navigation li.button-1 { z-index:16; } #top-navigation li.button-1 .sub-navigation { width:760px; left: -150px; /*@cc_on @if (border-radius && box-shadow) -moz-border-radius-topleft:0; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:10px; @end @*/ } /*@cc_on @if !(border-radius && box-shadow)*/ #top-navigation li.button-1 .sub-navigation .border-top-left { display:block; } #top-navigation li.button-1 .sub-navigation .border-left { height:273px; } #top-navigation li.button-1 .sub-navigation .border-bottom { width:721px; } /*@end @*/ #top-navigation li.button-2 { z-index:15; left:-10px; } #top-navigation li.button-2 .sub-navigation { width:276px; /*@cc_on @if (border-radius && box-shadow) -moz-border-radius-topleft:0; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:10px; @end @*/ } /*@cc_on @if !(border-radius && box-shadow)*/ #top-navigation li.button-2 .sub-navigation .border-top-left { display:block; } #top-navigation li.button-2 .sub-navigation .border-left { height:276px; } #top-navigation li.button-2 .sub-navigation .border-bottom { width:237px; } /*@end @*/ #top-navigation li.button-3 { z-index:14; left:-20px; } #top-navigation li.button-3 .sub-navigation { width:520px; left:auo; /*@cc_on @if (border-radius && box-shadow) -moz-border-radius-topleft:10px; -moz-border-radius-topright:0; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:0; right:-1px; @else @*/ right:-7px; /*@end @*/ } /*@cc_on @if !(border-radius && box-shadow)*/ #top-navigation li.button-3 .sub-navigation .border-top-right { display:block; } #top-navigation li.button-3 .sub-navigation .border-right { height:273px; } #top-navigation li.button-3 .sub-navigation .border-bottom { width:481px; } /*@end @*/ #top-navigation li.button-4 { z-index:13; left:-30px; } #top-navigation li.button-4 .sub-navigation { width:390px; left:auto; /*@cc_on @if (border-radius && box-shadow) -moz-border-radius-topleft:10px; -moz-border-radius-topright:0; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:0; right:-1px; @else @*/ right:-7px; /*@end @*/ } /*@cc_on @if !(border-radius && box-shadow)*/ #top-navigation li.button-4 .sub-navigation .border-top-right { display:block; } #top-navigation li.button-4 .sub-navigation .border-right { height:273px; } #top-navigation li.button-4 .sub-navigation .border-bottom { width:351px; } /*@end @*/ #top-navigation li.button-5 { z-index:12; left:-40px; } #top-navigation li.button-5 .sub-navigation { width:760px; left:auto; right:-125px; /*@cc_on @if (border-radius && box-shadow) -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; @end @*/ } /*@cc_on @if !(border-radius && box-shadow)*/ #top-navigation li.button-5 .sub-navigation .border-bottom { width:721px; } #big-middle-column #top-navigation { left:236px; } /*@end @*/ /*-- Site Section Navigation ------------------------------------------------------------------------ */ #site-section-navigation { background-color:#B8B8B5; border:solid 1px #AAA; height:23px; font-size:11px; } #site-section-navigation li { float:left; padding-left:13px; height:23px; line-height:23px; } #site-section-navigation li a { color:white; } #site-section-navigation li.selected a { color: #1a1a1a;} /*-- Right Column ------------------------------------------------------------------------ */ #right-column { float:left; position:relative; left:236px; width:190px; } body.template-briefcase #right-column { margin-top:109px; } #right-column .widgets { margin-left:9px; margin-right:9px; } /*body.template-briefcase #right-column .widgets { margin-left:0; }*/ body.template-blog #right-column .widgets { padding-left:0px; padding-bottom:15px; margin-left:0; margin-right:15px; } #right-column .customer-experience-blog { position:relative; /* IE6 */ /*@cc_on @if (border-radius) -moz-border-radius:7px; -webkit-border-radius:7px; background-color:#939598; @else @*/ background-image:url(/structure-images/customer-experience-blog-background.png); background-repeat:no-repeat; /*@end @*/ } #right-column .customer-experience-blog h2 { padding-top:15px; padding-bottom:10px; color:white; text-align:center; font-weight:normal; } #right-column .customer-experience-blog h2 a { color:white; font-size:13px; } #right-column .customer-experience-blog { padding:5px; padding-top:0; padding-bottom:6px; height:233px;/*Needed for background-image-disappearing-on-hover bug in IE */ } #right-column .customer-experience-blog .hfeed { /*@cc_on @if (border-radius) border:solid 3px white; background-color:white; background-image:url(/structure-images/customer-experience-blog-bg-gradient.gif); background-repeat:repeat-x; @else @*/ margin:3px; /*@end @*/ padding:3px; /*@cc_on @if (border-radius) -moz-border-radius:9px; -webkit-border-radius:9px; @else @*/ /*@end @*/ } #right-column .customer-experience-blog .hentry { position:relative; } #right-column .customer-experience-blog .hentry .published { font-size:12px; position:absolute; top:9px; left:0; } #right-column .customer-experience-blog .hentry h1, #right-column .customer-experience-blog .hentry h3 { font-size:14px; line-height:17px; padding-top:27px; padding-bottom:6px; } #right-column li.widget { margin-bottom:8px; } #right-column .customer-experience-blog .hentry a { color: #1a1a1a;} #right-column .customer-experience-blog .hentry a.read-blog { color:#007DBB; font-weight:bold; font-size:11px; } #right-column .customer-experience-blog .hentry a.read-blog:hover { color:#1A1A1A; text-decoration:none; } #right-column .customer-experience-blog .hentry address { border-top:1px dotted gray; margin-left:0px; margin-right:0px; margin-top:8px; font-size:10px; font-style:normal; height:74px; line-height:12px; padding-top:15px; position:relative; padding-left:65px; } #right-column .customer-experience-blog .hentry address .fn { font-weight:bold; margin-top:5px; /*white-space:nowrap;*/ } #right-column .customer-experience-blog .hentry address img { float:left; margin-right:6px; position:absolute; top:11px; left:0px; } #right-column .faqs-widget, #right-column .add-modules-widget, #right-column .shareholder, #right-column .other-viewed-pages-widget { /*padding-bottom:10px;*/ line-height:13px; } #left-column #twitter-widget { padding: 0px; width: 172px; margin-left: 30px; margin-bottom: 20px; background-image:url(/image/structure/twitter_top_bg.png); background-repeat:no-repeat; background-position: left top; } #left-column #twitter-widget ul#rn-twitter { border-left: 2px solid #f3f3f3; border-right: 2px solid #f3f3f3; /*width: 172px !important;*/ overflow: hidden; padding: 5px; } #left-column #twitter-widget ul li { border-top: 1px dotted #7f7f7f; padding: 5px; font-size: 10px; white-space: pre-wrap; } #left-column #twitter-widget h2 { background-image:url(/structure-images/right-column-widget-background.png); background-repeat:no-repeat; background-position: left top; font-size: 11px; line-height: 13px; padding-top: 11px; padding-bottom: 11px; padding-left: 50px; } #left-column #twitter-widget div.html5-footer { background-image:url(/structure-images/right-column-widget-background.png); background-repeat: no-repeat; background-position: left bottom; height: 10px; width: 100%; } #right-column .faqs-widget h2, #right-column .other-viewed-pages-widget h2, #right-column .shareholder h2, #right-column .add-modules-widget h2, #right-column .faqs-widget .html5-footer, #right-column .other-viewed-pages-widget .html5-footer, #right-column .shareholder .html5-footer, #right-column .add-modules-widget .html5-footer { background-image:url(/structure-images/right-column-widget-background.png); background-repeat:no-repeat; /*display: inline-block;*/ } #right-column .faqs-widget h2, #right-column .other-viewed-pages-widget h2, #right-column .shareholder h2, #right-column .add-modules-widget h2 { padding-left:14px; font-size:11px; line-height:13px; background-position:left top; } #right-column .faqs-widget h2 { padding-top:11px; padding-bottom:11px; } #right-column .other-viewed-pages-widget h2 { padding-top:5px; padding-bottom:5px; padding-right:50px; /*Note "height" property causes 3px phantom padding */ } #right-column .add-modules-widget h2 { padding-top:5px; padding-bottom:5px; padding-right:10px; /*Note "height" property causes 3px phantom padding */ } #right-column .shareholder h2 { padding-top:11px; padding-bottom:11px; padding-right:10px; /*Note "height" property causes 3px phantom padding */ } #right-column .faqs-widget ul, #right-column .other-viewed-pages-widget ul { /*border-top:solid 1px lime;*/ background-color:white; border:solid 2px #F3F3F3; border-top:0; border-bottom:0; padding-top:11px; vertical-align:top; } #right-column .faqs-widget #rntRSSFeed .items, #right-column .faqs-widget #rntRSSFeed .last-items { margin-bottom:0; } #right-column .faqs-widget div div.feedContent ul.items, #right-column .faqs-widget div div.feedContent ul.last-items { padding-top:0; } #right-column .faqs-widget div div.feedContent ul.items li.first-child, #right-column .faqs-widget div div.feedContent ul.items li:first-child { border-top:0px dotted #7F7F7F !important; margin-top:0px; } #right-column .add-modules-widget ul, #right-column .shareholder ul { background-color:white; border:solid 2px #F3F3F3; border-top:0; border-bottom:0; vertical-align:top; } #right-column .shareholder table { background-color:white; vertical-align:top; padding-left:2px; margin-right:1px; width: 162px; } #right-column .shareholder table tr { padding-left: 10px; } td.datah { padding-right: -5px; padding-top: 5px; padding-bottom: 3px; background-color: #002266; color: #ffffff; } td.data { padding-left: 5px; } #right-column .faqs-widget ul li a, #right-column .other-viewed-pages-widget ul li a, #right-column .add-modules-widget ul li a, #right-column .shareholder ul li a { background-image:url(/structure-images/arrow-orange-small-sprite.png); background-position:0px 4px; background-repeat:no-repeat; margin-left:-12px; padding-left:12px; color: #1a1a1a; display:block; } #right-column .faqs-widget ul li span.views, #right-column .other-viewed-pages-widget ul li span.views { font-style:italic; color:#818179; } #right-column .faqs-widget ul li, #right-column .other-viewed-pages-widget ul li { font-size:10px; margin-left:7px; margin-right:7px; border-top:dotted 1px #7F7F7F; padding: 4px 3px 4px 17px; line-height:13px; /*background-image:url(/images/arrow-right-orange-small.gif); background-position:5px 8px; background-repeat:no-repeat;*/ } #right-column .faqs-widget ul li.see-all { padding-top:8px; } #right-column .faqs-widget ul li.see-all a { background-position:0px 3px; } #right-column .add-modules-widget ul li, #right-column .shareholder ul li { font-size:11px; margin-left:7px; margin-right:20px; border-top:dotted 1px #7F7F7F; padding-left:56px; padding-top:18px; padding-bottom:18px; /*height:29px;*/ text-transform:uppercase; /*line-height:13px;*/ background-position:2px 4px; background-repeat:no-repeat; } #right-column .add-modules-widget ul li a, #right-column .shareholder ul li a { background-image:none; } #right-column .add-modules-widget ul li.analytics { background-image:url(/structure-images/analytics_m.png); } #right-column .shareholder ul li.report { padding-top:12px; padding-bottom:12px; background-image:url(/structure-images/ir-report.png); display: inline-block; } #right-column .shareholder ul li.materials { padding-top:5px; padding-bottom:5px; background-image:url(/structure-images/ir-materials.png); display: inline-block; } #right-column .shareholder ul li.email { padding-top:12px; padding-bottom:12px; background-image:url(/structure-images/ir-email.png); display: inline-block; } #right-column .shareholder ul li.library { padding-top:12px; padding-bottom:12px; background-image:url(/structure-images/ir-library.png); display: inline-block; } #right-column .shareholder ul li.glossary { background-image:url(/structure-images/ir-glossary.png); display: inline-block; } #right-column .shareholder ul li.feeds { background-image:url(/structure-images/ir-feeds.png); display inline-block; } #right-column .shareholder ul li.faq { padding-top:5px; padding-bottom:5px; background-image:url(/structure-images/ir-faq.png); display: inline-block; } #right-column .add-modules-widget ul li.locator { background-image:url(/structure-images/locator_m.png); } #right-column .add-modules-widget ul li.email { padding-top:12px; padding-bottom:12px; /*height:38px;*/ background-image:url(/structure-images/email-response-management_m.png); } #right-column .add-modules-widget ul li.more-modules, #right-column .shareholder ul li.more-modules { padding-left:26px; padding-top:12px; padding-bottom:0px; height:auto; text-transform:none; } #right-column .add-modules-widget ul li.more-modules a, #right-column .shareholder ul li.more-modules a { color:#007DBB; background-position:0px 2px; background-image:url(/structure-images/arrow-orange-small-sprite.png); } #right-column .faqs-widget ul.items li:first-child, #right-column .faqs-widget ul.items li.first-child, #right-column .other-viewed-pages-widget ul li:first-child, #right-column .other-viewed-pages-widget ul li.first-child, #right-column .add-modules-widget ul li:first-child, #right-column .add-modules-widget ul li.first-child, #right-column .shareholder ul li:first-child, #right-column .shareholder ul li.first-child { border:none; } #right-column .faqs-widget .html5-footer, #right-column .other-viewed-pages-widget .html5-footer , #right-column .add-modules-widget .html5-footer, #right-column .shareholder .html5-footer { height:10px; background-position:left bottom; } /* #right-column .customer-showcase-widget { position:relative;*/ /*@cc_on @if (border-radius) -moz-border-radius:9px; -webkit-border-radius:9px; @else @*/ /*@end @*/ /*} #right-column .customer-showcase-widget a { color:white; width:25px; position:absolute;*/ /*left:6px; top:13px;*//* padding-left:6px; padding-top:13px; padding-right:50px; width:116px; height:100px; font-size:19px; line-height:1em; } #right-column .content-library-widget { position:relative; width:172px; }*/ #right-column li.share-briefcase-widget { margin-bottom:22px; } #right-column .share-briefcase-widget h2 { font-size:14px; } #right-column .share-briefcase-widget p { margin-top:7px; margin-bottom:7px; } #right-column .share-briefcase-widget form { margin-left:3px; margin-right:10px; } #right-column .share-briefcase-widget label { font-weight:bold; margin-bottom:5px; display:block; } #right-column .share-briefcase-widget input { margin-top:3px; width:100%; display:block; } #right-column .share-briefcase-widget em.required { font-size:10px; padding-bottom:4px; } #right-column .share-briefcase-widget button { margin:0; margin-top:2px; margin-bottom:4px; /*text-indent:-1000px;*/ color:white; border:0; padding:0; background-color:transparent; background-image:url(/structure-images/orange-button-background.png); background-repeat:no-repeat; background-position:left bottom; height:26px; width:106px; line-height:28px; font-size:11px; font-weight:bold; cursor:pointer; } body.template-blog #right-column li.widget { border-left:solid 1px #CCC; margin-bottom:0; padding-left:13px; padding-bottom:5px; border-top:solid 1px #CCC; padding-right:15px; position:relative; /*for IE6 */ } #right-column .share-briefcase-widget a { font-size:10px; } #right-column .share-briefcase-widget a:hover { text-decoration:none; } #right-column .share-briefcase-widget input { background-image:url(/structure-images/text-box-background.png); background-repeat:repeat-x; border:solid 1px #444; } /*#right-column li.widget_relevant_whitepapers { border-top:0 !important; }*/ body.template-blog #right-column li.widget h2 { font-size:11px; padding-top:13px; padding-left:0px; position:relative; border-bottom:dotted 2px #CCC; padding-bottom:7px; } body.template-blog #right-column li:first-child, body.template-blog #right-column li.first-child { border-top:0; } body.template-blog #right-column li.widget ul { padding-top:12px; } body.template-blog #right-column li.widget ul li { font-size:11px; line-height:13px; } body.template-blog #right-column li.widget ul li, body.template-blog #right-column .widget_recent_entries li { margin-bottom:8px; } #right-column li.widget_relevant_whitepapers h2 { padding:13px 15px 14px 40px !important; background-image:url(/structure-images/icons/misc-relevant-info-med.gif); background-position:-5px 8px; background-repeat:no-repeat; } #right-column .widget_relevant_whitepapers ul li { color:#087ABF; padding-left:11px; font-size:10px !important; padding-top:5px; padding-bottom:5px; font-weight:bold; background-image:url(/structure-images/arrow-orange-small-sprite.png); background-position:0px 8px; background-repeat:no-repeat; } #right-column .widget_relevant_whitepapers ul { width:135px; } #right-column .widget_relevant_whitepapers li { border-top:dotted 1px #CCC; } #right-column .blog-relevant-whitepapers-widget ul li.first-child, #right-column .blog-relevant-whitepapers-widget ul li:first-child { border-top:none; } /*-- Left Column ------------------------------------------------------------------------ */ #left-column { float:left; position:relative; left:-694px; /* -504px - 190px */ width:236px; } body.template-home #left-column { /*margin-bottom:20px;*/ } #left-column .rightnow-crm-suite-widget { margin-left:6px; margin-right:11px; margin-top: 6px; padding-top: 6px; padding-bottom: 6px; padding-left:26px; margin-bottom:11px; } #left-column .rightnow-crm-suite-widget h2 { margin-top:12px; margin-bottom:10px; text-transform:uppercase; /* bquillen - Changes to conversion widget font-size:16px; color:#818285; */ color: #000000; font-size: .99em; padding-left: 40px; } #left-column .rightnow-crm-suite-widget li { width:150px; height:29px; margin-left:10px; margin-bottom: 12px; } #left-column .rightnow-crm-suite-widget a { background-image:url(/structure-images/images-1-blue_259F.png); background-repeat:no-repeat; background-position:top left; height: 41px; width: 150px; line-height: 15px; vertical-align: middle !important; white-space: normal !important; padding-top: 3px; text-align:center; display:block; color:white; font-size:14px;} #left-column .rightnow-crm-suite-widget a:hover { text-decoration:none; font-weight:bold; } #left-column .rightnow-crm-suite-widget a:active, #left-column .rightnow-crm-suite-widget a:focus{ background-position:top right; outline:0; } #left-column .chat-widget { width: 150px; height: 52px; margin-left: 32px; margin-bottom: 11px; } #left-column .chat-widget li { background-image: url('/structure-images/images-1-chat_9FB0.png'); width:150px; height:52px; margin-left:10px; margin-bottom:7px; } #left-column .chat-widget a { text-align:center; display:block; color:white; line-height:15px; font-size:14px; padding: 3px 10px; margin-left: 3px; white-space: normal; } #left-column .chat-widget a:hover { text-decoration:none; font-weight:bold; } #left-column .chat-widget a:active, #left-column .chat-widget a:focus{ background-position:top right; outline:0; } #left-column .solve-your-problem-widget, #left-column .customer-experience-strategies-widget { margin-left:36px; margin-right:12px; margin-top:0; padding-top:18px; border-top:2px solid black; padding-bottom:18px; width: 188px; } #left-column .solve-your-problem-widget h2, #left-column .customer-experience-strategies-widget h2 { font-size:12px; line-height:12px; /*margin-top:5px;*/ /*padding-top:18px;*/ position:relative; cursor:pointer; color: #1a1a1a; background-image:url(/structure-images/arrow-orange-small-sprite.png); background-position:1px 1px; background-repeat:no-repeat; margin-left:-14px; padding-left:14px; /* negative margin above causes overflow problems in IE6 & IE7 see screen-ie6.css & screen-ie7.css for workarounds */ } #left-column .expanded h2 { background-position:0px -61px; } #left-column .solve-your-problem-widget ul, #left-column .customer-experience-strategies-widget ul { margin-top:7px; margin-bottom:7px; position:relative; } #left-column .solve-your-problem-widget ul li, #left-column .customer-experience-strategies-widget ul li { /*border:none;*/ border-top:dotted 1px gray; font-size:10px; line-height:14px; margin-right:5px; padding-bottom:4px; padding-left:2px; padding-top:4px; display:block; } #left-column .solve-your-problem-widget ul li:first-child, #left-column .solve-your-problem-widget ul li.first-child, #left-column .customer-experience-strategies-widget ul li:first-child, #left-column .customer-experience-strategies-widget ul li.first-child { border:none; } /*#left-column .solve-your-problem-widget .expander,*/ /*#left-column .customer-experience-strategies-widget .expander{*/ /* position:absolute;*/ /* left:-16px;*/ /* top:0px;*/ /* color:#CE7528;*/ /* cursor:pointer;*/ /* line-height:12px;*/ /* height:12px;*/ /*}*/ /*#left-column .solve-your-problem-widget .expander:hover,*/ /*#left-column .customer-experience-strategies-widget .expander:hover{*/ /* color: #1a1a1a;*/ /* text-decoration:none;*/ /*}*/ #left-column .solve-your-problem-widget li a, #left-column .customer-experience-strategies-widget li a { color:#717375; font-size:10px; } #left-column .solve-your-problem-widget li a:hover, #left-column .customer-experience-strategies-widget li a:hover { color: #1a1a1a; text-decoration:none; } #left-column li.expanded/*.solve-your-problem-widget*/, #left-column li.expanded/*.customer-experience-strategies-widget*/{ padding-bottom:0; } .has-scripting #left-column .solve-your-problem-widget ul, .has-scripting #left-column .customer-experience-strategies-widget ul { display:none; } #left-column .expanded ul, #left-column .expanded ul { display:block !important; } #left-column .briefcase-left-widget { background-position:center top; margin-left:23px; margin-top:5px; padding-top:93px; width:148px; } #left-column .briefcase-left-widget br { clear:both; } #left-column .briefcase-left-widget a.back { margin-top:9px; } #left-column .briefcase-left-widget div { background-color:white; } /* #middle-column, #big-middle-column, #right-column, #left-column { position:relative; float:left; } #right-column { width:190px; margin-right:-190px; } #left-column { width:236px; } */ body.include-site-bio #left-column { margin-top:175px; /*175px make room for site description */ } #left-column li.widget_blog_author_bio { background-image:url(/structure-images/background-h-gradient-gray-white.png); background-position:right top; background-repeat:repeat-y; margin-right:8px; margin-top:16px; position:relative; padding-top:24px; padding-bottom:24px; margin-left:30px; -moz-border-radius:12px; -webkit-border-radius:12px; } #left-column li.widget_blog_author_bio img { float:left; margin-right:16px; position:relative; top:-25px; } #left-column li.widget_blog_author_bio address { font-style:normal; font-size:11px; padding-top:25px; } #left-column li.widget_blog_author_bio address a { color: #1a1a1a; font-weight:bold; } #left-column li.widget_blog_author_bio p { clear:both; padding-right:20px; } #left-column .back-to-rnt-widget { margin-top:213px; margin-right:8px; } #left-column .back-to-rnt-widget a { width:150px; float:right; } /*-- Site Footer ------------------------------------------------------------------------ */ #site-footer { clear:both; padding-top:10px; padding-bottom:20px; } #site-footer hr { display:none; } #site-footer .links-bar { margin-top:18px; background-image:url(/structure-images/background-links-bottom.png); background-color:white; /* MSIE needs this for for bg image to show up */ background-position:center top; background-repeat:repeat-y; /*margin-top:10px;*/ /*margin-bottom:10px;*/ text-align:center; /*height:30px;*/ width:930px; font-size:13px; padding-left:0; padding-right:0; margin-left:0; margin-right:0; display:block; border-bottom:solid 1px white; /* for IE7 */ /*width:930px; margin-left:0; padding-left:0*/ } #site-footer .links-bar ul { display:block; margin:0 !important; padding-top:8px; padding-bottom:7px; } #site-footer .links-bar li { /*display:inline-block;*/ display:inline; line-height:13px; height:13px; padding-left:12px; padding-right:13px; border-left:dotted 1px #8D9093; /*margin-top:8px;*/ } #site-footer .links-bar li:first-child, #site-footer .links-bar li.first-child { border-left:none !important; } #site-footer .links-bar li a { color:#6D6F71; font-size:10px; line-height:12px; /*padding-bottom:1px;*/ } #home-footer-links { margin:0; padding:0; } #home-footer-links ul { margin-top:18px; margin-left:43px; font-size:10px; line-height:1.3em; display:block; /*CSS3 column-count:4; -moz-column-count:4; -o-column-count:4; -webkit-column-count:4;*/ } #home-footer-links a { color:#949594; } /****************** TOOLTIPS ********************************************/ #tooltip { position: absolute; z-index: 3000; text-align:left; } #tooltip.default { border: 1px solid #CCC; background-color: #eee; padding: 6px; /*opacity: 0.9;*/ } #tooltip.featured-client { border: 1px solid #CCC; background-color: #eee; padding: 12px; /*opacity: 0.9;*/ width:300px; line-height:1.2em; } #tooltip.default, #tooltip.featured-client{ -moz-border-radius:10px; -webkit-border-radius:10px; } #tooltip.bubble { border:0; background-color:transparent; padding:0; opacity:1.0; } #tooltip.bubble div.body { background-color:lime; height:20px; line-height:20px; } #tooltip.bubble .border-left { background-color:red; position:absolute; left:-10px; width:10px; height:20px; } #tooltip.bubble .border-right { background-color:red; position:absolute; right:-10px; width:10px; height:20px;big } #tooltip.whitepaper { border:0; padding:0; opacity:1; background-color:transparent !important; } #tooltip.whitepaper .body h3 { border:solid 2px #CCC; line-height:1em; border-bottom:0; margin-bottom:0; background-color:white; padding-top:6px; padding-left:20px; padding-right:20px; padding-bottom:5px; text-transform:uppercase; float:left; color:#888; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; } #tooltip.whitepaper .body .abstract { clear:both; border:solid 2px #CCC; font-family:'Times New Roman', serif; background-color:white; padding:10px; } #tooltip.whitepaper .body .abstract p { padding-bottom:10px; width:400px; } #tooltip h3, #tooltip div { margin: 0; } /** * The CSS for Shadowbox. * * This file is part of Shadowbox. * * Shadowbox is free software: you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation, either version 3 of the License, or (at your option) * any later version. * * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with Shadowbox. If not, see . * * @author Michael J. I. Jackson * @copyright 2007 Michael J. I. Jackson * @license http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0 * @version SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $ */ /*_________________________________________________________________ Overlay */ #shadowbox_overlay { visibility: hidden; position: absolute; display: block; margin: 0; padding: 0; top: 0; left: 0; z-index: 998; } /*_______________________________________________________________ Container */ #shadowbox_container { position: fixed; height: 0px; width: 100%; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: center; /* centers in quirks and IE */ } /*_______________________________________________________________ Shadowbox */ #shadowbox { display: none; visibility: hidden; margin: 0 auto; position: relative; text-align: left; /* reset left alignment */ background-color:#CCCCCC; background-image:url(/images/right-now-logo-medium-gray.png); background-position:25px 9px; background-repeat:no-repeat; border:solid 1px #666666; } #shadowbox a#shadowbox_title_close { position:absolute; top:0; right:7px; text-transform:uppercase; color:#333333; padding-right:24px; padding-top:10px; padding-bottom:5px; background-image:url(/images/close-x.png); background-position:right 5px; font-size:10px; line-height:10px; font-weight:bold; } /*___________________________________________________________________ Title */ /* HTML snapshot:
Title Here
*/ #shadowbox_title { height: 25px; padding: 0; overflow: hidden; height: 52px; } #shadowbox_title_inner { font-size: 16px; line-height: 16px; font-weight:bold; white-space: nowrap; padding: 5px 0 4px 8px; padding-top:19px; color: #fff; text-align:center; text-transform:uppercase; color:#333333; } /*____________________________________________________________________ Body */ /* HTML snapsnot:
loading
Cancel
*/ #shadowbox_body { position: relative; overflow: hidden; margin: 0; padding: 0; /*border: 2px solid #fff;*/ border:0; background-color: #EBEBEB; } #shadowbox_body_inner { position: relative; overflow: hidden; } #shadowbox_loading { position: absolute; top: 0; left: 0; height: 10000px; /* overflow:hidden will clip this */ width: 100%; background-color: #222; } #shadowbox_loading img { float: left; margin: 10px 10px 0 10px; } #shadowbox_loading span { float: left; margin-top: 16px; font-size: 10px; } #shadowbox_loading span a, #shadowbox_loading span a:link, #shadowbox_loading span a:visited { color: #fff; } #shadowbox_content.html { /* make html content scrollable */ height: 100%; width: 100%; overflow: auto; } /*_________________________________________________________________ Toolbar */ /* HTML snapshot: */ #shadowbox_toolbar { margin: 0; padding: 0; height: 20px; overflow: hidden; display:none; } #shadowbox_toolbar_inner { height: 20px; color: #fff; } #shadowbox_toolbar_inner div { padding-top: 4px; padding-bottom: 2px; font-size: 10px; height: 10px; line-height: 10px; } #shadowbox_toolbar_inner div span.shortcut { text-decoration: underline; font-weight: bold; } #shadowbox_toolbar_inner div a { text-decoration: none; color: #fff; } #shadowbox_nav_close, #shadowbox_nav_previous, #shadowbox_nav_next { float: right; padding-right: 10px; } #shadowbox_counter { float: left; padding-left: 10px; } #shadowbox_counter a { padding: 0 4px 0 0; } #shadowbox_counter a.shadowbox_counter_current { text-decoration: underline; font-weight: bold; } /*________________________________________________________________ Messages */ div.shadowbox_message { text-align: center; padding: 10px; } div.shadowbox_message a:link, div.shadowbox_message a:visited { text-decoration: none; color: #bed333; } div.shadowbox_message a:hover, div.shadowbox_message a:focus { text-decoration: underline; } /**** Lightbox iframe styles for RNT ***********************************************************************/ body.template-lightbox { background-color:#EBEBEB; /* padding-left:29px; padding-right:25px; padding-top:26px;*/ padding-top:26px; padding-left:29px; text-align:left; } body.template-lightbox-pilot-program { padding-right:26px; padding-bottom:29px; } body.template-lightbox ul li { margin-left:40px; list-style:disc; } body.template-lightbox ul li li { list-style:circle; } body.template-lightbox ol li { margin-left:40px; list-style:decimal; } body.template-lightbox ol li li { list-style:lower-alpha; } body.template-lightbox hr { border-top-color:#AAA; } body.template-lightbox h1.yes-no { text-transform:uppercase; color:#CF7518; font-size:25px; } body.template-lightbox p.required-fields { clear:both; padding-top:10px; } body.template-lightbox li, body.template-lightbox p, body.template-lightbox h2, body.template-lightbox h3 { line-height:1.2em; } body.template-lightbox h2 { font-size:22px; margin-bottom:.5em; margin-top:.5em; } body.template-lightbox h3 { font-size:15px; margin-bottom:.5em; margin-top:.5em; } body.template-lightbox p { margin-top:1em; margin-bottom:1em; } body.template-lightbox form label { /*font-weight:bold;*/ } body.template-lightbox form button { margin:0; margin-top:2px; margin-bottom:4px; /*text-indent:-1000px;*/ color:white; border:0; padding:0; background-color:transparent; background-image:url(/images/orange-button-background.png); background-repeat:no-repeat; background-position:left bottom; height:26px; width:106px; line-height:28px; font-size:11px; font-weight:bold; cursor:pointer; } body.template-lightbox-reg1 form { width:200px; float:left; position:relative; } body.template-lightbox-reg1 form button { float:right; } body.template-lightbox-reg1 div.privacy-opt-in { position:absolute; /*left:278px; top:520px;*/ left:-182px; bottom:0; width:162px; padding-bottom:10px; } body.template-lightbox-reg1 div.privacy-opt-in label { font-size:11px; line-height:13px; display:block; margin-bottom:10px; } body.template-lightbox-reg1 div.privacy-opt-in label span.note { color:#AAA; } body.template-lightbox-reg1 div.privacy-opt-in label input { display:inline; width:auto; } body.template-lightbox-reg1 form input, body.template-lightbox-reg1 form select, body.template-lightbox-reg1 form textarea { width:100%; } body.template-lightbox-reg2 p { clear:both; } body.template-lightbox-reg2 textarea { font-family:sans-serif; width:500px; height:60px; } body.template-lightbox-reg2 input, body.template-lightbox-reg2 select { width:200px; } body.template-lightbox-reg2 label.email, body.template-lightbox-reg2 label.password { float:left; } body.template-lightbox-reg2 label.email { margin-right:20px; } body.template-lightbox-reg2 a.forgot { position:relative; left:-105px; top:-1px; font-size:10px; } body.template-lightbox-reg2 label.question { clear:both; } body.template-lightbox div.col { float:left; margin-right:10px; } body.template-lightbox-reg1 div.register-reason { float:left; width:162px; padding-left:25px; padding-right:20px; border-left:solid 2px #8F8F8F; padding-bottom:20px; } /*body.template-lightbox-reg1 form.signin-form { padding-right:21px; padding-bottom:240px; background-image:url(/images/briefcase-huge.png); background-repeat:no-repeat; background-position:18px bottom; }*/ body.template-lightbox-ask-question { padding-right:29px; } body.template-lightbox-ask-question form { text-align:center; margin-top:21px; } body.template-lightbox-ask-question form textarea { width:600px; height:100px; font-family:sans-serif; font-size:12px; border:solid 1px #CCC; } body.template-lightbox a.big-button span { background-color:#EBEBEB; } slidebody.template-lightbox q { font-style:italic; } body.template-lightbox-thank-you { /*padding-left:175px;*/ padding-top:66px; } body.template-lightbox-thank-you p { /*width:380px;*/ margin-left:140px; margin-right:140px; font-size:14px; font-weight:bold; text-align:center; } body.template-lightbox-thank-you a.big-button { left:245px; position:relative; top:13px; width:170px; } /* body.template-lightbox-thank-you { background-image:url(/images/businessman-thought-bubble.png); background-repeat:no-repeat; background-position:60px 17px; }*/ body.template-lightbox a.big-button span { background-color:#EBEBEB; } /*Shareholder*/ span.footn { font-size: .9em; line-height: 1.1em; } .priceup { color: #009900; } .pricedown { color: #990000; } /* Bug Fixes */ .filter-controls button { text-align:center; text-indent:0; } .filter-controls * { vertical-align:middle; } .reddot { display: none; visbility: hidden; } /*New Form Stuff*/ form h2 { padding-left: 100px; margin: 0; font-size:1.8em; } .sponsor { display: block; text-align: center; width: 100px; float: right; color: #666666; font-size: .8em; } .sponsor img { padding-top: 5px; } .step1 { float: left; width: 320px; border-right: 1px solid #dddddd; padding-right:15px; padding-left:100px; padding-bottom: 80px; margin-bottom:20px; } .step1 h3 { margin: 0px -3px 3px -10px; padding: 5px 4px 5px 35px; color: #002261; background-image: url(https://www.rightnow.com/images/step1b.gif); background-repeat: no-repeat; background-position: 8px 3px; font-size: 1.2em; } .step2 { float:right; padding-right:120px; width: 320px; } .step2 h3 { margin: 0px -3px 3px -10px; padding: 5px 4px 5px 35px; color: #002261; background-image: url(https://www.rightnow.com/images/step2b.gif); background-repeat: no-repeat; background-position: 8px 3px; font-size: 1.2em; } .step3 { float: right; width: 320px; padding-right:120px; } .step3 h3 { margin: 0px -3px 3px -10px; padding: 5px 4px 5px 35px; color: #002261; background-image: url(https://www.rightnow.com/images/step3b.gif); background-repeat: no-repeat; background-position: 8px 3px; font-size: 1.2em; } th.form { color: #002261; font-size: 1.2em; text-align: left; } span.head { margin: 0; padding: 0; color: #666666; font-size:.8em; } th.form span.note { color: #666666; font-weight: normal; font-size: .7em; } span.star { color: #ff0000; } span.top { color: #00567f; } p.formnote { font-size: .75em; clear: both; margin-left: 6px; } /* old form stuff */ th.form { color: #002261; font-size: 1.2em; text-align: left; } th.form span.head { color: #666666; } th.form span.note { color: #666666; font-weight: normal; font-size: .7em; } span.star { color: #ff0000; } th.form span.top { color: #00567e; } td.formnote { font-size: .75em; text-align: right; } /* we need to change this name to accommodate Service better. */ td.form { font-size: .9em; } div.error { font-weight: bold; color: #ff0000; margin: 6px 8px 12px 8px; } ul.error { font-weight: normal; } .quest, .quest2 { text-align: left; color: #000000; font-weight: normal; } .fineprint { font-size:.8em; margin:0 5px 5px; } h3 span.fineprint { font-size: .6em; margin:0 5px 5px; } .ma-doc h1 { font-weight:bold; line-height:120%; margin-top:0; margin-bottom:20px; padding-right:30px; padding-bottom:0; text-transform:uppercase; font-size:20px; } .offer { padding-top:5px; padding-bottom:5px; margin: 6px 8px 12px 8px; } .webform td { padding-right:8px; padding-bottom:4px; } .ma-doc h2 { font-size: 15px; } #logo { display:none; } /*This is for the powered by RightNow logo to move the image from black and white to colored on hover and active */ .rollover { padding:0; margin:0; } .rollover a { width: 120px; height: 22px; padding-right:20px; background: url("https://www.rightnow.com/images/powered_by_rightnow_rollover.jpg") no-repeat; float:right; } .rollover a:hover { background-position: 0 -24px; float:right; } .rollover a:active { background-position: 0 -24px; float:right; } /* Below is specific to the support icons in the header, and on the contact us page */ #con-channel-icons { position: absolute; left: 250px; top: 52px; } #con-channel-icons li { display: inline; } #channel-icon { margin: 0px; } #con-support-icons { line-height: 1em; } #con-support-icons img { vertical-align: middle; height: 40px; float: left; margin-right: 3px; } #con-support-icons br { clear: left; } #con-support-icons p { vertical-align: middle; } #chat-form { width: auto; text-align: center; border: 1px solid #dddddd; padding: 15px; display: none; overflow: hidden; background-image: url("/structure-images/page-intro-background-gradient3.png"); -moz-border-radius: 8px; background-position: left bottom; background-repeat: repeat-x; } #c2cb-form { width: auto; text-align: center; border: 1px solid #dddddd; padding: 15px; display: none; overflow: hidden; background-image: url("/structure-images/page-intro-background-gradient3.png"); -moz-border-radius: 8px; background-position: left bottom; background-repeat: repeat-x; } /******* The following controls the client dock on the index.html page ************/ #dockWrap { width: 100%; height:150px; /*bottom: 0px;*/ position: relative; float:left; background:url("/image/structure/box_no_copy.png"); background-repeat:no-repeat; margin-left:15px; padding:0; } #dockIt { margin:0 auto; padding:0px; } #dockIt img { padding:0px 7px; } #dockWrap h3 { font-size:20px; } /*-- Stay-Conneced Widget ------------------------------------------------------------------------ */ #stay-connected { clear:both; padding-top:10px; padding-bottom:0px; } #stay-connected hr { display:none; } #stay-connected .links-bar { margin-top:18px; /* background-image:url(/structure-images/background-links-bottom.png);*/ background-color:white; /* MSIE needs this for for bg image to show up */ /* background-position:center top; */ /* background-repeat:repeat-y; */ /*margin-top:10px;*/ /*margin-bottom:10px;*/ text-align:center; /*height:30px;*/ width:930px; font-size:13px; padding-left:0; padding-right:0; margin-left:0; margin-right:0; display:block; border-bottom:solid 1px white; /* for IE7 */ /*width:930px; margin-left:0; padding-left:0*/ } #stay-connected .links-bar ul { display:block; margin:0 !important; padding-top:8px; padding-bottom:7px; } #stay-connected .links-bar li { /*display:inline-block;*/ display:inline; line-height:13px; height:13px; padding-left:5px; padding-right:5px; /*border-left:dotted 1px #8D9093; */ /*margin-top:8px;*/ } #stay-connected .links-bar li:first-child, #stay-connected .links-bar li.first-child { border-left:none !important; }