/* include the footer theme */
@import url("themes/goinggreen/footer.css");

/* ===NAVIGATION=== */

/* Clear floats */
.paycentra #navUtility:after,
.paycentra #navUtility ul:after,
.paycentra #navUtility #frmSearch fieldset:after,
.paycentra #navGlobal:after,
.paycentra #navGlobal li ul:after,
.paycentra #navGlobal li ul li:after,
.paycentra #navActions:after,
.paycentra #navUser:after,
.paycentra #navUser #myTools .myToolsTabContent:after ,
.paycentra #navGlobal .subNavWrapper .inner:after,
.paycentra #navGlobal .subNavWrapper:after{
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}


/* Main Navigation */
.paycentra #navWrapper {
	background: #1D73DD url(/global/images/template/nav/bgd_nav.gif) no-repeat;
	margin: 0.3em 1px 0.5em 230px;
	position: relative;
	z-index: 500;
}

.paycentra #navInnerWrapper {
	background: url(/global/images/template/nav/bgd_nav_bottom.gif) no-repeat left bottom;
	height:42px;
	width: 750px;
}

.paycentra #navGlobal.simple {
	height: 42px;
}


.paycentra #navGlobal li.topLevel{
	background-image:url(/global/images/template/nav/bgd_nav_border_right.gif);
	background-repeat:no-repeat;
	background-position:100% 0;
	padding-right:4px;
	height:42px;
	float:left;
}
.paycentra #navGlobal li.topLevel.over{
	background-image:url(/global/images/template/nav/bgd_nav_highlight_right.gif);
}

.paycentra #navGlobal li.topLevel a.primary {
	color: #333;
	display: block;
	font-size: .749em;
	padding: 13px 17px 14px 22px;
	text-decoration: none;
}


.paycentra #navGlobal li.over a.primary,
.paycentra #navGlobal li a.primary:focus{
	background: url(/global/images/template/nav/bgd_nav_highlight.gif) repeat-x;
}


/* Logo */ 
.paycentra #logo {
	left: 0;
	position: absolute;
	top:36px;
	width: 212px;
}

/* yellow divider line */
#navDivider{
	position:absolute;
	top:33px;
	z-index:1;
	left:0;
	height:5px;
	width:100%;
	background-image:url(/global/images/template/nav/bgd_stripe.gif);
	background-repeat:repeat-x;
}

/* audience tabs */
#navAudienceTabs{
	position:absolute;
	top:3px;
	left:158px;
	z-index:551;
	list-style:none;
	margin:0;
	padding:0;
}
#navAudienceTabs li{
	float:left;
	display:block;
	height:35px;
	margin:0;
	padding:0;
	background-image:url(/global/images/template/nav/bgd_aud_tab_off_repeat.gif);
	background-repeat:repeat-x;
}
#navAudienceTabs li a{
	display:block;
	color:#000;
	height:35px;
	margin:0;
	padding:0;
	background-image:url(/global/images/template/nav/bgd_aud_tab_off_left.gif);
	background-repeat:no-repeat;
}
#navAudienceTabs li a:hover{
	text-decoration:none;
}
#navAudienceTabs li a span{
	display:block;
	line-height:35px;
	font-size:10pt;
	text-decoration:none;
	margin:0;
	padding:0 20px;
	background-image:url(/global/images/template/nav/bgd_aud_tab_off_right.gif);
	background-repeat:no-repeat;
	background-position:100% 0;
}

#navAudienceTabs li.on{
	background-image:url(/global/images/template/nav/bgd_aud_tab_on_repeat.gif);
}
#navAudienceTabs li.on a{
	background-image:url(/global/images/template/nav/bgd_aud_tab_on_left.gif);
}
#navAudienceTabs li.on a span{
	background-image:url(/global/images/template/nav/bgd_aud_tab_on_right.gif);
}

#navAudienceModal .audienceModalButtons{
	margin:0 auto;
	width:150px;
	height:30px;	
}


/* Utility Nav */
.paycentra #masthead {
	padding-top:35px;
	position: relative;
	z-index: 500;
}

.paycentra #navUtility {
	height: 38px;
	position: absolute;
	top:0;
	left: 0;
	width: 960px;
	z-index: 550; /* so that it goes above the nav below it */
}

.paycentra #navUtility ul.nav {
	float: right;
	margin: 8px 11px 0 0
}

