/* 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; }

.pageHeader {
    background: url(media/bg-882-23.jpg) repeat-x top;
    padding: 2px 5px;
    text-align: center;
}

.pageFooter {
    margin-top: 20px;
    text-align: left;
    font-size: 12px;
    padding: 10px 5px;
    border-top: 1px solid #e0e0e0;
    background: #f0f0f0 url('media/icons/indexPage/footer-shadow.gif') repeat-x top;
}
.pageFooter a {
  margin-right: 0;
}

.success {
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding-left: 30px;
}
.success { background-image: url('media/icons/actions/accept.png'); }

.lFLabel {
  width: 50%;
  white-space: nowrap;
  float: left;
  overflow: hidden;
  text-align: left;
  margin-right: 4px;
}

.eM, .iP, .aT {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle;
}
.iP { background-image: url('media/icons/money/plus.gif'); }
.eM { background-image: url('media/icons/money/minus.gif'); }
.aT { background-image: url('media/icons/money/transfer.gif'); }

.tgmd { color: #d2691e; }
.acct { color: #339966; }

.actionList, .actionList * { color: #777; font-size: 12px; text-decoration: none; }
.actionList .disabled { color: #999; }
.actionList a { padding: 0; }

.navLabel { font-size: 16px; font-weight: normal; }

.a { text-decoration: underline; }

.even, .odd {
  padding: 3px 0px;
  background-image: url('media/icons/arrows/list-bullet.gif');
  background-repeat: no-repeat;
  background-position: 0% 9px;
  padding-left: 15px;
}

div.progressbar-outer { 
    border: 1px solid #e0e0e0;
    height: 8px;
    font-size: 0px;
    width:  100px;
    padding: 1px;
}

div.progressbar-inner {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    width: 0px;
    height: 8px;
    background: blue;
}
.bMargin { margin-bottom: 3px; }
.bPadding { padding-bottom: 3px; }
.vPadding { padding-bottom: 3px; padding-top: 3px; }
.tttMargin { margin-top: 9px; }
.bigTMargin { margin-top: 18px; }

div.button {
  float: left;
  border: 1px solid #174194;
  border-width: 0px 2px 2px 0px;
}
div.button a {
  display: block;
  color: white;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 5px;
  background: #1F56C5;
  text-align: center;
}
.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;
}
.pieLabels {
  color: #777;
  position: relative;
}
.pieLabels .label {
  font-size: 11px;
  background: #fff;
  position: absolute;
  padding: 0;
}
.pieLabels .amount {
  font-size: 10px;
}
.legendSymbol {
  /* 12x14 are the image dimensions */
  width: 12px;
  height: 14px;
  font-size: 0px;
  background-image: url(media/icons/tags/transparent.gif);
  background-repeat: no-repeat;
}

div.header {
  background: url(media/bg-882-24.jpg) repeat-x bottom;
  padding: 3px 0px 3px 5px;
  border: 1px solid #e0e0e0;
  border-width: 1px 0px;
  font-weight: bold;
  color: #555;
}
div.tabTitles {
  position: absolute;
  top: -23px;
}
.tabTitle {
  display: block;
  height: 17px;
  float: left;
  cursor: pointer;
  padding: 4px 10px 2px;
  margin-right: 10px;
  font-weight: bold;
}
.tabTitle.selected, .tabTitle.selected:hover {
  color: #dc8f23;
  background-color: white;
  border: 1px solid #e0e0e0;
  border-bottom: none;
  padding: 3px 9px;
}
a.tabTitle:hover {
  background-color: #e0edf3;
}

div.mainTabStatus { 
  background: #ffffd4; 
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
}
div.mainTabStatus div {
  padding: 7px 10px;
}
div.mainTabStatus .msg {
  padding-top: 3px;
}
div.mainTabStatus img {
  margin-right: 10px;
}
div.mainTabStatus img.close {
  margin-right: 0px;
  cursor: pointer;
  float: right;
}
div.widgetTitle div.axn { 
  padding-right: 10px;
  float: right;
  font-weight: normal;
}
div.widgetTitle div.axn img { margin: 0; }
div.widgetTitle div.axn.first { padding-right: 0px; }
.widgetTitle {
  padding: 0px 10px 3px;
  font-weight: bold;
  font-size: 15px;
  color: #333;
  border-bottom: 1px solid #e0e0e0;
  background: url(media/bg-882-25.jpg) repeat-x bottom;
}
.widgetTitle img {
  margin-right: 10px;
}
div#the_indicator {
     position: absolute;
     left: 10px;
     top: 0px;
     background: url(media/bg-882-26.jpg) repeat-x bottom;
     width: 20px;
     height: 28px;
     visibility: hidden;
}
div#the_indicator img {
  margin: 9px 2px 0px 0px;
}
div.statusMessage { 
    padding: 5px 0px;
    border-top: 1px solid #e0e0e0;
}
div.tabContent {
  min-height: 500px;
  padding: 10px 15px 0; 
}
div.tabContainer {
  background: #fff;
  border: 1px solid #d7d7d7;
  border-bottom: none;
  padding: 5px 0 140px; 
}
div.tabContainer .settings {
  padding: 5px 10px 15px;
  margin-bottom: 10px;
  background: #f3f3f3;
}
.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-27.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;
}
.envelope, .envelope .progress {
  height: 40px;
}
.envelope .det {
  text-align: center;
  padding: 10px 0px;
}

.envelope {
  margin-right: 1px;
  border: 1px solid #e0e0e0;
}

.envelope .progress {
  background: #e7f4fa;
}

/*
.todayMarker {
  position: absolute;
  width: 8px;
  height: 4px;
  top: -9px;
  font-size: 1px;
  background: url(media/icons/arrows/up.gif) no-repeat 0% 0%;
}
*/

.scale {
  position: absolute;
  font-size: 1px;
  height: 1px;
  border-top: 1px solid #999;
  top: 10px;
}

.scaleLabel {
  white-space: nowrap;
  position: absolute;
  top: 4px;
  font-size: 11px;
}
.scaleLabel.l { padding-right: 10px; }
.scaleLabel.r { padding-left: 10px; }

.todayMarker {
  position: absolute;
  width: 20px;
  bottom: -20px;
  border-left: 1px solid #aaa;
}
.todayMarker .c {
  margin-left: -12px;
  font-size: 11px;
  color: #777;
  white-space: nowrap;
}
div.tabActions {
  float: none;
  background: url(media/bg-882-28.jpg) repeat-x bottom;
  padding: 3px 5px;
  border-top: 1px solid #e0e0e0;
  margin-top: -1px;
}


.widgetTitle {
  padding-bottom: 2px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #e0e0e0;
}