/* CSS Document */

#above-fold{
clear: both;
background: #EBF7FF;
border-bottom: 1px solid #999;
margin:0;
}


body#product_overview .left-above-fold{
width: 158px;
}


body#faqs .below-fold .left{
float: left;
}

/*Page Specific*/
#product_title strong {
background-image:url(../../images/KSS/ProductHeadline.png);
background-repeat:no-repeat;
float:left;
height:0 !important;
overflow:hidden;
padding:50px 0 0;
width:340px;
}

#product_title p{
background-image:url(../../images/KSS/ProductHeadline.png);
background-position:-340px 0;
background-repeat:no-repeat;
float:right;
height:0 !important;
margin:0 10px 0 0;
overflow:hidden;
padding:50px 0 0;
width:440px;
}


.spectorbox{
padding: 0 0 20px 0;
}

.buynowbuttons{
margin: 0 0 0 -25px;
}

.buynowbuttons img{
display: block;
}


.center-above-fold p{
padding: 10px 0 10px 0;
font-size: 115%;
}

.center-above-fold-alt p{
padding: 10px 40px 10px 40px;
font-size: 115%;
}

.center-above-fold h3, .center-above-fold-alt h3{
font-size: 200%;
}

.center-above-fold-alt h3{
padding: 0 40px 0 40px;
}

.center-above-fold ul, .center-above-fold-alt ul{
padding: 0 0 10px 60px;
font-size: 115%;

}

.center-above-fold li, .center-above-fold-alt li{
padding: 3px 0 3px 0;
}


/**/

#automaticallyrecordsHead{
background: url(../../images/KSS/auomatically-records-head.gif) no-repeat;
height: 50px;
}

#automaticallyrecordsBody{
background: url(../../images/KSS/auomatically-records-body.gif) repeat-y;
}

#automaticallyrecordsBody ul{
padding:0pt 25px;
list-style: none;
display: block;

}

#automaticallyrecordsBody ul li{
padding: 8px 0 8px 35px;
background: #fff;
}

#automaticallyrecordsBody .ulsub{
margin: 0 0 3px 40px;
list-style: circle;
display: block;
height: 1%;
}

#automaticallyrecordsBody .ulsub li{
padding: 2px 0 2px 0;
font-size: 90%;
}

#automaticallyrecordsBttm{
background: url(../../images/KSS/auomatically-records-bttm.gif) no-repeat;
height: 12px;
}

#automaticallyrecordsBody li a{
color: #000;
text-decoration: none;
display: block;
}

#automaticallyrecordsBody li a:hover{
text-decoration: underline;
}

#automaticallyrecordsBody img{
margin:12px 0pt 0pt 70px;
}

#automaticallyrecordsBody .screensnapshots{
background:url(../../images/KSS/featureicons.gif) no-repeat;
}

#automaticallyrecordsBody .chatim{
background:url(../../images/KSS/featureicons.gif) 0 -48px no-repeat;

}

#automaticallyrecordsBody .keystrokes{
background:url(../../images/featureicons.gif) 0 -97px no-repeat;
}

#automaticallyrecordsBody .myspace{
background:url(../../images/featureicons.gif) 0 -147px no-repeat;
}

#automaticallyrecordsBody .searches{
background:url(../../images/featureicons.gif) 0 -195px no-repeat;
}

#automaticallyrecordsBody .sitesvisited{
background:url(../../images/featureicons.gif) 0 -243px no-repeat;
}

#automaticallyrecordsBody .top10{
background:url(../../images/featureicons.gif) 0 -292px no-repeat;
}

#automaticallyrecordsBody .email{
background:url(../../images/featureicons.gif) 0 -341px no-repeat;
}

#automaticallyrecordsBody .program{
background:url(../../images/featureicons.gif) 0 -390px no-repeat;
}

#automaticallyrecordsBody .keywords{
background:url(../../images/featureicons.gif) 0 -440px no-repeat;
}

#quotes{
margin: 0 0 0 5px;
}


.whatyouwillsee{
background: url(../../images/KSS/what-you-will-see.gif) no-repeat;
width: 247px;
height: 189px;
margin: 0 0 0 7px;
}

.whatyouwillsee .athome{
margin: 90px 5px 0 10px;
}

.whatyouwillsee .atwork{
margin: 90px -10px 0 -15px;
}

.below-fold-nobg .gutter h3{
padding: 5px;
}

body#tour .below-fold-nobg .gutter h3{
padding: 30px 10px 10px 40px;
}

.below-fold .left .gutter h1{
font-size:220%;
font-weight:100;
padding:30px 0pt 0pt 5px;
;
}

.below-fold .left .gutter h3{
font-size: 150%;
font-weight: 100;
padding: 30px 0 0 5px;
}


