/*********************************************************************
 Local site stylesheet for polkcountycu
**********************************************************************/
/* Login Page */
#body_body_pnlMaint, #body_body_pnlBroadcasting, #body_body_pnlBulletin { }
.loggedOffMenuBackground
{
	background-color: #343434;
}

/* Hyperlinks */
a:link, a.actionLink:link
{
	text-decoration: none;
	color: #00F;
}
a:active, a.actionLink:active
{
	color: #00F;
}
a:visited, a.actionLink:visited
{
	color: #00F;
}
.majorLink /* larger links, such as 'Switch to List View' or 'Quick Transfer' in the 'Display Account Summary' page */
{
	font-weight: bold;
	color: #00F;
}
.interactiveLink, .interactiveIconLink, .noninteractiveIconLink /* links that shift when you hover over them */
{
	color: #00F;
	text-decoration: none;
}
a.interactiveLink:link, a.interactiveIconLink:link
{
	color: #00F;
}
a.interactiveLink:visited, a.interactiveIconLink:visited
{
	color: #00F;
}
.noninteractiveText
{
	color: gray;
}
a.unreadMessage
{
	font-weight: bold;
}
.moduleHeaderLink
{
	border-color: #343434;
	background-color: transparent;
}
.sectionHeaderLink
{
	background-color: inherit;
}


/* Header */
.header
{
	background-color: transparent;
}
.header.headerMobile
{
	height: 90px;
	background-image: url('/polkcountycu/gifs/topframe.mobile.jpg');
	list-style-image: url('/polkcountycu/gifs/topframe.mobile.jpg');
}
@media all and (min-width: 768px)
{
	.header.headerMobile
	{
		display: none;
		height: 0;
	}
	.header.headerDesktop
	{
		display: block;
		height: 150px;
		background-image: url('/polkcountycu/gifs/topframe.jpg');
		list-style-image: url('/polkcountycu/gifs/topframe.jpg');
	}
}
.siteMenu /* new-style menu normally in the header, with icons for chat/mail/prefs/security/logoff */
{
	background-color: rgba(255,255,255,0.8);
	box-shadow: none;
	position: absolute;
	bottom: 3px;
	right: 1px;
	display: inline-table;
}
.unreadCount /* if user has unread messages, display the count (Note: for large numbers, see .unreadCount3Digit and .unreadCount4Digit) */
{
	font-weight: bold;
	color: white;
}
.siteSubMenu
{
	border-bottom: 1px solid black;
}
.siteSubMenu > li
{
	background-color: white;
	border: 1px solid black;
}
.siteSubMenu > li > a
{
	color: black;
	text-decoration: none;
}
.siteSubMenu > li:hover
{
	background-color: rgb(51, 118, 199);
}
.siteSubMenu > li:hover > a
{
	color: white;
}


/* Common Notifications after login */
.bulletin
{
	color: red;
}
/* Page font & color */
html
{
	background-color: #FFF;
}
body
{
	background-color: #FFF;
}
.content
{
	background-color: #FFF;
}


/* Menu style */
.showMobileBar /* on mobile, the hamburger 'Show Menu' element */
{
	background-color: #FFF;
}
.mobileMenuText
{
	text-decoration: none;
	font-weight: bold;
	color: rgb(51, 118, 199);
}
.mobileMenuIcon
{
	text-decoration: none;
}
.nav /* nav is the class of the DIV surrounding the menu items, at ALL menu levels */
{
	background-color: white;
}
.menu > li > a
{
	color: white;
	background-color: #3376c7;
	text-decoration: none;
	font-weight: bold;
}
.menu > li.selected > a, .menu > li > a:active, .menu > li.selected:hover > a, .menu > li > a:active:hover
{
	background-color: #FFF;
	color: #000;
}
.menu > li > a:hover
{
	background-color: #FFF;
	color: #000;
}
.subMenu > li > a
{
	font-weight: bold;
	text-decoration: none;
	color: white;
	background-color: #78A5B1;
	border-color: transparent;
}
.subMenu > li.selected > a, .subMenu > li > a:active, .subMenu > li.selected:hover > a, .subMenu > li > a:active:hover
{
	background-color: #60848D;
}
.subMenu > li > a:hover
{
	border-color: transparent;
	background-color: #48636A;
}
.sectionMenu > li > a
{
	color: white;
	background-color: #3376c7;
	text-decoration: none;
	font-weight: bold;
}
.sectionMenu > li.selected > a, .sectionMenu > li > a:active, .sectionMenu > li.selected:hover > a, .sectionMenu > li > a:active:hover
{
	background-color: #FFF;
}
.sectionMenu > li > a:hover
{
	background-color: #FFF;
	color: #000;
}


