body { margin: 0; padding: 0; background: #eee; color: #212121; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; font-size: 12px; }

p { padding: 0; margin: 0; }
h1 { font-size: 27px; }
h2 { font-size: 24px; }
h3 { font-size: 21px; }
h4 { font-size: 18px; }
h5 { font-size: 15px; }
h6 { font-size: 10px; }

a:link { color: #3082BF; }
a:visited { color: #3082BF; }
a:hover { color: #3082BF; text-decoration: none; }
a img { border: none; }
a.external { margin: 0; padding: 3px 0 0 21px; background: url(../images/external-anchor.png) no-repeat center left; }
a.email { margin: 0; padding: 3px 0 0 21px; background: url(../images/email-anchor.png) no-repeat center left; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-transparent { opacity: 0.0; }
.text-nowrap { white-space: nowrap; }

.text-insert, a.text-insert { color: #090; }
.text-modify, a.text-modify { color: #f90; }
.text-discard, a.text-discard { color: #900; }
.text-warning, a.text-warning { color: #990; }
.text-error, a.text-error { color: #ff3100; }
.text-failure, a.text-failure { color: #f0f; }
.text-primary, a.text-primary { color: #06f; }
.text-secondary, a.text-secondary { color: #555; }
.text-apply, a.text-apply { color: #a65f00; }
.text-firebrick, a.text-firebrick { color: firebrick; }

thead { display: table-header-group; }

#container { width: 797px; margin: 0 auto; padding: 0; background: url(../images/container-background.jpg) no-repeat top right #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ddd; }
body#land #container { background: transparent; border: none; }

#masthead { position: relative; margin: 0; padding: 12px; overflow: auto; }
#masthead.with-logo { min-height: 69px; }
#masthead img { position: absolute; top: 19%; left: 3%; }
#masthead ul#navigation { margin: 0; padding: 0; position: relative; text-align: right; list-style: none; }
#masthead.with-logo ul#navigation { padding-top: 23px; }
#masthead ul#navigation li { float: right; margin: 0 2px 0 0; padding: 0; height: 29px; background: url(../images/nav-btn-background.png) repeat-x top left #1371b9; }
#masthead ul#navigation li.last-child { background: url(../images/nav-cap-left-background.png) no-repeat top left #1371b9; }
#masthead ul#navigation li.last-child:hover { background: url(../images/nav-cap-left-hover-bg.png) no-repeat top left #8eb640; }
#masthead ul#navigation li.first-child { background: url(../images/nav-cap-right-background.png) no-repeat top right #1371b9; }
#masthead ul#navigation li.first-child:hover { background: url(../images/nav-cap-right-hover-bg.png) no-repeat top right #8eb640; }
#masthead ul#navigation li:hover { background: url(../images/nav-btn-hover-bg.png) repeat-x top left  #8eb640; }
#masthead ul#navigation li a { margin: 0; padding: .5em 2em; text-decoration: none; display: block; color: #fff; }
body#index #masthead ul#navigation li#nav-home,
body#account #masthead ul#navigation li#nav-account { background: url(../images/nav-cap-left-hover-bg.png) no-repeat top left #8eb640; }
body#consumer #masthead ul#navigation li#nav-consumer,
body#merchant #masthead ul#navigation li#nav-merchant,
body#security #masthead ul#navigation li#nav-security,
body#about #masthead ul#navigation li#nav-about,
body#admin #masthead ul#navigation li#nav-admin { background: url(../images/nav-btn-hover-bg.png) repeat-x top left  #8eb640; }
body#contact #masthead ul#navigation li#nav-contact { background: url(../images/nav-cap-right-hover-bg.png) no-repeat top right #8eb640; }

#popular { clear: both; margin: 0; padding: 0 0 12px 12px; overflow: hidden; }
.three-pane .pane-item { float: left; margin: 0 12px 0 0; padding: 0; width: 225px; }
#popular .popular-item { position: relative; padding: 12px; background: url(../images/popular-item-bg.png) no-repeat top left #e3eef8; height: 20em; }
#popular .popular-item h3 { margin: 0; padding: 0; font-family: 'Pathway Gothic One'; font-size: 23px; font-weight: 400; }
#popular .popular-item h5 { margin: -.35em 0 0 0; padding: 0 0 .5em 0; border-bottom: 1px solid #d0e6f8; font-size: 10px; color: #777; }
#popular .popular-item img { position: absolute; top: 7%; right: 11%; }
#popular .popular-item p { margin: .5em 0 0 0; padding: 1em 0; text-indent: 1em;  line-height: 1.5em; }
#popular .popular-item form { display: block; margin: 1em 0 0 0; padding: 0; }
#popular .initial-item { clear: both; }
#popular .foot-item { padding: 0 12px; background: url(../images/popular-footer-bg.png) no-repeat bottom right #1371b9; }
#popular .foot-item p.more { margin: 0; padding: .5em 0; text-align: right; border: none; }
#popular .foot-item p.more a { padding: .5em 0 .5em 23px; background: url(../images/more-anchor-icon.png) no-repeat center left transparent; color: #fff; text-decoration: none; }
#popular .popular-item p.inputerror { margin: 1em 0 0 0; padding: 0; text-indent: 0px; color: firebrick; line-height: 1em; }
.pane-item h3.system-message { margin: 0 0 .5em 0; padding: 0; font-family: 'Pathway Gothic One'; font-size: 23px; font-weight: 400; }

ul#tabbed-menu { position: relative; margin: 0; padding: 0 .5em; height: 29px; list-style: none; border-bottom: 1px solid #ccc; }
ul#tabbed-menu li { float: left; margin: 0 .25em -1px 0; padding: 0; height: 28px; background: #dbdee3; border-radius: 4px 4px 0 0; border-width: 1px; border-style: solid; border-color: #ccc #aaa #bbb #bbb; }
ul#tabbed-menu li a { display: block; margin: 0; padding: .5em 1em; text-decoration: none; color: #888; }
ul#tabbed-menu li:hover { background: #ebeef3; }
ul#tabbed-menu li:hover a { color: #3b3e43; }
ul#tabbed-menu li.misc-tab, ul#tabbed-menu li.misc-tab:hover { background: #eee; }
ul#tabbed-menu li.misc-tab a { color: #212121; font-weight: bold; }
ul#tabbed-menu li a.iconified { margin: 0; padding: .25em 1em 0 1em; }
ul#tabbed-menu li.selected { background: #fff; border-color: #aaa #999 #fff #999; }
ul#tabbed-menu li.selected a { color: #212121; }
ul#tabbed-menu li.selected:hover { background: #fff; }

#content { clear: both; margin: 0; padding: 0; overflow: hidden; }
#content #menu { float: left; width: 199px; margin: 0 0 0 12px; padding: 0; }
#content #menu h3 { margin: 0; padding: 0; font-family: 'Pathway Gothic One'; font-size: 23px; font-weight: 400; }
#content #menu ul { margin: 0; padding: 0; list-style: none; }
#content #menu ul li { margin: 0; padding: 0; border-bottom: 1px dotted #d0e6f8; }
#content #menu ul li.last-child { border: none; }
#content #menu ul li a { margin: 0; padding: .5em; display: block; text-decoration: none; }
body#index #content #menu ul li a#home-menu-item,
body#merchant #content #menu ul li a#merchant-menu-item,
body#security #content #menu ul li a#security-menu-item,
body#privacy #content #menu ul li a#privacy-menu-item,
body#about #content #menu ul li a#about-menu-item,
body#contact #content #menu ul li a#contact-menu-item,
body#admin #content #menu ul li a#admin-menu-item,
#content #menu ul li a:hover { background: #eee; }
#content #narrative { margin: 0 0 0 239px; width: 558px; padding: 0; overflow: hidden; background: url(../images/narrative-faded-bg.png) no-repeat top left transparent; }
#content #narrative h1 { margin: 0 24px .25em 24px; padding: .25em 0 0 0; font-family: 'Pathway Gothic One'; font-size: 23px; font-weight: 400; color: #8eb640; border-bottom: 1px solid #dbe6c6; }
#content #narrative .two-pane .pane-item { float: left; margin: 0 12px 0 0; padding: 0; width: 261px; }
#content #narrative .initial-item { margin-right: 20px; clear: both; }
#content #narrative .pane-item p { padding: 0 12px 1em 12px; text-indent: 1em; line-height: 1.5em; }
#content #narrative .two-pane .pane-item ul { margin: 0 0 3em 0; padding: 0; list-style: none; }
#content #narrative .two-pane .pane-item ul li { position: relative; clear: both; margin: 0; padding: .25em 0; display: block; }
#content #narrative .two-pane .pane-item ul li h6 { margin: 0; padding: 0; font-size: 12px; }

.mfa-alert { width: 90%; margin: auto; }
.mfa-alert .section-head { background: none; background-color: #fbeaea; border-radius: 1em 1em 0 0; border-bottom: 1px solid firebrick; margin-bottom: 0; padding: .5rem; }
.mfa-alert .section-head h2 { margin: .75rem 0 0 1.5rem; float: left; }
.mfa-alert .section-head a img { margin: .75rem 0 0 .75rem; }
.mfa-alert .section-content { background: none; background-color: #fbeaea; border-radius: 0 0 1em 1em; margin-bottom: 2rem; }
.mfa-alert .option-content { background-color: #fbeaea; border-radius: 0 0 1em 1em; padding: 1rem 2rem 2rem 2rem; text-align: justify; }
.mfa-alert .option-content ul { list-style-type: none; }
.mfa-alert .section-head h4, 
.mfa-alert .option-content h3 { color: firebrick; margin: 0 0 .5em 0;}
.mfa-alert .option-ontent p { color: #2b0808; }
.mfa-alert .option-content p { font-size: .875rem; }

#admin-content { clear: both; position: relative; margin: 0; padding: 2em 0; overflow: hidden; background: #fff; }
body#land #admin-content { margin: 2em 0; padding: 2em 0; border: none; border-radius: 13px; }
#admin-content .two-pane { margin: 0; padding: 0; display: block; }
#admin-content .two-pane .pane-item { float: left; margin: 0 29px 0 0; padding: 0; width: 355px; }
#admin-content .two-pane .initial-item { margin-left: 29px; clear: both; }
#admin-content .two-pane .pane-item ul { margin: 0 0 3em 0; padding: 0; list-style: none; }
#admin-content .two-pane .pane-item ul li { position: relative; clear: both; margin: 0; padding: .25em 0; display: block; }
#admin-content .two-pane .pane-item ul li a { display: block; }
#admin-content .two-pane .pane-item ul li a.button { display: inline-block; margin: 0; padding: .5em 0 0 0; }
#admin-content .two-pane .pane-item ul li a.button img { border: none; }
#admin-content .two-pane .pane-item ul li.link-panel a { padding: 1em 0; }
#admin-content .two-pane .pane-item ul li.attention { margin-top: 1em; padding: 1em; background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; border-radius: .5em; }
#admin-content .two-pane .pane-item ul li.attention > h4 { margin: 0; }
#admin-content .two-pane .pane-item ul li.attention > p { margin: 0; text-align: justify; }
#admin-content .two-pane .pane-item ul li.disclaimer { color: #f66; font-size: 10px; font-style: italic; }
#admin-content .two-pane .pane-item ul li label { float: left; width: 13em; color: #777; }
#admin-content .two-pane .pane-item ul li p { margin-left: 13em; }
#admin-content .two-pane .pane-item ul li label.stub { width: 4em; }
#admin-content .two-pane .pane-item ul li label.stub + p { margin-left: 4em; }
#admin-content .two-pane .pane-item ul li p.button { margin-left: 0; width: 21em; }
#admin-content .two-pane .pane-item ul li p.button a { margin: 0; padding: .5em; display: block; text-align: center; text-decoration: none; color: #fff; background: #8eb640; font-weight: bold; border-radius: 4px; }
#admin-content .two-pane .pane-item ul li p.button a.disabled { background: firebrick; }
#admin-content .two-pane .pane-item ul li p.button a.failed { background: firebrick; text-align: left; }
#admin-content .two-pane .pane-item ul li p.button a span { display: block; font-weight: normal; font-size: 10px; color: #ff0; }
#admin-content .two-pane .pane-item ul li span.disclaimer { margin: -.5em 0 0 0; padding: 0 0 .25em 0; font-style: italic; font-size: 10px; color: #777; }
#admin-content .two-pane .pane-item p.informative { text-indent: 1em; margin: 1em 0 0 0; }
#admin-content .two-pane .pane-item p.informative.last { margin: 1em 0 1em 0; }
#admin-content .two-pane .pane-item ul li img.logo { margin: 0; padding: 0 0 1em 0; }
#admin-content .two-pane .pane-item img.icon { float: left; margin: 0; padding: 0 1em 0 0; }
#admin-content .two-pane .pane-item h5 { margin: 0; padding: 0; color: #8eb640; font-family: 'Pathway Gothic One'; font-size: 23px; font-weight: 400; }
#admin-content .two-pane .pane-item h6 { margin: 0; padding: 0 0 1em 0; color: #777; }
#admin-content .two-pane .pane-item h6.subhead { margin: 0; padding: 0 0 .25em 0; color: #1371b9; font-size: 13px; }
#admin-content .two-pane .pane-item p.subtitle { margin: -.5em 0 0 0; padding: 0 0 .25em 0; font-style: italic; font-size: 10px; border-bottom: 1px solid #ccc; color: #777; }
#admin-content .two-pane .pane-item table { position: relative; margin: 0 0 2em 0; padding: 0; width: 100%; }
#admin-content .two-pane .pane-item table tr.alternate-row { background: #eee; }
#admin-content .two-pane .pane-item table tr th { margin: 0; padding: 0; text-align: left; border-bottom: 1px solid #ccc; font-weight: normal; color: #000; }
#admin-content .two-pane .pane-item table tr td { margin: 0; padding: .25em .5em; border-width: 1px 0; border-style: solid; border-color: #fff; }
#admin-content .two-pane .pane-item table tr td.alternate-column { background: #eaf5d4; }
#admin-content .two-pane .pane-item table tr td.numeric { text-align: right; }
#admin-content .two-pane .pane-item table tr td span.errata { color: firebrick; }
#admin-content .two-pane .pane-item div.contained { margin: 0; padding: 1em; height: 13em; border: 1px solid #ccc; overflow: auto; white-space: pre-line; }

#admin-content .two-pane .admin-section ul { padding: 0; }
#admin-content .two-pane .admin-section .section-head { margin: 0; padding: 0; }
#admin-content .two-pane .admin-section .section-head img { float: left; margin: .5em 0 0 0; padding: 0 1em 0 0; }
#admin-content .two-pane .admin-section .section-content { margin: 0; padding: 0 1em 3em 1em; overflow: auto; background: url(../images/section-content-faded-bg.png) no-repeat top left transparent; }
#admin-content .two-pane .admin-section .recent-section { float: left; width: 149px; margin: 0; padding: 0; border-right: 1px dotted #ccc; overflow: hidden; }
#admin-content .two-pane .admin-section .recent-section p { color: #999; margin: 0 0 .5em 0; padding: .75em 0 0 0; }
#admin-content .two-pane .admin-section .recent-section ul li { word-break: break-all; word-wrap: break-word; }
#admin-content .two-pane .admin-section .recent-section ul li.noitems { padding-right: 1em; font-style: italic; color: #777; font-size: 10px; }
#admin-content .two-pane .admin-section .recent-section ul li a { padding-right: 1em; color: #8eb640; }
#admin-content .two-pane .admin-section .option-content { margin: 0 0 0 162px; padding: 0; }
#admin-content .two-pane .admin-section .option-content ul { position: relative; padding-top: .5em; overflow: hidden; }
#admin-content .two-pane .admin-section .option-content ul li { float: left; width: 6em; height: 8em; clear: none; padding: 0; border: 1px solid transparent; border-radius: 7px; text-align: center; }
#admin-content .two-pane .admin-section .option-content ul li a { display: block; margin: 0; padding: .5em; text-decoration: none; }
#admin-content .two-pane .admin-section .option-content ul li a img { margin: 0; padding: 0; }
#admin-content .two-pane .admin-section .option-content ul li a p { margin: 0; padding: 0; text-align: center; }
#admin-content .two-pane .admin-section .option-content ul li:hover { border: 1px solid #d5eda7; }

#admin-content .two-pane div.attention { margin: 0 2.5em 1em 2.5em; padding: 1em; background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; border-radius: .5em; }
#admin-content .two-pane div.attention > h4 { margin: 0; }
#admin-content .two-pane div.attention > p { margin: 0; text-align: justify; }

img.horz-banner { margin: 0; padding: 2em 9px; }

ul.crumbs { clear: both; position: relative; display: block; margin: 1em 21px; padding: 0; list-style: none; overflow: auto; }
ul.crumbs li { float: left; margin: 0; padding: 0; line-height: 1.5em; font-size: 11px; white-space: nowrap; }
ul.crumbs li span.separator { margin: 0 1em; padding: 0; }
ul.crumbs li a { text-decoration: none; }

#searchhints { position: absolute; top: 0; left: 0; display: none; z-index: 9999; max-height: 149px; max-width: 347px; margin: 0; padding: 0; overflow: auto; background: #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: #d9dceb; }
#searchhints ul { margin: 0; padding: 0; list-style: none; }
#searchhints ul li { margin: 0; padding: 0; white-space: nowrap; border-width: 1px 0; border-style: solid; border-color: transparent; }
#searchhints ul li.selected { background: #eee; border-width: 1px 0 1px 0; border-style: dotted; border-color: #999; }
#searchhints ul li span.matched { background: #ffff00; }
#searchhints ul li a { margin: 0; padding: .25em .5em; text-decoration: none; white-space: nowrap; }

#footer { clear: both; margin: 0; padding: 0 12px 3em 12px; text-align: center; }
#footer ul { position: relative; margin: 0; padding: 0; overflow: hidden; list-style: none; }
#footer ul li { display: inline; margin: 0; padding: 0; font-size: 11px; }
#footer ul li a { margin: 0; padding: .5em 1em; }
#footer p { padding: .5em 0; clear: both; font-size: 10px; }
#footer p a { color: #212121; text-decoration: none; }

#page-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;

	/* IE 8 (and lower) background alpha hack */
	background: transparent;
	background: rgba(0, 0, 0, .79);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);

	z-index: 1099;
}

#page-mask p.message {
	position: fixed;
	display: none;
	top: 0;
	left: 0;

	margin: 0;
	padding: 0;

	color: #fff;
	font-family: "Consolas", fixed;
	font-size: 36px;
	line-height: 1em;
	text-align: center;

	z-index: 1103;
}

#page-mask p.message span {
	font-size: 23px;
}
