@charset "utf-8";
html, body {
	margin: 0;
	background: #E0DBC3;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 16px;
	background-image: url(../images/pagebg.png);
	background-repeat: repeat-x;
}

/* DEFAULTS */

#Remote label {
	display:none; }

.hide {
    display:none;
}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-align: left; }
a:focus { outline: none; }
img { border: 0; }
.vertborder {border-left: 1px dotted #ccc;}
.horizborder {border-top: 2px solid #ccc;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #660000; padding: 2px;}
small { font-size:10px; line-height:12px;}
#investment #content small {font-size:12px;font-family:Georgia, sans-serif;line-height:15px;}
strong { font-weight: bold;}

/* CONTAINERS & WRAPPERS */

#container {
	width: 900px;
	background-image: url(../images/panelbg.png); background-repeat: repeat-y;
	margin: 0px auto;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

#app_alert {
	outline: none !important;
	z-index:100000 !important;
	position: fixed !important;
    bottom: 0 !important; 
	top:auto !important;
	text-align:center !important;
	margin:0 auto !important;
	left:50% !important;
	margin:0 auto 0 -147px !important;
	width:295px !important;
	height:95px !important;
	display:block !important; }
	
.apppush {
	width:295px !important;
	height:95px !important;	}
	
#app_alert-popup .ui-overlay-shadow {
	box-shadow:none !important;
	border:none !important; }
	
#app_alert1 {
	outline: none !important;
	z-index:100000 !important;
	position: fixed !important;
    bottom: 0 !important; 
	top:auto !important;
	text-align:center !important;
	margin:0 auto !important;
	left:50% !important;
	margin:0 auto 0px -147px !important;
	width:295px !important;
	height:95px !important; }
	
}

#app_alert {
	display:none; }

#header {
	width: 900px;
	height: 165px;
	margin: 0px auto;
	text-align: right;
}
p {
	font-size: 13px;
	line-height: 17px;
}

.mainbanner {
	left: 111px;
    position: relative; }

div.topnav {height: 29px; padding: 0px 15px 11px 15px; background-image: url(../images/topnavbg.png); background-repeat: no-repeat;}
div.midnav {height: 25px; padding: 0px 25px; background-image: url(../images/midnavbg.png); background-repeat: no-repeat;}

.arrayswitch {
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

#arraycontrol {
	padding: 8px 0 0 0;
	width: 650px;
	float: left;
	text-align: right;
}

#arraycontrol a:link, #arraycontrol a:hover, #arraycontrol a:visited {
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

/* SUBNAVIGATION STYLES */

#subnav {
	float: left;
	width: 250px;
	background-image: url(../images/leftnavbg.png);
	background-repeat: repeat-y;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

#subnav ul {
	padding: 0 15px 0 20px;
	margin: 0 0 0 0;
	list-style-type: none;
	line-height: 14px;
}

#subnav ul li {
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #666666;
}

#subnav ul li.last {
	border-bottom: none;
}

#subnav a:link, #subnav a:visited {
	text-decoration: none;
	color: #00382D;
}

#subnav a:hover {
	text-decoration: none;
	color: #009900;
}

#subnav .accessbutton a:link, #subnav .accessbutton a:visited {
	color: #FFFFFF;
}

#subnav .accessbutton a:hover {
	color: #000000;
	background-color: #CCCCCC;
}

#subnav ul li ul {
	font-size: 11px;
	line-height: 11px;
	margin-left: 0px;
	margin-top: 5px;
}

#subnav li li {
	padding: 5px 0 3px 0;
	border-bottom: none;
}

/* ONLINE ACCESS BOX */

.newlogin {
	background-color:#ffffff; }
	
.userid {
	color: #444141;
    font-size: 14px;
    font-weight: bold;
    padding: 9px 0 3px;
	font-family:"jaf-bernina-sans-condensed"; }	
	
#AccessIDVisible {
	background-color: #EEEEEE;
    border: 2px solid #E4E1E1;
    color: #878585;
    font-size: 15px;
    height: 22px;
    line-height: 1;
    outline: medium none;
    padding: 3px 5px;
    width: 186px;
	font-family:"jaf-bernina-sans-condensed"; }	
	
.loginbutton {
	padding: 12px 0; }	
	
.styled-select select {
   	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #878585;
    cursor: pointer;
    font-size: 15px;
    height: 32px;
    line-height: 1;
    padding: 3px 5px;
    width: 230px;
   -webkit-appearance: none;
   outline:none;
   font-family:"jaf-bernina-sans-condensed"; }	
      
.styled-select {
   	background: url("/images/droparrow.jpg") no-repeat scroll right center #EEEEEE;
    border: 2px solid #E4E1E1;
    cursor: pointer;
    height: 28px;
    overflow: hidden;
    width: 198px; } 
	
.styled-select1 select {
   	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #878585;
    cursor: pointer;
    font-size: 15px;
    height: 32px;
    line-height: 1;
    padding: 3px 5px;
    width: 230px;
   -webkit-appearance: none;
   outline:none;
   font-family:"jaf-bernina-sans-condensed"; }	
      