/* Error, Display, and Confirmation Messages */
.errorMessage
{
	color: rgb(198, 87, 98);
	font-weight: bold;
}
.moduleErrorMessage
{
	border-color: rgb(0, 92, 171);
}
.errorMessage, .moduleErrorMessage
{
	background-color: rgb(240, 211, 214);
}
.confirmationMessage
{
	color: red;
}
.contentModule > .confirmationMessage
{
	border-color: rgb(0, 92, 171);
}
.displayMessage
{
	font-weight: bold;
	color: rgb(116, 165, 92);
	background-color: rgb(224, 239, 215);
}
.overviewMessage
{
	color: rgb(121, 0, 0);
	border-color: rgb(179, 179, 179);
}
.importantMessage
{
	color: rgb(153, 0, 0);
	border-color: rgb(179, 179, 179);
}
.importantMessage.toggleState1, .importantMessage:hover
{
	border-color: rgb(153, 0, 0);
}
.importantMessageIcon
{
	font-weight: bold;
}
.field-validation-valid{ }
.field-validation-error
{
	color: red;
}
.input-validation-error
{
	border-color: red;
	border-width: 1px;
	background-color: rgb(255, 239, 239);
}
.requiredField:before, .formTable input[type='text'].requiredField:after, .formTable select.dropdown.requiredField:after
{
	content: '*';
	color: red;
}
input[type='checkbox'][disabled]+label {
	color: silver;
}
input[type='radio'][disabled]+label {
	color: silver;
}
.quickPayErrorRow { }
.infoMessageIcon:after
{
	color: #00F;
}


/* Modules (containers on the overview and self service pages, for example) */
.moduleHeader, .moduleErrorMessage, .moduleLoading, .moduleMessage, .moduleBody, .moduleFooter
{
	border-color: #343434;
	background-color: transparent;
}
.moduleHeader
{
	font-weight: bold;
	background-color: #343434;
	color: #FFF;
}
.moduleMessage, .moduleBody
{
	border-top-width: 0;
	border-bottom-width: 0;
}
.moduleFooter
{
	border-top-width: 0;
	border-bottom-width: 1px;
}
.moduleFooter .selectLinks /* for the module #ModuleEStatements */
{
	color: black;
}


/* Sections */
.sectionHeader, .sectionMessage, .sectionBody, .sectionFooter
{
	background-color: inherit;
}
.sectionHeader
{
	font-weight: bold;
	color: #343434;
}
.sectionFooter
{
}


/* Tables */
.altcolor thead tr, .altcolor th
{
	background-color: white;
}
.altcolor tr:nth-child(even), .altcolor tr:nth-child(even) td
{
	background-color: #FFF;
	border-color: #FFF;
}
.altcolor tr:nth-child(odd), .altcolor tr:nth-child(odd) td
{
	background-color: #E9E9E9;
	border-color: #E9E9E9;
}
/* altcolor hover */
.altcolor tr:hover td, .refreshingTable .altcolor tr:hover td
{
	border-top-color: rgb(95, 96, 98);
	border-bottom-color: rgb(95, 96, 98);
}
.altcolor tr:hover td:first-child, .refreshingTable .altcolor tr:hover td:first-child
{
	border-left-color: rgb(95, 96, 98);
}
.altcolor tr:hover td:last-child, .refreshingTable .altcolor tr:hover td:last-child
{
	border-right-color: rgb(95, 96, 98);
}
.altcolor tr.noHover:nth-child(even):hover td
{
	border-color: #FFF;
}
.altcolor tr.noHover:nth-child(odd):hover td
{
	border-color: #E9E9E9;
}
/* end altcolor hover */
/* refreshingTable classes for semi-transparent tables that show the javascript spinner while loading the latest records */
.refreshingTable.altcolor thead tr:nth-child(odd), .refreshingTable.altcolor th
{
	background-color: rgba(255, 255, 255, .5);
}
.refreshingTable.altcolor tr:nth-child(even), .refreshingTable.altcolor tr:nth-child(even) td
{
	background-color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.5);}
