/*
	extends core.css
	contains all design specific styles
	
	All attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	bg shorthand: background: color url() repeat vertical-position horizontal-position;
	All font names should be quoted "Arial" 
	However, font families like Serif, Sans-Serif and Monospace do not need quotes.
*/

/* don't forget to update this file name accordingly */
@import url("compupay_core.css");

/* COLORS
-----------------------------------------------------------------------------
	
 Blue - #064E9D
 Green - #2DA539
	
*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------

	1. WRAP
	2. HEADER
		2a. LOGO
		2b. GLOBAL-NAV
		2c. NAV
	3. MASTHEAD
	4. CONTENT-WRAP
		4a. MAIN CONTENT
			4a-a. LARGE-BTNS
			4a-b. AWARDS
			4a-c. INFO & NEWS
	5. FOOTER
		5a. SEARCH
		5b. LINKS
		5c. COPYRIGHT
	6. INSIDE PAGES
		6a. SUBNAV
		6b. PRODUCT PAGE
		6c. GENERAL COPY
		6d. TRAINING SECTION
		6e. GENERAL TABLE
	7. SOLUTION-FINDER
		
*/

/* Body Class Variations */
body.alt-bg { background:url("/images/site/bg_paycheck_calcs.jpg") repeat-x scroll 0 0 #FFFFFF; }


/* 1. WRAP
----------------------------------------------------------------------------- */

#wrap{
	margin: 0 auto;
	width: 968px;
}

/* 2. HEADER
----------------------------------------------------------------------------- */

#header{ height: 105px; }

/* 2a. LOGO
----------------------------------------------------------------------------- */

#logo{
	height: 48px;
	margin: 19px 0 16px;
	width: 353px;
}

/* 2b. GLOBAL-NAV
----------------------------------------------------------------------------- */

#global-nav{
	background: transparent url(../images/site/bg_globalnav_center.jpg) repeat-x 0 0;
	float: right;
	margin-right: 4px;
	width: 270px;
}

.inner{ background: transparent url(../images/site/bg_globalnav_left.jpg) no-repeat 0 0; }

	.inner ul{
		background: transparent url(../images/site/bg_globalnav_right.jpg) no-repeat 100% 0;
		list-style: none;
		padding: 10px 10px 0;
	}

		.inner ul li{
			float: left;
			font-weight: normal;
			padding: 5px 0;
			width: 125px;
		}

			.inner li a:link,
			.inner li a:visited{
				background: transparent url(../images/site/ico_1.jpg) no-repeat 0 0;
				color: #484848;
				padding: 5px 0 5px 25px;
				text-decoration: none;
			}

				.inner li.quote a:link,
				.inner li.quote a:visited{ background-image: url(../images/site/ico_2.jpg); }

				.inner li.phone a:link,
				.inner li.phone a:visited{ background-image: url(../images/site/ico_3.jpg); }

				.inner li.login a:link,
				.inner li.login a:visited{ background-image: url(../images/site/ico_4.jpg); }

			.inner li a:hover{ color: #09509E; }

/* 2c. NAV
----------------------------------------------------------------------------- */

#nav{ list-style: none; }

	#nav li{
		float: left;
		text-indent: -13000em;
	}

		#nav li a:link,
		#nav li a:visited{
			background: transparent url(../images/site/spr_nav1_home.jpg) no-repeat 0 0;
			display: block;
			height: 40px;
			width: 133px;
		}

			#nav li.payroll-solutions a:link,
			#nav li.payroll-solutions a:visited{
				background-image: url(../images/site/spr_nav2_payroll.jpg);
				width: 123px;
			}

			#nav li.after-payroll-solutions a:link,
			#nav li.after-payroll-solutions a:visited{
				background-image: url(../images/site/spr_nav3_after.jpg);
				width: 142px;
			}

			#nav li.accountant-solutions a:link,
			#nav li.accountant-solutions a:visited{
				background-image: url(../images/site/spr_nav4_acco.jpg);
				width: 135px;
			}

			#nav li.business-partner-solutions a:link,
			#nav li.business-partner-solutions a:visited{
				background-image: url(../images/site/spr_nav5_bus.jpg);
				width: 162px;
			}

			#nav li.resource-center a:link,
			#nav li.resource-center a:visited{
				background-image: url(../images/site/spr_nav6_reso.jpg);
				width: 113px;
			}

			#nav li.about-compupay a:link,
			#nav li.about-compupay a:visited{
				background-image: url(../images/site/spr_nav7_about.jpg);
				width: 159px;
			}

		#nav li a:hover,
		#nav li a:active{ background-position: 0 -40px; }

			#nav li a:link.act,
			#nav li a:visited.act{ background-position: 0 -80px; }
			
/* 3. MASTHEAD
----------------------------------------------------------------------------- */

#masthead{ height: 257px; }

#h1_seo{
	color: #064E9D;
	font-size: 15px;
	margin-bottom: 5px;
}

#p_seo{
	color: #999;
	line-height: 16px;
	margin-bottom:5px;
}
/* 4. CONTENT-WRAP
----------------------------------------------------------------------------- */

