/* initial */

h1, h2, h3, h4, h5, h6, a, p, div, span, ul, li, table, td, tr, body { margin: 0 0 0 0; padding: 0 0 0 0; }

body { min-width: 400px; width: 100%; margin: 0; padding: 0; font: 75% normal tahoma, arial, verdana, helvetica, sans-serif; color: #333; }

#contentPane table { border-collapse: collapse; padding: 0; margin: 0; }
#contentPane td { vertical-align: top; text-align: left; }
#contentPane img { border: none; }
h1 { font-size: 1.4em; color: #08127b; }
h2 { font: bold 1.2em Verdana, sans-serif; color: #08127b; margin-bottom:0.57em;}
h3 { font-size:1.1em; }
.hide { display: none; }
.drag { /*cursor: move; */ position:relative; top:0; left:0;}
.link { text-decoration: underline; cursor: pointer; }
.seo { font-weight:normal; }

#contentPane .alert, #contentPane .error { color: red; }


/* trivial */
.big { font-size: 2em; font-weight: bolder; }
.flat { border: 1px solid black; }
.smalltext { font-family: verdana, arial, helvetica, sans-serif; font-size: .9em; color: #808080; }

/* tables */
#contentPane table { border-collapse: collapse; }
#contentPane table th { color: #000; font-weight: bolder; text-align:left; background-color: #e6e6e6}
#contentPane table th a { color: #fff; font-weight: bolder; }
#contentPane table th a:visited { color: #fff; }
#contentPane table th a:link { color: #fff; }
#contentPane table th a:hover { color: #fff; }
#contentPane table td, table th { padding:.2em; }
#contentPane tr th a { color: white; text-decoration: none; }
#contentPane .mceEditor td, #contentPane .mceEditor img { margin:0; padding:0; }
table.list, 
#articleListForm table,
#documentListForm table { width:99%; }

table.viewdetails td { color: #333; }
table.viewdetails th { text-align: left; color: #000; }
table.viewdetails th { color: black; border: 1px solid black; background-color: #00f; }

.unapproved { color: red; }
.unapproved a:link { color: red; text-decoration: none; }
.unapproved a:hover { color: red; text-decoration: underline; }
.unapproved a:visited { color: red; text-decoration: none; }

a { color: #00f; text-decoration: none; }
a:hover { color: #00f; text-decoration: underline; }
td, th, div, span { font-size: 1em; }
p { color: #333; margin-bottom:.57em; }
p.h1{ color: #333; font-size: 90%; font-weight: bolder; }

div.buttons { clear: left; float: left; margin-top: 1em; }
.button { background-color: #e3bd5d; border: 1px solid black; color: #333; }
.input { border: gray 1px solid; padding: .15em; }
select { padding: 0; }
.textareainput { border: black 1px solid; }

/* ======== drop-down cells ======== */
.dropdown { border: black 1px solid; height: 18px; }
select.items { background-color: #fff; color: #333; height: 18px; }
.items-section { background-color: #ebebeb; color: #333; }

/* items */
.items-block { border-bottom: 1px dashed #ccc; border-top: 1px dashed #cccccc; }
.items-text {  margin: 6px; }

/* ======== masthead images, logo and date ======== */
p#dateBar { position: absolute; z-index: 0; width: 96%; left: 0; top: 0; display: block; text-align: right; font-size: 85%; color: #000; font-weight: normal; padding: 1% 2%; }
#header { position: absolute; top: 0px; left: 0px; width: 100%; height: 175px; z-index: 0; }
#header div { display: block; float: left; border-bottom: 1px solid #fff; }
#logo { height: 86px; width: 95%; background: url(images/logo.gif) #fff no-repeat 10px 15px; }
#logo a { display: block; height: 100px; left: 0; position: relative; top: 0; width: 400px; }
#header #logo img { display: none; }
#extra1 { height: 88px; width: 141px; background: url(images/building.jpg) no-repeat top left; border-bottom: 1px solid white; position: absolute; top: 87px; left: 0; z-index: 40; }
#subTitle { position: absolute; width: 100%; height: 39px; top: 118px; left: 0; color: #fff; font: small-caps bold 140% "Century Gothic", sans-serif; padding-top: 17px; text-align: center; background: #c08500; }
#subTitle span { position: absolute; left:50%; margin-left: -10.5em; }
#headerEnd { display: block; clear: both; height: 1px; }
#siteMenu { position: absolute; top: 70px; right: 0px; text-align: right; width: 400px; color: silver; z-index: 30; padding: 0; margin: 0 1em; }
#siteMenu .firstItem { border-left: none; }
#siteMenu a { color: gray; width: 100%; padding: .25em; }
#siteMenu ul { margin: 0; padding: 0; }
#siteMenu li { display: inline; list-style-type: none; border-left: 1px solid silver; padding-left: .5em; }

/* layout styles */
div.divider, #headerEnd { clear: both; height: 1px;  border: none; padding: 0; background: transparent; margin: -1px 0 0 0; } 
#outer { margin-top: 152px; padding: 0; background: url(images/leftmenu.png) top left repeat-y; width: 100%; } 
#inner { margin-top: 176px; padding: 0; background: url(images/rightmenu.png) top right repeat-y; z-index: 0; } /* background-color:#e3bc5d */
#modules { float: left; width: 121px; margin: 0; padding: 10px; color: #fff; }
#contentPane { margin: 0 145px 0 141px; padding: 1em; min-height: 250px; line-height:1.5; }
* html #contentPane { height: 250px; }

#contentPane h1,
#contentPane h2,
#contentPane h3 { margin-bottom:0.57em; }

#contentPane h1 { color: gray; }
#homeContent #page-title { background: url(images/welcome.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden; padding:0; }
#contentPane, #contentPane p, #contentPane li { color: gray; }
#contentPane ul { padding-left:1.2em; }
* html #contentPane ul { margin-left:1.2em; }

#contentPane .imageleft { float: right; margin-left: 1em; margin-bottom: -3px; }
#contentPane label { float: left; width: 30%; } /* only in main pane */
/* hide rule and arrow */
#contentPane hr { display: none; }
#contentPane .details { display: none; }
#contentPane form p { margin: 0; padding: .2em; }
.odd { background-color: #e6e6e6; }
.odd th { background-color: #e6e6e6 ! important; }
.membersonly, .error { color: red; }

/*#homeContent {	font-size:90%; }*/
#homeContent h1 { margin-top: 1em; padding-bottom: 1em; }
#homeContent a { color: #08217b; font-size: 100%; }
#homeContent img { margin: 0 1em; }


#listHeader { width: 99%; display: block; height: 2em; border: 1px solid red; }
/* lists and tables

#selectCategory { float: left; white-space: nowrap; width: 40em; border: 1px solid black; }
.selectCategory { float: right; }
#listFilter { float: right; white-space: nowrap; width: 12em; }
#listFilter label { width: auto; }
#listFilter select { float: right; }
 */

/* LISTFILTER (Items per Page, Select Category, Search, etc) */
#listFilter { font-size: 1em; height: 2em; margin: 1em 0; position: relative; }
#listFilter select { font-size: 1em; }
#listFilter #selectCategory { float: left; height: 2em; padding-top: 0.4em; }
#listFilter #selectCategory span { float: left; margin-right: 0.5em; }
#listFilter #selectCategory .fauxSelect { float: left; width: 21em; margin-right: 0.5em; height: 1.3em; display: block; }
#listFilter #itemsPerPageField  { float: right; height: 2em; padding-top: 0.4em; }
#listFilter #itemsPerPageField label,
#listFilter #itemsPerPageField #itemsPerPage { float: left; margin-right: 0.5em; padding:0; }
#listFilter #itemsPerPageField label { text-indent: 0em; width: 8em; }
#listFilter #pageLinks { position: absolute; top: -2.6em; right: 0; text-align: center; margin: 0 0 0 0; }
#listFilter #pageLinks span { font-size: 0.8em; }
#listFilter #searchForm { float: left; width: 23em; vertical-align: middle; height: 2em; padding-top: 0.4em; }
#listFilter #searchForm label,
#listFilter #searchForm input.input { vertical-align: middle; font-size: 1em; height: 1.5em; line-height: 1.5em; float: left; margin-right: 0.5em; }
#listFilter #searchForm label { text-indent: 0.5em; display: none; }

/* page link navigation */
.pageLinks p,
.top .pageLinks ul { display:none; }
div.pageLinks { margin-top:1em; }
#contentPane .pageLinks ul li { float: left; margin-right: 0.5em; list-style:none }
#contentPane .pageLinks ul li a { display: block;  }
#contentPane .pageLinks ul li a,
#contentPane .pageLinks li.current { background: #fff; text-align: center; padding:.2em .5em; border: 1px dotted silver; }
#contentPane .pageLinks li.current { background: #c08500; border:1px dotted #333; color: #333; }
#contentPane .pageLinks ul li a:hover { background-color: #ccc; color:black; }

#bankNews { font-size: 90%; width: 99%; display: block; padding-top: 2em; }
#bankNews h3 { font-weight: bold; color: #08217b; font-size: 100%; background: url(images/headerbutton.png) no-repeat 0 .2em; padding: 0 0 .5em 1em; margin-bottom: 5px; border-bottom: 1px solid #c08600; width: 55em; }
#bankNews dt { padding-left: 2em; background: url(images/arrow.png) left .2em no-repeat; font-weight: bold; float: left; width: 10em; }
#bankNews dd { padding-bottom: .5em; }
#bankNews a { color: navy; }

#recentItems { float: right; width: 129px; padding: 8px; font-size: 90%; }
#recentItems h1 { margin-bottom: .2em; font-size: 1.2em; color: navy; border-bottom: 1px solid #c08600; padding-bottom: .5em; font-family: geneva, arial, sans-serif; }

#rates { font-size: 90%; font-family: arial, sans-serif; color: navy; padding: 0; margin: 0; width: 90%; }
#rates .currency { font-weight: bold; text-align: left; white-space: nowrap; }
#rates td { text-align: right; line-height: 2em; border: 0px solid black; }
#rates th { font-size: 1.1em; }
#rates th#column1 { text-align: left; }
#rates th#column2 { text-align: right; }
#rates caption { font-style: oblique; text-align: center; }

#exchangeRates #current, #exchangeRates #date { display: none; }
#exchangeRates a { color: red; float: right; }
#exchangeRates h3 span { display: block; font-style: italic; font-size: .85em; }

/* menu and login */
#modules { position: absolute; } /* otherwise menu stays on top */
#modules a, #modules div { color: #fff; }
#modules #menu1 { width: 100%; display: none; }
#modulesMenu { display: none; }
#modules #welcome { height:4em; overflow:hidden; }
#modules #welcome input { background-color: #08217b; border: .1em solid #ccc; margin: 4px; color: white; }
#modules form { margin: 0; padding: 0; }

#modules a { font-size: .9em; color: #fff; width: 100%; text-align: center; display: none; }
#modules div#login>a { top: 368px; }
#modules a:hover { text-decoration: underline; }
#modules #memberInfoTitle { display:none; }
#modules #memberInfo li { list-style:none; }
#modules #accountinfo a { background-color: #4965ae; padding: 0; margin: 0; display: inline; }
#modules #accountinfo a:hover { border: none; text-decoration: underline; }

/* RIGHT COLUMN */
/* image replacement using FIR or LIR */
#recentArticles, #recentEvents, #recentPress { display: none; } 
#quickLinks	ul { margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }
#quickLinks	li { background: url(images/arrow.gif) top left no-repeat; padding-left: .5em; } 
#quickLinks a { line-height: 1em; color: navy; font-family: arial, sans-serif; margin-bottom: .75em; display: inline-block; }
#quickLinks li>a { display: block; line-height: normal; margin-left: 1em; }

/* footer */
div#contentEnd { height: 3px; width: 100%; margin-top: 1px; background-color: #4965af; border-top: 1px solid white; clear: both; }
#footer { width: 100%; height: 20px; margin-top: 1px; clear: both; border-top: 20px solid #c08600; }
#footerText div { background: #fff; font-size: smaller; width: 40%; text-align: left; display: inline; float: left; padding: .25%; white-space: nowrap; }
#footerText a { color: #999; }
#footerText #copyright { text-align: left; }
#footerText #termsofuse { text-align: center; width: 18%; }
#footerText #privacypolicy { display: none; }
#footerText #poweredby { text-align: right; }

#footer .adr,
div#footerEnd { display:none; }

/* search */
#siteSearchForm { text-align: right; height: 2em; padding: .25em 0; background-color: #daa011; position: absolute; width: 100%; z-index: 12; top: 87px; left: 0; }
#siteSearchForm * html { z-index: -50; }
#siteSearchForm .button { background: transparent url(images/searchbutton.gif) no-repeat center center; text-indent: -1000em; line-height: 24px; height: 24px; width: 20px; cursor: pointer; border: none; margin-right: 1em; }
#siteSearchForm #searchErrors { position: absolute; right: 25em; border: none; color: white; top: .5em; font-style: italic; }
#siteSearchForm label { display: inline-block; margin-top: 0; vertical-align: middle; text-align: right; color: #fff; }
#siteSearchForm input { width: 10em; }
* html #siteSearchForm input { vertical-align: top; margin-top: .2em; padding: .25em; }
.searchResults #contentPane h1 { float:left; }

/* dynamic menu */
#dynamicMenu { position: absolute; top: 270px; left: 0px; font: small Verdana, sans-serif; }
#dynamicMenu ul { width: 140px; border-top: 1px solid white; }
#dynamicMenu ul { padding: 0; margin: 0; }
#dynamicMenu ul li { list-style-type: none; position: relative; margin: 0; }
#dynamicMenu ul ul { display: none; }
#dynamicMenu li a { display: block; color: white; text-decoration: none; background-color: #4965ae; border-bottom: 1px solid white; width: 96%; padding: 0 2%; }
#dynamicMenu li li a { background-color: #08217b; }
#dynamicMenu li li a:hover { background-color: #4965AE; }
#dynamicMenu li a:hover { background-color: #08217b; }
#dynamicMenu a.submenu { background-image: url(images/menu_arrow.gif); background-repeat: no-repeat; background-position: 97%; }
* html #dynamicMenu li,
* html #siteMenu li { display: inline; }

/* fly out */
#dynamicMenu ul li:hover > ul { display: block; position: absolute; top: -1px; left: 100%; }
#dynamicMenu ul li.over ul { display: block; position: absolute; top: -1px; left: 100%; }
#dynamicMenu ul li.over ul ul { display: none; }
#dynamicMenu ul ul li.over ul { display: block; }

/* custom widths */
#dynamicMenu ul.level2 { width: 15em; }
#dynamicMenu ul.level3 { width: 20em; }

/* forms */
.field {clear:none}
#contentPane fieldset{ margin: 1em 0; padding: 1em; border: 1px solid black; }
#contentPane legend { font-size: 1.4em; color: white; border: 1px solid #000; background-color: #999; padding: 0 .5em; }
#contentPane label { float: left; width: 12em; padding: .1em; }
#contentPane select { margin-bottom: 1em; }
#contentPane input { margin-bottom: .5em; padding: .1em; }
#contentPane textarea { display: block; border:1px solid gray; }
#contentPane .buttons { float: none; }

/* specific pages */


/* contact form */
#required { margin-top: 1em; }
#required .required-indicator { float: left; margin-right: 0em; margin-top: 0; }

#contactForm #captcha { margin-top:2em; }
#contactForm #captcha label { display: block; float: none; width: 25em; margin-bottom: 1em; }
#contactForm #captcha input { width:12em; display: block; float: none; margin: 1em 0; }
#contactForm #captcha img { background: #FFFFFF none repeat scroll 0% 0%; border: 1px solid gray; float: right; padding: 0pt 10px; width: 15em; margin:1em; }
#contactForm #captcha { height: 10em; width: 35em; }

#contactForm { margin-top: 1em; }
#contactForm label { width: 100px; float: left; display: inline; text-align: right; clear: left; margin: .2em; vertical-align: middle; } 
#contactForm input,
#contactForm select, 
#contactForm textarea { width: 289px; display: inline; vertical-align: top; border: 1px solid gray; margin: .2em; font: normal 1em tahoma, arial, sans-serif; padding:.3em; letter-spacing:1px; }
#contactForm input.button { float: left; margin-left: 0; cursor: pointer; text-transform: lowercase; width: auto; }
#contactForm #message,.contact #subject { width: 289px; }
#contactForm address { border: 1px solid red; height: 150px; }


.lookupPassword #contentPane form { width: 99%; }
.lookupPassword #contentPane .input, 
.lookupPassword #contentPane label  { display: block; float: none; clear: left; margin-bottom: 1em; }
.lookupPassword #contentPane label  { width: 90%; }

.getLogin #forgotLogin { display: block; margin-top: 2em; color: #808080; }

/* exch rates */
.exchangeRates #officialRatesList { margin-top: 2em; clear: left; }
.exchangeRates #contentPane h2 { font: bold 1em Verdana, sans-serif; color: #08127b; }
.exchangeRates #contentPane thead th { color: #fff; background-color: #08127b ! important; }
.exchangeRates #contentPane td { width: 150px; white-space: nowrap; text-align: right; }
.exchangeRates #contentPane td span { font-weight: bold; padding-right: 2px; }
.exchangeRates #contentPane td br { display: none; }
.exchangeRates #printRates { text-decoration: none; position: absolute; z-index: 10; width: 52px; height: 32px; background: url(images/pdficon.gif) no-repeat 20px top; }
.exchangeRates #printRates span { display: block; font-size: 32px; line-height: 32px; height: 32px; visibility: hidden; }
.exchangeRates .description { display: block; font-weight: normal; }
.exchangeRates #contentPane tbody th { background-color: transparent; font-weight: normal; text-align: left; }
.exchangeRates #maxAmount { text-align: center; font-weight: bold; }
.exchangeRates #modules,
.exchangeRates #modules #login a { display: block; }
.exchangeRates #noRates { clear: left; margin-top: 3em; }

#exchangeRatesForm { display: inline-block; }
#exchangeRatesForm #ratesButtons { margin-left: 122px; }
#exchangeRatesForm label { width: 10em; }
#exchangeRatesForm input.input { margin-left: 0; }
#exchangeRatesForm select, 
#exchangeRatesForm input, 
#exchangeRatesForm label { margin-top: .5em; }
#exchangeRatesForm br { clear: left; }

/* glossary */
.glossary dt { font-weight: bold; }
.glossary dd { margin-bottom: 1em; margin-left: 10em; }
.glossary h2, .glossary a { color: orange; background-color: transparent; }
.glossary h2 { font-size: 2em; }
.glossary #glossaryIndex { background-color: #4965ae; color: white; padding: .2em; font-size: 1.4em; font-weight: bold; line-height: 1.4em; }
.glossary #glossaryIndex span#all { margin: 0 .5em; }
.glossary #glossaryIndex span { margin-left: -3px; padding: 0; }
.glossary #glossaryIndex .link { color: orange; margin-left: .1em; text-decoration: none; }
.glossary #glossaryIndex .link:hover { color: white; }
.glossary #printGlossary { position: absolute; width: 52px; height: 32px; background: url(images/pdficon.gif) no-repeat 20px top transparent; }
.glossary #printGlossary span { visibility: hidden; }

/* faq */
.faq #faqDetail h2 { font-size:1em; color: gray; margin-top:1em;}
.faq #faqBreadCrumbs { margin-left:0; padding-left:.2em; margin-top:1em; }
.faq #faqBreadCrumbs li { list-style-type:none; }
.faq #faqBreadCrumbs li a { background: url(images/menu_arrow2.gif) no-repeat 0 center; padding:0 1em; }
.faq .list h1 { float:left; }
.category .faq h1 { float:none; }

/* sitemap */
#siteMap ul.level1 { padding: 0em; }
#siteMap li { list-style: none; margin-bottom: .2em; padding-bottom: .2em; }
#siteMap li li { list-style: disc; }
#siteMap a { color: #333; }
#siteMap a.submenu { color: orange; padding: 0.2em 0; display: inline; margin-bottom: 1em; font-size: 1.1em; font-weight: bold; line-height: 3em; }
#siteMap li li a.submenu { color: #333; font-weight: normal; font-style: italic; }
#siteMap ul.level1>li { list-style: none; margin: 0 0 0 1em; }

ul#faqItems { list-style: none; margin: 0; padding: 0; }
ul#faqItems li { padding: .5em .5em; margin: 0; }

.links dd { margin: 0; }
.links dt { margin: 1em 0 0 0; }

/* member download */
.addDownload #descriptionLabel { float:none; display:block; }

/* variations on the top left image */
.viewFaq #imagetopcenter,
.faqCategoryList #imagetopcenter,
.faqList #imagetopcenter { background-image: url(images/vase.jpg); }
.links #imagetopcenter { background-image: url(images/coin.jpg); }
.siteMap #imagetopcenter { background-image: url(images/indian.jpg); }
.glossary #imagetopcenter { background-image: url(images/bowl.jpg); }
.exchangeRates #imagetopcenter { background-image: url(images/coin2.jpg); }

@media print {
	#modules,
	#dynamicMenu, 
	#siteMenu, 
	#sitesearch, 
	#recentItems { display: none; }
	#outer, #inner, #contentPane { width: 100%; margin: 0; padding: 0; border: 0; }
	#contentPane { margin-top: 5em; }
	#contentPane img { margin: 1em; }
	#header p#dateBar { display: block; }
	#header div { display: none; }
}

/* site pages */
.ABOUT_US_ORG_CHART #contentPane hr { display: block; height: 1px; }
.BPS_HOME #modules a { display: block; }

.menushim { top: 0; left: 0; height: auto; z-index: 0; position: absolute; margin: 0; padding: 0; width: 99%; display: none; }

/* hide items from other sites */
#header #languageSelection,
#footerMenu, 
#obj1,
#extra3,
#extra4,
#extra5,
#extra6,
#skipToMainContent { display: none; }