/*Layout*/

.feature_details_top{background:#fff url(../../images/KSS/feature-head-bg.gif) repeat-x; margin:25px 0px 0px 0px; border-top:1px solid #1077A8; clear:both}

.feature_details_top .feature_icon{position:absolute; margin:-70px 0 0 -470px}

.feature_details{padding:10px 0 20px 0}

.feature_details .left{float:left; width:700px; padding:0 0 0 0}

.feature_details .right{float:right; width:260px}

.testimonial_details .left{float:left; width:700px}

.testimonial .right{float:right; width:260px}

.feature_details .right img{display:block}

/*Type*/
.upgradenew, .improvednew{padding:20px 0 20px 0; color:#CD181F; text-transform:uppercase; font-size:140%}


.feature_details_top h3{
padding: 5px 0 0 120px;
font-size: 290%;
}

.feature_details h4{
padding: 25px 0 0 5px;
}

.feature_details .feature_desc{
font-weight: 100;
font-size: 135%;
line-height: normal;
margin: 45px 0 0 0;
padding: 5px;
min-height: 130px; 
line-height: 1.4em;
}


.feature_details .left ul{
list-style-type:disc;
margin:5px;
padding:10px;
}

.feature_details .left li{
border:1px solid #FFFFFF;
line-height:1.5em;
padding:5px 3px;
}

.feature_details .left li:hover{
background-color:#e9f9ff;
border:1px solid #bad9e3;
}

.feature_details .right ul{
list-style: none;
margin:0pt;
padding:5px 5px 5px 15px;
}

.feature_details .right li{
color:#0A6DAC;
font-size:85%;
padding:7px 5px;
}

.feature_details .right li.heading {
color:#000000;
font-size:100%;
}

.feature_details .left .gutter img{
padding:0 10px 0 10px;
}

ol#faqslist {
padding:10px 60px 30px 60px;
}
#faqslist li {
font-size:95%;
margin:3px;
padding:4px 0pt;
}
#faqslist li a {
color:#0E6FA2;
text-decoration:none;
}
#faqslist li a:hover {
color:#006CA5;
text-decoration:underline;
}
#faq1, #faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8, #faq9, #faq10, #faq11, #faq12, #faq13, #faq14, #faq15, #faq16, #faq17{
border-bottom: 1px solid #ccc;
padding:10px 0 5px;
}


.featured-quote{
font-family: monospace;
color: #000;
margin: 10px 0 10px 0;
}

.press_content{
margin: 40px 0 20px 0;
border: 1px solid #d0d0d0;
background: #fff;
padding-bottom: 20px;
}

.press_content p{
padding: 5px 25px 5px 25px;
}

.press_content_feature{
margin: 20px 0 0 0;
padding: 0 40px 0 40px;

}

.press_content .headline{
font-size: 140%;
color: #1a76a8;
border-bottom: 1px solid #d7d7d7;
padding: 10px 5px 10px 20px;
background: #f3f3f3 url(../../images/KSS/press-headline-bg.gif) repeat-x;
}

.press_content .date{
font-weight: bold;
font-family: monospace;
background: url(../../images/KSS/press-content-bg.gif) repeat-x;
}

.press_content_feature .date{
font-weight: bold;
font-family: monospace;
padding: 0 5px 0 5px;

}
.press_content_feature .content{
padding: 5px;
}

.press_content img, .press_content_feature img{
float: right;
padding: 5px;
}

.featurepadding{
margin:20px 0 20px 35px;
}


#tourtable{
width: 100%;
border: none;
background: #fff;
padding: 0 0 30px 0;
}

#tourtable td{
width: 100px;
padding: 15px;
text-align: center;
border: 1px solid #fff;

}

#tourtable td:hover{
background:#E9F9FF none repeat scroll 0 0;
border:1px solid #BAD9E3;
}

#tourtable a{
color: #1a76a7;
text-decoration: none;
}

#tourtable a:hover{
color: #074b70; 
}

body#tour #sidebartourimg{
display: none;}

body#product_overview #sidebarmoreinfoimg{
display: none;}

.loginpassimg{
float: left;
padding: 5px 15px 10px 5px;
}

#upgradebox_top{
background-image: url(../../images/KSS/upggradebox_top.png);
background-repeat:no-repeat;
height:0 !important;
overflow:hidden;
width: 644px;
padding:181px 0 0 0;
}


#upgradebox_middle{
background: url(../../images/KSS/upggradebox_middle.png) repeat-y;
width: 644px;
padding: 20px;
}

#upgradebox_middle .whitebox{
background:#fff;
width: 600px;
}

#upgradebox_middle .whitebox .headline{
color: #CD181F;
font-size: 165%;
}

