/* defaults, globals, and miscellaneous
==============================================================================*/

* { 
	margin: 0;
	padding: 0;
	}
body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	/*background: #fff url(/images/bg-body.gif) repeat-x;*/
	}
hr {
	display: none;
	}
a {
	text-decoration: none;
	}
a:hover {
	cursor: pointer;
}
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}
.floatWrap {
	overflow:hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#skipLink {
	display: none;
	}


/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
.inlineImage {
	text-align: center;
	font: normal 1.0em 'lucida grande',tahoma,sans-serif;
	color: #999;
	}
	.inlineImage img {
		padding: 3px;
		border: 1px solid #ccc;
		}
	.noStyle img {
		padding: 0;
		border: 0 none;
		}
.right {
	float: right;
	padding: 6px;
	margin-top: 1.3em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2em;
	}
.left {
	float: left;
	margin: 1.3em 2em 0 0;
	}
.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}


/* site id and utility links
==============================================================================*/
h1 {
	position: relative;
	height: 70px;
	}
	h1 a {
		display: block;
		position: absolute;
		top: 25px;
		width: 234px;
		height: 36px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(/images/WebsiteLogo_BQE.jpg) no-repeat;
		}
#navUtilities {
	position: absolute;
	top: 49px;
	right: 17px;
	margin-left: 140px;
	color: #BFDBFF;
	font-family: 'lucida grande', tahoma, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.1em;
	font-weight: bold;
	font-variant: normal;
	}
	#navUtilities a {
		text-decoration: none;
		color: #333366;
		}
	#navUtilities a:hover {
		color: #eae7d2;
		}


/* layout setup
==============================================================================*/
#container,
#tccnet,
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 768px;
	}
#tccnet {
	z-index: 3000; /* ensures dropdown is clickable */
	}
#container,
#wrapper {
	text-align: left;
	}
#obligatorySidebar {
	position: relative;
	float: right;
	margin: 0;
	width: 256px;
	background: url(/images/bg-news.jpg) no-repeat;
	}


/* tcc network dropdown
==============================================================================*/
#tccnet form {
	float: right;
	height: 39px;
	background: url(/images/tccnet-bg.gif) repeat-x;
	}
#tccnet fieldset {
	float: left; /* forces Mozilla to shrink form to size */
	background: transparent url(/images/tccnet-bgleft.gif) no-repeat;
	border: 0 none;
	}
#tccnet label {
	display: block;
	float: left;
	height: 39px;
	background: transparent url(/images/tccnet-bgright.gif) right top no-repeat;
	}
#tccnet select {
	margin: 10px 25px 0;
	font-size: 10px;
	}


/* top-level navigation
==============================================================================*/
#nav {
	height: 28px;
	margin-bottom: 7px;
	list-style: none;
	}
#nav li {
	float: left;
	margin-right: 1px;
	height: 28px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 28px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navHome {
		width: 76px;
		background: url(/images/nav-home.gif) no-repeat;
		}
	#navSolutions {
		width: 85px;
		background: url(/images/nav-solutions.gif) no-repeat;
		}
	#navProducts {
		width: 85px;
		background: url(/images/nav-products.gif) no-repeat;
		}
	#navTrial {
		width: 128px;
		background: url(/images/nav-trial.gif) no-repeat;
		}
/*	Parthiv - Hiding Buy Online Tab here
		
	#navBuy {
		width: 100px;
		background: url(/images/nav-buy.gif) no-repeat;
		}
*/
	#navTraining {
		width: 100px;
		background: url(/images/nav-train.jpg) no-repeat;	/*Parthiv added image for Hiding Prices*/
		}
	#navSupport {
		width: 85px;
		background: url(/images/nav-support.gif) no-repeat;
		}
	#navServices {
		width:100px;
		background: url(/images/nav-services.gif) no-repeat;
		}
	#navCompany {
		width: 100px;
		background: url(/images/nav-company.gif) no-repeat;
		}
#nav li a:hover {
	background-position: 50% -28px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -56px;
		}


/* greeting (welcome/perspective)
==============================================================================*/
#greeting {
	float: right;
	width: 256px;
	background: #fff;
	}