.paycentra #navUtility ul.nav li {
	float: left;
}

.paycentra #navUtility ul.nav li a.nav, 
.paycentra #navUtility ul.nav li #whatsnew{
	border-right: 1px solid #d1d1d1;
	color: #666;
	font-size: .64em;
	display:block;
	letter-spacing: .07em;
	margin: 4px 0 0;
	padding: 0 6px 0 7px;
}

.paycentra #navUtility ul.nav li a.navOpt {
	display:inline;
	border-right: 1px solid #d1d1d1;
	color: #666;
	font-size: .64em;
	letter-spacing: .07em;
	margin: 4px 0 0;
	padding: 0 6px 0 7px;
	position:relative;
	top:-2px;
	top:4px\9;
}

.paycentra #navUtility ul.nav li.last a.nav {
	border-right: none;
	padding-right: 0;
}



/* User Navigation */
.paycentra #navUser {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 550;
	font-size: .6875em;
}

.paycentra #navUser #inqC2CImgContainer,
.paycentra #navUser #bizChatContainer {
	float: left;
	padding-top: 2px
}

.paycentra #navUser #signInLink.disabled {
	color: #797979;
}

.paycentra #navUser ul.navButton {
	float: left;
	background: url(/global/images/template/nav/bgd_nav_button_left.gif) top left no-repeat;
	padding: 0 0 0 8px;
	height: 39px;
}
.paycentra #navUser ul.navButton li {
	float: left; 
	height: 39px;
	background: url(/global/images/template/nav/bgd_nav_button.gif) repeat-x;
}

.paycentra #navUser ul.navButton li.last {
	background: url(/global/images/template/nav/bgd_nav_button_right.gif) top right no-repeat;
	margin-right: 1px;
}

.paycentra #navUser ul.navButton li.divider {
	background: url(/global/images/template/nav/bgd_nav_button_divider.gif) top left no-repeat;
	padding: 0 4px 0 0;
}

.paycentra #navUser ul.navButton li a {	
	display: block;
	padding: 11px 13px 0 6px;
	height: 23px;
	color: #333;
	font-size: 11px;
	line-height: 12px;
	white-space: nowrap;
	text-decoration: none;
}

.paycentra #navUser ul.navButton li a img {	
	float: left;
	margin: -2px 6px 0 -1px;
}

.paycentra #navUser ul.userInfo li.loggedInUser a,
.paycentra #navUser ul.userInfo li.cookiedUser a {
	width: 180px;
	padding-right: 0;
	padding-left: 0;
}

.paycentra #navUser ul.userInfo li.loggedInUser a img,
.paycentra #navUser ul.userInfo li.cookiedUser a img {
	margin-top: -5px;
	float: left;
}

.paycentra #navUser li.loggedInUser a {
	background: url(/global/images/template/nav/ico_expand.gif) no-repeat 97% 42%;
}

.paycentra #navUser li.loggedInUser a.withAccountSelected {
	padding-top: 6px;
	padding-bottom: 2px;
	background-position: 97% 55%;
}

.paycentra #navUser ul.userInfo li.divider {
	width: 1px;
}

.paycentra #navUser ul.userInfo li.last {
	width: 60px;
	text-align: center;
}

.paycentra #navUser ul.navButton li.loggedInUser a.withAccountSelected img {
	margin-top: 0;
}

.paycentra #navUser li a span.account {
	display: block;
	font-size: 10px;
	line-height: 10px;
	color: #666;
	font-weight: bold;
}

.paycentra #navUser ul.expanded {
	background: url(/global/images/template/nav/bgd_nav_button_left_on.gif) top left no-repeat;
}

.paycentra #navUser ul.expanded li {
	background: url(/global/images/template/nav/bgd_nav_button_on.gif) repeat-x;
}

.paycentra #navUser ul.expanded li.last {
	background: url(/global/images/template/nav/bgd_nav_button_right_on.gif) top right no-repeat;
}

.paycentra #navUser ul.expanded li.divider {
	background: url(/global/images/template/nav/bgd_nav_button_divider_on.gif) repeat-x;
}

.paycentra #navUser ul.expanded li.loggedInUser a,
.paycentra #navUser ul.expanded li.cookiedUser a {
	background: url(/global/images/template/nav/ico_contract.gif) no-repeat 97% 52%;
}