#content-wrap{ margin-top: 0; }

/* 4a. MAIN CONTENT
----------------------------------------------------------------------------- */

#finder{
	float: left;
	margin-right: 10px;
}

/* 4a-a. LARGE-BTNS
----------------------------------------------------------------------------- */

#large-btns{
	float: left;
	list-style: none;
}

	#large-btns li{ text-indent: -13000em; }

		#large-btns li a:link,
		#large-btns li a:visited{
			background: transparent url(../images/site/spr_btn_payroll.jpg) no-repeat 0 0;
			display: block;
			height: 97px;
			width: 480px;
		}

			#large-btns li.quote a:link,
			#large-btns li.quote a:visited{
				background-image: url(../images/site/spr_btn_quote.jpg);
				margin-top: 3px;
			}

		#large-btns li a:hover,
		#large-btns li a:active{ background-position:0 -97px; }

/* 4a-b. AWARDS
----------------------------------------------------------------------------- */

#awards{
	background: transparent url(../images/site/bg_awards.jpg) no-repeat;
	height: 91px;
	list-style: none;
	padding: 20px 0 0 20px;
}

	#awards li{ float: left; 
		}

		#awards li.title{ width: 330px; }

		#awards li h3{ color: #2DA539; }

		#awards li p{
			color: #999;
			font-size: 14px;
		}
		
		#awards li a{
			margin-left: 35px;
			display: block;
		}
		
		#awards li a img{
			border: 0;
			padding: 0;
			background: transparent;
		}

/* 4a-c. INFO & NEWS
----------------------------------------------------------------------------- */
		
#info-wrap,
#news-wrap{ float: left; }

	#info-wrap p,
	#news-wrap p{ margin-bottom: 5px; }

	#info-wrap{
		margin: 0 5px;
		width: 600px;
	}

		.block{
			color: #999;
			float: left;
			line-height: 16px;
			margin-right: 25px;
			width: 170px;
		}

		.block h3,
		#news-wrap h3{
			color: #064E9D;
			font-size: 15px;
			margin-bottom: 5px;
		}

		.block h2,
		#news-wrap h2{
			color: #064E9D;
			font-size: 15px;
			margin-bottom: 5px;
		}

	#news-wrap{
		color: #999;
		line-height: 16px;
		margin-right: 10px;
		width: 340px;
	}



/* 5. FOOTER
----------------------------------------------------------------------------- */

#footer{
	background: transparent url(../images/site/bg_footer.jpg) no-repeat 0 0;
	height: 48px;
	margin-top: 20px;
}

/* 5a. SEARCH
----------------------------------------------------------------------------- */

#search{
	background: transparent url(../images/site/bg_footer_search_left.jpg) no-repeat 0 0;
	height: 48px;
	padding-left: 15px;
}

	#search input{
		background: transparent;
		border: 0;
		color: #999;
		float: left;
		padding-top: 10px;
		width: 120px;
	}
	
	#wrap input.search-submit{
		background: transparent url(../images/site/spr_btn_footer_search.jpg) no-repeat 0 0;
		text-indent: -13000em;
		display: block;
		float: left;
		height: 48px;
		width: 28px;
	}
	
	#wrap input.search-submit-hover{
		background: transparent url(../images/site/spr_btn_footer_search.jpg) no-repeat 0 -48px;
		text-indent: -13000em;
		display: block;
		float: left;
		height: 48px;
		width: 28px;
	}

	#search a:link,
	#search a:visited{
		background: transparent url(../images/site/spr_btn_footer_search.jpg) no-repeat 0 0;
		display: block;
		height: 28px;
		width: 48px;
	}

	#search a:hover,
	#search a:active{ background-position: 0 -48px; }

/* 5b. LINKS
----------------------------------------------------------------------------- */

#links{
	color: #999;
	float: right;
	font-size: 11px;
	list-style: none;
	margin-right: 20px;
}

	#links li{
		float: left;
		margin-top: 14px;
		padding-left: 3px;
	}

		#links li a:link,
		#links li a:visited,
		#links li a:hover,
		#links li a:active{	background: none; }

/* 5c. COPYRIGHT
----------------------------------------------------------------------------- */

