#custom-doc { width:77.69em;*width:75.82em;min-width:1010px; margin:auto; text-align:left; }
.clearfix { clear: both; height: 0; }

/* Periscope HQ Site */

html { background-color: #ffffff; }
html body { font-size: 13px; }
body { background: transparent url(/img/bg.jpg) repeat-x scroll 0 0; }

#bg { background: transparent url(/img/periscope.png) no-repeat scroll 50% 0; min-height: 690px;}

#about-panel > p { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 131%; padding-bottom: 11px; margin-left: 30px; margin-right: 30px; }
.periscope-signature { margin-left: 30px; padding: 5px; }
#about-panel .ps { font-size: 100%; }

.about-left { float: left; width: 380px;  margin-left: 30px; margin-top: 25px; padding-bottom: 25px; }
.about-right { float: left; margin-top: 25px; padding-bottom: 25px; }

.online-studio-management { background: transparent url(/img/online_studio_management.jpg) no-repeat scroll 0 0; width: 368px; height: 33px; text-indent: -9999px; padding-bottom: 5px; }

.about-right h3 { text-indent: -9999px; }
.about-right p { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin-left: 5px; padding-bottom: 10px; line-height: 120%; }

#toc-panel { 
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#toc-panel a { color: #DF007A; }

#toc-panel h1 { color: #DF007A; font-size: 123.1%; margin-left: 5px; padding-bottom: 10px; line-height: 100%; margin-left: 30px; margin-right: 30px; }
#toc-panel h2 { color: #DF007A; font-size: 123.1%; margin-left: 5px; padding-bottom: 10px; line-height: 100%; margin-left: 30px; margin-right: 30px; }
#toc-panel p { color: #666666; font-size: 100%; margin-left: 5px; padding-bottom: 10px; line-height: 120%; margin-left: 30px; margin-right: 30px; }

#toc-panel table { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin-left: 5px; padding-bottom: 10px; line-height: 120%; margin-left: 30px; margin-right: 30px; width: 900px; } 
#toc-panel table td {padding-top: 4px; padding-bottom: 4px; padding-right: 10px; vertical-align: top; }

.pricing-panels-about .pricing-panel-1 { margin-top: 24px; margin-left: 2px; }
.pricing-panels-about .pricing-panel-2 { margin-top: 24px; margin-left: 2px; }
.pricing-panels-about .pricing-panel-3 { margin-top: 24px; margin-left: 0px; }

/*
#bg { background: transparent url(/img/periscope.jpg) no-repeat scroll 15% 0; position: absolute; top: 0px; left: 0px; width: 100%; }
*/

#hd { position: relative; height: 135px; }

#navigation { background: transparent url(/img/navigation.png) no-repeat scroll 0 0; width: 630px; height: 77px; position: absolute; top: 0px; left: 0px; }
#navigation ul { padding-top: 27px; padding-left: 30px; position: relative; }
#navigation ul li { float: left; }

#navigation ul li #home { background: transparent url(/img/home.jpg) no-repeat scroll 0 0; width: 42px; height: 15px; display: block; text-indent:-9999px; outline: none; }
#navigation ul li #tour { background: transparent url(/img/tour.jpg) no-repeat scroll 0 0; width: 41px; height: 15px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 113px; }
#navigation ul li #free-trial { background: transparent url(/img/free_trial.jpg) no-repeat scroll 0 0; width: 67px; height: 15px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 189px; }
#navigation ul li #sign-up { background: transparent url(/img/sign_up.jpg) no-repeat scroll 0 0; width: 67px; height: 20px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 189px; }
#navigation ul li #sign-up-selected  { background: transparent url(/img/sign_up_selected.jpg) no-repeat scroll 0 0; width: 72px; height: 20px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 189px; }



#navigation ul li #pricing { background: transparent url(/img/pricing.jpg) no-repeat scroll 0 0; width: 49px; height: 19px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 389px; }
#navigation ul li #about { background: transparent url(/img/about.jpg) no-repeat scroll 0 0; width: 44px; height: 15px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 475px; }
#navigation ul li #faqs { background: transparent url(/img/faqs.jpg) no-repeat scroll 0 0; width: 36px; height: 16px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 558px; }

#navigation ul li #support { background: transparent url(/img/user-guide.png) no-repeat scroll 0 0; width: 94px; height: 19px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 273px; }
#navigation ul li #support-selected  { background: transparent url(/img/user-guide-selected.png) no-repeat scroll 0 0; width: 94px; height: 19px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 273px; }

#navigation ul li #home-selected { background: transparent url(/img/home_selected.jpg) no-repeat scroll 0 0; width: 44px; height: 15px; display: block; text-indent:-9999px; outline: none; }
#navigation ul li #tour-selected  { background: transparent url(/img/tour_selected.jpg) no-repeat scroll 0 0; width: 41px; height: 15px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 113px; }
#navigation ul li #free-trial-selected  { background: transparent url(/img/free_trial_selected.jpg) no-repeat scroll 0 0; width: 72px; height: 15px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 189px; }
#navigation ul li #pricing-selected  { background: transparent url(/img/pricing_selected.jpg) no-repeat scroll 0 0; width: 52px; height: 19px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 389px; }
#navigation ul li #about-selected  { background: transparent url(/img/about_selected.jpg) no-repeat scroll 0 0; width: 47px; height: 15px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 475px; }
#navigation ul li #faqs-selected  { background: transparent url(/img/faqs_selected.jpg) no-repeat scroll 0 0; width: 38px; height: 16px; display: block; text-indent:-9999px; outline: none; position: absolute; left: 558px; }

#navigation ul li a {}

#periscope-logo { background: transparent url(/img/periscope_logo.png) no-repeat scroll 0 0; position: absolute; top: 10px; right: 90px; width: 228px; height: 80px; text-indent: -9999px; }
.free-trial-button { position: absolute; top: 5px; right: -22px; z-index: 9999; }
.free-trial-button a { background: transparent url(/img/free_trial.png) no-repeat scroll 0 0; width: 124px; height: 124px; display: block; text-indent:-9999px; outline: none; }

#joy { position: absolute; bottom: 0px; right: 0px; background: transparent url(/img/joy_1.png) no-repeat scroll 0 0; }
#niall { position: absolute; bottom: 0px; right: 0px; background: transparent url(/img/niall_1.png) no-repeat scroll 0 0; }

#bd { position: relative; }

.yui-g > .panel { height: auto; }
.panel { width: 976px; height: 250px; min-height: 250px; z-index: 200; background: transparent url(/img/panel_bg.png) repeat-y scroll 0 0;  }

#home-panel { margin-top: 50px; }

.bring-back-the-joy { background: transparent url(/img/bring_back_the_joy.png) no-repeat scroll 0 0; width: 504px; height: 69px; text-indent: -9999px; margin-top: 7px; margin-left: 25px; margin-bottom: 12px; }
.periscope-is { background: transparent url(/img/periscope_is.png) no-repeat scroll 0 0; width: 519px; height: 97px; text-indent: -9999px; margin-left: 25px; }

.joy-1 { background: transparent url(/img/joy_1.png) no-repeat scroll 0 0; width: 405px; height: 398px; text-indent: -9999px; position: absolute; top: -103px; right: 30px; }
.niall-1 { background: transparent url(/img/niall_1.png) no-repeat scroll 0 0; width: 405px; height: 398px; text-indent: -9999px; position: absolute; top: -103px; right: 30px; }

.how-much-joy { background: transparent url(/img/how_much_joy.png) no-repeat scroll 0 0; width: 504px; height: 69px; text-indent: -9999px; margin-top: 7px; margin-left: 25px; margin-bottom: 12px; }
.pricing-joy { background: transparent url(/img/pricing_joy.png) no-repeat scroll 0 0; width: 530px; height: 105px; text-indent: -9999px; margin-left: 25px; }
.joy-3 { background: transparent url(/img/joy_3.png) no-repeat scroll 0 0; width: 513px; height: 410px; text-indent: -9999px; position: absolute; top: -17px; right: 0px; }
.joy-4 { background: transparent url(/img/joy_4.png) no-repeat scroll 0 0; width: 297px; height: 295px; text-indent: -9999px; position: absolute; top: -65px; right: 58px; }
.joy-5 { background: transparent url(/img/joy_5.png) no-repeat scroll 0 0; width: 279px; height: 212px; text-indent: -9999px; position: absolute; top: -60px; right: 90px; }

.pricing-panels { background: transparent url(/img/pricing_panels.png) no-repeat scroll 0 0; width: 180px; height: 151px; text-indent: -9999px; position: absolute; top: 208px; left: 20px; padding-left: 3px; padding-top: 23px; }

.pricing-panels-about-wrapper { padding-bottom: 15px; padding-left: 24px; }
.pricing-panels-about { position: relative; top: -30px; left: 15px; background: transparent url(/img/pricing_panels.png) no-repeat scroll 0 0; width: 180px; height: 151px; text-indent: -9999px; }

.pricing-panel-1 { float: left; background: transparent url(/img/pricing_panel_bg.jpg) no-repeat scroll 0 0; width: 169px; height: 102px; margin-right: 18px; position: relative; }
.pricing-panel-2 { float: left; background: transparent url(/img/pricing_panel_bg.jpg) no-repeat scroll 0 0; width: 169px; height: 102px; margin-right: 18px; position: relative; }
.pricing-panel-3 { float: left; background: transparent url(/img/pricing_panel_bg.jpg) no-repeat scroll 0 0; width: 169px; height: 102px; position: relative; }

.pricing-50 { background: transparent url(/img/50.png) no-repeat scroll 0 0; width: 127px; height: 66px; margin-left:25px; }
.pricing-75 { background: transparent url(/img/75.png) no-repeat scroll 0 0; width: 121px; height: 66px; margin-left:25px; }
.pricing-100 { background: transparent url(/img/100.png) no-repeat scroll 0 0; width: 149px; height: 66px; margin-left:13px; }

.pricing-sign-up { background: transparent url(/img/pricing_sign_up.png) no-repeat scroll 0 0; width: 99px; height: 25px; position: relative; left: 35px; top: 14px;  }
.pricing-sign-up a { width: 99px; height: 25px; margin-left:13px; text-indent: -9999px; outline: none; display: block; }

.blue-joy { position: absolute; bottom: 2px; right: 2px; background: transparent url(/img/blue_joy.jpg) no-repeat scroll 0 0; width: 378px; height: 170px; }
.blue-joy .free-trial { position: absolute; right:-30px;
top:-26px;  }
.blue-joy .free-trial a { background: transparent url(/img/big_free_trial.png) no-repeat scroll 0 0; width: 159px; height: 159px; display: block; text-indent:-9999px; outline: none; }

.blue-joy .start-trial { background: transparent url(/img/pricing_sign_up.png) no-repeat scroll 0 0; width: 99px; height: 25px; position: absolute; right: 145px; bottom: 20px;  }
.blue-joy .start-trial a { width: 99px; height: 25px; margin-left:13px; text-indent: -9999px; outline: none; display: block; }


.beautifully-designed-by-creatives-for-creatives { background: transparent url(/img/beautifully_designed_by_creatives_for_creatives.jpg) no-repeat scroll 0 0; width: 928px; height: 65px; text-indent: -9999px; position: relative; top: 20px; left: 20px; padding-bottom: 20px; }

.pricing-left { float: left; width: 410px; }
.pricing-right { float: left; }

.pricing-screenshot { position: relative; top: 15px; left: 30px; }
.big-feature-list { background: transparent url(/img/big_feature_list.jpg) no-repeat scroll 0 0;  width: 317px; height: 179px; position: relative; top: 35px; left: 40px; text-indent: -9999px; }

.pricing-right h3 { text-indent: -9999px; } 
.pricing-right p { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin-left: 5px; padding-bottom: 10px; line-height: 120%; }

h3.bring-back-the-joy-h3 { background: transparent url(/img/bring_back_the_joy.jpg) no-repeat scroll 0 0; width: 163px; height: 30px; }
h3.maximise-profitability { background: transparent url(/img/maximise_profitability.jpg) no-repeat scroll 0 0; width: 180px; height: 30px; }
h3.time-to-create { background: transparent url(/img/time_to_create.jpg) no-repeat scroll 0 0; width: 180px; height: 28px; }
h3.back-in-control { background: transparent url(/img/back_in_control.jpg) no-repeat scroll 0 0; width: 128px; height: 28px; }
h3.ditch-the-admin { background: transparent url(/img/ditch_the_admin.jpg) no-repeat scroll 0 0; width: 137px; height: 28px; }
h3.multiple-browser-support { background: transparent url(/img/multiple_browser_support.jpg) no-repeat scroll 0 0; width: 256px; height: 28px; }

h3.work-smart-not-hard { background: transparent url(/img/work_smart_not_hard.jpg) no-repeat scroll 0 0; width: 175px; height: 28px; }
h3.intutive-interface { background: transparent url(/img/intuitive_interface.jpg) no-repeat scroll 0 0; width: 150px; height: 28px; }
h3.privacy-and-security { background: transparent url(/img/privacy_and_security.jpg) no-repeat scroll 0 0; width: 156px; height: 28px; }

#tour-panel h2 { text-indent: -9999px; }

#tour-panel p {
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 88%;
    padding-bottom: 10px;
    line-height: 120%;
    margin-left: 25px;
}

