* { margin: 0; padding: 0; font: 11px arial, helvetica, sans-serif; color: #333; }

h1, h2, h3 { padding: 4px 0; font-weight: bold; }
h1 a, h2 a, h3 a { font-weight: bold; text-decoration: none; }
h1, h1 a { font-size: 13px; color: #039; }
h2, h2 a { color: #333; }
h3, h3 a { color: #039; }

p, ul, div, table { margin-bottom: 4px; }

li { padding-left: 8px; background: url(../img/arLI.gif) left top no-repeat; }

a { color: #039; }
a, em, .pageNavContainer .disabled { text-decoration: underline; }
a img, img, .searchResults p.lastElement { border: none; }

acronym, abbr { border: none; font-style: normal; text-transform: none; }

strong { font-weight: bold !important; }

li { list-style: none; }
span, sup { color: inherit; }
.nowrap, .balance { white-space: nowrap !important; }
#logoContainer, .balance { text-align: right; }
.disabled { color: #999; }
.value { color: #858585; }
.pos { color: #2E8B57 !important; }
.neg, #logout a, .logout { color: #F00 !important; }
#logout { background: url(../img/arLO.gif) left top no-repeat; margin-top: 4px; }

/* Header and footer */

#headerContainer, #footerContainer { margin: 0; background: #f1f4f9; }
#headerContainer { background: #e7effa url(../img/bgHC.gif) left top repeat-x; }
#headerContainer p, #footerContainer p { margin: 0; padding: 2px 4px; }
#footerContainer { padding-bottom: 4px; border-top: 1px solid #FFF; }
#customerNumberContainer { color: #039; border-bottom: 1px solid #FFF; }
.metaNav { padding: 0 0 0 4px !important; color: #039; }
#logoContainer { padding: 4px 4px 0 4px !important; }

/* Content */

#contentContainer { margin: 0; padding: 3px 4px 4px 4px; border-bottom: 3px solid #b5c9e3; border-top: 3px solid #b5c9e3; }

/* Page navigation and search results */

.pageNavContainer {	padding: 2px 4px 3px 4px; background: #bfd1e6 url(../img/bgTH.gif) right top no-repeat; }

.pageNavContainer p { margin-bottom: 0; color: #333; }

.pageNavContainer span.disabled { color: #666; }

.searchResults p { padding: 2px 0; margin-bottom: 0; border-bottom: 1px solid #b5c9e3; }

/* Tables */

table { margin-top: 4px; }
table, .roll { width: 100%; }
table th, table td { padding: 2px; vertical-align: bottom; text-align: left; }
th { color: #039; background: #bfd1e6 url(../img/bgTH.gif) right top no-repeat; border-right: 1px solid #FFF; font-weight: bold; }
td { color: #666; border-bottom: 1px solid #b5c9e3; }
table.vTop th, table.vTop td { vertical-align: top; }
tr.closingRow td { padding-bottom: 8px; border-bottom: none; }
tr.total td { border-bottom: none; }
tr.totalClosingRow td { border-bottom-color: #666; }
tr.totalAmount td { border-bottom: 3px double #666; }
table.layout th, table.layout td { padding: 0; border: none; background: transparent; }
table.layout th { padding-bottom: 4px; }

/* Forms and input elements */

input, select, textarea { padding: 1px; border: 1px solid #CCC; border-left-color: #999; border-top-color: #999; width: 80%; }
.chkInput, .rdoInput { border: none !important; width: auto !important; vertical-align: baseline; }
.layout .chkInput, .layout .rdoInput { margin-right: 4px; }

input.button { color: #666; padding-bottom: 1px; border: 1px solid #c0c0c0; border-left-color: #efefef; border-top-color: #efefef; background: #FFF url(../img/bgBT.gif) center center repeat-x; width: 80px !important; }
input.close { color: #FFF; padding-bottom: 1px; border: 1px solid #C00; border-left-color: #F66; border-top-color: #F66; background: #FFF url(../img/bgBC.gif) center center repeat-x; width: 80px !important; }
input.search { margin-bottom: 2px; }
input, textarea { -wap-input-format: "*M"; }

.tanText { width: 70px; vertical-align: middle; -wap-input-format: "6N"; }
.wapBranch { -wap-input-format: "3N"; }
.wapAccount { -wap-input-format: "7N"; }
.wapSubAccount { -wap-input-format: "2N"; }
.wapBLZ { -wap-input-format: "8N"; }
.wapNum { -wap-input-format: "*N"; }

/* Advices, error and warning messages */

.advice { margin: 8px 0; }
.advice h3, backendErrorMsg h3, warning h3 { color: #333; padding-top: 0; }
.errorMsg, .backendErrorMsg h3, .backendErrorMsg h3 span, .backendErrorMsg a { color: #F00; }
.errorMsg { display: block; }
.warning, .warning strong, .warning h3, .warning h3 span, .warning a { color: #F29400; }
.advice img, .errorMsg img, .backendErrorMsg h3 img { vertical-align: top; margin-right: 4px; margin-top: 1px; }