#greetingTabs {
	clear: both;
	background: #eae7d2;
	height: 24px;
	}
	#greetingTabs span {
		display: block;
		float: left;
		height: 24px;
		overflow: hidden;
		}
	#welcomeTab {
		margin-right: 2px;
		width: 93px;
		cursor: pointer !important; 
		/*background: url(/images/tab-news.gif) no-repeat;*/
		background: url(/images/default/TabLiveDemo.png) no-repeat;
		}
	#perspectiveTab {
		width: 161px;
		cursor: pointer !important;
		/*background: url(/images/tab-perspective.gif) no-repeat;*/
		background: url(/images/default/TabAccounting.png) no-repeat;
		background-position: center bottom;
		}
#welcome,
#perspective {
	display: block;
	position: relative;
	margin: 4px 5px 5px;
	width: 246px;
	height: 169px;
	overflow: auto;
	}
#welcome {
	/*background-image: url(/images/Free_Guided_Tour.jpg);*/
	background-image: url(/images/bqOnTour/BQonTour_BannerNJ.png);
	background-repeat: no-repeat;
	overflow: hidden;
	}
	#welcome h2 {
		display: none;
		}
	#welcome p {
		position: relative;
		float: right;
		right: 10px;
		margin: 75px 0 0 0;
		width: 112px;
		font: normal 1.0em/1.4 'lucida grande',tahoma,sans-serif;
		text-align: right;
		color: #555;
		}
	#welcome p a {
		display: block;
		margin-top: 2px;
		font-weight: bolder;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		}
	#welcome p a:hover {
		text-decoration: underline;
		}
#perspective {
	display: none;
	/*background: url(/images/perspective-bg.gif) center top no-repeat;*/
	background: url(/images/default/QuickBooks_Banner.png)  bottom left no-repeat fixed;
	overflow: hidden;
	}
	#perspective h2 {
		display: none;
		}
	#perspective p {
		position: relative;
		margin-top: 105px;
		padding: 0 10px;
		font: normal 1.0em/1.4 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#perspective p a {
		font-weight: bolder;
		text-decoration: none;
		text-transform: uppercase;
		color: #009933;
		}
	#perspective p a:hover {
		text-decoration: underline;
		}


/* feature promos (aka 'currently')
==============================================================================*/
#currently {
	position: relative;
	float: left;
	width: 497px;
	min-height: 202px;
	margin-bottom: 16px; /* to force following elements down */
	background: #fff;
	}
	#currently h2 {
	margin: 3px 3 3 3px;
	position: absolute;
	left: -16px;
	width: 16px;
	height: 100px;
	text-indent: -5000px;
	overflow: hidden;
	background: #eae7d2 url(/images/h2-currently.gif) no-repeat;
}
	#currently div {
	margin: 3px 3 3 3px;
	width: 486px;
	margin-top: 3px;
	margin-left: 1.5px;
}
	#currently span {
		display: block;
		font: normal 1em 'lucida grande',tahoma,sans-serif;
		text-align: center;
		color: #999;
		}
	#currently a {
		color: #2388ff;
		font-weight: bold;
		}
	

/* latest message
==============================================================================*/
#latestMessage {
	position: relative;
	float: left;
	width: 497px;
	min-height: 112px;
	overflow: hidden;
	background: #fff url(/images/bg-newmessage.jpg) no-repeat;
	}
	#latestMessage h2 {
		margin-top: 3px;
		width: 224px;
		height: 29px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(/images/BillQuick_2009_is_Here.gif) no-repeat;
		}
	#latestMessage p {
		margin-left: 20px;
		width: 283px;
		font: normal 1.0em/1.6 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
		#latestMessage p a {
			color: #2388ff;
			}
		#latestMessage p a:hover {
			color: #333;
			text-decoration: underline;
			background: #ffc;
			}
	#latestMessage ul {
		margin: 0;
		margin-top: -4px;
		margin-right: 19px;
		font: normal 1.2em/1.6 'lucida grande',tahoma,sans-serif;
		color: #777;
	}
	#latestMessage ul li {
		padding-left: 20px;
		padding-top: -7px;
		margin-bottom: 11px;
		list-style-type: none;
		background: transparent url(/images/Bullet-Grey-13x13.gif) no-repeat 0 4px;
		height: 22px;
		min-height: 22px;
	}
	#latestMessage ul a {
		color: #2388ff;
		font-weight: bold;
	}
	#latestMessage ul a:hover {
		color: #333;
		background: #ffc;
	}


