/* Used by all pages */

body {
    margin: 0;
    font-family: Arial, sans-serif; /*"Lucida Grande", "Trebuchet MS",*/ 
}

body, .normalSizeFont, table td, table th {
  font-size: 13px;
}

.clickable  { cursor: pointer; }

textarea, input[type=text], input[type=password], select { 
    font-family: Arial, sans-serif; 
    font-size: 100%; 
}
textarea, input[type=text], input[type=password] { padding: 2px; }
textarea, input[type=text], input[type=password], select { border: 1px solid #d0d0f0; }
input[type=button], input[type=submit] { font-size: 12px; }
input.search { 
    background: white url('media/icons/actions/search-dark.png') no-repeat scroll 3px 4px;
    padding-left: 17px;
    border: 1px solid #d0d0f0;
}
input[type=checkbox] { margin: 0; }

img {
  vertical-align: middle;
}

.error { 
    color: #f00;
    background-position: 1% 5%;
    background-image: url('media/icons/error-small.png'); 
    padding-left: 30px;
}
.errormessage { 
    color: #f00; padding: 2px; 
}

input.cancelButton {
  background: none;
  border: none;
  font-size: 13px;
}

ul.arrow, ul li ul.arrow {
  list-style-image: url(media/icons/arrows/right.gif);
}

ul, ol { margin: 5px 0px 0px; }
ul li, ol li { padding: 0px 2px 5px 0px; }
ol.noIndent, ul.noIndent { padding-left: 20px; margin-left: 0; }

.warning, .info { 
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding: 2px 0px 0px 30px;
  min-height: 20px;
}
.warning { background-image: url('media/icons/warning-small.gif'); }
.info { padding-left: 20px; background-image: url('media/icons/information.png'); color: #808080; font-style: normal; }
form { padding: 0; margin: 0; }

.iconBg, .locked, .error, .tagName, .tipTitle, .tagLeaf, .tagFolder { 
  background-repeat: no-repeat;
  background-position: 1% 0%;
  padding-left: 30px;
}
.locked { background-image: url('media/frontPage/lock.png'); }
.newWindowLink { 
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding: 0px 15px 0px 0px;
  background-image: url('media/icons/external.gif');
}

.loginError {
  color: #d33;
  font-weight: bold;
}

.helpAction { color: #830; padding: 1px 4px; }

.nFontSize { font-size: 13px; }
.smallerFont { font-size: 11px; }
table tr.smallFont th, table tr.smallFont td,
table.smallFont td, table.smallFont th,
.smallFont table td, .smallFont, .iSmallFont * {
  font-size: 12px;
}
.vsmallFont table td, .vSmallFont, .vSmallFont * { font-size: 11px; }
.bigFont { font-size: 15px; }
.biggerFont { font-size: 16px; }
table.bigFont td { font-size: 15px; }

.nFontWeight { font-weight: normal; }
.bFontWeight, .b, b { font-weight: bold; }
.fullWidth, table.fullWidth { width: 100%; }
table.itValign td, table.itValign th, .tValign { vertical-align: top; }
table.ibValign td, .bValign { vertical-align: bottom; }
table.icValign td, .cValign { vertical-align: middle; }
table.icAlign td, .cAlign { text-align: center; }
table.ilAlign td, table.ilAlign th, .lAlign, .lA { text-align: left; }
table.irAlign td, .rAlign, .rA { text-align: right; }
ul.iaaPadding li, table.iaaPadding td, table.iaaPadding th { padding: 10px; }
ul.ivPadding li, table.ivPadding td, table.ivPadding th { padding: 5px 0px; }
ol.ibPadding li, ul.ibPadding li, table.ibPadding td, table.ibPadding th { padding-bottom: 5px; }
ul.iaPadding li, table.iaPadding td, table.iaPadding th { padding: 5px; }
table.itPadding td { padding-top: 5px; }
table.ibPadding td { padding-bottom: 5px; }
table.iaPadding td.label { padding-left: 0px; }
table.thickpadded td, table.thickpadded th { padding: 10px; }
table.lopadded td, table.lopadded th { padding: 2px; }
.minWidth { width: 1%; white-space: nowrap; }
span.padded, div.padded, table.padded td, table.padded th { padding: 5px; }
.tPadding { padding-top: 5px; }
.ttPadding { padding-top: 10px; }
.tttPadding { padding-top: 15px; }
.zMargin { margin: 0; }
table.izPadding td, .zPadding { padding: 0; }
.ztMargin { margin-top: 0px; }
.zlMargin { margin-left: 0px; }
.tMargin { margin-top: 5px; }
.ttMargin { margin-top: 10px; }
.tttMargin { margin-top: 15px; }
.zbMargin { margin-bottom: 0px; }
.bMargin { margin-bottom: 5px; }
.bbMargin { margin-bottom: 10px; }
.bbbMargin { margin-bottom: 15px; }
.bPadding { padding-bottom: 5px; }
.bbPadding { padding-bottom: 10px; }
.bbbPadding { padding-bottom: 15px; }
.tMargin { margin-top: 5px; }
.ttMargin { margin-top: 10px; }
.vMargin { margin: 5px 0px; }
.vvMargin { margin: 10px 0px; }
.hMargin { margin: 0px 5px; }
.hhMargin { margin: 0px 10px; }
.hhhMargin { margin: 0px 15px; }
.vPadding { padding-top: 5px; padding-bottom: 5px; }
.vvPadding   { padding-top: 10px; padding-bottom: 10px; }
.vvvPadding  { padding-top: 15px; padding-bottom: 15px; }
.vvvvPadding { padding-top: 20px; padding-bottom: 20px; }
.hPadding    { padding-right: 5px;  padding-left: 5px;  }
.hhPadding   { padding-right: 10px; padding-left: 10px; }
.hhhPadding  { padding-right: 15px; padding-left: 15px; }
.lPadding  { padding-left: 5px; }
.llPadding { padding-left: 10px; }
.lllPadding { padding-left: 15px; }
.rPadding { padding-right: 5px; }
.rbPadding { padding-right: 5px; padding-bottom: 5px; }
.rrPadding { padding-right: 10px; }
.rrrrPadding { padding-right: 20px; }
.lMargin, .lM { margin-left: 5px; }
.vMargin { margin-top: 5px; margin-bottom: 5px; }
.llMargin { margin-left: 10px; }
.lllMargin { margin-left: 15px; }
.rMargin { margin-right: 5px; }
.rrMargin { margin-right: 10px; }
.rrrMargin { margin-right: 15px; }
.aMargin { margin: 5px; }
.aaMargin { margin: 10px; }
.aaaMargin { margin: 15px; }
.aPadding { padding: 5px; }
.aaPadding { padding: 10px; }
.aaaPadding { padding: 15px; }
.alwaysHidden { display: none; }
.bigTPadding { padding-top: 30px; }
.bigBPadding { padding-bottom: 30px; }
.bigTMargin { margin-top: 30px; }
.bigBMargin { margin-bottom: 30px; }
.bigLMargin { margin-left: 30px; }

.ibbMargin div { margin-bottom: 10px; }

table.iaBorder td, table.iaBorder th { border-width: 1px 1px 0px 0px; }
table.iaBorder { border-width: 0px 0px 1px 1px; }
table.iaBorder td, table.iaBorder th, table.iaBorder { border-style: solid; border-color: #e0e0e0; }

div.vspacer { margin: 3px 0px; }
div.hspacer, span.hspacer { margin: 0px 3px; }

table.dottedBorder td, table.dBorder td { background: url('media/backgrounds/dotted.gif') repeat-x bottom; }
table.ibBorder td { border-bottom: 1px solid #e0e0e0; }
table.ilBorder td { border-left: 1px solid #e0e0e0; }
table.solidBorder td { border-bottom: 1px solid #e0e0e0; }
table.idBorder td, table.idBorder th, .dBorder { background: url('media/backgrounds/dotted.gif') repeat-x bottom; }
.tBorder, .hBorder { border-top: 1px solid #e0e0e0; }
.bBorder, .hBorder { border-bottom: 1px solid #e0e0e0; }
.lBorder, .vBorder { border-left: 1px solid #e0e0e0; }
.rBorder, .vBorder { border-right: 1px solid #e0e0e0; }
.aBorder { border: 1px solid #e0e0e0; }
.xPadding { padding: 0; }
.xMargin { margin: 0; }
.xBorder { border: none; }
.tdBorder { background: url('media/backgrounds/dotted.gif') repeat-x top; }

.rF, .rFloat { float: right; }
.lF, .lFloat { float: left; }
.lClear { clear: left; }
.cF, .clearFloat { clear: both; font-size: 0px; height: 0px; }

.i, .italic, .message { font-style: italic; }
.hOverflow    { overflow: hidden; white-space: nowrap; }

.bold { font-weight: bold; color: #555; }
.normal { font-weight: normal; font-size: 13px; }

div.p { padding: 5px 0px 8px; }

.greyBg { background-color: #f7f7f7; }
.whiteBg { background-color: white; }
.vFaint { background-color: #e7f4fa; }
.faint { background-color: #d7eaf4; }
.yellowBg { background-color: #ffffd4; }

div.relative { position: relative; }
div.absolute { position: absolute; top: 0; left: 0; }
div.rabsolute { position: absolute; top: 0; right: 0; }

.bgtext, .bgText, .bgText select { color: #777; }
.strongerBgtext, .strongerBgText, .tipTitle { color: #444; }
.weakerBgText { color: #aaa; }

table.nowrap td { white-space: nowrap; }
.noWrap { white-space: nowrap; }

.white, .a.white { color: white; }

.u { text-decoration: underline; }
.nDisplay { display: none; }
.hVisibility { visibility: hidden; }
.vVisibility { visibility: visible; }

.shadow  { text-shadow: #fff 0 1px; }
.tBorder, .hBorder { border-top: 1px solid #c0c0c0; }
.bBorder, .hBorder { border-bottom: 1px solid #c0c0c0; }
.lBorder, .vBorder { border-left: 1px solid #c0c0c0; }
.rBorder, .vBorder { border-right: 1px solid #c0c0c0; }
.aBorder { border: 1px solid #c0c0c0; }
.svPadding { padding-bottom: 2px; padding-top: 2px; }
.amount  { color: #620; }
.small   { font-size: 14px; }
.smallest { font-size: 12px; }
a, .a       { color: #336699; }
div      { line-height: 1.2em; }
.g       { color: #070; }
.r       { color: #a00; }
.tag     { color: #d2691e; }
.acc     { color: #339966; }
.grp     { color: #968d3e; }
.ctc     { color: #336699; }
.date    { color: #3B5998; }

.pageHeader {
    background: url(media/bg-882-20.jpg) repeat-x top;
}

.pageFooter {
    background: none;
    font-size: 12px;
    margin-top: 20px;
    padding: 10px 5px 20px;
    font-weight: bold;
}
body {
    margin: 0;
    font-family: Helvetica;
    background: #FFFFFF;
    color: #000000;
    overflow-x: hidden;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;    
}

body > .tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

body > div {
    display: none;
}

body > form.dialog {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 450px;
}

.panel {
    margin: 0;
    padding: 10px 5px;
    min-height: 450px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #c8c8c8 url(media/iphone/pinstripes.png);
}

body[orient="landscape"] .panel {
    min-height: 350px;
}

table {
    font-size: 14px;
}

.toolbar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    background: url(media/iphone/toolbar.png) #6d84a2 repeat-x; 
}

*[selected="true"], body form.dialog[selected="true"] {
    display: block;
}

a[selected], a:active {
    color: #FFFFFF !important;
    background-color: #194fdb !important;
    background-image: url(media/iphone/listArrowSel.png), url(media/iphone/selection.png) !important;
    background-repeat: no-repeat, repeat-x;
    background-position: right center, left top;
}

a[selected="progress"] {
    background-image: url(media/iphone/loading.gif), url(media/iphone/selection.png) !important;
    background-position: center, left top;
}
a.textButton[selected="progress"] {
    background-image: url(media/iphone/loadingClipped.gif), url(media/iphone/selection.png) !important;
}

.row > a.nav {
    padding: 0px 5px;
    margin: 0;
    background-position: center, left top;
    background-image: none;
}

fieldset > div.nonlabelRow { 
    padding: 10px 14px;
    color: #3B5998;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.button { 
    border-width: 0 5px;
    padding: 0 3px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    -webkit-border-image: url(media/iphone/toolButton.png) 0 5 0 5;
    display: block;
}

.blueButton {
    -webkit-border-image: url(media/iphone/blueButton.png) 0 5 0 5;
}

#backButton {
    display: none;
    left: 6px;
    right: auto;
    margin-top: 5px;
    padding: 0;
    max-width: 55px;
    border-width: 0 8px 0 14px;
    -webkit-border-image: url(media/iphone/backButton.png) 0 8 0 14;
}

div:not(.dialog) > .actions a, div:not(.dialog) > .actions .a {
  padding: 0;
}

.whiteButton, .redButton, .greenButton, .grayButton {
    display: block;
    border-width: 0 12px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: inherit;
    color: inherit;
}

.whiteButton {
    -webkit-border-image: url(media/iphone/whiteButton.png) 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

.grayButton {
    -webkit-border-image: url(media/iphone/grayButton.png) 0 12 0 12;
    color: #FFFFFF;
}

.redButton {
    -webkit-border-image: url(media/iphone/redButton.png) 0 12 0 12;
    color: #FFFFFF;
}

.greenButton {
    -webkit-border-image: url(media/iphone/greenButton.png) 0 12 0 12;
    color: #FFFFFF;
}

/************************************************************************************************/

ul.main { 
    padding: 0;
    margin: 0;
    background-color: white;
}

ul.main > li {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #c0c0c0;
    padding: 8px 0 8px 10px;
    font-size: 16px;
    list-style: none;
    color: #333;
}

ul.main > li.group {
    position: relative;
    top: -1px;
    margin-bottom: -2px;
    border-top: 1px solid #7d7d7d;
    border-bottom: 1px solid #999999;
    padding: 1px 10px;
    background: url(media/iphone/listGroup.png) repeat-x;
    font-size: 17px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
    color: #FFFFFF;
}

ul.main > li.group:first-child {
    top: 0;
    border-top: none;
}

ul.main > li > a:not(.replace) {
    display: block;
    text-decoration: none;
    color: inherit;
    margin: -8px 0 -8px -10px;
    padding: 8px 32px 8px 10px;
    background: url(media/iphone/listArrow.png) no-repeat right center;
}

a.textButton {
    display: block; 
    text-decoration: none; 
    margin: -2px 0 -2px -6px; 
    border: 1px solid #c0c0c0; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 2px 20px 2px 6px; 
    color: inherit; 
    background: #f7f7f7 url(media/iphone/listArrowClipped.png) no-repeat right center
}

a[target="_replace"] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 15px 8px;
    font-size: 18px;
    color: cornflowerblue;
    background-color: #FFFFFF;
    background-image: none;
    display: block;
    width: 100%;
    text-decoration: none; 
}

/************************************************************************************************/
    
.dialog {
    min-height: 417px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.8);
    padding: 0;
    position: absolute; 
    top: 0;
    right: 0;
    width: 100%;
}

.dialog > .actions { 
    background-color: rgba(96,96,96,0.8); 
    padding: 10px 6px; 
    margin: 0; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.actions > .whiteButton, .actions > .grayButton, .actions > .redButton, .actions > .greenButton { 
    margin: 10px 0px;
}

.actions img {
  vertical-align: top;
}

.dialog > fieldset {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin: 0;
    border: none;
    border-top: 1px solid #6d84a2;
    padding: 10px 6px;
    background: url(media/iphone/toolbar.png) #7388a5 repeat-x;
}

.dialog h1 {
    margin: 0 10px;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
}

.row {
  clear: both;
}
.row > * {
    padding: 0 0 0 14px;
}
.row > select {
  padding: 0;
}
.nonlabelRow > * {
  padding-left: 0px;
}
.row.title {
  background-color: #e7f4fa;
}
.row a label {
  cursor: pointer;
}
.row label {
    line-height: 42px;
    font-weight: bold;
    white-space: nowrap;
    display: block;
}

.row > a, .row .a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    line-height: 42px;
    font-weight: bold;
    text-decoration: none;
    color: inherit;
    text-align: left;
    background: url(media/iphone/listArrow.png) no-repeat 290px center;
    display: block;
}

.row .info {
    cursor: pointer;
    line-height: 42px;
    color: #000;
    background: none;
    margin-right: 30px;
    padding: 0;
    min-height: 0;
    float: right;
    display: block;
}

.dialog > fieldset > label {
    margin: 22px 0 0 6px;
    position: absolute;
    font-size: 14px;
    color: #999999;
}

input, input[type=text], div.inputLike {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin: 14px 0 0 0;
    padding: 6px 6px 6px 44px;
    font-size: 16px !important;
    font-weight: normal;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid #333;
    background: white;
    text-align: left;
}

select { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dialog > fieldset > input, .dialog > fieldset > div.inputLike {
    padding-left: 70px;
}

/************************************************************************************************/

.panel fieldset {
    margin: 0 0 20px 0;
    padding: 0;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #999999;
    font-size: 16px;
}

.row  {
    min-height: 42px;
    border-bottom: 1px solid #999999;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.totalRow { 
    background: url(media/iphone/toolbarShade.png) repeat-x;
    text-shadow: #fff 0 1px;
    border-bottom: 1px solid #fff;
}

fieldset .row:last-child {
    border-bottom: none !important;
}

.row > input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 12px 10px 0 110px;
    height: 42px;
    border: none;
    background: none;
}

.halfRow > input { 
    padding-left: 80px;
}

.halfRow { 
    float: left;
    width: 50%;
    border-bottom: none;  /* in our case all half-rows are last rows */
}

.totalRow label, .totalRow .info { 
    font-size: 18px;
}

.row.input {
  position: relative;
}
.row.input label {
  position: absolute;
}
.row.input input {
  width: 100%;
  padding-left: 110px;
}
.row.input select {
  margin: 10px 0px 0px 110px;
}
.row select {
    font-size: 14px;
}

fieldset > .row:last-child, fieldset > .row:last-child > a {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

fieldset > .row:first-child, fieldset > .row:first-child > a {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
}

.row > .toggle {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 100px;
    height: 28px;
}

.toggle {
    border: 1px solid #888888;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #FFFFFF url(media/iphone/toggle.png) repeat-x;
    font-size: 19px;
    font-weight: bold;
    line-height: 30px;
}

.toggle[toggled="true"] {
    border: 1px solid #143fae;
    background: #194fdb url(media/iphone/toggleOn.png) repeat-x;
}

.toggleOn {
    display: none;
    position: absolute;
    width: 60px;
    text-align: center;
    left: 0;
    top: 0;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}

.toggleOff {
    position: absolute;
    width: 60px;
    text-align: center;
    right: 0;
    top: 0;
    color: #666666;
}

.toggle[toggled="true"] > .toggleOn {
    display: block;
}

.toggle[toggled="true"] > .toggleOff {
    display: none;
}

.thumb {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 40px;
    height: 28px;    
    border: 1px solid #888888;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #ffffff url(media/iphone/thumb.png) repeat-x;
}

.toggle[toggled="true"] > .thumb {
    left: auto;
    right: -1px;
}

.panel h2 {
    margin: 0 0 8px 14px;
    font-size: inherit;
    font-weight: bold;
    color: #4d4d70;
    text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
}

/************************************************************************************************/

#preloader {
    display: none;
    background-image: url(media/iphone/whiteButton.png), 
    url(media/iphone/grayButton.png), 
    url(media/iphone/listArrowSel.png), 
    url(media/iphone/loading.gif)
}

fieldset.tList > div.trans { 
    font-weight: normal;
    font-size: 16px;
}

fieldset.tList .amounts {
    font-weight: bold;
    white-space: nowrap;
    width: 29%;
    text-align: right;
}

fieldset.tList label.desc {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

fieldset.tList .misc { 
    font-size: 12px;
    margin: 0px 0px 5px 0px;
    color: #777;
}

fieldset.tList .impact { 
    font-size: 14px;
    font-weight: normal;
}

span.square { width: 20px; height: 20px; margin-right: 5px; }

div.delete-img { 
    position: relative;
}
div.delete-img img {
    width: 32px;
    position: absolute;
    left: 0px;
    display: none;
}
div.delete-img img.inEdit {
    display: inline;
}
fieldset.tList > li > a.inEdit { 
    position: relative;
    left: 50px;
    overflow: hidden;
}

textarea.large {
     width: 100%; 
     color: #888; 
     margin: 5px 0px 15px; 
     padding: 8px 4px; 
     font-size: 16px; 
     -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
     height: 15em;
}

.autocompleter {
  margin-left: 110px;
  padding: 2px; 
  text-align: left;
  z-index: 1000;
  position: absolute;
  left: 0;
  top: 0;
}
body > div.autocompleter {
  display: block;
}
.ac_outer { display: table-cell; border: 1px solid red; background: #fff;}
.autocompleter .selected { background: #d7eaf4; } 
.autocompleter ul { 
  border: 1px solid #c0c0c0; 
  z-index: 1;
  background: #fff; 
  margin: 0; 
  padding: 0; 
  overflow-y: auto;
  overflow-x: hidden;
}
.autocompleter li { 
  list-style-type: none; 
  white-space: nowrap; 
  margin: 2px; 
  padding: 1px 8px; 
  cursor: pointer;
}

div.progressbar-outer { 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    border: 1px solid #c0c0c0;
    height: 16px;
    width:  100px;
    padding: 1px;
}
div.progressbar-inner {
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    background-color: blue;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 16px;
}
.row table.splitBill {
  padding-left: 0px;
}
table.splitBill td, table.splitBill th { padding: 10px; }
.toolbar .axn {
  background: url(media/bg-882-21.jpg) repeat-x left top;
  padding: 10px 5px 7px;
  font-size: 16px;
  font-weight: bold;
}
.toolbar .axn img {
  padding: 0px 3px 0px 7px;
}
.tabTitle {
  border: none;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
}
.tabTitle.selected {
  background-color: #fff;
}
.tabTitle a {
  display: block;
  text-decoration: none;
  text-align: center;
  height: 40px;
  width: 65px;
}
.tabTitle a img {
  margin-top: 10px;
  width: 20px;
}
.barChart .bar, .barChart .yTic, .barChart .barLabel, .barChart .selection {
  position: absolute;
}
.barChart .bar, .barChart .legend .icon {
  width: 15px;
  border-style: solid;
  border-color: #e0e0e0;
  border-width: 0px; 
  font-size: 0px;
  bottom: 0px;
  cursor: pointer;
}
/* BEGIN: for 3d gradient bars */
.barChart .series {
  background: url(media/backgrounds/3d-vertical.png) center scroll repeat-y;
}
.barChart .series.green {
  background-color: #94dc21;
}
.barChart .series.red {
  background-color: #f24724;
}
div.hBar {
  border: 1px solid #e0e0e0;
}
div.hBar .inner {
  height: 11px;
  font-size: 1px;
  background: url(media/backgrounds/3d.png) center scroll repeat-x;
  background-color: #94dc21;
}
div.hBar .inner.over {
  background-color: #f24724;
}
/* END: for 3d gradient bars */
/* BEGIN: for non 3d gradient bars */
/*
.barChart .series.green {
  background: url(media/backgrounds/bars/green-h.gif) repeat-y;
}
.barChart .series.red {
  background-color: #f24724;
  background: url(media/backgrounds/bars/red-h.gif) repeat-y;
}
div.hBar .inner {
  height: 11px;
  background: url(media/backgrounds/bars/green-v.gif) bottom repeat-x;
}
div.hBar .inner.over {
  background: url(media/backgrounds/bars/red-v.gif) bottom repeat-x;
}
*/
/* END: for non 3d gradient bars */

div.hBar.progress .inner {
  height: 11px;
  background: url(media/backgrounds/bars/green-bg-block.gif) bottom repeat-x;
}

.barChart .legend .icon {
  border-width: 1px;
  height: 8px;
  width: 8px;
  font-size: 1px;
  margin-top: 2px;
}
.barChart .legend .label {
  font-size: 10px;
  color: #777;
}
.barChart .barLabel {
  font-size: 11px;
  padding: 0px 3px;
  background: #5c9fc9;
  color: #fff;
  z-index: 200;
}
.barChart .yTic {
  font-size: 11px;
  color: #777;
}
.barChart .yTicLine {
  border-top: 1px solid #f3f3f3;
  height: 29px;
  font-size: 0px;
}
.barChart .selection {
  background: #e7f4fa;
  bottom: 0px;
}

div.barLabel {
  font-size: 12px;
  margin-left: 10px;
}
span.sU, span.sD, span.eM, span.iP, span.eI, span.aT, span.rD, span.iT, span.oT {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle;
}
span.iP { background-image: url('media/icons/money/plus.gif'); }
span.eM { background-image: url('media/icons/money/minus.gif'); }
span.aT { background-image: url('media/icons/money/transfer.gif'); }
span.aT { background-image: url('media/icons/money/transfer.gif'); }
span.iT { background-image: url('media/icons/money/transfer-in.gif'); }
span.oT { background-image: url('media/icons/money/transfer-out.gif'); }
span.rD { background-image: url('media/icons/money/refund.png'); }

/* view selection for selecting all txns in view */
div.tList div.vSel {
  background: white;
  float: left;
  margin-left: 10px;
  padding: 2px 5px;
}

.tabTitle.side {
  background-repeat: no-repeat;
  background-position: center;
  width: 13px;
  margin-right: 3px;
}
.sideWidget {
  border: 1px solid #e0e0e0;
  color: #333;
}
.sideWidget .axn {
  background: url(media/bg-882-22.jpg) repeat-x bottom;
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
}
.sideWidget .item {
  background-color: #fff;
  white-space: nowrap;
  cursor: pointer;
  padding: 4px 8px 4px;
}
.sideWidget .total {
  border-bottom: 1px solid #e0e0e0;
  font-weight: bold;
  color: #424242;
}
.sideWidget .item .amount {
  float: right;
  padding-left: 10px;
  font-size: 12px;
}
.sideWidget div.search {
  padding: 2px 0px;
  border-bottom: 1px solid #e0e0e0;
}

.sideWidget div.item.selected { 
    background-color: #e7f4fa;
}

.sideWidget .itemGroup .item {
  padding-left: 18px;
}
.sideWidget .itemGroup .itemGroupTitle {
  background: url(media/icons/arrows/down.gif) no-repeat 4px 50%;
  padding-left: 18px;
}
.sideWidget .itemGroup .itemGroupTitle.closed {
  background-image: url(media/icons/arrows/right.gif);
  background-position: 6px 50%;
  border-bottom: none;
}
.acc.itemGroup .itemGroupTitle {
  background-color: #fcfcfc;
  border: 1px solid #e0e0e0;
  border-width: 1px 0px;
}
.acc.itemGroup .itemGroupTitle.first {
  border-top: none;
}
.acc.itemGroup .itemGroupTitle.last {
  border-bottom: 1px solid #e0e0e0;
}
.sideWidget .axns {
  position: relative;
  display: none;
}
.sideWidget .axns div {
  position: absolute;
  left: 100%;
  top: -4px;
  margin-left: 3px;
  background: #e7f4fa;
  border: 1px solid #e0e0e0;
  border-left: none;
  border-color: #e0e0e0 #a0a0a0 #a0a0a0;
  padding: 3px 5px 3px 5px;
  white-space: nowrap;
  z-index: 500;
}
.sideWidget .axns img {
  margin: 0px 3px;
}
.sideWidget .tool {
  margin-bottom: 10px;
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 12px;
  background: #e7f4fa;
}