/* Matt added styles for New QB.Com */



.clear {clear:both;}

#referralDB-content{
width: 948px;
padding: 10px;
}

#QBHeader{
	width:968px;
	height:60px;
	background-color:#006633;
	margin-top:3px;
	background:url(/QBA/ReferralDB/Image/header_back.gif) repeat-x;
	font-family:Arial,Geneva,sans-serif;
}

	#QBHeader .qbLogo{
	  	float:left;
		margin: 0 0 0 15px;
	}    
	
	#QBHeader .headerCopy{
		float:left;
		text-align:left;
		color:#ffffff;
		font-size: 18px;
		margin: 20px 0 0 5px;
	}
	#QBHeader .headerCopyRight{
		float: right;
		color:#fff;
		margin: 45px 5px 0 0;
		font-size: 11px;
	}
		
	#QBHeader .headerCopyRight a{
		text-decoration:none;
		color:#ffffff;
	}
	
	#QBHeader .headerCopyRight a:hover{
		text-decoration:underline;
		color:#ffffff;
	} 
	
/* BEGIN FOOTER */
#footer{
	width:968px;
	height:20px;
	color:#ffffff;
	background-color:#006633;
	font-size:10px;
	font-family:Arial;
}
     #footer a{
     	color:#ffffff;
     	text-decoration:none;
	}
			
	#footer a:visited{
		text-decoration:none;
		color:#ffffff;
	}
			
	#footer a:hover{
		color:#ffffff;
		text-decoration:underline;
	}			
			
	#footer .copyRight{
		float:left;
		position:relative;
		top:3px;
		left:10px;
		color:#ffffff;
	}
    	 
	#footer .footerLinks{
		float:right;
		position:relative;
		top:3px;
		right:20px;
		color:#ffffff;
	}

	#footerTerms{
		margin-left:10px;
		font-size:10px;
		color:#999;
		padding-bottom:20px;
	}

	.footnote{
		font-family:Arial,Geneva,sans-serif;
		position:relative;
		top:20px;
		margin:0px;
		padding:0px;
		border-top:1px solid #ccc;
		font-size:10px;
		color:#999;
		width:100%;}

	#termsArea{
		width:968px;
		margin-top:4px;
	}

/* END FOOTER */

/* End Matt Added Styles */


/* Added styles from i_ReferralDB_Header.ASP */


	form
		{
			margin:0px;
			padding:0px;
		}

	body
		{
			margin:0px;
			padding:0px;
		}

	/** Start DHTML Products Styles **/

	/* Used to Re-Position Grey Products dropdown */
	#menuAdjuster
		{
			position:absolute;
			top:-4px;
			left:6px;
		}

	#navcontainerProducts
		{
			width: 0px;
			margin: 0 0;
			padding: 0 0;
			font-family: Verdana, serif;
			font-size: 9px;
		}

	ul#navlistProducts 
		{
			text-align: left;
			list-style: none;
			padding: 0;
			margin: 0;
			width: 152px;
		}

	ul#navlistProducts li
		{
			display: block;
			margin: 0;
			padding: 0;
		}

	ul#navlistProducts li a
		{
			display: block;
			width: 152px;
			padding: 5px 0 5px 0px;
			border-width: 1px;
			border-color: #666 #999 #ccc #999;
			border-style: solid;
			color: #fff;
			text-decoration: none;
			text-indent: 20px;
			background: #999;
			text-wrap:none;
		}

	#navcontainerProducts>ul#navlistProducts li a 
		{
			font-size:9px;
			width: auto;
		}

	ul#navlistProducts li a:hover, ul#navlistProducts li#active a:hover
		{
			color: #666;
			background: #CCC;
		}

	#menu1Container
		{
			visibility:hidden;
			left:810px;
			top:31px;
			overflow:hidden;
			z-index:10000;
		}

	#menu1Container, #menu1Content
		{
			position:absolute;
			width:170px;
			height:464px;
			clip:rect(0 170 464 0);
		}


	.quickBoooksHeader
		{
			position:relative;
			left:0px;
			top:0px;
			background-color:#096;
			background-image:url('/QBA/ReferralDB/Include/Header/Image/top_green_background.gif');
			width:760px;
			height:48px;
		}

	/* End Products DHTML styles */


	.topNavSubBar
		{
			border-bottom:1px solid #fff31a;
			background-color:#fdf4ab;
			padding-top:3px;
			padding-bottom:1px;
			width:760px;
		}
	.topNavSub
		{
			font-size:10px;
			color:#174;
			line-height:14px;
		}
	.topNavSub a
		{
			color:#174;
			text-decoration:none;
		}
	.topNavSub a:visited
		{
			color:#174;
			text-decoration:none;
		}
	.topNavSub a:hover
		{
			color:#174;
			text-decoration:underline;
		}
	.topNavSub.on 
		{
			font-weight:bold;
			color:#CC6633;
		}
	.topNavSub.anc 
		{
			font-weight:bold;
			color:#174;
		}
	.topNavSub.anc a
		{
			color:#174;
			text-decoration:none;
		}
	.topNavSub.anc a:visited
		{
			color:#174;
			text-decoration:none;
		}
	.topNavSub.anc a:hover
		{
			color:#174;
			text-decoration:underline;
		}