.copyright{
	color: #999;	
	display: block;
	font-size: 11px;
	text-align: center;
	margin-bottom: 50px;
}

	.copyright a:link,
	.copyright a:visited{ color: #999; }

.copyright a:hover,
.copyright a:active{ color: #064E9D; }



/* 6. INSIDE PAGES
----------------------------------------------------------------------------- */


#main-content{
	float: left;
	margin-right: 30px;
	width: 710px;
}

.page-heading{
	color: #064E9D;
	padding-bottom: 5px;
	padding-top: 12px;
}

.page-heading{
	font-size:20px;
}

.go-back{
	padding-top: 20px;
}

#product-item h2 a:link,
#product-item h2 a:visited,
.product-item h2 a:link,
.product-item h2 a:visited{
	color: #464646;
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 10px;
}

#product-item h2 a:hover,
#product-item h2 a:active,
.product-item h2 a:hover,
.product-item h2 a:active{
	color: #2DA539;
}

/* 6a. SUBNAV
----------------------------------------------------------------------------- */

#subnav{
	float: left;
	margin-top: 10px;
	width: 220px;
}

	#payroll-btn a:link,
	#payroll-btn a:visited{
		background: transparent url(../images/site/spr_btn_payroll_small.jpg) no-repeat 0 0;
		display: block;
		height: 54px;
		text-indent: -13000em;
		width: 223px;
	}

	#payroll-btn a:hover,
	#payroll-btn a:active{ background-position: 0 -54px; }

	#quote-btn a:link,
	#quote-btn a:visited{
		background: transparent url(../images/site/spr_btn_quote_small.jpg) no-repeat 0 0;
		display: block;
		height: 54px;
		text-indent: -13000em;
		margin-bottom: 10px;
		width: 223px;
	}

	#quote-btn a:hover,
	#quote-btn a:active{ background-position: 0 -54px; }


#subnav ul{
	list-style: none;
	margin-bottom: 20px;
}

	#subnav li{
		background: transparent url('../images/site/bg_arrow.png') no-repeat 0 6px;
		border-bottom: 1px solid #ccc;
		padding: 5px 0 5px 18px;
	}

		#subnav li.big{
			background: transparent url('../images/site/bg_circle_arrow.png') no-repeat 0 5px;
			border: 0;
			margin: 10px 0 -5px 0;
		}

		#subnav li.big a:link,
		#subnav li.big a:visited{
			border: 0;
			color: #064E9D;
			font-size: 16px;
			font-weight: bold;
		}

		#subnav li.big a:hover,
		#subnav li.big a:active,
		#subnav li.big a:link.act,
		#subnav li.big a:visited.act{ color:#2DA539; }

	#subnav li a:link,
	#subnav li a:visited{
		color: #999;
		font-size: 13px;
		font-weight: normal;
	}

	#subnav li a:hover,
	#subnav li a:active,
	#subnav li a:link.act,
	#subnav li a:visited.act{ color:#2DA539; }

#subnav #testimonials{
	color: #999;
	line-height: 16px;
	margin-right: 5px;
}

#subnav #testimonials h3{
	color: #064E9D;
	font-size: 15px;
	margin-bottom: 5px;
}

/* 6b. PRODUCT PAGE
----------------------------------------------------------------------------- */

#head-image{ margin-top: 15px; }

#product-wrap{ margin-top: 20px; }

#product-item,
.product-item{
	background: transparent url(../images/site/bg_product_bg.jpg) no-repeat 0 0;
	color: #999;
	font-weight: normal;
	font-size: 13px;
	float: left;
	height: 199px;
	margin-bottom: -20px;
	padding: 10px 20px 20px;
	width: 315px;
}

.nobg {
	background-image: none !important;
}



	#product-item .left-item,
	.product-item .left-item{
		margin-right:15px;
	}

		#product-item ul,
		.product-item ul{
			list-style: none;
			padding-top: 100px;
			text-align: right;
		}

		#product-item li,
		.product-item li{
			display: inline;
			padding-left: 3px;
		}

	#product-item h2,
	.product-item h2{
		color: #464646;
		font-weight: normal;
		font-size: 24px;
		margin-bottom: 10px;
	}

	#product-item a,
	.product-item a{
		font-size:11px;
	}

	#product-item img,
	.product-item img{
		float: left;
		width: 52px;
	}

	#product-item p,
	.product-item p{
		float: left;
		margin-left: 10px;
		width: 230px;
	}

#solution-intro{	
	color: #999;
	float: left;
	font-weight: normal;
	font-size: 13px;
	margin-right: 22px;
	width: 200px;
}

#solution-intro h3{
	color: #2DA539;
	font-weight: normal;
	margin-bottom: 5px;
}

/*#solution-finder{ float: left; }*/

form#wizard fieldset#step-2,
form#wizard fieldset#step-3,
form#wizard fieldset#step-4,
form#wizard fieldset#last-step
  { display: none; }


/* 6c. GENERAL COPY
----------------------------------------------------------------------------- */
#copy p{
	margin-bottom: 15px;
	line-height: 18px;
}

#copy ul{
	margin-left: 30px;
	margin-top: -2px;
	margin-bottom: 10px;
}

#copy li{
	margin-bottom: 3px;
	list-style: circle;
	line-height: 18px;
	margin-bottom: 5px;
}

#copy h2,
#copy h3{
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 5px;
}
	.hide{display: none;}

#copy h4{
	font-size: 14px;
	color: #2DA539;
	margin-bottom: 5px;
}

#copy ul.location{
	padding-top: 10px;
}

#copy ul.location li{
	list-style: none;
	float: left;
	padding-right: 10px;
	width: 200px;
}

#copy ul.location p{
	margin-top:-5px;
}
	#copy img.border{border: 3px solid #09509E;}
	
#copy p.small{
	line-height: 13px;
	font-size: 10px;
}