.paycentra #navUser #userLogin {
	position: absolute;
	right: -3px;
	top: 39px;
	z-index: 550;
	clear: both;
	padding: 0 3px 1px;
	width: 253px;
	background: url(/global/images/template/nav/bgd_user_login.png) left bottom;
	display:none;
}

.paycentra #navUser #userLogin.semiTransparent {
	background: url(/global/images/template/nav/bgd_user_login_transparent.png) left bottom;
}
.paycentra #navUser #userLoggedIn {
	position: absolute;
	right: 1px;
	top: 39px;
	z-index: 550;
	clear: both;
	width: 327px;
	display: none;
}

.paycentra #navUser #myToolsTransition {
	position: relative;
	width: 327px;
	z-index: 550;
	height: 4px;
	background: url(/global/images/template/nav/bgd_nav_account_transition.png) bottom left;
	clear: both;
}

.paycentra #navUser #myTools {
	background: url(/global/images/template/nav/bgd_user_account.png) bottom right;
	padding: 0 7px 5px 4px;
}
.paycentra #navUser #myTools ul.myToolsTabs {
	position: relative;
	clear: both;
	z-index: 600;
}
.paycentra #navUser #myTools ul.myToolsTabs li {
	background: #d4d5d7 url(/global/images/template/nav/bgd_nav_mytools_tab_left.gif) top left no-repeat;
	float: left;
	padding-left: 2px;
	margin-right: 1px;
}
.paycentra #navUser #myTools ul.myToolsTabs li.selected {
	background: #FFF url(/global/images/template/nav/bgd_nav_mytools_tab_left_on.gif) top left no-repeat;
}

.paycentra #navUser #myTools ul.myToolsTabs li a {
	background: #d4d5d7 url(/global/images/template/nav/bgd_nav_mytools_tab_right.gif) top right no-repeat;
	display: block;
	padding: 8px 10px 5px 8px;
	text-decoration: none;
	font-size: 11px;
	color: #2c93b7;
}
.paycentra #navUser #myTools ul.myToolsTabs li.selected a {
	background: #FFF url(/global/images/template/nav/bgd_nav_mytools_tab_right_on.gif) top right no-repeat;
	font-weight: bold;
	color: #333;
}

.paycentra #navUser #myTools .myToolsTabContent ul.default {
	margin-top: 0.65em;
}

.paycentra #navUser #myTools .myToolsTabContent .tabContentColumn,
.paycentra #navUser #myTools .myToolsTabContent .tabContentColumnLast {
	width: 135px;
	float: left;
	margin-right: 15px;
}
.paycentra #navUser #myTools .myToolsTabContent .tabContentColumnLast {
	margin-right: 0;
}

.paycentra #navUser #userLogin a.disclosureToggle,
.paycentra #navUser #userLoggedIn a.disclosureToggle {
	position: absolute;
	display: block;
	cursor: pointer;
	right: 16px;
	top: -38px;
	padding: 5px 18px 10px 10px;
	height: 16px;
	z-index: 600;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	background: url(/global/images/template/nav/ico_contract.gif) no-repeat 100% 9px;
}
.paycentra #navUser #userLogin.cookiedLogin a.disclosureToggle {
	display: none;
}

.paycentra #navUser #userLoginContent {
	position: relative;
	left: 4px;
	top: -6px;
	width: 211px;
	padding: 14px;
	color: #333;
	z-index: 1500;
	background: #FFF url(/global/images/template/nav/bgd_content_box_bottom.gif) repeat-x bottom left;
	border: 1px solid #D9D9D9;
}
.paycentra #navUser #userLogin.semiTransparent #userLoginContent {
	background: url(/global/images/template/nav/bgd_user_login_content_transparent.png);
}

.paycentra #navUser #userLoggedInContent {
	clear: both;
	top: -1px;
	position: relative;
	padding: 14px;
	color: #333;
	background: #FFF url(/global/images/template/nav/bgd_content_box_bottom.gif) repeat-x bottom left;
	border: 1px solid #D9D9D9;
}

.paycentra #navUser #userLoginContent .roundCorner,
.paycentra #navUser #userLoggedInContent .roundCorner {
	width: 2px;
	height: 2px;
	background: url(/global/images/template/nav/rounded_corners_userlogin.gif) no-repeat;
}