h2.periscope-tour { background: transparent url(/img/periscope_tour.jpg) no-repeat scroll 0 0; width: 216px; height: 39px; text-indent: -9999px; margin: 25px 25px 10px 25px; }

.periscope-features-left { float:left; width: 260px; height: 480px; }
.periscope-features-right { float: left; width: 260px; height: 480px; padding-left:15px; }

.blog { background: transparent url(/img/blog_h1.png) no-repeat scroll 0 0; width: 192px; height: 124px; float:left; text-indent: -9999px; }

.faq { background: transparent url(/img/faq.png) no-repeat scroll 0 0; width: 192px; height: 122px; float:left; text-indent: -9999px; margin-left:2px; }
.faq-content { width: 740px; min-height: 340px; float:left; padding:33px 20px 133px; }

.free-trial-footer { background:transparent url(/img/free-trial-footer-banner.png) no-repeat scroll 0 0;
bottom:0;
height:173px;
left:2px;
position:absolute;
text-indent:-9999px;
width:973px;
z-index:9999;

}
.content h2, .post h2 { color:#DF007A; font-size:116%; font-weight:600; text-decoration:underline; margin:0 0 8px 0}
.content p, .post p { color:#666666; margin:0 0 8px 0}

.faq-content .faq-list li { font-size:116%; font-weight:600; margin:0 0 8px 0; }

.faq-content .faq-list li a { color:#DF007A; text-decoration:underline; }

.faq-content .faq-list li a:hover { text-decoration:none; }

.faq-content .faq-list { margin:0px 0px 33px 0px; padding:0 0 76px 0; border-bottom:1px solid #cccccc; }
.faq-content .question { padding:0 0 10px 0; } 

.home-left { position: relative; width: 382px; float: left; background-color: #333333; color: #ffffff; height: 341px; }
.home-left h3 { background: transparent url(/img/how_much_joy.jpg) no-repeat scroll 0 0; width: 255px; height: 50px; text-indent: -9999px; position: absolute; top: 20px; left: 20px; }
.home-left ul { background: transparent url(/img/home_list.jpg) no-repeat scroll 0 0; width: 228px; height: 129px; text-indent: -9999px; position: absolute; top: 70px; left: 25px; }
.home-left .browsers { background: transparent url(/img/browsers.jpg) no-repeat scroll 0 0; width: 352px; height: 56px; text-indent: -9999px; position: absolute; top: 208px; left: 25px; }
.home-left .start-trial a { background: transparent url(/img/start_trial_button.jpg) no-repeat scroll 0 0; width: 105px; height: 25px; text-indent: -9999px; display: block; outline: none; position: absolute; top: 288px; left: 77px; }
.home-left .sign-up a { background: transparent url(/img/sign_up_button.jpg) no-repeat scroll 0 0; width: 98px; height: 25px; text-indent: -9999px; display: block; outline: none; position: absolute; top: 288px; left: 27px; }
.home-left .free-trial-button { position: absolute; top: 51px; right: 4px;  }


.home-right { position: relative; width: 592px; float: left; height: 341px; background: transparent url(/img/home_right_bg.jpg) no-repeat scroll 0% 100%;  }
.home-right h3 { background: transparent url(/img/online_studio_management.jpg) no-repeat scroll 0 0; width: 370px; height: 33px; text-indent: -9999px; position: absolute; top: 20px; left: 20px; }
.home-right .introduction { background: transparent url(/img/home_introduction.jpg) no-repeat scroll 0 0; width: 562px; height: 165px; text-indent: -9999px; position: absolute; top: 64px; left: 12px; }
.home-right .more a { background: transparent url(/img/more.jpg) no-repeat scroll 0 0; width: 39px; height: 14px; text-indent: -9999px; display: block; outline: none; position: absolute; top: 214px; left: 303px; }

#free-trial-panel { position:relative; top:50px; margin-bottom: 50px;}

.free-student-version{ 
	background: transparent url(/img/free_student_version.png) no-repeat scroll 0 0; 
	width: 560px; height: 69px; text-indent: -9999px; 
	margin-top: 5px; margin-left: 23px; margin-bottom: 15px; }

.free-40-day-trial{ background: transparent url(/img/free_40_day_trial.png) no-repeat scroll 0 0; width: 504px; height: 69px; text-indent: -9999px; margin-top: 7px; margin-left: 25px; margin-bottom: 12px; }
.free-trial-is { background: transparent url(/img/free_trial_is.png) no-repeat scroll 0 0; width: 519px; height: 97px; text-indent: -9999px; margin-left: 25px; }

.sign-up-panel { background: transparent url(/img/sign_up_box.png) no-repeat scroll 0 0; width: 350px; height: 225px; padding: 7px; position: absolute; top: -14px; right: 26px; }
.sign-up-panel .sign-up-panel-inner { background: transparent url(/img/sign_up_box_inner.jpg) no-repeat scroll 0 0; width: 336px; height: 211px; padding-top: 30px; }

#free-trial-panel .more a { background: transparent url(/img/more.jpg) no-repeat scroll 0 0; width: 39px; height: 14px; text-indent: -9999px; display: block; outline: none; position: absolute; top: 185px; left: 32px; }

.how-to-get-started { background: transparent url(/img/how_to_get_started.jpg) no-repeat scroll 0 0; width: 201px; height: 36px; text-indent: -9999px;  }
.larger-text { margin-left: 6px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 123.1%; line-height: 120%; }

.free-trial-left { width: 357px; height: 170px; position: absolute; top: 24px; left: 24px; }
.free-trial-middle { width: 275px; height: 186px; position: absolute; top: 21px; left: 396px; }
.free-trial-right { width: 265px; height: 186px; position: absolute; top: 21px; left: 664px; }

.free-trial-middle h3 { text-indent: -9999px; }
.free-trial-right h3 { text-indent: -9999px; }

.free-trial-middle p { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%; font-size: 100%; margin-left:6px; }
.free-trial-right p { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%; font-size: 100%; margin-left:6px; }

#pricing-panel { top: 207px; margin-bottom:207px; position: relative; } 

.panel-bottom { background: transparent url(/img/panel_bg_bottom.png) no-repeat scroll 0 0; width: 976px; height: 3px; position: absolute; bottom: 0px; left: 0px; }

#about-panel { top: 64px; margin-bottom: 64px; position: relative; }

.brilliant { background: transparent url(/img/brilliant.png) no-repeat scroll 0 0; width: 578px; height: 82px; text-indent: -9999px; margin-left: 25px; }
.enhanced { background: transparent url(/img/enhanced.png) no-repeat scroll 0 0; width: 600px; height: 87px; text-indent: -9999px; margin-left: 25px; }



#faqs-panel { top: 70px; margin-bottom: 70px; position: relative; padding-bottom: 40px; }

#ft { height: 200px; }

.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 77%; padding: 5px; }
.copyright a { text-decoration: underline; margin-left: 15px; color: #666666; }

.tour-nav { position: absolute; left:0px; top: -30px; }
.tour-nav li {
    width: 120px;
    height: 30px;
    float: left;
    margin-right: 1px;
    position: relative;
    top: 0px;
    left: 1px;
}
.tour-nav li a { width: 108px; height: 30px; text-indent: -9999px; outline: none; display: block; }

.tour-left { float: left; width: 360px; }
.tour-right { float: left; width: 600px; }

#tour-panel .screen { padding: 28px 5px 5px 5px;}

#tour-start-selected {
    background: transparent url(/img/tour_start_selected.jpg) no-repeat scroll 0 0;
    height: 34px;
    position: relative;
    top: -4px;
    left: 1px;
    width: 121px;
}
#tour-projects-selected { background: transparent url(/img/tour_projects_selected.jpg) no-repeat scroll 0 0; height: 34px; position: relative; top: -4px; left: 1px; }
#tour-contacts-selected { background: transparent url(/img/tour_contacts_selected.jpg) no-repeat scroll 0 0; height: 34px; position: relative; top: -4px; left: 1px; }
#tour-invoicing-selected { background: transparent url(/img/tour_invoicing_selected.jpg) no-repeat scroll 0 0; height: 34px; position: relative; top: -4px; left: 1px; }
#tour-scheduling-selected { background: transparent url(/img/tour_scheduling_selected.jpg) no-repeat scroll 0 0; height: 34px; position: relative; top: -4px; left: 1px; }
#tour-timesheets-selected { background: transparent url(/img/tour_timesheets_selected.jpg) no-repeat scroll 0 0; height: 34px; position: relative; top: -4px; left: 1px; }
#tour-metrics-selected { background: transparent url(/img/tour_metrics_selected.jpg) no-repeat scroll 0 0; height: 34px; position: relative; top: -4px; left: 1px; }
#tour-dashboard-selected { background: transparent url(/img/tour_dashboard_selected.jpg) no-repeat scroll 0 0; height: 34px; position: relative; top: -4px; left: 1px; }

#tour-start,
#tour-start-selected,
#tour-contacts,
#tour-contacts-selected,
#tour-invoicing,
#tour-invoicing-selected {
    width: 121px;
}

#tour-start {
    background: transparent url(/img/tour_start.jpg) no-repeat scroll 0 0;
}
#tour-projects { background: transparent url(/img/tour_projects.jpg) no-repeat scroll 0 0; }
#tour-contacts { background: transparent url(/img/tour_contacts.jpg) no-repeat scroll 0 0; }
#tour-invoicing { background: transparent url(/img/tour_invoicing.jpg) no-repeat scroll 0 0; }
#tour-scheduling { background: transparent url(/img/tour_scheduling.jpg) no-repeat scroll 0 0; }
#tour-timesheets { background: transparent url(/img/tour_timesheets.jpg) no-repeat scroll 0 0; }
#tour-metrics { background: transparent url(/img/tour_metrics.jpg) no-repeat scroll 0 0; }
#tour-dashboard { background: transparent url(/img/tour_dashboard.jpg) no-repeat scroll 0 0; }


.periscope-tour-left { padding: 25px 0 20px 0; float: left; width: 182px; }

#tour-panel ol {
    margin: 0;
}

.projects-heading { background: transparent url(/img/projects.jpg) no-repeat scroll 0 0; width: 82px; height: 27px; text-indent: -9999px; margin: 0px 25px 10px 25px; }
.contacts-heading { background: transparent url(/img/contacts_heading.jpg) no-repeat scroll 0 0; width: 100px; height: 27px; text-indent: -9999px; margin: 0px 25px 10px 20px; }
.invoicing-heading { background: transparent url(/img/invoicing_heading.jpg) no-repeat scroll 0 0; width: 140px; height: 27px; text-indent: -9999px; margin: 0px 25px 10px 20px; }
.scheduling-heading { background: transparent url(/img/scheduling_heading.jpg) no-repeat scroll 0 0; width: 140px; height: 30px; text-indent: -9999px; margin: 0px 25px 10px 23px; }
.timesheets-heading { background: transparent url(/img/timesheets_heading.jpg) no-repeat scroll 0 0; width: 140px; height: 27px; text-indent: -9999px; margin: 0px 25px 10px 24px; }
.metrics-heading { background: transparent url(/img/metrics_heading.jpg) no-repeat scroll 0 0; width: 140px; height: 27px; text-indent: -9999px; margin: 0px 25px 10px 22px; }
.dashboard-heading { background: transparent url(/img/dashboard_heading.jpg) no-repeat scroll 0 0; width: 140px; height: 27px; text-indent: -9999px; margin: 0px 25px 10px 22px; }

.tour-back { background: transparent url(/img/back_button.jpg) no-repeat scroll 0 0; width: 76px; height: 25px; margin: 4px; position: absolute; bottom: 20px; left: 220px; z-index: 200; }
.tour-back a { text-indent: -9999px; outline: none; display: block; width: 76px; height: 25px; z-index: 200; }

.tour-forward { background: transparent url(/img/next_button.jpg) no-repeat scroll 0 0; width: 76px; height: 25px; margin: 4px; position: absolute; bottom: 20px; right: 180px; z-index: 200; }
.tour-forward a { text-indent: -9999px; outline: none; display: block; width: 76px; height: 25px; z-index: 200; }

.periscope-tour-right ol { padding-left: 30px; }
.periscope-tour-right ol li { list-style-type: decimal; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%; font-size: 88%; margin-left:6px; padding-bottom: 5px; }
.periscope-tour-right ol {  }

.periscope-tour-middle {  position: relative; padding-top: 25px; float: left; width: 575px; }
.periscope-tour-middle .tour-back { float: left; }
.periscope-tour-middle .forward-back { }
.periscope-tour-right {  padding-top: 25px; float: left; width: 190px; }

.post { padding:30px; }

.post h2 a {text-decoration:none; color:#DF007A;}
.post h2 a:hover {text-decoration: underline; color: #DF007A; }

.sign-up-panel label {
    width: 76px;
    float: left;
    text-align: right;
    margin-right: 6px;
    display: block
}

.signup-details {
    padding: 20px;
    margin-top: 4em;
    width: auto;
}

.signup-details .required {
    padding-right: 7px;
    background:transparent url(../img/required.png) no-repeat scroll right 1px;
}

.signup-details dt {
    clear:left;
    float:left;
    font-size:116%;
    margin-right:0.7em;
    text-align:right;
    width:11.4em;
}
.signup-details dd {
    margin: 0 0 0.9em 14em;
}

.signup-details legend {
    display: none;
}

#login-element {
    position: relative;
}

#login-element .description {
    color: #333;
    font-style:italic;
    padding-top:7px;
}

#login-element span {
    left:135px;
    position:absolute;
    top:2px;
    color:#000;
    font-style:normal;
    font-weight: bold;
}