.refreshingTable.altcolor tr:nth-child(odd), .refreshingTable.altcolor tr:nth-child(odd) td
{
	background-color: rgba(233, 233, 233, 0.5);
	border-color: rgba(233, 233, 233, 0.5);}
.refreshingTable thead tr, .refreshingTable th
{
	background-color: rgba(255, 255, 255, .5);
}

.summaryTableDivider
{
	background-color: rgb(189, 202, 216);
}
.formTable td.formSectionHeader
{
	font-weight: bold;
}


/* Tiles */
.tileHeader
{
	color: white;
	background-color: #005CAB;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#343434),color-stop(1,#CCC));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343434',endColorstr='#cccccc',GradientType=0 );
	background-image: -o-linear-gradient(bottom,#343434 0%,#CCC 100%);
	background-image: -moz-linear-gradient(bottom,#343434 0%,#CCC 100%);
	background-image: -webkit-linear-gradient(bottom,#343434 0%,#CCC 100%);
	background-image: -ms-linear-gradient(bottom,#343434 0%,#CCC 100%);
	background-image: linear-gradient(to bottom,#343434 0%,#CCC 100%);

}
.tileHeaderTitleCell
{
	font-weight: bold;
}
.tile{
	color: #FFF;
	background-color: #8A8C8E;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#CCC),color-stop(1,#343434));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#343434',GradientType=0);
	background-image: -o-linear-gradient(bottom,#CCC 0%,#343434 100%);
	background-image: -moz-linear-gradient(bottom,#CCC 0%,#343434 100%);
	background-image: -webkit-linear-gradient(bottom,#CCC 0%,#343434 100%);
	background-image: -ms-linear-gradient(bottom,#CCC 0%,#343434 100%);
	background-image: linear-gradient(to bottom,#CCC 0%,#343434 100%);

}
span.tileLabel, span.tileBalanceCell
{
	font-weight: bold;
}
.tileDropDown
{
	font-weight: bold;
	color: #FFF;
	background-color: #343434;
	border-color: #FFF;
}

/* tiles while loading data */
.refreshingTile .tile
{
	background-color: #8A8C8E;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#CCC),color-stop(1,rgba(52, 52, 52, 0.5)));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(204, 204, 204, 0.5)',endColorstr='rgba(52, 52, 52, 0.5)',GradientType=0);
	background-image: -o-linear-gradient(bottom,#CCC 0%,rgba(52, 52, 52, 0.5) 100%);
	background-image: -moz-linear-gradient(bottom,#CCC 0%,rgba(52, 52, 52, 0.5) 100%);
	background-image: -webkit-linear-gradient(bottom,#CCC 0%,rgba(52, 52, 52, 0.5) 100%);
	background-image: -ms-linear-gradient(bottom,#CCC 0%,rgba(52, 52, 52, 0.5) 100%);
	background-image: linear-gradient(to bottom,#CCC 0%,rgba(52, 52, 52, 0.5) 100%);
}

/* Footer */
.footer
{
	background-color: #FFF;
	border-top-color: #343434;
}
.aboutLinks li a
{	text-decoration: none;
	color: #000
}
.aboutLinks li:after
{
	color: #343434;
}
/* Preferences */
fieldset.preferences
{
	border-color: rgb(192, 192, 192);
	background-color: rgb(238, 238, 238);
}
fieldset.preferences legend
{
	font-weight: bold;
	background-color: rgb(238, 238, 238);
}


/* Desktop mode overrides, for when the screen is at least 1024px wide */
@media only screen and (min-width: 1024px)
{
	.nav, .menu
	{
		background-color: #343434;
	}
	.menu > li > a, .subMenu > li > a, .sectionMenu > li > a
	{
		font-weight: normal;
		background-color: inherit;
	}
	.menu > li > .nav
	{
		background-color: transparent;
	}
	.menu > li > a
	{
		color: #FFF;
	}
	.menu > li > a:hover
	{
		color: #000;
		background-color: #FFF;
	}
	.menu > li.selected > a, .menu > li > a:active, .menu > li.selected:hover > a, .menu > li > a:active:hover
	{
		color: #000;
		background-color: #FFF;
	}

	.subMenu li.selected /* this ensures that the vertical bar is not bold */
	{
		font-weight: normal;
	}
	.subMenu > li > a:active, .subMenu > li > a:hover, .subMenu > li.selected > a, .subMenu > li > a:active, .subMenu > li.selected:hover > a, .subMenu > li > a:active:hover
	{
		background-color: inherit;
	}
	.subMenu > li > a
	{
		color: #00F;
		font-weight: normal;
		color: #00F;
		background-color: inherit;
	}
	.subMenu > li > a:hover
	{
		color: #00F;
		font-weight: normal;
		color: #00F;
		background-color: inherit;
	}
	.subMenu > li.selected > a
	{
		font-weight: bold;
	}
	.subMenu > li.selected > a, .subMenu > li > a:active, .subMenu > li.selected:hover > a, .subMenu > li > a:active:hover
	{
	}
	.subMenu > li > .nav
	{
		background-color: transparent;
	}

	.sectionMenu > li > a:active,
	.sectionMenu > li > a:hover,
	.sectionMenu > li.selected > a, .sectionMenu > li > a:active,
	.sectionMenu > li.selected:hover > a, .sectionMenu > li > a:active:hover
	{
		background-color: inherit;
	}
	.sectionMenu > li > a
	{
		color: #000;
		color: #000;
		background-color: inherit;
		font-weight: normal;
	}
	.sectionMenu > li > a:hover
	{
		color: #000;
		color: #000;
		background-color: inherit;
		font-weight: normal;
	}
	.sectionMenu > li.selected > a
	{
		font-weight: bold;
	}
	.sectionMenu > li.selected > a, .sectionMenu > li > a:active, .sectionMenu > li.selected:hover > a, .sectionMenu > li > a:active:hover
	{
	}
}

@media only print
{
	/* http://stackoverflow.com/a/34379688 */
	.altcolor tr:nth-child(even), .altcolor tr:nth-child(even) td
	{
		background-color: unset;
		box-shadow: inset 0 0 0 2000px rgb(186, 186, 186);
	}
	.altcolor tr:nth-child(odd), .altcolor tr:nth-child(odd) td
	{
		background-color: unset;
		box-shadow: inset 0 0 0 2000px rgb(230, 230, 230);
	}
}


/* Express Sign On (ESO) */
#ExpressHtml
{
	background-color: transparent;
}
#ExpressHtml > body
{
	background-color: transparent;
}
#body_imgSubmit
{
	background-image: url('/polkcountycu/gifs/../gifs/eso_button.gif');
	border: none;
	outline: none;
	height: 30px;
	width: 50px;
}
.logonID .watermarkedESO
{
}
.esoTable
{
}
tr.esoTableRow1
{
}
td.esoTableRow1
{
}
.esoLoginBox
{
	min-width: 108px;
	min-height: 18px;
	height: 18px;
}
.esoLoginBoxVertical
{
	padding-left: 0px;
	min-width: 108px;
	width: 108px;
	min-height: 18px;
	height: 18px;
}
.esoLoginDiv
{
	margin-top: -10px;
}
.esoLoginDivVertical
{
	margin-top: -10px;
	width: 108px;
	min-width: 108px;
}