/** * Noliosoft * @author EG Studio * @version 2.0 */ /*== Reset ==*/ * { margin: 0; padding: 0; } html, body { width:100%; height:100%; } body { font-family: Arial; font-size: 9pt; line-height: 1.44em; color: #444; background: url(../images/body-bg.png) repeat-x top left; } ul { list-style-type:none; margin: 0px; padding: 0px; } a img { border:none; } p { margin-bottom: 1.5em; } .hide { display: none; } .clear { display:block; border:0; height:1px; clear:both; float:none} .right { float: right; } .uppercase { text-transform: uppercase; } .border { border: 1px solid #E9E9E9; } h1, h2, h3, h4, h5 { line-height: 1.4em; color: #000; font-family: Georgia; font-weight: normal; margin-bottom: 0.4em; } h1 { font-size: 32px; margin-bottom: 0.2em; line-height: 1em; } h2 { font-size: 18px; margin-bottom: 0.5em; } h3 { font-size: 18px; font-family: Arial; } h4 { font-size: 12px; font-family: Arial; font-weight: bold; } a:link, a:visited { color: #8fb60c; text-decoration: none; } a:hover { text-decoration: underline; } a.icon:link, a.icon:visited { display: block; width: 16px; height: 16px; background-image: url(../images/nolio-network.png); background-repeat: no-repeat; 0 0; } a.anchor:link , a.anchor:visited { text-decoration: none; } a.anchor:hover { text-decoration: none; } a.icon.youtube { background-position: 0 0; } a.icon.facebook { background-position: 0 -32px; } a.icon.twitter { background-position: 0 -16px; } a.icon.linkedin { background-position: 0 -48px; } a.icon.rss { background-position: 0 -64px; } /*Video Embeded Tag*/ a.rtmp, a.rtmp-webinar { display: block; margin: 25px 0; text-align: center; background-color: black; } a.rtmp { width: 490px; height: 276px; } a.rtmp-webinar { width: 685px; height: 386px; } ol { padding-left: 17px; } /*= Fonts =*/ @font-face { font-family: 'MyriadProBold'; src: url('../fonts/myriadpro-bold_0-webfont.eot'); src: url('../fonts/myriadpro-bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-bold_0-webfont.woff') format('woff'), url('../fonts/myriadpro-bold_0-webfont.ttf') format('truetype'), url('../fonts/myriadpro-bold_0-webfont.svg#MyriadProBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadProRegular'; src: url('../fonts/myriadpro-regular_0-webfont.eot'); src: url('../fonts/myriadpro-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-regular_0-webfont.woff') format('woff'), url('../fonts/myriadpro-regular_0-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular_0-webfont.svg#MyriadProRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadProSemibold'; src: url('../fonts/myriadpro-semibold_0-webfont.eot'); src: url('../fonts/myriadpro-semibold_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semibold_0-webfont.woff') format('woff'), url('../fonts/myriadpro-semibold_0-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semibold_0-webfont.svg#MyriadProSemibold') format('svg'); font-weight: normal; font-style: normal; } /*== Layout ==*/ #main { width: 960px; margin: 0 auto; } #header { margin-bottom:2em; padding-top: 45px; min-height: 150px; } #logo { display: block; width: 280px; height: 95px; float: left; background: none; padding: 0; } #sidebar { width: 210px; margin-right: 25px; float: left; } #rightside { width: 210px; float: left; } #content { width: 490px; margin-right: 25px; float: left; } #content h1 { line-height: 1.1em; } #content h3 { font-family: Georgia; } #content-large { width: 725px; float: left; } .home #content-large { width: auto; float: none; } .home #content-large #rightside { width: 280px; } #inner-content { width: 650px; float: left; margin-bottom: 3em; margin-right: 30px; } #inner-content div.maincol { width: 385px; float: left; margin-right: 35px; } #inner-content div.maincol h1 { line-height: 1.2em; } #inner-content div.rightcol { width: 225px; float: left; } #topPicks { float: right; margin-top: 0; } #topPicks h4 { margin-bottom: 0.2em; font: Bold 1em Arial; color: #72757c; } #topPicks a { color: #8c9099; } div.padded-section { padding: 1em; background-color: #F7F7F7; margin-bottom: 1em; } div.padded-section ol { padding: 0 2em; } #content div.box-container div.box { width: 199px; border-radius: 15px; -moz-border-radius: 15px; border: 1px solid #dedede; float: left; margin: 0 1.5em 1.5em 0; padding: 1em; } #content div.box-container div.box.last { margin-right: 0; } table.std * { padding: 0; } table.std { width: 100%; border-collapse: collapse; border: 1px solid #d1d9b7; margin-bottom: 1.5em; } table.std thead th { padding: 0.4em 0.8em; background-color: #E4ECCA; text-align: left; } table.std tbody td { padding: 0.4em 0.8em; border-right: 1px solid #d1d9b7; border-bottom: 1px solid #d1d9b7; } a.dnl:link, a.dnl:visited { display: block; padding: 5px 0 0 35px; background: url(../images/dnl.png) no-repeat top left; height: 22px; font-size: 12px; color: #86b52f; } a.dnl:hover { color: #a8d84e; text-decoration: none; } /*features list*/ ul.feature-list { list-style-type: disc; margin: 0 0 1.5em 1.2em; color: #CDCFD3;} /*table*/ #features thead, #reqs thead, .greenback { background-color: #E4ECCA; text-align: left; font-weight: bold; } #features thead td, #reqs thead td { padding: 0.4em 0 0.4em 0.8em; } #features tbody tr { display: none; } #features tbody tr.section { background: #f2fbd3 url(../images/expand-arrow.gif) no-repeat 93% center; display: table-row; } #features tbody tr.structure { background: #f2fbd3 url(../images/collapse-arrow.gif) no-repeat 93% center; } #features tbody tr.expanded { background: #f2fbd3 url(../images/collapse-arrow.gif) no-repeat 93% center; display: table-row; } #features tbody tr.section:hover { background-color: #eaf2d0; cursor: pointer;} #features .check, #reqs .check { background:url(..//images/check-icon.png) no-repeat center center; } div.fancy-wrapper { padding: 15px 20px; } #reqs td.no-border { border-bottom: none;} /*== Homepage ==*/ #inner-content .maincol a.button { float: left; margin-right: 1.5em; } #inner-content h1 { font-size: 20px; margin-bottom: 0.4em; } a.floater { float: left; margin-top: 0.8em; } #solutions { position: relative; padding-left: 205px; } #solutions a.videobox:link, #solutions a.videobox:visited { display: block; position: absolute; top: 0; left: 0; width: 190px; height: 180px; } #solutions a.videobox:hover { text-decoration: none; } #solutions a.videobox img { position: absolute; top: 0; left: 0; } #solutions a.videobox span { display: block; position: absolute; bottom: 0; left: 0; width: 170px; background: url(../images/b-bg.png) repeat; padding: 5px 10px; font-size: 0.9em; color: #fff; font-weight: bold; } #solutions a.videobox span em { display: block; color: #9b9b9b; font-weight: normal; font-style: normal; } #solutions a.videobox span i { display: block; width: 28px; height: 28px; float: left; margin: 0.3em 1em 0 0; border-radius: 3px; -moz-border-radius: 3px; background: #4e4e4e url(../images/arr.png) no-repeat center center; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } #solutions a.videobox:hover i { background-color: #93c657; } /*== Tabs ==*/ ul.idtabs { display:block; clear: both; height: 40px; border-bottom: 1px solid #e9e9e9; } ul.idtabs li { display:block; float:left; } ul.idtabs a:link, ul.idtabs a:visited { display:block; height: 24px; padding: 10px 20px 5px 20px; float:left; margin-right: 0.5em; color: #949494; font-size: 1.4em; font-family: Georgia; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; } ul.idtabs a:hover { border-bottom: 0; background: #fff; text-decoration: none; } ul.idtabs a.selected { color: #000; border: 1px solid #e9e9e9; border-bottom:0; background: #fff; height:25px; } div.block { padding: 1.5em; border: 1px solid #e9e9e9; background: #fff; } div.block.tabs { border-top: 0; margin-bottom: 1.2em; height: 247px; padding-bottom: 0;} div.block.tabs-webinar { border-top: 0; margin-bottom: 1.2em; margin-bottom: 1.2em; height: 502px; padding-bottom: 0; } #idTab3 { padding: 0; } ul.news {} ul.news li { display: block; margin-bottom: 1em; } ul.news li span.date { display: block; color: #c3c3c3; } a.banner { display: block; margin-bottom: 1.5em; } /*== More links ==*/ div.morelinks { margin-bottom: 2.8em; } div.morelinks a:link, div.morelinks a:visited { display: block; position: relative; padding-left: 50px; margin-bottom: 1em; color: #929292; font-size: 12px; } div.morelinks a:hover { color: #262626; text-decoration: none; } div.morelinks a span { font-weight: bold; display: block; } div.morelinks a img { position: absolute; top: 0; left: 0; opacity: 0.6; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s ; -o-transition: opacity 0.2s ; transition: opacity 0.2s ; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } div.morelinks a:hover img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); opacity: 1; } /*== Footer ==*/ #footer { padding: 1.5em 0 0.5em; margin: 0; background: url(../images/footer-bg.png) repeat-x top left; } #footer div.inner { width: 960px; margin: 0 auto; } #footer ul.sitemap { display: block; } #footer ul.sitemap li { display: block; width: 140px; float: left; line-height:1.5em; } #footer ul.sitemap li a:link, #footer ul.sitemap li a:visited { display: block; font-size: 0.9em; color: #747474; } #footer ul.sitemap li a:hover { color: #fff; text-decoration: none; } #footer ul.sitemap li h4 { font-family: Georgia; font-size: 14px; margin-bottom: 0.5em; color: #fff; } #footer ul.sitemap li h4 a:link, #footer ul.sitemap li h4 a:visited { color: #fff; font-size: 14px; } #footer ul.sitemap li.support { width: 280px; float: right; } #footer ul.sitemap li.support p { font-size: 0.9em; color: #747474; } #footer ul.sitemap li.support a.icon { float: left; margin-right: 5px; } div.bottom { font-size: 0.9em; color: #747474; margin-top: 2em; } div.bottom a:link, div.bottom a:visited { color: #747474; } div.bottom a:hover { color: #fff; text-decoration: none; } div.bottom a.logo-small:link, div.bottom a.logo-small:visited { display: block; width: 85px; height: 22px; background: url(../images/small-logo.png) no-repeat bottom left; float: left; margin-right: 1em; margin-top: -3px; } div.bottom a.logo-small:hover { background-position: top left; } div.bottom p.right { width: 280px; } /*== Top Bar ==*/ #topbar { position: absolute; width:100%; height: 24px; top:0; left:0; background: #e6e6e6; } div.top-wrap { width: 960px; display:block; margin:0 auto; text-transform:uppercase; } div.top-wrap li { display:block; float:left; border-right: 1px solid #eeeeee; } div.top-wrap li a:link , div.top-wrap li a:visited { display:block; padding: 5px 15px 2px; float:left; font-size:11px; color: #72757c; } div.top-wrap li a:hover { text-decoration: none; background: #cccccc; color: #fff; } div.top-wrap li.first a:hover { text-decoration: none; background: #cccccc; color: #fff; } div.top-wrap li.whats-new { float:right; padding-left: 15px; } div.top-wrap li.whats-new a:link,div.top-wrap li.whats-new a:visited { font-size:11px; padding-left: 20px; background:url(../images/whats-new-icon.png) no-repeat center left;} div.top-wrap li.selected a { background: #f2f2f2; } /*== Navigation ==*/ #nav_wrapper { position: relative; z-index: 2; } #nav { display: block; height: 49px; background: url(../images/nav-bg.png) repeat-x top left; width: 960px; position: relative; z-index: 2; border-radius: 5px; -moz-border-radius: 5px; } #nav li { display: block; float: left; position: relative; } #nav li a.headlink:link, #nav li a.headlink:visited { display:block; float:left; height: 33px; padding: 16px 25px 0; text-decoration:none; color: #7b7a7a; border-right: 1px solid #e7e7e7; border-left: 1px solid #f4f4f4; text-shadow:1px 1px 1px #fff; } #nav li a.headlink:hover { background: url(../images/nav-bg.png) repeat-x bottom left; color: #fff; text-shadow: none; } #nav li.first a.headlink:hover { border-bottom-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; } #nav li.first.selected a.headlink { border-bottom-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; } #nav li.selected a.headlink { background: url(../images/nav-bg.png) repeat-x bottom left; color: #fff; text-shadow: none; } #nav li.right { float:right; } #nav li:hover ul { display:block; } #nav li:hover a.headlink { background: url(../images/nav-bg.png) repeat-x bottom left; color: #fff; text-shadow: none; } #nav li.divider { display: block; width: 180px; background: #a3a3a3; text-decoration:none; cursor: default; font-size: 12px; font-weight: bold; color: #fcfcfc; height: 30px; } #nav li.divider p { padding: 8px 0 0 5px; } #nav li ul { display: none; position: absolute; top: 49px; left: 1px; z-index: 1000; } #nav li ul li { display: block; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #fff; } #nav li ul li:last-child { border-bottom: 0; } #nav li ul li:first-child { border-top: 0; } #nav li ul a:link, #nav li ul a:visited { display: block; width: 160px; padding: 0.5em 0.8em; background: #f2f2f5; color: #72757c; text-decoration:none; } #nav li ul a:hover { background: #a5ce20; color:#fff; } #nav li ul { border: 1px solid #e1e1e1; border-radius: 0 5px 5px 5px; } #nav li ul li:first-child a { border-top-right-radius: 5px; -moz-border-radius-topright: 5px; } #nav li ul li:last-child a { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; } /*== Sub Navigation ==*/ #subMenu { margin-bottom: 1.5em; } #subMenu li { display:block; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #fff; } #subMenu li a:link, #subMenu li a:visited { display:block; padding: 0.6em 0.8em; color: #72757c; text-shadow: 1px 1px 1px #fff; text-decoration:none; background: #f2f2f5; border-left: 8px solid #dadce2; } #subMenu li a:hover { background-color: #ebecf0; border-color: #c9cbd2; text-shadow: none; } #subMenu li.active a { background: #a5ce20; color: #fff; text-shadow: 1px 1px 1px #84b12b; border-left: 8px solid #84b12b; } #subMenu ul{list-style:square outside; color:#dadce2; margin:0.6em 0 1.5em 1.5em} #subMenu ul li{display:list-item; color:#dadce2; line-height:1.4em} #subMenu ul li a:link, #subMenu ul li a:visited{display:inline; color:#3d3d3d; border:0; background:none; text-shadow:none; font-weight:normal; font-size:0.9em; padding:0} #subMenu ul li a:hover { text-decoration:underline; color:#69b138; } #subMenu ul li.active a{font-weight:bold} #subMenu li.root { display: none; color: red; } #subMenu li.active ul { list-style: none; } #subMenu li.active li { border: none; margin-left: -10px; } #subMenu li.active li a:link,#subMenu li.active li a:visited { color: #8fb60c; display: block; padding: 6px 0 6px 6px; border-bottom: 1px solid #e5e5e5; } #subMenu li.active li a:hover { background-color: #ebecf0; text-decoration: none; color: #777;} #subMenu li.active li.active a { color: #5a5a5a; } #subMenu li.active li:last-child a { border: none; } #subMenu li.active li:last-child { margin-bottom: -5px; } /*== Breadcrumbs ==*/ #breadcrumbs { font-size:0.9em; color: #95989c; margin-bottom: 1.5em; } /*== Follow Links / Buttons ==*/ #followLinks li { display: block; height:31px; background: url(../images/follow-bg.png) repeat-x top left; margin-bottom:0.4em; border: 1px solid #e6e7ed; border-radius: 5px; -moz-border-radius: 5px; } #followLinks li:hover { background-position: bottom left; } #followLinks li a:link, #followLinks li a:visited { display:block; padding-left:35px; padding-top:8px; height:20px; color:#3d3d3d; text-shadow:1px 1px 1px #fff; } #followLinks li a:hover { text-decoration: none; } #followTwitter a:link, #followTwitter a:visited{background:url(../images/twitter.png) no-repeat 8px 6px} #followLinkedin a:link, #followLinkedin a:visited{background:url(../images/linkedin.png) no-repeat 8px 6px} #followLiveChat a:link, #followLiveChat a:visited{background:url(../images/chat.png) no-repeat 8px 6px} a.button:link, a.button:visited { display: block; width: 129px; height: 26px; padding-top: 10px; background: url(../images/button-bg.png) no-repeat top left; text-align: center; font-size: 1em; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #559012; } a.button:hover { background-position: bottom left; text-decoration: none; } a.button.large { width: 190px; background-image: url(../images/button-huge-bg.png); } a.pdf:link, a.pdf:visited { dosplay: block; background: url(../images/pdf-icon.gif) no-repeat center left; padding:10px 0 10px 22px; } input.small-button { display: block; width: 62px; height: 33px; background: url(../images/button-small-bg.png) no-repeat top left; text-align: center; font-size: 1em; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #34afb3; cursor: pointer; } input.small-button:hover { background-position: bottom left; text-decoration: none; } a.button-large:link, a.button-large:visited { display: block; width: 100px; height: 24px; padding-top: 9px; background: url(../images/button-large-bg.png) no-repeat top left; color: #fff; font-size: 1em; text-align: center; text-shadow: 1px 1px 1px #34afb3; font-weight: bold; } a.button-large:hover { background-position: bottom left; text-decoration: none; } /*== Google Search ==*/ #cse {width:100%} #cse-search-form table td.gsc-branding-text, #cse-search-form table td.gsc-branding-img, #cse-search-form table td.gsc-clear-button { display: none; } #cse-search-form table { width: 100%; } #cse-search-form input.gsc-input { padding: 0.4em; border: 1px solid #e2e2e2; border-radius: 5px; -moz-border-radius: 5px; } #cse-search-form input.gsc-input:focus { border-color: #76af30; } #cse-search-form { float: right; margin: 10px 20px 0 0; width: 180px; } input.gsc-search-button {display:none;} .relative .left-side {width:48%; padding-right:8px; float:left} .relative .right-side {padding-left:8px; float:left; width:48%} .relative hr.break {width:0px; height:0px; clear:both} .relative dl dt { list-style: none; font-weight: bold; } .relative dl dd { margin-bottom: .5em; } /*== Forms ==*/ form.std { } form.std input.default, form.std input[type=text] { border: 1px solid #dedede; border-radius: 5px; -moz-border-radius: 5px; padding: 0.6em; color: #9f9f9f; font-size: 1em; font-family: Arial; width: 180px; } form.std input.default:focus, form.std input:focus { border-color: #76af30; color: #262626; } form.std input.datePicker { background: url(../images/calendar-ico.png) no-repeat 90% 8px; } form.std.demo input.default { width: 200px; margin-bottom: 0.8em; } form.std.demo input.datePicker { width: 120px; float: left; margin-right: 1em; } #stdsubmit { cursor: pointer; width: 62px; height: 31px; background: url(../images/button-small-bg.png) no-repeat top left; text-align: center; margin-left: 5px; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #0d96bd; border:none;} #stdsubmit:hover { background-position: bottom left; text-decoration: none; } /*== Sidebar ==*/ #rightside form.std.demo input.default { width: 190px; } #rightside form.std.demo input.datePicker { width: 115px; } #rightside div { margin-bottom: 2.5em; } #rightside #twtr-widget-1 div { margin-bottom: .5em; } #rightside a.button.large { margin-bottom: 2.5em; } #rightside div h3 { margin-bottom: 0.3em; } #rightside div p { margin-bottom: 1em; } #rightside div.section img { border: 4px solid #ebecf0; margin-bottom: 0; } #rightside div.section h4 { padding: 0.4em 0.8em; background: #72757c; color: #fff; margin-bottom: 0.5em; } #rightside div.section p { margin-bottom: 0.5em; } /*== Content Pages ==*/ ul.dotted { list-style: Disc; margin: 0 0 1.5em 1.5em; } /*== News & Events ==*/ ul.newsList { margin-top: 1em; padding-top: 1.5em; } ul.newsList li { display: block; border-bottom: 1px solid #e9e9e9; padding-bottom: 1.5em; margin-bottom: 1.5em } ul.newsList li span.date { display: block; margin-bottom: 0.5em; font-size: 0.9em; } ul.newsList li:last-child { border-bottom: none; } ul.newsList img { float: right; margin-top: 2em; } ul.newsList li a.button-large{ float: right; margin-left: 2em; } ul.newsList li table { width: 100%; text-align: left; margin: 0.5em 0 2em; border-bottom: 1px solid #eee; } ul.newsList li table th { background: #eee; padding: 0.2em 0.4em; } ul.newsList li table td { padding: 0.2em 0.4em; } ul.newsList li h4 { margin-bottom: 0.8em; } ul.newsList h3 a:link, ul.newsList h3 a:visited { color: #000; } ul.newsList h3 a:hover { color: #97c933; text-decoration:none; } ul.newsList div.content { margin-bottom: 1em; position: relative; padding-left: 170px; padding-top: 10px; } ul.newsList div.content img { position: absolute; top: 10px; left: 0; float: none; margin: 0; } ul.newsList a.read-more { margin-left: 170px; } #docList li { display: block; float: left; width: 337px; } #docList li.margin { margin-right: 35px; padding-right: 15px; border-right: 1px solid #eee; } #docList span.date { display: block; margin-bottom: 0.6em; font-size: 0.9em; color: #9c9c9c; } #docList h3 { margin-bottom: 2px; } #docList h3 a:link, #docList h3 a:visited { color: #000; text-decoration:none; } #docList h3 a:hover { color: #97c933; } /* Product News */ ul.productNews { margin-bottom: 2em; } ul.productNews li { display: block; padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px solid #e9e9e9; } ul.productNews li span.date { display: block; margin-bottom: 0.2em; font-size: 0.9em; } ul.productNews li:last-child { border-bottom: 0; } /************************** OLD ********************************/ #reduceFailures, #cutCosts { width:198px; margin-bottom:12px; } #reduceFailures { position: absolute; } #downloadTrial, #cutCosts { margin-left:auto} #submit{position:absolute; bottom:12px; right:12px} table.gsc-resultsHeader{border:0} #faq, #news{margin:12px 0px} #questionContainer{margin-top:48px} #news li{position:relative; padding-left:4.5em} #news div.date{position:absolute; top:0px; left:0px} #headLinkNav { padding-top:8px; } #menubar { height:385px; } #mainMenu li{ height:55px; } #mainMenu li.short{height:33px} #webinar{height:224px; position:relative} #webinar .date{position:absolute; left:8px} blockquote { display: block; width: 200px; padding: 1em; background: #e4ecca; float: right; font-size: 1.2em; font-family: Georgia; margin: 0 0 1.5em 1em; } blockquote.wide { width: auto; float: none; clear: both; margin-left: 0; margin-bottom: 1.5em; } h3.button { width:173px; } .ui-datepicker-trigger { position:relative; left:6px; vertical-align:middle; } #watchDemo form{margin-top:.4em; position:relative} .small-button{ display:inline-block; border:none; background:none; font-size:11pt; text-align:center; color:white; font-weight:bold; padding:0px; height:36px; line-height:36px; font-family:Arial,sans-serif} .regular-button{ } .small-button{background-image:url('/images/structure/small-button.png'); background-position:top left; width:77px; margin-left:10px} .small-button:hover { background-position:bottom left; text-decoration:underline; } a.regular-button:link, a.regular-button:visited { display:block; background:url('/images/structure/regular-button.png') no-repeat top left; width:175px; font-size:11pt; text-align:center; color:white; font-weight:bold; padding:0px; height:36px; line-height:36px; font-family:Arial; } a.regular-button:hover { background-position:bottom left; text-decoration: none; } #watchDemo .small-button{position:absolute; right:0px; bottom:0px} iframe.facebook { margin: 1em 0; outline: 0; border: 0; height: auto; } /*== Slider ==*/ #carusel-wrapper { margin-bottom: 2em; } #content-header { overflow:hidden; position:relative; height: 361px; } #carousel li { position:relative; } #content-header li a.read-more:link, #content-header li a.read-more:visited { display: block; width: 70px; text-align: center; padding: 0.2em; position: absolute; bottom: 20px; right: 28px; background: #242021; color: #fff; font-size: 0.9em; } #content-header li a.read-more:hover { text-decoration: none; background: #69b138; } #content-header li a.read-more.wide { width: 110px; } #content-header li a.press:link, #content-header li a.press:visited { display: block; width: 110px; text-align: center; padding: 0.2em; position: absolute; bottom: 20px; right: 110px; background: #242021; color: #fff; font-size: 0.9em; } #content-header li a.press:hover { text-decoration: none; background: #69b138; } #content-header a.alt { color:black; background-image:url('/images/page-black.png'); } #content-header a.video { background-image:url('/images/structure/play-blue.gif'); padding-top:8px; padding-bottom:10px; padding-left:30px; left:270px; } div.thumbnailbar { position:relative; overflow: hidden; float: left; margin: -1.5em 0 0 0.6em; } div.thumb { float: right; margin-right: 5px; cursor: pointer; width: 12px; height: 12px; text-align: center; background: #9e9ea3; border: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #content-header ul { position:relative; padding:0; } #content-header li { float:left; list-style:none; } /*== Table ==*/ table.customers { width: 100%; } table.customers td { display: block; width: 240px; height: 100px; float: left; } table.customers tr td:last-child { border-right: 0; } table.customers td a img { margin-bottom: 0.6em; display: block; } tr.head td { padding-top: 15px; } tr.title { background-color: #f0f0f0; margin-bottom: 20px; } tr.title td { height: 25px; font-size: 18px; color: #4b4b4b; padding: 10px 5px 5px 10px; font-family: Georgia; } te.title td p { } /*== FAQ ==*/ #searchFAQ { background: #fff; padding: 15px; border: 1px solid #eee; margin-bottom: 15px; } #searchFAQ h4 { color: #8c8c8c; } #tag-search { float: right; width: 140px; margin-bottom: -5px; } /* Top 10 */ #faqTop10 li { margin-bottom: 5px; padding: 5px; border-bottom: 1px solid #eee; } #faqTop10 li.last { border-bottom: none; margin-bottom: 15px; } #faqTop10 div.answer { display: none; padding: 10px; background-color: #f5f5f5; border: 1px solid #eee; margin-top: 5px; border-radius: 5px; } #faqTop10 p.answer { margin-bottom: 5px; } #faqTop10 span.date { color: #9e9e9e; } /* FAQ normal page */ #faq h3 { margin-bottom: 4px; } #faq div.answer { border-bottom: 1px solid #eee; margin-bottom: 15px; paddgin-bottom: 15px; } /* Search */ #searchTitle { display: block; } #searchInput { float: left; margin-right: 0.4em; float: left; border-radius: 5px; padding: 2px 5px; border: 2px solid #ececec; font-family: Arial; font-size: 12px; color: #343434; width: 100px;} #searchSubmit{ float: left; margin-top: 0.2em; } /* Tags */ #faqTags { list-style: none; } #faqTags li { display: block; float: left; margin-right: 10px; height: 15px; } #faqTags li.active { color: #5a5a5a; cursor: default; } h1.ptitle { margin-bottom: 5px; margin-bottom: 15px; } #webtolead{position:relative} fieldset{border:none} dt{list-style-type:disc; list-style-position:inside; display:list-item; padding-left:0px; margin-left:0px} fieldset dt{display:block} #reduceFailures h2{margin-top:0px} #introducingNolio img { float:left; width:140px; margin-right:6px; } ul.longList li { display: block; position: relative; min-height:150px; padding-bottom:20px; margin-bottom: 20px; } ul.longList li:last-child { border-bottom:none; } #videoList span, #videoList h3, #videoList p { display: block; position: relative; left: 220px; width: 500px; } #videoList img { position: absolute; top: 0; left: 0; margin-right: 1.5em; width:200px; height:150px; } #news div.date { font-weight:bold; } /*== Whats New ==*/ #whats-new { width: 852px; padding: 0 60px; text-align: center; } #whats-new * { text-align: center; } #whats-new h1 { font-family: Georgia; font-size: 4em; color: #2e2e2e; height: auto; background: none; margin-bottom: 0.2em; line-height: 1.1em; } #whats-new p.big { font-family: Georgia; font-size: 1.6em; color: #898989; line-height: 1.2em; } #whats-new div.main-image { margin-bottom: 2em; background: url(../images/whats-new/ajax-loader.gif) no-repeat center center; margin-left: -17px; } #whats-new div.box-container { width: 845px; margin: 0 auto; margin-bottom: 2em; } #whats-new div.box { position: relative; width: 180px; padding: 15px 10px; float: left; margin-right: 15px; -moz-border-radius: 10px; border-radius: 10px; } #whats-new div.box.last { margin-right: 0; } #whats-new div.box h3 { font-size: 1.6em; font-weight: bold; font-family: "Helvetica Bold", Arial; color: #b2d738; margin-bottom: 0.5em; } #whats-new div.box p { font-size: 1.2em; line-height: 1.3em; margin-bottom: 1em; padding: 0 0.8em;} #whats-new div.box a:link, #whats-new div.box a:visited { color: #b2d738; font-weight: bold; text-decoration: none; font-size: 1.2em; } #whats-new div.box a:hover { text-decoration: underline; } #whats-new p.big a:link, #whats-new p.big a:visited { font-family: Georgia; color: #b2d738; } #whats-new div.box span.left-arr { display: none; width: 50px; height: 160px; position: absolute; top: -45px; left: 5px; background: url(../images/whats-new/arrows.png) no-repeat top left; } #whats-new div.box span.right-arr { display: none; width: 50px; height: 160px; position: absolute; top: -45px; right: 5px; background: url(../images/whats-new/arrows.png) no-repeat top right; } #whats-new a.regular-button { margin: 0 auto; margin-bottom: 2em; } #whats-new div.box.hover { background: #939598; } #whats-new div.box.hover p, #whats-new div.box.hover h3 { color: #fff; } #whats-new div.box.hover span { display: block; } /* modal windows */ #whats-new div.modal-container { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/whats-new/wbg.png) top left; } #whats-new div.modal-overlay { position: fixed; top: 10%; left: 50%; margin-left: -260px; width: 500px; padding: 10px; background: url(../images/whats-new/bbg.png) top left; z-index: 1000; } #whats-new div.modal-overlay .inner { background: #fff; border: 1px solid #eaeaea; padding: 15px; } #whats-new div.modal-overlay * { text-align: left; } #whats-new div.modal-overlay h2 { font-family: Georgia; font-size: 4em; color: #2e2e2e; height: auto; background: none; margin: 0; margin-bottom: 0.2em;line-height: 1.1em; } #whats-new div.modal-overlay p { font-size: 1.2em; color: #898989; margin-bottom: 1em; } #whats-new div.modal-overlay a:link, #whats-new div.modal-overlay a:visited { font-family: Georgia; font-size: 1.2em; } #whats-new div.modal-overlay a.close:link, #whats-new div.modal-overlay a.close:visited { display: block; width: 15px; height: 15px; background: url(../images/whats-new/p-btns.png) no-repeat top right; } #whats-new div.modal-overlay a.close:hover { background-position: bottom right; } #whats-new div.modal-overlay a.close { float: right; } /*== Download Page ==*/ #download-page { padding: 3em; background: url(../images/download/bg.png) repeat-x top left; margin-top: -2em; } #download-page div.form { background-color: #fff; width: 440px; padding: 2em; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 3px 3px 3px #c0c4c0; -webkit-box-shadow: 3px 3px 3px #c0c4c0; box-shadow: 3px 3px 3px #c0c4c0; } #download-page div.form h1 { font-family: Georgia; font-size: 3.6em; color: #2e2e2e; height: auto; background: none; margin-bottom: 0.2em; line-height: 1.1em; padding: 0; } #webtolead { margin-bottom: 20px; } #download-page #webtolead { background: none; text-align: center; } #download-page #webtolead dt { display: block; width: 100px; text-align: right; clear: left; float: left; margin-right: 1em; } #download-page #webtolead dd { float: left; width: 200px; text-align: left; } #download-page #webtolead label { font-weight: normal; } #download-page #webtolead input[type="text"] { border: 1px solid #d8e3d7; width: 200px; padding: 0.3em; } #download-page #webtolead input[type="text"]:focus { border-color: #97ca16; } #webtolead input[type="image"] { position: absolute; top: 97%; left:0; } #download-page #webtolead select { border: 1px solid #d8e3d7; width: 180px; padding: 0.1em; } #download-page #webtolead ul.errors li { font-size: 0.9em; font-weight: normal; display: block; padding-top: 0.4em; } #download-page #webtolead #submit { position: relative; margin: 0 auto; margin-top: 1em; right: auto; bottom: auto; } #download-page #webtolead #Description, #download-page #webtolead #Description-label { display: none; } /* #download-page div.demo { position: relative; float: left; background: #fff; width: 280px; padding: 2em; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 3px 3px 3px #c0c4c0; -webkit-box-shadow: 3px 3px 3px #c0c4c0; box-shadow: 3px 3px 3px #c0c4c0; text-align: center; } #download-page div.demo img.pointer { position: absolute; top: 45%; left: -20px; } #download-page div.demo h2 { font-family: arial; margin-bottom: 0.2em; } #download-page div.demo a.regular-button { margin: 0 auto; } */ /*== Fancybox ==*/ div#fancy_overlay{position:absolute; top:0; left:0; z-index:90; width:100%; background-color:#333} div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100} div#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(/images/fancy/fancy_progress.png) no-repeat} div#fancy_close{position:absolute; top:-12px; right:-12px; height:30px; width:30px; background:transparent url(/images/fancy/fancy_closebox.png); cursor:pointer; z-index:100; display:none} div#fancy_content{position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; z-index:96} #fancy_frame{position:relative; width:100%; height:100%; display:none} img#fancy_img{position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:92} div#fancy_title{position:absolute; bottom:-35px; left:0; width:100%; z-index:100; display:none} div#fancy_title table{margin:0 auto} div#fancy_title div{color:#FFF; font:bold 12px Arial; padding-bottom:2px} td#fancy_title_left{height:32px; width:15px; background:transparent url(/images/fancy/fancy_title_left.png) repeat-x} td#fancy_title_main{height:32px; background:transparent url(/images/fancy/fancy_title_main.png) repeat-x} td#fancy_title_right{height:32px; width:15px; background:transparent url(/images/fancy/fancy_title_right.png) repeat-x} div#fancy_outer{position:absolute; top:0; left:0; z-index:90; padding:18px 18px 58px 18px; margin:0; overflow:hidden; background:transparent; display:none} div#fancy_inner{position:relative; width:100%; height:100%; border:1px solid #444; background:#FFF} a#fancy_left, a#fancy_right{position:absolute; bottom:10px; height:100%; width:35%; cursor:pointer; background-image:url(data:image/gif; base64,AAAA); z-index:100} a#fancy_left{left:0px; top: -45%;} a#fancy_right{right:0px; top: -45%;} a#fancy_left:hover{background:transparent url(/images/fancy/fancy_left.gif) no-repeat 0% 100%} a#fancy_right:hover{background:transparent url(/images/fancy/fancy_right.gif) no-repeat 100% 100%} #fancy_bigIframe, #fancy_freeIframe{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10} div#fancy_bg{display:none} div.fancy_bg{position:absolute; display:block; z-index:70} div.fancy_bg_n{top:-18px; width:100%; height:18px; background:transparent url(/images/fancy/fancy_shadow_n.png) repeat-x} div.fancy_bg_ne{top:-18px; right:-13px; width:13px; height:18px; background:transparent url(/images/fancy/fancy_shadow_ne.png) no-repeat} div.fancy_bg_e{right:-13px; height:100%; width:13px; background:transparent url(/images/fancy/fancy_shadow_e.png) repeat-y} div.fancy_bg_se{bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url(/images/fancy/fancy_shadow_se.png) no-repeat} div.fancy_bg_s{bottom:-18px; width:100%; height:18px; background:transparent url(/images/fancy/fancy_shadow_s.png) repeat-x} div.fancy_bg_sw{bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url(/images/fancy/fancy_shadow_sw.png) no-repeat} div.fancy_bg_w{left:-13px; height:100%; width:13px; background:transparent url(/images/fancy/fancy_shadow_w.png) repeat-y} div.fancy_bg_nw{top:-18px; left:-13px; width:13px; height:18px; background:transparent url(/images/fancy/fancy_shadow_nw.png) no-repeat} /*= Jobs =*/ ul.job-index { margin-bottom: 15px; } ul.job-index li a:link, ul.job-index li a:visited { display: block; padding: .5em .7em; font-size: 14px; background: #f8f8f8; margin-bottom: 5px; color: #777; } ul.job-index li a.selected:link, ul.job-index li a.selected:visited { background:url(../images/nav_link_bg.png) repeat-x bottom left; color:#fff; text-shadow: 1px 1px 1px #709117; } ul.job-index li a:hover { background: #f3f3f3; text-decoration: none; } #jobs div.job { display: none; } ul.dotted ul { padding-left: 25px;} ul.dotted ul li { color: #555; list-style: circle; } /*= Members =*/ span.more { display: none; } div.team-member h4 { font-size: 16px; font-family: Georgia; color: #545454; margin-bottom: 0; display: block; float: left; } div.team-member span.title { display: block; font-size: 12px; color: #858585; margin-bottom: 5px; } div.team-member span.links { display: block; float: left; padding: 5px;} div.team-member a.mail:link, div.team-member a.mail:visited { display: block; float: left; padding-top: 1px; background: url(/images/mail.jpg) no-repeat bottom center; width: 16px; height: 12px; } span.linkedin { display: block; float: left; margin-right: 2px; } div.team-member:last-child { border: 1px solid black; } hr.team { color: #efefef; background-color: #efefef; height: 1px; border: none; } /*= Contact Page & Form =*/ #webtolead input[type=text], #webtolead textarea, #webtolead select { border-radius: 5px; padding: 5px; border: 2px solid #ececec; font-family: Arial; font-size: 12px; color: #343434; width: 150px; margin-bottom: 5px; padding-top: 5px; } #webtolead textarea { width: 220px; margin-bottom: 15px; } #webtolead input:focus, #webtolead textarea:focus, #webtolead select:focus { border: 2px solid #a5ce20; } #webtolead dt { display: block; float: left; } #webtolead label { display: block; width: 100px; margin-bottom: 15px; color: #8d8d8d; font-weight: bold; padding: 5px 0 0 5px; } #webtolead #submit { clear: both; border: none; } #webtolead dd { padding-top: 5px; } div.contact-details { width: 250px; float: left; margin-right: 10px; } #webdownload, #formsubmit, #webwhitepaper { cursor: pointer; display: block; width: 129px; height: 36px; background: url(../images/button-bg.png) no-repeat top left; text-align: center; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #559012; border:none;} #webdownload:hover, #formsubmit:hover, #webwhitepaper:hover { background-position: bottom left; text-decoration: none; } #submit-label label { font-size: 0px; } /*Erros*/ ul.errors li {color: red; padding-left: 105px; font-size: 11px; margin: 2px 0; } #download-page ul.errors li {color: red; padding-left: 0; font-size: 11px; } /*= Reaccuring Elements =*/ div.pull-quote { padding-top: 7px; background: url(/images/quote-blip.png) no-repeat 7% 0%; } div.pull-quote cite { display: block; padding: 15px; color: #fff; background-color: #A1C822; font-size: 14px; } div.pull-quote p { displya: block; padding: 5px 0; } div.watch-video iframe { margin:0; } div.section { margin-bottom: 15px; } /*= Carousel =*/ #mycarousel { position: relative; height: 305px; margin-bottom: 2.5em; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; } #mycarousel-prev:link, #mycarousel-prev:visited{ display: block; width: 35px; height: 34px; background: url(/images/carousel/arrows_sprite.png) no-repeat top left; background-color: #000; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } #mycarousel-prev:hover { background-color: #a7d11c; } #mycarousel-next:link, #mycarousel-next:visited{ display: block; width: 35px; height: 34px; background: url(/images/carousel/arrows_sprite.png) no-repeat top right; background-color: #000; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } #mycarousel-next:hover{ background-color: #a7d11c; } #mycarousel img.logo { position: absolute; top:85%; left:4%; } div.jcarousel-control { position: absolute; z-index:50; top:85%; left:3%; } div.jcarousel-control a:link, div.jcarousel-control a:visited { display: block; float: left; background-color: #e7ecee; color: #12b3ef; margin:0 2px; text-decoration: none; } div.jcarousel-control a.selected, div.jcarousel-control a:hover { background-color: #23408f; color: #fff; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 644px; } .jcarousel-skin-tango .jcarousel-item { width: 644px; height: 305px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } #mycarousel li { position: relative; } #mycarousel div.sticky-post-carousel { direction: rtl; } div.sticky-post-carousel { position: absolute; height: 306px; width: 400px; top: 25%; right: 5%; background: url(images/transparent-back.png) top left; z-index:1; padding: 25px 10px ; } div.sticky-post-carousel h2 { font-family: MyriadProSemibold; font-size: 30px; text-shadow: 1px 1px 1px #fff; color: #3b404c; text-transform: uppercase; margin-bottom: 0; } div.sticky-post-carousel p { color: #cdcdcd; font-family: MyriadProRegular; color: #3b404c; text-shadow: 1px 1px 1px #fff; font-size: 18px; line-height: 1em; font-weight: normal; margin-bottom: 8px; } div.sticky-post-carousel p b { color: #23b3b6; margin-bottom: 5px; } a.carousel-btn:link, a.carousel-btn:visited { display: block; background: url(/images/carousel/main-feature-btn.png) no-repeat top center; width: 138px; height: 35px; text-transform: uppercase; font-size: 16px; color: #fff; padding: 19px 40px 0 0; text-shadow: 1px 1px 1px #176d6f; } a.carousel-btn:hover { background-position: bottom left; } /* General Slide Layout */ ul.mainslide-caption li div { position: absolute; left: 3%; top: 6%; background: url(/images/carousel/main-feature-trans-back.png) top left; padding: 1.5em; } ul.mainslide-caption li p { font-family: MyriadProSemibold; color: #fff; } ul.mainslide-caption li h2 { font-family: MyriadProBold; } ul.mainslide-caption li a:hover { text-decoration: none; } ul.mainslide-caption li a.link:link, ul.mainslide-caption li a.link:visited { display: block; position: absolute; bottom: 10px; right: 10px; color: #fff; background: #000; padding: 0.6em 1em; background-color: #000; -webkit-transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; transition: background-color 0.1s linear; border-radius: 5px; } ul.mainslide-caption li a.link:hover { background-color: #a7d11c; } /* Gartener */ div.gartener h2 { font-size: 24px; margin-top: .3em; font-family: MyriadProSemibold; color: #fff; text-shadow: 1px 1px 1px #000; margin-bottom: 0; } div.gartener p.subtext-title { font-size: 22px; font-family: MyriadProRegular; margin-left: 2px; } div.gartener span { display: block; color: #e7e7e7; font-size: 18px; font-family: MyriadProRegular; margin-top: -1.2em; line-height: 1.1em; margin-left: 2px; } /* Liveperson */ div.liveperson h2 { font-size: 49px; color: #ff8f34; text-shadow: 1px 1px 1px #000; margin-bottom: .1em; line-height:.9em; } div.liveperson p.subtext-title { font-size: 29px; font-family: MyriadProSemibold; text-shadow: 1px 1px 1px #000; } div.liveperson span { display: block; color: #e7e7e7; font-size: 18px; font-family: MyriadProRegular; margin-top: -1.5em; line-height: 1.1em; } /* superderivatives */ div.superderivatives h2 { font-size: 45px; color: #03c1ff; text-shadow: 1px 1px 1px #000; margin-bottom: .55em; line-height: .9em;} div.superderivatives h2 b { font-size: 32px; color: #03c1ff; text-shadow: 1px 1px 1px #000; } div.superderivatives p.subtext-title { margin-top: -.8em; font-size: 31px; font-family: MyriadProSemibold; text-shadow: 1px 1px 1px #000; } div.superderivatives span { display: block; color: #e7e7e7; font-size: 17px; font-family: MyriadProRegular; margin-top: -1.5em; line-height: 1.1em; } /* 888 holding */ div.holdings h2 { font-size: 44px; color: #b1e90b; text-shadow: 1px 1px 1px #000; line-height: .9em; margin-bottom: .6em; } div.holdings p.subtext-title { margin-top: -.7em; font-size: 31px; font-family: MyriadProSemibold; text-shadow: 1px 1px 1px #000; margin-bottom: .5em; } div.holdings span { display: block; color: #e7e7e7; font-size: 18px; font-family: MyriadProRegular; line-height: 1.1em; } /* Tesco */ div.tesco h2 { font-size: 90px; color: #fb2b35; text-shadow: 1px 1px 1px #000; margin-bottom: .55em; line-height: .5em; } div.tesco p.subtext-title { margin-top: -.7em; font-size: 27px; font-family: MyriadProSemibold; text-shadow: 1px 1px 1px #000; margin-bottom: .5em; } div.tesco span { display: block; color: #e7e7e7; font-size: 18px; font-family: MyriadProRegular; line-height: 1.1em; } /* Serena */ div.serena h2 { font-size: 67px; color: #f74031; text-shadow: 1px 1px 1px #000; margin-bottom:.05em; line-height:.9em; } div.serena p.subtext-title { font-size: 24px; font-family: MyriadProSemibold; text-shadow: 1px 1px 1px #000; margin-bottom: 1.6em; } div.serena span { display: block; color: #e7e7e7; font-size: 18px; font-family: MyriadProRegular; margin-top: -1.5em; line-height: 1.1em; } /* NolioVsAltiris */ div.nolvsalt h2 { font-size: 33px; color: #c7f239; text-shadow: 1px 1px 1px #000; margin-bottom:0.3em; line-height:.9em; text-transform: uppercase; letter-spacing: -1px;} div.nolvsalt p.subtext-title { font-size: 33px; font-family: MyriadProSemibold; text-shadow: 1px 1px 1px #000; margin-bottom: 1.4em; color: #dbe6b5; text-transform: uppercase; } div.nolvsalt span { display: block; color: #fff; font-size: 18px; font-family: Arial; margin-top: -1.5em; line-height: 1.3em; } /* lombard */ div.lombard h2 { font-size: 40px; color: #ed1717; text-shadow: 1px 1px 1px #000; margin-bottom:0.3em; line-height:.9em; text-transform: uppercase; } div.lombard p.subtext-title { font-size: 31px; font-family: MyriadProSemibold; text-shadow: 1px 1px 1px #000; margin-bottom: 1.4em; } div.lombard span { display: block; color: #e7e7e7; font-size: 18px; font-family: MyriadProRegular; margin-top: -1.5em; line-height: 1.1em; } /* atos*/ div.atos img { margin-bottom: 7px; } div.atos p.subtext-title { font-size: 25px; font-family: MyriadProSemibold; text-shadow: 1px 1px 1px #000; margin-bottom: 1.4em; } div.atos span { display: block; color: #e7e7e7; font-size: 17px; font-family: MyriadProRegular; margin-top: -1.5em; line-height: 1.1em; } /* Ultimate */ div.ultimate h2 { font-size: 40px; color: #a1d143; text-shadow: 1px 1px 1px #000; margin-bottom:-0.1em; line-height:.9em; text-transform: uppercase; } div.ultimate h2 em { font-style: normal; font-size: 45px; } div.ultimate span { display: block; color: #fff; font-size: 24px; font-family: MyriadProRegular; margin-top: .4em; line-height: 1.1em; } /* Commerzbank */ div.commerzbank h2 { font-size: 38px; color: #fdcf31; text-shadow: 1px 1px 1px #000; margin-bottom:0.3em; line-height:.9em; text-transform: uppercase; } div.commerzbank p.subtext-title { font-size: 31px; font-family: MyriadProSemibold; text-shadow: 1px 1px 1px #000; margin-bottom: 1.4em; } div.commerzbank span { display: block; color: #e7e7e7; font-size: 18px; font-family: MyriadProRegular; margin-top: -1.5em; line-height: 1.1em; } /* Aspen */ div.aspen h2 { font-size:77px; margin-top: -0.2em; font-family: MyriadProSemibold; color: #27bdd8; text-shadow: 1px 1px 1px #000; margin-bottom: -10px; text-transform: uppercase; } div.aspen h2 span { font-size: 24px; margin-top: -1em; font-family: MyriadProSemibold; color: #27bdd8; text-shadow: 1px 1px 1px #000; margin-bottom: 25px; text-transform: uppercase; } div.aspen p.subtext-title { font-size: 25px; font-family: MyriadProRegular; margin-left: 2px; } div.aspen span { display: block; color: #e7e7e7; font-size: 19px; font-family: MyriadProRegular; margin-top: -1.2em; line-height: 1.1em; margin-left: 2px; } /*= Twitter =*/ div.twtr-widget div { margin-bottom: 4px; margin-top: -2px; } div.twtr-hd { display: none; } div.twtr-ft { display: none; } .twtr-tweet { width: 250px; height: 71px; } /*= Client Card =*/ div.client-id { margin: .2em 0; } div.client-card span { font-size: 12px; margin-bottom: .5em; } div.client-card span.name { display: block; float: left; height: 16px; padding-left: 20px; background: url(/images/client-icons.png) no-repeat top left; margin-right: 15px; } div.client-card span.location { display: block; float: left; height: 18px; padding-left: 18px; background: url(/images/client-icons.png) no-repeat 0 -16px; margin-right: 15px; } div.client-card span.industry { display: block; float: left; height: 15px; padding-left: 18px; background: url(/images/client-icons.png) no-repeat 0 -34px;} div.client-id div.about { margin-bototm: 1em; } /*= Contact Us Locations =*/ div.locations p { display: block; border-bottom: 1px solid #eee; margin-bottom: 0; } div.locations p.last { border: none; } #rightside div.locations p { margin-bottom: 0.7em; padding-bottom: 0.7em; } /*RSS link*/ a.rss_feed:visited, a.rss_feed:link { display: block; float: right; background: url(/images/nolio-network.png) no-repeat bottom left; height: 16px; width: 16px; } h1 a.rss_feed { margin-top: 10px; margin-right: 1em; } h3 a.rss_feed { margin-top: 5px; } /*= asterix =*/ span.asterix { color: red; } /*= Features List =*/ #features-list h3 { margin-bottom: 12px; padding: 4px 0; border-bottom: 1px solid #eee; } #features-list h3 a:hover { text-decoration: none; } #features-list ul { list-style: disc; padding-left: 15px; margin-bottom: 20px; } #features-list ul li { margin-bottom: 7px; } #features-list div { background-color: #fdfdfd; padding: 15px; line-height: 1.5em; } /*= Customer tag cloud =*/ div.tag-cloud { margin-bottom: 2em; } div.tag-cloud ul li { display: block; float: left; } div.tag-cloud ul li a:link, div.tag-cloud ul li a:visited { display: block; padding: 0.4em 1em; border: 1px solid #dadce2; border-radius: 5px; margin-right: 0.5em; margin-bottom: 0.5em; } div.tag-cloud ul li a:hover { border: 1px solid #8fb60c; text-decoration: none; } div.tag-cloud ul li a.active { background: #a7d11e; border: 1px solid #9dc322; color: #fff; } div.tag-cloud ul li.title { padding: 0.4em 1em; border: 1px solid #dadce2; color: #949494; margin-right: 0.5em; border-radius: 5px; } /* LivePerson*/ .lpEmtStarRating, .lpPoweredByDiv { display: none; } /*Note*/ p.note { display: block; padding: 10px; background: #f7f7f7; border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; } /*Code*/ p.code { padding: 10px; background: #f7f7f7; font-size: 11px; border-top: 1px solid #cccccc; margin-top: 10px; }