/* podcast info
==============================================================================*/
#podcastInfo  {
	position: relative;
	float: right;
	width: 256px;
	min-height: 64px;
	margin-bottom: 7px;
	overflow: hidden;
	background: url(/images/bg-podcastinfo.jpg) no-repeat;
	}
	#podcastInfo h2 {
		margin: 6px 0 0 10px;
		height: 17px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(/images/h2-podcast2.jpg) no-repeat;
		}
	#podcastInfo p {
	margin: 0 10px 0 12px;
	font: normal 1.0em/1.6 'lucida grande',tahoma,sans-serif;
	color: #777;
		}
		#podcastInfo p a {
			text-decoration: none;
			color: #2388ff;
			font-weight: bold;
			}
		#podcastInfo p a:hover {
			text-decoration: underline;
			color: #333;
			background: #ffc;
			}


/* headers
==============================================================================*/
#news h2,
#events h2,
#solutions h2,
.feature h2 {
	clear: none;
	margin: 20px 0 7px 10px;
	padding-bottom: 3px;
	font: bold 1.2em/1em 'lucida grande',tahoma,sans-serif;
	color: #ff9300;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
	#solutions h2,
	.feature h2 {
		margin: 20px 15px 7px 0;
		}


/* news & announcements
==============================================================================*/
#news {
	position: relative;
	float: left;
	min-height: 280px;
	height: auto;
	}
.newsItem {
	clear: both;
	margin: 10px 5px 10px 10px;
	}
	#news .alert {
		padding: 5px;
		background: #ffc;
		border-top: 1px solid red;
		border-bottom: 1px solid red;
	}
#news h3 {
	position: relative;
	margin-bottom: -.3em;
	font: normal 1.3em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #2388ff;
	}
	#news h3 span {
		font-size: 9px;
		color: #999;
		}

#news .newsItem p {
	margin: .5em 0 .5em 0;
	font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
	color: #555;
	}

#news .withThumb h3,
#news .withThumb p {
	}

#news img {
	padding: 2px;
	float: right;
	margin-left: 7px;
	background: #fff;
	border: 1px solid #ccc;
	}
	#news img.l {
		}
	#news img.r {
		}
/*  google clickME 
==============================================================================*/
#CallMe, #CallMeCopy{
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	height: 87px;
}


/* events
==============================================================================*/
#events {
	float: left;
	width: 100%;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	}
#events ul {
	width: 100%;
	list-style: none;
	}
#events li {
	margin: 0 0 0 10px;
	padding: 8px 3px;
	color: #555;
	border-bottom: 1px solid #eee;
	}
#events li span {
	float: right;
	}

#news a,
#events a {
	color: #2388ff;
	font-weight: bold;
	}
#news a:hover,
#events a:hover {
	text-decoration: underline;
	color: #333;
	background-color: #ffc;
	}

#news p.archiveLink,
#events p.archiveLink {
	clear: both;
	margin: 10px 0 10px 10px;
	border-top: 1px solid #ccc;
	}
	#news .archiveLink a,
	#events .archiveLink a {
		display: block;
		float: right;
		padding-right: 20px;
		color: #777;
		font: normal 9px/3em 'lucida grande',tahoma,sans-serif;
		}
#news .archiveLink a {
	background: url(/images/icon-document.gif) 100% 50% no-repeat;
	}
#events .archiveLink a {
	background: url(/images/icon-calendar.gif) 100% 50% no-repeat;
	}


/* solutions information
==============================================================================*/
#solutions {
	position: relative;
	float: left;
	width: 512px;
	min-height: 280px;
	height: auto;
	background: url(/images/bg-services.jpg) right top no-repeat;
	}
