/*
Primary color - #005DAA
Secondary color - #78A22F
*/
body.tbbk-site
{
    background-color: #CCCCCC;
    background-repeat: repeat-x;
    padding-top: 18px;
}

body, td
{
    font-family: verdana, arial, helvetica, sans-serif !important;
    font-size: 12px !important;
}

body.NavigationSuppressed div#tbbk-content
{
border-top: 1px solid #CCCCCC;
}

*
{
    margin: 0;
    padding: 0;
    box-sizing: initial !important;
}

p
{
margin-bottom: 1em;
}
a
{
    text-decoration:none;
    color:#005DAA;
}
a:visited
{
    text-decoration:none;
    color:#005DAA;
}
a:hover
{
    text-decoration:none;
    color:#78A22F;
}


#tbbk-body
{
    padding-left: 31px !important;
    width: 950px !important;
    margin: auto !important;
    /*height: 100%;*/
}


#tbbk-content
{
    width: 950px;
    background-color: white;
    padding-top: 15px;
    min-height:450px;
}

/*LEFT Navigation *******************************/
#tbbk-left-content
{
    width: 252px; /* padding-left: 15px; */
    float:left;
}
#tbbk-left-nav
{
    background: #ffffff url(/images/sidebar_background.jpg) top left no-repeat;
    width: 222px;
    margin-left: 10px;
    text-align: left; /* padding:10px; */
    font-family: Verdana,arial,helvetica,sans-serif;
    color: black;
    font-size: 10px;
}
#tbbk-left-nav-content
{
    padding-left: 10px;
    height:100%;
}
.tbbk-left-nav-button
{
    vertical-align: middle;
    font-weight: 600;
    width: 216px;
    height: 64px;
    padding-top: 8px;
}
.tbbk-left-nav-button-text
{
    vertical-align: middle;
    height: 64px;
    text-align:left;
    line-height: 16px;
    padding-top: 8px;
    margin-left:8px;
    
}
.tbbk-left-nav-button img
{
    float: left;
    padding-right:6px;
    border:none;
}


#tbbk-left-nav-bottom
{
    background-color:#FFFFFF;
}
#tbbk-login-error
{
    height: 30px;
}
#tbbk-login-help
{
    font-size: 7pt;
    line-height: 10pt;
}

/*MAIN CONTENT SECTION **********************/
#tbbk-right-content
{
    width: 680px;
    float: right;
    margin-right: 15px;
    top: 164px;
    /*left: 284px;*/
    
}
#pagetitle
{
    margin-top:5px;
}
#tbbk-right-content-feature_1
{
    background: #ffffff url(/images/selected_background.jpg) no-repeat left top;
    height: 245px;
    display: block;
    padding-left: 15px;
    font-size: 0.9em;
}

#tbbk-right-content-feature_2
{
    background: #ffffff url(/images/selected_background.jpg) no-repeat left top;
    height: 245px;
    display: none;
}

#tbbk-right-content-feature_3
{
    background: #ffffff url(/images/selected_background.jpg) no-repeat left top;
    height: 245px;
    display: none;
}

#tbbk-right-content-feature-nav
{
    float: left;
    width: 684px;
    font-weight: bold;
    font-size: 93%;
    line-height: normal;
    position: relative;
    top: -6px;
    left: 1px;
}

#tbbk-right-content-feature-nav ul
{
    list-style-type: none;
    height: 34px;
    padding: 0;
    margin: 0;
    padding-right: 10px;
}
#tbbk-right-content-feature-nav li
{
    margin: 0;
    padding: 0;
    float: left;
    background: url(/images/tab_rightcurve.png) no-repeat right top;
    line-height: 34px;
}
#tbbk-right-content-feature-nav a
{
    display: block;
    background: url(/images/tab_leftcurve.png) no-repeat left top;
    padding-left: 20px;
    padding-right: 25px;
}
#tbbk-right-content-feature-nav ul a
{
    display: block;
    line-height: 34px;
    text-decoration: none;
    font-family: Verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    color: black;
}

#tbbk-right-content-feature-nav .selected
{
    background: url(/images/tab_rightcurve_selected.png) no-repeat right top;
}

#tbbk-right-content-feature-nav .selected a
{
    background: url(/images/tab_leftcurve_selected.png) no-repeat left top;
}


#tbbk-right-content-quicklinks
{
    padding-left: 0px;
    text-align: justify;
}

/* Alignment of content with top links */
#tbbk-main-body { margin-left:-2px; }
#BannerLink, .mainbodybanner, .mainbodybanners { margin-left:-3px; }
#MainBodyContent { margin-left:-5px; }
/* End Alignment */

#tbbk-main-body a, #tbbk-main-body a:visited, #tbbk-main-body a:hover
{
	/*text-decoration:underline;*/
}
/*
#tbbk-main-body ul
{
    padding-left: 40px;
}
*/

#tbbk-right-content
{
line-height: 125%;
}