.paycentra #navUser #userLoginContent .roundCornerTopRight,
.paycentra #navUser #userLoggedInContent .roundCornerTopRight {
	background-position: -2px 0;
}

.paycentra #navUser #userLoginContent .roundCornerBottomLeft,
.paycentra #navUser #userLoggedInContent .roundCornerBottomLeft {
	background-position: -4px 0;
}

.paycentra #navUser #userLoginContent .roundCornerBottomRight,
.paycentra #navUser #userLoggedInContent .roundCornerBottomRight {
	background-position: -6px 0;
}

.paycentra #navUser #frmUserLogin label {
	float: left;
	padding: .1818em 0 .4545em;
	color: #333;
}
.paycentra #navUser #frmUserLogin label.error,
.paycentra #frmInterceptCurrentUser label.error {
	float: left;
	display: block;
	padding: .3636em 0 .2727em 27px;
	color: #CC2424;
	background: url(/global/images/icons/ico_error_sml.gif) no-repeat 0 .0909em;
}
.paycentra #navUser #frmUserLoggedIn label {
	color: #666;
}
.paycentra #navUser #frmUserLogin label input {
	float: left;
	margin-top: -0.15em;
	margin-right: 0.5em;
}
.paycentra #navUser #myTools fieldset {
	padding: .5em 10px 0 10px;
}
.paycentra #navUser #myTools fieldset label {
	margin-right: 2px;
}
.paycentra #navUser #myTools fieldset select {
	width: 248px;
	font-size: 11px;
}

.paycentra #navUser #frmUserLogin input.text {
	padding: 2px;
	width: 204px;
	border: 1px solid #809DB9;
}
.paycentra #navUser #frmUserLogin br,
.paycentra #navUser #frmUserLoggedIn br {
	display: none;
}
.paycentra #navUser #frmUserLoggedIn select {
	margin-bottom: 16px;
}

.paycentra #navUser #frmUserLogin div,
.paycentra #navUser #frmUserLoggedIn div {
	clear: both;
}

.paycentra #navUser #frmUserLogin p,
.paycentra #navUser #frmUserLoggedIn p {
	line-height: 1.4545em;
}

.paycentra #navUser #frmUserLogin .forgot {
	padding: .4545em 0 1em;
}

.paycentra #navUser #frmUserLogin #lblLoginRememberMe,
.paycentra #navUser #frmUserLogin #lblLoginAccountReset {
	margin: 0.5em 0 1em;
}

.paycentra #navUser #frmUserLogin .buttons {
	padding-bottom: 4em;
	clear: both;
}

.paycentra #navUser ul.formErrors,
.paycentra #navUser ul.formSuggestions {
	margin-bottom: 1em;
	padding-bottom: 0.2727em;
	border-top: 2px solid #333;
	border-bottom: 1px solid #333;
}

.paycentra #navUser ul.formErrors {
	color: #B80C0C;
}


.paycentra #navUser ul.formErrors li,
.paycentra #navUser ul.formSuggestions li {
	float: none;
	height: auto;
}

.paycentra #navUser ul.formErrors li a {
	display: inline;
	padding: 0;
	margin: 0;
	color: #CC2424;
}


/* Search form */
.paycentra #frmSearch fieldset {
	position: relative;
	padding: 1px 0;
	width: 175px;
	height: 16px;
	border: 1px solid #AFAFAF;
	border-bottom: 1px solid #F6F6F6;
	background: #FFF url(/global/images/template/common/bgd_nav_search.gif) repeat-x top left;
	margin-left: 18px;
}

.paycentra #frmSearch label {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.paycentra #frmSearch input#txtSearch {
	position: absolute;
	left: 0px;
	top: 1px;
	padding: 2px 0 1px;
	margin: 0;
	height: 1.2em;
	width: 144px;
	color: #666;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.69em;
}

.paycentra #frmSearch #btnSearchGo {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 1px;
	display: block;
	width: 23px;
	height: 15px;
	border: none;
	border-left: 1px solid #959595;
	background: url(/global/images/icons/ico_search.gif) no-repeat center center;
	text-indent: -9999px;
}

/* Custom Aisle Header/Footer */
.paycentra #navGlobal #customAisle {
	position: absolute;
	left: -108px;
	top: 80px;
	font-size: 0.7500em;
	font-weight: normal;
}
.paycentra div.footerBase p.customAisleFooter {
	margin-top: -1em;
	float: left;
}




