@charset "utf-8";

/******************** Accordion ********************/



#mediaacc  {
	width:100%;
	border-collapse:collapse;
	margin:0px 0px;
	}
	
/*#media a{
	color:#3F67A2;
	}*/
	
#mediaacc td {
	padding:6px;
	border: #DED7C5 solid 0px;
	vertical-align:top;
	}
	

.altrowacc{
	background-color:#FFFFFF;
	/* font-weight:bold; */
	}
.accordionHeader
{
    border: 1px solid #DED7C5;
    color: white;
    background: url(images/nav_bg_arrow.jpg) repeat-x;
	font-weight: bold;
    padding: 5px;
    
    margin-top: 5px;
    cursor: pointer; 
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #DED7C5;
    color: white;
    background: url(images/nav_bg.jpg) repeat-x;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{  
    background-color: #ebebeb;
    padding:0px 0px 0px 0px ;
	border: #DED7C5 solid 1px;
	vertical-align:top;
    
    border-top: none;
   
    
}


body {
	background:url(images/bg.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
}

p,td {
	line-height:160%;
	font-size: 11px;
	}
	
ul, ol, dl {
  position: relative;
  }
  
img {
	border:0px;
	}

form, input {
	margin: 0px;
	}
	
blockquote {
	color:#F3882E;
	font-size:1.2em;
	float:left;
	clear:right;
	margin:0px;
	padding: 0px;
	width:100%;
	}
	
/******************** Header ********************/
#headernav td {
	padding:2px;
	}
	
#headernav a {
	color:#900;
	text-decoration:none;
	}
	
#webpay {
	margin-top:8px;
	color:#3F67A2;
	font-weight:bold;
	}
	
#webpay a {
	color:#3F67A2;
	text-decoration:none;
	margin-left:5px;
	}
	
.pageimg {
	margin-top:5px;
	}
	
#headernav a:hover, #webpay a:hover {
	text-decoration:underline;
	}

/******************** Navigation ********************/
#nav {
	width:900px;
	background: url(images/nav_bg.jpg) repeat-x;
	}
	
#aHome, #aAbout, #aServices, #aPartners, #aMedia, #aResource{
	height: 30px;
	position:relative;
	}
	
#nav .active, #nav a:hover {
	background-position: bottom;
	position:relative;
	}

#nav .inactive {
	background-position: top;
	position:relative;
	}
	
#nav a {
	background-position: top;
	position:relative;
	display:block;
	}
	
#aHome{
	background-image:url(images/btn_home.gif);
	width: 54px;
	}
	
#aAbout{
	background-image:url(images/btn_about.gif);
	width: 108px;
	}

#aServices{
	background-image:url(images/btn_services.gif);
	width: 136px;
	}
	
#aPartners{
	background-image:url(images/btn_partners.gif);
	width: 70px;
	}

#aMedia{
	background-image:url(images/btn_media.gif);
	width: 54px;
	}
	
#aResource {
	background-image:url(images/btn_resources.gif);
	width: 120px;
	}
	
#sw {
	position:relative;
	left:8px;
	border:0px;
	margin:0px;
	height:16px;
	width:172px;
	}
	
/******************** Service Layout Home ********************/

#payroll, #tax, #hr, #time {
	width: 200px;
	padding:2px;
	float:left;
	clear: right;
	}
	
#payroll h1, #tax h1, #hr h1, #time h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 6px 0px;
	padding:0px;
	}	
	
#payroll h2, #tax h2, #hr h2, #time h2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 2px 0px;
	padding:0px;
	}
	
#payroll p, #tax p, #hr p, #time p{
	margin:0px;
	padding:0px;
	}
	
#payroll ul, #tax ul, #hr ul, #time ul, #content ul {
	list-style:none;
	margin:4px 0px 0px 5px;
	padding-left:8px;
	line-height:160%;
	}	
	
#payroll li, #tax li, #hr li, #time li, #content li {
	padding:0px 0px 0px 15px;
	margin:0px;
	}
	
/******************** Payroll ********************/
	
#payroll{
	position:relative;
	top:-16px;
	background:url(images/img_h_payroll.jpg) no-repeat right;
	margin-right:15px;
	}
	
#payroll h1, #payroll a, .payroll{
	color:#690;
	}
	
#payroll li {
	background:url(images/bullet_payroll.gif) no-repeat left;
	}
	
#payroll p{
	width:160px;
	}	
	
/******************** Tax ********************/
		
#tax{
	position:relative;
	top:-15px;
	left:10px;
	background:url(images/img_h_tax.jpg) no-repeat right 20px;
	margin-right:5px;
	}
	
#tax h1, #tax a, .tax{
	color:#F3862D;
	}
	
#tax h1{
	width:170px;
	}
	
#tax li {
	background:url(images/bullet_tax.gif) no-repeat left;
	}
	
