@import url("font-awesome.min.css");
/* reset styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button {margin: 0;padding: 0;border: 0;font-weight: normal;font-style: normal;font-size: 100%;line-height: 1em;text-align: left;}
table {border-collapse: collapse;border-spacing: 0;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6,strong {font-weight: bold;}

/* main css */
body {background:#fff; color: #000; font: .75em arial,helvetica,sans-serif;}
a {color: #000; text-decoration: none;}
a:visited {color: #000;}
a:hover {color: #333;cursor: pointer; text-decoration: underline;}
h1 {font-size: 1.6em; font-weight: bold; line-height: 1.6em; margin-bottom: .25em;}
h2 {font-size: 1.4em; font-weight: bold; line-height: 1.5em; margin-bottom: 10px;}
h3 {font-size: 1.3em; font-weight: bold; line-height: 1.5em; margin-bottom: .5em;}
h4 {font-size: 1.1em; font-weight: bold; line-height: 1.5em; margin-bottom: 10px;}
h1 a,h2 a {color: #c00; font-weight: bold; line-height: 2em;}
h1 a:visited,h2 a:visited {color: #c00; font-weight: bold;}
h3 a,h3 a:visited {font-weight: bold; line-height: 1.5em;}
h4 a,h4 a:visited {font-weight: bold;}

p,dl,dd,dt {line-height: 14px;}
p,dd {margin-top: 10px; margin-bottom: 10px;}
ul.def {list-style-type: disc; margin: 10px 0 0 20px;}
ul.def li {line-height: 16px; margin-bottom: 6px;}
ol {list-style-type: decimal; margin: 1em 0 0 3em;}
ol li {line-height: 1.2em; margin-bottom: 6px;}
ol li a {font-weight: bold;}
acronym {cursor: help; border-bottom: dotted 1px #ccc;}
acronym:hover {cursor: help; color: #c00;}
acronym.more {border: none; color: #000; padding-right: 15px; background: url(../images/more.gif) no-repeat 100% 85%; font-weight: normal;}
acronym.more:hover {cursor: help; color: #369; background: url(../img/more-hl.gif) no-repeat 100% 85%}
p.crumb a {font-weight: bold;}
.printonly {display: none;}
.note {font-size: 13px; color: #666; padding-left: 1em;}
.btnote {font-size: 13px; color: #666; padding: 1em 0;}
.note a,.note a:visited{color: #000;}
.note a:hover{color: #c00;}
.noteInd {font-size: 9px; color: #fff; background: #69c; padding: 0 1px; margin-left: 2px; font-weight: bold; cursor: help;}
dl {float: left; width: 400px; margin: 0; padding: 0;}
dt {clear: left; float: left; width: 20px; margin: 0; padding: 2px; font-weight: bold;}
dd {float: left; width: 300px; margin: 0; padding: 2px;}
dt span.noteInd {cursor: default;}
.hdrName {color: #000; padding: 2px 7px; border: solid 1px #ccc; font-weight: bold; background: #F1FFB8;}
.hdrName a,.hdrName a:visited{color: #000;}
.hdrName a:hover{color: #c00;}
.hdrName span {font-weight: bold;}
.ts {font-weight: bold; font-size: .8em; color: #09f; margin-top: .5em;}
.altnote {clear: both; margin: 2em 0 2em 1em; padding-top: 1em;}
#imgLoading {width: 800px; height: 310px; border: solid 2px #ccc; text-align: center;}
img.loading, #imgLoading img {display: block; margin: 10px auto; padding: 0; background: #fff;}
.instruct {font-size: .9em; margin: 4px 0 0 0; padding-bottom: 2px;}
.instructMsg {font-size: .9em; margin: 0 0 .5em 0; line-height: 1.25em;}
.add-services {display: inline-block; font-weight: bold; font-size: 1.25em; margin: .5em 0; padding: 10px; color: #000; background-color: #F1FFB8; border:solid 1px #ccc; border-radius: 4px;}
.disclaimer {font-size: 11px; margin: 5px 0 10px 0; padding: 5px; line-height: 14px;}
.emNew {color: #000; background: #ff9; font-weight: bold;}
.emLate {font-size: 9px; color: #fff; background: #69c; padding: 0 2px; margin-left: 2px; font-weight: bold; cursor: help;}
.emRT {background: #fcf8e3;}
.value {border: solid 1px #ccc; padding: 0 2px 2px 2px; margin: 4px 0 0 0; background: #eee;}
.asterisk {color: #000;}
.alertNot {color: red;}
.alertNotInd {color: red; font-weight: bold; font-size: 12px;}
.help {cursor: help;}
/* for internal use only container used on Self Service in emulate mode */
.iuoCon {background: #fcc; margin: 5px 0; padding: 0 5px;}

#emuMsg {background: #ff9; border-bottom: dashed 1px #999; padding: 5px 0 4px 0;}
#emuMsg p {display: inline; padding: 20px; font-size: 12px; font-weight: bold; color: #c00;}
#emuMsg a {color: #c00; font-weight: bold;}
#emuMsg a:hover {color: #999;}
#emuMsg .emuHdr {color: #000; margin-left: 20px; font-weight: bold; font-size: 14px;}

#masthead {overflow: hidden; width: 100%; height: 38px; color: #fff; background-color: #666; border-bottom: solid 3px #d00; border-top: solid 1px #000; margin-bottom: 10px;}
#masthead h1 { float: left; color: #fff; font-size: 20px; line-height: 40px; margin: 0 10px 0 6px; padding: 0; background: transparent url('../images/key_logo_white.svg') no-repeat; background-size: 54px 24px; background-position: 10px 6px; padding-left: 80px; }
#masthead h1 span.sup {font-size: 12px; vertical-align: text-top;}
#masthead h1 span.subh1 {font-weight: normal; margin-left: 5px;}
#masthead a#bcLink {float: right; padding: 0; margin: 16px; display: block; font-weight: bold; color: #fff;}
#masthead a#bcLink:hover {color: #ddd;}
#masthead a#hmLink {float: left; margin: 7px 10px 20px 10px; height: 13px;}
#masthead a#logoff {float: right; margin: 7px 10px 20px 0; height: 13px;}
#masthead a#hmLink:hover,#masthead a#logoff:hover {color: #999;}
#ssHome #masthead a#hmLink,#ssHome #masthead a#hmLink:hover {background: transparent; border: none; color: white; text-decoration: none; font-size: 14px; margin-top: 9px; cursor: default;}


#page {padding: 0 15px 15px 15px;}
/*#pageFxd {padding: 0 1em 1em 1em; width: 88.9em; overflow: hidden; height: 1%;}*/
#pageFxd {padding: 0 15px 15px 15px; overflow: hidden; height: auto !important;}

#nav {overflow: hidden; width: 97%; line-height: normal; margin-top: .5em; padding-right: 2.2em; border-bottom: solid 4px #888;}
#nav li{display: inline; margin: 0; padding: 0;}
#nav a {float: left; margin: 0 4px 0 0; padding: 0; text-decoration: none; background: #e6e6e6; border-style: solid; border-width: 1px 1px 0 1px; border-color: #adadad; border-top-right-radius: 4px; border-top-left-radius: 4px;}
#nav a span {float: left; display: block; padding: 7px 15px 5px 15px; font-weight: bold; color: #333; cursor: pointer;}
#nav a:hover span {color: black;}
#nav a:hover {background: #888; border-color: #777;}
#nav a:hover span {color: #fff;}
#nav .current a {background: #888;}
#nav .current a span {color: #fff;}
#nav a.navAlt {font-size: 10px; line-height: 1.0; float: right; margin: 4px 4px 0 0; padding: 0; text-decoration: none; background: #e6e6e6; border-style: solid; border-width: 1px 1px 0 1px; border-color: #adadad; border-top-right-radius: 4px; border-top-left-radius: 4px;}
#nav a.navAlt span {float: left; display: block; margin: 2px 0 0 0; padding: 5px 12px 3px 12px; font-weight: bold; color: #333; cursor: pointer;}
#nav .current a.navAlt {color: #fff; background: #888;}
#nav .current a.navAlt span {background-position: 100% -125px; color: #fff;}

/* used for Self Service tabs, smaller than #nav */
#nav2 {overflow: hidden; width: 97.2%; line-height: normal; margin-top: 15px; padding-right: 22px; border-bottom: solid 1px #999;}
#nav2 li{display: inline; margin: 0; padding: 0;}
#nav2 a {font-size: 10px; float: left; background: url(../images/tableft2.gif) no-repeat left top; margin: 0 2px 0 0; padding: 0 0 0 9px; text-decoration: none;}
#nav2 a span {text-align: center; float: left; display: block; background: url(../images/tabright2.gif) no-repeat right top; padding: 4px 11px 4px 2px; font-weight: bold; color: #3B3B3B; cursor: pointer;}
#nav2 a:hover span {color: black;}
#nav2 a:hover {background-position: 0% -125px;}
#nav2 a:hover span {background-position: 100% -125px; color: #000;}
#nav2 .current a {background-position: 0 -125px;}
#nav2 .current a span {background-position: 100% -125px; color: #000;}


/* used when no tabs like pos pay */
#toolbar {border-top: solid 1px #999; height: 24px; padding: 0 1em; background: #ccc url(../images/secnavBG.gif) repeat-x; width: 97%; border-right: solid 1px #999; border-left: solid 1px #999; overflow: hidden;}
#toolbar ul {margin: 0;}
#toolbar h2 {margin: 0;}
#toolbar h2 a.expand {text-decoration: none;color: #000; line-height: 1.5em; padding-left: 1.5em; background: url(../images/icon-plusB.gif) no-repeat 0 0;}
#toolbar h2 a.collapse {text-decoration: none;color: #000; line-height: 1.5em; padding-left: 1.5em; background: url(../images/icon-minusB.gif) no-repeat 0 0;}
#toolbar h2 a.expand:hover {color: #c00;}

#secnav {height: 2.125em; padding: 0 1em; background: #e6e6e6; width: 97%; border-right: solid 1px #999; border-left: solid 1px #999; overflow: hidden;}
#secnav ul {margin: 0;}
#actionGrp1 {float: left;}
#actionGrp2 {float: right;}
#actionGrp1 li,#actionGrp2 li{list-style-type: none; display: inline; margin: 0; padding: 0;}

/* used for Self Service, User Services - IR */
.tabnav {width: 100%; overflow: hidden; margin: 0 0 0 10px; padding: 0;}
.tabnav li {margin: 0; padding: 0; display: inline; list-style-type: none;}
.tabnav a {float: left; background: #fff; font-weight: bold; line-height: 14px; padding: 6px 10px 5px 10px; margin-right: 4px; border: solid 1px #ccc; border-bottom: 0;}
.tabnav a.active {background: #ddd; color: #000; text-decoration: none; outline: none;}
.tabnav a:hover {color: #999; text-decoration: underline;}


/* use for Self Service */
.actionGrpM {overflow: hidden; width: 100%; margin: 5px 0;}
.actionGrpM li {list-style-type: none; display: inline; margin: 0; padding: 0;}

li.label {float: left; display: block; font-weight: bold; line-height: 20px; margin-right: 10px;}

a.actionBtn {font-weight: bold; color: #333; text-decoration: none; font-size: .95em; display: inline-block; background: transparent; line-height: 2.125em; padding: 0 5px;}
a.actionBtn:hover {text-decoration: underline;}
a.abDate:before {display: inline-block; font-family: FontAwesome; content: "\f133"; font-size: 15px; padding-right: 5px; position: relative; top: 0px;}
a.abAccounts:before {display: inline-block; font-family: FontAwesome; content: "\f044"; font-size: 18px; padding-right: 3px; position: relative; top: 2px;}
a.abLockboxes {background: url(../images/icon-accounts.gif) no-repeat center left;}
a.abTypes:before {display: inline-block; font-family: FontAwesome; content: "\f0ca"; font-size: 16px; padding-right: 3px; position: relative; top: 1px;}
a.abSettings {background: url(../images/icon-settings.gif) no-repeat center left; width: 5.5em;}
a.abPrint:before {display: inline-block; font-family: FontAwesome; content: "\f02f"; font-size: 16px; padding-right: 3px; position: relative; top: 1px;}
a.abPrintAll {background: url(../images/icon-print.gif) no-repeat center left; width: 55px;}
a.abDownload:before {display: inline-block; font-family: FontAwesome; content: "\f019"; font-size: 16px; padding-right: 3px; position: relative; top: 2px;}
a.abDownloadAll {background: url(../images/icon-download.gif) no-repeat center left; width: 65px;}
a.abSave:before {font-family: FontAwesome; content: "\f0c7"; display: inline-block; font-size: 16px; position: relative; padding-right: 5px; top: 1px;}
a.abEdit {background: url(../images/icon-accounts.gif) no-repeat center left; width: 35px;}
a.abInfo, a.abInfo:link, a.abInfo:visited {color: #000; text-decoration: none; cursor: help;}
a.abInfo:after {font-family: FontAwesome; content: "\f059"; display: inline-block; font-size: 18px; position: relative; padding-left: 5px; top: 0;}
a.abPDF:before { font-family: FontAwesome; content: "\f1c1"; display: inline-block; font-size: 16px; position: relative; padding-right: 5px; top: 1px; }
a.abExcel:before { font-family: FontAwesome; content: "\f1c3"; display: inline-block; font-size: 16px; position: relative; padding-right: 5px; top: 1px; }

/*span.abView {float: left; font-weight: bold; text-decoration: none; font-size: .95em; display: block; background: transparent; width: 20em; height: 2em; padding-left: 2em; line-height: 2.1em; background: url(../images/icon-eye.png) no-repeat center left;}
span.abView a {font-weight: bold; padding: 0 4px 2px 4px; margin: 0 3px;}
span.abView a:hover {color: #c00;}
span.abView a.current {color: #c00; background: #fff; border: solid 1px #c00; text-decoration: none;}
*/

a.menuLinkDisabled {color:#999; text-decoration: none;}
a.menuLinkDisabled:hover {color: #999; text-decoration: none;}

.filterGrp {background: #fcf8e3;) repeat-x bottom left; padding: 1em 1em .5em 1em; width: 97%; border: solid 1px #999; overflow: hidden;}
.filterMsg {border-bottom: solid 1px #999; background: #d9edf7; padding: 1em 1em .5em 1em; width: 97%; overflow: hidden; border: solid 1px #999;}

/* from old ktt.css */
div#menuTitle {margin-left: 10px; z-index: 1;}
div#menuTitleBkgd {border-top: 1px #333 solid; position: absolute; top: 26px; width: 100%; z-index: 2;}

/* container styles */
.modcont {width: 50%; float: left; margin-bottom: 1em;}
/*.mod, .mod2 {padding: 0 .75em .5em .75em; border: solid 1px #ccc; color: #000; background: #fff; width: 38em; margin: 0 1em 2em 0; float: left; overflow: hidden;}
.mod3 {padding: 0 .75em .5em .75em; border: solid 1px #ccc; color: #000; background: #fff; width: 97.5%; margin: 0 1em 2em 0; overflow: hidden;}*/

.mod, .mod2 { padding: 0 .75em 1em .75em; border: solid 1px #ccc; color: #000; background: #fff; width: 90%; margin: 0 15px 30px 0; float: left; overflow: hidden; }
.mod3 { padding: 0 .75em 1em .75em; border: solid 1px #ccc; color: #000; background: #fff; width: 97.5%; margin: 0 15px 30px 0 overflow: hidden; }

.mod h2 {line-height: 1.7em; margin: 0 -.6em .5em -.6em; padding: 0 .5em; color: #000; background: #eee; border-bottom: solid 1px #ccc;}
.mod2 h2 {line-height: 1.7em; margin: 0 -.6em .5em -.6em; padding: 0 .5em; color: #fff; background: #999; border-bottom: solid 1px #ccc;}
.mod h3 {line-height: 14px; margin: 15px 0 5px 3px; padding: 0; color: #000;}
.mod h3.navhdr {font-size: 14px;line-height: 1.0; margin: 0; padding: 5px; color: #000; background: #ddd;}
.mod table, .mod2 table, .mod3 table {margin: 0;}
.mod table.margt, .mod2 table.margt, .mod3 table.margt {margin-top: 15px;}
.mod3 h2 {line-height: 1.7em; margin: 0 -.6em .5em -.6em; padding: 0 .5em; color: #000; background: #ccc url(../images/modhdrBG.gif) repeat-x; border-top: solid 1px #999; border-bottom: solid 1px #ccc;}


.controlBtnGrp {float: right;}
.controlBtnGrp a {float: left;}
a.print,a.print:visited {display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; margin: 4px 0 0 0; padding: 0; background: url('../images/icon-print.gif') no-repeat 0 0; text-decoration: none;}
a.print:hover {background: url('../images/icon-print.gif') no-repeat 0 -32px;}
a.close,a.close:visited {display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; margin: 0; padding: 0; background: url('../images/icon-close.gif') no-repeat 0 0; text-decoration: none;}
a.close:hover {background: url('../images/icon-close.gif') no-repeat 0 -32px;}


.subMod {margin-top: 10px;}
.subMod h3 {line-height: 1.3em; margin: 0 -.6em .5em -.6em; padding: .15em .5em; color: #000; background: #ededed; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.accGrp {width: 99%; border: solid 1px #ddd; margin: 0; background: #fff;}
.svcsSum .accGrp {width: 99%;}
#content3 .accGrp h3 {font-size: 14px; color: #000; background: #E6FFA2; margin: 0; padding-left: 4px; border-top: solid 1px #f2f2f2; border-bottom: none;}
.accGrp h4 {position: relative; font-size: 11px; font-weight: normal; background: #fff; padding: 2px 0 2px 5px; border-top: solid 1px #f2f2f2; margin-bottom: 0; overflow: hidden; height: 1%; background: #f9f9f9;}
.accGrp h4 a {font-size: 12px; line-height: 20px;}
.accGrp h4 a.expand,.accGrp h4 a.collapse {text-decoration: none;}
.accGrp h5 {padding: 2px 0 2px 10px; margin: 0; background: #F4FFE8; border-bottom: solid 1px #eee;}
.accGrp p {margin: 5px 0 5px 10px; background: #fff;}
.accGrp ul li {padding: 4px 0 4px 20px; margin: 0; border-bottom: solid 1px #eee; position: relative;}
.accGrp ul li a,.accGrp ul li a:visited{color: #03c; text-decoration: none;}
.accGrp ul li a:hover{text-decoration: underline;}

.accGrp li.groupHdr {background: #FCFFCD; font-weight: bold; padding: 2px 0 2px 15px;}
.accGrp h5 a,.accGrp h5 a:visited,.accGrp li.groupHdr a,.accGrp li.groupHdr a:visited {color: #03c; text-decoration: none; font-weight: bold;}
.accGrp h5 a:hover,.accGrp li.groupHdr a:hover {text-decoration: underline;}
.accGrp .detItem {position: absolute; top: 5px; right: 15px;}
/* notations for Self Service access levels, green/yellow/red */
.indG,.indY,.indR {font-size: 11px; width: 50px; text-align: left; padding-left: 14px; color: #000; float: right; margin: 4px 0 0 0;}
.indG {background: url(../images/icon-dot-g.gif) no-repeat 0 50%;}
.indY {background: url(../images/icon-dot-y.gif) no-repeat 0 50%;}
.indR {background: url(../images/icon-dot-r.gif) no-repeat 0 50%;}

/* use on Info Rpt Home */
.reportItem {height: 2em; padding: .35em 0; background: url(../images/bg-dot.gif) repeat-x bottom left;}
.reportName {float: left; line-height: 1.8em;}
.reportAction {float: right;}
.last {border: none; background: transparent;}
.reportActionGrp {float: right; margin: 0 2em 0 0;}
.reportActionGrp a {margin-left: .5em; line-height: 1.5em;}

/* use for Info Rpt, Rec, SS Edit */
#content {width: 97%; padding: 1em; border: solid 1px #8f8f8f;}
/* use for Rec Lockbox images */
#content2 {width: 100%; overflow: hidden; height: 1%; padding: 0; margin: 0;}
/* use for Self Service Svcs Summary */
#content3 {width: 97%; padding: 1em; border: solid 1px #8f8f8f; overflow: hidden;}

#content3 h2 {clear: both; margin: 5px 0; padding: 0; color: #000; font-size: 16px;}
h3.emHdr {clear: both; color: #999; margin: 12px -11px; padding: 0 0 0 12px; color: #000; background: #F1FFB8; font-size: 14px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;}
h3.emHdr a.expand {text-decoration: none; color: #000; line-height: 18px; padding-left: 25px; background: url(../images/icon-plusB.gif) no-repeat 0 0;}
h3.emHdr a.collapse {text-decoration: none; color: #000; line-height: 18px; padding-left: 25px;background: url(../images/icon-minusB.gif) no-repeat 0 0;}
h3.emHdr a.expand:hover,#content3 h2 a.collapse:hover {color: #c00;}

ul.glossary span.term {font-weight: bold;}
ul.glossary li {line-height: 1.5em; padding: 1em 0; background: url(../images/bg-dot.gif) repeat-x bottom left;}
ul.glossary li.last {border: none; background: transparent;}

#modglossary {position:absolute; top: 2em; left: 2em;}

.floatCon {width: 100%; height: auto !important; overflow: auto;}
.floatTB {width: 31%; float: left; margin-right: 3.2%;}
.floatTBLast {width: 31%; float: right;}
.floatTB2 {float: left; width: 45%;}

/* form styles */
form.fContact input,form.fContact textarea {border: solid 1px #ccc;}
form.fContact input.cbo {border: none;}
form.fContact input.error {border: solid 1px #c00;}
fieldset {padding: .3em;}
fieldset legend {padding: .1em .3em;}
label {font-weight: bold; font-size: 1em; margin-bottom: .2em;}
input {font-family: arial,helvetica,sans-serif; font-size: 100%; background: #fff; color: #000; width: 15em;}
input:focus {background: #ffc;}
textarea {font-family: arial,helvetica,sans-serif; font-size: 1em; background: #fff; color: #000; margin: 0 0 .5em 0; width: 38.6em;}
textarea:focus {background: #ffc;}
select {font-family: arial,helvetica,sans-serif; font-size: 1em; margin: 0; width: 15em; height: 2em;}
select.auto {width: auto;}
select optgroup {font-style: normal;}
.sm {width: 3.8em;}
.s2 {width: 6.8em;}
.md {width: 9.98em;}
.m2 {width: 10.9em;}
.ml {width: 20em;}
.lg {width: 25em;}
.xl {width: 42em;}
.xl2 {width: 500px; margin-top: 10px;}
.ro {color: #666; background: #efefef; border: solid 1px #ccc;}
.cbo {vertical-align: middle; width: 15px; padding: 0; margin: 0; border: none; color: #000; background: transparent;}
.rt {float: right; margin: 0;}
.clear {clear: both; height: 1%;}
.hide {display: none;}
.padtb {padding-top: 15px; padding-bottom: 15px;}
.padr {padding-right: 15px;}
.padt {padding-top: 15px;}
.padb {padding-bottom: 15px;}
.padl {padding-left: 15px;}
.margtb {margin-top: 15px; margin-bottom: 15px;}
.margr {margin-right: 15px;}
.margt {margin-top: 15px;}
.margb {margin-bottom: 15px;}
.margl {margin-left: 15px;}
input.cur {text-align: left; padding-right: 0;}
td.cur input {text-align: right;}
.scroll1 {overflow: auto; height: 25em; border: solid 1px #ccc;}
input[type="text"] + input[type="text"].stack {margin-top: .375em;}

.fldgrp {overflow: hidden; height: auto !important; width: 100%; clear: both;}
.fld {float: left; margin-right: .3em; margin-bottom: .75em;}
.fldinline {float: left; margin-right: 1em; margin-bottom: 1em;}
.fld label {display: block;}
.fldinline label {display: inline;}
.fld, .fldinline img {vertical-align: top;}
.fTxt {margin-right: 20px;}
.fBtn {padding: 4px 5px 2px 5px; color: #000; background: #f5f5f5; border: solid 1px #ccc;}

.btnblock {margin: .5em 0 .5em 0; clear: both; overflow: hidden; width: 100%;}

.linkbtn {margin-left: .5em; line-height: 1.8em; padding: 2px;}

#navCon {height: 2.25em; margin: .5em 0 0 0; padding: .25em 0 0 0; width: 88.5em; overflow: hidden; border: solid 1px #ccc; background: #fff url(../images/navbg.gif) repeat-x;}
#navCon h2 {float: left; padding: 0; margin: 0 .5em .5em .5em; display: block; text-align: center; width: 560px;}
#navCon a.linknav { font-weight: bold; float: left; padding: 5px 10px; margin: 0 .5em 0 .25em; background: #fff; display: inline-block; text-decoration: none; border: solid 1px #ccc; border-radius: 3px; color: #333; }
#navCon a.linknav:before {font-family: FontAwesome; content: "\f053"; display: inline-block; font-size: 14px; position: relative; padding-right: 5px; top: 1px;}
#navCon a.linknav:hover {background: #e6e6e6; color: #333; border-color: #adadad; text-decoration: underline;}
#transNav {font-weight: bold; float: right; padding: 5px 10px; margin: 0 .25em 0 .5em; background: #fff; display: inline-block; text-decoration: none; border: solid 1px #ccc; border-radius: 3px; color: #333;}
#transNav .status {font-weight: bold; padding: 0 8px;}
#transNav a {font-weight: bold; text-decoration: none;}
#transNav a.navnext:after,#itemNav a.navnext:after {font-family: FontAwesome; content: "\f054"; display: inline-block; font-size: 12px; position: relative; padding-left: 5px; top: 0px;}
#transNav a.navprev:before,#itemNav a.navprev:before {font-family: FontAwesome; content: "\f053"; display: inline-block; font-size: 12px; position: relative; padding-right: 5px; top: 0px;}
#transNav a:hover {text-decoration: underline; color: #333; cursor: pointer;}
#transNav a.menuLinkDisabled,#transNav a.menuLinkDisabled:hover {color: #999; text-decoration: none; cursor: default;}
#transInfo {height: 2.25em; margin: 0; background: #fff; padding: 1em 0 0 1em; width: 87.5em; overflow: hidden; border: solid 1px #ddd;}
#transInfo .tItem {float: left; margin: 0 1em 0 0; font-size: 1.1em;}
#transInfo .tItem label {float: left; margin-right: 1em;}
#transInfo .tItem .viewPDF {float: left;}

#itemNav {float: right; margin: .125em .25em 0 .5em; border: solid 1px #ccc; background: #fff; padding: 5px 10px; display: inline-block; border-radius: 3px; color: #333;}
#itemNav .status {font-weight: bold; padding: 0 8px;}
#itemNav a {font-weight: bold; text-decoration: none; color: #333;}
#itemNav a:hover {font-weight: bold; text-decoration: underline; color: #333;}
.pgNavCon {overflow: hidden; width: 100%; margin: .5em 0; height: 25px;}
.pgNav {display: block; border: solid 1px #ccc; padding: 1px 0 1px 1px; float: right; background: #ededed;}
.pgNav .status {font-size: .95em; line-height: 1.5em;display: block; float: left; font-weight: bold; padding: 0 4px;}
.pgNav .status .num {font-weight: normal;}
.pgNav a {display: block; float: left; background: #ddd url(../images/navbg2.gif) repeat-x; font-weight: bold; padding: 2px 4px; border: solid 1px #999; margin-right: 1px; text-decoration: none;}
.pgNav a:hover {color: #c00;}
.pgNav a.menuLinkDisabled:hover {color: #999; text-decoration: none;}

.mainbtn {margin-top: 1.5em; margin-bottom: 1em; clear: both;}

/* buttons */
a.button, a.button:focus, span.button, span.button:focus { display: inline-block; font-size: 1em; line-height: 1em; font-weight: normal; text-align: center; text-decoration: none; border: 1px solid #ccc; border-radius: 3px; padding: 5px 10px; background: #fff; margin-right: 5px; color: #333; width: auto; min-width: 80px;}
a.button:hover, span.button:hover { color: #333; border: solid 1px #adadad; background: #e6e6e6; }
a.btn-primary, a.btn-primary:focus, span.btn-primary, span.btn-primary:focus { border: 1px solid #b30000; background: #c00; color: #fff; }
a.btn-primary:hover, span.btn-primary:hover{ color: #fff; background-color: #900; border-color: #750000; }
input.button, input.button:focus { display: inline-block; font-size: 1em; line-height: 1em; font-weight: normal; text-align: center; text-decoration: none; border: 1px solid #ccc; border-radius: 3px; padding: 5px 10px; background: #fff; margin-right: 5px; color: #333; width: auto; min-width: 80px; }
input.button:hover {border: solid 1px #adadad; background: #e6e6e6;}
input.btn-primary, input.btn-primary:focus, input.mainbtn, input.mainbtn:focus {border: 1px solid #b30000; color: #fff; background: #c00}
input.btn-primary:hover, input.mainbtn:hover {color: #fff; border: solid 1px #750000; background: #900;}
input.buttonDisabled, input.buttonDisabled:focus { display: inline-block; font-size: 1em; line-height: 1em; font-weight: normal; text-align: center; text-decoration: none; border: 1px solid #ccc; border-radius: 3px; padding: 5px 10px; background: #eee; margin-right: 5px; color: #999; width: auto; min-width: 80px; }
input.btnA, input.btnA:focus {border: 1px solid #ccc; font-size: 1em; font-weight: normal; line-height: 1.2em; border-color: #ddd #bbb #bbb #ddd; padding: 1px 6px; background: transparent url(../images/button.gif) bottom left no-repeat; float: left; display: block; color: #000; overflow: visible;	width: auto; min-width: 80px;}
input.btnA:hover {color: #000; border: solid 1px #999; background: #eee;}
input.btnADisabled, input.btnADisabled:focus {border: 1px solid #ccc; font-size: 1em; font-weight: normal; line-height: 1.2em; border-color: #ddd #bbb #bbb #ddd; padding: 1px 6px; background: #eee; float: left; display: block; color: #999; overflow: visible;	width: auto;}
input.btn{text-decoration: none; font-weight: normal; font-size: 1em; background: transparent; width: 80px; height: 20px; line-height: 1.5em; text-align: center; background: url(../images/btn.gif) no-repeat 0 0; border: 0; margin-right: .5em;}
input.btn:hover {background-position: 0 -20px;}
input.btn:active {background-position: 0 -40px;}
input.btn2{text-decoration: none; font-weight: bold; font-size: 1em; background: transparent; width: 80px; height: 20px; line-height: 1.5em; text-align: center; background: url(../images/btn2.gif) no-repeat 0 0; border: 0; margin-right: .5em;}
input.btn2:hover {background-position: 0 -20px;}
input.btn2:active {background-position: 0 -40px;}
input.btn3 {text-decoration: none; font-weight: bold; font-size: 1em; background: transparent; width: 50px; height: 20px; line-height: 1.5em; text-align: center; background: url(../images/btn3.gif) no-repeat 0 0; border: 0; margin-right: .5em;}
input.btn3:hover {color: #000; text-decoration: underline; background-position: 0 -20px;}
input.btn3:active {color: #000; background-position: 0 -40px;}
input.disabled {color: #999; background: #eee; border: solid 1px #ccc;}
input.disabled:hover {color: #999; background: #eee; border: solid 1px #ccc;}
a.disabled {color: #999; background: #eee; text-decoration: none; border: solid 1px #999;}
a.disabled:hover {color: #999; background: #eee; text-decoration: none; border: solid 1px #999;}
a.btn {text-decoration: none; font-weight: bold; font-size: 1em; float: left; display: block; background: transparent; width: 80px; height: 20px; line-height: 1.8em; text-align: center; background: url(../images/btn.gif) no-repeat 0 0; margin-right: .5em;}
a.btn:hover {color: #000; text-decoration: underline; background-position: 0 -20px;}
a.btn:active {color: #000; background-position: 0 -40px;}a.btn2 {text-decoration: none; font-weight: bold; font-size: 1em; float: left; display: block; background: transparent; width: 80px; height: 20px; line-height: 1.8em; text-align: center; background: url(../images/btn2.gif) no-repeat 0 0; margin-right: .5em;}
a.btn2:hover {color: #000; text-decoration: underline; background-position: 0 -20px;}
a.btn2:active {color: #000; background-position: 0 -40px;}

/* CSS for checklists */
.checklist {overflow: auto; border: 1px solid #ccc; list-style: none; width: 40em; margin: 7px 0 0 0;}
.checklist ul {margin: 0;}
.checklist, .checklist li {padding: 0; background: #fff;}
.checklist li {line-height: 18px;}
.checklist label {display: block; padding-left: 25px; text-indent: -25px; font-weight: normal; margin: 0;}
.checklist label:hover, .checklist label.hover {background: #777; color: #fff;}
.checklist .alt {background: #f5f5f5;}
.checklist input {background: transparent; color: #000; width: auto; vertical-align: middle;}
.checklist li.someChk {background: #e4e4e4;}
.checklist input:focus {background: #ffc;}
.checklist li.groupHdr {background: #ddd; font-weight: bold;padding: 0 0 0 10px; line-height: 1.75em; vertical-align: middle;}
.checklist input.ro {border: none;}

/* checklist options */
.cl1 {height: 13em; width: 15em;}
.cl2 {height: 13em; width: 25em;}
.cl3 {height: 13em;}
.cl4 {width: 21em;}
.cl5 {height: 7em;}
.cl6 {width: 32em;}
.cl7 {width: auto; margin: 0; padding: 0;}
.cl7 li {padding-left: 5px;}

/* messaging */
input.error {border: solid 1px #c00;}
span.error {display: block; color: #c00; font-weight: bold; margin: 2px 0;}
.srvMsg {color: #c00; background: #ECF6DA; border: solid 1px #999; padding: .4em; margin: .5em 0 1em 0;}
.srvMsg li {line-height: 14px;}
.dataMsg {font-weight: bold; color: #31708f; background: #d9edf7; border: solid 1px #bce8f1; border-radius: 4px; padding: 1em; margin: .5em 0;}
.accMsg {font-weight: bold; color: #8a6d3b; background: #fcf8e3; border: solid 1px #faebcc; border-radius: 4px; padding: 1em; margin: .5em 0;}
.accMsgInline {line-height: 1.1em; float: right; width: 150px; margin: 0; font-weight: bold; color: #000; background: #ff9; border: solid 1px #f93; padding: .5em;}
.genMsg {text-decoration: none; display: inline-block; background: #d9edf7; font-weight: bold; color: #31708f; border: solid 1px #bce8f1; border-radius: 4px; padding: 10px; margin: 0 0 10px 0;}
.genMsg:before{font-family: FontAwesome; content: "\f05a"; display: inline-block; font-size: 18px; position: relative; padding-right: 5px; top: 1px;}
.genMsg a {text-decoration: underline;}
.genMsg.alert-success {color:#3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
.genMsg.alert-success:before {content: "\f058";}
.modcont > .genMsg {width: 90%;}
.mod .genMsg {width: 96%;}
.genInd {text-align: center; padding: 0; margin: 0; height: 16px; display: block; background: transparent url(../images/icon-info.gif) no-repeat; line-height: 12px;}
.chkMsg {clear: both; background: #ffc url(../images/icon-checkmark.gif) no-repeat 4px 4px; font-weight: bold; color: #000; border: solid 1px #FFD700; padding: 5px 5px 5px 25px; margin: 0 0 10px 0; line-height: 14px;}
.grMsg {clear: both; background: #fff url(../images/icon-monitor.gif) no-repeat 4px 4px; color: #000; border: none; padding: 5px 5px 5px 35px; margin: 5px 0 10px 0; line-height: 12px;}
.grMsg a,.genMsg a {font-weight: bold;}
.warningMsg {clear: both; background: #fcf8e3; font-weight: bold; color: #8a6d3b; border: solid 1px #faebcc; border-radius: 4px; padding: 1em; margin: 0 0 20px 0; line-height: 14px;}
.warningMsg:before{font-family: FontAwesome; content: "\f071"; display: inline-block; font-size: 18px; position: relative; padding-right: 5px; top: 1px;}
.warningMsg a {text-decoration: underline; font-weight: bold;}
.warningInd {text-align: center; padding: 0; margin: 0; height: 16px; display: block; background: transparent url(../images/icon-caution.gif) no-repeat; line-height: 12px;}
.indStop {color: red; font-weight: bold;}
.indGo {color: green; font-weight: bold;}
.indIt {padding: 0 8px;}


/* table styles */
table {border-collapse: collapse; border: 1px solid #ccc; margin: 0 0 10px 1px; width: 99.9%;}
td,th {padding: 4px; border-right: solid 1px #ccc; vertical-align: top;}
th {font-weight: bold; background-color: #ddd; border-bottom: solid 1px #ccc; text-align: center;}
tfoot td {font-weight: bold; text-align: right; border-top: solid 1px #ccc; background: #fff;}
.nwp {white-space: nowrap;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
td.cur {text-align: right; white-space: nowrap; padding-right: 6px;}
.npd {padding: 0; vertical-align: middle;}
.vam {vertical-align: middle;}
.neg {color: #c00;}
.sumW {width: 350px;}
td.tot {font-weight: bold; border-bottom: solid 1px #ccc;}
.transTot .neg {color: #c00; font-weight: bold;}
table.acctSum {width: 100%; margin-bottom: 1em;}
table.acctSum th {padding: .4em .5em .3em .5em; background-color: #fff; font-weight: normal; border-bottom: none;}
table.acctSum td {padding: .1em .5em .4em .5em; background-color: #fff; font-size: 1.1em; font-weight: bold;}
table.acctSum .cur, table.acctSum .neg {text-align: left;}
table.acctSum .neg {color: #c00;}
.cbot {padding: 0; text-align: center; vertical-align: middle;}
.cbott {padding: 4px 0 0 0; text-align: center; vertical-align: top; background: #eee;}
.textt {padding: 1px;}

table.systemInfo {border-collapse: collapse; border: 1px solid #ccc; margin: 0 0 0 1px; width: 99.9%;}
table.systemInfo tr td, table.systemInfo tr th {text-align: left; background: #fff; padding: .4em; border: none; vertical-align: top;}
table.systemInfo tr th.heading {background: #eee; text-align: center;}

/* corporate statement listing */
table.stList {width: 540px;}
table.stList th,table.stList td {vertical-align: middle;}

/* table width will be set via js or java, used for Info Rpt Custom, ZBA */
table.dynCol th,table.dynCol td {width: 120px; padding-right: 6px;}
table.dynCol th.first,table.dynCol td.first {width: 180px; padding-right: 6px;}
table.dynCol th.dvdr,table.dynCol td.dvdr,table.dynCol th.tsq,table.dynCol td.tsq {width: 40px; padding-right: 0;}

/* sort/stripe table */
.sortcol {font-weight: bold; cursor: pointer; padding-right: 20px; background-repeat: no-repeat; background-position: right;}
.sortcol a {font-weight: bold;}
.sortasc {background-color: #cfcfcf; background-image: url(../images/up.gif);}
.sortdesc {background-color: #cfcfcf; background-image: url(../images/down.gif);}
.nosort {cursor: default;}
tr.rowodd {background-color: #eee;}
tr.roweven {background-color: #fff;}
th.resize-handle-active {cursor: e-resize;}
div.resize-handle {cursor: e-resize; width: 2px; border-right: 1px dashed #1E90FF; position:absolute; top:0; left:0;}

/* sortable.js styles */
.odd {background-color: #eee;}
.even {background-color: #fff;}


/* TESTING no stripe table not in use */
table.nostripe {background: #f5f5f5; border-collapse: collapse; border: 1px solid #ccc; margin: 5px 0;}
table.nostripe td,table.nostripe th {padding: 4px; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; vertical-align: top;}
table.nostripe th {font-weight: bold; background-color: #ddd; border-bottom: solid 1px #ccc;}
table.nostripe tfoot td {font-weight: bold; text-align: right; border-top: solid 1px #ccc; background: #fff;}
table.nostripe th.vam,table.nostripe td.vam {vertical-align: middle;}
td.groupHdr {color: #000; background: #fff; font-size: 12px; font-weight: bold; padding-left: 10px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}


/* hilite */
tr.hilite td {background: #ff9;}
li.hilite a {color: #c00; text-decoration: none;}
li.hilite a:visited {color: #c00; text-decoration: none;}
li.hilite img {border: solid 2px #c00;}

/* table column widths*/
col.acctSumTBcol1 {width: 10%;}
col.acctSumTBcol2 {width: 10%;}
col.acctSumTBcol3 {width: 10%;}
col.acctSumTBcol4 {width: 10%;}
col.acctSumTBcol5 {width: 10%;}
col.acctSumTBcol6 {width: 10%;}
col.acctSumTBcol7 {width: 10%;}

col.summaryTBcol1 {width: 15%;}
col.summaryTBcol2 {width: 5%;}
col.summaryTBcol3 {width: 10%;}
col.summaryTBcol4 {width: 10%;}
col.summaryTBcol5 {width: 10%;}
col.summaryTBcol6 {width: 10%;}
col.summaryTBcol7 {width: 10%;}
col.summaryTBcol8 {width: 10%;}
col.summaryTBcol9 {width: 10%;}
col.summaryTBcol10 {width: 10%;}

col.transactionsTBcol1 {width: 8%;}
col.transactionsTBcol2 {width: 17%;}
col.transactionsTBcol3 {width: 45%;}
col.transactionsTBcol4 {width: 5%;}
col.transactionsTBcol5 {width: 5%;}
col.transactionsTBcol6 {width: 10%;}
col.transactionsTBcol7 {width: 10%;}

col.itemsPPcol1 {width: 5%;}
col.itemsPPcol2 {width: 2%;}
col.itemsPPcol3 {width: 15%;}
col.itemsPPcol4 {width: 10%;}
col.itemsPPcol5 {width: 10%;}
col.itemsPPcol6 {width: 10%;}
col.itemsPPcol7 {width: 10%;}
col.itemsPPcol8 {width: 10%;}
col.itemsPPcol9 {width: 15%;}
col.itemsPPcol10 {width: 15%;}

.expBtn {border: solid 1px #ccc; color: #000; background: #ffc url(../images/btnbgY.gif) bottom repeat-x; width: 110px; height: 21px; padding: 0 0 0 10px; margin: 5px 0;}
p.expBtn a.expand,p.expBtn a.collapse {font-weight: bold; line-height: 1.75em;}
p.expcolbtn {float: right; display: inline; color: #000; width: 100px; height: 20px; padding-left: 10px; margin: 0;}
p.expcolbtn a {font-weight: bold; line-height: 1.5em;}

a.collapse,a.collapse:link,a.collapse:visited, a.expand,a.expand:link,a.expand:visited {display: inline-block; text-decoration: none; line-height: 15px; color: #333;}
a.collapse:before {font-family: FontAwesome; content: "\f146"; display: inline-block; font-size: 16px; position: relative; padding-right: 5px; top: 1px;}
a.expand:before {font-family: FontAwesome; content: "\f0fe"; display: inline-block; font-size: 16px; position: relative; padding-right: 5px; top: 1px;}
a.expand2,a.collapse2 {display: inline-block; text-decoration: none; line-height: 15px; color: #333; margin-bottom: 3px;}
a.collapse2:after {font-family: FontAwesome; content: "\f146"; display: inline-block; font-size: 14px; position: relative; padding-left: 5px; top: 0px;}
a.expand2:after {font-family: FontAwesome; content: "\f0fe"; display: inline-block; font-size: 14px; position: relative; padding-left: 5px; top: 0px;}
a.expand3,a.collapse3 {display: inline-block; text-decoration: none; line-height: 28.56px; color: #333; margin-bottom: 4px;}
a.collapse3:before {font-family: FontAwesome; content: "\f146"; display: inline-block; font-size: 16px; position: relative;}
a.expand3:before {font-family: FontAwesome; content: "\f0fe"; display: inline-block; font-size: 16px; position: relative;}

/*a.collapse3 {text-decoration: none;color: #000; line-height: 1.5em; padding-left: 1.5em; background: url(../images/icon-minusB.gif) no-repeat 0 0;}
a.collapse3:hover {color: #c00;}
a.collapse3 {text-decoration: none; line-height: 2em; border: solid 1px #999; font-weight: bold; background: transparent url(../images/button.gif) bottom left no-repeat; padding: 3px 9px;}*/
a.expand:hover,a.collapse:hover,a.expand2:hover,a.collapse2:hover {text-decoration: underline; color: #333;}

.mod3 h2 a.expand {color: #000; text-decoration: none; line-height: 1.5em; padding-left: 1.5em; background: url(../images/icon-plusB.gif) no-repeat 0 0;}
.mod3 h2 a.collapse {color: #000; text-decoration: none; line-height: 1.5em; padding-left: 1.5em; background: url(../images/icon-minusB.gif) no-repeat 0 0;}
.mod3 h2 a.expand:hover,.mod3 h2 a.collapse:hover {text-decoration: underline;}


/*
a.blindexp {display: block; width: 16px; font-size: 16px; line-height: 16px; margin: 4px 0 0 .5em; padding: 0; background: url(../images/icon-plusB.gif) no-repeat 0 0; text-decoration: none;}
a.blindexp:hover {background: url(../images/icon-plusB.gif) no-repeat 0 -32px;}
a.blindcol {display: block; width: 16px; font-size: 16px; line-height: 16px; margin: 4px 0 0 .5em; padding: 0; background: url(../images/icon-minusB.gif) no-repeat 0 0; text-decoration: none;}
a.blindcol:hover {background: url(../images/icon-minusB.gif) no-repeat 0 -32px;}
*/


/*imgViewer and controls */

#searchModCont {width: 35em;}
#lbModCont {width: 14em; margin-right: 6px;}
#lbModCont .mod2 {width: 12em; margin-right: 0;}
#imgMod {width: 50em; margin: 0; position: relative;}
#lbimgMod {width: 88.5em; overflow: hidden; padding: 0; margin: 0;}
#lbimgMod h2 {padding-left: 1em; margin-bottom: 0;}
#imageList {width: 130px; padding: 0; margin: 0;}
.itemList {margin: 0 0 0 5px; width: 125px; overflow: auto;}
.itemList ol {list-style-type: none; margin-left: 0;}
.itemList li {width: 100px;}
.itemList img {border: solid 2px #ccc; width: 100px; margin: 3px 0 0 0;}
#imageWrap {width: 810px; padding: 1.5em 0 0 1.5em; margin: 0; border-left: solid 1px #ccc;}

.modPrint {color: #000; background: #fff;}
.modPrint #imgVcontrols {display: none;}
.lbmodPrint {color: #000; background: #fff;}
.lbmodPrint #imgVcontrols,.lbmodPrint #itemNav,.lbmodPrint #imageList {display: none;}
.lbmodPrint #imageWrap {border: none;}
.ppmodPrint {color: #000; background: #fff;}
.ppmodPrint #imgVcontrols {display: none;}
.ppmodPrint #imageWrap {border: none;}

a.viewImageCt,a.viewImageCt:visited {display: block; line-height: 16px; width: 12px; margin-left: 13px; padding-left: 20px; background: url('../images/icon-image.gif') no-repeat 0 0; text-decoration: none;}
a.viewImageCt:hover {text-decoration: underline; font-weight: bold; background: url('../images/icon-image.gif') no-repeat 0 -32px;}

a.viewImage,a.viewImage:visited {display: block; width: 16px; line-height: 16px; margin: 0 auto; padding: 0; background: url('../images/icon-image.gif') no-repeat 0 0; text-decoration: none;}
a.viewImage:hover {background: url('../images/icon-image.gif') no-repeat 0 -32px;}
a.viewImageMulti,a.viewImageMulti:visited {display: block; width: 19px; line-height: 19px; margin: 0 auto; padding: 0; background: url('../images/icon-image-multi.gif') no-repeat 0 0; text-decoration: none;}
a.viewImageMulti:hover {background: url('../images/icon-image-multi.gif') no-repeat 0 -32px;}
a.viewImageE,a.viewImageE:visited {display: block; width: 16px; line-height: 16px; margin: 0 auto; padding: 0; background: url('../images/icon-image-e.gif') no-repeat 0 0; text-decoration: none;}
a.viewImageE:hover {background: url('../images/icon-image-e.gif') no-repeat 0 -32px;}
a.viewImageLT,a.viewImageLT:visited {display: block; width: 16px; line-height: 16px; margin: 0 auto; padding: 0; background: url('../images/icon-image-lt.gif') no-repeat 0 0; text-decoration: none;}
a.viewImageLT:hover {background: url('../images/icon-image-lt.gif') no-repeat 0 -32px;}
a.viewImageLTE,a.viewImageLTE:visited {display: block; width: 16px; line-height: 16px; margin: 0 auto; padding: 0; background: url('../images/icon-image-lte.gif') no-repeat 0 0; text-decoration: none;}
a.viewImageLTE:hover {background: url('../images/icon-image-lte.gif') no-repeat 0 -32px;}
a.viewImageM,a.viewImageM:visited {display: block; width: 16px; line-height: 16px; margin: 0 auto; padding: 0; background: url('../images/icon-image-mxd.gif') no-repeat 0 0; text-decoration: none;}
a.viewImageM:hover {background: url('../images/icon-image-mxd.gif') no-repeat 0 -32px;}
a.viewPDF,a.viewPDF:visited {display: block; width: 16px; height: 16px; line-height: 16px; margin: 0 auto; padding: 0; background: url('../images/icon-pdf.gif') no-repeat 0 0; text-decoration: none;}
a.viewPDF:hover {background: url('../images/icon-pdf.gif') no-repeat 0 -32px;}
a.nbw,a.nbw:visited,a.nbw:hover {padding-right: 13px; background: transparent url('../images/icon_newbrowser.gif') no-repeat 100% 50%; line-height: 15px;}
a.doc-pdf, a.doc-pdf:visited{display: inline-block; padding: 5px; line-height: 16px; text-decoration: none;}
a.doc-pdf:hover {text-decoration: underline; color: #333;}
a.doc-pdf:after{font-family: FontAwesome; content: "\f1c1"; display: inline-block; font-size: 16px; position: relative; padding-left: 5px; top: 1px;}
a.removeItem,a.removeItem:visited {display: block; width: 16px; line-height: 16px; margin: 0 auto; padding: 0; background: url('../images/icon-close.gif') no-repeat 0 0; text-decoration: none;}
a.removeItem:hover {background: url('../images/icon-close.gif') no-repeat 0 -32px;}
a.arrowR,a.arrowR:visited {float: right; display: block; width: 10px; line-height: 10px; margin: 0; padding: 0; background: url('../images/icon-arrowR.gif') no-repeat 0 0; text-decoration: none;}
a.arrowR:hover {background: url('../images/icon-arrowR.gif') no-repeat 0 -20px;}
a.arrowD,a.arrowD:visited {display: block; width: 10px; line-height: 10px; margin: 5px auto 0 auto; padding: 0; background: url('../images/icon-arrowD.gif') no-repeat 0 0; text-decoration: none;}
a.arrowD:hover {background: url('../images/icon-arrowD.gif') no-repeat 0 -20px;}
a.infoItem,a.infoItem:visited {cursor: help; display: block; width: 16px; line-height: 16px; margin: 0 auto; padding: 0; background: url('../images/icon-info.gif') no-repeat 0 0; text-decoration: none;}
a.alertItem,a.alertItem:visited {padding: 5px 22px 5px 0; background: url('../images/icon-alert.gif') no-repeat 100% 50%; line-height: 16px;}
a.alertItem:hover {cursor: help;}


/* image viewer styles */
.imgViewport {width: 540px; height: 200px; overflow: auto; border: solid 2px #ccc; background: #fff; margin-bottom: 1em;}
.imgViewport img {width: 49em; height: 18em;}
.imgViewportPrint {width: 640px; height: 580px; margin-bottom: .5em;}
.imgViewportPrint img {width: 56em; height: 25em; border: solid 1px #000; margin-bottom: .5em;}
#imgCont.eck .imgViewportPrint {width: 540px; height: 200px; margin-bottom: .5em;}
#imgCont.eck .imgViewportPrint img {width: 49em; height: 18em;}
#imgCont.eck .imgViewportPrint #imgB {display: none;}
.imgMeta {padding: 0 0 .25em 0; margin-top: 1em;}
.imgMeta .fldgrp {margin-bottom: 0;}
.imgMeta .fldinline {width: 20%; margin-bottom: 0;}
.imgMeta table, .imgMeta td,.imgMeta th {border: none; margin: 0;}
.imgMeta th {background: #fff; text-align: left;}
.imgMeta th,.imgMeta td {padding: 2px;}

/* Lockbox image viewer styles */
.lbimgViewport {width: 800px; overflow: auto; border: solid 2px #ccc; background: #fff; margin-bottom: 1em;}
.lbimgViewportPrint {margin-bottom: .5em;}
.lbHeight {height: 400px;}
.lbimgAllPort {width: 900px; height: auto; overflow: auto; border: solid 2px #ccc; background: #fff; margin-bottom: 1em;}

 /* Pos pay image viewer styles */
.ppimgViewport {width: 800px; overflow: auto; border: solid 2px #ccc; background: #fff; margin-bottom: 1em;}
.ppimgViewportPrint {margin-bottom: .5em;}

#imgMod #imgVcontrols {position: absolute; right: 3px; top: 3px; width: 200px; height: 20px;}
#lbimgMod #imgVcontrols {float: right; margin: 3px 3px 0 0; width: 200px; height: 20px;}

#imgVcontrols a {float: right; margin-left: .65em; color: #333;}

div#zoomTool {width: 80px; height: 22px;}
div#zoomTool div#area {height: 22px; width: 80px; background:url('../images/zoomBar.gif') 0 50% repeat-x; position: relative;}
div#zoomTool span#knob {height: 22px; position: absolute; left: 0; width: 16px; background: url('../images/zoomKnob.gif') 0 50% no-repeat; cursor:pointer;}

a#btn-imgVprint, a#btn-imgVprint:link, a#btn-imgVprint:visited {display: block; width: 20px; height: 20px;}
a#btn-imgVprint:before {font-family: FontAwesome; content: "\f02f"; display: inline-block; font-size: 20px; position: relative; top: 4px;}
a#btn-imgVprint:hover,a#btn-imgVprint:active {color: #c00;}

a#btn-imgVzoom_plus, a#btn-imgVzoom_plus:link, a#btn-imgVzoom_plus:visited {display: block; width: 20px; height: 20px;}
a#btn-imgVzoom_plus:before {font-family: FontAwesome; content: "\f00e"; display: inline-block; font-size: 20px; position: relative; top: 4px;}
a#btn-imgVzoom_plus:hover,a#btn-imgVzoom_plus:active {color: #c00;}

a#btn-imgVzoom_minus, a#btn-imgVzoom_minus:link, a#btn-imgVzoom_minus:visited {display: block; width: 20px; height: 20px;}
a#btn-imgVzoom_minus:before {font-family: FontAwesome; content: "\f010"; display: inline-block; font-size: 20px; position: relative; top: 4px;}
a#btn-imgVzoom_minus:hover,a#btn-imgVzoom_minus:active {color: #c00;}

a#btn-imgVflip,a#btn-imgVflip:link,a#btn-imgVflip:visited {display: block; width: 20px; height: 20px; background: url('../images/imgVflip.gif') no-repeat 0 0;}
a#btn-imgVflip:hover {background: url('../images/imgVflip.gif') no-repeat 0 -20px;}
a#btn-imgVflip:active {background: url('../images/imgVflip.gif') no-repeat 0 -40px;}

a#btn-imgVrotateR, a#btn-imgVrotateR:link, a#btn-imgVrotateR:visited {display: block; width: 20px; height: 20px;}
a#btn-imgVrotateR:before {font-family: FontAwesome; content: "\f01e"; display: inline-block; font-size: 20px; position: relative; top: 4px;}
a#btn-imgVrotateR:hover,a#btn-imgVrotateR:active {color: #c00;}

a#btn-imgVrotateL, a#btn-imgVrotateL:link, a#btn-imgVrotateL:visited {display: block; width: 20px; height: 20px;}
a#btn-imgVrotateL:before {font-family: FontAwesome; content: "\f0e2"; display: inline-block; font-size: 20px; position: relative; top: 4px;}
a#btn-imgVrotateL:hover,a#btn-imgVrotateL:active {color: #c00;}

a#btn-imgVreset, a#btn-imgVreset:link, a#btn-imgVreset:visited {display: block; width: 20px; height: 20px;}
a#btn-imgVreset:before {font-family: FontAwesome; content: "\f021"; display: inline-block; font-size: 20px; position: relative; top: 4px;}
a#btn-imgVreset:hover,a#btn-imgVreset:active {color: #c00;}

a#btn-imgVclose,a#btn-imgVclose:link,a#btn-imgVclose:visited,input#btn-imgVclose {display: block; width: 24px; height: 24px; background: url('../images/imgVclose.jpg') no-repeat 0 0;}
a#btn-imgVclose:hover,input#btn-imgVclose:hover {background: url('../images/imgVclose.jpg') no-repeat 0 -24px;}

/* print styles */
div.printMsg {border: 1px dotted #666; padding: .5em; margin: 1em; width: 44em;}
div.printMsg h3,div.printMsg p {margin: 0; color: #666; text-align: center;}

input.btn-done,input.btn-done:focus,button.btn-done,a.btn-done,a.btn-done:focus,a.btn-done:visited {display: block; width: 110px; height: 24px; margin: 0; color: #000; background: transparent url('../images/btn-done.gif') no-repeat 0 0; border: none; font: bold 11px/24px arial,helvetica,sans-serif; text-align: center; text-decoration: none;}
input.btn-done:hover,button.btn-done:hover,a.btn-done:hover {display: block; width: 110px; height: 24px; color: #000; background: transparent url('../images/btn-done.gif') no-repeat 0 -48px; cursor: pointer;}
input.btn-done:active,button.btn-done:active {display: block; width: 110px; height: 24px; color: #000; background: transparent url('../images/btn-done.gif') no-repeat 0 0;}
div.btnblockDone {width: 110px; margin: .25em auto 0;}

/* lockbox specific styles */
table.lbSum th {padding: .4em .5em .3em .5em; background-color: #fff; font-weight: normal; border-bottom: none;}
table.lbSum td {padding: .1em .5em .4em .5em; background-color: #fff; font-size: 1.1em; font-weight: bold;}
table.lbSum .cur, table.acctSum .neg {text-align: left;}
table.lbSum .neg {color: #c00;}

col.lbSumTBcol1 {width: 10%;}
col.lbSumTBcol2 {width: 10%;}
col.lbSumTBcol3 {width: 10%;}
col.lbSumTBcol4 {width: 10%;}
col.lbSumTBcol5 {width: 10%;}
col.lbSumTBcol6 {width: 10%;}

.rptDate {margin-top: 1.25em;}

.balhdr {color: #000; font-size: 1.5em; line-height: 1.8em; margin: 0;}

.totGrp {overflow: hidden; width: 99.8%; margin: 1.5em 0 0 0; background: #eee; border: solid 1px #ddd;}
.totGrp h2 {float: left; width: 170px; margin-left: 6px; color: #c00; font-size: 1.5em; line-height: 1.9em;}
.subGrp {float: left; margin-top: .5em;}
.subGrp .bItem {float: left; margin: 0; font-size: 1.2em; width: 210px;}
.subGrp .bItem label {float: left; margin-right: .5em; line-height: 1.6em;}
.subGrp .bItem .cur {float: left; line-height: 1.6em; padding-right: 0;}

.hdrGrp {overflow: hidden; width: 99.8%; margin: 0; border: solid 1px #ddd; padding: 0;}
.hdrGrp h3 {float: left; width: 170px; margin-left: 6px;}
.hdrGrp h3 a.collapse, .hdrGrp h3 a.expand {color: #333; line-height: 2.4em;}
.batchGrp {float: left; margin-top: .75em;}
.batchGrp .bItem {float: left; margin: 0; font-size: 1.1em; width: 210px;}
.batchGrp .bItem label {float: left; margin-right: .5em; line-height: 1.6em;}
.batchGrp .bItem .cur {float: left; line-height: 1.6em; padding-right: 0;}
.batchImg {float: right; margin: .65em .5em 0 0; font-size: 1.1em;}
.batchImg a {font-weight: bold; line-height: 1.6em;}
.batchImgH {float: right; margin: .65em .5em 0 0; font-size: 1.1em;}
.batchImgH a {font-weight: lighter; line-height: 1.6em;}
.hidden {display: none;}
.not-active {pointer-events: none;text-decoration: none;color: black; }

.itemAll {border-bottom: solid 1px #ddd; margin: 0; padding: 5px 0 5px 7px;}
.itemAll a {font-weight: bold;}

.dvdr {border-left: solid 4px #aaa; width: 40px; background: #fcf8e3;}
/*.dvdrM {border-left: solid 4px #aaa; width: 40px; background: #dff;}*/
.dvdr2 {border-left: solid 2px #999;}

tr.transRow td {border-top: solid 1px #cc6;}
tr.transTot td {border-top: dashed 1px #ccc; font-weight: bold;}
td.tsq {width: 40px;}
td.tsq a {text-decoration: none; border: solid 1px #999; font-weight: bold; display: block; text-align: center; margin: 0 auto; width: 20px; color: #000; background: #ffc url(../images/btnbgY.gif) repeat-x; padding: 0;}
td.tsq a:hover {color: #000; background: #ff9; border: solid 1px #000;}
td.tsq a.disabled {text-decoration: none; border: solid 1px #999; font-weight: bold; display: block; text-align: center; margin: 0 auto; width: 20px; color: #000; background: #ddd; padding: 0;}
td.tsq a.disabled:hover {background: #ddd;}

label.em {font-size: 1.2em; margin: 2px 0 6px 0; display: block;}
ul.dragListAll li {float: left; height: 14px; cursor: move; border: solid 1px #ccc; padding: 4px; margin-right: 3px; background: #eee; font-weight: bold;}
ul.dragListAll li span.fldNm {font-weight: bold; color: #666; margin-left: 6px;}
ul.dragListAll li input {cursor: default;}
ul.dragListAll li:hover,ul.dragListAll li.hover {border: dashed 1px #c00;}
ul.dragListAll li.checked {background: #fbeca0;}
ul.dragListAll li.checked span.fldNm {color: #000;}
.numHdr1 {margin-top: .5em; padding: 0 0 0 2.5em; height: 25px; background: url(../images/number1.gif) no-repeat center left;}
.numHdr2 {margin-top: .5em; padding: 0 0 0 2.5em; height: 25px; background: url(../images/number2.gif) no-repeat center left;}
.numHdr3 {margin-top: .5em; padding: 0 0 0 2.5em; height: 25px; background: url(../images/number3.gif) no-repeat center left;}
#settingsGrp .fldgrp {clear: both; margin-bottom: .5em; margin-left: 3.25em; border: solid 1px #ccc; width: 600px; padding: 5px 10px;background: #fff;}
#settingsGrp .fld label {margin-bottom: 5px;}
#settingsGrp p {margin: 0; padding: 0;}

a.qtip,a:link.qtip,a:visited.qtip {text-decoration: none; font-size: 12px; display: inline-block; padding: 5px 10px 5px 5px; color: #333; background: #fff; margin: 0 0 4px 0; border: solid 1px #ccc; border-radius: 3px;}
a:hover.qtip {background: #e6e6e6; text-decoration: none; border-color: #adadad;}
a.qtip:before {display: inline-block; position: relative; top: 1px; font-family: FontAwesome; font-size: 18px; content: "\f059"; margin-right: 5px; color: #333;}

#footer {border-top: 1px #ddd solid; clear: both; margin: 2em 0; padding-top: 1em;}
#copyright, #helpContact, #feedback {text-align: center;}

/*Bootstrap Styles*/
/*
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.btn-primary {
    color: #fff;
    background-color: #c00;
    border-color: #b30000;
}
.btn-primary:hover {
  color: #fff;
  background-color: #900;
  border-color: #750000;
}
*/