.fatal-error {
    font-size: 108%;
    color: #d00;
    border: solid 2px #d00;
    padding: 0.4em 0.4em 0.4em 25px;
    background: #FFEFEF url(../img/cancel.png) no-repeat scroll 5px 6px;
}

span.required {
    padding-left: 0;
}

.errors li {
    color: #f00;
}

.form-intro,
.form-help {
    font-size: 116%;
    color: #999;
    margin-bottom: 1em;
}

#personal-label,
#security-label {
    display: none;
}

#personal-element,
#security-element {
    margin-left: 0;
}

.submit input { margin-left: 3px; background-color: #FFFFFF; border: #333333 1px solid; height: 19px;}

form dt input { margin-bottom: 9px; }
form dt .submit { margin-bottom: 0px; }

form dd { margin-bottom: 9px; }
form label { text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; color: #DF007A; padding-top: 3px; }
.sign-up-panel input { background-color: #FFFFFF; border: #333333 1px solid; height: 18px; padding-top: 1px; width: 236px; }

.required_fields{ position: absolute; top: 16px; right: 42px; }
.required { padding-left: 3px; }
.periscopehq {
    position: absolute;
    top: 127px;
    left: 225px; 
}

#form_login { width: 130px; }
#Submit { margin-left: 112px; text-indent: -9999px; outline: none; display: block; width: 105px; height: 25px; background: transparent url(/img/pricing_sign_up.png) no-repeat scroll 0 0; border: none; cursor: pointer; }

ul.links {
	font-size: 116%;
	margin-left:80px;
}
ul.links li{
	list-style-type: disc;
}
ul.links a {
	color: #666666;
	text-decoration: none;
}
ul.links a:hover {
	text-decoration: underline;
}

h2.ir {
	position: relative;
	color: #DF007A;
	font-size: 350%;
	margin-left: 25px;
}
h2.page-not-found span {
	background: transparent url(/img/page-not-found.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}
.periscope-tour-middle {
	min-height: 414px;
}

.wiki-content {
	width: auto;
	padding: 25px;	
}
input.button {
	background-color:#EEEEEE;
	border:1px solid #000000;
	color:#D700AA;
	float:left;
	margin-right:5px;
}

.wiki-content h1 {
	font-size: 138.5%;
    
}

.wiki-content h2 {
	font-size: 123.1%;
    
}

.wiki-content h2.support_manual {
background:transparent url(/img/support_manual.png) no-repeat scroll 0 0;
height:69px;
text-indent:-9999px;
border-bottom:1px solid #999999;
padding-bottom:30px;
margin-bottom:30px;

}

.wiki-content h3 {
	font-size: 108%;
    
}	

.wiki-content p {
	font-size: 100%;
}

.wiki-content a{
    color:#DF007A;
}

.wiki-content h1,
.wiki-content h2,
.wiki-content h3,
.wiki-content h4,
.wiki-content h5,
.wiki-content p,
.wiki-content ol,
.wiki-content ul {
	margin-bottom: 15px;	
}

.wiki-content ul{
	padding-left: 35px;	
}

.wiki-content ol {
	padding-left: 35px;	
}

.wiki-content ul, .wiki-content ul li {
	list-style-type: disc;
}

.wiki-content ol, .wiki-content ol li {
	list-style-type: decimal;
}


.wiki-content .content{
width:600px;
float:left;
margin-right:30px;

}

.wiki-content .menu{
float:left;
width:280px;
min-height:120px;
background:#fff url(../img/wiki_menu_back.jpg)repeat-y center;
}

.wiki-content .menu .top{
height:74px;
background:#fff url(../img/wiki_menu_top.jpg) top center;
position:relative;
}

.wiki-content .menu h2.menu_contents{
background:transparent url(/img/wiki_menu_contents.jpg) no-repeat scroll 0 0;
text-indent:-9999px;
height:13px;
width:66px;
margin-left:15px;
margin-top:15px;
}

.wiki-content .menu ul{
    padding-left:17px;
}

.wiki-content .menu ul li {
    list-style-type: none;
    margin-bottom: 2px;
}

.wiki-content .menu ul li a.sub{
    margin-left:20px;
}

#qsearch__in{
    position:absolute;
    top:40px;
    left:15px;
    width:200px;


}

.wiki-content .menu .top .button{
  position:absolute;
    top:40px;
    right:12px;

    background:transparent url(/img/wiki_search_go.png) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
display:block;
height:21px;
margin-left:112px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:36px;
}


.wiki-content .menu .bottom{
height:39px;
background:#fff url(../img/wiki_menu_bottom.jpg) bottom center;
}

.toc {
	display: none;	
}

.toc ol, .toc ul, .toc li {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;	
}

a {
	color: #000;	
}
a:hover {
	text-decoration: none;
}
.secedit {
	float: right;
}

ol {
    color: #666;
    margin: 1em 4em 1em 4em;
}

ol li {
    list-style-type: decimal;
    margin-bottom: 0.3em;
}

#home-right-video {
    background: none;
    height: 425px;
}

.homepage-video {
    
}

#home-panel {
    background: #333 none;
    
}

.new-home-left {
    float: left;
    width: 390px;
    padding: 20px 0 30px 30px;
    position: relative;
}

.new-home-right {
    float: left;
    width: 470px;
    padding: 20px 0 30px 30px
}

.big-free-trial {
/*    background: transparent url(/img/big_free_trial.png) no-repeat 
scroll 0 0;
    width: 159px;
    height: 159px;
    display: block;
    text-indent:-9999px;
    outline: none;
    position: absolute;
    top: 25px;
    right: -15px;
*/
display:none;
}

.fr {
    position: absolute;
    height: 100%;
    width: 100%;
    display:block;
    top: 0;
    left: 0;
    background: transparent none no-repeat;
}

.home-how-much-joy,
.periscope-launch-video {
    position: relative;
    font-size: 250%;
    color: #ff3399;
    margin-bottom: 0.7em;
}

.periscope-launch-video {
    color: #fff;
}

.home-how-much-joy span {
    background-image: url(../img/how-much-joy.jpg);
}

.periscope-launch-video span {
    background-image: url(../img/periscope-launch-video-w.jpg);
}

.joy-list {
    background: transparent url(../img/home_list.jpg) no-repeat scroll 0 0;
    height:220px;
    text-indent:-9999px;
    width:365px;
}

.browser-list {
    background: transparent url(../img/browsers.jpg) no-repeat scroll 0 0;
    width: 352px;
    height: 56px;
    text-indent: -9999px;
    margin: 1.7em 0;
}

.sign-up a {
    background: transparent url(/img/sign_up_button.jpg) no-repeat scroll 0 0;
    width: 98px;
    height: 25px;
    text-indent: -9999px; 
    display: block;
    margin: 1.7em 0;
}

#wiki-panel {
    margin-top: 40px;
}