/* 6d. TRAINING SECTION
----------------------------------------------------------------------------- */
#training .train-wrap{
		width: 500px;
}

#training .train-seats-wrap{
		width: 85px;
}

#training img{
	border: 0;
	padding: 0px;
	background: transparent;
}

#training ul{
	margin-bottom: 15px;
}
#training li{
	list-style: none;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#training li.over{
	background: #F6FCFF;
	}

#training h2{
	margin-bottom: 5px;
}

#training h3{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}

#training h3.table_title{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

#training small{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}


#training p{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

#training p.full{
	margin-top: 9px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

#training span.large-number{
	font: 28px Verdana, Arial, Helvetica, sans-serif;
	margin-top: -3px;
	margin-right: 3px;
	display: block;
	color: #2DA539;
}

#training #class-title{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
}

#training #info{
	width: 400px;
	line-height: 18px;
	float: left;
	margin-right: 20px;
}

#training #info p{
	line-height: 18px;
}

#training #google{
	width: 275px;	
	float: left;
}

#training #google img{	
	border: 5px solid #ccc;
}

#training #google p{
	text-align: center;
	width: 263px;	
	border: 1px solid #ccc;
	margin-top: -5px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
}

#training #reg_btn{
	margin-top: 10px;
}


#training #reg_btn a:link,
#training #reg_btn a:visited{
	background: transparent url(../images/site/spr_btn_reg.png) no-repeat 0 0;
	display: block;
	height: 80px;
	text-indent: -13000em;
	width: 400px;
}

#training #reg_btn a:hover,
#training #reg_btn a:active{ background-position: 0 -80px; }

form#training-filter {
	padding: 8px 0;
}

#training div.left { width: 400px; }
#training div.right { width: 100px; }

/* 6e. GENERAL TABLE
----------------------------------------------------------------------------- */
.compupay_table {
	width: 690px;
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
	}

.compupay_table thead .first_thead td {
	color: #FFFFFF;
	background: #ccc;
	border-bottom: none;
	font-size: 10px;
	}	

.compupay_table thead td {
	color: #333;
	background: #ccc;
	border-bottom: 5px solid #ccc;
	font-size: 10px;
	}
	
.compupay_table thead td.large {
	font-size: 12px;
	}

	
.compupay_table thead td.center {
	text-align: center;
	}
	
.compupay_table td.td_name {
	width: 90px;
	font-weight: bold;
	font-size: 11px;
	}
	
.compupay_table td.td_small { width: 50px; }
.compupay_table td.td_medium { width: 80px; }
.compupay_table td.td_large { width: 150px; }

.compupay_table td {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 10px;
	color: #333333;
	border-top: 1px dotted #999999;
	}

.compupay_table tr.alt td {
	background: #F6FCFF;
	}

.compupay_table tr.over td{
	background: #E1E8EB;
	}
		
.compupay_table	small{ 
	font: italic 9px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	margin-left: 10px;
	} 
	
.compupay_table td.check{ 
		text-align: center;
		}
	
.compupay_table td.check img{ 
		display: inline;
		}

/* 7. SOLUTION-FINDER
----------------------------------------------------------------------------- */

.solution-wrap {
	clear: both;
}