#solutionsInfo,#solutionsIntro{
	position: relative;
	float: right;
	right: 15px;
	width: 369px;
	}
	#solutionsInfo a , #solutionsIntro a {
		color: #2388ff;
		font-weight: bold;
		}
	#solutionsInfo a:hover ,#solutionsIntro a:hover {
		text-decoration: underline;
		color: #333;
		background: #ffc;
		}
	#solutionsInfo .left {
		position: relative;
		left: 15px;
		margin-right: 30px;
		}
	#solutionsInfo h3, #solutionsIntro h3{
		margin: 15px 0 -5px 15px;
		font: normal 1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#solutionsInfo p ,#solutionsIntro p{
		margin: 10px 5px 10px 15px;
		font: normal 1.1em/1.45em 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
	#solutionsInfo ul {
		clear: left;
		margin: 10px 0 10px 15px;
		padding: 15px;
		list-style: none;
		font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		background: #ffc;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}
	#solutionsInfo ul li {
		margin: 5px 0;
		}
#solutionList {
	position: relative;
	float: left; /* prevents margin collapse */
	width: 128px;
	list-style: none;
	font: bold 1.1em/1.1em 'lucida grande',tahoma,sans-serif;
	color: #777;
	background: url(/images/bg-campuses.jpg) right top repeat-y;
	}
	#solutionList li {
		margin: .09em 0;
		}
	#solutionList li#listTop {
		margin-top: 0;
		background: url(/images/bg-servicestop.jpg) right top no-repeat;
		}
	#solutionList li#listBottom {
		margin-bottom: 0;
		background: url(/images/bg-servicesbottom.jpg) right bottom no-repeat;
		}
	#solutionList li ul {
		margin: 0 0 .63em;
		list-style: none;
		}
	#solutionList li ul li {
		position: relative;
		margin: 0;
		padding-left: 11px;
		font-weight: normal;
		background: url(/images/arrow-miniorange.gif) 0 50% no-repeat;
		}
#solutionList a,
#solutionList span {
	display: block;
	min-height: 1.55em;
	padding-top: .45em;
	color: #777;
	cursor: pointer; /* forces hyperlink cursor, just in case */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-color: transparent;
	}
	#solutionyList span { cursor: default; }
#solutionList a:hover {
	color: #2388ff;
	background: white;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
#siGC ul {
	display: none;
	}


/* features
==============================================================================*/
.feature {
	position: relative;
	clear: left;
	float: left;
	margin-top: 1em;
	width: 512px;
	}
.feature a {
	margin-right: 7px;
	}
	.feature a.endRow {
		margin-right: 0;
		}
.feature a img {
	padding: 3px;
	border: 1px solid #eeeeee;
	}
.feature a:hover img, #featuredButtons a:hover {
	border: 1px solid #0884F1;
	background-color: #FFFFCF;
	cursor: pointer;
	}
.imgHover:hover {
	border: 1px solid #0884F1;
	cursor: pointer;
	}	

/* email newsletter signup
==============================================================================*/
#newsletter {
	float: left;
	margin-top: 3em;
	width: 497px;
	background: url(/images/bg-newsletterform.jpg) no-repeat;
}
#newsletter h2,
#newsletter label,
#newsletter form br {
	display: none;
}
#newsletter form {
	padding: 30px;
}
#newsletter input[type="text"] {
	width: 160px;
	height: 20px;
	margin: 4px;
	float: left;
	font: normal 16px/20px 'lucida grande',tahoma,sans-serif;
	color: #333;
}
#newsletter input[type="image"] {
	float: right;
	height: 28px;
}


/* footer
==============================================================================*/
#footer {
	position: relative;
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	background: #244A63 url(/images/bg-footer.jpg) repeat-x;
	}
#siteMap,
#copyright {
	margin-top: 0;
	}
#siteMap {
	float: left;
	width: 480px;
	}
#siteMap .column {
	float: left;
	width: 160px;
	}
#siteMap li {
	display: block;
	list-style: none;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	}