#upgradebox_middle .whitebox .phonenum{
color: #CD181F;
font-size: 280%;
font-weight: bold;
}

#upgradebox_middle .whitebox .upgradelink, #upgradebox_middle .whitebox .upgradelink a{
letter-spacing: -1px;
color: #1077A7;
font-size: 140%;
margin: 35px 0 0 0;
}

#upgradebox_middle .whitebox .float_right{
width: 285px;
padding: 10px 5px 10px 0;
}

#upgradebox_middle .whitebox .float_left{
width: 300px;
padding: 10px 0 10px 5px;
}

#upgradebox_bottom{
background: url(../../images/KSS/upggradebox_bottom.png) no-repeat;
width: 644px;
height: 21px;
padding: 0 0 20px 0;
}

#upgradebox_bottom p{
padding: 0 0 20px 0;
}

#userquotes{
width: 100%;
border: 1px solid #e4e4e4;
margin: 20px 0 0 0;
font-size: 95%;
background:  #F3F3F3 url(../../images/KSS/press-headline-bg.gif) top repeat-x 
}

#userquotes h4{
color: #1a76a7;
font-size: 180%;
text-align: center;
padding: 0 0 10px 0;
}


#userquotes .athome{
float: left;
width: 50%;
border-right: 1px solid #e4e4e4;
}

#userquotes .atwork{
float: right;
width: 49%;
}

#userquotes blockquote{
padding: 10px;
font-size: 120%;
color: #206286;
height: 90px;
}

#homepagequotes p{
padding: 0;
}

#homepagequotes blockquote{
color:#990000;
font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
font-size:155%;
font-weight:bold;
clear: right;
}

#homepagequotes .quotename{
padding: 0 5px 20px 5px;
float: right;
font-size: 100%;
color: #838383;
}

.morebttn{
height: 34px;
width: 117px;
clear: right;
margin: 0 0 0 -520px;
}

.features_list_box{
padding:  0 0 0 0;
background: url(../../images/KSS/feature_list_middle.gif) repeat-y;

}

.feature_list_head{
background: url(../../images/KSS/feature_list_head.png) no-repeat;
width: 629px;
height: 27px;
margin: 20px 0 0 0;
}

.feature_list_head p{
padding: 4px 6px 5px 19px;
color: #fff;
font-weight: bold;
font-size: 120%;
}

.feature_list_middle{
width: 629px;
padding: 0 10px 10px 0;
}

.features_list_box .feature_list_middle ul{
list-style: none;
margin: 5px 0 0 0;
padding: 0;
}

.features_list_box .feature_list_middle li{
background: url(../../images/KSS/checkmark.gif) no-repeat left top;
border: none;
padding: 4px 0 4px 25px;
margin: 2px 0 2px 0;
font-size: 110%;
line-height: 1.1em;
}

.features_list_box .feature_list_middle li:hover{
border: none;
background: url(../../images/KSS/checkmark.gif) no-repeat left top;
}

.features_list_box .feature_list_middle ul.leftside{
float: left;
width:240px;
padding: 0 0 0 40px;
}

.features_list_box .feature_list_middle ul.rightside{
float: right;
width:260px;
padding: 0 40px 0 30px;
border-left: 1px solid #B1B3B5;
}


.feature_list_bottom{
clear: both;
background: url(../../images/KSS/feature_list_bottom.png) no-repeat;
width: 629px;
height: 27px;
}

#homepagequotes{
margin: 40px 0 0 0;
height: 120px;
}

#homepagequotes p{
background-image:url(../../images/KSS/accolades2.gif);
background-repeat:no-repeat;
float:right;
height:0pt !important;
overflow:hidden;
padding:88px 0pt 0pt;
width:627px;
}

#homepagequotes3{
padding:20px 10px 0 20px;
text-align:left;
}

#homepagequotes3 q.top{border-top: none;}

#homepagequotes3 q{
font-family: "Arial Narrow", Arial, sans-serif;
color: #ae192d;
font-size: 175%;
font-weight: bold;
display: block;
padding:10px 0;
border-top:1px solid #fff;
}

#homepagequotes3 p {
border-bottom:1px solid #C4DEF0;
color:#4E5E72;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:100%;
padding:5px 0 15px;
text-align:right;
}

#homepagequotes3 p.bottom{border-bottom: none;}

#homepagequotes3 q:before, #homepagequotes3 q:after { content: ""; }

#tour-top{
}

#tour-top p{
font-size: 95%;
padding: 10px 0 0 0;
}

#tour-top h4{
font-size: 140%;
}


#tour-top .tour-left{
width: 200px;
float: left;
padding: 0 20px 0 0;
}

#tour-top .tour-center{
width: 200px;
float: left;
padding: 0 20px 0 0;
}


