body { background-image:url('https://cdn-images.visual-paradigm.com/home/v11/page_bg.png'); height: auto !important; } a.postcard-quickstart { margin: 24px auto; 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; } .solutions-page-index div.pageHeader, .solutions-page-index div.pageCenter, .solutions-page-index div.pageFooter { background-image: url('https://cdn-images.visual-paradigm.com/page_round.gif'); } .solutions-page-index .includeHotTopicBlock-support { width: 288px; } .style5 div.pageHeader, .style5 div.pageCenter, .style5 div.pageFooter { margin: 0 auto; width: 980px; } .style5 div.pageHeader { margin-top: 20px; } div.pageHeader { height: 24px; } div.pageFooter { margin-bottom: 24px; background-position: -2000px bottom; height: 8px; } .pageSection-start-gray { height: 3px; background: #EAEAEA url('https://cdn-images.visual-paradigm.com/solutions/gray_bar_shadow.png') repeat-x 0 0; margin: 0 5px 0 3px; font-size: 1px; } .pageSection-gray { background-color: #EAEAEA; margin: 0 5px 0 3px; padding: 10px 148px 2px 150px; } .pageSection-end-gray { height: 3px; background: #EAEAEA url('https://cdn-images.visual-paradigm.com/solutions/gray_bar_shadow.png') repeat-x 0 -3px; margin: 0 5px 0 3px; font-size: 1px; } .h1-content { /* margin: 12px 90px 0; */ } .solutionBlock { float: left; width: 565px; margin: 10px 0 28px; } .solutionBlock-left { clear: left; } .solutionImage { float: left; } .solutionBlock h2 { margin-left: 170px; font-weight: bold; } .solutionBlock ul, .solutionBlock ol { margin-left: 166px; font-weight: bold; padding-top: 2px; } .solutionBlock li { padding-top: 4px; } .solutionBlock p { margin-left: 170px; } .commonHotTopicSibling { border-style: none; margin-left: 1px; background: url(https://cdn-images.visual-paradigm.com/solutions/hot_topic_bg.png) no-repeat left center; } .solutions-page-topic h1 { color: #202020; font-size: 32px; line-height: 38px; text-align: center; } .solutions-page-topic #solution-freeumltool h1 { font-size: 40px; line-height: 46px; } .solutions-page-topic .h1 { color: #202020; } .solutions-page-topic .pageCenter { position: relative; } #solution-summary { float:left; width: 340px; margin-left: 21px; _margin-left: 12px; } #solution-summary .content2 { line-height: 20px; margin-top: 6px; } #solution-bpmodeling #solution-summary .content2 { margin-top: 0; } #solution-summary p.h1 { margin: 8px 0 4px 14px; } #solution-freeumltool #solution-summary p.h1 { margin-top: 18px; } #solution-points { float: right; width: 594px; padding-left: 13px; margin-right: 3px; background: url('https://cdn-images.visual-paradigm.com/solutions/separator.png') no-repeat center left; } #solution-note { width: 340px; height: 72px; position: absolute; left: 3px; bottom: 6px; padding: 0 20px; } .solutionPoint { margin-top: 24px; } .solutionPoint h2, .solutionPoint p { /* padding-left: 7px; padding-right: 13px; */ margin-left: 14px; margin-right: 24px; _margin-right: 12px; } .solutionPoint h2 { padding-bottom: 4px; color: #202020; font-size: 18px; line-height: 22px; } .solutionPoint p { line-height: 14px; margin-bottom: 10px; } .solutionPoint a img { display: block; } .solutionPointImg { display: block; } .solution-used-companies { margin-top: 6px; padding-bottom: 64px; } .usevpcom { float: left; background-image: url('https://cdn-images.visual-paradigm.com/solutions/companies.png'); height: 40px; } .logo-adobe { background-position: 0 0; width: 38px; margin-left: 4px; } .logo-intel { background-position: -38px 0; width: 53px; margin-left: 30px; } .logo-nasa { background-position: -91px 0; width: 42px; margin-left: 32px; } .logo-nokia { background-position: -132px 0; width: 48px; margin-left: 22px; } .logo-toyota { background-position: -179px 0; width: 42px; margin-left: 22px; } #lowerBox { margin-top: 4px !important; margin-bottom: 28px; } #lowerBox .head, #lowerBox .body, #lowerBox .foot { background-image: url('https://cdn-images.visual-paradigm.com/solutions/lower_box_bg.png'); width: 310px; padding: 0 10px; } #lowerBox .head, #lowerBox .foot { height: 12px; background-repeat: no-repeat; _font-size: 1px; } #lowerBox .head { background-position: 0 0; } #lowerBox .body { background-repeat: repeat-y; background-position: -330px 0; } #lowerBox .foot { background-position: -660px 0; } #lowerBox .body { font-weight: bold; color: #202020; } #lowerBox .body span { color: #5c5c5c; } #lowerBox .body li { margin-top: 12px; line-height: 16px; } #lowerBox .body li.first { margin-top: 0; } a.content-overlay { background: url('https://cdn-images.visual-paradigm.com/solutions/popup_present_icon.png') no-repeat; padding-left: 30px; margin-right: 30px; height: 22px; float: right; } #solution-title h1 span, h1#solution-title span { color: #808080; } #solution-usecase #usecasedetails { height: 250px; } .solutionPointSummary { float: left; width: 480px; } #solution-freeumldesigntool .solutionPointSummary { width: 540px; } .solutionPointDesc { display: none; } .page-usecase div#fancybox-content, .page-writeusecase div#fancybox-content, .page-capturerequirements div#fancybox-content, .page-dbdesign div#fancybox-content, .slide-bg-full { background: url('https://cdn-images.visual-paradigm.com/solutions/solution_popup_present_bg.png') no-repeat #E6EAEC; } .desc-scrollable { width: 800px; height: 600px; position: relative; overflow: hidden; } .desc-scrollable .scroll-items { position: absolute; width: 20000em; } .desc-scrollable .scroll-items li { float: left; width: 800px; } .scroll-action { cursor: pointer; width: 30px; height: 30px; display: block; position: absolute; top: 285px; z-index: 10; } .scroll-prev { background: url('https://cdn-images.visual-paradigm.com/solutions/fancy_left.png'); left: 6px; } .scroll-next { background: url('https://cdn-images.visual-paradigm.com/solutions/fancy_right.png'); right: 6px; } #fancybox-content .disabled, .scroll-disabled { display: none; } .desc-scrollable h3 { font-size: 48px; color: #32373f; text-align: center; margin: 72px 18px; } .desc-scrollable p { font-size: 18px; color: #404040; line-height: 28px; float: right; margin-right: 40px; width: 364px; _margin-right: 20px; } .desc-scrollable .artwork { float: left; margin-left: 28px; margin-right: 12px; } .solutions-page-type3 .link-product { text-indent: -9999px; } .solutions-page-type3 .link-buy a, .solutions-page-type3 .link-download a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } .solutions-page-type3 #solution-links { margin-left: 26px; } .solutions-page-type3 #solution-links .h1 { margin-left: 10px; } .solutions-page-type3 #solution-links a { text-align: center; display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; -moz-text-shadow: 0 1px 2px #000000; -webkit-text-shadow: 0 1px 2px #000000; -khtml-text-shadow: 0 1px 2px #000000; } .solutions-page-type3 .contentNote { font-weight: normal; display: block; text-align: left; margin-top: 8px; margin-bottom: 10px; } #solution-usecase .link-product { background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } #solution-usecase .link-product a { height: 48px; width: 196px; } #solution-usecase .link-download { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; } #solution-usecase .link-buy { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-dbdesign .link-product { background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } #solution-dbdesign .link-product a { height: 48px; width: 196px; } #solution-dbdesign .link-download { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; } #solution-dbdesign .link-buy { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } .solutions-page-type2-old .link-product { text-indent: -9999px; } .solutions-page-type2-old .link-button a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } .solutions-page-type2-old .link-button { background-repeat: no-repeat; } .solutions-page-type2-old .link-feature { background-position: 0 -40px; } .solutions-page-type2-old #solution-links { margin-left: 26px; margin-top: 16px; } .solutions-page-type2-old #solution-links .h1 { margin-left: 10px; margin-bottom: 10px; } .solutions-page-type2-old #solution-links a { text-align: center; display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; -moz-text-shadow: 0 1px 2px #000000; -webkit-text-shadow: 0 1px 2px #000000; -khtml-text-shadow: 0 1px 2px #000000; } .solutions-page-type2 .link-product { text-indent: -9999px; } .solutions-page-type2 .link-button a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } .solutions-page-type2 .link-button { background-repeat: no-repeat; } .solutions-page-type2 .link-buy { background-position: 0 -40px; } .solutions-page-type2 #solution-links { margin-left: 26px; margin-top: 16px; } .solutions-page-type2 #solution-links .h1 { margin-left: 10px; } .solutions-page-type2 #solution-links a { text-align: center; display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; -moz-text-shadow: 0 1px 2px #000000; -webkit-text-shadow: 0 1px 2px #000000; -khtml-text-shadow: 0 1px 2px #000000; } .solutions-page-type2 .contentNote { font-weight: normal; display: block; text-align: left; margin-top: 8px; margin-bottom: 10px; } .solutions-product-lz .link-product { background: url('https://cdn-images.visual-paradigm.com/solutions/lz_logo_101.png') no-repeat; } .solutions-product-lz .link-product a { height: 36px; width: 138px; } .solutions-product-lz .link-button { background-image: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png'); } .solutions-product-ag .link-product { background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } .solutions-product-ag .link-product a { height: 48px; width: 196px; } .solutions-product-ag .link-button { background-image: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png'); } .solutions-product-sdeec .link-product { background: url('https://cdn-images.visual-paradigm.com/solutions/sde_logo.png') no-repeat; } .solutions-product-sdeec .link-product a { height: 36px; width: 104px; } .solutions-product-sdeec .link-button { background-image: url('https://cdn-images.visual-paradigm.com/solutions/sde_buttons.png'); } .solutions-product-dbva .link-product { background: url('https://cdn-images.visual-paradigm.com/solutions/dbva_logo.png') no-repeat; } .solutions-product-dbva .link-product a { height: 36px; width: 178px; } .solutions-product-dbva .link-button { background-image: url('https://cdn-images.visual-paradigm.com/solutions/dbva_buttons.png'); } .solutions-product-vp .link-product { background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } .solutions-product-vp .link-product a { height: 48px; width: 196px; } .solutions-product-vp .link-button { background-image: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png'); } #solution-importvisiouml #solution-points { margin-bottom: 18px; } #solution-importvisiouml #solution-points ol { list-style-position: inside; padding-left: 0; margin-top: 6px; margin-bottom: 20px; font-weight: bold; } #solution-importvisiouml #solution-points ol h2 { display: inline; margin: 0; } #solution-importvisiouml #solution-points ol li { width: 284px; margin-top: 0; } #solution-importvisiouml #visiousecasediagram { background: url('https://cdn-images.visual-paradigm.com/solutions/importvisiouml/20141215/step1.png') no-repeat left bottom; padding-bottom: 275px; float: left; padding-left: 6px; } #solution-importvisiouml #importusecases { background: url('https://cdn-images.visual-paradigm.com/solutions/importvisiouml/20141215/step2.png') no-repeat left bottom; padding-bottom: 275px; text-align: right; float: left; padding-right: 6px; } #solution-importvisiouml #documentflowofevents { background: url('https://cdn-images.visual-paradigm.com/solutions/importvisiouml/20141215/step3.png') no-repeat left top; padding-top: 275px; text-align: right; float: right; padding-right: 6px; } #solution-importvisiouml #manageglossary { background: url('https://cdn-images.visual-paradigm.com/solutions/importvisiouml/20141215/step4.png') no-repeat left top; padding-top: 275px; float: right; padding-left: 6px; } .solution-points-scrollable { width: 594px; height: 512px; position: relative; overflow: hidden; } .solution-points-scrollable .scroll-items { position: absolute; width: 20000em; font-weight: bold; list-style-type: decimal; margin-left: 50px; *margin-left: 0; } .solution-points-scrollable .scroll-items li { float: left; width: 594px; } .solution-points-scrollable .scroll-items h2 { font-weight: bold; padding-left: 0; } .solution-points-scrollable .scroll-items h2 span { margin-right: 10px; margin-left: 30px; } .solution-points-scrollable .scroll-items h2 span.notranslate { margin-right: 0; margin-left: 0; } .solution-points-scrollable .scroll-items img { margin-left: -50px; margin-top: 14px; *margin-left: 0px; } #solution-hibernate #solution-points { position: relative; } #solution-hibernate .scroll-next { cursor: pointer; display: block; position: absolute; top: 318px;; right: 0; z-index: 10; } #solution-hibernate .designwithclassdiagram .scroll-next { width: 178px; height: 107px; background: url('https://cdn-images.visual-paradigm.com/solutions/hibernate/arrow_gen_erd.png'); } #solution-hibernate .generdiagram .scroll-next { width: 224px; height: 107px; background: url('https://cdn-images.visual-paradigm.com/solutions/hibernate/arrow_gen_db_schema.png'); } #solution-hibernate .gendbschema .scroll-next { width: 224px; height: 107px; background: url('https://cdn-images.visual-paradigm.com/solutions/hibernate/arrow_gen_java_orm.png'); } #solution-hibernate .genhibernate .scroll-next { width: 264px; height: 107px; background: url('https://cdn-images.visual-paradigm.com/solutions/hibernate/arrow_eclipse.png'); } #solution-hibernate .programmehibernate .scroll-next { display: none; } #solution-hibernate .navi { height: 80px; margin: 430px auto 0; width: 410px; *padding-top: 430px; _width: 420px; } #solution-hibernate .navi a { float: left; width: 66px; height: 48px; display: block; cursor: pointer; margin: 0 8px; background-image: url('https://cdn-images.visual-paradigm.com/solutions/hibernate/index_artwork.png'); background-repeat: no-repeat; } #solution-hibernate .navi #designwithclassdiagram { background-position: -8px -8px; } #solution-hibernate .designwithclassdiagram .navi #designwithclassdiagram { background-position: -90px -8px; cursor: default; } #solution-hibernate .navi #generdiagram { background-position: -8px -71px; } #solution-hibernate .generdiagram #generdiagram { background-position: -90px -71px; cursor: default; } #solution-hibernate .navi #gendbschema { background-position: -8px -134px; } #solution-hibernate .gendbschema #gendbschema { background-position: -90px -134px; cursor: default; } #solution-hibernate .navi #genhibernate { background-position: -8px -197px; } #solution-hibernate .genhibernate #genhibernate { background-position: -90px -197px; cursor: default; } #solution-hibernate .navi #programmehibernate { background-position: -8px -260px; } #solution-hibernate .programmehibernate #programmehibernate { background-position: -90px -260px; cursor: default; } a.clear-block { clear: both; display: block; } #solution-summary ol.tutorial-list { list-style-type: disc; margin: 8px 0 20px; } #solution-summary ol.tutorial-list li { margin-left: 36px; font-size: 14px; line-height: 20px; } a.solution-btn { display: block; } a.solution-btn:hover { text-decoration: none; } a.solution-btn span.posttext { font-weight: bold; display: block; } #solution-visualtrace #solution-points ul { padding-bottom: 0 !important; } .solution-page-bottom-scrollable #solution-summary { font-size: 16px; line-height: 1.4; margin-left: 0; padding-top: 12px; width: 549px; } .solution-page-bottom-scrollable #solution-resources { width: 549px; float: left; margin-top: 6px; } .solution-page-bottom-scrollable #solution-resources li { float: left; margin-right: 36px; } .solution-page-bottom-scrollable #solution-resources a, .solution-page-bottom-scrollable #solution-resources .fakeAnchor { display: block; line-height: 24px; padding-left: 30px; background-image: url('https://cdn-images.visual-paradigm.com/solutions/resources_button.png'); background-repeat: no-repeat; } .solution-page-bottom-scrollable #solution-resources .resource-tutorial a { background-position: 0 -48px; } .solution-page-bottom-scrollable #solution-links { text-align: center; float: left; } .solution-page-bottom-scrollable hr { width: 730px; height: 16px; border-style: none; border-bottom: 1px solid #c0c0c0; clear:both; } .solution-page-bottom-scrollable .expandable { width: 730px; display: none; margin: 0 auto; } .solution-page-bottom-scrollable #solution-points { padding: 0 32px; width: 854px; float: none; margin-right: 0; background: none; margin-top: 10px; } .solution-page-bottom-scrollable .navi { width: 72px; margin: 0 auto; overflow-y: auto; } .solution-page-bottom-scrollable .navi a { background-position: bottom left; background-repeat: no-repeat; display: block; float: left; width: 12px; height: 12px; margin: 9px 6px; cursor: pointer; } .solution-page-bottom-scrollable .navi a.active { background-position: top left; } .solution-page-bottom-scrollable .solution-points-scrollable { height: 300px; width: 854px; } .solution-page-bottom-scrollable .solution-points-scrollable .scroll-items { margin-left: 0; } .solution-page-bottom-scrollable .solution-points-scrollable .scroll-items li { width: 854px; position: relative; } .solution-page-bottom-scrollable .solution-points-scrollable .scroll-items h2 { font-size: 18px; color: #7c1d1d; width: 310px; margin: 68px 0 6px; } .solution-page-bottom-scrollable .solution-points-scrollable .scroll-items p { font-size: 14px; color: #404040; width: 310px; font-weight: normal; line-height: 1.4;} .solution-page-bottom-scrollable .solution-points-scrollable .scroll-items img { position: absolute; right: 6px; top: 0; margin: 0; } .solution-page-bottom-scrollable #solution-note { position: relative; width: 100%; padding: 18px 0; height: 24px; } .solution-page-bottom-scrollable #solution-note p { float: left; } .solution-page-bottom-scrollable #solution-note .solution-used-companies { float: right; padding-bottom: 0; margin-top: 2px; margin-right: 4px; } .solution-page-bottom-scrollable .hr2 { margin: 0 auto 4px; height: 1px; } .solution-page-bottom-scrollable .expandable { position: relative; } .solution-page-bottom-scrollable .expandable-head { background: url('https://cdn-images.visual-paradigm.com/solutions/expanded_panel_bg.png') no-repeat top left; height: 48px; } .solution-page-bottom-scrollable .expandable-foot { background: url('https://cdn-images.visual-paradigm.com/solutions/expanded_panel_bg.png') no-repeat bottom right; height: 48px; border-bottom: 1px solid #c0c0c0; } .solution-page-bottom-scrollable .expandable .close-video { background-image: url('https://cdn-images.visual-paradigm.com/solutions/close_button.png'); background-repeat: no-repeat; cursor: pointer; width: 24px; height: 24px; position: absolute; top: 24px; } .solution-page-bottom-scrollable .expandable .close-video:hover { background-position: 0 -24px; } #solution-expressumltool #solution-links { width: 367px; } #solution-expressumltool .navi a { background-image: url('https://cdn-images.visual-paradigm.com/solutions/page_point.png'); } #solution-expressumltool .solution-points-scrollable .scroll-items { list-style-type: none; } #solution-expressumltool #solution-note p { margin-left: 230px; } #solution-flowchart .pageCenter-inner { padding: 1px 32px; width: 910px; } #solution-flowchart #solution-summary em { color: #2c52a8; font-weight: bold; font-style: normal; } #solution-flowchart #solution-resources { overflow-y: auto; margin-bottom: 54px; } #solution-flowchart #solution-links { position: absolute; top: 66px; left: 626px; } #solution-flowchart #solution-links .h1 { margin: 8px 0 10px 10px; } #solution-flowchart .contentNote { font-weight: normal; display: block; text-align: left; margin-top: 6px; } #solution-flowchart #solution-links a { display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; -moz-text-shadow: 0 1px 2px #000000; -webkit-text-shadow: 0 1px 2px #000000; -khtml-text-shadow: 0 1px 2px #000000; } #solution-flowchart .link-product { text-indent: -9999px; background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } #solution-flowchart .link-product a { height: 48px; width: 196px; } #solution-flowchart .link-download, #solution-flowchart .link-tutorial { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; } #solution-flowchart .link-buy {background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-flowchart .link-buy a, #solution-flowchart .link-download a, #solution-flowchart .link-tutorial a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } #solution-flowchart .hr1 { height: 12px; margin-bottom: 0; } #solution-flowchart #solution-samples { padding: 24px 86px 0; background: url('https://cdn-images.visual-paradigm.com/solutions/flowchart/show_bg.png') no-repeat 0 24px; overflow: hidden; } #solution-flowchart .solution-points-scrollable { width: 800px; height: 464px; padding: 36px 0 0; overflow: visible; } #solution-flowchart .solution-points-scrollable img { position: relative; right: 0; cursor: pointer; /* behavior: url('/script/iepngfix.htc'); */ } #solution-flowchart .solution-points-scrollable li { width: 800px; height: 440px; text-align: center; } #solution-flowchart .solution-points-scrollable li .content-scale { -webkit-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; -webkit-transform-origin-x: 50%; -webkit-transform-origin-y: 50%; -webkit-transform-origin-z: 50%; -webkit-transform: scale3d(0.87, 0.87, 0.87); -webkit-transition: -webkit-transform 0.3s linear; -moz-transform: scale(0.87); -moz-transition: -moz-transform 0.3s linear 0s; -o-transform: scale(0.87); /* -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.87, M12=0, M21=0, M22=0.87, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.87, M12=0, M21=0, M22=0.87, SizingMethod='auto expand'); */ -ms-transform: scale(0.87); transform: scale(0.87); } #solution-flowchart .solution-points-scrollable li.size-origial .content-scale { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); /* filter: none; */ transform: scale(1); } #solution-flowchart .solution-points-scrollable li div.video { display: none; position: absolute; top: 0; left: 56px; } #solution-flowchart .solution-points-scrollable li.playing .content-scale { display: none; } #solution-flowchart .solution-points-scrollable li.playing div.video { display: block; } #solution-flowchart .solution-points-scrollable li img { -moz-transition: .5s opacity ease-out; -webkit-transition: .5s opacity ease-out; } #solution-flowchart .solution-points-scrollable li.size-origial img { cursor: default; } #solution-flowchart .solution-points-scrollable #tutorial_video .content-scale img { cursor: pointer !important; } #solution-flowchart .solution-points-scrollable .caption { font-size: 14px; color: #808080; line-height: 20px; margin-top: 12px; width: 100%; } #solution-flowchart .solution-points-scrollable .scroll-items { color: #2c52a8; list-style-type: none; } #solution-flowchart #solution-samples-preview { border-bottom: 1px solid #c0c0c0; margin-bottom: 24px; overflow-y: auto; padding: 1px 0; width: 100%; } #solution-flowchart #solution-samples-preview .solution-samples-scrollable { width: 922px; height: 128px; margin: 16px 0; overflow: hidden; position: relative; float: left; } #solution-flowchart #solution-samples-preview .solution-samples-scrollable .sample-items { width: 20000em; position: absolute; } #solution-flowchart #solution-samples-preview .solution-samples-scrollable .sample-items li { float: left; margin: 0 11px 0 10px; } #solution-flowchart #solution-samples-preview .solution-samples-scrollable .sample-items img { cursor: pointer; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } #solution-flowchart #solution-samples-preview .solution-samples-scrollable .sample-items li.active img { cursor: default; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } #solution-flowchart #solution-samples-preview a.sample-item-scroll-btn { background-image: url('https://cdn-images.visual-paradigm.com/solutions/flowchart/page_arrows.png'); background-repeat: no-repeat; display: block; width: 26px; height: 53px; float: left; margin-top: 54px; cursor: pointer; } #solution-flowchart #solution-samples-preview a.disabled { visibility: hidden; } #solution-flowchart #solution-samples-preview a.sample-item-scroll-prev { background-position: left top; } #solution-flowchart #solution-samples-preview a.sample-item-scroll-next { background-position: right top; } #solution-flowchart #solution-points { font-weight: bold; list-style-type: decimal; color: #2C52A8; } #solution-flowchart #solution-points li { list-style-position: inside; padding-top: 72px; position: relative; width: 854px; height: 228px; margin-bottom: 36px; } #solution-flowchart #solution-points h2 { color: #2c52a8; display: inline; margin: 0; font-weight: bold; width: 310px; } #solution-flowchart #solution-points p { margin-top: 6px; color: #404040; font-size: 14px; font-weight: normal; line-height: 1.4; width: 310px; } #solution-flowchart #solution-points img { position: absolute; top: 0; } #solution-flowchart #solution-points #defineorg img { right: 0; } #solution-flowchart #solution-points #participants { padding-left: 538px; width: 316px } #solution-flowchart #solution-points #participants img { left: 0; } #solution-flowchart #solution-points #startevent img { right: 0; } #solution-flowchart #solution-points #designtasks { padding-left: 538px; width: 316px } #solution-flowchart #solution-points #designtasks img { left: 0; } #solution-flowchart #solution-points #genword img { right: 0; } #solution-flowchart #solution-note p { margin-left: 316px; } #solution-flowchart #solution-links2 { border-top: 1px solid #c0c0c0; text-align: center; padding: 0 46px; } #solution-flowchart #solution-links2 li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-flowchart #solution-links2 li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-flowchart #solution-links2 li.link-tutorial a { background: url("https://cdn-images.visual-paradigm.com/solutions/resources_button.png") no-repeat 44px -38px; text-indent: 20px; } #solution-flowchart a.learn { font-size: 20px; font-weight: bold; display: block; text-align: center; } #solution-flowchart #download-detail { margin: 36px 32px 0; } #solution-importrationalrose .pageCenter-inner { padding: 1px 32px; width: 910px; } #solution-importrationalrose #solution-summary em { color: #a92b2c; font-weight: bold; font-style: normal; } #solution-importrationalrose #solution-resources { overflow-y: auto; margin-bottom: 54px; } #solution-importrationalrose #solution-links { position: absolute; top: 66px; left: 626px; } #solution-importrationalrose #solution-links .h1 { margin: 8px 0 10px 10px; } #solution-importrationalrose #solution-points { padding: 0; width: 974px; } #solution-importrationalrose #solution-points li { float: left; background-image: url('https://cdn-images.visual-paradigm.com/solutions/importrose/step_num.gif'); background-repeat: no-repeat; padding: 6px 0 26px 6px; } #solution-importrationalrose #solution-points li.point1 { width: 237px; background-color: #c0c0c0; background-position: 6px 6px; } #solution-importrationalrose #solution-points li.point2 { width: 237px; background-color: #e0e0e0; background-position: 6px -94px; } #solution-importrationalrose #solution-points li.point3 { width: 480px; background-color: #f0f0f0; background-position: 6px -194px; } #solution-importrationalrose #solution-points .h1-gray2 { line-height: 40px; text-indent: 50px; } #solution-importrationalrose .contentNote { font-weight: normal; display: block; text-align: left; margin-top: 6px; } #solution-importrationalrose #solution-links a { display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; -moz-text-shadow: 0 1px 2px #000000; -webkit-text-shadow: 0 1px 2px #000000; -khtml-text-shadow: 0 1px 2px #000000; } #solution-importrationalrose .link-product { text-indent: -9999px; background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } #solution-importrationalrose .link-product a { height: 48px; width: 196px; } #solution-importrationalrose .link-download { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; } #solution-importrationalrose .link-buy {background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-importrationalrose .link-buy a, #solution-importrationalrose .link-download a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } #solution-importrationalrose .hr1 { height: 12px; margin-bottom: 0; } #solution-importrationalrose #solution-note p { margin-left: 316px; } #solution-importrationalrose #solution-links2 { border-top: 1px solid #c0c0c0; text-align: center; padding: 0 194px; } #solution-importrationalrose #solution-links2 li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-importrationalrose #solution-links2 li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-importrationalrose a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; margin-left: 226px; } #solution-importrationalrose #download-detail { margin: 36px 32px 0; } #solution-sequencediagram .anim { -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } #solution-sequencediagram .pageCenter-inner { padding: 1px 32px; width: 910px; } #solution-sequencediagram #solution-resources { overflow-y: auto; margin-bottom: 54px; } #solution-sequencediagram #solution-links { position: absolute; top: 66px; left: 626px; } #solution-sequencediagram #solution-links .h1 { margin: 8px 0 10px 10px; } #solution-sequencediagram #solution-points { padding: 0; width: 974px; } #solution-sequencediagram .contentNote { font-weight: normal; display: block; text-align: left; margin-top: 6px; } #solution-sequencediagram #solution-links a { display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; -moz-text-shadow: 0 1px 2px #000000; -webkit-text-shadow: 0 1px 2px #000000; -khtml-text-shadow: 0 1px 2px #000000; } #solution-sequencediagram .link-product { text-indent: -9999px; background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } #solution-sequencediagram .link-product a { height: 48px; width: 196px; } #solution-sequencediagram .link-download { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; } #solution-sequencediagram .link-buy {background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-sequencediagram .link-buy a, #solution-sequencediagram .link-download a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } #solution-sequencediagram a.watch-video { font-size: 12px; color: #006caf; background: url('https://cdn-images.visual-paradigm.com/solutions/sequencediagram/video_preview.png') no-repeat; width: 133px; padding-top: 81px; display: block; line-height: 28px; cursor: pointer; text-align: center; margin-top: 10px; float: right; } #solution-sequencediagram #video-display { display: none; } #solution-sequencediagram .hr1 { height: 12px; margin-bottom: 0; } #solution-sequencediagram #solution-note p { margin-left: 316px; } #solution-sequencediagram #solution-links2 { border-top: 1px solid #c0c0c0; text-align: center; padding: 0 194px; } #solution-sequencediagram #solution-links2 li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-sequencediagram #solution-links2 li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-sequencediagram a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; margin-left: 226px; } #solution-sequencediagram #download-detail { margin: 36px 32px 0; } #solution-sequencediagram .solution-content { background: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/bg.png') no-repeat center bottom; height: 578px; } #solution-sequencediagram #drawing-sequence-diagram { width: 972px; height: 500px; position: relative; overflow: hidden; } #solution-sequencediagram #drawing-sequence-diagram .steps { background-image: url('https://cdn-images.visual-paradigm.com/solutions/sequencediagram/sequence_diagram_steps.png'); background-repeat: no-repeat; width: 890px; height: 490px; position: absolute; bottom:0; left: 41px; } #solution-sequencediagram #drawing-sequence-diagram .step1 { background-position: 0 -490px; opacity: 0; } #solution-sequencediagram #drawing-sequence-diagram .step2 { background-position: 0 -980px; opacity: 0; } #solution-sequencediagram #drawing-sequence-diagram .step3 { background-position: 0 -1470px; opacity: 0; } #solution-sequencediagram #drawing-sequence-diagram .step3b { background-position: 0 -1960px; opacity: 0; } #solution-sequencediagram #drawing-sequence-diagram .step4 { background-position: 0 -2450px; opacity: 0; } #solution-sequencediagram #drawing-sequence-diagram .drawn { opacity: 1; } #solution-sequencediagram .solution-points { position: relative; } #solution-sequencediagram .solution-points-scrollable { position:relative; overflow:hidden; width: 974px; height:78px; z-index: 9; } #solution-sequencediagram .solution-points-items { width:20000em; position:absolute; } #solution-sequencediagram .solution-points-items li { float: left; width: 916px; padding: 0 29px; } #solution-sequencediagram .solution-points-items li .h1-gray3 { font-size: 24px; } #solution-sequencediagram .solution-points-items li .h1-gray3 .step { color: #c34141; } #solution-sequencediagram .solution-points-items li .desc { font-size: 18px; color: #606060; padding: 2px 0 0 94px; } #solution-sequencediagram .solution-points a.arrow { background-repeat: no-repeat; width: 20px; height: 60px; cursor: pointer; position: absolute; top: 0; z-index: 10; } #solution-sequencediagram .solution-points a.arrow:hover { background-position: left bottom; } #solution-sequencediagram .solution-points a.disabled { display: none; } #solution-sequencediagram .solution-points a.prev { background-image: url('https://cdn-images.visual-paradigm.com/solutions/left_arrow.png'); left: 0; } #solution-sequencediagram .solution-points a.next { background-image: url('https://cdn-images.visual-paradigm.com/solutions/right_arrow.png'); right: 0; } #solution-sequencediagram #video-display .close-video { background-image: url('https://cdn-images.visual-paradigm.com/solutions/close_video.png'); background-repeat: no-repeat; display: block; width: 36px; height: 36px; float: right; margin-bottom: 6px; cursor: pointer; } #solution-sequencediagram #video-display .close-video:hover { background-position: left bottom; } #solution-statemachine .pageCenter-inner { padding: 1px 32px; width: 910px; } #solution-statemachine #solution-summary em { color: #a92b2c; font-weight: bold; font-style: normal; } #solution-statemachine #solution-resources { overflow-y: auto; margin-bottom: 72px; } #solution-statemachine #solution-links { position: absolute; top: 66px; left: 626px; } #solution-statemachine #solution-links .h1 { margin: 8px 0 10px 10px; } #solution-statemachine .contentNote { font-weight: normal; display: block; text-align: left; margin-top: 6px; } #solution-statemachine #solution-links a { display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; -moz-text-shadow: 0 1px 2px #000000; -webkit-text-shadow: 0 1px 2px #000000; -khtml-text-shadow: 0 1px 2px #000000; } #solution-statemachine .link-product { text-indent: -9999px; background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } #solution-statemachine .link-product a { height: 48px; width: 196px; } #solution-statemachine .link-download, #solution-statemachine .link-tutorial { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; } #solution-statemachine .link-buy {background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-statemachine .link-buy a, #solution-statemachine .link-download a, #solution-statemachine .link-tutorial a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } #solution-statemachine .hr1 { height: 12px; margin-bottom: 0; } #solution-statemachine #solution-samples { padding: 24px 86px 0; background: url('https://cdn-images.visual-paradigm.com/solutions/flowchart/show_bg.png') no-repeat 0 24px; overflow: hidden; } #solution-statemachine .solution-points-scrollable { width: 800px; height: 464px; padding: 36px 0 0; overflow: visible; } #solution-statemachine .solution-points-scrollable img { position: relative; right: 0; cursor: pointer; /* behavior: url('/script/iepngfix.htc'); */ } #solution-statemachine .solution-points-scrollable li { width: 800px; height: 440px; text-align: center; } #solution-statemachine .solution-points-scrollable li .content-scale { -webkit-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; -webkit-transform-origin-x: 50%; -webkit-transform-origin-y: 50%; -webkit-transform-origin-z: 50%; -webkit-transform: scale3d(0.87, 0.87, 0.87); -webkit-transition: -webkit-transform 0.3s linear; -moz-transform: scale(0.87); -moz-transition: -moz-transform 0.3s linear 0s; -o-transform: scale(0.87); /* -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.87, M12=0, M21=0, M22=0.87, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.87, M12=0, M21=0, M22=0.87, SizingMethod='auto expand'); */ -ms-transform: scale(0.87); transform: scale(0.87); } #solution-statemachine .solution-points-scrollable li.size-origial .content-scale { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); /* filter: none; */ transform: scale(1); } #solution-statemachine .solution-points-scrollable li div.video { display: none; position: absolute; top: 0; left: 56px; } #solution-statemachine .solution-points-scrollable li.playing .content-scale { display: none; } #solution-statemachine .solution-points-scrollable li.playing div.video { display: block; } #solution-statemachine .solution-points-scrollable li img { -moz-transition: .5s opacity ease-out; -webkit-transition: .5s opacity ease-out; } #solution-statemachine .solution-points-scrollable li.size-origial img { cursor: default; } #solution-statemachine .solution-points-scrollable #tutorial_video .content-scale img { cursor: pointer !important; } #solution-statemachine .solution-points-scrollable .caption { font-size: 14px; color: #808080; line-height: 20px; margin-top: 12px; width: 100%; } #solution-statemachine .solution-points-scrollable .scroll-items { color: #2c52a8; list-style-type: none; } #solution-statemachine #solution-samples-preview { border-bottom: 1px solid #c0c0c0; margin-bottom: 24px; overflow-y: auto; padding: 1px 0; width: 100%; } #solution-statemachine #solution-samples-preview .solution-samples-scrollable { width: 922px; height: 128px; margin: 16px 0; overflow: hidden; position: relative; float: left; } #solution-statemachine #solution-samples-preview .solution-samples-scrollable .sample-items { width: 20000em; position: absolute; } #solution-statemachine #solution-samples-preview .solution-samples-scrollable .sample-items li { float: left; margin: 0 11px 0 10px; } #solution-statemachine #solution-samples-preview .solution-samples-scrollable .sample-items img { cursor: pointer; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } #solution-statemachine #solution-samples-preview .solution-samples-scrollable .sample-items li.active img { cursor: default; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } #solution-statemachine #solution-samples-preview a.sample-item-scroll-btn { background-image: url('https://cdn-images.visual-paradigm.com/solutions/flowchart/page_arrows.png'); background-repeat: no-repeat; display: block; width: 26px; height: 53px; float: left; margin-top: 54px; cursor: pointer; } #solution-statemachine #solution-samples-preview a.disabled { visibility: hidden; } #solution-statemachine #solution-samples-preview a.sample-item-scroll-prev { background-position: left top; } #solution-statemachine #solution-samples-preview a.sample-item-scroll-next { background-position: right top; } #solution-statemachine #solution-points { font-weight: bold; list-style-type: decimal; color: #c34142; } #solution-statemachine #solution-points li { list-style-position: inside; padding-top: 72px; position: relative; width: 854px; height: 228px; margin-bottom: 36px; font-size: 18px; } #solution-statemachine #solution-points h2 { color: #c34142; display: inline; margin: 0; font-weight: bold; width: 310px; font-size: 18px; } #solution-statemachine #solution-points p { margin-top: 6px; color: #404040; font-size: 14px; font-weight: normal; line-height: 1.4; width: 310px; } #solution-statemachine #solution-points img { position: absolute; top: 0; } #solution-statemachine #solution-points #definestates img { right: 0; } #solution-statemachine #solution-points #describestates { padding-left: 538px; width: 316px } #solution-statemachine #solution-points #describestates img { left: 0; } #solution-statemachine #solution-points #drawtransitions img { right: 0; } #solution-statemachine #solution-points #definetriggers { padding-left: 538px; width: 316px } #solution-statemachine #solution-points #definetriggers img { left: 0; } #solution-statemachine #solution-points #defineconditions img { right: 0; } #solution-statemachine #solution-note p { margin-left: 316px; } #solution-statemachine #solution-links2 { border-top: 1px solid #c0c0c0; text-align: center; padding: 0 46px; } #solution-statemachine #solution-links2 li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-statemachine #solution-links2 li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-statemachine #solution-links2 li.link-tutorial a { background: url("https://cdn-images.visual-paradigm.com/solutions/resources_button.png") no-repeat 44px -38px; text-indent: 20px; } #solution-statemachine a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; margin-left: 226px; } #solution-statemachine #download-detail { margin: 36px 32px 0; } #solution-install-free .pageCenter-inner { padding: 1px 32px; width: 910px; } #solution-install-free #solution-summary { width: 910px; float: none; } #solution-install-free #solution-points h2 { color: #c34142; display: inline; margin: 0; font-weight: bold; width: 310px; font-size: 18px; } #solution-install-free .link-buy {background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-install-free .link-buy a, #solution-install-free .link-download a, #solution-install-free .link-tutorial a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } #solution-install-free #solution-links2 { border-top: 1px solid #c0c0c0; text-align: center; padding: 0 340px; } #solution-install-free #solution-links2 li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-install-free #solution-links2 li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-install-free .usevpcom { background-image: url('https://cdn-images.visual-paradigm.com/solutions/companies_gray.png'); } #solution-install-free #solution-points { margin-left: 26px; margin-top: 42px; } #solution-install-free #solution-points li { position: relative; padding-left: 378px; width: 364px; margin-bottom: 24px; } #solution-install-free #solution-points li p { color: #404040 } #solution-install-free #solution-points li img { position: absolute; top: 0; left: 0; } #solution-install-free #download-install-free { height: 160px; } #solution-install-free #download-install-free img { margin-left: 38px; } #solution-install-free #extract-install-free { height: 204px; } #solution-install-free #run-visual-paradigm { height: 234px; } #solution-install-free #solution-note p { margin-left: 300px; } #solution-5thingsyouneed .pageCenter-inner { padding: 1px 32px; width: 910px; } #solution-5thingsyouneed #solution-summary em { color: #a92b2c; font-weight: bold; font-style: normal; } #solution-5thingsyouneed #solution-resources { overflow-y: auto; margin-bottom: 54px; } #solution-5thingsyouneed #solution-links { position: absolute; top: 66px; left: 626px; } #solution-5thingsyouneed #solution-links .h1 { margin: 8px 0 10px 10px; } #solution-5thingsyouneed #panes { background: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/bg.png') no-repeat; width: 972px; height: 500px; position: relative; overflow: hidden; } #solution-5thingsyouneed #panes .point-detail { display: none; position: absolute; width: 972px; } #solution-5thingsyouneed #panes .shadow { background: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/shadow.png') no-repeat; width: 972px; height: 24px; position: absolute; left: 0; bottom: 0; } #solution-5thingsyouneed #panes .anim { -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } #solution-5thingsyouneed #panes .allumldiagrams .point-detail-part { width: 270px; height: 212px; position: absolute; overflow: hidden; } #solution-5thingsyouneed #panes .allumldiagrams .point-detail-part img { position: absolute; left: 0; top: 0; } #solution-5thingsyouneed #panes .allumldiagrams .point-detail-part .title { line-height: 36px; text-align: center; position: relative; margin-top: 176px; font-size: 18px; color: #404040; } #solution-5thingsyouneed #panes .allumldiagrams .point-detail-part .content { font-size: 16px; color: #404040; line-height: 22px; position: relative; } #solution-5thingsyouneed #panes .allumldiagrams .point-detail-part .content em { color: #c34141; font-weight: bold; font-style: normal; } #solution-5thingsyouneed #panes .allumldiagrams .usecase { left: 132px; top: 11px; } #solution-5thingsyouneed #panes .allumldiagrams .structural { left: 570px; top: 11px; } #solution-5thingsyouneed #panes .allumldiagrams .behavioral { left: 29px; top: 254px; } #solution-5thingsyouneed #panes .allumldiagrams .architectural { left: 673px; top: 254px; } #solution-5thingsyouneed #panes .allumldiagrams .logo-uml { background: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/uml_logo.png') no-repeat; width: 412px; height: 400px; top: 232px; left: 279px; position: absolute; } #solution-5thingsyouneed #panes .easypickup .point-detail-part { width: 270px; height: 240px; position: absolute; overflow: hidden; } #solution-5thingsyouneed #panes .easypickup .point-detail-part .title { line-height: 28px; text-align: center; margin-top: 150px; font-size: 18px; color: #404040; } #solution-5thingsyouneed #panes .easypickup .point-detail-part .content { font-size: 14px; color: #404040; line-height: 20px; } #solution-5thingsyouneed #panes .easypickup .point-detail-part .anim { width: 270px; height: 150px; position: absolute; top: 0; left: 0; } #solution-5thingsyouneed #panes .easypickup .point-detail-part .before { background-position: left top; z-index: 2; } #solution-5thingsyouneed #panes .easypickup .point-detail-part .after { background-position: left bottom; z-index: 1; } #solution-5thingsyouneed #panes .easypickup .resourcescentric { top: 11px; left: 132px; } #solution-5thingsyouneed #panes .easypickup .resourcescentric .anim { background-image: url("https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/resource_centric.png"); } #solution-5thingsyouneed #panes .easypickup .diagramnavigation { top: 11px; left: 570px; } #solution-5thingsyouneed #panes .easypickup .diagramnavigation .anim { background-image: url("https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/diagram_navigation.png"); } #solution-5thingsyouneed #panes .easypickup .sweeper { top: 254px; left: 11px; } #solution-5thingsyouneed #panes .easypickup .sweeper .anim { background-image: url("https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/sweeper.png"); } #solution-5thingsyouneed #panes .easypickup .layout { top: 254px; left: 673px; } #solution-5thingsyouneed #panes .easypickup .layout .anim { background-image: url("https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/layout_facilities.png"); } #solution-5thingsyouneed #panes .easypickup .logo-tool { background: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/easy_to_use_tool.png') no-repeat; width: 380px; height: 363px; top: 263px; left: 296px; position: absolute; } #solution-5thingsyouneed #panes .platforms ul { background-image: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/screenshot-platforms2.png'); background-repeat: no-repeat; height: 500px; background-position: bottom left; } #solution-5thingsyouneed #panes .platforms li { background-image: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/logo-platforms.png'); background-repeat: no-repeat; line-height: 42px; padding: 7px 28px 7px 32px; margin-right: 16px; font-size: 16px; color: #202020; float: left; text-indent: 50px; cursor: pointer; behavior: url('/script/pie3.htc'); -moz-border-radius: 28px; -webkit-border-radius: 28px; -khtml-border-radius: 28px; border-radius: 28px; } #solution-5thingsyouneed #panes .platforms li.current { background-color: #E0E0E0; } #solution-5thingsyouneed #panes .platforms li.windows { background-position: 30px 7px; margin-left: 50px; } #solution-5thingsyouneed #panes .platforms li.macosx { background-position: 30px -53px } #solution-5thingsyouneed #panes .platforms li.linux { background-position: 30px -113px } #solution-5thingsyouneed #panes .outputs .point-detail-part { width: 270px; height: 240px; position: absolute; } #solution-5thingsyouneed #panes .outputs .project2report { top: 39px; left: 29px; } #solution-5thingsyouneed #panes .outputs .diagram2image { top: 39px; left: 673px; } #solution-5thingsyouneed #panes .outputs .point-detail-part .title { line-height: 36px; text-align: center; position: relative; margin-top: 138px; font-size: 18px; color: #404040; } #solution-5thingsyouneed #panes .outputs .point-detail-part .content { font-size: 14px; color: #404040; line-height: 20px; position: relative; } #solution-5thingsyouneed #panes .outputs .point-detail-part .format-report { background-image: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/formats-report.png'); background-repeat: no-repeat; width: 110px; height: 138px; position: absolute; top: 0; opacity: 1; } #solution-5thingsyouneed #panes .outputs .default-format .format-report { left: 80px !important; opacity: 0; } #solution-5thingsyouneed #panes .outputs .point-detail-part .report-pdf { background-position: 0 0; z-index: 4; left: 80px; opacity: 1 !important; } #solution-5thingsyouneed #panes .outputs .point-detail-part .report-html { background-position: -110px 0; z-index: 3; left: 222px; } #solution-5thingsyouneed #panes .outputs .point-detail-part .report-word { background-position: -220px 0; z-index: 2; left: 364px; } #solution-5thingsyouneed #panes .outputs .point-detail-part .report-excel { background-position: -330px 0; z-index: 1; left: 506px; } #solution-5thingsyouneed #panes .outputs .point-detail-part .format-image { background-image: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/formats-image.png'); background-repeat: no-repeat; width: 110px; height: 138px; position: absolute; top: 0; opacity: 1; } #solution-5thingsyouneed #panes .outputs .default-format .format-image { left: 80px !important; opacity: 0; } #solution-5thingsyouneed #panes .outputs .point-detail-part .image-jpg { background-position: 0 0; z-index: 4; left: 80px; opacity: 1 !important; } #solution-5thingsyouneed #panes .outputs .point-detail-part .image-png { background-position: -110px 0; z-index: 3; left: -62px; } #solution-5thingsyouneed #panes .outputs .point-detail-part .image-svg { background-position: -220px 0; z-index: 2; left: -204px; } #solution-5thingsyouneed #panes .outputs .point-detail-part .image-emf { background-position: -330px 0; z-index: 1; left: -346px; } #solution-5thingsyouneed #panes .outputs .logo-output { background: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/export_arrows.png') no-repeat; width: 386px; height: 360px; top: 266px; left: 293px; position: absolute; } #solution-5thingsyouneed #panes .collaborate { background: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/team_collaboration.png') no-repeat; width: 972px; height: 500px; } #solution-5thingsyouneed #panes .collaborate .point-detail-part { position: absolute; } #solution-5thingsyouneed #panes .collaborate #projectmanager { width: 238px; height: 227px; top: 18px; left: 48px; } #solution-5thingsyouneed #panes .collaborate #programmers { width: 213px; height: 427px; top: 52px; left: 709px; } #solution-5thingsyouneed #panes .collaborate #systemanalyst { width: 238px; height: 227px; top: 258px; left: 48px; } #solution-5thingsyouneed #panes .collaborate .permission-arrow { background-image: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/team_arrows.png'); background-repeat: no-repeat; width: 142px; height: 165px; opacity: 0.1; position: absolute; } #solution-5thingsyouneed #panes .collaborate .permission-arrow-projectmanager { background-position: top left; left: 257px; top: 79px; } #solution-5thingsyouneed #panes .collaborate-projectmanager .permission-arrow-projectmanager { opacity: 1; } #solution-5thingsyouneed #panes .collaborate .permission-arrow-programmers { background-position: top center; left: 589px; top: 175px; } #solution-5thingsyouneed #panes .collaborate-programmers .permission-arrow-programmers { opacity: 1; } #solution-5thingsyouneed #panes .collaborate .permission-arrow-systemanalyst { background-position: top right; left: 257px; top: 271px; } #solution-5thingsyouneed #panes .collaborate-systemanalyst .permission-arrow-systemanalyst { opacity: 1; } #solution-5thingsyouneed #panes .collaborate .access-area { background-image: url('https://cdn-images.visual-paradigm.com/solutions/5thingsyouneed/team_access.png'); background-repeat: no-repeat; width: 270px; height: 180px; position: absolute; top: 164px; left: 351px; opacity: 0; display: none; } #solution-5thingsyouneed #panes .collaborate-projectmanager .access-area-projectmanager { display: block; opacity: 1; background-position: top left; } #solution-5thingsyouneed #panes .collaborate-programmers .access-area-programmers { display: block; opacity: 1; background-position: top center; } #solution-5thingsyouneed #panes .collaborate-systemanalyst .access-area-systemanalyst { display: block; opacity: 1; background-position: top right; } #solution-5thingsyouneed #solution-points { padding: 0 1px; width: 974px; margin-top: 0; } #solution-5thingsyouneed #solution-points li { width: 170px; float: left; background-color: #f0f0f0; border-right: 1px solid #d0d0d0; padding: 24px 12px; cursor: pointer; border-bottom: 1px solid #d0d0d0; } #solution-5thingsyouneed #solution-points li.current { background-color: #e0e0e0; } #solution-5thingsyouneed #solution-points li.point2 { width: 169px; } #solution-5thingsyouneed #solution-points li.point5 { border-right: none; } #solution-5thingsyouneed #solution-points p.point { float: left; color: #c34141; font-size: 24px; font-weight: bold; width: 22px; } #solution-5thingsyouneed #solution-points h2 { font-size: 16px; font-weight: bold; color: #707070; height: 46px; } #solution-5thingsyouneed #solution-points .content { color: #606060; padding-left: 22px; height: 48px; } #solution-5thingsyouneed .contentNote { font-weight: normal; display: block; text-align: left; margin-top: 6px; } #solution-5thingsyouneed #solution-links a { display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; -moz-text-shadow: 0 1px 2px #000000; -webkit-text-shadow: 0 1px 2px #000000; -khtml-text-shadow: 0 1px 2px #000000; } #solution-5thingsyouneed .link-product { text-indent: -9999px; background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } #solution-5thingsyouneed .link-product a { height: 48px; width: 196px; } #solution-5thingsyouneed .link-download { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; } #solution-5thingsyouneed .link-buy {background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-5thingsyouneed .link-buy a, #solution-5thingsyouneed .link-download a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } #solution-5thingsyouneed .hr1 { height: 12px; margin-bottom: 0; } #solution-5thingsyouneed #solution-note p { margin-left: 316px; } #solution-5thingsyouneed #solution-links2 { border-top: 1px solid #c0c0c0; text-align: center; padding: 0 194px; } #solution-5thingsyouneed #solution-links2 li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-5thingsyouneed #solution-links2 li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-5thingsyouneed a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; margin-left: 226px; } #solution-5thingsyouneed #download-detail { margin: 36px 32px 0; } #solution-simulateprocesses .pageCenter-inner { padding: 1px 32px; width: 910px; } #solution-simulateprocesses #solution-summary em { color: #2c52a8; font-weight: bold; font-style: normal; } #solution-simulateprocesses #solution-resources { overflow-y: auto; margin-bottom: 54px; } #solution-simulateprocesses #solution-links { position: absolute; top: 66px; left: 626px; } #solution-simulateprocesses #solution-links .h1 { margin: 8px 0 10px 10px; } #solution-simulateprocesses .contentNote { font-weight: normal; display: block; text-align: left; margin-top: 6px; } #solution-simulateprocesses #solution-links a { display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; -moz-text-shadow: 0 1px 2px #000000; -webkit-text-shadow: 0 1px 2px #000000; -khtml-text-shadow: 0 1px 2px #000000; } #solution-simulateprocesses .link-product { text-indent: -9999px; background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } #solution-simulateprocesses .link-product a { height: 48px; width: 196px; } #solution-simulateprocesses .link-download, #solution-simulateprocesses .link-tutorial { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; } #solution-simulateprocesses .link-buy {background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-simulateprocesses .link-buy a, #solution-simulateprocesses .link-download a, #solution-simulateprocesses .link-tutorial a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } #solution-simulateprocesses .hr1 { height: 12px; margin-bottom: 0; } #solution-simulateprocesses #solution-samples { padding: 24px 86px 0; background: url('https://cdn-images.visual-paradigm.com/solutions/flowchart/show_bg.png') no-repeat 0 24px; overflow: hidden; } #solution-simulateprocesses .solution-points-scrollable { width: 800px; height: 464px; padding: 36px 0 0; overflow: visible; } #solution-simulateprocesses .solution-points-scrollable img { position: relative; right: 0; cursor: pointer; /* behavior: url('/script/iepngfix.htc'); */ } #solution-simulateprocesses .solution-points-scrollable li { width: 800px; height: 440px; text-align: center; } #solution-simulateprocesses .solution-points-scrollable li .content-scale { -webkit-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; -webkit-transform-origin-x: 50%; -webkit-transform-origin-y: 50%; -webkit-transform-origin-z: 50%; -webkit-transform: scale3d(0.87, 0.87, 0.87); -webkit-transition: -webkit-transform 0.3s linear; -moz-transform: scale(0.87); -moz-transition: -moz-transform 0.3s linear 0s; -o-transform: scale(0.87); /* -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.87, M12=0, M21=0, M22=0.87, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.87, M12=0, M21=0, M22=0.87, SizingMethod='auto expand'); */ -ms-transform: scale(0.87); transform: scale(0.87); } #solution-simulateprocesses .solution-points-scrollable li.size-origial .content-scale { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); /* filter: none; */ transform: scale(1); } #solution-simulateprocesses .solution-points-scrollable li div.video { display: none; position: absolute; top: 0; left: 56px; } #solution-simulateprocesses .solution-points-scrollable li.playing .content-scale { display: none; } #solution-simulateprocesses .solution-points-scrollable li.playing div.video { display: block; } #solution-simulateprocesses .solution-points-scrollable li img { -moz-transition: .5s opacity ease-out; -webkit-transition: .5s opacity ease-out; } #solution-simulateprocesses .solution-points-scrollable li.size-origial img { cursor: default; } #solution-simulateprocesses .solution-points-scrollable #tutorial_video .content-scale img { cursor: pointer !important; } #solution-simulateprocesses .solution-points-scrollable .caption { font-size: 14px; color: #808080; line-height: 20px; margin-top: 12px; width: 100%; } #solution-simulateprocesses .solution-points-scrollable .scroll-items { color: #2c52a8; list-style-type: none; } #solution-simulateprocesses #solution-samples-preview { border-bottom: 1px solid #c0c0c0; overflow-y: auto; padding: 1px 0; width: 100%; margin-bottom: 2px; } #solution-simulateprocesses #solution-samples-preview .solution-samples-scrollable { width: 922px; height: 128px; margin: 16px 0; overflow: hidden; position: relative; float: left; } #solution-simulateprocesses #solution-samples-preview .solution-samples-scrollable .sample-items { width: 20000em; position: absolute; } #solution-simulateprocesses #solution-samples-preview .solution-samples-scrollable .sample-items li { float: left; margin: 0 11px 0 10px; } #solution-simulateprocesses #solution-samples-preview .solution-samples-scrollable .sample-items img { cursor: pointer; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } #solution-simulateprocesses #solution-samples-preview .solution-samples-scrollable .sample-items li.active img { cursor: default; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } #solution-simulateprocesses #solution-samples-preview a.sample-item-scroll-btn { background-image: url('https://cdn-images.visual-paradigm.com/solutions/flowchart/page_arrows.png'); background-repeat: no-repeat; display: block; width: 26px; height: 53px; float: left; margin-top: 54px; cursor: pointer; } #solution-simulateprocesses #solution-samples-preview a.disabled { visibility: hidden; } #solution-simulateprocesses #solution-samples-preview a.sample-item-scroll-prev { background-position: left top; } #solution-simulateprocesses #solution-samples-preview a.sample-item-scroll-next { background-position: right top; } #solution-simulateprocesses #solution-points { font-weight: bold; _list-style-type: decimal; color: #2C52A8; counter-reset: item; padding-bottom: 8px; } #solution-simulateprocesses #solution-points li { list-style-position: inside; width: 854px; margin-bottom: 36px; margin-top: 46px; } #solution-simulateprocesses #solution-points li:before { content: "Step " counter(item, decimal) " - "; counter-increment: item; } #solution-simulateprocesses #solution-points h2 { color: #2c52a8; display: inline; margin: 0; font-weight: bold; } #solution-simulateprocesses #solution-points p { margin-top: 8px; margin-bottom: 13px; color: #404040; font-size: 14px; font-weight: normal; line-height: 1.4; } #solution-simulateprocesses #solution-note p { margin-left: 316px; } #solution-simulateprocesses #solution-links2 { border-top: 1px solid #c0c0c0; text-align: center; padding: 0 46px; } #solution-simulateprocesses #solution-links2 li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-simulateprocesses #solution-links2 li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-simulateprocesses #solution-links2 li.link-tutorial a { background: url("https://cdn-images.visual-paradigm.com/solutions/resources_button.png") no-repeat 44px -38px; text-indent: 20px; } #solution-simulateprocesses a.learn { font-size: 20px; font-weight: bold; margin-left: 297px; } #solution-simulateprocesses #download-detail { margin: 36px 32px 0; } .solutions-page-topic .hr-top { background: url('https://cdn-images.visual-paradigm.com/solutions/hor-line.png') no-repeat top center; } #solution-wireframing-tool .pageCenter-inner { padding: 1px 32px 0; width: 910px; } #solution-wireframing-tool #solution-summary { float: none; width: 100%; } #solution-wireframing-tool .hr1 { height: 12px; margin-bottom: 0; } #solution-wireframing-tool .link-button a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 267px; line-height: 40px; } #solution-wireframing-tool #solution-note p { margin-left: 316px; } #solution-wireframing-tool #solution-links { border-top: 1px solid #c0c0c0; text-align: center; padding: 0 342px; } #solution-wireframing-tool #solution-links li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-wireframing-tool #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-wireframing-tool #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-wireframing-tool a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; display: block; text-align: center; } #solution-wireframing-tool #download-detail { margin: 36px 32px 0; } #solution-wireframing-tool h2 { font-size: 36px; line-height: 44px; font-weight: bold; padding: 34px 0 6px; clear: both; } #solution-wireframing-tool .content2 { font-size: 16px; line-height: 1.4 } #solution-wireframing-tool h3 { font-size: 24px; line-height: 44px; font-weight: bold; color: #2A4FAB; margin: 36px 0 12px; } #solution-wireframing-tool #solution-steps .content2 { margin-bottom: 16px; } .solutions-page-topic .hr-top { background: url('https://cdn-images.visual-paradigm.com/solutions/hor-line.png') no-repeat top center; } #solution-desktop-or-web-based-modeling-tool .pageCenter-inner { padding: 1px 32px 0; width: 910px; } #solution-desktop-or-web-based-modeling-tool #solution-summary { float: none; width: 100%; } #solution-desktop-or-web-based-modeling-tool .hr1 { height: 12px; margin-bottom: 0; } #solution-desktop-or-web-based-modeling-tool .link-button a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 267px; line-height: 40px; } #solution-desktop-or-web-based-modeling-tool #solution-note p { margin-left: 316px; } #solution-desktop-or-web-based-modeling-tool #solution-links { border-top: 1px solid #c0c0c0; text-align: center; padding: 0 342px; } #solution-desktop-or-web-based-modeling-tool #solution-links li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-desktop-or-web-based-modeling-tool #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-desktop-or-web-based-modeling-tool #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-desktop-or-web-based-modeling-tool a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; display: block; text-align: center; } #solution-desktop-or-web-based-modeling-tool #download-detail { margin: 36px 32px 0; } #solution-desktop-or-web-based-modeling-tool h2 { font-size: 36px; line-height: 44px; font-weight: bold; padding: 34px 0 6px; clear: both; } #solution-desktop-or-web-based-modeling-tool .content2 { font-size: 16px; line-height: 1.4 } #solution-desktop-or-web-based-modeling-tool h3 { font-size: 24px; line-height: 44px; font-weight: bold; color: #2A4FAB; margin: 36px 0 12px; } #solution-desktop-or-web-based-modeling-tool #solution-steps .content2 { margin-bottom: 16px; } #solution-aws-diagram-plugin .pageCenter-inner { padding: 1px 32px 0; width: 910px; } #solution-aws-diagram-plugin #solution-summary { float: none; width: 100%; } #solution-aws-diagram-plugin .hr1 { height: 12px; margin-bottom: 0; } #solution-aws-diagram-plugin .link-button a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 267px; line-height: 40px; } #solution-aws-diagram-plugin #solution-note p { margin-left: 316px; } #solution-aws-diagram-plugin #solution-links { text-align: center; padding: 0 342px; } #solution-aws-diagram-plugin #solution-links li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-aws-diagram-plugin #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-aws-diagram-plugin #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-aws-diagram-plugin a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; display: block; text-align: center; } #solution-aws-diagram-plugin #download-detail { margin: 36px 32px 0; } #solution-aws-diagram-plugin h2 { font-size: 36px; line-height: 44px; font-weight: bold; padding: 22px 0 6px; clear: both; float: right; width: 650px; } #solution-aws-diagram-plugin #solution-steps { margin: 10px 0 40px; } #solution-aws-diagram-plugin #solution-steps .content2 { margin-bottom: 16px; float: right; width: 650px; } #solution-aws-diagram-plugin #solution-steps img { margin-top: 30px; } #solution-aws-diagram-plugin .content2 { font-size: 16px; line-height: 1.4 } #solution-aws-diagram-plugin h3 { font-size: 36px; line-height: 44px; font-weight: bold; margin: 22px 0 6px; } #solution-aws-diagram-plugin .solution-points { position: relative; } #solution-aws-diagram-plugin .solution-points-scrollable { position:relative; overflow:hidden; width: 974px; height: 590px; z-index: 9; } #solution-aws-diagram-plugin .solution-points-items { width:20000em; position:absolute; } #solution-aws-diagram-plugin .solution-points-items li { float: left; width: 827px; padding: 0 74px; } #solution-aws-diagram-plugin .solution-points a.arrow { background-repeat: no-repeat; width: 20px; height: 60px; cursor: pointer; position: absolute; top: 240px; z-index: 10; } #solution-aws-diagram-plugin .solution-points a.arrow:hover { background-position: left bottom; } #solution-aws-diagram-plugin .solution-points a.disabled { display: none; } #solution-aws-diagram-plugin .solution-points a.prev { background-image: url('https://cdn-images.visual-paradigm.com/solutions/left_arrow.png'); left: 0; } #solution-aws-diagram-plugin .solution-points a.next { background-image: url('https://cdn-images.visual-paradigm.com/solutions/right_arrow.png'); right: 0; } #solution-aws-diagram-plugin .content2 ol li { padding-left: 16px; } #solution-storyboard-ux .pageCenter-inner { padding: 1px 35px 0; width: 910px; } #solution-storyboard-ux #solution-summary { float: none; width: 100%; } #solution-storyboard-ux .hr1 { height: 12px; margin-bottom: 0; } #solution-storyboard-ux .link-button a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 267px; line-height: 40px; } #solution-storyboard-ux #solution-note p { margin-left: 316px; } #solution-storyboard-ux #solution-links { text-align: center; padding: 26px 342px 0; } #solution-storyboard-ux #solution-links li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-storyboard-ux #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-storyboard-ux #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-storyboard-ux a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; display: block; text-align: center; } #solution-storyboard-ux #download-detail { margin: 36px 32px 0; } #solution-storyboard-ux h2 { font-size: 36px; line-height: 44px; font-weight: bold; padding: 22px 0 6px; clear: both; } #solution-storyboard-ux .content2 { font-size: 16px; line-height: 1.4 } #solution-storyboard-ux h3 { font-size: 36px; line-height: 44px; font-weight: bold; margin: 22px 0 6px; } #solution-storyboard-ux .content2 ol li { padding-left: 16px; } #solution-storyboard-ux .action-button { line-height: 40px; text-align: center; background-color: #28be5b; border: 1px solid #9b9b9b; font-size: 18px; display: block; color: white; } #solution-process-map .pageCenter-inner { padding: 1px 35px 0; width: 910px; } #solution-process-map #solution-summary { float: none; width: 100%; } #solution-process-map .hr1 { height: 12px; margin-bottom: 0; } #solution-process-map .link-button a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 267px; line-height: 40px; } #solution-process-map #solution-note p { margin-left: 316px; } #solution-process-map #solution-links { text-align: center; padding: 26px 342px 0; } #solution-process-map #solution-links li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-process-map #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-process-map #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-process-map a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; display: block; text-align: center; } #solution-process-map #download-detail { margin: 36px 32px 0; } #solution-process-map h2 { font-size: 36px; line-height: 44px; font-weight: bold; padding: 22px 0 6px; clear: both; } #solution-process-map .content2 { font-size: 16px; line-height: 1.4 } #solution-process-map h3 { font-size: 36px; line-height: 44px; font-weight: bold; margin: 44px 0 6px; } #solution-process-map .content2 ol li { padding-left: 16px; } #solution-flowchart-made-easy .pageCenter-inner { padding: 1px 35px 0; width: 910px; } #solution-flowchart-made-easy #solution-summary { float: none; width: 100%; } #solution-flowchart-made-easy .hr1 { height: 12px; margin-bottom: 0; } #solution-flowchart-made-easy .link-button a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 267px; line-height: 40px; } #solution-flowchart-made-easy #solution-note p { margin-left: 316px; } #solution-flowchart-made-easy #solution-links { text-align: center; padding: 26px 342px 0; } #solution-flowchart-made-easy #solution-links li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-flowchart-made-easy #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-flowchart-made-easy #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-flowchart-made-easy a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; display: block; text-align: center; } #solution-flowchart-made-easy #download-detail { margin: 36px 32px 0; } #solution-flowchart-made-easy h2 { font-size: 36px; line-height: 44px; font-weight: bold; padding: 22px 0 6px; clear: both; } #solution-flowchart-made-easy .content2 { font-size: 16px; line-height: 1.4 } #solution-flowchart-made-easy h3 { font-size: 36px; line-height: 44px; font-weight: bold; margin: 44px 0 6px; } #solution-flowchart-made-easy .content2 ol li { padding-left: 16px; } .webinar-block-solution { position: relative; background: url('https://cdn-images.visual-paradigm.com/about/webinar/solution_btn_webinar_bg.png') no-repeat #4A666E; width: 331px; height: 113px; font-weight: bold; text-align: center; text-shadow: 0 0 4px #000000; display: block; } .webinar-block-solution ol.webinar-points { position: absolute; left: 10px; top: 12px; } .webinar-block-solution .webinar-title { font-size: 16px; color: #FFFFFF; padding-top: 10px; line-height: 19px; margin: 0 25px; } .webinar-block-solution .webinar-glossary .webinar-title { font-size: 14px; } .webinar-block-solution .webinar-date { font-size: 14px; color: #dddddd; margin: 6px 0 14px; line-height: 16px; } .webinar-block-solution .register-now { font-size: 16px; text-shadow: none; padding-left: 4px } li.bpva-10-reasons { background: url('https://cdn-images.visual-paradigm.com/solutions/10_reasons_bpva.png') no-repeat; width: 324px; height: 60px; position: relative; margin: 10px 0 0 6px; } li.bpva-10-reasons .title { text-decoration: none; position: absolute; top: 12px; left: 54px; font-size: 18px; font-weight: bold; color: #404040; } li.bpva-10-reasons .more { padding-top: 42px; text-align: right; padding-right: 14px; display: block; font-size: 12px; } .vpository-promotion-block { text-align: center; margin: 16px 0; } .vpository-promotion-block .vpository-promotion-bottom { display: none; } .vpository-promotion-block .tooltip { display: none; background: url("https://cdn-images.visual-paradigm.com/solutions/vpository_popup2.png") no-repeat; width: 590px; height: 54px; padding-top: 175px; cursor: pointer; color: #78D9FF; font-size: 14px; } .vpository-promotion-block-left { float: left; width: 370px; margin: 16px 0 97px; } .vpository-promotion-block-left .vpository-promotion-bottom { display: block; clear: both; } .vpository-promotion-block-right { float: right; width: 300px; margin: 16px 33px; } .vpository-promotion-block-right .vpository-promotion-bottom { display: block; clear: both; } #solution-wireframe-tool #solution-title { font-size: 36px; line-height: 44px; color: #202020; margin-top: 40px; } #solution-wireframe-tool h2 { font-size: 24px; color: #3d7c19; margin-bottom: 6px; } #solution-wireframe-tool #features-pri { margin: 0 29px; overflow: auto; } #solution-wireframe-tool #features-pri li { width: 394px; margin: 0 32px; float: left; } #solution-wireframe-tool #features-pri p { font-size: 16px; color: #404040; line-height: 22px; } #solution-wireframe-tool #solution-links1 { background-color: #f0f0f0; margin: 36px 61px 48px; clear: both; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; overflow: auto; } #solution-wireframe-tool #features-sec { margin: 0 29px; overflow: auto; } #solution-wireframe-tool #features-sec li { margin: 0 32px 64px; overflow: auto; } #solution-wireframe-tool #features-sec .desc { width: 302px; float: left; margin-right: 48px;} #solution-wireframe-tool #features-sec p { font-size: 16px; color: #404040; line-height: 22px; } #solution-wireframe-tool #features-sec img { float: right; } #solution-wireframe-tool .contentPoint { margin: 0 51px 64px; font-size: 14px; color: #404040; } #solution-wireframe-tool .solution-links li { float: left; } #solution-wireframe-tool .link-download a, #solution-wireframe-tool .link-buy a { display: block; text-shadow: 0 1px 2px #000000; color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 40px; text-decoration: none; width: 269px; text-align: center; } #solution-wireframe-tool .link-product { background: url('https://cdn-images.visual-paradigm.com/solutions/wireframeux/vp_logo.png') no-repeat; width: 147px; margin: 24px 30px 24px 28px; } #solution-wireframe-tool .link-product a .notranslate { text-indent: -9999px; display: block; height: 36px; } #solution-wireframe-tool .link-download { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; height: 40px; width: 270px; margin: 24px 25px; } #solution-wireframe-tool .link-buy { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; width: 270px; margin: 24px 25px; } #solution-wireframe-tool .vpository-promotion-block-left { float: none; margin: 0; width: 160px; } #solution-wireframe-tool .vpository-promotion-block-left .popup-link { font-size: 14px; text-align: left; display: block; } #solution-wireframe-tool #solution-links2 { border-top: 1px solid #c0c0c0; text-align: center; padding: 0 192px; overflow: auto; } #solution-wireframe-tool #solution-links2 li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-wireframe-tool #solution-links2 li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-wireframe-tool a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; margin-left: 226px; } #solution-wireframe-tool #download-detail { margin: 36px 32px 0; } #solution-wireframe-tool .vpository-promotion-block .popup-link { font-size: 14px; margin-top: 8px; } #solution-wireframe-tool #wireframe-preview { width: 800px; height: 600px; margin: 24px auto 0; display: block; } #solution-wireframe-tool .gallery { position: relative; height: 600px; margin-top: 24px; } #solution-wireframe-tool .gallery .figure { position: absolute; opacity: 0; top: 0; right: 0; width: 100%; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } #solution-wireframe-tool .gallery .figure.current { opacity: 1; } #solution-wireframe-tool .gallery .figure img { width: 800px; height: 600px; margin: 0 auto; display: block; } #solution-wireframe-tool .nav { width: 840px; margin: 16px auto 36px; overflow-y: auto; } #solution-wireframe-tool .nav a { width: 138px; border: 1px solid #FFFFFF; line-height: 44px; font-size: 14px; float: left; text-align: center; cursor: pointer; text-decoration: none; } #solution-wireframe-tool .nav a.selected { color: #ffffff; line-height: 42px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border: 1px solid #cc3333; background-color: #cc6969; cursor: default; } #solution-wireframe-tool .video-block { text-align: center; margin-bottom: 48px; } #solution-wireframe-tool .popup-video-link { font-size: 24px; color: #000000; line-height: 24px; padding-right: 40px; background: url('https://cdn-images.visual-paradigm.com/solutions/wireframeux/youtube_icon.png') no-repeat center right; } #solution-wireframe-tool .tooltipLinks { width: 852px; margin: 0 auto 64px; overflow-y: auto; padding: 24px 0; background-color: #F0F0F0; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } #solution-wireframe-tool .tooltipLinks > li { float: left; width: 260px; margin-left: 24px; } #solution-wireframe-tool .tooltipLinks h3 { font-size: 18px; color: #404040; margin: 0; } #solution-wireframe-tool .tooltipLinks ul > li { margin-top: 6px; } #solution-wireframe-tool .tooltipLinks ul > li a { display: block; background: url('https://cdn-images.visual-paradigm.com/solutions/wireframeux/youtube_bullet_point.png') no-repeat center left; padding-left: 15px; font-size: 14px; } #solution-requirements-gathering .pageCenter-inner { padding: 1px 0; border-bottom: 1px solid #c0c0c0; } #solution-requirements-gathering #solution-title { text-align: left; font-size: 36px; line-height: 44px; margin-left: 32px; } #solution-requirements-gathering #solution-summary { margin: 12px 0 68px 32px; float: none; width: 550px; font-size: 16px; line-height: 22px; } #solution-requirements-gathering #solution-summary em { color: #a92b2c; font-weight: bold; font-style: normal; } #solution-requirements-gathering #solution-resources { overflow-y: auto; margin-bottom: 72px; } #solution-requirements-gathering #solution-links { position: absolute; top: 66px; left: 614px; } #solution-requirements-gathering #solution-links .h1 { margin: 8px 0 10px 4px; font-size: 16px; line-height: 18px; } #solution-requirements-gathering .contentNote { font-weight: normal; display: block; text-align: left; margin-top: 6px; } #solution-requirements-gathering .vpository-promotion-block { float: none; margin: 16px 0; width: auto; font-size: 14px; } #solution-requirements-gathering #solution-links li a { display: block; margin-bottom: 6px; text-shadow: 0 1px 2px #000000; -moz-text-shadow: 0 1px 2px #000000; -webkit-text-shadow: 0 1px 2px #000000; -khtml-text-shadow: 0 1px 2px #000000; text-align: center; } #solution-requirements-gathering .link-product { text-indent: -9999px; background: url('https://cdn-images.visual-paradigm.com/solutions/visual_paradigm_logo.png') no-repeat; } #solution-requirements-gathering .link-product a { height: 48px; width: 196px; } #solution-requirements-gathering .link-download, #solution-requirements-gathering .link-tutorial { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; } #solution-requirements-gathering .link-buy {background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-requirements-gathering .link-buy a, #solution-requirements-gathering .link-download a, #solution-requirements-gathering .link-tutorial a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } #solution-requirements-gathering .hr1 { height: 12px; margin-bottom: 0; } aaaa#solution-requirements-gathering #features { border-width: 1px; border-style: solid none; border-color: #c0c0c0; } #solution-requirements-gathering #features li { padding: 64px 31px; border-bottom: 1px solid #c0c0c0; overflow: auto; } #solution-requirements-gathering #features .feature-half { width: 424px; float: left; } #solution-requirements-gathering #features .feature-half h2 { height: 56px; } #solution-requirements-gathering #features .feature-half p { margin-top: 8px; height: 110px; } #solution-requirements-gathering #features div { float: left; width: 336px; margin-right: 64px; } #solution-requirements-gathering #features h2 { font-size: 24px; color: #202020; margin-bottom: 9px; } #solution-requirements-gathering #features p { font-size: 16px; color: #404040; line-height: 22px; } #solution-requirements-gathering #features #feature-half { width: 424px; float: left; } #solution-requirements-gathering #solution-links2 { text-align: center; padding: 0 194px; } #solution-requirements-gathering #solution-links2 li { float: left; margin: 24px 12px 42px; height: 40px; } #solution-requirements-gathering #solution-links2 li a { display: block; text-shadow: 0 1px 2px #000000; } #solution-requirements-gathering #solution-links2 li.link-tutorial a { background: url("https://cdn-images.visual-paradigm.com/solutions/resources_button.png") no-repeat 44px -38px; text-indent: 20px; } #solution-requirements-gathering a.learn { color: #a92b2c; font-size: 20px; font-weight: bold; margin-left: 226px; } #solution-requirements-gathering #download-detail { margin: 36px 32px 0; } .page-center { width: 974px; padding: 22px 0 0; margin: 20px 37px; background-color: #ffffff; border: 1px solid #a0a0a0; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 1px 2px #606060; -webkit-box-shadow: 0px 1px 2px #606060; box-shadow: 0px 1px 2px #606060; } .page-center #solution-points { margin-right: 0; } .page-center .solution-points-list { margin-left: 16px; } .page-center .vpository-promotion-block-left { width: 367px; } #solution-bpmn-tools .link-buy { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-bpmn-uml .link-buy { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-comprehensive-uml-tools .link-buy { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } #solution-comprehensive-uml-tools .solution-points-list { margin-left: 14px; } #solution-comprehensive-uml-tools #bpmn-designer a .solutionPointImg { margin-left: 0; } .solutions-template-9 #solution-links { text-align: center; padding: 0 180px; margin: 12px auto 20px; } .solutions-template-9 #solution-links li { float: left; margin: 0 15px 42px; height: 40px; } .solutions-template-9 #solution-links li a { display: block; text-shadow: 0 1px 2px #000000; } .solutions-template-9 .link-download { background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat; } .solutions-template-9 .link-buy {background: url('https://cdn-images.visual-paradigm.com/solutions/vpuml_buttons.png') no-repeat 0 -40px; } .solutions-template-9 .link-buy a, .solutions-template-9 .link-download a { font-size: 18px; font-weight: bold; color: white; text-decoration: none; width: 269px; line-height: 40px; } .solutions-template-9 #solution-used { width: 910px; padding: 1px 32px; } .solutions-template-9 #solution-note { padding: 18px 0; height: 24px; } .solutions-template-9 #solution-note p { margin-left: 316px; } #solution-10-tips-to-effective-business-process-capturing #solution-title { font-family: 'Raleway'; margin: 40px 85px 36px; font-size: 48px; color: #606060; line-height: normal; } #solution-10-tips-to-effective-business-process-capturing .solution-items-list { margin: 64px; } #solution-10-tips-to-effective-business-process-capturing .solution-item { margin-top: 64px; } #solution-10-tips-to-effective-business-process-capturing .solution-item .solution-item-title { font-family: 'Raleway'; font-size: 32px; color: #0089DD; text-align: left; } #solution-10-tips-to-effective-business-process-capturing .solution-item .solution-item-block { text-align: left; font-size: 16px; color: #404040; line-height: 1.5; margin-top: 16px; } #solution-10-tips-to-effective-business-process-capturing .solution-item .solution-item-block .right-image { margin-left: 16px; margin-bottom: 16px; } #solution-10-tips-to-effective-business-process-capturing .solution-item .solution-item-block-left { float: left; width: 358px; } #solution-10-tips-to-effective-business-process-capturing .solution-item .solution-item-block-right { float: right; width: 424px; } #solution-10-tips-to-effective-business-process-capturing #nickname-selection { float: right; } #solution-10-tips-to-effective-business-process-capturing #nickname-illus { float: right; background: url('https://cdn-images.visual-paradigm.com/solutions/10-tips-to-effective-business-process-capturing/nicename_illu.jpg') no-repeat; width: 332px; height: 240px; } .solutions-page-type2-old .vpe { text-indent: -9999px; overflow: hidden; width: 296px; height: 232px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_a.png') no-repeat; display: block; margin: 20px auto 0; } #solution-capturerequirements .vpe, #solution-writeusecase .vpe { text-indent: -9999px; overflow: hidden; width: 364px; height: 78px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_b.png') no-repeat; display: block; margin: 20px auto 0; } #solution-capturerequirements .vpe { margin-top: 36px; } #solution-drawdfd .vpe { text-indent: -9999px; overflow: hidden; width: 214px; height: 81px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_c1.png') no-repeat; display: block; margin: 8px 62px 0; } .solutions-page-type3 .vpe { text-indent: -9999px; overflow: hidden; width: 214px; height: 81px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_c2.png') no-repeat; display: block; margin: 12px 76px 0; float: left; } .solutions-page-type2-v1 .vpe { text-indent: -9999px; overflow: hidden; width: 214px; height: 81px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_c1.png') no-repeat; display: block; margin: 0 auto; } #solution-hibernate .vpe, #solution-importvisiouml .vpe { text-indent: -9999px; overflow: hidden; width: 214px; height: 81px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_c2.png') no-repeat; display: block; margin: 12px 76px 0; } #solution-expressumltool .vpe { text-indent: -9999px; overflow: hidden; width: 214px; height: 81px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_c1.png') no-repeat; display: block; margin-top: 182px; position: absolute; } #solution-freeumldesigntool .vpe { text-indent: -9999px; overflow: hidden; width: 214px; height: 81px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_c2.png') no-repeat; display: block; margin: 12px auto 0; } #solution-5thingsyouneed .vpe, #solution-wireframe-tool .vpe, #solution-use-case-tool .vpe, #solution-task-management-software .vpe, #solution-erd-tool .vpe, #solution-wireframe-tool-for-desktop-application-design .vpe, #solution-statemachine .vpe, #solution-sysml-modeling-tools .vpe, #solution-aws-diagram-plugin .vpe { text-indent: -9999px; overflow: hidden; width: 547px; height: 86px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_d1.png') no-repeat; display: block; margin: 12px auto 0; } #solution-importrationalrose .vpe, #solution-business-process-software-for-mac .vpe, #solution-agile-uml-diagram-tool .vpe, #solution-wireframe-tool-for-iphone-apps-design .vpe, #solution-wireframe-tool-for-website-design .vpe, #solution-simulateprocesses .vpe, #solution-storyboard-ux .vpe { text-indent: -9999px; overflow: hidden; width: 547px; height: 86px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_d2.png') no-repeat; display: block; margin: 12px auto 0; } #solution-sequencediagram .vpe, #solution-sequencediagramformac .vpe, #solution-uml-sequence-diagram-tool .vpe, #solution-end-to-end-hibernate-tool .vpe, #solution-wireframe-tool-for-android-apps-design .vpe, #solution-10-tips-to-effective-business-process-capturing .vpe, #solution-install-free .vpe, #solution-process-map .vpe { text-indent: -9999px; overflow: hidden; width: 547px; height: 86px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_d3.png') no-repeat; display: block; margin: 12px auto 0; } #solution-best-er-diagram-tool .vpe, #solution-requirements-capturing-tool .vpe, #solution-uml-tool-for-eclipse .vpe, #solution-database-design-tool-for-database-developers .vpe, #solution-flowchart .vpe, #solution-requirements-gathering .vpe, #solution-wireframing-tool .vpe, #solution-flowchart-made-easy .vpe { text-indent: -9999px; overflow: hidden; width: 547px; height: 86px; background: url('https://cdn-images.visual-paradigm.com/solutions/vpe_d4.png') no-repeat; display: block; margin: 12px auto 0; } #solution-sysml-modeling-tools .main-desc { width: 578px !important; } #solution-rest-api-design-tool { padding: 56px 3px 4px; font-family: 'Open Sans', sans-serif; color: #505050; } #solution-rest-api-design-tool .solution-header-block { background: url('https://cdn-images.visual-paradigm.com/solutions/rest-api-design-tool/header.png') no-repeat; height: 283px; width: 974px; } #solution-rest-api-design-tool .solution-header-block #solution-title { padding-top: 123px; font-weight: bold; color: #505050; font-size: 36px; } #solution-rest-api-design-tool .solution-header-block .solution-header-desc { font-size: 18px; } #solution-rest-api-design-tool .solution-item { padding: 30px 0 20px; } #solution-rest-api-design-tool .solution-item .solution-item-title { font-size: 30px; text-align: center; } #solution-rest-api-design-tool .solution-item .solution-item-desc { font-size: 16px; text-align: center; width: 700px; margin: 0 auto; } #solution-rest-api-design-tool .solution-item .solution-item-image { margin-top: 20px; } #solution-rest-api-design-tool .solution-item2 { background-color: #EBEBEB; } #solution-rest-api-design-tool .solution-item .border-image { border-radius: 6px; border: 5px solid #11C5B8; } #solution-rest-api-design-tool .solution-item .border-image-title { font-weight: 700; color: #000000; font-size: 18px; line-height: 24px; margin-top: 8px; } #solution-rest-api-design-tool .solution-item .border-image-desc { line-height: 24px; } #solution-rest-api-design-tool .buy-link { display: block; width: 170px; height: 107px; padding-top: 63px; border-radius: 50%; background-color: #26C4B7; box-shadow: 0 3px 0 0 rgba(13, 128, 118, 0.74); color: #FFFFFF; font-weight: 700; font-size: 24px; } #solution-rest-api-design-tool .buy-link:hover { text-decoration: none; } #solution-rest-api-design-tool .buy-link .buy-link-desc { font-size: 14px; } #solution-rest-api-design-tool .download-link { text-align: center; text-decoration: underline; font-size: 30px; line-height: 24px; font-weight: 400; color: #505050; margin-top: 35px; display: block; } #solution-rest-api-design-tool .solution-item .remark { font-size: 12px; float: right; margin-top: 20px; } #solution-rest-api-design-tool .backToTop { float: right; display: block; margin-right: 40px; }