#siteMap li a {
	display: block;
	clear: left;
	padding: .36em .18em;
	font-weight: bold;
	color: #ff9300;
	}
	#siteMap li li a {
		padding-left: 10px;
		font-size: .81em;
		line-height: 1em;
		font-weight: normal;
		color: #eae7d2;
		background: url(/images/arrow-miniorange.gif) left center no-repeat;
		}
#siteMap li a:hover {
	text-decoration: underline;
	color: white;
	/*background: #244A63;*/
	}
	#siteMap li li a:hover {
		text-decoration: underline;
		/*background: #244A63 url(/images/arrow-miniorange.gif) left center no-repeat;*/
		}
#connect{
	float: right;
	width: 280px;
	background: #244A63;
}
#connect p.Title{
	display: block;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	clear: left;
	padding: .36em .18em;
	font-weight: bold;
	color: #ff9300;
	}

#connect p a img{
	padding-top: 10px;
	}
#copyright {
	float: right;
	width: 280px;
	background: #244A63;
	border: 1px solid #797066;
	}
#copyright p {
	margin: 15px 10px 0px 10px;/*15px 10px;*/
	font: normal 1em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #eae7d2;
	}
	#copyright > p+p {
		margin: 0 10px;
	}
	#copyright > p+p+p+p+p+p {
		margin: 15px 10px;
	} 
#copyright strong {
	font-size: 1.2em;
	font-weight: normal;
	color: white;
	}
#copyright a {
	font-weight: bold;
	color: #60bffb;
	}
#copyright a:hover {
	text-decoration: underline;
	color: white;
	}
fieldset {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#uWelcome {position: absolute;top:10px;left:370px;z-index:100;padding:.25em 0 0 .25em;color:#BFDBFF;font: bold 1em tahoma,sans-serif;}
#uWelcome a:visited, #uWelcome a { color: #BFDBFF;}
#uWelcome a:hover { color: #FF9900;text-decoration: underline;}
#featuredButtons {width:480px;height:48px;min-height:48px;padding-left:20px}
#featuredButtons a {float:left;margin-left:3px;font: bold 1em tahoma, sans-serif;color:#5D5D5D;line-height:1.1em;border: 1px solid #fff}
.img_button {width: 110px; height: 35px;min-height: 35px;padding: 10px 0 0 40px;text-align:center;}
#roi_btn {background: url(/images/RoiCalculator.gif) no-repeat;width:120px;padding-left:30px;}
#qb_btn {background: url(/images/QuickBooksIntegration.gif) no-repeat;}
#cq_btn {background: url(/images/Customerquotes.gif) no-repeat;}
.img_button span {font: normal .90em tahoma,sans-serif;color:#14519E;}

html,body {height:100%;margin:0;padding:0;}
#newbody {display:none;height:auto !important;height:100%;min-height:100% !important;position:relative;background: #fff url(/images/bg-body.gif) repeat-x;}
#container {padding-bottom:254px;}
#footer {position:absolute;bottom:0;left:0;height:210px;margin:0;width:100%;}
#bqeloading { display:none;position:absolute;top:10px;left:25%;padding:1em; }
#bqeloading #logo { margin-right:10px;color:#E38D15 !important;font: bold 3em 'lucida grande',tahoma,sans-serif;float:left;}
#bqeloading #logo span { color:#234661; }
#bqeloading img {float:left;margin-top:9px;}
#content a.img_btn {
	display:block;
	text-align:center;
}
#content a.img_btn:hover {
	color: #FFF;
	text-decoration: none;
}
h3.emergency, h3.iemsg {
	position: absolute;
	top: 25px;
	padding: 2px 5px;
	border: 1px solid #000;
	font:  1.1em 'lucida grande',tahoma,sans-serif;
}
h3.emergency {
	display: none;
	width: 295px;
	left: 190px;
	background-color: #DF1B1B;
	color: #fff;
}
h3.iemsg {
	background-color: #FFC;
	color: #222;
	font-size: 95%;
	left: 185px;
	width: 340px;
}
/*#latestMessage div img {float:left;margin:2px}*/
/*#uWelcome span { color: #FF9900; }*/