.styled-select1 {
   	background: url("/images/droparrow.jpg") no-repeat scroll right center #ffffff;
    border: 2px solid #E4E1E1;
    cursor: pointer;
    height: 28px;
    overflow: hidden;
    width: 198px; } 	  
	
.accesstype {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#710000;
	font-size:28px;
	font-weight:normal;
	padding: 15px 0 17px;
	text-align:left; }	
	
#accessboxNew {
	width: 220px;
	padding: 5px 15px 25px 15px;
	line-height: 12px;
	overflow: hidden;
	background-color: #ffffff;
	text-align: left;
	height:216px; }
	
.loginlinks a {
	color: #1A644D !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
	font-family:"jaf-bernina-sans-condensed" !important; }	

#accessboxNew a:link, #accessbox a:visited {
	font-size: 10px;
	color: #00382D;
	text-decoration: underline;
}
#accessboxNew p {
	line-height: 12px;
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
}

#accessboxNew submit {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	

#accessbox {
	width: 220px;
	height: 148px;
	padding: 5px 15px 25px 15px;
	line-height: 12px;
	overflow: hidden;
	background-color: #CCCCCC;
	text-align: left;
}

#accessbox a:link, #accessbox a:visited {
	font-size: 10px;
	color: #00382D;
	text-decoration: underline;
}
#accessbox p {
	line-height: 12px;
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
}

#accessbox submit {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.tooltip {
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

.accessbutton {
	padding: 5px 0px;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
.accessbutton a:link, .accessbutton a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.accessbutton a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
}

/* MAIN CONTENT AREA */

#mainwrap {
	width: 900px;
	min-height: 290px;
	padding: 0 0 0 0;
	background-image: url(../images/mainimgareabg.png);
	background-repeat: no-repeat;
}
#mainimage {
	float: left;
	width: 650px;
	height: 250px;
	overflow: hidden;
}

#content {
	float: left;
	width: 610px;
	padding: 30px 20px 10px 20px;
}

#home #content {
	float: left;
	width: 583px;
	padding: 5px 30px 10px 30px;
	text-align: left;
}
#home #content h1 {
	padding: 10px 0 0 0;
}
#home #content ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#home #content ul li {
	list-style-type: none;
	padding-bottom: 2px;
	margin-left: 0px;
}

#content ul li ul {
	list-style-type: circle;
}

#currentpromotions {
	float: right;
	width: 250px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
	border-left: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-right:5px;
}

#currentpromotions ul {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#currentpromotions input {
	font-size: 12px;
}

#currentpromotions p {
	font-size: 13px;
}

.smallbizhome ul {
	list-style-type: none;
	padding: 0 0 0 0;
}

#content ul, #content .column ul {
	padding: 0 0 0 20px;
}
#content ul li, #content .column ul li {
	list-style-type: square;
	padding-bottom: 2px;
	margin-left: 0px;
}

#content ul li ul {
	list-style-type: circle;
}

#content .column {
	width: 280px;
	float: left;
	padding-right: 10px;
}

#content a:link, #content a:visited {
	color: #00382D;
	font-weight: bold;
	text-decoration: underline;
}
#content a:hover {
	color: #009900;
	text-decoration: underline;
}

/* TEXT STYLES */

h1 {
	font-size: 24px;
	color: #00382D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding-top: 20px;
	line-height:1.2;
}

h2 {
	font-size: 18px;
	color: #660000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0 0 0 0;
	line-height: 18px;
}

#home h2 {
	font-size: 20px;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}

h3 {
	font-size: 13px;
	color: #00382D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: underline;
	padding: 0 0 0 0;
}


/* FOOTER */

#footer {
	float: left;
	width: 900px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #00382D;
	font-size: 11px;
	text-decoration: none;
	background: url(../images/panelbg.png) repeat-y;
}
.footer {
	padding: 10px 10px 10px 10px;
	text-align: left;
}
#footer table {
	padding: 0px 20px 10px 30px;
}

#footerborder {
	vertical-align: baseline;
}

#footer ul {
	padding: 0 12px 0 0;
	margin:0 0 0 10px;
	list-style-type: none;
	line-height: 13px;}
#footer ul li {
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
}
#footer a:link, #footer a:visited {
	color: #00382D;
	text-decoration: none;
}
#footer a:hover {
	color: #009900;
	text-decoration: none;
}

.footertext p {
	position: relative;
	top: -10px;
	text-align:left;
	color: #706D61; 
	font-size: 10px; 
	line-height: 11px;
}

.learnmore {
	padding: 0 0 0 10px;
	font-size: 10px;
	font-weight: bold;
}
.learnmore a:link, .learnmore a:visited {
	color: #660000;
	text-decoration: none;
	font-weight: bold;
}
.learnmore a:hover {
	color: #660000;
	text-decoration: underline;
	font-weight: bold;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	width: 200px;
	text-decoration: none;
}
#tooltip a:link, #tooltip a:visited {
	text-decoration: none;
}

