/* RESET*/
@media screen {
html, body
{
}
#container applet,#container object,#container iframe,
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6, #container blockquote, #container pre,
#container abbr, #container acronym, #container address, #container big, #container cite, #container code,
#container del, #container dfn, #container em, #container font, #container img, #container ins, #container kbd, #container q, #container s, #container samp,
#container small, #container strike, #container strong, #container sub, #container sup, #container tt, #container var,
#container b, #container u, #container i, #container center,
#container dl, #container dt, #container dd, #container ol, #container ul, #container li,
#container fieldset, #container form, #container label, #container,#container caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
/*font-family: Arial;*/
}
body {
/*font-family: Arial;*/
}
legend
{
font-weight:bold;
color:#333333;
font-size:x-large;
margin-bottom:5px;
margin-top:5px;
}
div#pageContentTitle
{
color:#708e48;
font-size:20px;
font-weight:bold;
padding-bottom:10px;
font-family: Arial;
}
.pageContentTitle
{
color:#708e48;
font-size:20px;
font-weight:bold;
padding-bottom:5px;
font-family: Arial;
}
div#pageContentsubTitle
{
color:#006699;
font-size:16px;
font-weight:bold;
}
#container blockquote, #container q {
quotes: none;
}
#container blockquote:before, #container blockquote:after,
#container q:before, #container q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
#container :focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
#container ins {
text-decoration: none;
}
#container del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
#container table {
border-collapse: collapse;
border-spacing: 0;
}
}
/* END RESET*/
/* MEDIA STYLES*/
@media screen {
body
{
background-color: #f0e0a9;
color:#333333;
}
br.clear
{
clear:both;
}
div#container
{
width: 975px;
margin: 0 auto 0 auto;
min-height: 690px;
background-image:url('../../SiteCollectionImages/PNB-Green/page-background-repeater.gif');
background-repeat: repeat-y;
}
div#left-margin
{
width: 20px;
float:left;
}
div#left-margin-top
{
width: 20px;
min-height: 650px;
background-image:url('../../SiteCollectionImages/PNB-Green/left-margin-background.jpg');
background-repeat: no-repeat;
}
div#left-margin-under
{
width: 20px;
min-height: 80px;
background-image:url('../../SiteCollectionImages/PNB-Green/left-margin-background-repeater.jpg');
background-repeat:repeat-x;
background-position:right top;
float:right;
}
div#page
{
width: 935px;
float:left;
position:relative;
min-height:100%;
background-repeat: no-repeat;
background-image:url('../../SiteCollectionImages/PNB-Green/page-background.jpg');
background-color: #000000;
}
div#header
{
width: 935px;
height: 170px;
}
div#header li.spacer
{
color:#efcb6d;
padding:5px;
}
div#header img.logo
{
margin: 8px 0px 0px 0px;
}
div#header div.nav-auxiliary
{
float:right;
margin: 15px 0px 0px 0px;
width: 500px;
height: 156px;
}
div.nav-auxiliary ul.nav
{
color:#ffffff;
font-family: Georgia;
font-size: 14px;
width:100%;
}
div.nav-auxiliary ul.nav li
{
display: inline;
border-right: 1px solid #f0e0a9;
padding: 0px 5px 0px 5px;
}
div.nav-auxiliary ul.nav li.last
{
border-right: 0px none;
}
div.nav-auxiliary ul.nav li a
{
text-decoration: none;
color:#ffffff;
}
div#header img.banner
{
float:right;
margin-top:30px;
padding-right:21px;
}
div#left-column
{
width:160px;
height: 530px;
float:left;
}
div#loginboxmiddle
{
background-image: url('../../SiteCollectionImages/PNB-Green/login-box.png');
background-repeat: repeat-y;
width:153px;
margin-bottom: 2px;
height: 140px;
font-family:Arial;
line-height: 1;
}
div#loginboxmiddle div#logincontent
{
padding: 8px 5px 5px 5px ;
color:#ffffff;
}
div#loginboxmiddle input, select
{
margin-bottom: 2px;
}
div#loginboxmiddle label
{
float: left;
margin-right: 2px;
margin-top: 6px;
}
div#onlineServices
{
padding-left:3px;
text-align:left;
position:absolute;
width: 138px;
}
div#onlineServices label
{
font-family: Arial;
font-style: normal;
font-size: 10px;
font-weight: bolder;
color: #ffffff;
}
div#onlineServices select.onlineServicesSelectBox
{
width: 136px;
font-size:11px; /*from 8px*/
font-family: arial;
}
div#onlineServices .accessid
{
/*height:16px;*/
width:71px;
font-size:11px;
padding-top: 0px;
font-family: arial;
}
div#onlineServices .gotoselect
{
width:100px;
font-size:8px;
}
hr#loginHR
{ background-color:#FFFFFF;
height:1px;
width:136px;
margin-top:2px;
margin-bottom:2px;
}
div#loginSubNav
{
margin-top: 80px;
/*border-top:1px solid white;*/
text-align:center;
font-size:9px;
width:138px;
list-style:none;
position:absolute;
padding-left: 3px;
padding-right: 2px;
padding-top: 1px;
}
div#loginSubNav .firstItem
{
padding-top: 4px;
font-size:11px;
font-weight: bold;
}
div#loginSubNav a
{
font-size:11px;
list-style-type:none;
text-align:center;
text-decoration:none;
color:#ffffff;
}
.login-button
{
float: right;
background-color: transparent;
padding-top:2px;
cursor:pointer;
}
div#search
{
background-image:url('../../SiteCollectionImages/PNB-Green/search-box.png');
background-repeat:no-repeat;
height:45px;
width:152px;
text-align:center;
padding-top:4px;
margin-bottom:5px;
font-family:Arial;
}
div#search input.search-term
{
width:125px;
/*height:14px;*/
margin-bottom:3px;
margin-left: 2px;
font-size: 11px;
}
div#search div.search-button
{
width: 74px;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
}
div#sidebar-ad-small
{
width:152px;
height:137px;
background-image:url('../../SiteCollectionImages/PNB-Green/sidebar-ad-small.png');
background-repeat: no-repeat;
margin-bottom:4px;
cursor: pointer; /* zse 9/7/2011 - added to show hand, much like traditional links work */
}
div#sidebar-ad-medium
{
width:152px;
height:220px;
background-image:url('../../SiteCollectionImages/PNB-Green/sidebar-ad-medium.png');
background-repeat: no-repeat;
cursor: pointer; /* zse 9/7/2011 - added to show hand, much like traditional links work */
}
div#sidebar-ad-large
{
width:152px;
height:361px;
background-image:url('../../SiteCollectionImages/PNB-Green/sidebar-ad-large.png');
background-repeat: no-repeat;
cursor: pointer; /* zse 9/7/2011 - added to show hand, much like traditional links work */
}
div#right-column
{
width :770px;
min-height : 200px;
float :right;
line-height: 18px;
}
#secondary-nav
{
padding-left:10px !important;
padding-right: 5px !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
}
#secondary-nav a
{
/*padding-left:5px;*/ /*zsezse*/
padding-top:5px;
padding-bottom:5px;
color:Black;
}
#secondary-nav ul
{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
list-style-type:none;
}
#secondary-nav li
{
padding-top:3px;
padding-bottom:3px;
}
#secondary-nav hr
{
width:100%;
height:1px;
background-color:White;
}
div#right-column .primary-navigation > li
{
cursor: pointer;
float: left;
position: relative;
padding: 0px;
list-style: none;
}
div#right-column .primary-navigation .primary-navigation-item
{
padding-right: 7px;
background-color: Transparent;
}
.lastchild
{
padding-right: 0px !important;
}
/* sub-menus*/
div#right-column .primary-navigation ul
{
padding: 0px;
margin: 0px;
display: block;
display: inline;
}
div#right-column .primary-navigation li ul
{
position: absolute;
top: 0px;
line-height:14px;
margin-top:25px;
background-color: #ffffff;
color: #0395CC;
display: none;
text-align: center;
}
div#right-column .primary-navigation li:hover ul
{
display: block;
}
div#right-column .primary-navigation li ul li
{
display: block;
padding-top:10px;
border-top: dotted 1px #cfd2e4;
list-style-type: none;
}
div#right-column .primary-navigation li ul li:first-child
{
border-top: none;
}
/* main submenu */
div#right-column .primary-navigation .primary-drop-down-navigation
{
background:-moz-linear-gradient(center top , #FFFFFF, #D0D3E6) repeat-x scroll 0 0 transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D0D3E6'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D0D3E6)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ffffff, #D0D3E6); /* for firefox 3.6+ */
background-repeat:repeat-x;
color:#252525;
font-family:Arial;
font-size:12px;
font-style:normal;
font-variant:normal;
text-transform:none;
margin-left:0px;
width: 187px;
}
div#right-column .primary-navigation .primary-drop-down-navigation a
{
text-decoration:none;
color:#333333;
}
div#right-column .primary-navigation .primary-drop-down-navigation a:hover
{
text-decoration:underline;
color:#333333;
}
/* corners*/
div#right-column .primary-navigation .corner_inset_left
{
position: absolute;
top: 0px;
left: -12px;
}
div#right-column .primary-navigation .corner_inset_right
{
position: absolute;
top: 0px;
left: 150px;
}
div#right-column .primary-navigation .last
{
background-color:transparent;
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-bottom.png');
margin: 0px;
padding: 0px;
position: absolute;
border: none;
height: 15px;
width:187px;
text-align:left;
}
div#right-column .personal-primary-navigation
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-personal.png');
height: 37px;
width:187px;
}
div#right-column .business-primary-navigation
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-business.png');
height: 37px;
width:187px;
}
div#right-column .trust-primary-navigation
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-trust.png');
height: 37px;
width:187px;
}
div#right-column .customerservice-primary-navigation
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-customerservice.png');
height: 37px;
width:187px;
}
div#right-column .personal-primary-navigation-current
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-personal-current.png');
height: 37px;
width:187px;
}
div#right-column .business-primary-navigation-current
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-business-current.png');
height: 37px;
width:187px;
}
div#right-column .trust-primary-navigation-current
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-trust-current.png');
height: 37px;
width:187px;
}
div#right-column .customerservice-primary-navigation-current
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-customerservice-current.png');
height: 37px;
width:187px;
}
div#right-column .personal-primary-navigation-active
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-personal-active.png');
height: 37px;
width:187px;
}
div#right-column .business-primary-navigation-active
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-business-active.png');
height: 37px;
width:187px;
}
div#right-column .trust-primary-navigation-active
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-trust-active.png');
height: 37px;
width:187px;
}
div#right-column .customerservice-primary-navigation-active
{
background-image: url('../../SiteCollectionImages/PNB.Division.Assets/primary-nav-customerservice-active.png');
height: 37px;
width:187px;
}
/*First Level Layout*/
.fistLevelContent
{
width: 770px;
}
.fistLeveltop
{
background: url('../../SiteCollectionImages/PNB-Green/first-level-content-top.png') no-repeat top left;
margin: 0px;
}
.fistLevelmiddle
{
background: url('../../SiteCollectionImages/PNB-Green/first-level-content-middle.png') top left;
background-repeat: repeat-y;
margin: 0px;
min-height: 500px;
text-align: left;
vertical-align: middle;
padding-right: 20px;
}
.fistLevelbottom
{
background: url('../../SiteCollectionImages/PNB-Green/first-level-content-bottom.png') no-repeat bottom left;
margin: 0px;
}
/* End First Level Layout*/
/* End Office ATM Search*/
.searchATM
{
width: 203px;
}
/* End Office ATM Search*/
/*Global Site Map*/
#GlobalSiteMapLayoutContainer
{
padding: 7px;
}
#Global-Site-Map div ul
{
list-style-image: url('../../SiteCollectionImages/PNB-Green/bullet-point.png');
margin-left: 20px;
color:#708e48;
text-decoration:none;
line-height:normal;
}
#Global-Site-Map span
{
display:inline;
}
#Global-Site-Map div ul li li
{
list-style-image: none;
color:#708e48;
text-decoration:none;
}
#Global-Site-Map a
{
color:#708e48;
text-decoration:none;
}
/*/Global Site Map*/
/*/Career Listing*/
#careerSummaryContainer
{
line-height: 18px;
}
#careerSummaryContainer h1
{
font-size: 16px;
}
#careerSummaryData h2
{
font-size: 12px;
padding-bottom: 5px;
font-weight:bold;
}
#careerReadMore
{
padding:5px;
}
#careerDetailsData
{
font-size:12px;
}
#careerDetailsData hr
{
margin-top: 20px;
margin-bottom: 20px;
}
/*/Career Listing*/
.clear
{
clear:both;
}
/* Button*/
.buttonLeft
{
background: transparent url('../../SiteCollectionImages/PNB-Green/button-left.png') no-repeat scroll;
float:left;
height:19px;
width:5px;
cursor: pointer;
}
.buttonRight
{
background: transparent url('../../SiteCollectionImages/PNB-Green/button-right.png') no-repeat scroll;
float:left;
height: 19px;
width:5px;
cursor: pointer;
}
.buttonBody
{
background-color:#b4c49d;
line-height: 19px;
float:left;
}
.buttonText
{
color:#283d11 !important;
cursor: pointer;
}
/* RoundedTextBox */
.txtLeft
{
background: transparent url('../../SiteCollectionImages/PNB.Division.Assets/txt-left.png') no-repeat scroll;
float:left;
height:16px; /*14*/
width:5px;
display: none; /* zse */
}
.txtRight
{
background: transparent url('../../SiteCollectionImages/PNB.Division.Assets/txt-right.png') no-repeat scroll;
float:left;
height: 16px; /*14*/
width:5px;
display: none; /* zse */
}
.txtBody
{
/*border-style:none;*/
/*border-width:0px;*/
float:left;
}
/* RoundedTextBox */
/* RoundedTextBox-Border */
.txtLeft-b
{
background: transparent url('../../SiteCollectionImages/PNB.Division.Assets/txt-left-b.png') no-repeat scroll;
float:left;
height:20px;
width:9px;
}
.txtRight-b
{
background: transparent url('../../SiteCollectionImages/PNB.Division.Assets/txt-right-b.png') no-repeat scroll;
float:left;
height:20px;
width:9px;
}
.txtBody-b
{
border-style:none;
border-top:1px solid #888888;
border-bottom:1px solid #888888;
border-left:0px none;
border-right:0px none;
height:16px;
float:left;
}
/* RoundedTextBox-Border */
/* RoundedDropDownBox */
.ddlLeft
{
background: transparent url('../../SiteCollectionImages/PNB.Division.Assets/txt-left.png') no-repeat scroll; /*ddl-left.png*/
float:left;
height:16px; /*14*/
width:5px;
display: none; /* zse */
}
.ddlRight
{
background: transparent url('../../SiteCollectionImages/PNB.Division.Assets/txt-right.png') no-repeat scroll; /*ddl-right.png*/
float:left;
height: 16px; /*14*/
width:5px;
display: none; /* zse */
}
.ddlBody
{
/*height:14px;*/
/*border-style:none;*/
/*border-width:0px;*/
float:left;
}
/* RoundedDropDownBox */
/* RoundedDropDownBox-Border */
.ddlLeft-b
{
background: transparent url('../../SiteCollectionImages/PNB.Division.Assets/ddl-left-b.png') no-repeat scroll;
float:left;
height:19px;
width:9px;
}
.ddlRight-b
{
background: transparent url('../../SiteCollectionImages/PNB.Division.Assets/ddl-right-b.png') no-repeat scroll;
float:left;
height: 19px;
width:9px;
}
.ddlBody-b
{
border-style:none;
height:17px;
float:left;
}
.ddlBody-b-Container
{
background-color:White;
border-style:none;
border-top:1px solid #888888;
border-bottom:1px solid #888888;
border-left:0px none;
border-right:0px none;
height:17px;
float:left;
}
/* RoundedDropDownBox-Border */
/* RoundedTextArea */
.txtArea-body
{
border-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.txtArea-container
{
background-color:White;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.txtAreaSize
{
width:100%;
height:100px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
/* RoundedTextArea */
/* Job Application */
.jaNameInputs
{
width: 168px;
}
.jaLabelText
{
float:left;
padding-right:3px;
}
.jaTitle
{
color: #708e48;
font-weight: bold;
font-size: 14px;
}
/* Job Application */
/* Generic Input Classes */
.inputLabel
{
float:left;
padding-right:3px;
}
.inputContainer
{
padding-top:5px;
padding-bottom:5px;
}
/* Generic Input Classes */
/*Search ATM button*/
.SearchButton
{
height: 37px;
width: 69px;
display: block;
background-image: url('../../SiteCollectionImages/PNB-Green/button-search.png');
}
.SubmitButton
{
height: 30px;
width: 57px;
display: block;
background-image: url('../../SiteCollectionImages/PNB-Green/button-submit.png');
}
/*/Button*/
#features {
width:772px;
height:374px;
background: transparent url('../../SiteCollectionImages/PNB.Division.Assets/image-slider-background.png') no-repeat scroll;
position:relative;
}
#features #feature-links {
display: block;
height: 1em;
margin: 0 7px 0 0;
position: absolute;
right: 0;
text-align: right;
top: 345px;
z-index: 1000;
}
#features #feature-links li {
border:0 none;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0px;
padding:0;
}
#features #feature-links li a {
background:#ffffff none repeat scroll 0 0;
color:white;
display:block;
font-size:1.2em;
height:15px;
width:20px;
padding:0px;
@padding:0px;
text-align:center;
text-decoration:none !important;
opacity:0.85;
}
#features #feature-links li {
float:left;
margin:0 1px;
padding:3px;
background:#FFFFFF;
}
#features #feature-links li a {
background:#ffffff none repeat scroll 0 0;
display:block;
font-size:1.0em;
padding:0 0 0px;
@padding:0px;
text-align:center;
text-decoration:none !important;
border:0 none;
color:#006699;
}
#features #feature-links li a.active{
background:#d4d4d4 !important;
opacity:0.85 !important;
}
#features .feature-story {
background:0 none repeat scroll 0 0;
left:0;
position:absolute;
top:0;
}
#features .feature-photo {
border:0 none;
display:block;
margin:0;
}
.feature-story img{
width:772px;
height:374px;
}
/*Page layout styles*/
#layoutcontainer
{
position: relative;
background-color:Transparent;
width:720px;
padding-left:25px;
padding-right:25px;
}
#layoutpagecontent { position: absolute; top: 10px; left: 200px; width: 540px; height: 507px; z-index: 20; }
#layoutpagecontentnonav { position: absolute; top: 10px; left: 10px; width: 540px; height: 507px; z-index: 20; }
#layoutpagecontentimage {float:left; margin:4px; padding:4px; top:0px; left:0px;}
#layoutpagebgImage { max-width: 760px; padding: 0px; }
#layoutsecondarynav{float:left;width:200px;left:5px;z-index: -20;}
div#main-content
{
background-repeat: no-repeat;
width:770px;
min-height:455px;
background-color:#ffffff;
margin-top:0px;
}
div#main-content ul
{
padding-left:15px;
}
div#main-content-slider
{
background-repeat: no-repeat;
width:770px;
min-height:200px;
background-color:transparent;
margin-top:0px;
z-index:-1;
}
/*End Page layout styles*/
div#right-column div#main-content-top-corners
{
background-image:url('../../SiteCollectionImages/PNB.Division.Assets/main-content-top.png');
background-repeat: no-repeat;
width:770px;
height:22px;
margin-top:8px;
}
div#right-column div#main-content-body-home
{
background-color:#000000;
width:770px;
}
div#right-column div#main-content-body-home-text
{
padding:10px;
}
div#right-column div#main-content-body-inner
{
background-color:#ffffff;
min-height:500px;
width:770px;
}
div#right-column div#main-content-body-inner div#left-nav
{
background-color:#faeed2;
min-height:477px;
width:188px;
float:left;
margin-left:2px;
font-family: Arial; font-size: 12px; font-weight: bolder; font-style: normal; font-variant: normal;
text-transform: none;
color:#252525;
}
div#right-column div#main-content-body-inner div#left-nav ul
{
margin-left:15px;
}
div#right-column div#main-content-body-inner div#left-nav ul li
{
border-bottom: 2px solid #ffffff;
margin:10px 8px 10px 5px;
}
div#right-column div#main-content-body-inner div#left-nav ul li.active
{
font-family: Arial Black;
}
div#right-column div#main-content-body-inner div#left-nav ul li.active ul
{
margin-left:5px;
}
div#right-column div#main-content-body-inner div#left-nav ul li.active ul li.active
{
color: #996633;
font-family: Arial;
}
div#right-column div#main-content-body-inner div#left-nav ul ul li
{
border: 0px none transparent;
color:#333333;
font-family:Arial;
font-size:10px;
}
div#right-column div#main-content-body-inner div#right-content
{
min-height:477px;
width:550px;
float:left;
padding: 15px 15px 15px 15px;
font-family: Arial; font-size: 12px; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; color: #000000;
}
div#right-column div#main-content-body-inner div#right-content h1
{
margin-bottom:25px;
color:#2f4f7f;
font-family:Arial;
font-size:25px;
font-weight:bold;
}
div#right-column div#main-content-body-inner div#right-content h3
{
margin:10px 0px 0px 0px;
}
div#right-column div#main-content-body-inner div#right-content p
{
line-height: 2;
width:470px;
}
div#right-column div#main-content-body-inner div#right-content ul
{
width:470px;
}
div#right-column div#main-content-body-inner div#right-content ul li
{
font-style:italic;
list-style-image:url("../../SiteCollectionImages/PNB-Green/bullet-point.png");
list-style-position:inside;
line-height: 1;
padding:5px;
}
div#right-column div#main-content div.landing
{
padding-top:48px;
padding-left:35px;
}
div#right-column div#main-content div.landing h1
{
color:#A0AAC8;
font-family:Arial;
font-size:79.12px;
font-style:normal;
font-weight:bold;
width:400px;
}
div#right-column div#main-content div.landing h2
{
color:#996633;
font-family:Arial;
font-size:18px;
font-style:italic;
font-weight:lighter;
line-height:1.25;
width:225px;
}
div#right-column div#main-content div.landing img.header
{
margin-top: 20px;
margin-bottom: 25px;
}
div#right-column div#main-content div.landing ul
{
}
div#right-column div#main-content div.landing ul li
{
color:#204776;
font-family:arial;
font-size:12.5px;
font-style:italic;
font-weight:bolder;
list-style-image:url("../../SiteCollectionImages/PNB-Green/bullet-point.png");
list-style-position:inside;
padding:5px;
}
div#right-column div#main-content-bottom-corners
{
background-image:url('../../SiteCollectionImages/PNB.Division.Assets/main-content-bottom.png');
background-repeat: no-repeat;
width:770px;
height:22px;
margin-bottom:12px;
}
div#right-column div.callout-background-brown-left
{
float:left;
margin-top:3px;
margin-right:8px;
}
div#right-column div.callout-background-brown-right
{
float:left;
margin-top:3px;
}
div#right-column div.right
{
margin:0px 0px 0px 0px;
}
div#right-column div.callout-background-brown-top-corners
{
background-image:url('../../SiteCollectionImages/PNB.Division.Assets/callout-box-brown-top.png');
background-repeat: no-repeat;
width:381px;
height:20px;
}
div#right-column div.callout-background-brown-middle
{
background-image:url('../../SiteCollectionImages/PNB.Division.Assets/callout-box-brown-middle.png');
background-repeat: repeat-y;
width:381px;
height:90px;
}
div#right-column div.callout-background-brown-bottom-corners
{
background-image:url('../../SiteCollectionImages/PNB.Division.Assets/callout-box-brown-bottom.png');
background-repeat: no-repeat;
width:381px;
height:20px;
}
div#right-column div.callout-background-brown-middle h2
{
color:#ffffff; /* #efcb6d zack evans */
font-family:Arial;
font-weight:bolder;
margin:0px 15px 0px 15px;
text-align:left;
font-size:14px;
}
div#right-column div.callout-background-brown-middle p
{
color:#FFFFFF;
font-family:Arial;
font-size:12px;
font-weight:normal;
margin:0 15px 0px 15px;
text-align:left;
line-height:1.5;
}
.callout-background-brown-middle a
{
color:#FFFFFF !important;
}
.callout-background-brown-middle a:visited
{
color:#FFFFFF !important;
}
.callout-background-brown-middle a:active
{
color:#FFFFFF !important;
}
.callout-background-brown-middle a:hover
{
color:#FFFFFF !important;
text-decoration:underline;
}
.contactUsInputContainer
{
width:344px;
}
.contactUsSpacing
{
margin-bottom:10px;
}
.contactUsContainer
{
width: 350px;
padding: 25px 20px 25px 20px;
background-color: #E7ECDE;
border: 1px solid #99AE7A;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
-ms-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}
.contactUsHeader
{
font-size:18px;
color:#708e48;
font-size:20px;
font-weight:bold;
padding-bottom:10px;
}
.contactUsTopHalf
{
position:absolute;
width: 342px;
}
.contactUsBottomHalf
{
position:absolute;
margin-top: 237px;
width: 340px;
}
div#right-margin
{
min-height: 730px;
width: 20px;
float:right;
}
div#right-margin-top
{
width: 20px;
min-height: 650px;
background-image:url('../../SiteCollectionImages/PNB-Green/right-margin-background.jpg');
background-repeat: no-repeat;
float:right;
}
div#right-margin-under
{
width: 20px;
min-height: 80px;
background-image:url('../../SiteCollectionImages/PNB-Green/right-margin-background-repeater.jpg');
float:right;
background-repeat:repeat-x;
}
div#footer
{
width: 978px;
min-height: 35px;
margin-top:10px;
background-image:url('../../SiteCollectionImages/PNB-Green/page-background-footer.jpg');
clear:both;
}
div#footer div.nav-logo
{
float:left;
margin: 5px 20px 5px 10px;
}
div#footer .footercontainer
{
padding-top: 5px;
}
div#footer div.nav-connected
{
float:left;
margin-left:20px;
}
div#footer div.nav-auxiliary
{
float:right;
margin: 7px 40px 5px 10px;
}
div#footer span#connected
{
color:#FFFFFF;
font-size:10px;
font-style:normal;
font-weight:bolder;
margin-left:25px;
}
div#footer li.spacer
{
color:#efcb6d;
padding:5px;
}
ul#menu
{
}
ul#menu li
{
display: inline;
float:left;
padding:0px 7px 0px 0px;
}
ul#menu li.last
{
display: inline;
float:left;
padding:0 0px 0px 0px;
}
.level1
{
color: White;
background-color: Black;
font-variant: small-caps;
font-size: large;
font-weight: bold;
}
.newsSummaryPageTitle
{
font-weight:bold;
font-size:13px;
}
.newsSummaryPage a
{
color:#2f4f7f;
font-weight:bold;
}
.newsSeparator
{
margin-top:12px;
margin-bottom:12px;
}
#news-archive-navigation
{
padding:5px !important;
}
#news-archive-navigation a
{
padding-top:5px;
padding-bottom:5px;
color:Black;
}
.newsArchiveNavigationYear
{
padding-left:5px;
cursor: pointer;
}
.newsArchiveNavigationMonth
{
padding-left:10px;
}
.tableInputLabel
{
width: 140px;
}
.blFormTop
{
background-image: url('../../SiteCollectionImages/PNB-Green/form-callout-box-top.png');
background-color: #FFFFFF;
background-repeat: no-repeat;
height:25px;
width:632px;
}
.blFormMid
{
background-color: #FFFFFF;
background-image: url('../../SiteCollectionImages/PNB-Green/form-callout-box-middle.png');
background-repeat: repeat-y;
background-attachment: scroll;
background-position: left top;
width:632px;
}
.blFormBottom
{
background-color: #FFFFFF;
background-image: url('../../SiteCollectionImages/PNB-Green/form-callout-box-bottom.png');
background-repeat: no-repeat;
background-position:bottom;
background-position:left;
height:25px;
width:632px;
}
.blFormContent
{
padding-left:10px;
padding-right:10px;
}
.requiredField
{
color: #990000;
}
#pnlFormRegistration
{
padding:25px;
}
#frmRegstration
{
width:350px;
}
#dvButton
{
float:right;
}
#dvMerchants { font-size: 11px; font-family: verdana; }
#dvMerchantResults
{
padding-top:10px;
padding-bottom:10px;
}
.pagerList li
{
display: inline;
list-style-type: none;
padding-right: 10px;
}
#officewrapper
{
text-align: left;
margin: 0px auto;
padding: 0px;
border: 0;
background-color: #ffffff;
width: 735px;
}
div#detailLeft
{
float: left;
min-height:400px;
}
div#detailCenter
{
float: left;
width: 195px; /* used to be 215 */
min-height:400px;
padding-left:10px;
padding-right:10px;
}
div#detailRight
{
float: right;
width: 200px;
min-height:400px;
}
#detailRightContent
{
text-align: center;
}
div#dvManager
{
text-align: center;
}
div#dvAsstManager
{
padding-top: 15px;
text-align: center;
}
.mapLink
{
font-weight: bold;
font-style: italic;
}
.staffImg
{
max-height: 155px;
max-width: 105px;
}
.officeImg
{
max-height: 415px;
min-width: 280px;
}
}
/* END MEDIA STYLES*/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
.sIFR-active object {
display: block;
}
}
.boldLabel
{
font-weight: bold;
}
/* ----------------------------------------------------------------------------
PCG Custom Styling for user content areas including web parts (shared data)
Please DO NOT touch - Thanks
---------------------------------------------------------------------------- */
/*
* Quick,
*
* Styling question:
*
* Is it okay to use .fistLevelmiddle to limit my declerations to the User content area?
*
* Would it be possible to get a class setup that only effects the user content area?
*
* Please advise.
*
* KW
* PCG
*/
/* ----------------------------------------------------------------------------
* Begin styling needing reviewed or advised by QSI
---------------------------------------------------------------------------- */
/* Header 1 */
.fistLevelmiddle h1
{
/* Styling of H1 has been clarified as the resposibility of QSI.
So, all styling contained here should remain disabled unless approved by Park and QSI.
font:normal bold 28px/31px Arial, Helvetica !important;
color:#274a7a !important;
margin-bottom:15px;
*/
}
/* Header 2 */
.fistLevelmiddle h2
{
font:normal bold 24px/27px Arial, Helvetica !important;
color:#708e48 !important;
}
/* SubHeader 1 */
.fistLevelmiddle h3
{
font:normal bold 16px/19px Arial, Helvetica !important;
color:#708e48 !important;
}
/* SubHeader 2 */
.fistLevelmiddle h4
{
font:normal bold 16px/19px Arial, Helvetica !important;
color:#708e48 !important; /*#6578a2 zack evans*/
}
/* SubHeader 2 (color only) - Why? */
.subhead2-color,
.subhead2-color a,
.subhead2-color a:link,
.subhead2-color a:active,
.subhead2-color a:focus,
.subhead2-color a:hover,
.subhead2-color a:visited
{
color:#708e48 !important; /* Yikes! */
}
/* SubHeader 3 */
.fistLevelmiddle h5
{
font:normal bold 13px/16px Arial, Helvetica !important;
color:#000 !important;
margin-bottom:5px !important;
}
/* Links */
.fistLevelmiddle a,
.fistLevelmiddle a:active,
.fistLevelmiddle a:visited,
.fistLevelmiddle a:link
{
color:#333; /* Match body's color */
text-decoration:none;
}
.fistLevelmiddle a:focus,
.fistLevelmiddle a:hover
{ text-decoration:underline; }
/* Numbered Lists */
.fistLevelmiddle ol,
.fistLevelmiddle ol {
list-style-position:outside;
line-height: 1.3em;
padding:5px;
margin:1.1em 1em 1.1em 2.1em !important; /* override inherit margins */
}
.fistLevelmiddle ol li
{
padding:0 0 5px 0 !important; /* override for inherit padding */
}
/* ----------------------------------------------------------------------------
* End styling needing reviewed or advised by QSI
---------------------------------------------------------------------------- */
/* Unordered Lists */
.normal-list {
list-style-position:outside;
line-height: 1.3em;
padding:5px;
margin:0 1em 1em 2.1em !important; /* override inherit margins */
}
.normal-list ul {
margin:1em !important; /* override inherit margins */
}
.normal-list li {
padding:0 0 5px 0 !important; /* override for inherit padding */
}
.normal-list li a,
.normal-list li a:active,
.normal-list li a:visited,
.normal-list li a:link {
color:#333; /* Match body's color */
text-decoration:none;
}
.normal-list li a:focus,
.normal-list li a:hover
{ text-decoration:underline; }
/* Gold Lists */
.yellow-list {
list-style-image:url("../../SiteCollectionImages/PNB-Green/bullet-point.png");
list-style-position:inside;
line-height: 1.3em;
padding:5px;
}
.yellow-list li {
padding:0 0 5px 0 !important; /* override for inherit padding */
}
.yellow-list li a,
.yellow-list li a:active,
.yellow-list li a:visited,
.yellow-list li a:link {
color:#333; /* Match body's color */
text-decoration:none;
}
.yellow-list li a:focus,
.yellow-list li a:hover
{ text-decoration:underline; }
.applynow-button {
background:url("../../SiteCollectionImages/PNB-Green/button-applynow.png") 0 0 no-repeat transparent;
}
/* ----------------------------------------------------------------------------
End PCG Custom Styling
---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
Begin PNB Styling - 'Meet Our Team' layout/styling
---------------------------------------------------------------------------- */
#team-header { overflow: auto; }
#team-header p { width: 100%; }
#team-header p.full { width: 95%; }
#team-header p span.leader-name { font-size: 9px!important; }
#team-leader
{
float: right;
width: 110px;
text-align: center;
font-size: 9px!important;
margin-right: 20px;
line-height: 15px;
}
#team-leader a { font-weight: bold; font-style: italic; }
#team-leader img { display: block; margin-bottom: 8px; }
#team-gallery
{
font-size: 9px!important;
overflow: auto;
padding-top: 20px;
}
#team-gallery ul.team-gallery-row
{
list-style-type: none;
margin: 0;
padding: 10px 0 10px 0;
clear: both;
}
#team-gallery ul.team-gallery-row li
{
display: inline;
width: 110px;
float: left;
text-align: center;
margin: 0 10px 0 10px;
line-height: 15px;
}
#team-gallery ul.team-gallery-row li a { font-weight: bold; font-style: italic; }
#team-gallery ul.team-gallery-row li img { display: block; margin-bottom: 8px; }
/* ----------------------------------------------------------------------------
End PNB Styling - 'Meet Our Team' layout/styling
---------------------------------------------------------------------------- */
/* added by zack evans */
/* business line landing page links */
ul.bl-landing-links { font-weight: bold; list-style-type: none; margin: 0; padding: 0; } /* had to use !important for margins to kick in */
ul.bl-landing-links li { margin: 0; padding: 0; text-indent: 15px; line-height: 22px; background: url(../../SiteCollectionImages/PNB-Green/bullet-point.png) no-repeat 0 50%!important; }
ul.bl-landing-links li a
{
color: #4c721d!important; /* had to use !important to override the blue links */
}
#business-overview-options { margin: 190px 0 0 45px!important; }
#customer-service-overview-options { margin: 230px 0 0 35px!important; }
#personal-overview-options { margin: 190px 0 0 32px!important; }
#trust-and-investments-overview-options { margin: 190px 0 0 35px!important; }
.fistLevelmiddle hr { height: 1px!important; width: 175px!important; background-color: #708e48!important; }
a.apply-now-button { background: url(../../SiteCollectionImages/PNB-Blue/button-applynow.png); height: 33px; width: 80px; display: block; }
div.tripDocs { margin-top: 10px; }
div.tripDocs div { line-height: 22px; }
div.tripDocs div a { color: #005daa; text-decoration: underline; }
#ctl00_PlaceHolderMain_EventRegistration_txtNumberOfAttendees { width: 464px!important; }
.vehicleTitle {
font-family: Arial,Helvetica;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 16px!important;
line-height: 19px;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
color: #27487a;
}
/*.officeATMCityResultBlock a { color: #708e48!important; }*/
.officeATM-county
{
display: block;
margin-top: 10px;
}
.officeATM-county-header
{
font-weight: bold;
font-size: 12pt;
display: block;
}
.officeATM-office
{
display: inline-block;
width: 50%;
margin-bottom: 10px;
vertical-align: top;
}
.officeATM-office a
{
color: #708e48 !important; /* Blue #336699 */
text-decoration: none;
}
.officeATM-noresults
{
color: red;
}
div.merchPrint { font-size: 11px; }
/*
4/9/2013
*/
/* "Start Date" and "End Date" on Trip Brochures */
.BrochureLabel {
font-weight: bold;
float: left;
width: 150px;
}
/* jQuery lightBox plugin - Gallery styles */
#gallery
{
background-color: transparent;
padding: 10px;
width: 520px;
}
#gallery ul
{
list-style: none;
}
#gallery ul li
{
display: inline;
}
#gallery ul img
{
border: 5px solid #fff;
border-width: 5px 5px 5px;
width: 60px;
height: 50px;
}
#gallery ul a:hover img
{
border: 5px solid #d4d4d4;
border-width: 5px 5px 5px;
color: #fff;
}
#gallery ul a:hover
{
color: #fff;
}
.galleryAlbumLink {
float: left;
margin: 7px;
text-align: center;
}
/*
.galleryAlbumLink:hover {
border: 5px solid #d4d4d4;
background-color: #F0E0A9;
padding: 3px;
} */
.galleryAlbumLink img {
width: 80px;
height: 70px;
}
/* Used for Vehicle/Property image sizing */
#tblForSale a img {
width: 150px;
height: 120px;
}
/* Used to hide elements */
.hidden { display: none; }
.AssociateItem {
text-align: center;
font-size: 7pt;
margin-bottom: 10px;
line-height: 15px;
overflow: hidden;
}
.AssociateName {
font-weight: bold;
}
.AssociateEmail {
font-weight: bold;
font-style: italic;
}
.TablePlaceHolder td {
vertical-align: top;
text-align: center;
padding-top: 5px;
}
/* Mobile Banking styles */
.mobileBankingTable {
width: 100%;
}
th.mobileBankingServices {
color: #009a4f;
}
.mobileBankingTypes {
color: #009a4f;
font-size: 120%;
}
.mobileBankingTable th, .mobileBankingTable td {
padding: 10px;
}
.mobileBankingTable th {
text-align: left;
}
.mobileBankingTable, .mobileBankingTable th, .mobileBankingTable td {
border: 1px #abba97 solid;
border-collapse: collapse;
}
.alternate {
background: #ededec;
}
/* Used to style affiliate notices */
.Notices
{
position:absolute;
width:341px;
height:95px;
top:-163px;
left:410px;
/* top:58px;
left:576px;*/
background-image:url('/_layouts/MediaLoader.ASHX?NodeId=7');
background-repeat:no-repeat;
}
.NoticePage
{
width:266px;
height:85px;
margin-top:5px;
margin-left:70px;
margin-right:5px;
margin-bottom:5px;
background-color:transparent;
font-size:8pt;
font-weight:normal;
text-decoration:none;
text-align:left;
line-height:12px;
overflow:hidden;
}