#solution-finder{
	background: transparent url(../images/payroll_solution_finder.gif) no-repeat 0 0;
	height: 198px;
	float: left;
	margin-right: 12px;
	padding: 5px 0 0;
	width: 476px;
	position: relative;
}

	#solution-finder #step-counter-wrap{
		background: transparent url(../images/step_fill.gif) repeat-x 0 0;
		float: right;
		width: 228px;
	}

	#solution-finder ul#step-counter{
		background: transparent url(../images/step_last.gif) no-repeat right 0;
		list-style: none;
	}
	
		#solution-finder ul#step-counter li{
			color: #E2E2E2; 
			float: left; 
			font-size: 25px;
			padding: 10px 10px;
			line-height: 14.4px;
			margin-bottom: 0;
		}
	
		#solution-finder ul#step-counter li.act{
			background: transparent url(../images/step_act.gif) repeat-x 0 2px;
			border: solid #BBB;
			border-width: 0 1px;
			color: #0978BE;
		}
	
		#solution-finder ul#step-counter li.off{
			background: transparent url(../images/step_act.gif) repeat-x 0 2px;
			border: solid #BBB;
			border-width: 0 1px;
			color: #999999; 
		}
		
			#solution-finder ul#step-counter li.step-start{
				background: transparent url(../images/step_start.gif) no-repeat 0 0;
				color: #666666;
				font-size: 12px;
				font-weight: bold;
				padding: 10px 10px 11px 45px;
			}
			
	#solution-finder h3{
		color: #064E9D;
		font-size: 20px;
		padding: 10px 0 5px 20px;
	}
	
	#solution-finder h4{
		color: #5E5E5E;
		font-size: 14px;
		padding: 0 0 15px;
	}
	
	#solution-finder fieldset{ 
		padding: 20px; 
		position: relative;
	}
	
		#solution-finder fieldset .error-overlay,
		#solution-finder fieldset .success-overlay,
		#solution-finder fieldset .warn-overlay{
			background: #FFD9D9 url(../images/error_bottom.gif) no-repeat 0 100%;
			color: #981B1B;
			font-size: 14px;
			font-weight: bold;
			position: absolute;
			text-align: center;
			width: 436px;
			z-index: 5;
		}
		
		#solution-finder .error-overlay{
			display: none;
		}
		
			#solution-finder fieldset .error-overlay div{ 
				background: transparent url(../images/error_top.gif) no-repeat 0 0; 
				padding: 43px 30px;
			}
	
			#solution-finder fieldset .success-overlay{
				background: #EBFFCC url(../images/success_bottom.gif) no-repeat 0 100%;
				color: #628A24;
			}
			
			#solution-finder fieldset .warn-overlay{
				background: #F9FBC5 url(../images/warn_bottom.gif) no-repeat 0 100%;
				color: #737549;
			}
		
				#solution-finder fieldset .success-overlay div{ 
					background: transparent url(../images/success_top.gif) no-repeat 0 0; 
					padding: 43px 30px;
				}
				
				#solution-finder fieldset .warn-overlay div{
					background: transparent url(../images/warn_top.gif) no-repeat 0 0;  
					padding: 20px 30px; 
				}
				
			#solution-finder fieldset .error-overlay a:link.close-error,
			#solution-finder fieldset .error-overlay a:visited.close-error{
				height: 17px;
				position: absolute;
				right: 0;
				top: 0;
				text-indent: -13000em;
				width: 17px;
			}
	
	#solution-finder p.button{
		bottom: -70px;
		padding: 20px 0;
		position: absolute;
		right: 40px;
	}
	
	#solution-finder p.button.back-button{
		bottom: -70px;
		left: 0;
		padding: 20px 0;
		position: absolute;
		right: auto;
	}
			
	#solution-finder p.step-button a:link,
	#solution-finder p.step-button a:visited,
	#solution-finder p.submit-button a:link,
	#solution-finder p.submit-button a:visited,
	#solution-finder p.back-button a:link,
	#solution-finder p.back-button a:visited{
		background: transparent url(../images/next_step.gif) no-repeat 0 0;
		display: block;
		height: 29px;
		text-indent: -13000em;
		width: 108px;
	}
			
		#solution-finder p.submit-button a:link,
		#solution-finder p.submit-button a:visited,
		#solution-finder p.back-button a:link,
		#solution-finder p.back-button a:visited{ 
			background-image: url(../images/submit_now.gif);
			border: 0;
			padding: 0; 
		}
	
			#solution-finder p.back-button a:link,
			#solution-finder p.back-button a:visited{ background-image: url(../images/step_back.gif); }
	
	#solution-finder input.narrow{ padding: 2px 5px; width: 75px; }
	
	/*
	---------------- PAYROLL HIREACT CALCULATOR
	-------------------------------------------------------- */
	#hire-act-calc {
		width: 476px;
		height: 188px;
		float: right;
		background: transparent url(../images/site/bg-hire-act-calc.png) no-repeat 0 0;
		position: relative;
		margin-bottom: 20px;
		margin-top: 0;
	}
	
	#hire-act-calc label { font-weight: normal !important; }
	
	#hire-act-intro{	
		float: left;
		margin-right: 22px;
		width: 200px;
	}
	
	#hire-act-intro h3 {
		color:#2DA539;
		font-weight:normal;
		margin-bottom:5px;
	}
	
	#hire-title { position: absolute; top: 2px; right: 273px; z-index: 10; font: 14px Arial, sans-serif; color: #31a534;}
	.posrel { position: relative; }
		
		#calc-top {
			position: absolute;
			top: 17px;
			left: 20px;
			width: 430px;
		}
		
			#calc-top table td { padding: 0 8px 6px 0; text-align: right; font-weight: bold; }
			#calc-top table td.nopadding { padding: 0 0 3px 0;}
			#calc-top table td.right { padding-right: 10px; }
			#calc-top table td input,
				#calc-top table td select { width: 90px; font: 11px Arial, sans-serif; color: #808080; font-weight: normal; }
	
		#calc-bottom-left-top {
			font:12px Arial;
			position:absolute;
			left:25px;
			top:117px;
		}
	
			#calc-bottom-left-top span { color: #808080; }
		
		#calc-bottom-left-bottom {
			font:12px Arial;
			position:absolute;
			left:25px;
			top:155px;
		}
		
			#calc-bottom-left-bottom span { color: #808080; }
	
		#calc-bottom-right {
			position: absolute;
			top: 138px;
			right: 7px;
			width: 200px;
			font: 30px Arial, sans-serif;
			text-align: center;
			color: #FFF;
		}
		
		
		
	/* Payroll Calculators
	------------------------------------------------------------------------- */
	
	#payroll_calculator_iframe { width: 460px; margin: 35px 0; }
	#payroll_calculator_iframe iframe { width: 460px; height: 750px; }
	
	
	
	
	
	/*
	---------------- RESOURCES LANDING PAGE
	-------------------------------------------------------- */

	ul#section_landing_list {
		margin: 20px 25px 10px 0;
		padding: 0px;
		width: 310px;
		float: left;
		}

	html>body ul#section_landing_list {
		margin: 20px 50px 10px 0;
		}

	ul#section_landing_list li {
		list-style: none;
		width: 300px;
		float: left;
		margin: 0 0 50px 0px;
		}

	html>body ul#section_landing_list li {
		margin: 0 0 50px 0;
		}

	ul#section_landing_list div {
		float: right;
		width: 230px;
		}

	ul#section_landing_list h3,
	ul#section_landing_list h2 {
		font-size: 18px;
		margin: 0px;
		padding: 0px;
		}

	ul#section_landing_list p {
		margin: 0px;
		padding: 0px;
		}

	ul#section_landing_list_right {
		margin: 20px 25px 10px 0;
		padding: 0px;
		width: 310px;
		float: left;
		}

	html>body ul#section_landing_list_right {
		margin: 20px 25px 10px 0;
		}	

	ul#section_landing_list_right li {
		list-style: none;
		width: 300px;
		float: left;
		margin: 0 0 50px 0;
		}

	html>body ul#section_landing_list_right li {
		margin: 0 0 50px 0;
		}

	ul#section_landing_list_right div {
		float: right;
		width: 230px;
		}

	ul#section_landing_list_right h3,
	ul#section_landing_list_right h2 {
		font-size: 18px;
		margin: 0px;
		padding: 0px;
		}

	ul#section_landing_list_right p {
		margin: 0px;
		padding: 0px;
		}

	li a.template_thumb {
		float: left;
		display: block;
		background-color: #fff;
		}

	ul li.section_landing_list_hover a.template_thumb {
		background: #0A4387;
		}

	li a.template_thumb img {
		height: 60px;
		width: 60px;
		}
		
	.img-border{
		border: solid 1px #ccc;
	}

