/************************* CONTAINER *******************/ DIV.container-divider{background: url(../images/bg-vertical-divider.png) repeat-y 209px 0px} DIV.container-contact{background: url(../images/bg-vertical-divider.png) repeat-y 600px 0px} /************************* BANNER *******************/ #banner{padding: 12px 0px 10px 0px} #banner IMG{width: 100%; height: auto} /************************* INNER PAGE COLUMNS *******************/ #inner-left{width: 180px; float: left; padding: 0px 0px 35px 0px} #inner-right{margin: 0px 0px 0px 240px; padding: 25px 0px 5px 0px} /************************* INNER MENU *******************/ #inner-menu{margin: 30px 0px 30px 0px} P.inner-menu-header{color: #181818; font-size: 28px; line-height: 28px; letter-spacing: -1px; padding: 0px 0px 15px 0px} P.inner-menu-bottom{border-bottom: solid 1px #d0d0d0} P.inner-menu A{color: #000; font-size: 12px; line-height: 12px; text-decoration: none; padding: 11px 0px 10px 5px; border-top: solid 1px #d0d0d0; transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; display: block} P.inner-menu A.odd{background: #f2f4ff} P.inner-menu A.active, P.inner-menu A:hover{color: #fff; padding-left: 10px; background: #0c7cc1} /************************* SERVICES -- IMPLEMENTATION *******************/ TABLE.implementation{text-align: left; width: 100%; margin: 0px 0px 25px 0px; border: solid 1px #d0d0d0; border-right: none; border-bottom: none} TABLE.implementation TR.even TD{background: #f0f2ff} TABLE.implementation TH{color: #e8e8e8; font-size: 24px; line-height: 24px; letter-spacing: -1px; vertical-align: top; padding: 15px; border: solid 1px #a0a8c0; border-left: none; border-top: none; background: #0b1732} TABLE.implementation TH.th-1{} TABLE.implementation TH.th-2{} TABLE.implementation TR TD{vertical-align: top; padding: 15px; border: solid 1px #d0d0d0; border-left: none; border-top: none} TABLE.implementation TR TD.td-1 P{color: #404040; font-size: 20px; line-height: 20px; font-weight: bold; letter-spacing: -1px} TABLE.implementation TR TD.td-2{width: 25px; background: url(../images/icon-arrow-table.png) no-repeat center 15px} TABLE.implementation TR.even TD.td-2{background: #f0f2ff url(../images/icon-arrow-table.png) no-repeat center 15px} TABLE.implementation TR TD.td-3 P{color: #404040; font-size: 16px; line-height: 21px} TABLE.implementation TR TD.td-4 P{color: #404040; font-size: 16px; line-height: 20px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; background: url(../images/bg-partner-bullet.png) no-repeat 0px 6px} TABLE.implementation TR TD.td-4{padding-bottom: 0px} /************************* SERVICES -- ADVANCED SOLUTIONS *******************/ DIV.advanced-solutions{width: 48%; padding: 0px 0px 20px 0px; float: left} DIV.advanced-solutions-right{float: right} DIV.advanced-solutions P{color: #101010; font-size: 16px; line-height: 21px; padding: 0px 0px 10px 25px; background: url(../images/bg-partner-bullet.png) no-repeat 0px 6px} /************************* SERVICES -- SUPPORT *******************/ DIV.support-plan{width: 50%; float: left; background: #0b1732} DIV.support-plan-platinum, DIV.support-plan-custom{margin-bottom: 30px} DIV.support-plan DIV{padding: 25px 0px 25px 0px} DIV.support-plan-lite DIV, DIV.support-plan-platinum DIV{border-right: solid 1px #a0a8c0} DIV.support-plan-lite DIV, DIV.support-plan-gold DIV{border-bottom: solid 1px #a0a8c0} DIV.support-plan P.support-plan-header{color: #e8e8e8; font-size: 30px; line-height: 30px; letter-spacing: -2px; text-align: center; padding: 0px 0px 12px 0px} DIV.support-plan P.main{color: #e8e8e8; text-align: center; line-height: 22px; padding: 0px} #backline-support{padding-bottom: 20px} DIV.support-icon{width: 33.33%; text-align: center; margin: 5px 0px 0px 0px; float: left; background: #0b1732} DIV.support-icon DIV{padding: 24px 0px 20px 0px; border-right: solid 1px #a0a8c0} DIV.support-icon-3 DIV{border-right: solid 1px #0b1732} DIV.support-icon IMG{width: 40%; height: auto} DIV.support-icon P{color: #e8e8e8; font-size: 14px; line-height: 17px; font-weight: bold; padding: 15px 5px 0px 5px} /************************* SERVICES -- BLACKLINE *******************/ #services-blackline-platform-image{margin: 0px 0px 25px 0px} #services-blackline-platform-image IMG{width: 100%; height: auto} #blackline-services{width: 100%; padding: 35px 0px 35px 0px; clear: both; background: #1cadce} #blackline-services-text{width: 74%; float: right} #blackline-services-text H2, #blackline-services-text P{color: #fff} #blackline-services-text P.read-more{padding: 5px 0px 0px 0px} #blackline-services-text P.read-more A{color: #000; padding-left: 30px; padding-right: 30px; border: none; background: #fff} #blackline-services-text P.read-more A:hover{color: #fff; background: #0b1732} #blackline-services-icon{width: 22%; float: left} #blackline-services-icon DIV IMG{width: 100%; height: auto} DIV.blackline-service{width: 33.33333%; margin-bottom: -15px; float: left; background: #0b1732} DIV.blackline-service DIV{padding: 22px 0px 30px 0px; border-right: solid 1px #a0a8c0} DIV.blackline-service-3 DIV{border-right: solid 1px #0b1732} DIV.blackline-service P{color: #fff; text-align: center} DIV.blackline-service P.blackline-services-header{font-weight: bold} DIV.blackline-service P.blackline-services{font-size: 14px; line-height: 19px; padding: 10px 25px 0px 25px} DIV.blackline-service P.read-more A{border: none} /************************* PARTNERS *******************/ DIV.partner-iframe-outer{width: 75%; margin: 25px 0px 0px 0px; margin-left: 12.5%} DIV.partner-iframe-wrapper{height: 0px; padding-bottom: 56.25%; position: relative} /************************* PARTNERS -- NETSUITE *******************/ #solution-provider{padding: 35px 0px 30px 0px} #solution-provider DIV{border: solid 1px #d0d0d0} #solution-provider DIV IMG{width: 100%; height: auto} DIV.netsuite-partner-div P.intro{padding-bottom: 25px} DIV.netsuite-partner-div-left, DIV.netsuite-partner-div-right{width: 25%; margin: -10px 0px 10px 0px; float: left} DIV.netsuite-partner-div-left{margin-left: 25%} P.partner-bullet{color: #101010; font-size: 16px; line-height: 16px; font-weight: bold; text-align: left; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 20px; background: url(../images/bg-partner-bullet.png) no-repeat left center} DIV.netsuite-icon{width: 25%; text-align: center; margin: 20px 0px 0px 0px; float: left; background: #fff} DIV.netsuite-icon DIV{padding: 24px 0px 20px 0px; border-right: solid 1px #a0a8c0} DIV.netsuite-icon-4 DIV{border-right: solid 1px #fff} DIV.netsuite-icon IMG{width: 40%; height: auto} DIV.netsuite-icon P{color: #0b1732; font-size: 14px; line-height: 17px; font-weight: bold; padding: 15px 5px 0px 5px} #netsuite-customers{border: solid 1px #d0d0d0; border-right: none; border-bottom: none} #netsuite-customers DIV.wrapper{width: 16.66%; float: left} #netsuite-customers DIV.wrapper DIV{border: solid 1px #d0d0d0; border-left: none; border-top: none} #netsuite-customers DIV.wrapper DIV IMG{width: 100%; height: auto} #partner-customer-menu{text-align: center; margin: 25px 0px 30px 0px} #partner-customer-menu A{color: #fff; font-size: 14px; line-height: 14px; font-weight: bold; text-align: center; text-decoration: none; margin: 0px 1px 0px 1px; padding: 4px 30px 4px 30px; cursor: pointer; background: #0b1732} #partner-customer-menu A:hover, #partner-customer-menu A.active{background: #0c7cc1} /************************* PARTNERS -- BLACKLINE *******************/ #blackline-products{padding: 35px 0px 10px 0px; background : #0b1732} #blackline-products H2, #blackline-products P{color: #fff; text-align: center; padding-left: 50px; padding-right: 50px} #blackline-customers{margin: 25px 0px 0px 0px; border: solid 1px #d0d0d0; border-right: none; border-bottom: none} #blackline-customers DIV.wrapper{width: 25%; float: left} #blackline-customers DIV.wrapper DIV{border: solid 1px #d0d0d0; border-left: none; border-top: none} #blackline-customers DIV.wrapper DIV IMG{width: 100%; height: auto} /************************* ABOUT *******************/ DIV.section-about-history{padding-bottom: 0px} DIV.about-history{width: 33.33%; float: left; background: #0b1732} DIV.about-history DIV{min-height: 200px; border: solid 1px #a0a8c0; border-left: none; border-top: none} DIV.about-history-3 DIV, DIV.about-history-6 DIV{border-right: solid 1px #0b1732} DIV.about-history-4 DIV, DIV.about-history-5 DIV, DIV.about-history-6 DIV{border-bottom: none} DIV.about-history P.date{color: #e0e0e0; font-size: 48px; line-height: 48px; text-align: center; padding: 55px 0px 10px 0px} DIV.about-history P.intro{color: #e8e8e8; font-size: 14px; line-height: 19px; text-align: center; padding: 0px 25px 25px 25px} /************************* ABOUT -- CAREERS *******************/ #careers-form{padding: 35px 0px 15px 0px; border-bottom: solid 1px #888; background: #0b1732} #careers-form DIV.container{width: 800px} FORM.careers DIV.left{width: 30%; padding: 0px 0px 15px 0px; clear: both; float: left} FORM.careers DIV.right{width: 70%; padding: 0px 0px 15px 0px; float: right} FORM.careers DIV.left P{color: #fff; font-size: 14px; line-height: 17px; text-align: right; padding: 3px 10px 0px 10px} FORM.careers DIV.left P.message{padding-top: 65px} FORM.careers INPUT, FORM.careers TEXTAREA{color: #000; font-size: 14px; line-height: 14px; width: 98%; padding: 5px; border: solid 1px #f2f2ff; background: #f2f2ff} FORM.careers TEXTAREA{line-height: 17px; height: 150px} FORM.careers INPUT.spam{width: 100px} FORM.careers INPUT.submit{width: 180px; height: 32px; cursor: pointer; border: none; background: url(../images/button-submit.png)} #careers-form H2{color: #fff; text-align: center; padding: 0px 0px 10px 0x} /************************* NEWS / MEDIA *******************/ DIV.container-news{background: url(../images/bg-vertical-divider.png) repeat-y 250px 0px} #news-form{display: none} #news-left{width: 220px; position: absolute; left: 0px; top: 26px} #news-right{min-height: 550px; margin: 0px 0px 0px 250px; padding: 25px 0px 10px 30px} #news-left H3, #news-left P{text-align: right} #news-left P.news-header{color: #b0b0b0; font-size: 20px; line-height: 20px; padding: 0px 0px 20px 0px} #news-left P.news-header-padding-top{padding-top: 30px} #news-left P.news-item{margin-top: -1px; border: solid 1px #e0e0e0; border-left: none; border-right: none} #news-left P.news-item A{color: #383838; font-size: 14px; line-height: 14px; text-decoration: none; padding: 8px 10px 6px 0px; display: block} #news-left P.news-item A.active, #news-left P.news-item A:hover{color: #383838; background: #f2f4ff} DIV.news-placeholder{width: 48%; float: left; margin-top: 5px} DIV.news-placeholder-3, DIV.news-placeholder-5, DIV.news-placeholder-7, DIV.news-placeholder-9{clear: both; float: left} DIV.news-placeholder A.img{font-size: 1px; line-height: 0px; padding: 3px; border: solid 1px #d8d8d8; display: block; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out} DIV.news-placeholder A.img:hover{border: solid 1px #404040} DIV.news-placeholder A.img IMG{width: 100%; height: auto} DIV.news-placeholder P.news-header, DIV.news-placeholder P.news-header A{color: #383838; font-size: 22px; line-height: 28px; letter-spacing: -1px; text-decoration: none; border: none} DIV.news-placeholder P.news-header{padding: 15px 0px 5px 0px} DIV.news-placeholder P.news-date{color: #606060; font-size: 12px; line-height: 15px; margin: 0px 0px 25px 0px} DIV.news-placeholder-spacer{width: 4%; height: 50px; float: left} DIV.news-placeholder-spacer-2, DIV.news-placeholder-spacer-4, DIV.news-placeholder-spacer-6, DIV.news-placeholder-spacer-8{display: none} P.news-item-date{color: #606060; font-size: 12px; line-height: 15px; margin: -5px 0px 25px 0px} #article-img{margin: 0px 0px 20px 0px} #article-img IMG{width: 100%; height: auto} #article-body, #article-body A{color: #404040; font-size: 16px; line-height: 21px} #article-body H2, #article-body H3{padding-bottom: 0px} #article-body{padding: 0px 0px 20px 0px} P.page-nav{color: #000; font-size: 10px; line-height: 10px; text-transform: uppercase; letter-spacing: 1px; text-align: right; word-spacing: 2px; padding-top: 7px} P.page-nav A{color: #000; font-size: 10px; line-height: 10px; text-decoration: none; margin: 0px 0px 0px 10px; padding: 2px 7px 2px 7px; border: solid 1px #d0d0d0; background: #ffffff} P.page-nav A:hover, P.page-nav A.active{color: #fff; border: solid 1px #1cadce; background: #1cadce} DIV.page-nav{margin: 0px 0px 20px 0px; padding: 0px 5px 10px 0px; border-bottom: solid 1px #d0d0d0} DIV.page-nav-bottom{margin: 0px 0px 25px 0px; padding: 5px 5px 0px 0px; border-bottom: none; border-top: solid 1px #d0d0d0} DIV.iframe-mask{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 99; cursor: pointer; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: transparent} DIV.iframe-mask:hover{filter:alpha(opacity=50); -moz-opacity:.50; -khtml-opacity:.50; opacity:.50; background: #000} #mask{display: none; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 99; filter:alpha(opacity=90); -moz-opacity:.90; -khtml-opacity:.90; opacity:.90; background: #000} #popup{width: 800px; height: 450px; position: absolute; top: -5000px; left: 50%; margin: 0px 0px 0px -400px; z-index: 101; background: #fff} #popup DIV.partner-iframe-wrapper{background: #000} #button-close{position: absolute; top: 0%; left: 100%; margin: -22px 0px 0px 0px; cursor: pointer; z-index: 102} /************************* CONTACT *******************/ #map-outer{width: 100%; height: 400px; margin-top: -1px; position: relative} #google-map{width: 100%; height: 400px} #map-bg-top{width: 100%; height: 10px; position: absolute; left: 0px; top: 0px; z-index: 10} #map-bg-bottom{width: 100%; height: 10px; margin-top: -10px; position: absolute; left: 0%; top: 100%; z-index: 10} #contact-info{width: 350px; float: right; padding: 25px 0px 10px 0px} #contact-form{margin: 0px 410px 0px 0px; padding: 25px 0px 30px 0px} FORM.contact{padding: 20px; border: solid 1px #d0d0d0; background: #f2f4ff} FORM.contact P.label{color: #000; font-size: 14px; line-height: 17px; font-weight: bold; padding: 0px 0px 5px 0px} FORM.contact INPUT, FORM.contact SELECT, FORM.contact TEXTAREA{color: #000; font-size: 14px; line-height: 14px; width: 97%; margin: 0px 0px 15px 0px; padding: 5px; border: solid 1px #b8b8b8; background: #fff} FORM.contact SELECT{width: 98%} FORM.contact TEXTAREA{line-height: 17px; height: 150px} FORM.contact INPUT.spam{width: 168px} FORM.contact INPUT.submit{width: 180px; height: 32px; margin: 0px; cursor: pointer; border: none; display: block; background: url(../images/button-submit.png)} P.success{color: #830a2b; font-size: 18px; line-height: 22px; font-weight: bold; letter-spacing: -1px; padding: 0px 0px 25px 0px} /************************* SERVICES -- IMPLEMENTATION *******************/ #privacy-policy{width: 70%; padding: 25px 0px 15px 0px} #privacy-policy H1{padding-bottom: 5px} P.privacy-header{color: #202020; font-size: 16px; line-height: 20px; font-weight: bold; padding: 10px 0px 6px 0px} P.privacy-main{color: #000; font-size: 14px; line-height: 17px; padding: 0px 0px 15px 0px} P.privacy-bullet{color: #000; font-size: 14px; line-height: 17px; padding: 0px 0px 8px 20px; background: url(../images/bg-partner-bullet.png) no-repeat left 5px}