#tour-top .tour-right{
width: 210px;
float: left;
padding: 0 0 0 20px;
}

dl.feature{
margin: 15px 0;
padding: 2px;
background: #fff;
font-family: "Lucida Grande", Arial, sans-serif;
}



dl.feature:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

dl.feature dt{
margin: 0 0 .5em;
font-size: 105%;
}

dl.feature dt img{
float: left;
margin: 0 3px 0 0;
padding: 0 3px 0 0;
}

dl.feature dt a{
color: #1A76A8;
text-decoration: none;
font-weight: bold;
}

dl.feature dt a:hover{
text-decoration: underline;
}


dl.feature dd{
margin: 0;
font-size: 95%;
line-height: 1.5em;
color: #666;
}


/*awards box */

#awardsbox{
margin:  0 0 0 1px;
}

#awardsbox img{
padding: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
}

.awardsTop{
background: url(../../images/KSS/awardsTop.gif) no-repeat;
width: 246px;
height: 83px;
}

.awardsMiddle{
background: url(../../images/KSS/awardsMiddle.gif) repeat-y;
width: 246px;
padding: 0 53px 0 53px;
}

.awardsMiddle img{
}

.awardsBottom{
background: url(../../images/KSS/awardsBottom.gif) no-repeat;
width: 246px;
height: 22px;
}


dl.theTool{
border:1px solid #fff;
margin:10px 0pt;
padding:5px 0pt;
}

dl.snapshotTool{
clear:left;
height:auto;}

dl.bigger{
margin:10px 0pt 10px 25px !important;
padding:5px 0pt !important;
}

dl.bigger dd{
font-size: 130%!important;
padding:0pt 0pt 0pt 0!important;
}

dl.bigger dt{
width: 88px!important;
}


dl.theTool dt{
background-image:url(../../images/KSS/recordingfeatures.png);
background-repeat:no-repeat;
height:0pt !important;
overflow:hidden;
padding:65px 0pt 0pt;
width:102px;
float: left;
}

dl.theTool dt.screensnapshots{
background-position:-802px -120px;
}

dl.theTool dt.chatim{
background-position: 0 -120px;
}

dl.theTool dt.keystrokes{
background-position: 0 -801px;
}

dl.theTool dt.myspace{
background-position: 0 -1260px;
}

dl.theTool dt.searches{
background-position: 0 -1488px;
}

dl.theTool dt.sitesvisited{
background-position: -802px -804px;
padding:75px 0pt 0pt;
}

dl.theTool dt.sitesvisited2{
background-position: -802px -804px;
}

dl.theTool dt.top10{
background-position: -802px -348px;
}

dl.theTool dt.email{
background-position: 0 -348px;
}

dl.theTool dt.program{
background-position: 0 -1716px;
}

dl.theTool dt.keywords{
background-position: 0 -1032px;
}

dl.theTool dt.Passwords{
background-image: url(../../images/KSS/passwordprotected.gif); 
padding:70px 0pt 0pt 0;
}

dl.theTool dt.RemoteViewer{
background-image: url(../../images/KSS/mactopc.gif);
padding:70px 0pt 0pt 0;
}

dl.theTool dt.NewforMac{
background-image: url(../../images/KSS/newformac.gif);
padding:70px 0pt 0pt 0;
}



dl.theTool dd{
font-size:110%;
line-height:1.5em;
margin:20px 0pt;
padding:0pt 0pt 0pt 105px;
text-align:left;
}

dl.theTool .altspacing{
margin:10px 0pt;
}


dl.theTool ul{
margin:5px 0pt 0pt 120px;
list-style: none;
}

dl.theTool li{
background:transparent url(../../images/KSS/checkmark.gif) no-repeat scroll left top;
padding:3px 0pt 5px 23px;
}

dl.theTool dd a{
font-weight: bold;
color: #1A76A8;
text-decoration: none;
}

dl.theTool dd a:hover{
text-decoration: underline;
}

/**/

.getstartedbttm {
margin:0pt 0pt 40px 170px;
}

#noicon {
padding:5px 0pt 0pt 40px;
}

#advancedfeaturelist{
background: #fff;
width: 660px;
margin:20px auto;
}

#advancedfeaturelist dl.feature {
margin:12px 0pt 0pt 0px;
}

#advancedfeaturelist dl.feature dd{
margin: 10px;
line-height: 1.5em;
}

#advancedfeaturelist dl.feature dt {
font-size:120%;
font-weight:bold;
margin:0pt 0pt 0.5em;
color:#1A76A8;
font-weight:bold;}

#advancedfeaturelist dl.feature dt img {
margin:0pt 0pt 20px;
padding:0pt 10px;
}

.video-container{padding:10px 25px;}