* {margin: 0; padding: 0;}
ul {margin: 0;}
body { margin: 0; padding: 0; background-color: #fff; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #333;}

.yellow {font-weight: normal; background: #FFFAD5; padding: 2px;}
div.container {display: block; width: 960px; margin: 0 auto;padding: 0; position: relative;}
#clear{float: left; clear: both; width: 100%; height: 1px;}




/*Hint style*/
#easyTooltip{width: 200px; padding: 5px 10px; margin: 30px 0 0 5px; border: 1px solid #316594; background: #608bae; color: #fff; overflow: hidden;}


/* HEADER ----------------*/

div#top-bar {display: block; background-color: #999; height: 2px;}
div#top-bar div.container {text-align: right; font-size: 11px; position: relative;}
div#top-bar div.container a {color: #fff; position: absolute; right: 0; bottom: -20px; background: #999; padding: 3px 5px;}
div#top-bar div.flags {position: absolute; right: 107px; bottom: -17px;}
div#top-bar div.flags img {margin-left: 5px;}

div#translate {background: #eee; border-bottom: 1px solid #ccc; display: none; padding: 1px; margin: 0; height: 70px;}
div#translate div.container {margin-bottom: 15px;}
div#translate div.container strong {font-size: 18px; margin: 25px 0 0 0; display: block; float: left;}

div.header {display: block; text-align: left; background-color: #E6EDEE; height: 50px; padding: 10px 0 10px 0;}

div.header ul {list-style: none; float: right; margin-top: 15px;}
div.header ul li {float: left; display: block;}
div.header ul li a {display: block; margin-right: 20px; font-size: 14px; color: #444; text-decoration: none; font-weight: bold; padding: 5px;}
div.header ul li a.pricing {color: #559120;}
div.header ul li a:hover {background-color: #6699CC; border: 1px solid #3366CC; padding: 4px; color: #FFFFFF;}
div.header ul li a.active {background-color: #6699CC; border: 1px solid #3366CC; padding: 4px; color: #FFFFFF;}

div.announcement {display: block; background-color: #FF9; border: 1px solid #dfdddd; padding: 15px; margin-bottom: 25px; position: relative; font-size: 14px;}
div.announcement strong {display: block; font-size: 18px; margin-bottom: 10px;}
div.announcement span {display: block; position: absolute; top: 0; right: 0; background: #800000; color: #fff; padding: 8px 30px; font-size: 12px;}
div.announcement span b {font-size: 80px; display: block;}
div.announcement a {color: #369;}

/* TOP ----------------*/

div.top {text-align: left; background: url(images2/bg-featured.jpg) no-repeat top center; height: 380px; padding:0; margin-bottom: 20px;position: relative;}

div.top div.container {position: relative; height: 370px;}

div.top div.pitch {width: 420px; padding-top: 15px;}

div.top h1 {text-align: left; font-size: 40px; font-family: helvetica, arial, sans-serif; color: #fff; padding:5px 0 15px 0;}
div.top h2 {text-align: left; font-size: 20px; font-family: helvetica, arial, sans-serif; margin: 5px 0 10px 0; color: #f1f1f1; font-weight: 100; line-height: 28px;}

div.top h2 strong {font-weight: lighter; background: #FFFF99; padding: 3px; color: #333;}

div.top small {font-size: 17px; color: #eee; font-weight: lighter; }

div.top a.pitch {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button-3.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitch:hover {background: url(images/top-pitch-button-3.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top a.pitcha {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button-2.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitcha:hover {background: url(images/top-pitch-button-2.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top a.pitch2 {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button-4.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitch2:hover {background: url(images/top-pitch-button-4.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top a.pitch3 {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button-5.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitch3:hover {background: url(images/top-pitch-button-5.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top a.pitch4 {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button-6.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitch4:hover {background: url(images/top-pitch-button-6.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top a.pitch5 {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button-7.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitch5:hover {background: url(images/top-pitch-button-7.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top a.pitch6 {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button-8.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitch6:hover {background: url(images/top-pitch-button-8.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top a.pitch7 {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button-9.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitch7:hover {background: url(images/top-pitch-button-9.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top span {display: block; width: 400px; position: absolute; top: 18px; right: 5px; font-size: 30px; text-align: right; color: #ddd;}
div.top span small {display: block; text-transform: uppercase; font-size: 12px; color: #ddd;}
div.top img.screenshot {position: absolute; right: 0; bottom: 0px;}

div.top a.play {position: absolute; top: 170px; right: 140px; width:167px; height: 126px; background: url(images2/play-button.png) 0 0 no-repeat;  cursor: pointer; text-indent: -99999px;}
div.top a.play:hover {background: url(images2/play-button.png) 0 -126px no-repeat;}

/* CONTENT ----------------*/

div.left {float: left; width: 550px;}

div.left div.feature {display: inline; width: 200px; margin:0 60px 30px 0; float: left; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.left div.last {margin-bottom: 0;}
div.left a {cursor: pointer;}
div.left h3 {width: 180px; height: 45px; display: block; text-indent: -99999px; margin-bottom: 10px;}
div.left h3.feature-1 {background: url(images2/content-features-1.gif) no-repeat;}
div.left h3.feature-2 {background: url(images2/content-features-2.gif) no-repeat;}
div.left h3.feature-3 {background: url(images2/content-features-3.gif) no-repeat;}
div.left h3.feature-4 {background: url(images2/content-features-4.gif) no-repeat;}
div.left h3.feature-5 {background: url(images2/content-features-5.gif) no-repeat;}
div.left h3.feature-6 {background: url(images2/content-features-6.gif) no-repeat;}

div.right {float: right; width: 410px;}

div.right strong {font-size: 20px; font-weight: lighter;}

blockquote { background: #f3f3f3 url(images2/blockquote-bg.png) 10px 10px no-repeat; padding: 10px 10px 10px 70px; margin: 0; font-size: 16px; margin: 35px 0 5px 0;}

div.right small {width: 300px; float: right; text-align: right;}

div.center {display: block; float: left; margin: 40px 0 40px 0; font-size: 16px; font-weight: bold; color: #222;}

div.center p { display: block; width: 960px; float: left;}

div.center a.steps {display: block; float: left; border: 1px solid #ddd; border-width: 1px 0 1px 0; font-size: 16px; font-weight: bold; text-decoration: none; color: #222;}
div.center a.step1 {background: url(images2/center-step1.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center a.step1:hover {background: url(images2/center-step1.gif) 0 -63px no-repeat;}
div.center a.step2 {background: url(images2/center-step2.gif) no-repeat; width: 235px; height: 42px; padding: 23px 0 0 85px;}
div.center a.step2:hover {background: url(images2/center-step2.gif) 0 -63px no-repeat;}
div.center a.step3 {background: url(images2/center-step3.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center a.step3:hover {background: url(images2/center-step3.gif) 0 -63px no-repeat;}

div.center span {line-height: 25px; border: 1px solid #ddd; border-width: 0px 0 1px 0;}
div.center span a, div.center p a {background: #FEE970; padding: 5px; margin: 0 5px 0 5px; color: #006699; text-decoration: none;}
div.center span a:hover, div.center p a:hover {text-decoration: underline; background: #FFFF66;}
div.center span.step4 {display: block; float: left; background: url(images2/center-step4.gif) 36px 0 no-repeat; width: 545px; height: 42px;  padding: 23px 0 0 95px;}
div.center span.step4:hover {background: url(images2/center-step4.gif) 36px -63px no-repeat;}
div.center span.step5 {display: block; float: left; background: url(images2/center-step5.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center span.step5:hover {background: url(images2/center-step5.gif) 0 -63px no-repeat;}

div.column {display: block; width: 290px; float: left; margin-right: 40px;}

div.column a.headline {text-transform: uppercase; font-size: 14px; text-decoration: none; color: #333; font-weight: bold; display: block; margin-bottom: 8px; padding: 10px 0 10px 0;}
div.column a.news {background: url(images2/column-news-rss.png) 180px 5px no-repeat;}
div.column a.twitter {background: url(images2/column-twitter.png) 190px 5px no-repeat;}
div.column a.webinar {background: url(images2/column-webinar.png) 210px 5px no-repeat;}
div.column a.newsletter {background: url(images2/column-newsletter.png) 250px 5px no-repeat;}

div.column p, div#twitter_div {margin-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}
div.news p strong {display: block; margin-bottom: 5px;}

div#twitter_div ul {list-style: none; min-height: 300px;}
div#twitter_div li {padding: 0px 0px 10px 0px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
div#twitter_div li a:link  { color: #003366;}

div.newsletter {border: 1px solid #ddd; border-width: 1px 0 1px 0; padding: 5px 0 15px 0;}

div.column a.webinar-register {display: block; width: 290px; height: 36px; background: url(images2/column-webinar-register.png) no-repeat; text-indent: -99999px; margin-top: 15px;}
div.column a.webinar-register:hover {background: url(images2/column-webinar-register.png) 0px -36px no-repeat; text-indent: -99999px;}

div.column input.field {padding: 5px; width: 162px; margin-right: 10px; vertical-align: middle; border: 1px solid #ccc; background: #f9f9f9; font: 10px Verdana, Arial, Helvetica, sans-serif;}
div.column input.newsletter-subscribe {width: 102px; height: 28px; background: url(images2/column-newsletter-subscribe.png) no-repeat; border: none; cursor: pointer; text-ident: -99999px; vertical-align: middle;}
div.column input.newsletter-subscribe:hover {background: url(images2/column-newsletter-subscribe.png) 0px -28px no-repeat;}

div.webinar p {border: 1px solid #ddd; border-width: 1px 0 1px 0; padding: 5px; background: #F0EAE3; font-size: 12px; line-height: 20px;}
div.column a.pricing {display: block; width: 290px; height: 65px; background: url(images2/center-bottom-pricing.png) no-repeat; text-indent: -99999px;}
div.column a.pricing:hover {background: url(images2/center-bottom-pricing.png) 0px -65px no-repeat; text-indent: -99999px;}

div.bottom-center {display: block; float: left; width: 960px; margin: 15px 0 10px 0;}

div.bottom-center blockquote {margin: 0 0 0 0; padding: 15px 10px 15px 90px; display: block; font-size: 24px; font-weight: lighter; background: #f3f3f3 url(images2/blockquote-bg.png) 15px 15px no-repeat;}
div.bottom-center blockquote img {vertical-align: middle; margin-left: 10px;}
div.bottom-center small {float: right; margin-bottom: 20px;}





div.supports{float: left; width: 740px; margin: 20px 0 60px 0;}
div.support{float: left; width: 120px; height: 120px; margin-top: 10px; border: #ccc 1px solid; background: #f6f6f6;}

div.support a{text-decoration: none;}
div.support a:hover h2{color: #0f75bc;}
div.support h2{padding: 93px 5px 10px 5px; text-align: center; color: #333333; font-weight: normal; font-size: 11pt;}

.livechat{float: left; margin: 65px 0 0 20px;}

div.clear20{display: block; float: left; clear: both; height: 20px; width: 100%;}
div.supspace{float: left; height: 120px; width: 30px;}

div.support h2.support1{background: url(../images/help.png) no-repeat center top;}
div.support h2.support2{background: url(../images/supsup.png) no-repeat center top;}
div.support h2.support3{background: url(../images/supdatabase2.png) no-repeat center top;}
div.support h2.support4{background: url(../images/supdocs.png) no-repeat center top;}
div.support h2.support5{background: url(../images/suplamp2.png) no-repeat center top;}
div.support h2.support6{background: url(../images/supfaq.png) no-repeat center top;}
div.support h2.support7{background: url(../images/supsuggest.png) no-repeat center top; padding: 82px 0 25px 0;}
div.support h2.support8{background: url(../images/supinfo.png) no-repeat center top;}
div.support h2.support9{background: url(../images/supvideo.png) no-repeat center top;}
div.support h2.support10{background: url(../images/download.png) no-repeat center top; padding: 82px 0 25px 0;}

.timetable{float: left; width: 220px; margin: 49px 0 0 0;}
h2.time{float: left; font-size: 14pt; font-weight: normal; padding: 0 0 0 20px;}

.phone{float: left; clear: left; width: 60px; height: 25px; padding: 10px 0 0 20px; font-weight: bold; line-height: 25px;}
.email{float: left; clear: left; width: 60px; height: 25px; padding: 0px 0 0 20px; font-weight: bold; line-height: 25px;}
.chat{float: left; clear: left; width: 60px; height: 25px; padding: 0px 0 0 20px; font-weight: bold; line-height: 25px;}

.rightphone{float: left; height: 25px; padding: 10px 10px 0 0; line-height: 25px;}
.rightemail{float: left; height: 25px; padding: 0 10px 0 0; line-height: 25px;}
.rightchat{float: left; height: 25px; padding: 0 10px 0 0; line-height: 25px;}



.toview{width: 100%;}
.toview a{color: #336699;}

.videoh2{color: #F60; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18pt; margin-top: 10px; line-height: 30px;}

div.video{float: left; width: 196px; height: 170px; margin: 10px 0 10px 0;}
div.video img{border: none;}
.pdf{float: left; height: 51px; width: 100%; margin: 20px 0 0 20px; padding: 14px 0 0 50px; font-size: 16px; background: url(../images/pdf2.png) no-repeat;}
.pdf a{color: #336699;}
.pdf span{color: #ccc; margin-left: 5px;}
div.video .clear20{display: block; float: left; clear: both; height: 220px; width: 1000px;}
div.video a:hover{cursor: pointer;}
div.video span{float: left; clear: both; width: 196px; text-align: center; color: #ccc;}
div.video a span{color: #336699; text-decoration: none; font-size: 16px; white-space: nowrap;}
div.video a:hover span{text-decoration: underline;}
div.video .videoborder{float: left; width: 180px; height: 105px; background: url(../images/videobackground.png) no-repeat; padding: 8px; margin: 0px;}
div.video .newletters{float: right; width: 33px; height: 32px; background: url(../images/new2.png) no-repeat; margin: -130px -10px 0 0;}


div.videospace{float: left; height: 105px; width: 58px;}

#howto{float: left; clear: both; width: 100%; color: #444; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16pt; margin: 20px 0 10px 0; line-height: 30px;}
#howto2{float: left; clear: both; width: 100%; color: #444; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16pt; margin: 20px 0 10px 0; line-height: 30px;}
.colored a{color: #336699;}







div.videotut{float: left; clear: both; width: 550px; height: 137px; background: url(../images/videotut.png) no-repeat; font-family: Arial, Helvetica, sans-serif;}
div.videotut img{float: left; width: 180px; margin: 14px; border: 1px #fff solid;}
div.videotut img:hover{border: 1px #336699 solid;}
div.videotut .newletters{float: left; width: 33px; height: 32px; background: url(../images/new2.png) no-repeat; margin: 5px 0 0 -40px;}
div.videotut a{border: none; color: #000; text-decoration: none;}

div.videotut .tuttitle{float: left; width: 310px; margin: 15px 15px 0 5px; font-size: 15pt;}
div.videotut .tutdescription{float: left; width: 310px; margin: 10px 0 0 5px; font-size: 9pt; line-height: 11pt;}
div.videotut .tuttime{float: left; width: 140px; margin: -35px 0 0 215px; font-size: 10pt; font-weight: bold;}
div.videotut .tutplay{float: right; width: 68px; height: 26px; margin: -45px 20px 0 0; padding: 6px 0 0 32px; font-size: 10pt; color: #666; font-weight: bold; background: url(../images/play2hover.png) no-repeat;}
div.videotut .tutplay:hover{background: url(../images/play2.png) no-repeat; color: #333; cursor: pointer;}







/* Sideform ----------------*/
.error{float: right; width: 70px; color: red;}
#sideform label{font-size: 11px; white-space: pre;}

#sideform
{
float: left;
width: 924px; height: 100%;
background: #f6f6f6;
padding: 15px 15px 15px 15px; margin-top: 40px;
font-size: 11pt; font-family: Arial, Helvetica, sans-serif;
border: #ccc 3px solid;
}
#sideform h1{margin: 10px 0 20px 0;}
#sideform hr{float: left; clear: both; width: 100%; margin: 25px 0; border:1px solid #CCCCCC;}
#sideform i{float: left; clear: both; font-size: 12px;}

#sideform input{float: left; width: 200px; height: 16px; padding:3px;}
#sideform select{float: left; height: 24px; width: 120px;}
#sideform textarea{float: left; width: 915px; height: 80px; padding: 3px;}

#sideform #clear{float: left; clear: both; width: 100%; height: 20px;}
#sideform #clear10{float: left; clear: both; width: 100%; height: 10px;}

#sideform .s-left{float: left; clear: both; width: 48%;}
#sideform .s-right{float: left; width: 35%; margin-left: 2%;;}
#sideform .s-center{float: left; clear: both; width: 100%;}

#sideform .section{clear: both; float: left; width: 100%; margin: 4px 0;}
#sideform .section .header{float: left; width: 230px; color: #555; font-size: 14px; font-weight: bold;}

#sideform .section .fieldname{float: left; width: 230px; color: #666; font-size: 14px;}
#sideform .section .fieldname-large{float: left; width: 100%; color: #666; font-size: 14px;}
#sideform .section .fieldname-notsolarge{float: left; width: 406px; color: #666; font-size: 14px;}
#sideform .section .fieldname-notsolarge2{float: left; width: 318px; color: #666; font-size: 14px;}
#sideform .s-right .fieldname{float: left; width: 110px; color: #666; font-size: 14px;}

#sideform .checkbox{float: left; clear: both; width: 13px; margin-left: 20px; margin-top: 10px;}
#sideform .checkboxspan{float: left; margin-right: 200px; margin-left: 10px; margin-top: 8px; color: #666;}

#sideform .button-more
{
    float: left;
    display: block; 
    width: 100%;
    height: 40px; 
    
    line-height: 40px; 
    text-align: center; 
    text-transform: uppercase; 
    color: #fff; 
    font-size: 14px; 
    text-decoration: none;
    font-weight: bold; 
    
    cursor: pointer; 
    border: 1px solid #060; 
    background: url(images/button_bg.png) repeat-x; 

    -moz-border-radius:3px; 
    -webkit-border-radius: 3px; 
}
#sideform .button-more:hover{color: #333;}

/* crazy ie7 hack*/
*:first-child+html #sideform .checkboxspan{margin-right: 200px;}
*:first-child+html #sideform .button-more{line-height: 32px;}





/* FOOTER ----------------*/

div.footer {clear: both; background: #E6EDEE url(images2/footer-bg.gif) repeat-x; padding: 30px 0 20px 0;}

div.footer div.container {overflow: auto;}

div.footer span { display: block; width: 170px; margin: 0 0px 0 10px; float: left;}
div.footer span.first {width: 130px; padding-top: 30px;}
div.footer span.bottom-guide {margin-right: 30px;}
div.footer span strong {display: block; font-size: 14px; margin-bottom: 10px;}
div.footer span a {display: block; font-size: 10px; text-transform:  uppercase; text-decoration: underline; margin-top: 5px; color: #336699;}
div.footer a.trial {color: #FF6600;}
div.footer div.more a {color: #336699;}

div.copyright {float: left; display: block; width: 960px; margin: 20px 0 0 0; border-top: 1px solid #A8C0C4; padding-top: 15px; color: #4B6A70; font-size: 11px;}

div.copyright img {float: left;}

div.copyright p {float: right;}
div.copyright p a {color: #336699;}

div.bar {display: block; clear: both; width: 940px; background: #D6FAB8; padding: 10px; border: 1px solid #B1F57A; text-align: center; font-size: 24px; margin: 30px 0 40px 0;}
div.bar a {color: #555;}
div.bar a:hover {text-decoration: none;}

ul.tourtabs {display: block; width: 200px; list-style: none;}
ul.tourtabs li a {display: block; background: #eee; padding: 15px 15px 15px 60px; border: 1px solid #ccc; border-width: 1px 1px 0 0px; color: #333; font: 14px Tahoma, Arial, Helvetica, sans-serif; text-decoration: none;}
ul.tourtabs li a.active {background: #fff; border-right: none;}
ul.tourtabs li a:hover {background: #ddd; color: #666;}

ul.tourtabs li a.assignments.active {background: #fff url(QuickTour/images/assignments-on.gif) 15px 8px no-repeat; border-top: none;}
ul.tourtabs li a.assignments:hover {background: #ddd url(QuickTour/images/assignments-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.assignments {background: #eee url(QuickTour/images/assignments-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.dashboard.active {background: #fff url(QuickTour/images/dashboard-on.gif) 15px 7px no-repeat; border-top: none;}
ul.tourtabs li a.dashboard:hover {background: #ddd url(QuickTour/images/dashboard-on.gif) 15px 7px no-repeat;}
ul.tourtabs li a.dashboard {background: #eee url(QuickTour/images/dashboard-off.gif) 15px 7px no-repeat;}

ul.tourtabs li a.projects.active {background: #fff url(QuickTour/images/projects-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.projects:hover {background: #ddd url(QuickTour/images/projects-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.projects {background: #eee url(QuickTour/images/projects-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.activities.active {background: #fff url(QuickTour/images/activities-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.activities:hover {background: #ddd url(QuickTour/images/activities-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.activities {background: #eee url(QuickTour/images/activities-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.details.active {background: #fff url(QuickTour/images/details-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.details:hover {background: #ddd url(QuickTour/images/details-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.details {background: #eee url(QuickTour/images/details-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.collaboration.active {background: #fff url(QuickTour/images/collaboration-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.collaboration:hover {background: #ddd url(QuickTour/images/collaboration-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.collaboration {background: #eee url(QuickTour/images/collaboration-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.sharing.active {background: #fff url(QuickTour/images/sharing-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.sharing:hover {background: #ddd url(QuickTour/images/sharing-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.sharing {background: #eee url(QuickTour/images/sharing-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.portal.active {background: #fff url(QuickTour/images/portal-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.portal:hover {background: #ddd url(QuickTour/images/portal-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.portal {background: #eee url(QuickTour/images/portal-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.permissions.active {background: #fff url(QuickTour/images/permissions-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.permissions:hover {background: #ddd url(QuickTour/images/permissions-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.permissions {background: #eee url(QuickTour/images/permissions-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.notifications.active {background: #fff url(QuickTour/images/notifications-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.notifications:hover {background: #ddd url(QuickTour/images/notifications-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.notifications {background: #eee url(QuickTour/images/notifications-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.calendar.active {background: #fff url(QuickTour/images/calendar-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.calendar:hover {background: #ddd url(QuickTour/images/calendar-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.calendar {background: #eee url(QuickTour/images/calendar-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.timelogs.active {background: #fff url(QuickTour/images/timelogs-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.timelogs:hover {background: #ddd url(QuickTour/images/timelogs-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.timelogs {background: #eee url(QuickTour/images/timelogs-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.gantt.active {background: #fff url(QuickTour/images/gantt-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.gantt:hover {background: #ddd url(QuickTour/images/gantt-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.gantt {background: #eee url(QuickTour/images/gantt-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.reports.active {background: #fff url(QuickTour/images/reports-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.reports:hover {background: #ddd url(QuickTour/images/reports-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.reports {background: #eee url(QuickTour/images/reports-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.customization.active {background: #fff url(QuickTour/images/customization-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.customization:hover {background: #ddd url(QuickTour/images/customization-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.customization {background: #eee url(QuickTour/images/customization-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.integration.active {background: #fff url(QuickTour/images/integration-on.gif) 15px 8px no-repeat; border-bottom: none;}
ul.tourtabs li a.integration:hover {background: #ddd url(QuickTour/images/integration-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.integration {background: #eee url(QuickTour/images/integration-off.gif) 15px 8px no-repeat; border-bottom: 1px solid #ccc;}


.quick_tour_tbl, .quick_tour {display: block; float: left; width:700px; text-align: left; font: 16px Georgia, "Times New Roman", Times, serif;}
.quick_tour h2 {font: 32px Verdana, Helvetica, sans-serif; color: #222; margin:30px 0 20px 0;}
.quick_tour h3 {font: 18px Tahoma, Helvetica, sans-serif; color: #888; line-height: 24px; margin: 0 0 40px 0;}
.quick_tour h4 {font-size: 16px; margin-bottom: 20px;}
.quick_tour img.screen-right {float: right; margin: 0 10px 0 30px; border: 1px solid #ccc;}
.quick_tour img.screen-left {float: left; margin: 0 35px 0 0px; border: 1px solid #ccc;}
.quick_tour p {position: relative;}
.quick_tour img.button-right {position: absolute; top: -10px; right: 0; border: none; z-index: 2;}
.quick_tour img.button-left {position: absolute; top: -10px; left: -10px; border: none; z-index: 2;}

div.learnmore {margin-bottom: 30px; position: relative;}
div.learnmore a.next {position: absolute; right: 0; top: 3px; font-weight: bold;}
div.learnmore h4 {font-size: 22px; padding: 0 0 10px 0; display: block; border-bottom: 1px solid #777; font-weight: normal; margin-bottom: 20px;}
div.learnmore ul {list-style: none; margin: 0; padding: 0;}
div.learnmore ul li {display: block; width: 335px; float: left;}
div.learnmore ul li a {display: block; width: 250px; padding: 10px 0 10px 60px; text-decoration: none; color: #777;}
div.learnmore ul li:hover {background: #f1f1f1;}
div.learnmore ul li a small {display: block; margin: 10px 0 0 0; text-decoration: none; color: #777; font-size: 11px; font-weight: normal;}
div.learnmore ul li a.dashboard {background: url(QuickTour/images/dashboard-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.projects {background: url(QuickTour/images/projects-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.details {background: url(QuickTour/images/details-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.collaboration {background: url(QuickTour/images/collaboration-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.calendar {background: url(QuickTour/images/calendar-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.gantt {background: url(QuickTour/images/gantt-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.reports {background: url(QuickTour/images/reports-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.permissions {background: url(QuickTour/images/permissions-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}


ul.tourtabs li a.tourplans {display: block; margin: 20px 0 20px 7px; width: 190px; height: 60px; text-indent: -99999px; background: url(QuickTour/images/seeplans.png) no-repeat; border: none; padding: 0;}
ul.tourtabs li a.tourplans:hover {background: url(QuickTour/images/seeplans.png) 0px -60px no-repeat;}
a.tourplans {display: block; margin: 20px 0 20px 7px; width: 190px; height: 60px; text-indent: -99999px; background: url(QuickTour/images/seeplans.png) no-repeat; border: none; padding: 0;}
a.tourplans:hover {background: url(QuickTour/images/seeplans.png) 0px -60px no-repeat;}


div.top-page {text-align: left; background: url(images/top-bg-page.jpg) no-repeat top center; height: 175px; padding:0; margin-bottom: 0px;}

div.top-page div.container {position: relative; height: 155px;}

div.top-page div.pitch {width: 600px; padding-top: 30px;}

div.top-page h1 {text-align: left; font-size: 40px; font-family: helvetica, arial, sans-serif; color: #fff; padding:0px 0 5px 0;}
div.top-page h2 {text-align: left; font-size: 20px; font-family: helvetica, arial, sans-serif; margin: 0 0 20px 0; color: #f1f1f1; font-weight: 100;}

div.top-page span {display: block; width: 400px; position: absolute; top: 18px; right: 5px; font-size: 28px; text-align: right; color: #ddd;}
div.top-page span small {display: block; text-transform: uppercase; font-size: 10px; color: #ddd;}

div.top-page img {position: absolute; right: 0px; bottom: 25px; border: none;}

ul.submenu {display: block; width: 970px; padding: 0px 5px 40px 0px; text-align: center; float: left;}
ul.submenu li {display: block; float: left; padding: 10px 20px 10px 20px; border-right: 1px solid #ccc; text-align: center;}
ul.submenu li a {padding: 5px; text-transform:  uppercase; text-decoration: none; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #0066FF;}
ul.submenu li a.pricing {color: #FFCC33;}
ul.submenu li a:hover {border-bottom: 2px solid #003366;}
ul.submenu li.last {border: none;}

div.testimonials {font: 16px Georgia, serif; line-height: 18px;}
div.testimonials p {margin: 0 0 20px 0;}

div.testimonials strong {font-size: 14px; margin: 0 0 8px 0;}

div.testimonials small {display: block; margin-bottom: 30px;}

div.testimonials blockquote {padding-left: 100px; margin-bottom: 30px;}
div.testimonials blockquote small {margin: 5px 0 0 0; font-size: 10px;}

div.sidebar {display: block; float: right; width: 300px;}

a.sidebar-try {display: block; width: 286px; height: 96px; text-indent: -99999px; background: url(images/sidebar-try.gif) no-repeat;}
a.sidebar-try:hover {background: url(images/sidebar-try.gif) 0px -97px no-repeat;}
a.sidebar-buy {display: block; width: 286px; height: 96px; text-indent: -99999px; background: url(images/sidebar-buy.gif) no-repeat;}
a.sidebar-buy:hover {background: url(images/sidebar-buy.gif) 0px -97px no-repeat;}

div.casestudy h1 {color: #069; font-size: 24px;}
div.casestudy h2 {color: #F60; font-weight: bold; display: block; margin-bottom: 25px; margin-top: 10px; line-height: 30px;}
div.casestudy ul.one {margin:20px;}
div.casestudy ul.one li {margin-bottom: 10px;}

a.yellow {background-color: #FC0; padding: 3px;}

div.features {color:#444;}
div.features h2 {text-transform: uppercase; font-size: 16px; margin: 0 0 20px 0; color: #000; border-bottom: 1px solid #bbb; padding-bottom: 10px;}
div.features span {width: 230px; margin-bottom: 40px;}
div.features ul {list-style: none; margin-left: 0px;}
div.features ul li strong {text-transform: uppercase; color: #000; font-size: 12px; display: block; margin-bottom: 5px;}
div.features ul li {font-size: 11px;}

div.strip {display: block; text-align: left; background-color: #CDD9E3; height: 40px; padding: 5px 0 15px 0; font-size: 14px; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid #AEC2D2;}

div.strip p {margin: 0 0 0 0px; width: 410px; float: left; padding:0 0 0 0; color: #000;}
div.strip img.icon {vertical-align: middle; margin: 0 20px 0 0;}
div.strip span {float: right; width: 510px; font-weight: normal;  font-size: 14px; text-align: center; padding-top: 20px; font-weight: bold;}
div.strip span b {display: block; font-weight: bold; font-size: 14px; margin-bottom: 3px;}
div.strip span ul {list-style: none; display: block;}
div.strip span ul li {width: 126px; float: left; margin: 0; padding: 0;}
div.strip span ul li a {cursor: pointer; font-size: 14px; margin: 0; padding: 3px; color: #263947;}

a.button-more {display: block; padding: 10px; text-align: center; text-transform: uppercase; color: #fff; background: url(images/button_bg.png) repeat-x; float: left; border: 1px solid #060; font-weight: bold; -moz-border-radius:3px; -webkit-border-radius: 3px; font-size: 14px; text-decoration: none;}
a.button-more:hover {color: #333;}

div#google_translate_element {width: 150px; margin: 15px 0 0 0; overflow: hidden;}
div#google_translate_element select {margin-bottom: 5px;}