#tbbk-right-content th
{
	font-size: 12px;
}

/* This is the page title */
#tbbk-right-content h2
{
margin-bottom: 15px;
font-size: 18px;
}

#tbbk-right-content h3
{
font-size: 15px;
}

#tbbk-right-content h4
{
font-size: 100%;
}

#tbbk-right-content h3, #tbbk-right-content h4, #tbbk-right-content h5, #tbbk-right-content h6
{
margin-top: 10px;
margin-bottom: 3px;
}

#tbbk-right-content ul, #tbbk-right-content ol
{
margin-left: 1em;
}

#tbbk-overhead-menu li
{
float: right;
margin-right:10px;
border-right: solid 1px black;
}

ul#Crumbtrail { margin-bottom: 10px; margin-left: 0px;  }
ul#Crumbtrail li { float: left; list-style: none; padding-right: 5px; font-size: 9px;}



/*
*   Styles for the tabbed section of the main content.
*/
      ul#tbbk_tabs 
      { 
    	list-style-type: none;
		height: 34px;
		padding:0;
		margin:0;	
		padding-right:10px;
		margin-top:-16px;
		margin-left:1px;
		

      }
      ul#tbbk_tabs li a
      {
      display:block;
	 	line-height: 34px;
	 	text-decoration: none;
	 	font-family: Verdana,arial,helvetica,sans-serif;
	 	font-size:10px;
	 	color:black;
	 	font-weight:bold;
	 	}
	 	
      ul#tbbk_tabs li 
      { 
      	margin:0;
		padding:0;
		float:left;
		background: url(/images/featurearea/tab_rightcurve.png) no-repeat right top;
	 	line-height: 34px;	
      }
      ul#tbbk_tabs li a 
      { 
      	display: block;
		background:url(/images/featurearea/tab_leftcurve.png) no-repeat left top;
    	padding-left:20px;
    	padding-right: 25px;
    	
    	
      }
      ul#tbbk_tabs li a:hover 
      { 
      	 
      }
      ul#tbbk_tabs li.selected
      {
    	background:url(/images/featurearea/tab_rightcurve_selected.png) no-repeat right top;
    }
      
      ul#tbbk_tabs li a.selected 
      { 
      	background:url(/images/featurearea/tab_leftcurve_selected.png) no-repeat left top;

      }
      div.tbbk_tabContent 
      { 
      	background: #ffffff url(/images/featurearea/selected_background.jpg) no-repeat left top;
		height:245px;
		width:684px;
		padding-left:20px;
		padding-top:10px;
		padding-right:20px;
		
      }
      div.tbbk_tabContent.hide 
      { 
      	display: none; 
      }
      


/* main body tabbed sections on home page */
    .ui-tabs { position: relative; padding: .0em;  z-index:800; left:0px} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {padding-left: 0px; margin-left: 0px; position:relative; }
    .ui-tabs .ui-tabs-nav li { background:transparent url(/images/tab_rightcurve.png) no-repeat scroll right top;list-style: none; float: left;top: -3px; position: relative;  margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap;left:-15px;line-height:33px; vertical-align:middle; }
    .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; font-weight:bold; background: transparent url(/images/tab_leftcurve.png) no-repeat scroll left top;top: -3px; display: block; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-top: 0px; padding-bottom: 0px; padding-left: 9px;}
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background:transparent url(/images/tab_rightcurve_selected.png) no-repeat scroll right top;top: -5px;line-height:33px; vertical-align:middle; }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background: transparent url(/images/tab_leftcurve_selected.png) no-repeat scroll left top;top: -8px;}
    .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;background: transparent url(/images/tab_leftcurve.png) no-repeat scroll left top;top: -6px; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:transparent url(/images/selected_background.jpg) no-repeat scroll 0 0;*/
border:0 none;
display:block;
height:245px;
width:684px;
margin-left:-5px;}
    .ui-tabs .ui-tabs-hide { display: none !important; }
    
    #Icons          { clear: both; margin-left:-3px !important; width:100%; }
    #Icons li       { list-style: none; float: left; display:inline; }
    #Icons li a     { display: block; height: 80px; }
    
    /* width + (items - 1) * margin-left = 680 */
    ul.ChildItems-2 li { width: 320px; }
    ul.ChildItems-2 li + li { margin-left: 40px; }
    ul.ChildItems-3 li { width: 212px; }
    ul.ChildItems-3 li + li { margin-left: 22px; }
    ul.ChildItems-4 li { width: 158px; }
    ul.ChildItems-4 li + li { margin-left: 16px; }
    
.tbbk_BusApp_Section
{
	display: block;
	color: White;
	font-size: 14px;
	background-color: Silver;
	font-weight: bold;
	width: 100%;
}

input[type='radio'], input[type='checkbox'] { padding-left:0;margin-left:0;width:25px; }

.hidden {display:none;}