/* sub-navigation */
.paycentra #navGlobal .subNavWrapper{
	background-color:#1D73DD;
	background-image:url(/global/images/template/nav/bgd_subnav_right_shadow.gif);
	background-position:100% 0;
	background-repeat:repeat-y;
	border-left:2px solid #a1a1a1;
	left: 0;
	position: absolute;
/*	visibility: hidden;*/
	display:none;
	max-width: 829px;
	width: auto;
	z-index: 1001;
	padding:0 4px 0 0;
	
}

.paycentra #navGlobal  li.over .subNavWrapper{
	/*visibility:visible;*/
	display:block;
}

.paycentra #navGlobal .subNavWrapper .inner{
	background-image:url(/global/images/template/nav/bgd_subnav_shadow.gif);
	background-repeat:repeat-x;
	background-position:0 100%;
	padding:0 0 4px 0;
}

.paycentra #navGlobal .subNavWrapper .inner ul.standard{
	float:left;
	background-image:url(/global/images/template/nav/bgd_subnav_repeat2.gif);
	background-position:-2px 0;
	background-repeat:repeat;
	margin:20px 0;
}
.paycentra #navGlobal .subNavWrapper .inner ul.special{
	float:left;
	background-image:url(/global/images/template/nav/bgd_subnav_special.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	margin:0;
	padding:20px 0;
}
.paycentra #navGlobal .subNavWrapper .inner  li.group{
	width:105px;
	padding:0 20px;
	margin:0;
	float:left;
}
.paycentra #navGlobal .subNavWrapper .inner ul.standard li.group.first{
	padding-left:18px;
}
.paycentra #navGlobal .subNavWrapper .inner  li.group li{
	margin-bottom:10px;
}

.paycentra #navGlobal .subNavWrapper .inner ul li h3,
.paycentra #navGlobal .subNavWrapper .inner ul li h3 a,
.paycentra #navGlobal .subNavWrapper .inner ul li a h3{
	color:#666;
	font-size:11pt !important;
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
}


.paycentra #navGlobal .subNavWrapper .inner ul li a:hover{
	color:#FFFFFF !important;
	text-decoration:underlined;
}

.paycentra #navGlobal .subNavWrapper .inner ul li a{
	color:#111;
	font-size:9pt;
	margin:0 0 15px 0;
	padding:0;
}



.paycentra #footer *{
	text-align:center;
}



/* thick footer basics */
body .paycentra #thickFooter{
	position:relative;
}


/* thin footer */

.paycentra #thinFooter {
	height:30px;
	position:relative;
}

.paycentra #thinFooter_bb {
	height:0px;
	position:relative;
}


.paycentra .segmentationFooter #thinFooter {
	border-top: none;
}

.paycentra #footerLinksWrapper:after,
.paycentra #footer:after,
.paycentra #thickFooter:after,
.paycentra #thinFooter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.paycentra #thinFooter li {
	color: #666;
	display: inline;
	background-image:url(/global/images/template/common/bgd_div1.gif);
	background-repeat:repeat-y;
	background-position:0 0;
	padding: 0 10px 0 11px;
	font-size:11px;	
}
.paycentra #thinFooter li.first{
	background:none;
}
.paycentra #thinFooter #adChoiceFooter{
	padding-left:22px;
	background:transparent url(/global/images/icons/ad_choices_logo.gif) 5px top no-repeat;
}
.paycentra #thinFooter li a,
.paycentra #thinFooter li a:link,
.paycentra #thinFooter li a:visited {
	color: #333;
	font-size:11px;
}
.paycentra #thinFooter a:hover,
.paycentra #thinFooter a:focus,
.paycentra #thinFooter a:active {
	color: #1c94c3;
	text-decoration: underline;
}

.paycentra #thinFooter p{
	position:absolute;
	right:9px;
	top:0px;
	font-size:11px;
}


.paycentra #frmSearch input.searchField {
	background: #FFF url(https://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif) no-repeat top left;
}
.paycentra #frmSearch input.gsFocus {
	background-image: none;
}

/* back-ground image overwrite for the the special column for the sub navigation */
.paycentra .navCustomStyleUl{
  background-image: url(/global/images/template/nav/nav_showcase.jpg) !important;
}