#search input {
	color: #666666;
}

.mb-sub {
	color: #908989;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    margin: -6px 0 18px; }
	
.mb-sub2 {
	color: #908989;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 15px 0 0; }	
	
.mb-sub1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#720000;
	font-size:24px;
	line-height: 1.2; }	
	
.mb-table {
	font-family:Verdana, Geneva, sans-serif;
	color:#444444;
	font-size:14px; }	
	
.mb-table td {
	padding: 11px 11px 11px 0; }	
	
.mb-table a {
	color:#2c5c46 !important;
	font-weight:bold; }	
	
.mb-table a:hover {
	color:#BAB6B6 !important; }	
	
.mbplus {
	color: #BAB6B6;
    font-size: 22px;
    font-weight: bold;
    padding: 0 2px 0 0;
    position: relative;
    top: 3px; }	
	
.mbex a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#2c5c46 !important;
	font-weight:bold; }
	
.mbex a:hover {
	color:#BAB6B6 !important; }
	
.mbex {
	margin: 13px 0;
	text-indent: -18px; }	
	
.mbimage {
	margin: 14px 0; }
	
.mbregular {
	color: #000000 !important;
    font: 12px/16px Arial,Helvetica,sans-serif !important; }		
	
.mbex1 {
	color: #000000;
    font-family: Verdana,Geneva,sans-serif;
    padding: 10px 0;
    text-indent: 0; }
	
.mb-page ul {
	padding: 0 0 0 38px !important; }	
	
.mb-page li {
	list-style:disc !important; }	
	
.mb-page .nonbullet {
	 margin: 0 0 0 -12px !important; }

.mb-page .nonbullet li {
	list-style:none !important;
	list-style-type:none !important; }	
	
.indent {
	text-indent:15px; }
	
.feestable {
	border:#d8d7d6 solid 2px;
	background-color:#edece8;
	font-family:Verdana, Geneva, sans-serif;
	color:#444444;
	font-size:13px; }	

.feehighlight {
	background-color:#cccccc; }	
	
.effective {
	font-family:Verdana, Geneva, sans-serif;
	color:#908989;
	font-size:18px;
	margin:8px 0 20px; }	
	
.feestable td {
	padding:2px 12px; }	
	
.signupform {
	font-size: 16px;
    font-weight: bold;
    line-height: 1.2; }	
	
#signinput {
	background-image:url(https://www.pinnaclebank.com/images/formback.jpg);
	background-repeat: repeat-x;
    border: 2px solid #E0E0DC;
    height: 22px;
    margin: 2px 0 2px 6px;
    padding: 10px;
    width: 400px;
	font-size:16px; }

.signinput {
	background-image:url(https://www.pinnaclebank.com/images/formback.jpg);
	background-repeat: repeat-x;
    border: 2px solid #E0E0DC;
    height: 22px;
    margin: 2px 0 2px 6px;
    padding: 10px;
    width: 400px;
	font-size:16px; }
	
.signinput1 {
	background-image:url(https://www.pinnaclebank.com/images/formback.jpg);
	background-repeat: repeat-x;
    border: 2px solid #E0E0DC;
    height: 46px;
    margin: 2px 19px 2px 6px;
    padding: 10px;
    width: 130px;
	font-size:16px; }
	
.signinput2 {
	background-image:url(https://www.pinnaclebank.com/images/formback.jpg);
	background-repeat: repeat-x;
    border: 2px solid #E0E0DC;
    height: 22px;
    margin: 2px 0 2px 6px;
    padding: 10px;
    width: 182px;
	font-size:16px; }
	
.signinput3 {
	background-image:url(https://www.pinnaclebank.com/images/formback.jpg);
	background-repeat: repeat-x;
    border: 2px solid #E0E0DC;
    height: 46px;
    margin: 2px 19px 2px 6px;
    padding: 10px;
    width: 296px;
	font-size:16px; }			
	
.signcheck {
	margin:10px 10px 10px 6px; }
	
.signcheck1 {
	font-size:12px; }		
	
.submitbutton {
	margin:12px 0 19px 141px; }	
	
.submitbutton1 {
	margin:12px 57px 19px 141px; }		
	
.ourlenders h2 {
	color: #660000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 0 5px;
    padding: 0; }	
	
.ourlenders {
	color: #2A2A2A;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.2; }	
	
.ourlenders a {
	font-weight:normal !important;
	color:#2c5c46 !important; }
	
.ourlenders a:hover {
	color:#949599 !important; }	
	
.ourlenders strong {
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-weight: bold; }		
	
.lenderbord {
	border-bottom: 2px solid #ECE8E8;
    margin: 0 0 20px -10px;
    padding: 0 0 19px;
	width: 620px !important; }	
	
.tafhead {
	border-bottom: 2px solid #E0DBC3;
    color: #762E41;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 18px 0;
    padding: 7px 0; }