.checkbox label {margin-top: -13px; position: relative; float: left; margin-left: 25px;}

 /* Style for controls set to read-only/disabled */
.disabled
{
    background-color: #F5F4EA;
    color: #ACA899;
}

a.disabled:active, a.disabled:hover
{
     color: #ACA899;
    cursor:default;
}


input.disabled, select.disabled, textarea.disabled
{
    border: 1px solid #C9C7BA;
}
input.disabled[type=button], input.disabled[type=submit], button.disabled
{
    border: 2px outset #C9C7BA;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.printRemove
{
	background: none !important;
	float:none !important;
	left:0 !important;
	margin:0 !important;
	padding:0 !important;
	top:0 !important;
}

#waitScreen { background: transparent url(/images/progress.gif) no-repeat center bottom; font-size: 14pt; font-weight:bold; height: 80px; margin:10px 0; text-align:center; }

/* Form Container */
div.clear { clear:both; font-size:0; } /* zero height clearing div */
div.form-container{background:#FFF;border:#EEE 1px solid;color:#111;margin:10px 0;padding:5px;}
div.form-container, div.form-container td { font:9pt/1.5 Arial,Helvetica,sans-serif; }
p.legend{margin-bottom:1em;}
p.legend em{color:#000;font-style:normal;}
div.errors{background:#FFC;border:#FC6 1px solid;margin:0 0 10px;padding:5px 10px;}
div.errors p em{color:#000;font-style:normal;font-weight:bold;}
div.form-container p.note{color:#333;font-size:90%;margin-left:185px;}
div.form-container fieldset{border:#ccc 1px solid;margin:10px 0;padding:10px;position:relative;}
div.form-container legend{color:#000080;font-weight:bold;}
div.form-container label,div.form-container span.label,div.form-container span.note{display:inline;float:left;margin-right:10px;padding-right:10px;position:relative;text-align:right;width:175px;}
div.form-container span.note{font-size:90%;}
div.form-container label.lblright{display:inline;float:none;padding-left:10px;padding-right:0;}
div.form-container label.error,div.form-container span.error{color:#C00;}
div.form-container label em,div.form-container span.label em{color:#000;font-size:120%;font-style:normal;position:absolute;right:0;}
div.form-container label.lblright em{margin:0;padding:0;position:relative;}
div.form-container input.error{background:#FEF;border-color:#C00;}
div.form-container input:focus,div.form-container input.error:focus,div.form-container textarea:focus{background:#FFC;border-color:#FC6;}
div.form-container div.controlset label,div.form-container div.controlset input{display:inline;float:none;font-size:9pt;}
div.form-container div.list{width:0;}
div.form-container div.list ul{list-style:none;margin:0;padding:0;width:30em;}
div.form-container div select{font-size:9pt;}
span.remember input,span.remember label{display:inline;float:none;}
form,div.form-container div.list li label{margin:0;padding:0;}
div.errors p,div.form-container p.legend,div.form-container p.note,.description .detail div div{margin:0;}
div.form-container fieldset div,div.login div,div.form-container div.buttonrow{padding:0.25em 0;}
div.form-container div.controlset div{margin-left:185px;}
div.form-container div.list li{display:inline;float:left;margin:0;padding:0;width:15em;}
div.form-container div { width:auto;}

div.form-container div.buttonrow{margin-left:170px; width:auto;}
div.form-container div.buttonrow input { margin-right:20px; }
/* End Form Container */

/* ATM locator styles */
#map_canvas
{
    border: 1px solid silver;
    float: left; 
    width: 585px;
    height: 400px;
    margin-top: 10px;
}
.locn
{
    color: Green;
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
}
.loca
{
    color: Black;
    font-size: 11px;
    font-family: Arial;
}
.locc
{
    color: Black;
    font-size: 11px;
    font-family: Arial;
}
/* End ATM locator styles */


#tbbk-left-nav .divider-line{position: relative; left: -8px;}

#container{ margin: 10px;}


.extlogin_btn {
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #78A22F;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
  width:100px;
  height:32px;
  border-style:none;
  margin:15px 0px 15px 0px;
  cursor:pointer;
}
.extcancel_btn {
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #999999;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
  width:100px;
  height:32px;
  border-style:none;
  margin:15px 0px 15px 0px;
  cursor:pointer;
}
.loginbox { height: 25px;width: 200px;}

.chk-remember-user input {vertical-align:middle; padding-right:4px;}

#btnMyAccounts {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  height:36px;
  width:200px;
  border:1px solid #005DAA;
  background-color:#005DAA;
  color:white;
  font-size:16px;
  cursor:pointer;

}
#tbbk-left-nav
{
    background: #ffffff url(../content/images/sidebar_background.jpg) top left no-repeat;
    width: 222px;
    margin-left: 10px;
    text-align: left; /* padding:10px; */
    font-family: Verdana,arial,helvetica,sans-serif;
    color: black;
    font-size: 10px;
}