#tax p{
	width:160px;
	}	
	
/******************** HR ********************/
	
#hr{
	position:relative;
	top:-15px;
	left:15px;
	background:url(images/img_h_hr.jpg) no-repeat right 20px;
	margin-right:20px;}
	
#hr p{
	width:160px;}
		
#hr h1{
	width:160px;}	
	
#hr li {
	background:url(images/bullet_hr.gif) no-repeat left;}
	
#hr h1, #hr a, .hr{
	color:#3F67A2;}
	
/******************** Time ********************/
#time{
	position:relative;
	top:-16px;
	left:15px;
	background:url(images/img_h_time.jpg) no-repeat right;
	margin-right:25px;}
	
#time p{
	width:160px;}
	
#time h1{
	width:160px;}
	
#time li {
	background:url(images/bullet_time.gif) no-repeat left;}
	
#time h1, #time a, .time{
	color:#900;}

#time a:hover, #hr a:hover, #tax a:hover, #payroll a:hover{
	text-decoration:none;}
	
/******************** Footer ********************/

#footer {
	margin-bottom: 15px;}

#footer ul {
	list-style:none;
	margin:0px;
	padding:0px;}

#footer li {
	display:inline;
	padding-right:16px;}
	
#footer a, #footer{
	color:#666;
	text-decoration:none;}
	
#footer a:hover{
	color:#F3862D;
	text-decoration:none;}
	
/******************** Sub Nav ********************/
#subnav {width:225px;}
	
#subnav ul{list-style:none; margin:0px; padding-left:8px; line-height:160%;}	
	
#subnav li{padding:6px 0px 6px 0px; margin:0px; background:url(images/subnav_seperator.jpg) bottom no-repeat;}
	
#subnav h2{font-size:1em; color:#3F67A2; margin: 3px 0px 0px 3px; padding:3px 0px 6px 3px; background:url(images/subnav_seperator.jpg) bottom no-repeat;}
	
#subnav a{background:url(images/bullet_arrow.gif) no-repeat left; padding-left:20px; text-decoration:none; color:#333; font-weight:bold; width:190px; display:block;}
	
#subnav a:hover, #breadcrumb a:hover, #subnav a:active, #subnav .subnav_hl{color:#F3862D;}
	
.quote {margin-top:20px;}
	
			/******************** Human Resources Sub Nav & Links ********************/
			
			#hr-subnav {width:210px;}
			#hr-subnav ul{list-style:none; margin:0px; padding-left:8px; line-height:160%;}	
			#hr-subnav li{  padding:6px 0px 6px 0px; margin:0px; background:url(images/subnav_seperator.jpg) bottom no-repeat;}
			#hr-subnav h2{font-size:1em; color:#3F67A2; margin: 3px 0px 0px 3px; padding:3px 0px 6px 3px; background:url(images/subnav_seperator.jpg) bottom no-repeat;}
			#hr-subnav a{background:url(images/bullet_arrow.gif) no-repeat left; padding-left:20px; text-decoration:none; color:#333; font-weight:bold; width:175px; display:block;}
			#hr-subnav a:hover, #breadcrumb a:hover, #hr-subnav a:active, #hr-subnav .subnav_hl{color:#F3862D;}
				
			.quote {margin-top:20px;}

			#hr-subnav .link-indent{/*border:green solid 1px;*/ width:196px; padding-left:20px;}
			
	
/******************** Content ********************/

#content h1 {
	font-size:2em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #F3882E;
	margin: 10px 20px 5px 0px ;
	padding:4px 0px 4px 30px;
	background:url(images/img_h1.jpg) no-repeat left;
	clear:both;
	text-transform: uppercase;
	}
	
#content h2 {
	font-size:1.2em;
	color: #900;
	margin: 10px 0px 5px 0px ;
	padding:4px 0px 4px 0px;}

.err {
	font-size:1.2em;
	color: #900;
	margin: 10px 0px 5px 0px ;
	padding:4px 0px 4px 0px;
	font-weight:bold}
	
.errbig {
	font-size:1.6em;
	color: #900;
	margin: 10px 0px 5px 0px ;
	padding:4px 0px 4px 0px;
	font-weight:bold}

#content h3 {
	font-size:1.2em;
/*	color:#3F67A2;*/
/*	color:#333;*/
	color: #039;
	margin: 10px 0px 5px 0px ;
	padding:4px 0px 4px 0px;}
	
#content p {
	margin: 6px 0px 15px 0px ;
/*	padding:4px 0px 4px 30px;*/}
	
.imgRight {
	float:right;
	text-align:right;
	margin: 0px 0px 8px 10px;}
	
.imgLeft {
	float:left;
	text-align:left;
	margin-right: 10px;}
	
#content a, #promo a {
	color:#3F67A2;	}
	
#content a:hover, #promo a:hover  {
	text-decoration:none;}
	