/* ISSUE ARCHIVE
----------------------------------------------------------------------------- */


/* ISSUE ARCHIVE
----------------------------------------------------------------------------- */
#issue-archive,
#copy .issue-archive {
	float: left;
	width: 680px;
	margin-bottom: 20px;
	border-top: 1px dashed #CCCCCC;
}

#copy #issue-archive li,
#copy .issue-archive li {
	float: left;
	width: 650px;
	list-style: none;
	background: url(../images/site/ico_page.png) no-repeat left 7px;
	margin-left: -30px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}

#issue-archive li small,
#copy .issue-archive li small{
	display: inline;
}

#issue-archive li a:link,
#issue-archive li a ,
#copy .issue-archive li a:link,
#copy .issue-archive li a {
	font: bold 14px/16px  "Arial", Sans-Serif;
}



/* PARTNERS LIST
----------------------------------------------------------------------------- */
#partners-list,
ul.partners-list {
	float: left;
	padding: 5px 0 0 10px;
	margin: 20px 0 0 20px;
}

#partners-list li ,
ul.partners-list li {
	float: left;
	width: 310px;
	margin: 0 0 5px;
	padding: 0 20px 5px 10px;
	font: normal 12px/16px "Arial", Sans-Serif;
	list-style: circle url(none);
}

#partners-list li img,
ul.partners-list li img{
	padding: 4px;
	border: solid 1px #ccc;
	background-color: #fff;
}

/* FORM
----------------------------------------------------------------------------- */
.compupay-form {
	width: 710px;
	margin-top: 20px;
	float: left;
}

.compupay-form table {
	width: 710px;
	margin: 0 0 20px 0;
}

.compupay-form input.form-btn { 
	font: 11px Arial, Helvetica, sans-serif; 
	margin-top: 20px;
	width: 200px; 
}

.compupay-form td {
	padding: 7px 10px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	border-top: 1px dashed #CCCCCC;
}

.compupay-form tr.last_tr td {
	border-style: none;
}

.compupay-form input {
	font-size: 16px;
	width: 400px;
	padding: 5px;
}

.compupay-form input.require_input {
	background-color: #ebffcc;
}


	.compupay-form input.error {
		background-color: #ffd9d9;
	}

.compupay-form td.chad input{
	width: auto;
	margin: 10px;
}

.compupay-form textarea {
	font-size: 16px;
	width: 400px;
	padding: 5px;
}

.compupay-form input#checkbox {
	margin: 0px;
	width: 20px;
}

.last_tr td.field_title {
	background: #fff;
}

td.field_title {
	width: 150px;
	font-weight: bold;
	text-align: right;
	border-right: 1px dashed #CCCCCC;
}

td.require {
	color: #2DA539;
}

input#register_now {
	width: 125px;
}

input#submit_btn {
	width: 87px;
}

.compupay-form input.submit-btn {
	background: transparent url(../images/site/btn_submit.jpg) no-repeat 0 0;
	display: block;
	cursor: pointer;
	width: 106px;
	height: 27px;
	display: block;
	border: 0;
	float: right;
	margin-right: 110px;
}

