/* ##### RTM Product tour CSS File ##### ##### Date: August 22, 2006 ###### ##### Author: Apples To Oranges ##### */ .hide { display: none; } .clear { clear: both; height: 1px; } h1#dimension-title { background: url("/images/products/rtm/h_dimensiontour.gif") no-repeat; text-indent: -9999em; overflow: hidden; width:295px; height: 19px; margin: 1.5em 0 1.5em 20px; } #tour-rtm {position: relative; background-color: #d5eaf1; padding: 20px 5px 20px 5px;} #tour-rtm #tour-desc {padding: 0 30px; height:75px;} #tour-rtm #tour-desc img { float: left; margin: 0 1em 0 0; } #tour-rtm #tour-desc p { line-height: 1.4em; } #tour-rtm #tour-nav { position: relative; list-style: none; text-align: center; margin: 1.5em .3em 1em; padding: 0; height: 1em; } #tour-rtm #tour-nav li {background:none; display: inline; padding-right: 1em; } #tour-rtm #tour-nav li.last { border: none; padding-right: 0; } #tour-rtm #tour-nav li.current a { color: #ed8d25; background-color:#FF0000; } #tour-rtm #tour-nav li a { color: #4c4c4c; font-weight: bold; outline: none; } #tour-rtm #tour-nav li#tour-next { position: absolute; right: 0; border: none; padding: 0 5px 0 0; } #tour-rtm #tour-screenshots { position: relative; list-style: none; margin: 0; padding:0; text-align:center; } #tour-rtm #tour-screenshots li { position: relative; margin: 0; padding: 0; } #tour-rtm #tour-screenshots li ul { position: absolute; top: 0; left: 0; width: 600px; list-style: none; margin: 0; padding: 0; } #tour-rtm #tour-screenshots li ul li { position: absolute; top: 100px; left: 100px; margin: 0; padding: 0; } #tour-rtm #tour-screenshots li ul li a { display: block; width: 25px; height: 23px; text-indent: -9999em; overflow: hidden; } #tour-rtm #tour-screenshots .content ul { position: static; width: auto; list-style: square; margin: 0 0 0px 15px; font-size: .9em; padding-bottom: 10px; } #tour-rtm #tour-screenshots .content ul li { position: static; top: 0; left: 0; width: auto; margin: 0 0 5px 0;} #tour-rtm #tour-screenshots li ul li .tooltip { position: relative; left: 30px; top: -35px; background: url("/images/products/rtm/g_tooltiptop.png") no-repeat; width: 148px; height: 115px; padding: 26px 0px 0px 70px; z-index: 1000; } #tour-rtm #tour-screenshots li ul li.tip-1 .tooltip { left: 105px; } #tour-rtm #tour-screenshots li ul li .tooltip .content { background: url("/images/products/rtm/g_tooltipback.png"); width: 128px !important; padding: 0px 10px; } #tour-rtm #tour-screenshots li ul li .tooltip .content p { position: relative; top: -15px; margin: 0; padding: 0; line-height: 1.3em; } #tour-rtm #tour-screenshots li ul li .tooltip .bottom { background: url("/images/products/rtm/g_tooltipbot.png") no-repeat; width: 148px; height: 15px;} /*Overwrite flicker cuased by center align I had to do this becuase of ie 7*/ #tour-rtm #tour-screenshots {padding:0 0 0 6px; text-align:left;} #tour-rtm #tour-screenshots li ul li.tip-1 a { background: url("/images/products/rtm/g_icon.png") no-repeat; width: 106px; height: 26px; } #tour-rtm #tour-screenshots li ul li.tip-2 a { background: url("/images/products/rtm/g_iconsmall.png") no-repeat; width: 27px; height: 27px; } #tour-rtm #tour-screenshots li ul li.tip-3 a { background: url("/images/products/rtm/g_iconsmall.png") no-repeat; width: 27px; height: 27px; } #tour-rtm #tour-screenshots li ul li.tip-4 a { background: url("/images/products/rtm/g_iconsmall.png") no-repeat; width: 27px; height: 27px; } #tour-rtm #tour-screenshots li.overview ul li.tip-1 { left: 270px; top: 125px; } #tour-rtm #tour-screenshots li.overview ul li.tip-2 { left: 290px; top: 260px; } #tour-rtm #tour-screenshots li.overview ul li.tip-3 { left: 350px; top: 275px; } #tour-rtm #tour-screenshots li.define ul li.tip-1 { left: 350px; top: 180px; } #tour-rtm #tour-screenshots li.define ul li.tip-2 { left: 75px; top: 200px; } #tour-rtm #tour-screenshots li.define ul li.tip-3 { left: 130px; top: 330px; } #tour-rtm #tour-screenshots li.visualize ul li.tip-1 { left: 255px; top: 195px; } #tour-rtm #tour-screenshots li.visualize ul li.tip-2 { left: 520px; top: 140px; } #tour-rtm #tour-screenshots li.visualize ul li.tip-3 { left: 150px; top: 275px; } #tour-rtm #tour-screenshots li.baseline ul li.tip-1 { left: 280px; top: 75px; } #tour-rtm #tour-screenshots li.baseline ul li.tip-2 { left: 30px; top: 285px; } #tour-rtm #tour-screenshots li.baseline ul li.tip-3 { left: 390px; top: 300px; } #tour-rtm #tour-screenshots li.trace ul li.tip-1 { left: 250px; top: 105px; } #tour-rtm #tour-screenshots li.trace ul li.tip-2 { left: 65px; top: 210px; } #tour-rtm #tour-screenshots li.trace ul li.tip-3 { left: 390px; top: 275px; } #tour-rtm #tour-screenshots li.report ul li.tip-1 { left: 310px; top: 125px; } #tour-rtm #tour-screenshots li.report ul li.tip-2 { left: 350px; top: 220px; } #tour-rtm #tour-screenshots li.report ul li.tip-3 { left: 150px; top: 275px; } #tour-footnav { position: relative; bottom: 0; left: 0; background: url("/images/products/rtm/g_tourfoot.gif") repeat-x; margin: 0; padding:0; list-style: none; height: 27px; text-align: center; } #tour-footnav li { display: inline; line-height: 27px; padding-bottom:0px; padding-right: .9em; padding-left: 1em; background:none;} #tour-footnav li.last { border: none; padding-right: 0; } #tour-footnav li a { color: #4c4c4c; font-weight: bold; outline: none; } #tour-footnav li.current a { color: #ed8d25; } #tour-footnav li#tourfoot-next { position: absolute; right: 0; top: 0; border: none; padding: 0; padding-right: 1em; } h1#composer-title { background: url("/images/products/composer/h_composertour.gif") no-repeat; text-indent: -9999em; overflow: hidden; width: 237px; height: 22px; margin: 1.5em 0 1.5em 20px; } #tour-comp {position: relative; background-color: #FFFFFF; padding: 20px 5px 20px 5px;} #tour-comp #tour-desc { padding: 0 30px; height:45px;} #tour-comp #tour-desc img { float: left; margin: 0 1em 1em 0; } #tour-comp #tour-desc p { line-height: 1.4em; } #tour-comp #tour-nav { position: relative; list-style: none; text-align: center; margin: 1.5em 0 1em; padding: 0; height: 1em; } #tour-comp #tour-nav li { display: inline; padding-right: 1em;} #tour-comp #tour-nav li.last { border: none; padding-right: 0; } #tour-comp #tour-nav li.current a { color: #FFFFFF;} #tour-comp #tour-nav li a { color: #FFFFFF; font-weight: bold; outline: none; } #tour-comp #tour-nav span#tour-next { position: absolute; right: 0; border: none; padding: 0 5px 0 0; } #tour-comp #tour-screenshots { position: relative; list-style: none; margin: 0; padding: 0; z-index: 1000; } #tour-comp #tour-screenshots li { position: relative; margin: 0; padding: 0; } #tour-comp #tour-screenshots li ul { position: absolute; top: 0; left: 0; width: 720px; list-style: none; margin: 0; padding: 0; } #tour-comp #tour-screenshots li ul li { position: absolute; top: 100px; left: 100px; margin: 0; padding: 0; } /*Overwrite flicker cuased by center align I had to do this becuase of ie 7*/ #tour-comp #tour-screenshots {padding:0 0 0 7px; text-align:center;} #tour-comp #tour-screenshots .content ul { position: static; width: auto; list-style: square; margin: 0 0 0px 15px; font-size: .9em; padding-bottom: 10px; } #tour-comp #tour-screenshots .content ul li { position: static; top: 0; left: 0; width: auto; margin: 0 0 5px 0;} #tour-comp #tour-screenshots li ul li a { display: block; width: 25px; height: 23px; text-indent: -9999em; overflow: hidden; } #tour-comp #tour-screenshots li ul li .tooltip { position: relative; left: 30px; top: -35px; background: url("/images/products/rtm/g_tooltiptop.png") no-repeat; width: 148px; height: 115px; padding: 26px 0px 0px 70px; } #tour-comp #tour-screenshots li ul li .hide { display: block !important; top: -1000px; height: 1px !important; width: 1px; padding: 0; overflow: hidden; } #tour-comp #tour-screenshots li ul li.tip-1 .tooltip { left: 105px; } #tour-comp #tour-screenshots li ul li .tooltip .content { background: url("/images/products/rtm/g_tooltipback.png"); width: 128px; padding: 0px 10px; } #tour-comp #tour-screenshots li ul li .tooltip .content p { position: relative; top: -15px; margin: 0; padding: 0; line-height: 1.3em; } #tour-comp #tour-screenshots li ul li .tooltip .bottom { background: url("/images/products/rtm/g_tooltipbot.png") no-repeat; width: 148px; height: 15px;} #tour-comp #tour-screenshots li ul li.tip-1 a { background: url("/images/products/rtm/g_icon.png") no-repeat; width: 106px; height: 26px; } #tour-comp #tour-screenshots li ul li a { background: url("/images/products/rtm/g_iconsmall.png") no-repeat; width: 27px; height: 27px; } #tour-comp #tour-screenshots li.overview ul li.tip-1 { left: 170px; top: 125px;} #tour-comp #tour-screenshots li.overview ul li.tip-2 { left: 45px; top: 235px; } #tour-comp #tour-screenshots li.overview ul li.tip-3 { left: 510px; top: 75px; } #tour-comp #tour-screenshots li.project ul li.tip-1 { left: 170px; top: 185px; } #tour-comp #tour-screenshots li.project ul li.tip-2 { left: 185px; top: 35px; } #tour-comp #tour-screenshots li.project ul li.tip-3 { left: 239px; top: 35px; } #tour-comp #tour-screenshots li.project ul li.tip-4 { left: 295px; top: 35px; } #tour-comp #tour-screenshots li.project ul li.tip-5 { left: 45px; top: 145px; } #tour-comp #tour-screenshots li.process ul li.tip-1 { left: 120px; top: 195px; } #tour-comp #tour-screenshots li.process ul li.tip-2 { left: 315px; top: 250px; } #tour-comp #tour-screenshots li.process ul li.tip-3 { left: 443px; top: 320px; } #tour-comp #tour-screenshots li.process ul li.tip-4 { left: 580px; top: 130px; } #tour-comp #tour-screenshots li.activity ul li.tip-1 { left: 480px; top: 130px; } #tour-comp #tour-screenshots li.activity ul li.tip-2 { left: 133px; top: 320px; } #tour-comp #tour-screenshots li.activity ul li.tip-3 { left: 452px; top: 200px; } #tour-comp #tour-screenshots li.interface ul li.tip-1 { left: 230px; top: 93px; } #tour-comp #tour-screenshots li.interface ul li.tip-2 { left: 565px; top: 150px; } #tour-comp #tour-screenshots li.integrations ul li.tip-1 { left: 95px; top: 125px; } #tour-comp #tour-screenshots li.integrations ul li.tip-2 { left: 350px; top: 320px; } #tour-comp #tour-screenshots li.publishing ul li.tip-1 { left: 210px; top: 75px; } #tour-comp #tour-screenshots li.publishing ul li.tip-2 { left: 570px; top: 90px; } #tour-comp #tour-screenshots li.publishing ul li.tip-3 { left: 240px; top: 185px; } #tour-comp #tour-screenshots li.publishing ul li.tip-4 { left: 440px; top: 335px; } /* #tour-footnav { position: relative; bottom: 0; left: 0; background: url("/images/products/rtm/g_tourfoot.gif") repeat-x; margin: 0 20px 0px 10px; padding: 0; list-style: none; width: 720px; height: 27px; text-align: center; } #tour-footnav li { display: inline; border-right: 1px solid #4c4c4c; line-height: 27px; padding-right: 1em; padding-left: .7em; } #tour-footnav li.last { border: none; padding-right: 0; } #tour-footnav li a { color: #4c4c4c; font-weight: bold; outline: none; } #tour-footnav li.current a { color: #ed8d25; } #tour-footnav li#tourfoot-next { position: absolute; right: 0; top: 0; border: none; padding: 0; padding-right: 1em; } */