/* 
LP WEBSITE 2006

LAST MODIFIED July 24 BY CW

main color: #99CC00
text headers: #669933
*/


/* ******************************************************************************************* */
@import url("universal.css");


/* LAYOUT */

.leftTD {border-right: 1px solid #999; vertical-align:top; width: 189px}
.centerTD {vertical-align:top; width: 567px;}
.rightTD { vertical-align:top; width: 189px;}


h1 {color:#669933; font-size:16px;}
h2 {color:#666666;font-size:14px; line-height:16px;}
h3 {font-size:11px; font-weight:bold}
/* FREE TRIAL PAGES - blocked. GB.
h3 {color:#ff6600; font-size: 21px;  font-weight: normal;}
h4 {color:#00388b; font-size: 10px;  font-weight: normal;}
h5 {color:#666666; font-size: 18px;  font-weight: normal;}

*/
.click {font-family: Arial; color: #9c9c9c; font-weight:bold; font-size:16px;}
.StepTitle {color:#ff6600; font-size: 21px;  font-weight: normal;}


.PTcolor {color:#669933}
.sectionRow {background-color: #99CC00; padding: 0 10px 1px 15px}

.resourceRow {background-color: #999999; padding: 12px 10px 8px 15px}

#screenshot { 
	padding: 10px 10px 10px 10px; 
	}
	
#leftCol, #leftCol3, #leftCol4 { padding-top: 15px }

#leftCol2 {padding-top: 15px; padding-left: 14px;}

/* bullets */

#centerCol ul, #centerCol2 ul, #rightCol ul {list-style-image: url(../../images/bulletSmb.gif); margin: 0px; padding: 0px 15px 10px 15px;}

.linkable li {list-style-image:url(../../images/linkarrowSmb.gif); margin: 0px; padding: 0px 15px 5px 0px}
.linkable ul {padding-bottom: 0}

#leftCol4 ul.sidebarLeft {list-style-image: url(../../images/bulletSmb.gif); margin: 0px; padding: 0px 5px 10px 15px;}

ul.sidebarLeft li {font-size: 11px; line-height:14px;padding: 0px 0px 5px 0px}

#centerCol ol, #centerCol2 ol {margin: 0px; margin-left: 12px; padding: 0px 15px 5px 15px}

#centerCol .indent {list-style-image: url(../../images/bulletSmb.gif); margin: 20px; padding: 0px 10px 0px 20px}

/*for features table*/

.noteBoxBlue {
	width: 280px;
	position: absolute;
	z-index: 10;
	background-color: #FFF5D6;
	padding: 4px;
	border:1px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-size: 10px;
	line-height:13px;
	font-family: verdana;
	color: #333;
	visibility: hidden;
	}
	
.featureTable tr {background-color: #FFFFFF; font-size:11px; 	cursor: pointer;}

.featureTable td {font-size:11px; }

.ColHeader { border-bottom: 2px solid #CCCC99; text-align:center}
.Col1Header {text-align: center; background-color:#ebf0fd; border-bottom: 2px solid #CCCC99; }
.Col2Header {text-align: center;background-color:#fafdeb; border-bottom: 2px solid #CCCC99;  }
.Col3Header {text-align: center; background-color:#FFFFDD; border-bottom: 2px solid #CCCC99; }


.ColEnd {border-bottom: 2px solid #CCCC99;}

.Col1 {text-align: center; background-color:#ebf0fd }
.Col2 {text-align: center;background-color:#fafdeb }
.Col3 {text-align: center; background-color:#FFFFDD}

.Col1End {text-align: center; border-bottom: 2px solid #CCCC99; background-color:#ebf0fd}
.Col2End {text-align: center;border-bottom: 2px solid #CCCC99; background-color:#fafdeb}
.Col3End {text-align: center;border-bottom: 2px solid #CCCC99; background-color:#FFFFDD}
.arrow {padding-right: 4px; border: 0px}

/* delete this once new pages are published - June 6, 2007: CW */
.bottomGreen { border-bottom: 2px solid #CCCC99;}
	
/* Left Navigation for SMB sections */
.smbNav {padding: 0px; list-style:none; margin:0px; line-height:18px;}
.smbNavli {list-style:none; padding-bottom: 3px}
.productsSMB {list-style:none; margin: 0px; padding: 2px 0px 5px 5px;}
.emp {font-weight:bold;}
.subheader {color: #99CC00; font-weight: bold;}
.code { font-family: Georgia, "Times New Roman", Times, serif; color: #990000; }


.leftNav {
	padding: 0px; 
	margin: 10px 0 0 1px; 
	line-height: 14px}
	
.leftNavli {
	list-style:none; 
	padding: 0px; 
	margin-right: 0px}

.leftNavOn { 
	color: #999;
	list-style-image: url(../../images/diamond.gif);
	}

.leftNavli2 {
	list-style:none; 
	padding: 0px; 
	margin-right: 0px}

.leftNavOn2 { 
	color: #999;
	list-style-image: url(../../images/diamond.gif);
	}

/* For HackerSafe Options Forms*/
#HackerSafe td {padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #eaeaea;}
#hackerField {
	margin: 5px;
	margin-top: 10px;
	border: 1px solid #d7d7d7;
	padding: 8px;
	}
#hackerLegend {
	margin: 5px;
	margin-top: 10px;
	border: 1px solid #d7d7d7;
	padding: 8px;
	}

	
/* For Payment Options Forms*/
#surveyTable td {padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #eaeaea;}
#checkboxs td {padding-bottom: 2px; padding-top: 2px; padding-right: 5px; vertical-align:baseline; border-bottom: 0px;}
#count td {padding-bottom: 1px; padding-top: 1px; border-bottom: 0px;}
legend {
	padding: 5px 15px 5px 15px;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	margin: 2px;
	color:#669933;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	}
fieldset {
	margin: 5px;
	margin-top: 10px;
	border: 1px solid #d7d7d7;
	padding: 8px;
	}


/*for free trial - tagging view chat button*/
.viewChatButton {
	width: 330px;
	position: absolute;
	top: 400px;
	left: 600px;
	z-index: 10;
	background-color: #f9f9f9;
	padding: 10px;
	border:1px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-size: 11px;
	line-height:13px;
	font-family: verdana;
	color: #666666;
	visibility: hidden;
	}

/* Tabs - ADDED 6/7 by clare*/ 
/* added again 8/2 */


.tabOff { text-align:center; background-repeat: no-repeat; width: 109px; height: 33px; background-image:url(/images/tab-bkgd-off.gif); font-size:11px}



.tabOn { text-align:center; background-repeat: no-repeat;  width: 109px; height: 33px;  background-image:url(/images/tab-bkgd-on.gif); font-size:11px}



.tabOver { text-align:center; background-repeat: no-repeat;  width: 109px; height: 33px; background-image:url(/images/tab-bkgd-smb-over.gif); color:#FFFFFF; font-size:11px; color: #FFFFFF}



.tabOff a {text-decoration: none;}

.tabOff a:visited { text-decoration: none;}

.tabOver a:hover {text-decoration: none; color: #ffffff;}