.compupay-form input.submit-btn:hover {
	background-position:0 -27px;
}


.compupay-form td.form_field_description {
	padding: 10px 50px 5px 10px;
	line-height: 16px;
}

.compupay-form td.form_field_submit {
	padding: 0px;
}


ul#xpress-sub-nav {
	padding-top: 5px;
}

ul#xpress-sub-nav li {
	list-style: circle;
    display: inline;
    margin-right: 20px;
}

ul#xpress-sub-nav li a{
    font-size: 12px;
	color: #999;
	font-weight: bold;
}

ul#xpress-sub-nav li a:hover{
	color:  #2DA539;
}

ul#xpress-sub-nav li a.act{
	color:  #2DA539;
}





/* Slider
----------------------------------------------------------------------------- */

#slider {
    width: 600px;
    margin: 0 auto;
    position: relative;
	color: #666;
}

#slider h4{
    margin-left: 60px;
}

.panel-copy{
    width: 320px;
	float: left;
	margin-right: 35px;
}
#slider span.enlarge{
	margin-left: 25px;
	display:block;
	margin-top: -10px;
}

#slider .screenshots{
	float: left;
	margin: 0 auto;
	width: 220px;
	margin-top: -20px;
}

#slider ul{
	margin-left: 5px;
	float: left;
	
}

#slider li{
	list-style: none;
    background: transparent url('../images/site/bg_arrow.png') no-repeat 0 6px;
	padding: 3px 0 0px 16px;
}

#slider img {
	padding: 0;
	margin: 0;
   	border: 0;
	background: transparent;
}

.scroll-top {
	height: 450px;
	width: 600px;
    background: #FFFFFF url(../images/site/content_pane-gradient-top.gif) repeat-x scroll left top;
}

.scroll {
    height: 450px;
    width: 600px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: transparent url(../images/site/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 0px 20px 20px 20px;
    height: 210px;
    width: 580px;
}

#shade {
	margin-left: 60px;
    background: #EDEDEC url(../images/site/shade.jpg) no-repeat 0 0;
    height: 50px;
	width: 595px;
}

ul.navigation {
    list-style: none;
	padding-left: 29px;
	padding-top: 20px;
}

ul.navigation li {
    display: inline;
    margin-left: -4px;
}

ul.navigation a {
	margin: 0;
    padding: 10px 10px 12px;
    text-decoration: none;
    font-size: 12px;
	color: #666;
	background: transparent url(../images/site/tab-back-nonselect.gif) repeat-x scroll left bottom;
}

ul.navigation a:hover {
    color:#2DA539;

}

ul.navigation a.selected {
    color:#2DA539;
	background: none;
	background-color: #eff0f0;
	padding: 10px 10px 12px;
}

ul.navigation a:focus {
    color:#2DA539;
}

/*t r b l*/
ul.navigation a.last {
	margin: 0;
    padding: 13px 12px 12px 13px;
    text-decoration: none;
    font-size: 12px;
	color: #ddd9d9;
	background: transparent url(../images/site/tab-back-nonselect.gif) repeat-x scroll left bottom;
}

ul.navigation a.last:hover {
    color:#2DA539;

}

ul.navigation a.last.selected {
    color:#2DA539;
	background: none;
	background-color: #eff0f0;
    padding: 13px 12px 12px 13px;
}

ul.navigation a.last:focus {
    color:#2DA539;
}


.scrollButtons {
    position: absolute;
    top: 200px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
	width: 16px;
	height: 16px;
}

.scrollButtons.right {
    right: -20px;
	width: 16px;
	height: 16px;
}

.hide,
#copy .issue-archive ul.hide {
    display: none;
}



div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../images/site/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../images/site/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/site/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/site/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/site/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(../images/site/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(../images/site/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/site/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/site/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/site/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/site/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/site/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/site/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/site/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/site/fancy_shadow_nw.png) no-repeat;
}


