.vpuml_buttons img { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/buttons_v11.png'); height: 29px; } div.pageCenter .vpuml_buttons img { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/vpuml_buttons_white.png') !important; } .page-product-index div.pageCenter { position: relative; overflow-y: auto; } .buy_now img { background-position: 0px 0px; width: 80px; } .free_trial img { background-position: -80px 0px; width: 86px; } .free_ce img { background-position: -167px 0px; width: 192px; } div.leftMenu { width: 237px; float: left; margin-left: 8px; } h3.leftMenuHeader { background: url('https://cdn-images.visual-paradigm.com/vpuml/menu2.png') no-repeat 0px 0px; height: 42px; line-height: 42px; padding-left: 12px; } li.leftMenuItem { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/menu2.png'); background-repeat: no-repeat; background-position: 0px -78px; height: 36px; } li.leftMenuItem:hover { background-position: 0px -114px; } li.leftMenuItem-selected { background-position: 0px -42px !important; } div.leftMenuFooter { background: url('https://cdn-images.visual-paradigm.com/vpuml/menu2.png') no-repeat 0px -150px; height: 11px; } #productProvides .leftMenuPager-container { background-image: url("https://cdn-images.visual-paradigm.com/vpuml/menu2.png"); } #productProvides .leftMenuPager li { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/provides/point.png'); } #productProvides #provides-header .editions-available li a { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/provides/editions_available.png'); } #productProvides #provides-header .editions-available li.ee { z-index: 5; } #productProvides #provides-header .editions-available li.ee a { background-position: -3px 0; } #productProvides #provides-header .editions-available li.pe { z-index: 4; } #productProvides #provides-header .editions-available li.pe a { background-position: -101px 0; } #productProvides #provides-header .editions-available li.se { z-index: 3; } #productProvides #provides-header .editions-available li.se a { background-position: -199px 0; } #productProvides #provides-header .editions-available li.me { z-index: 2; } #productProvides #provides-header .editions-available li.me a { background-position: -297px 0; } #productProvides #provides-header .editions-available li.ce { z-index: 1; } #productProvides #provides-header .editions-available li.ce a { background-position: -395px 0; } .vpuml_demo_topic { height: 133px; background: url('https://cdn-images.visual-paradigm.com/vpuml/topic_demo_bg.png') no-repeat center bottom; } .vp_provides_icon { width: 188px; line-height: 28px; padding: 4px 25px 4px 14px; display: block; margin: 0 5px; } .leftMenuItem a:hover { color: #A92B2C; } #productProvides .category-cell a.more { color: #A92B2C; } #productProvides #category-cell-designexporting h2, #productProvides #category-cell-dbobjectpersistence h2, #productProvides #category-cell-reqmodeling h2, #productProvides #category-cell-glossary h2, #productProvides #category-cell-dbmodeling h2, #productProvides #category-cell-designreview h2, #productProvides #category-cell-impactanalysis h2, #productProvides #category-cell-singletripcodeengine h2 { line-height: 20px; } #productProvides #category-cell-ideintegration .icon { background-image: url('https://cdn-images.visual-paradigm.com/products/provide/ide_integration.png'); } #productProvides #umlmodeling-provides #provides-header { height: 250px; } .vpLink-product { color: #A92B2C; } .newFeature-animacian img { background: url('https://cdn-images.visual-paradigm.com/vpuml/features/animaican.png') no-repeat; width: 138px; height: 123px; } .animateAD img { background-position: -0px 0px; } .animateSD img { background-position: -140px 0px; } .animateBPD img { background-position: -280px 0px; } .newFeature-designPattern img { background: url('https://cdn-images.visual-paradigm.com/vpuml/features/design_pattern.png') no-repeat; width: 211px; height: 197px; } #productProvides .paragraphTitle2 { font-size: 13px !important; } #productProvides .tabHeader { height: 50px; width: 695px; background-repeat: no-repeat; } #productProvides .tabHeader li { margin-left: 44px; line-height: 34px; } #productProvides .tabHeader a.current { color: #404040; cursor: default; text-decoration: none; } #productProvides .tabHeader1 { background-position: -4px 0; } #productProvides .tabHeader2 { background-position: -4px -50px; } #productProvides .tabHeader3 { background-position: -4px -100px; } #productProvides .tabHeader4 { background-position: -4px -150px; } #productProvides .tabHeader5 { background-position: -4px -200px; } #productProvides ul.tabs-umlmodeling { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/provides/umlmodeling/tabs.png'); } #productProvides .tabHeader1 li.cat-usecasemodeling { width: 137px !important; } #productProvides li.cat-usecasemodeling { width: 68px; _margin-left: 22px !important; } #productProvides li.cat-usecasemodeling .current { width:137px; } #productProvides .tabHeader2 li.cat-structuralmodeling { width:142px; } #productProvides li.cat-structuralmodeling { width:72px; } #productProvides li.cat-structuralmodeling .current { width:142px; } #productProvides .tabHeader3 li.cat-behavioralmodeling { width:148px; } #productProvides li.cat-behavioralmodeling { width: 77px; } #productProvides li.cat-behavioralmodeling .current { width:148px; } #productProvides .tabHeader4 li.cat-architecturalmodeling { width:164px; } #productProvides li.cat-architecturalmodeling { width: 94px; } #productProvides li.cat-architecturalmodeling .current { width:164px; } #productProvides ul.tabs-umlmodeling a { display: block; overflow: hidden; height: 34px } #productProvides ul.tabs-diagramtools { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/provides/diagramtools/tabs.png'); } #productProvides li.cat-visualmodeling { width:113px; _margin-left: 22px !important; } #productProvides li.cat-styleformatting { width:151px; } #productProvides li.cat-presentationoptions { width:155px; } #productProvides ul.tabs-teamwork { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/provides/teamwork/tabs2.png'); } #productProvides li.cat-vpts { width: 149px !important; _margin-left: 22px !important; } #productProvides li.cat-svn { width: 81px !important; } #productProvides li.cat-perforce { width: 61px !important; } #productProvides li.cat-clearcase { width: 73px !important; } #productProvides li.cat-cvs { width: 31px !important; } #productProvides ul.tabs-interop { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/provides/interop/tabs.png'); } #productProvides li.cat-interop { width:108px; _margin-left: 22px !important; } #productProvides li.cat-exportdiagram { width:114px; } #productProvides li.cat-openarchitecture { width:133px; } #productProvides li.cat-ideintegration { width:109px; } #productProvides #linejump { margin-bottom: 12px; } #productProvides #illu-linestyles table.multiImageRadio { width: 164px; } .illu-animacian { *margin-bottom: 44px; } .illu-usecasediagram { margin-bottom: 60px; } .illu-businessprocessmodeling { margin-bottom: 100px; } .indexDatasheet { margin-top: 12px; display: block; } .indexTopicBlock-content { height: 110px; } .indexTopicBlock-productdemo { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/product_demo2.png'); } .indexTopicBlock-teamwork { margin-top: 29px; margin-bottom: 24px; display: block; } #illu-multilanguagespellchecking .multiImageRadio { width: 100px; } a.postcard-userguide { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/userguide_bg.jpg'); background-repeat: no-repeat; width: 145px; height: 71px; padding-left: 90px; padding-top: 4px; height: 93px; } a.postcard-quickstart { background-image: url('https://cdn-images.visual-paradigm.com/vp/quickstart_bg_white.jpg'); background-repeat: no-repeat; width: 153px; height: 95px; padding-left: 82px; padding-top: 4px; } a.postcard-datasheet { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/datasheet_bg2.jpg'); background-repeat: no-repeat; width: 145px; height: 89px; padding-left: 90px; padding-top: 10px; } #provide-resources a.postcard-userguide, .page-resources a.postcard-userguide { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/provides/userguide_bg3.jpg'); } #provide-resources a.postcard-quickstart, .page-resources a.postcard-quickstart { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/provides/quickstart_bg3.jpg'); } #provide-resources a.postcard-datasheet { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/provides/datasheet_bg3.jpg'); } .page-editions #vpumleeLayerFeature0 { width: 229px !important; } .page-editions #vpumleeLayerFeature1 { width: 200px !important; } .page-editions #vpumleeLayerFeature2 { width: 192px !important; } .page-editions #vpumlpeLayerFeature0 { width: 180px !important; } .page-editions #vpumlpeLayerFeature1 { width: 240px !important; } .page-editions #vpumlpeLayerFeature2 { width: 230px !important; } .page-editions #vpumlpeLayerFeature3 { width: 180px !important; } .page-editions #vpumlseLayerFeature2 { width: 123px !important; } .page-editions #vpumlseLayerFeature3 { width: 103px !important; } .page-editions #vpumlseLayerFeature5 { width: 103px !important; } .page-editions #vpumlseLayerFeature6 { width: 123px !important; } .page-editions #vpumlceLayerFeature0 { width: 138px !important; } .page-editions #vpumlceLayerFeature1 { width: 84px !important; } .page-editions #vpumlceLayerFeature2 { width: 84px !important; } .page-editions #vpumlceLayerFeature3 { width: 174px !important; } .page-editions #vpumlceLayerFeature4 { width: 174px !important; } .page-editions #vpumlceLayerFeature5 { width: 152px !important; } #productProvides .picker-border-focus { border-color: #af3537; background-color: #af3537; } #productProvides #picker-handler { background-image: url('https://cdn-images.visual-paradigm.com/products/picker/vpuml_picker_handler.png'); } .feature-bag-list li.focus, .feature-bag-list li.added { background-color: #ffe3e4; } #leftMenu-featureBag-head { background: url("https://cdn-images.visual-paradigm.com/vpuml/menu2.png") no-repeat 0 -78px; } .indextopic-quickstart { background: url('https://cdn-images.visual-paradigm.com/vp/dl_quickstart_idx.png') no-repeat; width: 167px; height: 174px; } .content-index { width: 760px; margin: 64px auto; } .content-index h1 { font-weight: 200; font-size: 32px; color: #404040; font-family: 'Raleway'; text-align: center; line-height: 40px; margin: 0 100px; } .content-index p { font-size: 16px; color: #404040; margin-top: 18px; line-height: 24px; } .content-index-vpository { margin: 36px 232px 32px; background: url('https://cdn-images.visual-paradigm.com/vp/vpository_logo.png') no-repeat 2px -10px;} .content-index-vpository p { padding-left: 112px; } .content-index-vpository .h0-gray3 { font-size: 32px; line-height: 46px; font-weight: normal; } .content-index-vpository .content { font-family: 'Alegreya Sans'; font-weight: 400; font-size: 18px; color: #606060; line-height: 20px; } .content-index-vpository a { font-size: 18px; text-align: center; display: block; margin-top: 22px; } #productBillboard em { font-style: normal; } #productBillboard { background: url('https://cdn-images.visual-paradigm.com/vpuml/home/billboard_bg2.jpg') no-repeat; width: 980px; height: 500px; position: relative; overflow-y: hidden; } #productBillboard .staticStateLayerFix { position: absolute; } #productBillboard .previousSlide { background: url('https://cdn-images.visual-paradigm.com/home/v11/arrow.png') no-repeat -5px top; width: 60px; height: 90px; cursor: pointer; top: 205px; left: 0; display: none; z-index: 11; } #productBillboard .previousSlide:hover { background-position: -5px bottom; } #productBillboard .nextSlide { background: url('https://cdn-images.visual-paradigm.com/home/v11/arrow.png') no-repeat -55px top; width: 60px; height: 90px; cursor: pointer; top: 205px; right: 0; z-index: 11; } #productBillboard .nextSlide:hover { background-position: -55px bottom; } #productBillboard #toc { position: absolute; bottom: 0; left: 400px; } #productBillboard #toc li { background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/normal_point.png') no-repeat center center; overflow: hidden; text-indent: -9999px; margin: 12px 5px; width: 20px; float: left; } #productBillboard #toc li span { display: block; height: 20px; background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/phases_point.png') no-repeat 20px 0; cursor: pointer; } #productBillboard #toc .pt-0 .selected { background-position: 0 0; } #productBillboard #toc .pt-1 .selected { background-position: -20px 0; } #productBillboard #toc .pt-2 .selected { background-position: -40px 0; } #productBillboard #toc .pt-3 .selected { background-position: -60px 0; } #productBillboard #toc .pt-4 .selected { background-position: -80px 0; } #productBillboard #toc .pt-5 .selected { background-position: -100px 0; } #productBillboard #content { position: relative; margin: 20px 30px 0; overflow: hidden; width: 920px; height: 448px; z-index: 10; } #productBillboard .slideWrapper .staticStateLayerFix { left: 920px; } #productBillboard #content .slideWrapper .staticStateLayerFix { position: absolute; } #productBillboard #content .selected .staticStateLayerFix { left: 0; } #productBillboard #content .leftSlide { text-align: center; width: 860px; height: 280px; margin: 0 30px; } #productBillboard h4 { font-size: 30px; color: #ffffff; text-shadow: 0 0 4px #000000; -moz-text-shadow: 0 0 4px #000000; -webkit-text-shadow: 0 0 4px #000000; margin: 12px 0 0 0; } #productBillboard h4 em { font-size: 48px; color: #81d300; } #productBillboard .ux-whatis { background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/overview.png') no-repeat top center; overflow: auto; width: 661px; margin: 20px auto 0; } #productBillboard .ux-whatis li { float: left; font-size: 18px; color: #81d300; padding-top: 174px; } #productBillboard .ux-whatis .usecase { width: 158px; margin: 0 28px 0 14px; } #productBillboard .ux-whatis .uexceler { width: 186px; margin: 0 28px; } #productBillboard .ux-whatis .stories { width: 186px; margin: 0 0 0 28px; } #productBillboard #content .rightSlide { top: 298px; width: 920px; } #productBillboard h5 { font-size: 36px; color: #81d300; margin: 0; text-shadow: 0 0 4px #000000; -moz-text-shadow: 0 0 4px #000000; -webkit-text-shadow: 0 0 4px #000000; } #productBillboard h5 span { background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/phases_icons.png') no-repeat; width: 40px; height: 40px; margin: 0 9px 0 3px; float: left; } #productBillboard p { font-size: 16px; color: #e0e0e0; } #productBillboard p em { font-weight: bold; } #productBillboard .mainContent { width: 550px; float: left; margin-left: 160px; padding-left: 34px; background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/separator.png') no-repeat left center; height: 148px; } #productBillboard .mainContent p { margin-right: 20px; line-height: 22px; } #productBillboard .sideContent { width: 156px; background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/separator.png') no-repeat left center; height: 148px; float: left; padding-left: 20px; } #productBillboard .sideContent .input { visibility: hidden; color: #c0c0c0; font-size: 20px; } #productBillboard .as-input .sideContent { width: 145px !important; visibility: visible; } #productBillboard .as-input .sideContent .gain { display: none; } #productBillboard .as-input .sideContent .input { visibility: visible; } #productBillboard .sideContent ul { list-style-image: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/gain_bullet_point.png'); font-size: 16px; color: #ffffff; list-style-position: outside; margin-left: 22px; } #productBillboard .sideContent li { padding-top: 10px; } #productBillboard .as-input .sideContent ul { list-style-image: none; list-style-type: disc; font-size: 14px; color: #c0c0c0; margin-left: 16px; margin-top: 6px;} #productBillboard .as-input .sideContent li { padding-top: 4px; } #productBillboard h6 { font-size: 20px; color: #81d300; margin: 12px 0 0; } #productBillboard .slide-0 .mainContent { margin: 14px 30px 0; width: 860px; padding-left: 0; background: none; } #productBillboard .slide-0 h5 { font-size: 18px; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; margin-bottom: 4px; } #productBillboard .slide-1 .leftSlide { background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/identify_screenshot.png') no-repeat top center; } #productBillboard .slide-1 .mainContent { margin-left: 30px; width: 670px; padding-left: 0; background: none; } #productBillboard .slide-1 .sideContent { width: 198px; } #productBillboard .slide-1 h5 span { background-position: 0 0; } #productBillboard .slide-2 .leftSlide { background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/discuss_screenshot.png') no-repeat top center; } #productBillboard .slide-2 h5 span { background-position: -40px 0; } #productBillboard .slide-3 .leftSlide { background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/elaborate_screenshot.png') no-repeat top center; } #productBillboard .slide-3 h5 span { background-position: -80px 0; } #productBillboard .slide-4 .leftSlide { background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/design_screenshot.png') no-repeat top center; } #productBillboard .slide-4 h5 span { background-position: -120px 0; } #productBillboard .slide-5 .leftSlide { background: url('https://cdn-images.visual-paradigm.com/vpuml/home/uexceler/consent_screenshot.png') no-repeat top center; } #productBillboard .slide-5 h5 span { background-position: -160px 0; } .earthquake_20110311 { margin-top: 109px; margin-bottom: 12px; } .download-community .earthquake_20110311 { margin-top: 232px; margin-bottom: 12px; } div.tutorialLeftMenu .tutorialLeftMenuItem, div.tutorialLeftMenu .tutorialLeftMenuItem-selected { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/menu_tutorial.png'); } div.tutorialLeftMenu .tutorialLink a:hover, div.tutorialLeftMenu .tutorialLink-selected a, div.tutorialLeftMenu .tutorialLeftMenuItem a:hover, div.tutorialLeftMenu .tutorialLeftMenuItem-selected a { color: #A92B2C; } #productWhatsNew-rightColumn .toc { background-image: url('https://cdn-images.visual-paradigm.com/vpuml/editions/new_features.png'); } .downloadRightAccordion { height: 358px; } #installstepsPane { height: 293px; } #tutorial-visualhistory .tutorial-comment-header { float: none !important; margin-left: 616px; } #tutorial-animatingbusinessproces_vpuml .tutorial-comment-header { float: none !important; margin-left: 616px; } .indextopic-quickstart { float: left; margin-left: 24px; } .page-editions h1 { font-family: 'Raleway'; font-size: 36px; color: #202020; font-weight: normal; line-height: 44px; margin: 30px 0 18px; float: left; border-bottom: 5px solid #cc3333; } .page-editions a.h1 { font-family: 'Raleway'; font-size: 36px; color: #606060; font-weight: normal; text-decoration: none; line-height: 44px; margin: 30px 0 18px; float: left; } .page-editions a.h1:hover { border-bottom: 5px solid #cc3333; } .page-editions a.h1 { margin-left: 246px; margin-right: 96px; }