#breadcrumb a, .hours {
	color:#D2362F;
	text-decoration:none;}
	
.breadcrumbPO {
	color:#900;}
	
#content .imgRight {
	float:right;
	text-align:right;
	margin: 0px 0px 15px 20px;}
	
#content li {
	background:url(images/bullet_tax.gif) no-repeat left 4px;}
	
/******************** Media Table ********************/ 

#media, #media2, #bank {
	width:100%;
	border-collapse:collapse;
	margin:20px 0px;}
	
/*#media a{
	color:#3F67A2;
	}*/
	
#media td, #media2 td {
	padding:6px;
	border: #DED7C5 solid 1px;
	vertical-align:top;}
	
#media th, #media2 th {
	color: #FFF;
	background: url(images/nav_bg.jpg) repeat-x;
	font-size:1em;
	margin:0px;
	text-align:left;
	padding: 5px 0px 5px 15px;}
	
.altrow{
	background-color:#EFECE5;
	/* font-weight:bold; */}
	
#bank td{
	padding:6px;
	border: #DED7C5 solid 1px;
	vertical-align:top;
	text-align:center;}
	
#bank th{
	color: #FFF;
	background: url(images/nav_bg.jpg) repeat-x;
	font-size:1em;
	margin:0px;
	text-align:center;
	padding: 5px 0px 5px 5px;}
	
#spacer {
	float:right;
	clear:both;}
	
#awards ul, #partners ul {
	margin:6px;}
	
#awards {
	width:100%;}
	
#awards td {
	padding:6px;
	vertical-align:top;}
	
#promo h1 {
	font-size:1em;
	color: #F3882E;
	margin: 6px 0px 6px 0px ;
	clear:both;	}
	
#promo p, #support p {
	margin:0px 0px 5px 0px;
	line-height:normal;}
	
#promo td {
	vertical-align:top;}
	
#promo a {
	font-weight:bold;}

#support td {
	text-align:center;}
	
/******************** Contact Styles ********************/
	
#form td {
	padding:4px;}
	
fieldset {
	border: #DED7C5 solid 1px;
	padding:0px 0px 10px 15px;
	margin: 0px 0px 20px 0px;
	width:470px;}

legend {
	font-size:1.4em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#369;
	margin: 0px 0px 4px 0px;
	padding:0px;
	font-weight:bold;}
	
form {
	margin:0px;
	padding:0px;}

#content input, #content textarea{
	border: #DED7C5 double 1px;
	margin: 0px 4px;
	padding:2px;
	font-size: 1.1em;}
	
#content input {
	width:150px;}
	
#content textarea{
	width:340px;}	
	
#submit {
	background: url(images/nav_bg.jpg) repeat-x;
	margin:0px;
	padding:0px;
	width:120px;
	height:25px;
	font-size: 1em;
	font-weight:bold;
	color: #FFF;
	border:0px;}
	
.required {
	background-color: #F0EDE5;
	font-weight:bold;}
	
	
.phone {
	font-weight:bold;
	font-size: 1.4em;
	color: #F60;}
	
#referralpromo{
	width:490px;
	border: #DED7C5 dashed 1px;	
	margin-bottom: 10px;}
	
#referralpromo td{
	padding:6px;
	text-align:center;}
	
#referralpromo h1{
	color:#F3882E;
	font-size:1.6em;
	font-weight:bold;
	margin-top:0px;
	background-image:none;}
	
#referralpromo p{margin:4px;}
	
#referralpromo img{
	float:left;
	text-align:left;
	margin-right: 4px;
	}
	
.webpayimg {
	position:relative;
	top:15px;
	left:95px;}
	
.h_back {background: url(../images/h_sub_bg.jpg);}

.c_back {background: url(../images/content_bg.gif);}

.s_back {background: url(../images/search_bg.jpg);}

.sn_back {background: url(../images/subnav_bg.jpg);}

.n_back {background: url(../images/nav_hr.gif);}

/******************** Online Payroll Link ********************/

#content #online-payroll a{color:#333;}
	
#content #online-payroll a, #content #online-payroll a:hover{text-decoration:none;color:#333;}

#greenh h1{font-size:2em; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:normal; color: #F3882E; margin: 10px 20px 5px 0px; padding:4px 0px 4px 30px; background:url(images/green-online-payroll.jpg) no-repeat left; clear:both;}

#flash-header {display:block; margin-top:5px;}
	
.new-hire{border:#ccc solid 1px;}

#content ul.no-margin{margin: 0;padding: 0;}

/*------------------------------------------------
                         VOTING
--------------------------------------------------*/
#vote{
padding: 0 0 10px 0;
} 


table td#content #partner-exchange td a img{
margin: 0 auto 0 auto;
vertical-align:middle;

}

table td#content #partner-exchange td {
/*border:#cccccc solid 1px;*/
}