/* App Upsell */

.activate .hd {
    background-image: none;
    min-height: 60px;
}

.activate-bd {
    padding: 0 64px;
}

.activate-content {
    width: 861px;
    background: #fff url(../img/activate-panel-bottom.jpg) no-repeat scroll left bottom;
}

.activate-inner {
    background: transparent url(../img/activate-panel-top.jpg) no-repeat scroll left top;
    padding: 29px 20px 29px 40px;
}

.activate-inv {
    margin-left: 95px;
}

.activate-sched {
    margin-left: 47px;
}

.activate-left {
    float:left;
    margin-right:20px;
    width:399px;
    margin-bottom: 2em;
}

.activate-right {
    float: left;
    width: 382px;
    height: 700px;
    z-index: 10;
    margin-bottom: 2em;
}

#activate-inv .activate-right {
    position: relative;
    top: -55px;
}

.fr {
    position: absolute;
    height: 100%;
    width: 100%;
    display:block;
    top: 0;
    left: 0;
}

.activate-inner h2 {
    font-size: 350%;
    color: #ff3399;
    margin: 0.5em 0;
    position: relative;
}

.back-control .fr {
    background: transparent url(../img/back-control.png) no-repeat;
}

.max-prof .fr {
    background: transparent url(../img/max-prof.png) no-repeat;
}

.activate-inner h3 {
    color:#666666;
    font-size:167%;
    padding-bottom: 0.5em;
    position: relative;
    margin: 1.1em 0;
    z-index: 999;
}

.activate-inner .back-control-sub {
    padding-bottom: 1.5em;
}

.max-prof-sub .fr {
    background: transparent url(../img/max-prof-sub.png) no-repeat;
}

.back-control-sub .fr {
    background: transparent url(../img/back-control-sub.png) no-repeat;
}

.activate-inner ul {
    margin: 1em 1em 1em 1.2em;
}

.activate-inner li {
    font-size: 116%;
    list-style-type: disc;
    font-weight: bold;
}

strong.pink {
    color: #ff3399;
}

.only-price {
    float: right;
    margin-right: 40px;
}

.activate-wrap {
    background-color: #fff;
}

/* End App Upsell */

#form_login.form-hint {
    color: #555;
    font-style: italic;
    font-size: 93%;
    padding-top: 3px;
    height: 16px;
    text-align: right;
}
#form_login.invalid{
    border: solid 1px #f00;
}