/* Added styles from i_ReferralDB_Header.ASP */



.promoImage
{
    MARGIN-BOTTOM: 10px;
    MARGIN-RIGHT: 10px
}
.availableDownload
{
    FONT-SIZE: 11px;
    COLOR: #ff9900;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.black
{
    BACKGROUND-COLOR: #000000
}
.body
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
A.body
{
    FONT-SIZE: 11px;
    COLOR: #6666ff;
	text-decoration: underline;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.bodybold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
A.bodybold
{
    COLOR: #6666ff;
    TEXT-DECORATION: none
}
.calendarBorder
{
    BACKGROUND-COLOR: #cecece
}
.calendarClass
{
    PADDING-RIGHT: 9px;
    PADDING-LEFT: 9px;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    BACKGROUND-COLOR: #fceedc
}
A.calendarClass
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    COLOR: #6666ff;
    TEXT-DECORATION: none
}
.calendarFooter
{
    BACKGROUND-COLOR: #ededed
}
.calendarHeader
{
    PADDING-RIGHT: 9px;
    PADDING-LEFT: 9px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #333333;
    PADDING-TOP: 2px;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    BACKGROUND-COLOR: #ededed
}
.calendarMonth
{
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
A.calendarMonth
{
    FONT-SIZE: 12px;
    COLOR: #6666ff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: none
}
.calendarMonthDiv
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    COLOR: #6666ff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.calendarNoClass
{
    PADDING-RIGHT: 9px;
    PADDING-LEFT: 9px;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    BACKGROUND-COLOR: #ffffff
}
.dropdownFinFamily
{
    FONT-SIZE: 11px;
    WIDTH: 144px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.familyRetailGradient
{
    BACKGROUND: url(/images/misc/family_retail_gradient.jpg) repeat-x 50% bottom
}
.familySubHdr
{
    FONT-SIZE: 14px;
    COLOR: #006633;
    FONT-FAMILY: "Arial", "Verdana", "Geneva", "sans-serif"
}
.grey
{
    FONT-SIZE: 11px;
    COLOR: #999999;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.header
{
    BACKGROUND-COLOR: #009a4e
}
.headerCart
{
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.headerSearch
{
    FONT-SIZE: 10px;
    WIDTH: 180px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    HEIGHT: 18px
}
.leftNavHere
{
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 5px;
    COLOR: #999999;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.leftNavLink
{
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 5px;
    COLOR: #6666ff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: none
}
.bodygreen
{
    FONT-SIZE: 10px;
    COLOR: #006633;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.bodygreenbold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #006633;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.linkwhite
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.linkwhitebold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.linkgreen
{
    FONT-SIZE: 10px;
    COLOR: #006633;
    TEXT-DECORATION: none;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.linkgreenbold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #006633;
    TEXT-DECORATION: underline;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}


A.leftNavLink:hover
{
    TEXT-DECORATION: none
}
.leftNavSection
{
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 5px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.lineGrey
{
    BACKGROUND-COLOR: #cccccc
}
.linkAnchor
{
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 4px;
    COLOR: #6666ff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.navtabDivider
{
    BACKGROUND: url(/images/navs/qb_tab_divider.gif) repeat-x
}
A.navtabLink
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: none
}
.navtabLink:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.navtabOff
{
    BACKGROUND: url(/images/navs/qb_tab_off_middle.jpg) #006633 repeat-x;
    PADDING-BOTTOM: 2px
}
.navtabOn
{
    FONT-SIZE: 10px;
    BACKGROUND: url(/images/navs/qb_tab_on_middle.jpg) #dfece6 repeat-x;
    PADDING-BOTTOM: 2px;
    COLOR: #006633;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.navtabSubDiv
{
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    FONT-SIZE: 10px;
    COLOR: #6666ff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.navtabSubHere
{
    FONT-SIZE: 10px;
    COLOR: #999999;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.new2005BenefitBucketTitle
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.new2005BenefitDesc
{
    FONT-SIZE: 10px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.new2005ChartTitle
{
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.new2005Gradient2003
{
    BACKGROUND: url(/images/misc/qb_gradient_2003.jpg) repeat-x
}
.new2005Gradient2004
{
    BACKGROUND: url(/images/misc/qb_gradient_2004.jpg) repeat-x
}
.new2005Gradient2005
{
    BACKGROUND: url(/images/misc/qb_gradient_2005.jpg) repeat-x
}
.new2005Title2003
{
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    COLOR: #ffffff;
    PADDING-TOP: 2px;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    BACKGROUND-COLOR: #eeb065
}
.new2005Title2004
{
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    COLOR: #ffffff;
    PADDING-TOP: 2px;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    BACKGROUND-COLOR: #ea8c18
}
.new2005Title2005
{
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    COLOR: #ffffff;
    PADDING-TOP: 2px;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    BACKGROUND-COLOR: #cc6600
}
.pageTitle
{
    FONT-SIZE: 16px;
    COLOR: #006633;
    FONT-FAMILY: "Arial", "Verdana", "Geneva", "sans-serif"
}
.popup
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    COLOR: #ffffff;
    FONT-FAMILY: "Arial", "Verdana", "Geneva", "sans-serif";
    BACKGROUND-COLOR: #009a4e
}
.popupLearnMore
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #ffffff;
    FONT-FAMILY: "Arial", "Verdana", "Geneva", "sans-serif";
    BACKGROUND-COLOR: #009a4e
}
.popupClose
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: "Arial", "Verdana", "Geneva", "sans-serif";
    BACKGROUND-COLOR: #009a4e;
    TEXT-DECORATION: none
}
.popupClose:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.priceSale
{
    FONT-SIZE: 11px;
    COLOR: #cc0000;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.priceStandard
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.priceStrike
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: line-through
}
.primaryBack
{
    BACKGROUND-COLOR: #d1d1d1
}
.prodName
{
    FONT-SIZE: 16px;
    COLOR: #006633;
    FONT-FAMILY: "Arial", "Verdana", "Geneva", "sans-serif"
}
.prodPlatform
{
    FONT-SIZE: 11px;
    COLOR: #006633;
    FONT-FAMILY: "Arial", "Verdana", "Geneva", "sans-serif"
}
.red
{
    FONT-SIZE: 11px;
    COLOR: #990000;
    FONT-STYLE: normal;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.redbold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #cc0000;
    FONT-STYLE: normal;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: none
}
.sectionHeader
{
    PADDING-LEFT: 14px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 6px;
    COLOR: #333333;
    PADDING-TOP: 4px;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    BACKGROUND-COLOR: #ededed
}
.chartHeader
{
    PADDING-RIGHT: 9px;
    PADDING-LEFT: 9px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 6px;
    COLOR: #333333;
    PADDING-TOP: 4px;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    BACKGROUND-COLOR: #ededed
}
.skuSelectPriceBack
{
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: #e5e5e5
}
.skuSelectPriceSale
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 11px;
    COLOR: #cc0000;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.skuSelectPriceStandard
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.skuSelectPriceStrike
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: line-through
}
.skuSelectUsers
{
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    COLOR: #333333;
    PADDING-TOP: 1px;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.skuSelectVersion
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.smallGrey
{
    FONT-SIZE: 10px;
    COLOR: #999999;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.smallbody
{
    FONT-SIZE: 10px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.smallbody A
{
    FONT-SIZE: 10px;
    COLOR: #6666ff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
A.smallbody
{
    FONT-SIZE: 10px;
    COLOR: #6666ff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.smallbodygrey
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #666666;
    FONT-STYLE: normal;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: none
}
.smallbodybold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
A.smallProdLink
{
    FONT-SIZE: 10px;
    COLOR: #6666ff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: none
}
A.smallProdLink:hover
{
    TEXT-DECORATION: underline
}
A.smallProdLinkBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #6666ff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: none
}
A.smallProdLinkBold:hover
{
    TEXT-DECORATION: underline
}
.trusteSeal
{
    MARGIN-LEFT: 15px
}
.orangeHdr
{
    FONT-SIZE: 16px;
    COLOR: #ff9900;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.whiteHdr
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.industryDiv
{
    BACKGROUND-COLOR: #cccccc
}
.industryComboMiddle
{
    BACKGROUND: url(/images/misc/industry_gradient_combo_middle.jpg) white repeat-x
}
.industryEnterpriseBottom
{
    BACKGROUND: url(/images/misc/industry_gradient_enterprise_bottom.jpg) white repeat-x
}
.industryEnterpriseTop
{
    BACKGROUND: url(/images/misc/industry_gradient_enterprise_top.jpg) white repeat-x
}
.industryGoldBottom
{
    BACKGROUND: url(/images/misc/industry_gradient_gold_bottom.jpg) white repeat-x
}
.industryGoldTop
{
    BACKGROUND: url(/images/misc/industry_gradient_gold_top.jpg) white repeat-x
}
.industryGreen
{
    BACKGROUND: url(/images/misc/industry_gradient_green.jpg) white repeat-x
}
.industryOrange
{
    BACKGROUND: url(/images/misc/industry_gradient_orange.jpg) white repeat-x
}
.industrySilver
{
    BACKGROUND: url(/images/misc/industry_gradient_silver.jpg) white repeat-x
}
.leftnavYouAreHere
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #999999;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: none
}
.bodywhite
{
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.headerboldblack
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif"
}
.redbold
{
    FONT-SIZE: 11px;
    COLOR: #990000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Geneva, Arial, sans-serif
}
.bodygrey
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-STYLE: normal;
    FONT-FAMILY: "Verdana", "Geneva", "Arial", "sans-serif";
    TEXT-DECORATION: none
}