/********************************************/ /* HTML */ /********************************************/ a.classic {color:#623C47!important; text-decoration:none!important; font-weight:bold;} a.classic:hover {color:#CC9F00!important; text-decoration:none!important;} a.gray {color:#777777!important; text-decoration:none!important;} a.gray:hover {color:#333333!important; text-decoration:none!important;} ul.quick-links {margin:0;} ul.quick-links li {list-style-type: none; background-repeat:no-repeat; background-position: left center; padding:5px 30px!important; margin-right:20px; } ul.quick-links li a {color:#777777; text-decoration:none; display:block} ul.quick-links li a:hover {color:#333333; text-decoration:none;} ul.quick-links li.first {border-top-style:none;} ul.quick-links li.support {background-image:url("../../Images/bullets/icon-Support.png")} ul.quick-links li.support:hover {background-image:url("../../Images/bullets/icon-Support-on.png")} ul.quick-links li.activation {background-image:url("../../Images/bullets/icon-Activation.png")} ul.quick-links li.activation:hover {background-image:url("../../Images/bullets/icon-Activation-on.png")} ul.quick-links li.faq {background-image:url("../../Images/bullets/icon-FAQ.png")} ul.quick-links li.faq:hover {background-image:url("../../Images/bullets/icon-FAQ-on.png")} ul.quick-links li.licences {background-image:url("../../Images/bullets/icon-Licences.png")} ul.quick-links li.licences:hover {background-image:url("../../Images/bullets/icon-Licences-on.png")} /********************************************/ /* Call to action */ /********************************************/ .call-to-action {font-size:10px; margin:5px auto; position:relative; padding:0 7px;} .call-to-action a {font-size:10px;} .call-to-action .absolute {position:absolute; bottom:5px; right:20px;} .call-to-action .absolute-left {position:absolute; bottom:5px; left:20px;} .call-to-action a.big {padding:1px 00px 1px 30px; margin:0 00px 0 5px; line-height:16px;} /* call-to-action classic */ .call-to-action ul.classic {padding:0 0 10px 0; margin:0; font-size:10px;} .call-to-action ul.classic > li {padding:0; margin:0; list-style-type:none; font-size:10px;} .call-to-action ul.classic li.separator {border-top:1px dashed #CCCCCC; height:1px; margin:0 8px 0 8px;} .call-to-action ul.classic li.item {margin:0 8px 0 8px; padding:5px 0 5px 0;} .call-to-action ul.classic li.item img {margin: 0 10px 0 0; } .call-to-action ul.classic li.item div.left {margin:0; padding:0; width:220px} .call-to-action ul.classic li.item div.left p {padding:5px 0;} .call-to-action ul.classic li.item div.left a.image-right {margin:3px 0;} .call-to-action ul.classic li.item ul {margin:0} .call-to-action ul.classic li.item ul li {list-style-type:square; margin:0; padding:0;} .call-to-action ul.classic li.item ul.list-clear {margin:0; padding:0} .call-to-action ul.classic li ul.vertical {margin:0 0 10px 8px;} .call-to-action ul.classic li ul.vertical li {margin:2px;} /* call-to-action absolute */ .call-to-action ul.absolute {padding:0; margin:0; position:absolute; top:0px; right:5px;} .call-to-action ul.absolute li {list-style-type:none;padding:0; margin:0;} .call-to-action ul.absolute li.item {padding:0; margin:0;} .call-to-action ul.absolute li.separator {margin-bottom:18px;} /* call-to-action with border */ .call-to-action ul.border {background-image: url("../../Images/Buttons/call-to-action-middle.jpg");} .call-to-action ul.border li.top {background-image:url("../../Images/Buttons/call-to-action-top.jpg"); background-position:top center; background-repeat:no-repeat; min-height:7px; } .call-to-action ul.border li.bottom {background-image:url("../../Images/Buttons/call-to-action-bottom.jpg"); background-position:bottom center; background-repeat:no-repeat; min-height:7px; } /* call-to-action button */ /* TODO, replace CallToActionButton by .button*/ .call-to-action .button, .CallToActionButton { font-size:10px; } .call-to-action .button a, .CallToActionButton a { color: Gray; text-decoration:none} .call-to-action .button a:hover, .CallToActionButton a:hover { color:#333333;} .call-to-action ul {padding:5px 7px;} .call-to-action p {padding:5px 7px;} /********************************************/ /* Search */ /********************************************/ #search {} #search .LiveSearch { border: 1px solid #CCCCCC; height:16px; width:120px; margin:0px; padding:0px;} #search .LiveSearch:hover,#search .LiveSearch:focus, #search .LiveSearch:active {background-color:white; border: 1px solid #333333;} /********************************************/ /* Link */ /********************************************/ ul.pdf li a, a.pdf {background-image: url("../../Images/Icons/cta-pdf.gif");} ul.pdf li a:hover, a.pdf:hover {background-image: url("../../Images/Icons/cta-pdf-on.gif");} a.exe {background-image:url("../../Images/icons/demo-download.gif")} a.exe:hover {background-image:url("../../Images/icons/demo-download-pps.gif")} a.zip {background-image:url("../../Images/icons/download1.gif")} a.zip:hover {background-image:url("../../Images/icons/download1-on.gif")} a.video {background-image: url("../../Images/Icons/cta-play.gif");} a.doc {background-image: url("../../Images/Icons/TextDoc.gif");} a.upgrade {background-image: url("../../Images/Icons/upgrade-psm.jpg");} a.text {background-image:url("../../Images/Icons/TextDoc.gif")} a.support {background-image:url("../../Images/bullets/icon-Support.png")} a.support:hover {background-image:url("../../Images/bullets/icon-Support-on.png")} a.activation {background-image:url("../../Images/bullets/icon-Activation.png")} a.activation:hover {background-image:url("../../Images/bullets/icon-Activation-on.png")} a.faq {background-image:url("../../Images/bullets/icon-faq.png")} a.faq:hover {background-image:url("../../Images/bullets/icon-faq-on.png")} a.licences {background-image:url("../../Images/bullets/icon-licences.png")} a.licences:hover {background-image:url("../../Images/bullets/icon-licences-on.png")} a.mac {background-image:url("../../Images/Icons/mac-gray.jpg"); } a.mac:hover {background-image:url("../../Images/Icons/mac-gray-on.jpg"); } a.win {background-image: url("../../Images/Icons/win-gray.jpg"); } a.win:hover {background-image: url("../../Images/Icons/win-gray-on.jpg"); } a.previous {background-image:url("../../Images/icons/previous.png")} a.previous:hover {background-image:url("../../Images/icons/previous-on.png")} a.next {background-image:url("../../Images/icons/next.png")} a.next:hover {background-image:url("../../Images/icons/next-on.png")} ul.link li a, a.link {background-image:url("../../Images/icons/link.png")} ul.link li a:hover, a.link:hover {background-image:url("../../Images/icons/link-on.png")} #content-left ul.link li a, #content-left a.link {background-image:url("../../Images/icons/link-left.png")} #content-left ul.link li a:hover, #content-left a.link:hover {background-image:url("../../Images/icons/link-left-on.png")} a.link-pps {background-image:url("../../Images/icons/link-pps.png")} a.link-pps:hover {background-image:url("../../Images/icons/link-pps-on.png")} /* It's possible these 2 may no longer be used */ a.link-psm {background-image:url("../../Images/icons/link-psm.png")} a.link-psm:hover {background-image:url("../../Images/icons/link-psm-on.png")} a.link-psw {background-image:url("../../Images/icons/link-psw.png")} a.link-psw:hover {background-image:url("../../Images/icons/link-psw-on.png")} a.link-psmd {background-image:url("../../Images/icons/link-psmd.png")} a.link-psmd:hover {background-image:url("../../Images/icons/link-psmd-on.png")} a.link-psms {background-image:url("../../Images/icons/link-psms.png")} a.link-psms:hover {background-image:url("../../Images/icons/link-psms-on.png")} a.link-psmw {background-image:url("../../Images/icons/link-psmw.png")} a.link-psmw:hover {background-image:url("../../Images/icons/link-psmw-on.png")} a.expand {background-image:url("../../Images/Layout/plus-expand.gif")} a.blank {background-image: url("../../Images/Icons/textdoc-blank.gif");} a.blank:hover {background-image: url("../../Images/Icons/textdoc-blank-on.gif");} a.activate {background-image:url("../../Images/icons/link-activate.gif")} a.activate:hover {background-image:url("../../Images/icons/link-activate-on.gif")} a.upgrade {background-image:url("../../Images/bullets/icon-upgrade.png")} a.upgrade:hover {background-image:url("../../Images/bullets/icon-upgrade-on.png")} a.upgrade-psw {background-image:url("../../Images/Icons/upgrade-psw.png")} a.upgrade-psw:hover {background-image:url("../../Images/Icons/upgrade-psw-on.jpg")} a.upgrade-psm {background-image:url("../../Images/Icons/upgrade-psm.png")} a.upgrade-psm:hover {background-image:url("../../Images/Icons/upgrade-psm-on.jpg")} a.upgrade-pps {background-image:url("../../Images/Icons/upgrade-pps.png")} a.upgrade-pps:hover {background-image:url("../../Images/Icons/upgrade-pps-on.jpg")} a.res-center {background-image:url("../../Images/bullets/icon-res-center.png")} a.res-center:hover {background-image:url("../../Images/bullets/icon-res-center-on.png")} a.enlarge {background-image:url("../../Images/Icons/enlarge-photo-border.png")} a.enlarge:hover {background-image:url("../../Images/Icons/enlarge-photo-border-on.png")} a.download {background-image:url("../../Images/icons/download1.gif")} a.download:hover {background-image:url("../../Images/icons/download1-on.gif")} a.webinar {background-image:url("../../Images/Icons/webinar.png")} a.webinar:hover {background-image:url("../../Images/Icons/webinar.png")} a.pps {background-image:url("../../Images/Icons/demo-download-pps.gif")} a.pps:hover {background-image:url("../../Images/Icons/demo-download-pps.gif")} a.notice {background-image:url("../../Images/Bullets/icon-notice.png")} a.notice:hover {background-image:url("../../Images/Bullets/icon-notice-on.png")} a.ollearn {background-image:url("../../Images/Bullets/icon-ollearn.png")} a.ollearn:hover {background-image:url("../../Images/Bullets/icon-ollearn-on.png")} a.view {background-image:url("../../Images/icons/view.gif")} /********************************************/ /* Download Link */ /********************************************/ a.big-download { text-decoration:none; line-height:30px; padding-right:35px; display:block; float:right; background:transparent url("../../Images/2011/Buttons/big-download.png") no-repeat top right;} div.space {border-right:1px dashed #ADADAD; height:30px; margin-right:8px; padding-right:8px; float:right; display:block;} /********************************************/ /* Enlarge Photo */ /********************************************/ .enlarge-photo-border {color:#ADADAD; text-align:right; padding:1px; border:1px solid #EFEFEF; margin:5px 0px 5px 15px; text-align:center; width:254px;} .enlarge-photo-border:hover {border:1px solid #ADADAD; color:#666666; cursor:pointer;} .enlarge-photo-border img {border-bottom:1px solid #EFEFEF;} .enlarge-photo-border:hover img {border-bottom:1px solid #ADADAD;} .enlarge-photo-border p {clear:both; font-size:9px;} .enlarge-photo-border p img {float:inherit;} .enlarge-photo-border a.image-left {font-size:9px; padding-right:10px;} /***************************** Box ******************************/ .box-550 {width:550px; margin:auto; border:1px solid #D9D9D9;margin-bottom:15px; padding-bottom:10px;} .box-550 h2{ background:#EEEEEE url(../../Images/Layout/section-header-bardouble.gif) repeat-x scroll 0 0; padding:3px 25px 3px 25px; display:block; margin:0; border-bottom:1px solid #D9D9D9; } .box-550 p {padding:0 25px 0 25px} .box-550 ul {padding:5px 25px 5px 40px;} .box-550 ul li.more {list-style:none; margin-left:0px;} .box-550 ul.list {padding:0 0 0 5px; margin:0 0 0 15px;} .box-550 ul.list li {padding-top:2px;} #EnlargePhotoBackground { position:absolute; top:0; left:0; width:952px; height:100%; background-color:white; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; z-index:949; } #EnlargePhoto {position:absolute; width:100%; z-index:950; top:190px;} #EnlargePhoto table table {border:1px solid #ADADAD;} #EnlargePhoto table table thead tr td {border-bottom:1px solid #ADADAD; background-color:White; } #EnlargePhoto table table tfoot tr td {border-top:1px solid #ADADAD;} #EnlargePhoto table table tbody tr td {background-color:White; padding:0; margin:0;} #EnlargePhoto table table tbody tr td img {padding:0; margin-bottom:-2px;} #EnlargePhotoClose {background-image:url("../../Images/Icons/close.png"); width:18px; height:18px; cursor:pointer; padding-right:3px; background-repeat:no-repeat;} #EnlargePhotoClose:hover {background-image:url("../../Images/Icons/close-on.png"); } /********************************************/ /* TODO : WORK ON IT */ /********************************************/ .index #content-left {border:0 none ; float:left; margin-right:5px; width:652px;} .index #content-left .pop-up { position:absolute; display:none; border:1px solid #ADADAD; border-bottom:0 none transparent; width:650px; height:250px; overflow:auto; top:0; left:0; text-align:right; overflow:hidden; } .index #content-left div.flash {height:355px; border:1px solid #ADADAD;} .index #content-left .box{ width:290px; height:125px; padding:25px 10px 0 20px; margin:5px 0 0 0; border:1px solid #ADADAD; font-size:11px; } .index #content-left .box b {font-size:15px;} .index #content-left ul {margin-top:0px;} .index #content-left .box-footer {position:absolute; top:-105px; left:0; width:335px; margin-left:0;} .index h2 {font-size:15px; font-weight:normal; margin-top:20px;} .index hr {line-height:1px; height:1px; margin:5px 0 0 0; padding:0} .index #content-right {border:0 none; float:right; width:295px; padding-bottom:0;} .index #content-right .top {height:355px; margin-bottom:5px;} .index #content-right .bottom {height:150px; margin-top:5px;} /********************************************/ /* Steps */ /********************************************/ .steps {width:100%; border-collapse:collapse;} .steps td {padding:0; margin:0;} .steps h4 {margin-top:5px; padding: 2px 10px; text-align:center;} .steps .selected h4 {background:#EEEEEE url(../../Images/Layout/section-header-bar-light.gif) repeat-x scroll 0 0;} /********************************************/ /* Snap */ /********************************************/ .snap h4 {width:277px; border:1px solid #ADADAD; border-bottom-width:0; margin:0; top:50px; right:100px;} .snap .call-to-action {width:277px; background-color:White; margin:0; border:1px solid #ADADAD; font-size:11px; padding:0 8px;} .snap .call-to-action p {line-height:18px; padding:8px 0;} .snap .call-to-action a {line-height:25px;} /********************************************/ /* Correction */ /********************************************/ .ctl00_mnuCulture_1 { text-decoration:underline!important; padding-left:3px;} .mnuCulture_1 { text-decoration:underline!important;} .CountryMenu-MenuStyle table td {padding-left:2px;} #mnuCulture td {padding-left:1px;} #shbLocale.section-header-bar {width:auto;} .CountryMenu {z-index:9000;} .CountryMenu-MenuStyle {z-index:100} #search {padding-top:6px 0;} #search input {margin:0; padding:0;} h4 .section-header-bar div {padding:0!important; } .CallToActionButton {padding:0} .CallToActionButton tbody td, .CallToActionButton tbody th {padding:0} #banner-right h4:first-child, #content-right h4:first-child {border-top-width:0;} #banner-right h4, #content-right h4 {border-top:1px solid #CCCCCC} #banner-right .call-to-action .image-left {margin-left:10px;} #banner-right .call-to-action ul {padding:0;} .ProductMultiPage { top:-1px; } #content-right h4, #banner-right h4 {width:277px;} #content-left-header a {text-decoration:none;} /********************************************/ /* Accordion */ /********************************************/ .more {background-image:url("../../Images/icons/more.png"); background-repeat:no-repeat; background-position:left center; padding-left:20px;} .more:hover {background-image:url("../../Images/icons/more-on.png")} .less {background-image:url("../../Images/icons/less.png"); background-repeat:no-repeat; background-position:left center; padding-left:20px;} .less:hover {background-image:url("../../Images/icons/less-on.png")} /********************************************/ /* TEMPORARY */ /********************************************/ .ppc-annoucement {background-color:Transparent; background-repeat:no-repeat; background-position:0 0; width:293px; height:171px; display:block;} .ppc-annoucement:hover {background-position:0 -171px;} .ppc-annoucement:active {background-position:0 -342px;} .DSPromoFrontPage {background-image: url("../../images/layout/DS-PPS-PROMO-OLPAGE.png"); background-repeat:no-repeat; height: 130px; padding-top: 40px; padding-left: 15px;} .play-video {position:relative; cursor:pointer;} .big-play {width:66px; height:66px; position:absolute; top:40px; left:114px; background:transparent url("../../images/2011/layout/big-play.png") no-repeat top left;} .play-video:hover .big-play, .big-play:hover {background-position:left -66px;} .play-video:active .big-play, .big-play:active {background-position:left -132px;} .dialog, .dialog-top, .dialog-middle, .dialog-bottom {width:684px;} .dialog {display:none; position:absolute; top:10%; left:25%; z-index:10000; margin:auto;} .dialog-top {background-image: url("../../images/2011/dialog/dialog-top.png"); background-repeat: no-repeat; height:30px;} .dialog-top span {padding:7px 25px; font-size:12px; color:#437798; font-weight:bold; display:block; float:left;} .dialog-top .dialog-close {background-image: url("../../images/2011/dialog/dialog-close.png"); height:18px; width:19px; float:right; margin:6px 21px 0 0; cursor:pointer;} .dialog-top .dialog-close:hover {background-position:0 -18px;} .dialog-top .dialog-close:active {background-position:0 -36px;} .dialog-middle {background-image: url("../../images/2011/dialog/dialog-middle.png"); background-repeat: repeat-y; text-align:center; padding-top:5px;} .dialog-middle .close{background-color:Transparent; bottom:27px; cursor:pointer; height:22px; position:absolute; right:29px; width:22px; z-index:10000;} .dialog-bottom {background-image: url("../../images/2011/dialog/dialog-bottom.png"); background-repeat: no-repeat; height:30px;} .dialog #flash {width:640px; height:510px; margin:1px 20px 10px; padding:1px; background:transparent url('../../images/2011/Layout/spinner.gif') no-repeat center center; border:1px solid #ADADAD; overflow:hidden;} .dialog .description {float:right; margin-right:25px;} .dialog .videos {margin-left: 25px;} .dialog .video {float:left; width:110px; height:auto; position:relative; cursor:pointer; vertical-align: top; margin-right:2px; text-align:left;} .dialog .video img {border:1px solid #ADADAD; } .dialog .video .play {background: transparent url("../../images/2011/Icons/video.png") no-repeat left top; position:absolute; top:37px; right:10px; width:24px; height:23px;} .dialog .video:hover .play {background-position:left -23px;} .dialog .video:active .play {background-position:left -46px;} #white-bg {position:absolute; top:0; left:0; width:100%; background:transparent url('../../images/2011/Layout/pixel.png') repeat top left; z-index:10000; float: left; display:none;} .CallToActionButton > tbody > tr > td {padding:0} div.invoices-banner { left:37px; position:absolute; top:55px; width:330px; } h1.invoices-banner { font:27px "BryantProBoldItalic",Verdana; left:34px; line-height:1; text-transform:none; color:White; font-weight:normal; margin-bottom:8px; font-weight:bold; font-style:italic; } h2.invoices-banner { font:14px "BryantProRegular",Verdana; margin:0px; text-transform:none; line-height:1; color:White; }