/* ====================================================================================== */
/* = JQ Transformation Form Plugin                                                      = */
/* ====================================================================================== */
form.jqtransformdone label{margin-top:4px;margin-right:8px;display:block;float:left;}
form.jqtransformdone div.rowElem{clear:both;padding:4px 0px;}
/* -------------
* Buttons
* ------------- */
button.jqTransformButton{margin:0px;padding:0px;border:none;background-color:transparent;cursor:pointer;overflow:visible;font-family:Arial;}
*:first-child+html button.jqTransformButton[type]{width:1;}
/* IE7 */
button.jqTransformButton span{background:transparent url(img/btn_right.gif) no-repeat right top;display:block;float:left;padding:0px 4px 0px 0px;/* sliding doors padding */
margin:0px;height:33px;}
button.jqTransformButton span span{background:transparent url(img/btn_left.gif) no-repeat top left;color:#333;padding:8px 4px 0px 8px;font-weight:normal;font-size:12px;line-height:13px;display:block;text-decoration:none;height:33px;}
/*hover*/
button.jqTransformButton_hover span span{background-position:left -33px ;}
button.jqTransformButton_hover span{background-position:right -33px ;}
/*clicked*/
button.jqTransformButton_click span span{background-position:left -66px ;}
button.jqTransformButton_click span{background-position:right -66px ;}
/* IE 6 */
* html button.jqTransformButton{height:33px;}
* button.jqTransformButton span span{height:25px;}
/* IE 7 */
*+ html button.jqTransformButton{height:33px;}
*+ button.jqTransformButton span span{height:25px;}
/* -------------
* Inputs
* ------------- */
.jqTransformInputWrapper{background:transparent url(img/input/input_text_left.gif) no-repeat left top;height:20px;padding:0px;float:left;}
.jqTransformInputInner{background:transparent url(img/input/input_text_right.gif) no-repeat top right;padding:0px;margin:0px;}
.jqTransformInputInner div{height:20px;margin:0px 0px 0px 8px;}
.jqTransformInputInner div input{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;vertical-align:middle;height:20px;color:#404040;border:none;padding:0;margin:0px;background:transparent;}
/* IE6 */
* html .jqTransformInputInner div input{padding:6px 0 0 0;margin:0 0 0 -8px;height:24px;}
/* Ie7 */
*+ html .jqTransformInputInner div input{padding:6px 0 0 0;margin-left:-10px;height:24px;}
/*hover*/
.jqTransformInputWrapper_hover{background-position:left -20px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{background-position:right -20px ;}
/*focus*/
.jqTransformInputWrapper_focus{background-position:left -40px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{background-position:right -40px ;}
.jqTransformSafari .jqTransformInputInner div{position:relative;overflow:hidden;margin:0px 8px;}
.jqTransformSafari .jqTransformInputInner div input{background-color:none;position:absolute;top:-10px;left:-2px;height:42px;padding-left:4px;}
/* -------------
* Textarea
* ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{font-size:12px;line-height:16px;}
table.jqTransformTextarea td{font-size:1px;line-height:1px;width:5px;height:5px;margin:0;padding:0;}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{/*border:1px solid red;*/}
table.jqTransformTextarea textarea{margin:0;padding:0;border:0;background:none;}
table.jqTransformTextarea td#jqTransformTextarea-tl{background:url(img/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background:url(img/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background:url(img/textarea/textarea_tr.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-ml{background:url(img/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background:url(img/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background:url(img/textarea/textarea_mr.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-bl{background:url(img/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background:url(img/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background:url(img/textarea/textarea_br.gif) no-repeat top left;}
/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image:url(img/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}
/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image:url(img/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}
table.jqTransformTextarea .jqTransformSafariTextarea div{position:relative;overflow:hidden;border:0px solid red;}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{background:none;position:absolute;top:-10px;left:-10px;padding:10px 10px 10px 10px;resize:none;}
/* -------------
* Radios
* ------------- */
.jqTransformRadioWrapper{float:left;display:block;margin:0px 4px;margin-top:5px;}
.jqTransformRadio{background:transparent url(img/radio.gif) no-repeat center top;vertical-align:middle;height:19px;width:18px;display:block;/*display:-moz-inline-block;*/}
/* -------------
* Checkboxes
* ------------- */
span.jqTransformCheckboxWrapper{display:block;float:left;margin-top:5px;}
a.jqTransformCheckbox{background:transparent url(img/checkbox.gif) no-repeat center top;vertical-align:middle;height:19px;width:18px;display:block;/*display:-moz-inline-block;*/}
/* -------------
* Checked - Used for both Radio and Checkbox
* ------------- */
a.jqTransformChecked{background-position:center bottom;}
/* -------------
* Selects
* ------------- */
.jqTransformSelectWrapper{width:45px;position:relative;height:20px;background:url(img/select_left.gif) no-repeat top left;float:left;  text-align: left;}
.jqTransformSelectWrapper div span{font: 11px Arial, sans-serif; color: #808080; font-weight: normal;float:none;position:absolute;white-space:nowrap;height:20px;line-height:15px;padding:3px 0 0 7px;overflow:hidden;cursor:pointer; top: 0; left: 0; }
.jqTransformSelectWrapper a.jqTransformSelectOpen{display:block;position:absolute;right:0px;width:20px;height:20px;background:url(img/select_right.gif) no-repeat center center;}
.jqTransformSelectWrapper ul{position:absolute;width:43px;top:19px;left:0px;list-style:none;background-color:#FFF;border:solid 1px #CCC;display:none;margin:0px;padding:0px;height:150px;overflow:auto;overflow-y:auto;z-index:10; margin: 0;}
.jqTransformSelectWrapper ul a{display:block;padding:5px;text-decoration:none;color:#333;background-color:#FFF;font-size:12px; margin: 0;}
.jqTransformSelectWrapper ul li { margin: 0 !important; }
.jqTransformSelectWrapper ul a.selected{background:#EDEDED;color:#333;}
.jqTransformSelectWrapper ul a:hover,.jqTransformSelectWrapper ul a.selected:hover{background:#3582c4;color:#fff;}
/* -------------
* Hidden - used to hide the original form elements
* ------------- */
.jqTransformHidden{display:none;}