/* used https://csscompressor.net/ */ /* /xtras/lytebox2/lytebox.css 45% used */ #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99997; width: 100%; height: 100%; } #lbOverlay.black { background-color: #000000; } #lbOverlay.grey { background-color: #000000; } #lbOverlay.red { background-color: #330000; } #lbOverlay.green { background-color: #003300; } #lbOverlay.blue { background-color: #011D50; } #lbOverlay.gold { background-color: #666600; } #lbOverlay.orange { background-color: #FFBB48; } #lbMain { position:absolute;left:0;width:100%;z-index:99998;text-align:center;line-height:0; } #lbMain a img { border: 1px solid #ffffff; } #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; } #lbOuterContainer.black { border: 2px solid #CCCCCC; background-color: #000000; } #lbOuterContainer.grey { border: 2px solid #888888; } #lbOuterContainer.red { border: 2px solid #DD0000; } #lbOuterContainer.green { border: 2px solid #00B000; } #lbOuterContainer.blue { border: 2px solid #5F89D8; } #lbOuterContainer.gold { border: 2px solid #B0B000; } #lbOuterContainer.orange { border: 2px solid #D15211; } #lbTopContainer, #lbBottomContainer { font: 0.85em Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; font-size: 0.9em; overflow: hidden; margin: 0 auto; padding: 0; position: relative; z-index: 14; display: none; } #lbTopContainer { overflow: hidden; margin-top: 5px; } #lbTopContainer.black, #lbBottomContainer.black { background-color: #000000; } #lbTopContainer.grey, #lbTopContainer.red, #lbTopContainer.green, #lbTopContainer.blue, #lbTopContainer.gold, #lbTopContainer.orange, #lbBottomContainer.grey, #lbBottomContainer.red, #lbBottomContainer.green, #lbBottomContainer.blue, #lbBottomContainer.gold, #lbBottomContainer.orange { background-color: #ffffff; } #lbImage, #lbIframe { border: none; } #lbImage.black, #lbIframe.black { border: 1px solid #CCCCCC; } #lbImage.grey, #lbIframe.grey { border: 1px solid #888888; } #lbImage.red, #lbIframe.red { border: 1px solid #DD0000; } #lbImage.green, #lbIframe.green { border: 1px solid #00B000; } #lbImage.blue, #lbIframe.blue { border: 1px solid #5F89D8; } #lbImage.gold, #lbIframe.gold { border: 1px solid #B0B000; } #lbImage.orange, #lbIframe.orange { border: 1px solid #D15211; } #lbImageContainer, #lbIframeContainer { padding: 10px; z-index: 12; } #lbLoading { height: 100%; width: 100%; margin-top: -10px; background: url('/xtras/lytebox2/images/loading_white.gif') center no-repeat; } #lbLoading.black { background: url('/xtras/lytebox2/images/loading_black.gif') center no-repeat; } #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer>#lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } #lbPrevHov { width: 48%; height: 100%; background: transparent url('/xtras/lytebox2/images/blank.gif') no-repeat; display: block; left: 0; float: left; margin-left: 3px; border: none !important; } #lbPrevHov.black:hover, #lbPrevHov.black:visited { background: url('/xtras/lytebox2/images/prev_black_t.png') left 30% no-repeat; } #lbPrevHov.grey:hover, #lbPrevHov.grey:visited { background: url('/xtras/lytebox2/images/prev_grey_t.png') left 30% no-repeat; } #lbPrevHov.red:hover, #lbPrevHov.red:visited { background: url('/xtras/lytebox2/images/prev_red_t.png') left 30% no-repeat; } #lbPrevHov.green:hover, #lbPrevHov.green:visited { background: url('/xtras/lytebox2/images/prev_green_t.png') left 30% no-repeat; } #lbPrevHov.blue:hover, #lbPrevHov.blue:visited { background: url('/xtras/lytebox2/images/prev_blue_t.png') left 30% no-repeat; } #lbPrevHov.gold:hover, #lbPrevHov.gold:visited { background: url('/xtras/lytebox2/images/prev_gold_t.png') left 30% no-repeat; } #lbPrevHov.orange:hover, #lbPrevHov.orange:visited { background: url('/xtras/lytebox2/images/prev_orange_t.png') left 30% no-repeat; } #lbNextHov { width: 48%; height: 100%; background: transparent url('/xtras/lytebox2/images/blank.gif') no-repeat; display: block; right: 0; float: right; margin-right: 3px; border: none !important; } #lbNextHov.black:hover, #lbNextHov.black:visited { background: url('/xtras/lytebox2/images/next_black_t.png') right 30% no-repeat; } #lbNextHov.grey:hover, #lbNextHov.grey:visited { background: url('/xtras/lytebox2/images/next_grey_t.png') right 30% no-repeat; } #lbNextHov.red:hover, #lbNextHov.red:visited { background: url('/xtras/lytebox2/images/next_red_t.png') right 30% no-repeat; } #lbNextHov.green:hover, #lbNextHov.green:visited { background: url('/xtras/lytebox2/images/next_green_t.png') right 30% no-repeat; } #lbNextHov.blue:hover, #lbNextHov.blue:visited { background: url('/xtras/lytebox2/images/next_blue_t.png') right 30% no-repeat; } #lbNextHov.gold:hover, #lbNextHov.gold:visited { background: url('/xtras/lytebox2/images/next_gold_t.png') right 30% no-repeat; } #lbNextHov.orange:hover, #lbNextHov.orange:visited { background: url('/xtras/lytebox2/images/next_orange_t.png') right 30% no-repeat; } #lbPrev, #lbPrevTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPrev.black, #lbPrevTop.black { background: url('/xtras/lytebox2/images/prev_black.png') no-repeat; } #lbPrev.blackOff, #lbPrevTop.blackOff { background: url('/xtras/lytebox2/images/prev_black_off.png') no-repeat; cursor: default; } #lbPrev.grey, #lbPrevTop.grey { background: url('/xtras/lytebox2/images/prev_grey.png') no-repeat; } #lbPrev.greyOff, #lbPrevTop.greyOff { background: url('/xtras/lytebox2/images/prev_grey_off.png') no-repeat; cursor: default; } #lbPrev.red, #lbPrevTop.red { background: url('/xtras/lytebox2/images/prev_red.png') no-repeat; } #lbPrev.redOff, #lbPrevTop.redOff { background: url('/xtras/lytebox2/images/prev_red_off.png') no-repeat; cursor: default; } #lbPrev.green, #lbPrevTop.green { background: url('/xtras/lytebox2/images/prev_green.png') no-repeat; } #lbPrev.greenOff, #lbPrevTop.greenOff { background: url('/xtras/lytebox2/images/prev_green_off.png') no-repeat; cursor: default; } #lbPrev.blue, #lbPrevTop.blue { background: url('/xtras/lytebox2/images/prev_blue.png') no-repeat; } #lbPrev.blueOff, #lbPrevTop.blueOff { background: url('/xtras/lytebox2/images/prev_blue_off.png') no-repeat; cursor: default; } #lbPrev.gold, #lbPrevTop.gold { background: url('/xtras/lytebox2/images/prev_gold.png') no-repeat; } #lbPrev.goldOff, #lbPrevTop.goldOff { background: url('/xtras/lytebox2/images/prev_gold_off.png') no-repeat; cursor: default; } #lbPrev.orange, #lbPrevTop.orange { background: url('/xtras/lytebox2/images/prev_orange.png') no-repeat; } #lbPrev.orangeOff, #lbPrevTop.orangeOff { background: url('/xtras/lytebox2/images/prev_orange_off.png') no-repeat; cursor: default; } #lbNext, #lbNextTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbNext.black, #lbNextTop.black { background: url('/xtras/lytebox2/images/next_black.png') no-repeat; } #lbNext.blackOff, #lbNextTop.blackOff { background: url('/xtras/lytebox2/images/next_black_off.png') no-repeat; cursor: default; } #lbNext.grey, #lbNextTop.grey { background: url('/xtras/lytebox2/images/next_grey.png') no-repeat; } #lbNext.greyOff, #lbNextTop.greyOff { background: url('/xtras/lytebox2/images/next_grey_off.png') no-repeat; cursor: default; } #lbNext.red, #lbNextTop.red { background: url('/xtras/lytebox2/images/next_red.png') no-repeat; } #lbNext.redOff, #lbNextTop.redOff { background: url('/xtras/lytebox2/images/next_red_off.png') no-repeat; cursor: default; } #lbNext.green, #lbNextTop.green { background: url('/xtras/lytebox2/images/next_green.png') no-repeat; } #lbNext.greenOff, #lbNextTop.greenOff { background: url('/xtras/lytebox2/images/next_green_off.png') no-repeat; cursor: default; } #lbNext.blue, #lbNextTop.blue { background: url('/xtras/lytebox2/images/next_blue.png') no-repeat; } #lbNext.blueOff, #lbNextTop.blueOff { background: url('/xtras/lytebox2/images/next_blue_off.png') no-repeat; cursor: default; } #lbNext.gold, #lbNextTop.gold { background: url('/xtras/lytebox2/images/next_gold.png') no-repeat; } #lbNext.goldOff, #lbNextTop.goldOff { background: url('/xtras/lytebox2/images/next_gold_off.png') no-repeat; cursor: default; } #lbNext.orange, #lbNextTop.orange { background: url('/xtras/lytebox2/images/next_orange.png') no-repeat; } #lbNext.orangeOff, #lbNextTop.orangeOff { background: url('/xtras/lytebox2/images/next_orange_off.png') no-repeat; cursor: default; } #lbTopData, #lbBottomData { float: left; text-align: left; padding-left: 10px; } #lbBottomData { padding-bottom: 0.5em; } #lbBottomData.black, #lbTopData.black { color: #ffffff; } #lbBottomData.grey, #lbTopData.grey { color: #333333; } #lbBottomData.red, #lbTopData.red { color: #620000; } #lbBottomData.green, #lbTopData.green { color: #003300; } #lbBottomData.blue, #lbTopData.blue { color: #01379E; } #lbBottomData.gold, #lbTopData.gold { color: #666600; } #lbBottomData.orange, #lbTopData.orange { color: #D15211; } #lbTopNav, #lbBottomNav { float: right; text-align: right; padding-right: 10px; } #lbNumTop, #lbNumBottom { font-style: italic; } #lbDescBottom { display: block; } #lbTitleTop, #lbTopNav { margin-top: 0.3em; } #lbTitleTop, #lbTitleBottom { display: block; font-weight: bold; } #lbClose, #lbCloseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbClose.black, #lbCloseTop.black { background: url('/xtras/lytebox2/images/close_black.png') no-repeat; } #lbClose.grey, #lbCloseTop.grey { background: url('/xtras/lytebox2/images/close_grey.png') no-repeat; } #lbClose.red, #lbCloseTop.red { background: url('/xtras/lytebox2/images/close_red.png') no-repeat; } #lbClose.green, #lbCloseTop.green { background: url('/xtras/lytebox2/images/close_green.png') no-repeat; } #lbClose.blue, #lbCloseTop.blue { background: url('/xtras/lytebox2/images/close_blue.png') no-repeat; } #lbClose.gold, #lbCloseTop.gold { background: url('/xtras/lytebox2/images/close_gold.png') no-repeat; } #lbClose.orange, #lbCloseTop.orange { background: url('/xtras/lytebox2/images/close_orange.png') no-repeat; } #lbPrint, #lbPrintTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPrint.black, #lbPrintTop.black { background: url('/xtras/lytebox2/images/print_black.png') no-repeat; } #lbPrint.grey, #lbPrintTop.grey { background: url('/xtras/lytebox2/images/print_grey.png') no-repeat; } #lbPrint.red, #lbPrintTop.red { background: url('/xtras/lytebox2/images/print_red.png') no-repeat; } #lbPrint.green, #lbPrintTop.green { background: url('/xtras/lytebox2/images/print_green.png') no-repeat; } #lbPrint.blue, #lbPrintTop.blue { background: url('/xtras/lytebox2/images/print_blue.png') no-repeat; } #lbPrint.gold, #lbPrintTop.gold { background: url('/xtras/lytebox2/images/print_gold.png') no-repeat; } #lbPrint.orange, #lbPrintTop.orange { background: url('/xtras/lytebox2/images/print_orange.png') no-repeat; } #lbPlay, #lbPlayTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPlay.black, #lbPlayTop.black { background: url('/xtras/lytebox2/images/play_black.png') no-repeat; } #lbPlay.grey, #lbPlayTop.grey { background: url('/xtras/lytebox2/images/play_grey.png') no-repeat; } #lbPlay.red, #lbPlayTop.red { background: url('/xtras/lytebox2/images/play_red.png') no-repeat; } #lbPlay.green, #lbPlayTop.green { background: url('/xtras/lytebox2/images/play_green.png') no-repeat; } #lbPlay.blue, #lbPlayTop.blue { background: url('/xtras/lytebox2/images/play_blue.png') no-repeat; } #lbPlay.gold, #lbPlayTop.gold { background: url('/xtras/lytebox2/images/play_gold.png') no-repeat; } #lbPlay.orange, #lbPlayTop.orange { background: url('/xtras/lytebox2/images/play_orange.png') no-repeat; } #lbPause, #lbPauseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPause.black, #lbPauseTop.black { background: url('/xtras/lytebox2/images/pause_black.png') no-repeat; } #lbPause.grey, #lbPauseTop.grey { background: url('/xtras/lytebox2/images/pause_grey.png') no-repeat; } #lbPause.red, #lbPauseTop.red { background: url('/xtras/lytebox2/images/pause_red.png') no-repeat; } #lbPause.green, #lbPauseTop.green { background: url('/xtras/lytebox2/images/pause_green.png') no-repeat; } #lbPause.blue, #lbPauseTop.blue { background: url('/xtras/lytebox2/images/pause_blue.png') no-repeat; } #lbPause.gold, #lbPauseTop.gold { background: url('/xtras/lytebox2/images/pause_gold.png') no-repeat; } #lbPause.orange, #lbPauseTop.orange { background: url('/xtras/lytebox2/images/pause_orange.png') no-repeat; } /* Some extra padding on the bottom buttons so it's not too close to the border. */ #lbClose, #lbPrint, #lbPlay, #lbPause { margin: 0 0 6px 8px; } /* Lytetip */ * html a:hover { background: transparent; } .lytetip { outline: none; border-bottom: 1px dotted; z-index:24; text-decoration:none; } .lytetip span { color: #000000; position: absolute; top: 2em; left:0; padding: 0.5em 0.8em; font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif !important; background: #F4F5FB; border: 1px solid #888888; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 1px 2px 3px 0px #949494;-moz-box-shadow: 1px 2px 3px 0px #949494;box-shadow: 1px 2px 3px 0px #949494; width: 240px; filter: alpha(opacity:95); KHTMLOpacity: 0.95; MozOpacity: 0.95; opacity: 0.95; text-align: left; display: none; } .lytetip:hover { z-index:25; color: #aaaaff;text-decoration: none; } .lytetip:hover span { display: block; } .lytetip:hover em { font-size: 1.2em; font-weight: bold; display: block; padding: 0 0 0.6em 0; } .lytetip:hover .lbTipImg { border: 0; margin: -20px 0 0 -36px; float: left; position: absolute; height: 32px; width: 32px; } .lbErrorImg { background: url('/xtras/lytebox2/images/error.png'); } .lbInfoImg { background: url('/xtras/lytebox2/images/info.png'); } .lbHelpImg { background: url('/xtras/lytebox2/images/help.png'); } .lbWarningImg { background: url('/xtras/lytebox2/images/warning.png'); } span.lbCustom { padding: 0.5em 0.8em 0.5em 1.5em !important; } span.lbIEFix { padding: 0.5em 0.8em !important; } .lytetip .lbError { background: #FFE7D7; border: 1px solid #FF3334; } .lytetip .lbInfo, .lytetip .lbHelp { background: #D2EEF7; border: 1px solid #2BB0D7; } .lytetip .lbWarning { background: #FFFFAA; border: 1px solid #FFAD33; } /* /xtra/css/common/base-reset.css 41% used */ html{background-image:none;background-position:center bottom;background-repeat:repeat-y;margin:0 auto} /* body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:16px;padding:0;background-image:none;background-position:center top;background-repeat:no-repeat;margin:0 auto} */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;color:#666;} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0} address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit} del,ins{text-decoration:none} li{list-style:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} sup{vertical-align:baseline} sub{vertical-align:baseline} legend{color:#000} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button,textarea,select{font-size:100%} body{font:13px/1.231 calibri,arial,helvetica,clean,sans-serif;font-size:small;} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif} table{font-size:inherit;} pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%} #doc,#doc2,#doc3,#doc4,.home-t1,.home-t2,.home-t3,.home-t4,.home-t5,.home-t6,.home-t7{margin:auto;text-align:left;width:57.69em;width:56.25em} #doc2{width:73.076em;width:71.25em} #doc3{margin:auto 10px;width:auto} #doc4{width:74.923em;width:73.05em} .home-b{position:relative} .home-b{_position:static} #home-main .home-b{position:static} #home-main,.home-g .home-u .home-g{width:100%} .home-t1 #home-main,.home-t2 #home-main,.home-t3 #home-main{float:right;margin-left:-25em} .home-t4 #home-main,.home-t5 #home-main,.home-t6 #home-main{float:left;margin-right:-25em} .home-t1 .home-b{float:left;width:12.30769em;width:12em} .home-t1 #home-main .home-b{margin-left:13.30769em;margin-left:13.05em} .home-t2 .home-b{float:left;width:13.8461em;width:13.5em} .home-t2 #home-main .home-b{margin-left:14.8461em;margin-left:14.55em} .home-t3 .home-b{float:left;width:23.0769em;width:22.5em} .home-t3 #home-main .home-b{margin-left:24.0769em;margin-left:23.62em} .home-t4 .home-b{float:right;width:13.8456em;width:13.5em} .home-t4 #home-main .home-b{margin-right:14.8456em;margin-right:14.55em} .home-t5 .home-b{float:right;width:18.4615em;width:18em} .home-t5 #home-main .home-b{margin-right:19.4615em;margin-right:19.125em} .home-t6 .home-b{float:right;width:23.0769em;width:22.5em} .home-t6 #home-main .home-b{margin-right:24.0769em;margin-right:23.62em} .home-t7 #home-main .home-b{display:block;margin:0 0 1em} #home-main .home-b{float:none;width:auto} .home-gb .home-u,.home-g .home-gb .home-u,.home-gb .home-g,.home-gb .home-gb,.home-gb .home-gc,.home-gb .home-gd,.home-gb .home-ge,.home-gb .home-gf,.home-gc .home-u,.home-gc .home-g,.home-gd .home-u{float:left} .home-g .home-u,.home-g .home-g,.home-g .home-gb,.home-g .home-gc,.home-g .home-gd,.home-g .home-ge,.home-g .home-gf,.home-gc .home-u,.home-gd .home-g,.home-g .home-gc .home-u,.home-ge .home-u,.home-ge .home-g,.home-gf .home-g,.home-gf .home-u{float:right} .home-g div.first,.home-gb div.first,.home-gc div.first,.home-gd div.first,.home-ge div.first,.home-gf div.first,.home-g .home-gc div.first,.home-g .home-ge div.first,.home-gc div.first div.first{float:left} .home-g .home-u,.home-g .home-g,.home-g .home-gb,.home-g .home-gc,.home-g .home-gd,.home-g .home-ge,.home-g .home-gf{width:49.1%} .home-gb .home-u,.home-g .home-gb .home-u,.home-gb .home-g,.home-gb .home-gb,.home-gb .home-gc,.home-gb .home-gd,.home-gb .home-ge,.home-gb .home-gf,.home-gc .home-u,.home-gc .home-g,.home-gd .home-u{width:32%;margin-left:1.8%} .home-gb .home-u{margin-left:1.9%;width:31.9%} .home-gc div.first,.home-gd .home-u{width:66%} .home-gd div.first{width:32%} .home-ge div.first,.home-gf .home-u{width:74.2%} .home-ge .home-u,.home-gf div.first{width:24%} .home-g .home-gb div.first,.home-gb div.first,.home-gc div.first,.home-gd div.first{margin-left:0} .home-g.first > p{padding-bottom:5px;padding-top:5px} .home-g .home-g .home-u,.home-gb .home-g .home-u,.home-gc .home-g .home-u,.home-gd .home-g .home-u,.home-ge .home-g .home-u,.home-gf .home-g .home-u{width:49%;width:48.1%;margin-left:0} .home-g .home-g .home-u{width:48.1%} .home-g .home-gb div.first,.home-gb .home-gb div.first{margin-right:0;width:32%;_width:31.7%} .home-g .home-gc div.first,.home-gd .home-g{width:66%} .home-gb .home-g div.first{margin-right:4%;_margin-right:1.3%} .home-gb .home-gc div.first,.home-gb .home-gd div.first{margin-right:0} .home-gb .home-gb .home-u,.home-gb .home-gc .home-u{margin-left:1.8%;_margin-left:4%} .home-g .home-gb .home-u{_margin-left:1%} .home-gb .home-gd .home-u{width:66%;_width:61.2%} .home-gb .home-gd div.first{width:31%;_width:29.5%} .home-g .home-gc .home-u,.home-gb .home-gc .home-u{width:32%;_float:right;margin-right:0;_margin-left:0} .home-gb .home-gc div.first{width:66%;float:left;margin-left:0} .home-gb .home-ge .home-u,.home-gb .home-gf .home-u{margin:0} .home-gb .home-gb .home-u{_margin-left:.7%} .home-gb .home-g div.first,.home-gb .home-gb div.first{margin-left:0} .home-gc .home-g .home-u,.home-gd .home-g .home-u{width:48.1%;margin-left:0} .home-gb .home-gd div.first{width:32%} .home-g .home-gd div.first{_width:29.9%} .home-ge .home-g{width:24%} .home-gf .home-g{width:74.2%} .home-gb .home-ge div.home-u,.home-gb .home-gf div.home-u{float:right} .home-gb .home-ge div.first,.home-gb .home-gf div.first{float:left} .home-gb .home-ge .home-u,.home-gb .home-gf div.first{width:24%;_width:20%} .home-gb .home-ge div.first,.home-gb .home-gf .home-u{width:73.5%;_width:65.5%} .home-ge div.first .home-gd .home-u{width:65%} .home-ge div.first .home-gd div.first{width:32%} #hd:after,#bd:after,#ft:after,.home-g:after,.home-gb:after,.home-gc:after,.home-gd:after,.home-ge:after,.home-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden} #hd,#bd,#ft,.home-g,.home-gb,.home-gc,.home-gd,.home-ge,.home-gf{zoom:1} /* /xtra/css/common/screen-grid.css 46% used */ #custom-doc{overflow:hidden;width:75.07em;width:1000px;margin:auto;text-align:left;background-color:#fff} strong{font-weight:700} em{font-style:italic} .clear{clear:both} .home-gb{margin:10px 0} .content-wrapper{padding:0 10px} #sidebar-right{width:170px!important;padding:0;margin:0} #content-wrapper{width:800px!important;padding:0;margin:0} .home-t2 #home-main .home-b{margin-left:200px!important} #center-column{width:630px!important;padding:0;margin:0} #sidebar-left{width:200px!important;padding:0;margin:0} #search-box{background-image:url(/images/layout/headers/city_night.jpg);background-position:right 0;background-repeat:no-repeat;background-color:#003460;color:#FFF;float:left;font-size:9px;height:71px;text-align:right} #search-theme-form{background-image:url(/images/layout/header.png)} #search-form{background-image:url(/images/layout/search_bg.png);background-position:right 0;background-repeat:no-repeat;height:61px;padding:10px 10px 0 0;width:790px} #search-box #search{border:1px solid #013366;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;margin:-7px 0 6px;padding:2px;vertical-align:middle;width:155px} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif} /* #navbar ul{margin:0;padding:0;text-align:left} #navbar li{display:inline;float:left;list-style-type:none;margin:0;padding:14px 12px 0 13px} #navbar a{font-weight:700} */ #primary a:active,#primary a:hover{text-decoration:underline} #primary a{color:#003460;text-decoration:none} #secondary a:active,#secondary a:hover{text-decoration:underline} #secondary a{color:#EF8000;text-decoration:none} #sidebar-left,#sidebar-right{font-family:Verdana,Arial,Helvetica,sans-serif} #sidebar-right li{list-style-type:disc;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;margin-left:20px} #sidebar-right li a{color:#003460} #sidebar-left .block,#sidebar-right .block{background-color:#FFF;border-right:1px solid #999;border-bottom:1px solid #999;font-size:15px} #sidebar-left .nav{background-color:#f2f3f6} #sidebar-left .nav li{font-size:12px;line-height:13px} #sidebar-left .nav .content ul li a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;line-height:13px;font-weight:700;text-decoration:none;color:#003460;background-color:#D8D9DC} #sidebar-left .block li a,#sidebar-right .block h2.title,#sidebar-right .block h2.title a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;color:#003460;background-color:#D8D9DC;display:block;font-weight:700;margin:0;padding:5px 0 5px 8px;text-decoration:none} #sidebar-left .block ul li ul li a{color:#666!important;font-weight:400!important;margin:0!important;padding:2px 0 1px 7px!important;width:189px!important;background-color:transparent!important} #sidebar-left .block LI LI A:Hover{background:url(/images/layout/sideMenuRollover.gif) no-repeat 0 7px;color:#B3B3B3!important} #sidebar-left .block ul ul{padding:0 0 12px} #sidebar-left #community-campaign{display:block;padding:75px 0 0;margin:0;background-image:url(/images/layout/sidebar/community-campaign-bg.png);background-repeat:no-repeat;background-color:#f2f3f6;width:198px;text-align:center} #sidebar-left #community-campaign p{width:198px;font-family:Arial,Helvetica,sans-serif} #sidebar-left #community-campaign p .line1{font-size:11px;font-weight:700;color:#EF803A} #sidebar-left #community-campaign p .line2{font-size:8px!important} .sideMenu2 a,.sideMenu2 a:hover{font-size:9px;line-height:normal} a:active,a:hover{color:#EF8000} #layoutCopyright{background:#FFF;padding-bottom:20px;padding-top:10px;width:1000px} #layoutCopyright A{color:#666;font-size:9px;line-height:normal;text-decoration:none} #layoutCopyright A:Active,#layoutCopyright A:Hover{text-decoration:underline} #layoutCopyright UL{list-style-type:none;margin:0;padding:0} #layoutCopyright UL LI{color:#666} #layoutCopyright .content{border-top:1px solid #CCC;height:135px;line-height:.6111em;padding:30px 35px 20px;width:930px;font-family:Verdana,Arial,Helvetica,sans-serif} #layoutCopyright .content UL{float:left;width:155px} #layoutCopyright .content UL LI{padding-bottom:3px} #layoutCopyright .content UL LI.category A{font-weight:700} #layoutCopyright .copyright{border-top:1px solid #CCC;margin:0 35px;padding-top:17px} #layoutCopyright .social{position:relative;float:right;padding-right:30px} #layoutCopyright .copyright UL LI{border-right:1px solid #CCC;margin-right:10px;padding-right:10px;float:left} #layoutCopyright .social UL LI{margin-right:5px;padding-right:5px;float:left} #layoutCopyright .header{background-color:#F0F0F0;border-top:1px solid #999} .logo-image-footer{display:block;width:143px;height:34px;margin:10px 0 10px 20px;float:left} #newsletterSignup{border:1px solid #CCC;color:#000;font-size:11px;height:19px;margin-top:10px;width:552px;margin-left:220px;padding:3px;background-color:#fff} #newsletterSignup FORM{margin:0;padding:0;float:left} #newsletterSignup A{font-size:11px;line-height:normal;padding:0 10px;text-decoration:none} #newsletterSignup A.more{color:#EF8000;font-weight:700;padding-right:0} #newsletterSignup INPUT{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;margin:0 10px;padding:0;width:100px} /* /xtra/css/home/screen.css 4% used*/ .content-wrapper.home-page{font-family:Arial,Helvetica,Verdana,sans-serif;font-size:13px;font-weight:400;color:#666} .content-area{width:590px;margin:0 auto;min-height:300px;position:relative} #index-banner{background-image:url(/images/layout/home/banner-background.jpg);background-repeat:no-repeat;width:778px;height:260px;padding-top:18px;overflow:hidden;position:relative} #index-banner h1 img{margin:1px 4px 0 0;vertical-align:text-top} #index-banner h1{color:#fff;font-size:48px;font-weight:400;margin-left:15px;margin-top:10px;padding:0} #index-banner p{color:#fff;font-size:12px;margin:15px 0 0 15px;width:80%} #index-banner h1 span,.reg-ea-download,.content-wrapper.home-page a{color:#EF8000} .content-wrapper.home-page a{text-decoration:none} .reg-ea-download{display:block;margin-top:8px;margin-left:15px;text-decoration:none} .current-release .tag{color:#D1DEEF} #index-banner p.indent-1{margin-left:90px;font-size:14px} #index-banner p.indent-2{margin-left:120px} #index-banner .smaller{font-size:10px} #index-banner #cta-buttons{position:absolute;bottom:10px;left:300px} #subheading{font-size:17px} #quote{font-size:17px} #intro-screenshot{width:220px;height:129px;margin-top:10px} .current-release{width:50%} .content-row{margin-top:20px} .home-page .content-row h2{font-size:31px;font-weight:700;color:#4e77ae;margin-bottom:0} .home-page .content-row h3{font-size:14px;font-weight:700;padding:5px;text-shadow:0 1px 0 #fff} .home-page .content-row h4{font-size:14px;font-weight:700;margin-top:15px} .home-page .content-row h4.first{margin-top:0} .home-page .content-row h3.secondary{border:1px solid #8d9ca9;background-color:#cdd7df} .home-page .content-row h3.tertiary{border:1px solid #f3a662;background-color:#fdeee1} .home-page .features-list li{background-image:url(/images/icons/tick-10px.png);background-position:1px 2px;background-repeat:no-repeat;list-style-type:none;margin:5px 5px 5px 0;padding-left:16px} .home-page .auxillary p{font-size:13px;margin-top:10px} .home-page .auxillarytool p{margin-top:14px;font-size:13px;line-height:20px} .home-page .editions p{margin:5px 0} .home-page .read-more-wrapper{margin-top:5px;background-image:url(/images/layout/home/icon-read-more.png);background-repeat:no-repeat;background-position:left center;padding-left:35px} .home-page .read-more-wrapper h3{font-size:16px;padding:0} .button-wrapper{margin:7px 0;width:100%} .button-padding,.button-right{display:block;padding:4px} .button-left{text-align:right;display:block;color:#6F6B5A;font-family:arial,verdana,helvetica,sans-serif;font-size:12px;text-decoration:none;text-shadow:0 1px 0 #fff;background-image:url(/images/layout/home/btn.gif);background-position:0 0;background-repeat:repeat-x;background-attachment:inherit;-moz-border-radius:3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;border:1px solid #ACA899} a.button-right{font-weight:700;color:#666!important;text-decoration:none;background-image:url(/images/layout/home/btn.gif);background-position:0 -227px;padding-left:15px;margin-left:5px;background-repeat:no-repeat;float:right} a.button-right:hover{background-position:0 -390px} #logos-wrapper{margin:35px 0 25px} #logos-wrapper .logos{display:block} #logos-wrapper .logos li{display:inline;margin:0 10px} #logos-wrapper .awards{float:right} #logos-wrapper .standards{float:left} .ea151 {font-size: 18px;} /* /xtra/css/common/home-spacer.css 31% used */ h2{color:#555!important;} h4{clear:both;margin-top:0!important;font-weight:400!important} h7{clear:both;margin-top:0!important;font-weight:400!important;font-size:24px!important;text-align:center!important} .suite-editions{font-weight:700;margin-top:15px} div{border:0 solid red} #homecontent h1{font-size:40px!important} #awardwinning{margin-top:61px} .awards{color:#666} .awards p{font-size:18px} #banner-h{position:relative;right:472px;width:100%} #banner-h > img{width:1903px} #betatext{text-align:center;font-size:22px;color:#ef803a;margin-top:26px} #bottomSet .centersection{margin-top:33px} #bottomSet .leftsection{margin-top:-12px} #bottomSet .rightsection{margin-top:28px} #bottomSet #gartnerbox{margin-top:76px!important} .boxdownbottom{background-color:#eee;border-radius:4px;bottom:0;color:#fff;display:block;font-size:12px;font-weight:700;margin:0;padding:5px;position:absolute;transition:background-image .3s linear 0} .box-icon{width:100px!important;height:100px} #callout{text-align:center;font-size:20px} .clearfix span{color:#000} #custom-doc{overflow:visible;background:rgba(0,0,0,0) none repeat scroll 0 0;margin-top:57px} #demo-head{font-size:16px;margin-bottom:10px} .detailsBox{border-collapse:separate;border-spacing:10px;display:table} .detailsCol{display:table-cell;position:relative} #downloadbutton img{margin-top:20px;width:124px} .download-trial{font-size:20px;color:#fff;width:188px;height:40px;display:block;text-align:center;padding-top:7px} .epictext{text-align:center} #epictext-head{font-size:45px} #epictext-main{font-size:25px} #epictext-p{padding:10px 0} #ft{overflow:hidden!important;display:table-row!important} .features-list > li{background-image:url(/images/icons/tick-10px.png);background-position:1px 2px;background-repeat:no-repeat;list-style-type:none;margin:5px 5px 5px 0;padding-left:16px;text-align:left;font-size:16px;} .centersection > p{font-size:14px;padding-top:3px} #feelgood_heading{font-size:45px;margin-top:61px;text-align:center} #customize_heading{font-size:45px;margin-top:40px;text-align:center} .feelgood_list li{font-size:15px;padding-bottom:20px} .home-page{display:inline-block;margin-left:50px;margin-top:55px} .home-page.rightsection{margin-top:20px} .home-page > img{display:block;max-height:193px;max-width:146px;width:100%} #homecontent{overflow:visible!important} #homelogo{} #index-banner12{height:258px;width:960px;z-index:500;position:absolute;top:238px} #banner2{display:none;background-image:url(/images/layout/banner/ipad/banner.png);background-repeat:no-repeat;width:960px;height:258px} html{background-image:url(/images/layout/home/background5.png);background-position:center top;background-repeat:no-repeat;margin:0 auto} #lastlearnmore{text-align:center;padding-bottom:7px;width:200px;height:50px;background:url(/images/layout/headers/freetrial.png) no-repeat;margin-left:auto;margin-right:auto} body{background-position:center top;background-repeat:repeat-x} #page{margin:0 auto;max-width:1000px;width:1000px} #hd{height:90px} #header{margin-left:-111px;position:absolute;z-index:1;height:90px} /* #navbar{font-size:.818em;height:90px;margin-left:200px;margin-right:-1000px;overflow:hidden;padding:0;width:800px;z-index:1;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px} #navbar-inner{padding:10px 0 0 70px;width:730px} #navbar li span{vertical-align:7px} #navbar A{font-weight:700} #navbar UL{margin:0;padding:0;text-align:left} #navbar li{display:inline;float:left;height:25px;list-style-type:none;margin:0;padding:10px 12px 0 10px;white-space:nowrap} */ #primaryline{display:block;margin-top:5px;position:relative;white-space:nowrap} #primaryline a:active,#primary a:hover{text-decoration:underline} #primaryline a{color:#003460;text-decoration:none} #profile{background-color:#fceee3;font-size:12px!important;padding:5px!important} #secondaryline{display:block;padding-left:50px;position:relative;white-space:nowrap;width:660px} #secondaryline a:active,#secondary a:hover{text-decoration:underline} #secondaryline a{color:#555;text-decoration:none} /* #navbar li img{margin:0;padding:0} */ #headerLogo,#header #logo{background-image:url(/images/layout/headers/sparxheadtopbanner.png);background-repeat:no-repeat;float:left;height:90px;overflow:visible;width:390px} #header #logo A{background-repeat:no-repeat;border:0 none;display:block;height:91px} #header #logo-image{display:none} #zoom_searchbox{padding:2px;margin-top:2px} /* #navbar #shopping-cart-links{dislplay:block;vertical-align:9px;padding-top:13px} */ #Searchform{margin-top:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px} .leftsection,.rightsection{margin-top:20px} #logo{bottom:44px!important} .majorsubheading{font-size:45px;margin-top:40px;text-align:center} .mdgcols{width:1080px} #midscreenshot{clear:both;text-align:center;margin-top:40px} #midscreenshot2{clear:both;text-align:center} #midscreenshot img{max-width:800px;margin-top:50px} #midscreenshot2 img{max-width:800px;margin-top:129px;margin-bottom:31px} .onlinehhelp{margin-right:0;font-size:16px;margin-top:10px} .nowavailable{text-decoration:underline;color:#06f!important} .pricingbutton{margin-top:0;width:200px;height:50px;background:url(/images/layout/headers/purchasenow.png) no-repeat} #product{display:table-row;margin-top:21px!important} .product-boxshot{border:1px solid #cdcdcd;border-radius:4px;padding:20px 0 60px;vertical-align:top} #product .centersection{margin-top:20px} .read-more-wrapper{margin-bottom:60px} #sidebar-left{margin-top:20px} #sidebar-left .block,#sidebar-right .block{border-bottom:0;border-right:0} #sidebar-left .nav .content ul li a{background-color:#d8d9dc} sidebar-left .block li a,#sidebar-right .block h2.title,#sidebar-right .block h2.title a{background-color:none} .slideshowicon{width:50px!important;margin-top:23px!important} #suite-editions{margin-top:15px!important} .tecwidth{text-align:center;width:96%} .technologyboxes{margin-top:50px!important} .technologyboxes h3{font-size:18px;text-align:center;margin-bottom:20px} .technologyboxes p{padding:5px 9px;font-size:14px} .technologyboxes2{margin-top:21px!important} .technologyboxes2 h3{font-size:18px;text-align:center;margin-bottom:20px} .technologyboxes2 p{padding:5px 9px;font-size:14px} #threescreens{text-align:center} #threescreens img{text-align:center;margin-left:20px} #topheading{margin-top:20px} .trybybuttons{display:inline-flex;margin-top:49px} .tryandbuy{padding-bottom:7px;width:200px;height:50px;background:url(/images/layout/headers/freetrial.png) no-repeat} .section{clear:both;padding:0;margin:0} .col{display:block;float:left;margin:1% 0 1% 1.6%;border:0 solid grey;/*height:232px*/} .tb2{height:500px} .tb3{height:334px} .tb3 h6{padding-left:5px;text-align:center} .tb3 ul{padding-left:5px} .topsection{display:flex} #epictext-main{margin-top:72px;font-size:45px} /*.col img{display:block;width:80%;margin-left:auto;margin-right:auto;margin-top:5px;max-width:179px}*/ .col:first-child{margin-left:0} .group:before,.group:after{content:"";display:table} .group:after{clear:both} .group{zoom:1} .span_4_of_4{width:23.5%} .span_3_of_4{width:23.5%} .span_2_of_4{width:23.5%} .span_1_of_4{width:23.5%} .feelgood_span_3_of_3{width:28.26%;border:0} .feelgood_span_2_of_3{width:46.26%;border:0} .feelgood_span_1_of_3{width:22.26%;border:0} .feelgood_span_1_of_3 p{padding-top:10px} .ul_awardlogos{text-align:center} .ul_awardlogos li{display:inline;margin-left:5px} .ul_awardlogos li:first-child{margin-left:0} .view-webinars{display:inline-block;float:none;margin-top:50px;margin-left:90px} .view-webinars p{text-align:center;margin-top:16px} .view-webinars img{width:338px} .wwwimage{text-align:center;margin-top:48px} @media only screen and (max-width: 1752px) { #hd11 #homelogo a{left:300px} } @media only screen and (max-width: 1700px) { #hd11 #homelogo a{left:280px} } @media only screen and (max-width: 1673px) { #hd11 #homelogo a{left:257px} } @media only screen and (max-width: 1584px) { #hd11 #homelogo a{left:215px} } @media only screen and (max-width: 1503px) { #hd11 #homelogo a{left:174px} } @media only screen and (max-width: 1416px) { #hd11 #homelogo a{left:127px} } @media only screen and (max-width: 1323px) { #hd11 #homelogo a{left:82px} } @media only screen and (max-width: 1239px) { #hd11 #homelogo a{left:41px} } @media only screen and (max-width: 1152px) { #hd11 #homelogo a{left:0} } @media only screen and (max-width: 1076px) { #hd11 #homelogo a{left:-79px} } /* /xtra/css/common/w4.css 43% used */ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .w3-padding-tiny{padding:2px 4px!important}.w3-padding-small{padding:4px 8px!important} .w3-padding-medium,.w3-padding,.w3-form{padding:8px 16px!important} .w3-padding-large{padding:12px 24px!important}.w3-padding-xlarge{padding:16px 32px!important} .w3-padding-xxlarge{padding:24px 48px!important}.w3-padding-jumbo{padding:32px 64px!important} .w3-padding-4,.w3-padding-hor-4{padding-top:4px!important;padding-bottom:4px!important} .w3-padding-8,.w3-padding-hor-8{padding-top:8px!important;padding-bottom:8px!important} .w3-padding-12,.w3-padding-hor-12{padding-top:12px!important;padding-bottom:12px!important} .w3-padding-16,.w3-padding-hor-16{padding-top:16px!important;padding-bottom:16px!important} .w3-padding-24,.w3-padding-hor-24{padding-top:24px!important;padding-bottom:24px!important} .w3-padding-32,.w3-padding-hor-32{padding-top:32px!important;padding-bottom:32px!important} .w3-padding-48,.w3-padding-hor-48{padding-top:48px!important;padding-bottom:48px!important} .w3-padding-64,.w3-padding-hor-64{padding-top:64px!important;padding-bottom:64px!important} .w3-padding-128,.w3-padding-hor-128{padding-top:128px!important;padding-bottom:128px!important} .w3-padding-0{padding:0!important} .w3-padding-top{padding-top:8px!important}.w3-padding-bottom{padding-bottom:8px!important} .w3-padding-left{padding-left:16px!important}.w3-padding-right{padding-right:16px!important} .w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important} .w3-row,.w3-row-padding {padding:0px;margin:0px auto;max-width:1350px;} .w3-container{padding:0px} .w3-responsive{overflow-x:auto} .w3-rest{overflow:hidden} .w3-section{margin-top:8px!important;margin-bottom:3px!important} .w3-container:after,.w3-row:after,.w3-row-padding:after,.w3-topnav:after,.w3-clear:after,.w3-btn-group:before,.w3-btn-group:after,.w3-btn-bar:before,.w3-btn-bar:after{content:"";display:table;clear:both} .w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px} .w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%} .w3-half{max-width:500px;} .w3-col.s1{width:8.33333%} .w3-col.s2{width:16.66666%} .w3-col.s3{width:24.99999%} .w3-col.s4{width:33.33333%} .w3-col.s5{width:41.66666%} .w3-col.s6{width:49.99999%} .w3-col.s7{width:58.33333%} .w3-col.s8{width:66.66666%} .w3-col.s9{width:74.99999%} .w3-col.s10{width:83.33333%} .w3-col.s11{width:91.66666%} .w3-col.s12,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{width:99.99999%} @media only screen and (min-width:851px){ #page {width:auto;} .w3-col.m1{width:8.33333%} .w3-col.m2{width:16.66666%} .w3-col.m3,.w3-quarter{width:24.99999%} .w3-col.m4,.w3-third{width:33.33333%} .w3-col.m5{width:41.66666%} .w3-col.m6,.w3-half{width:49.99999%} .w3-col.m7{width:58.33333%} .w3-col.m8,.w3-twothird{width:66.66666%} .w3-col.m9,.w3-threequarter{width:74.99999%} .w3-col.m10{width:83.33333%} .w3-col.m11{width:91.66666%} .w3-col.m12{width:99.99999%} } @media only screen and (min-width:993px){ .w3-col.l1{width:8.33333%} .w3-col.l2{width:16.66666%} .w3-col.l3,.w3-quarter{width:24.99999%} .w3-col.l4,.w3-third{width:33.33333%} .w3-col.l5{width:41.66666%} .w3-col.l6,.w3-half{width:49.99999%;} .w3-col.l7{width:58.33333%} .w3-col.l8,.w3-twothird{width:66.66666%} .w3-col.l9,.w3-threequarter{width:74.99999%} .w3-col.l10{width:83.33333%} .w3-col.l11{width:91.66666%} .w3-col.l12{width:99.99999%}} /* animation images*/ .w3-display-container{position:relative} .w3-badge {background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;border-radius:50%;height:13px;width:13px;padding:0;} .w3-left{float:left!important} .w3-right{float:right!important} /*.w3-left, .w3-right, .w3-badge {cursor:pointer}*/ .w3-transparent{background-color:transparent!important} .w3-display-bottomleft{position:absolute;left:0;bottom:0} .w3-display-bottomright{position:absolute;right:0;bottom:0} .w3-text-white,.w3-hover-text-white:hover{color:#fff!important} .w3-large{font-size:30px!important} .w3-center{text-align:center!important} .w3-btn-floating{width:40px;height:40px;line-height:36px} .w3-text-white, .w3-hover-text-white:hover {color: #fff !important;} .w3-hover-text-khaki { transition: background-color 0.3s ease 0s, color 0.15s ease 0s, box-shadow 0.3s ease 0s, opacity 0.3s ease 0s;} .w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important} .w3-btn-floating,.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#999;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px} .w3-btn-floating:hover {text-decoration-line:none!important;} .w3-border { border: 1px solid #555 !important;} .w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important} .w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0} .w3-centertext {position:absolute; bottom:30px;text-align:center; color:white;background-color:#555;margin: 0 auto; width:50%;margin-left:25%;padding: 0 20px;opacity: 0.65; filter: alpha(opacity=65); } /* animation images*/ .w3-animate-fading { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);} .opaque { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1);} .rollercenter {height: 400px;background-position:top center;} #slider {background-size: cover;height:400px;max-width:1920px;margin:0 auto;} /* /xtra/css/common/home13.css */ html{background-image:none;margin:0 auto;color:#666} #homecontent{margin:120px 20px 30px;overflow:visible;height:50px} #homecontent h1{color:#4e77ae;font-size:31px;font-weight:700;margin-bottom:0} .w3-row #navbar{max-width:1300px;} #navbar-inner{max-width:1200px;margin:0 auto;} #cssmenu > ul{height:57px} #cssmenu ul .active > a{width:137px;height:33px} #topheading{margin-bottom:10px} #community-campaign{background-color:#f2f3f6;background-image:url(/images/layout/sidebar/community-campaign-bg.png);background-repeat:no-repeat;display:block;margin:0;padding:75px 0 0;text-align:center;width:198px} #base h2{font-size:36px;color:#003460;margin:0 0 10px;font-family:Calibri,Arial,Helve,tica,sans-serif;letter-spacing:-1px;line-height:32px} .sub{font-size:16px;color:#333;font-weight:400;margin:0 0 5px;font-family:Calibri,Arial,Helve,tica,sans-serif;letter-spacing:-1px;line-height:30px} #product{margin:20px 0} #profile{background-color:#fceee3;font-size:13px;padding:10px} #profile img{float:right;padding-top:10px;padding-left:2px} #profile p{padding-top:6px} #profile a{display:block;margin:2px 0 0;} .profile-heading{font-size:18px;font-weight:500;margin:0} .profile-name{font-size:16px;margin:10px 0 3px} .profile-title{font-size:14px;margin:0 0 3px} .profile-company{font-size:12px;margin:0 0 20px} .profile-body{font-size:12px;margin:40px 0 0} #tips{font-size:11px;line-height:120%} #tips li{cursor:pointer;margin-top:5px;padding:4px} #tips li h5{border-right:1px solid #999;color:#06f;display:inline;font-size:10px;font-weight:400;margin-top:8px;padding-left:0;padding-right:5px;padding-top:0} #tips li h6{border-right:1px solid #999;color:#06f;display:inline;font-size:10px;padding-left:3px;padding-right:3px} #tips li a{font-size:12px;padding-left:4px;text-decoration:none} #tips li p{float:left;font-size:14px;overflow:hidden;padding-bottom:3px;padding-top:0;text-indent:13px;text-overflow:ellipsis;width:100%} .tips{font-size:11px;line-height:120%} .tips li a{font-size:14px;padding-left:4px;text-decoration:none} .tips li p{float:left;overflow:hidden;padding-bottom:3px;padding-top:0;text-indent:13px;text-overflow:ellipsis;width:100%} .tips li{cursor:pointer;margin-top:5px;padding:4px} .tips li h5{border-right:1px solid #999;color:#06f;display:inline;font-size:10px;font-weight:400;margin-top:8px;padding-left:0;padding-right:5px;padding-top:0} .tips li h6{border-right:1px solid #999;color:#06f;display:inline;font-size:10px;padding-left:3px;padding-right:3px} .calloutDown{border-left:7px dotted transparent;border-right:7px dotted transparent;border-top:7px solid #eee;height:0;left:0;margin-left:20px;margin-top:3px;top:0;width:0;z-index:10} .features-list h6{font-size:15px;font-weight:700;margin:15px 0 0;padding-left:0} h6{font-size:15px;font-weight:700;margin:15px 0 0;padding-left:0} .read-more-wrapper{background-image:url(/images/layout/home/icon-read-more.png);background-position:left center;background-repeat:no-repeat;margin-top:5px;padding-left:35px} .read-more-wrapper h3{font-size:16px;padding:0} a{color:#ef8000;text-decoration:none} h3.secondary{background-color:#cdd7df;border:1px solid #8d9ca9;font-size:18px;font-weight:700;padding:5px;text-shadow:0 1px 0 #fff} .downbottom{position:absolute;bottom:5px} #ourstory p{font-size:13px;padding-bottom:0;padding-top:15px} #logo table tr td{width:50px;height:70px} .logo table tr td{width:50px;height:70px} .line1{color:#ef803a;font-size:11px;font-weight:700;margin-bottom:10px;display:block} .dnbutton{background-color:#82c43a;background-image:-moz-linear-gradient(center top,rgba(0,0,0,0),rgba(0,0,0,0.1));border-radius:5px;box-shadow:0 -2px 0 rgba(0,0,0,0.1) inset,0 2px 0 rgba(0,0,0,0.1);color:#fff;display:inline-block;font:14px/32px Arial;margin:2px;padding:5px 0;text-align:center;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,0.1);vertical-align:middle;line-height:16px;display:block;overflow:hidden} .dnbutton a{color:#fff;padding:5px 10px;display:block} .technologyboxes img{display:block;margin-left:auto;margin-right:auto;margin-top:5px;max-width:179px;width:80%} .feelgood >p{padding-top:10px} /* /xtra/css/home/update2016-09-16.css 50% used */ h1{font-weight:300!important;font-size:46px!important} /* h3{color:#888!important;font-size:26px!important} */ #domainsscreens{width:1000px;margin-left:auto;margin-right:auto} #domainsscreens li{display:inline;margin-left:43px} #domainsscreens li:first-child{margin-left:15px} #epictext-main{font-size:44px} #screenshot{width:179px} #gmq-logo img{width:200px} #gmq-logo{margin-top:40px;text-align:center} .breaklinks{display:block;margin-top:15px;font-size:15px} button.orange{background-color:#ef8000;padding:15px 60px!important} button.blue{padding:15px 30px!important} .centersection{width:306px} #boxshot{float:left} #businessbutton{margin-top:10px} #extensions{width:280px;margin-left:60px} .gartner-cca{display:block} #gartner_cca{display:block;margin:0 auto;margin-top:40px} #gartner_cca_text{text-align:center;margin-top:40px;margin-bottom:40px;font-size:36px;color:#888} #gartner-subtext{font-size:10px} #gartner-acess{font-size:15px} #gartner-readmore{font-size:18px;text-align:center} .globalleaders{clear:both;width:100%;font-weight:600;} .globalleaders-left{float:left;padding-right:50px} .globalleaders-right{padding-left:80px} #goldtext{color:#f59816} #gpi{color:#7876b3} #architecturebutton{margin-top:10px} #softwarebutton{margin-top:10px} #headspacer{clear:both;content:"";display:table} #systemsbutton{margin-top:10px} .colhead{font-size:27px} .home-page img{max-width:322px;max-height:201px;margin-left:40px} .home-b{margin-top:23px!important} .view-webinars{margin-left:16px;background:#eee none repeat scroll 0 0;box-shadow:0 1px 5px rgba(0,0,0,0.2);color:#212121} .view-webinars a{color:#666} .success.w3-col.w3-half.w3-padding-24{width:35%;margin-left:38px;margin-right:38px} .w3-row-padding.w3-padding-24{margin-top:55px} .tryandbuy{background:none!important} .pricingbutton{background:none!important} .block .nav{background:#eee none repeat scroll 0 0;box-shadow:0 1px 5px rgba(0,0,0,0.2)} #purchase a{padding-right:10px} #profile{width:100%} #callout{text-align:left;margin-top:45px} #mid-table{width:200px;height:204px} #mid-table td,#mid-table th{padding-left:10px} #mid-table #table-head{color:#555;font-weight:800;font-size:16px} #sidebar-left{width:220px!important} #sidebar-left .block ul li ul li a{width:214px!important} #ea-logo{margin-left:40px;margin-right:20px;float:left;border:none} #ea-logo img{padding-top:13px} #sidebar-left .nav{background-color:#e3f7ff;border-radius:10px} #top-heading{margin-bottom:4px;text-align:center} #top-logo{display:block;margin-left:auto;margin-right:auto;text-align:center} #top-logo img{display:block;margin-left:auto;margin-right:auto;text-align:center;width:223px} .team-para{margin-top:14px;text-align:left} #business{margin-top:0} #software{margin-top:60px} #systems{margin-top:76px} #architecture{margin-top:61px} .screenshot{margin-top:45px} #opening-paragraph{font-size:15px;padding:15px 0} #opening-paragraph2{font-size:15px;padding:15px 10px 15px 0;float:left;max-width:462px} #sidebar-left .nav .content ul li a{background-color:#CAE6FF;border-radius:5px;color:#003460;font-family:Calibri,Arial,Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:15px;text-decoration:none} .zzz-learnmore{margin-top:10px;text-align:left} #lastlearnmore{background:none} #enterprise{color:#0c3a7e} #architect{color:#f59816} .downloadpurchase{clear:both;padding-left:0px;text-align:center;margin-top:15px} #sectionbreak{background-color:#64BAFA;color:#fff;font-size:33px;margin-top:33px;padding-bottom:20px;padding-top:20px;text-align:center;width:100%} #sectionbreakgreen{background-color:#7ED9BC;color:#fff;font-size:33px;margin-top:33px;padding-bottom:20px;padding-top:20px;text-align:center;width:100%} #sectionbreakpink{background-color:#FF686D;color:#fff;font-size:33px;margin-top:33px;padding-bottom:20px;padding-top:20px;text-align:center;width:100%} #sectionbreakgrey{background-color:#aaa;color:#fff;font-size:33px;margin-top:33px;padding-bottom:20px;padding-top:20px;text-align:center;width:100%} #sectionbreakorange{background-color:#F5A679;color:#fff;font-size:33px;margin-top:33px;padding-bottom:20px;padding-top:20px;text-align:center;width:100%} #sectionbreakclear{background-color:#fff;color:#fff;font-size:33px;margin-top:33px;padding-bottom:20px;padding-top:20px;text-align:center;width:100%} #hometable{} td{vertical-align:top} #version13{text-align:left;margin-left:51px;color:#f5940a;font-size:14px} .w3-padding-24,.w3-padding-hor-24{padding-bottom:24px!important;padding-top:0!important} #smallquote{font-size:10px;padding-top:15px} #position{color:#06f} .finalhook{font-size:25px;text-align:center} /*.lytebox > img{margin-right:11px;border:1px solid grey}*/ .smallscreenshots{clear:both} .mobileon{display:none} #trace3{width:250px;margin:20px auto;margin-top:10px;margin-bottom:5px} .Testimonial{width:29%} .success{width:29%} @media screen and (max-width:700px) { .turnbutton a{border:1px solid #fff;color:#fff;margin:3px 10px;height:30px;border-radius:3px;cursor:pointer;outline:0 none;overflow:hidden;vertical-align:middle;white-space:nowrap;display:block;padding:3px 10px} .mobileview{float:left} .mobileoff{display:none} .mobileon{display:block;text-align:center} #trace3{width:420px;max-width:420px!important;margin-top:10px;margin-bottom:15px} .Testimonial{width:100%} .success.w3-col.w3-half.w3-padding-24{width:100%;margin-left:0;margin-right:0} #domainsscreens,#page{width:auto} #extensions{margin:0 auto!important} .awards p{font-size:15px} p{font-size:15px} .features-list > li{font-size:15px} a{font-size:15px} .w3-half{max-width:100%;padding-left:0} .w3-content{display:flex;width:100%} .tips li p{line-height:18px} #enterprise{font-size:64px} #architect{font-size:64px} } sup{vertical-align:super;font-size:smaller} img{border:0} #topbanner{background-image:url(/products/procloudserver/ProCloudServer-Banner-gradient.png);background-position:center top;min-height:250px;overflow:visible;width:100%;padding-bottom:20px;padding-top:20px;text-align:center;width:100%} #pcs-grad{background:#cce0ea;background:-webkit-linear-gradient(#cce0ea,#fff);background:-o-linear-gradient(#cce0ea,#fff);background:-moz-linear-gradient(#cce0ea,#fff);background:linear-gradient(#cce0ea,#fff)} #pro{font-family:"Roboto",sans-serif;font-size:90px;color:#0c3a7e} #server{font-family:"Roboto",sans-serif;font-size:90px;color:#f59816} #pcs-ctr{text-align:center} #pcs-sub{font-family:"Roboto",sans-serif;font-size:35px;font-weight:300;color:#666;display:block;margin-top:10px} #pcs-with{font-family:"Roboto",sans-serif;font-size:18px;font-weight:300;color:#666;display:block;margin-bottom:5px} /* /xtra/css/home/update2018-03-23.css 76% used */ #eault{display:inline-table;box-shadow:3px 3px 18px #888;border-radius:5px 5px 0 0;margin-top:30px;z-index:-1} #descriptive14{background-color:#0c3a7e;color:#fff;height:50px;text-align:center;width:280px;border-radius:0 0 5px 5px;box-shadow:3px 3px 18px #888;z-index:1;margin-top:-5px} .col-internal p{text-align:center; max-width: 64%;margin-left:auto; margin-right:auto;} .centersection p{text-align:left} .w3-col p{text-align:left} #eatitle{padding-top:16px;font-size:17px} #eatitle a{color:#fff} #sectionbreakpurple{background-color:#956ECE;color:#fff;font-size:33px;margin-top:33px;padding-bottom:20px;padding-top:20px;text-align:center;width:100%} #titleimage{line-height:15px} #versionnum{position:relative;left:10px;top:130px;color:#fff;font-size:190px;opacity:1;text-shadow:3px 3px 5px #333} #homebannercontent{min-height:600px;clear:both;position:relative;z-index:0;margin-top:80px;} .ea-top{float:right;margin:100px 0 0;background:linear-gradient(to right,rgba(0,0,0,0.7),rgba(0,0,0,0.7),rgba(0,0,0,0.7),rgba(0,0,0,0.8),rgba(0,0,0,0.9));max-height:93%;text-align:center!important} #homebannercontent h1{font-size:26px;font-weight:500!important;margin-bottom:0;color:#4e77ae;text-align:center} #homebannercontent table{width:100%} .button{border:medium none!important;border-radius:0!important;text-align:center!important;text-decoration:none!important;display:inline-block!important;font-size:16px;background-color:#426489;width:73%;color:#fff;height:40px;padding:10px 10px!important;margin:15px 21px!important} .button:hover{background-color:#6896c9;cursor:pointer} .button.slideshow{border-radius:2px!important;font-size:12px;padding:5px!important} .button.slideshow:hover{background-color:#6896c9;cursor:pointer} /*#homebannercontent button{background-color:#426489;display:inline-block;width:73%;color:#fff;height:40px;padding:5px 10px!important;margin:15px 21px!important} #homebannercontent button:hover{background-color:#6896c9;cursor:pointer}*/ .breaklinks a{color:#666!important} #quicklinks{text-align:center;margin-bottom:60px;margin-top:-20px;width:280px} #tips li p{padding-left:0} .white-widebox-flex{height:auto;text-align:center;overflow:hidden;padding:0;} #slider{background-size:cover;height:480px;max-width:800px;margin:0 auto} #sliderborder{height: 420px;border: 10px solid #333;border-radius: 0px;margin-top:14px;} #slider h5{font-size:16px;padding-top:20px;margin-bottom:-40px;font-weight:700;width:100%;text-align:center} .flexheading{position:absolute;bottom:-35px;color:#333;font-weight:400;margin:0 auto;width:100%;text-align:center} .w3-grey,.w3-hover-grey:hover{color:#fff!important;background-color:#ccc!important} .home-divider{background-color:#eaf3ff;min-height:150px;color:#666;padding-top:50px!important;font-size:33px;padding-bottom:20px;padding-top:20px;text-align:center;width:100%} .availableedition{display:block;font-size:16px;color:#002A55;font-weight:400;margin-bottom:5px;position:absolute;margin-top:20px} #top-pro-cloud{color:#0c3a7e;} #top-server{color:#f59816;} .opening-header{text-align:left!important;padding:6px 0px 0px 22px;margin:0px 50px;} .opening-paragraph{text-align:center!important;font-size:18px;padding:10px 0px 30px 0px;margin:0px 50px;} .bk-alt{background:#F6F6F6} .topic-container{overflow:hidden;padding:36px 0} .topic-container h2{font-size:44px!important;line-height:1.07724;font-weight:200;letter-spacing:-.016em;font-family:"Roboto",sans-serif;text-align:center} .home-banner-inner-box {float:right;margin:28px -45px 0 0;background:linear-gradient(to right,rgba(0,0,0,0.7),rgba(0,0,0,0.7),rgba(0,0,0,0.7),rgba(0,0,0,0.8),rgba(0,0,0,0.9));max-height:93%;text-align:center!important;width:700px;max-width: 96%;} .home-banner-subheader1{font-size:45px;color:white;padding:35px 0px 0px 0px;text-align:center!important} .home-banner-subheader2{padding:0px 0px 20px 0px;color:#F5940A;font-size:21px;text-align:center!important} .home-banner-button-area {width:33.33%;min-width:70px;} .home-banner-button {border-radius:16px!important;text-align:center!important;text-decoration:none!important;display:inline-block!important;font-size:20px;background-color:#426489;width:86%;color:#fff;min-height:43px;padding:5px 5px 5px 5px!important;margin:15px 21px!important;} .zzz--learnmore{background:url(/images/icons/home-page-icon-learn-more2.png) no-repeat;background-size:23px;background-color:#426489; background-position-x:30px;background-position-y:center;} .downloadnow{background:url(/images/icons/home-page-icon-download.png) no-repeat;background-size:23px;background-color:#426489; background-position-x:16px;background-position-y:center;} .pricing{background:url(/images/icons/home-page-icon-pricing.png) no-repeat;background-size:23px;background-color:#426489; background-position-x:46px;background-position-y:center;} .home-banner-button:hover {background-color:#214469;} .padding-bottom-20 {padding-bottom:20px} .padding-right-30 {padding-right:40px} .padding-left-30 {padding-left:40px} .bmd-col-40 {width:39.9%;float:left;} .bmd-col-60 {width:59.9%;float:left;padding:10px;} .border-radius-5 {border-radius:5px} .slider-image-dots {position:absolute;bottom:-12px;} .sfed-paragraph {font-size:20px;text-align:left;max-width:700px;margin: 0px auto;padding-bottom:30px;} .width-50per {width:50%;} .product-name-header{font-size:36px!important;line-height: 1.07724;font-weight:200;letter-spacing:-.016em;/*font-family:"Roboto",sans-serif;*/text-align: center;} .pcs-blurb-paragraph{text-align:left!important;font-size:19px;} .boxshots50-corporate,.boxshots50-procloudserver,.boxshots50-professional,.boxshots50-ultimate,.boxshots50-unified {background-image: url(/images/boxshots/boxshots50-sprite.png);background-repeat: no-repeat;display: block;} .boxshots50-corporate {width: 53px;height: 50px;background-position: -2px -2px;margin:0px auto;} .boxshots50-procloudserver {width: 80px;height: 50px;background-position: -2px -56px;margin:0px auto;} .boxshots50-professional {width: 53px;height: 50px;background-position: -59px -2px;margin:0px auto;} .boxshots50-ultimate {width: 53px;height: 50px;background-position: -116px -2px;margin:0px auto;} .boxshots50-unified {width: 53px;height: 50px;background-position: -86px -56px;margin:0px auto;} .boxshots100-corporate,.boxshots100-procloudserver,.boxshots100-professional,.boxshots100-ultimate,.boxshots100-unified {background-image: url(/images/boxshots/boxshots100-sprite.png);background-repeat: no-repeat;display: block;} .boxshots100-corporate {width: 83px;height: 100px;background-position: -2px -2px;margin:0px auto;} .boxshots100-procloudserver {width: 197px;height: 100px;background-position: -2px -106px;margin:0px auto;} .boxshots100-professional {width: 83px;height: 100px;background-position: -89px -2px;margin:0px auto;} .boxshots100-ultimate {width: 83px;height: 100px;background-position: -176px -2px;margin:0px auto;} .boxshots100-unified {width: 83px;height: 100px;background-position: -203px -106px;margin:0px auto;} /* extra selectors required to remove all inline attribute styles */ .main-navbar-row {height: 90px;} .text-align-center {text-align:center;} .light-blue-bkcolor {background-color:#eaf3ff;} .home-banner-row {min-height:384px;max-width: 1100px;} .home-banner-white-ea-logo {width:90%; margin: 20px auto 5px auto;} .home-banner-blurb {padding: 10px 20px 0px 24px; color: #FFF; font-size: 14px} .small-edition-ea-logo {margin:0px 9px -6px 5px;} .small-edition-pcs-logo {background-image: url('/products/procloudserver/images/ProCloudServer-logo-blue-blue.png'); background-size:80px 42px;background-position:50px 10px;background-repeat:no-repeat;} .top-padding-50 {padding: 50px 0px 0px 0px;} .top-padding-36 {padding: 36px 0px 0px 0px;} .top-padding-20 {padding: 20px 0px 0px 0px;} .top-padding-10 {padding: 10px 0px 0px 0px;} .left-right-pad-25 {padding:0px 25px; max-width:100%;} .left-pad-80 {padding-left:80px;} .img-sparx-logo-pos {margin:15px auto 30px auto} .sparx-quote {padding:0px; display:block;margin:0 auto;} .sparx-quote-item {padding: 0px 0px 15px 0px!important;} .quote-down {padding-left:20px;margin-bottom:-10px;} .img-pcs-logo-pos {margin: 0px 0px 15px 0px;} .margin-0-auto {margin: 0 auto;} .slider1-image1 {background-image: url('/images/ea_screenshots/ea13/uml2.png');background-size:cover;} .maxwidth-100 {max-width:100%} .width-100 {width:100%} .slider1-blue-text {color:#003460;font-size: 16px;padding-top: 20px;margin-bottom: -40px;font-weight: 700;width: 100%;text-align: center;} .slider1-image2 {background-image: url('/images/ea_screenshots/ea13/process3.png');background-size:cover;} .slider1-image3 {background-image: url('/images/ea_screenshots/ea13/systems2.png');background-size:cover;} .slider1-image4 {background-image: url('/images/ea_screenshots/ea13/auto1.png');background-size:cover;} .slider1-image5 {background-image: url('/images/ea_screenshots/pcs-webea-twophone-tablet-collage.png');background-size:cover;} .slider1-image6 {background-image: url('/images/ea_screenshots/ea13/code2.png');background-size:cover;} .slider1-image7 {background-image: url('/images/ea_screenshots/ea13/simulation2.png');background-size:cover;} .slider1-image8 {background-image: url('/images/ea_screenshots/ea13/trace3.png');background-size:cover;} .slider1-image9 {background-image: url('/images/ea_screenshots/ea13/uml2.png');background-size:cover;} .slider1-image10 {background-image: url('/images/ea_screenshots/procloudserver-screencollage.png');background-size:cover;} .abs-top-left {position:absolute!important;top:38%!important;left:15px;} .abs-top-right {position:absolute;top:38%;right:15px;} .bmd-ea-logo-pos {margin-right:14px;width: 50px;} .bmd-header-text {text-align: left;font-size:65px!important; padding:30px 0px 10px 0px;color:#555;line-height: 48px;} .bmd-header-text-color2 {color: #f59816;} .bmd-subheader-text {text-align: left;font-size: 30px!important; padding:0px 0px 0px 0px;} .slider2-image1 {display:block;margin-right:10px;} .slider2-image1-img {width:420px;display:block;margin-top:10px!important;max-width:90%!important} .slider3-main-layout {max-width:90%!important;} .slider3-main-layout-inner {margin:0px auto;text-align:center; height:35px;} .block-topbot30-auto {display:block;margin: 30px auto;} .bmd-req-para {text-align:center;margin-bottom:5px;margin-top:20px;} .bmd-req-para-inner {background-color: white;} .bmd-text-ticker2-layout {max-width:400px;margin:0 auto; font-size:22px;color:#666;text-align:center;} .bmd-ultimate-box {max-width:120px} .bmd-col2-top-pad {padding-top: 30px;} .bmd-community-image {width:180px;margin:10px auto;display:block} .bottom-padding-32 {padding-bottom:32px;} .your-creative-vision-mob {font-size:33px;margin-top:10px;} .ea-link-band-layout {margin: 0 auto; font-size:12px; width:100%;} .your-creative-vision {font-size:36px!important;text-align:left;} .refmat-col5-layout {margin-top: 12px;} .refmat-col-header{font-weight:700;padding-bottom:10px;} .refmat-subheader-text {font-size: 36px!important;font-weight:500;margin:35px auto 0;text-align:left;padding:0;max-width:1000px;color: #888 !important;} .refmat-subheader2-text {margin: 3px 0 17px 0;color: #F5940A;font-size: 19px;text-align: left !important;color: #555;padding: 5px 0;} .user-guide-sub-section {padding-right:40px;} .user-guide-center-section { width:350px; padding-top:7px;} .user-guide-sub-header {margin: 3px 0 17px 0;} .ebs-col5 {padding-top:10px;width:20%;min-width:200px;float:left;min-height:134px} .ebs-col4 {padding-top:10px;width:25%;min-width:250px;float:left;min-height:160px} .eam-col1{padding-top:10px;width:48%;min-width:250px;float:left;min-height:160px} .eam-col2{padding-top:10px;padding-left:91px;width:48%;min-width:250px;float:left;min-height:160px} .eam-head{padding-bottom:35px;} .eam-paragraph{padding-bottom: 6px;} .font-18 {font-size: 18px;} .display-listitem {display: list-item;} .padding-20 {padding:20px;} .padding-20-10 {padding:20px 10px;} .padding-left-20 {padding-left:20px;} .padding-top-10 {padding-top:10px;} .get-started-today {padding:20px 0 0 0; clear:both} .editions-5col-header {width:100%;padding:11px 0px 4px 0px;text-align: center;color:#222;font-size: 18px;display: inline-block;font-weight: 700;} .editions-5col-text {padding: 14px 0 0 17px;text-align: left;font-size: 15px; height:75px;} .main-section-header {padding-top:12px;font-size: 28px !important; line-height: 1.07724;font-weight: 200;letter-spacing: -.016em;font-family: "Roboto",sans-serif;text-align: center;} .main-section-header-left {font-size: 52px !important; line-height: 1.07724;font-weight: 200;letter-spacing: -.016em;font-family: "Roboto",sans-serif;text-align: left!important;} .bass-col1-image-parent {height:180px; width:180px;} .bass-col1-image {background: url('/images/screenshots/productindex/bpmn-sq.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);} .technology-area {background-color: #eee;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .technology-boxes {padding: 20px 0px 0px 16px!important;font-size:12px} .technology-colhead {font-size:24px;font-weight: 700;margin: 5px 0px 0px 0px;padding-left: 0px;} .technology-colhead1 {text-align: left;padding: 0px 0px 6px 0px;} .technology-colhead2 {text-align: left;padding: 0px 0px 6px 0px;} .technology-colhead3 {text-align: left;padding: 0px 0px 6px 0px;} .technology-colhead4 {text-align: left;padding: 0px 0px 6px 0px;} .technologybox-image {display: block;margin: 0px auto 0px 0px!important;padding: 0px!important;max-width: 180px!important;border:unset!important} .testimonial-author-name {color: #06f;display: inline;font-size: 10px;font-weight: 400;margin-top: 8px;padding-left: 0;padding-right: 5px;padding-top: 0;} .testimonial-author-role {color: #06f;display: inline;font-size: 10px;padding-left: 3px;padding-right: 3px;font-weight: 700;margin: 15px 0 0;} .testimonial-quote-text {float: left;overflow: hidden;padding-bottom: 3px;padding-top: 0;text-overflow: ellipsis;width: 100%;text-align: left;} .dm-col-headers {font-size: 27px;font-weight: 700;margin: 15px 0 0;padding-left: 0;} .globcomm-col-headers {color: #888 !important;font-size: 26px !important;margin:0px!important;background-color:#fdeee1;border-color:#f3a662;border-style:solid;border-width:1px;font-size:18px;font-weight:700;padding:5px;text-shadow:0 1px 0 #fff} .sparx-logo-padding {height:82px;} .home-library-image, .home-requesttrial, .home-buynow, .home-download, .home-learnmore, .home-closequote, .home-openquote, .home-pdf-icon, .home-smallopenquote, .home-smallclosequote, .home-sparxlogo, .home-pcslogo, .home-earose24, .home-earose46, .home-buynow-icon , .home-download-icon, .home-learnmore-icon { display: inline-block; background: url('/images/sprites/sprite-home.png?v=201901') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .home-library-image { background-position: -0px -0px; width: 257px; height: 175px; } .home-requesttrial { background-position: -0px -175px; width: 120px; height: 44px; } .home-buynow { background-position: -120px -175px; width: 106px; height: 44px; } .home-download { background-position: -0px -219px; width: 106px; height: 44px; } .home-learnmore { background-position: -0px -409px; width: 120px; height: 44px; } .home-closequote { background-position: -226px -175px; width: 24px; height: 21px; } .home-openquote { background-position: -226px -196px; width: 24px; height: 21px; } .home-pdf-icon { background-position: -226px -217px; width: 16px; height: 16px; } .right-margin-5 {margin-right:5px;} .home-smallclosequote { background-position: -246px -216px; width: 9px;height: 8px;display:inline-block; } .home-smallopenquote { background-position: -246px -226px; width: 9px;height: 8px;display:inline-block; } .home-sparxlogo { background-position: -2px -260px; width: 200px;height: 50px; } .home-pcslogo { background-position: -2px -312px; width: 180px;height: 98px; } .home-earose24 { background-position: -232px -263px; width: 24px;height: 24px; } .home-earose46 { background-position: -210px -318px; width: 46px;height: 46px; } .home-buynow-icon { background-position: -150px -422px; width: 23px; height: 23px; margin:2px 10px 0px 0px; } .home-download-icon { background-position: -184px -422px; width: 23px; height: 23px; margin:2px 10px 0px 0px; } .home-learnmore-icon { background-position: -214px -422px; width: 23px; height: 23px; margin:2px 10px 0px 0px; } .home-buynow:hover{color:#000;background-color:#ccc} .home-download:hover{color:#000;background-color:#ccc} .home-requesttrial:hover{color:#000;background-color:#ccc} .home-learnmore:hover{color:#000;background-color:#ccc} .ea-30min-tour-section {text-align:center;font-size:18px;padding:0px 0px 60px 0px;margin-top:5px;} .w3-1020-row {padding: 0px;margin: 0px auto;max-width: 1020px;} .font-size-14 {font-size: 14px} .right-border-5 {border-right: 5px solid white;} .bottom-padding-10 {padding-bottom: 10px;} .bottom-padding-50 {padding-bottom:50px;} .italic-text { font-style: italic; } .text-align-left {text-align: left;} .margin-top-22px {margin-top:22px!important;} .home-products-testimone-item {padding: 0px 20px 24px 20px;} .global-community-col1 {float: left;padding-right: 20px;} .global-community-col2 {padding-left: 20px;} .bmd-header-text{text-align: center;} .home-head-title{font-size:80px;text-align: center;padding-top: 40px;} .opening-header{text-aign:center;} .main-ea-logo{width:680px;padding-top: 15px;} .head_screenshots{margin-top:0px;} .into_text{padding-left:23px;} .version-text{font-size: 14px;} /*Slider*/ .slider-prev-button {position:absolute!important;top:42%;left:5px} .slider-next-button {position:absolute!important;top:42%;right:5px;} .slider-back-image01 {background-image: url('/images/layout/slider/800px/d4-strategic-model-800px.jpg');} .slider-back-image02 {background-image: url('/images/layout/slider/800px/d4-mindmap-800px.jpg');} .slider-back-image03 {background-image: url('/images/layout/slider/800px/d1-requirements-800px.jpg');} .slider-back-image04 {background-image: url('/images/layout/slider/800px/d2-specification-manager-800px.jpg');} .slider-back-image05 {background-image: url('/images/layout/slider/800px/d3-use-case-800px.jpg');} .slider-back-image06 {background-image: url('/images/layout/slider/800px/d5-process-model1-800px.jpg');} .slider-back-image07 {background-image: url('/images/layout/slider/800px/d5-process-model3-800px.jpg');} .slider-back-image08 {background-image: url('/images/layout/slider/800px/archimate-800px.jpg');} .slider-back-image09 {background-image: url('/images/layout/slider/800px/d6-wireframes1-800px.jpg');} .slider-back-image10 {background-image: url('/images/layout/slider/800px/d6-wireframes2-800px.jpg');} .slider-back-image11 {background-image: url('/images/layout/slider/800px/kanban-800px.jpg');} .slider-back-image12 {background-image: url('/images/layout/slider/800px/d7-relationship-matrix-800px.jpg');} .slider-back-image13 {background-image: url('/images/layout/slider/800px/data-models-800px.jpg');} .slider-back-image14 {background-image: url('/images/layout/slider/800px/d8-code-engineering-800px.jpg');} .slider-back-image15 {background-image: url('/images/layout/slider/800px/d9-code-eng-vea-800px.jpg');} .slider-back-image16 {background-image: url('/images/layout/slider/800px/d9-profile-800px.jpg');} .slider-back-image17 {background-image: url('/images/layout/slider/800px/d12-software-release-roadmap-800px.jpg');} /* animation images*/ .w3-display-container{position:relative} .w3-badge {background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;border-radius:50%;height:13px;width:13px;padding:0px;} .w3-left{float:left!important} .w3-right{float:right!important} .w3-left, .w3-right, .w3-badge {cursor:pointer} .w3-transparent{background-color:transparent!important} .w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0} .w3-text-white,.w3-hover-text-white:hover{color:#fff!important} .w3-large{font-size:30px!important} .w3-center{text-align:center!important} .w3-btn-floating{width:40px;height:40px;line-height:40px;opacity: 0.7;} .w3-text-white, .w3-hover-text-white:hover {color: #fff !important;} .w3-hover-text-khaki { transition: background-color 0.3s ease 0s, color 0.15s ease 0s, box-shadow 0.3s ease 0s, opacity 0.3s ease 0s;} .w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important} .w3-btn-floating,.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#999;position:relative;overflow:hidden ;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px} .w3-border { border: 1px solid #555 !important;} .w3-grey,.w3-hover-grey:hover{color:#fff!important;background-color:#ccc!important} .w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important} .w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0} .w3-centertext {position:absolute; bottom:30px;text-align:center; color:white;background-color:#555;margin: 0 auto; width:50%;margin-left:25%;padding: 0 20px;opacity: 0.65; filter: alpha(opacity=65); } /* animation images*/ .w3-animate-fading { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);} .opaque { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1);} .rollercenter {height: 449px;background-position:top center; max-width:800px;width:100%;} #slider { background-size: cover;height:520px; max-width:800px;margin:0 auto; } /* dot point*/ #sliderborder{height:451px; border:1px solid black;} .slider-image-caption{font-size:16px; padding-top:20px;margin-bottom:-45px;font-weight:700;width:100%;text-align:center;color:#003460} .caption{max-width:100%; min-width: 350px;display:block} .flexheading{position: absolute ; bottom:0px;color:#333; font-weight:400;margin:0 auto; width:100%;text-align:center;} .previewdots{top:493px;} .slider-pause-btn{width:40px;display: inline-block; text-align: center; color: #fff;background-color: #999; position: absolute; overflow: hidden; z-index: 1; padding-top:8px; cursor: pointer; font-size: 14px;white-space: nowrap; vertical-align: middle; text-decoration:none;font-weight:bold;border-radius:50%; height: 40px; position: absolute!important; top: 75%; left:45%;opacity: 0.7;font-family: Arial,Helvetica,sans-serif!important;line-height:24px;padding-right:5px;} .slider-play-btn{font-size: 24px;display:block;line-height:24px;padding-left:11px;} .slider-pause-btn:hover, .slider-play-btn:hover{ color: #b4aa50!important; text-decoration:none;} .background-title-image-section{position: absolute;} .background-title-image{width:1350px} @media only screen and (max-width: 1350px) { .background-title-image{display: none;} } #downloadpurchase{margin-top:25px;} .whitebg{background: #fff;} .technology-colhead {font-size:24px;font-weight: 500;margin: 5px 0px 0px 0px;padding-left: 0px;} .technology-colhead1 {text-align: center;padding: 0px 0px 6px 0px;} .technology-colhead2 {text-align: center;padding: 0px 0px 6px 0px;} .technology-colhead3 {text-align: center;padding: 0px 0px 6px 0px;} .technology-colhead4 {text-align: center;padding: 0px 0px 6px 0px;} .explore-gallery{font-size: 16px;} .righteditionsection{height:388px;} .ebs-col5 {padding-top:0px;padding-left:91px;width:48%;min-width:200px;float:left;min-height:134px; margin-top:0px;} .ebs-col4 {padding-top:45px;width:13%;min-width:150px;float:left;min-height:160px} .editions-5col-header:hover{text-decoration: underline;} .ebs-col4:hover{border-width: 1px; border-style: solid; border-color: #ccc;} .version-header{padding-left:0px;font-size:33px;text-align: center;} .version-text{font-size: 18px;} .rich-palette-pic img{width:600px;} .rich-palette-pic{margin-left:auto;margin-right:auto;text-align: center;} .gallery-palette{padding-right: 66px; text-align: right;} .rich-palette-section{height:500px;padding-top:50px!important;} .rich-palette{font-size:15px;padding-left:15px;} .rich-palette-head{margin-bottom:20px;font-size: 33px!important;} .pattern-thumbs img{width:100px;max-height: 54px;} .pattern-thumbs{display: inline-block!important;max-height: 60px;float:none!important;} .thumbs{text-align: center; margin-top:10px!important;} .complex-info-section{min-height:450px;} .manage-complexity-list li { background-image: url("/images/icons/tick.png"); background-position: 1px 2px; background-repeat: no-repeat; font-size: 18px; list-style-type: none; margin: 5px 0px; padding-left: 25px;} .cloud-majorhead{ margin-bottom: 20px;} .cloud-heading{ text-align: center; vertical-align: center; font-size: 26px; margin-top:20px;} .cloud{ border: 1px solid #ccc; border-radius: 16px; height:258px;} .cloud-icon{ text-align: center; margin-top:20px;} .img-pcs-logo-pos { max-width: 169px;} .open-enterprise{max-width: 80%;margin-left:auto; margin-right:auto; margin-bottom:20px;} .block{overflow: -webkit-paged-y;} .ea15, .ea15 a {color: white!important;font-size: 24px;padding-bottom:20px;} /* SECTIONS */ .section {clear: both;padding: 0px; margin: 0px;} /* COLUMN SETUP */ .col {display: block; float:left; margin: 1% 0 1% 1.6%;} .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF TWO */ .span_2_of_2 {width: 100%;} .span_1_of_2 {width: 49.2%;} /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 750px) { .home-banner-inner-box{margin:28px 0 0 0} } @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_2_of_2, .span_1_of_2 { width: 100%; } } /* GRID OF SIX */ .span_6_of_6 {width: 100%;} .span_5_of_6 {width: 83.06%;} .span_4_of_6 {width: 66.13%;} .span_3_of_6 {width: 49.2%;} .span_2_of_6 {width: 32.26%;} .span_1_of_6 {width: 15.33%;} /* GO FULL WIDTH BELOW 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; } } /* GRID OF THREE */ .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.13%; } .span_1_of_3 { width: 31.26%; } /* GO FULL WIDTH BELOW 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; display:contents; } .span_3_of_3, .span_2_of_3, .span_1_of_3, .span_1_of_4, .ebs-col4, .rollcenter, .home-banner-button-area, .preview { width: 100%; } .home-head-title{font-size: 43px;} .bmd-header-text{font-size: 34px!important;} .rollercenter{max-width: 100%!important;} .righteditionsection{height:auto;} .ebs-col5{width:auto; padding-left: 5px;, padding-right:5px;} .topic-container p, .version-text, .open-enterprise, .rich-palette-head, .high-performance, .thousands-of-patterns {padding-left:5px; padding-right:5px;} .open-enterprise, .width-50per, .col-internal p{max-width: 100%; width:100%;} } @media only screen and (max-width: 850px) { .ebs-col5{width:100%; padding-top:100px; padding-bottom:50px} } @media only screen and (max-width: 1200px) { .ebs-col5{width:100%; padding-top:100px; padding-bottom:50px} } /* Flexible and rich*/ .technologyboxes {min-height: 550px;} .technologyboxes img { width: 240px; } .technologyboxes P{font-size: 18px;} .technologyboxes h3 { font-weight: 270; font-size: 26px !important; line-height: 36px; color: #666; font-family: "Roboto",sans-serif; font-size: 20px; font-weight: 200; margin-top: 40px; line-height: 22px;} .high-performance{ font-weight: 270; font-size: 26px !important; line-height: 36px; color: #666; font-family: "Roboto",sans-serif; font-size: 20px; font-weight: 200; margin-top: 15px; margin-bottom: 10px; line-height: 22px; } .thousands-of-patterns{ font-weight: 270; font-size: 21px !important; color: #666; font-family: "Roboto",sans-serif; font-weight: 600; margin-top: 15px; margin-bottom: 10px; line-height: 22px; } .dressed-image { border-radius: 16px; /* Smooth curved edges */ box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Soft shadow */ transition: transform 0.3s ease, box-shadow 0.3s ease; } .dressed-image:hover { transform: scale(1.005); /* Subtle zoom on hover */ box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25); }