.toolbar a {
    margin-right:6px;
}

.toolbar img {
    border:none;
}
.email_link {
    font-size:10px;
    color:#888;
}

.expense_entry {
    padding:6px;
    margin-bottom:10px;margin-top:10px;
    border-left:4px solid #e66;#888;
    background:#eee;
}

.repayment_entry {
    padding:6px;
    margin-bottom:10px;margin-top:10px;
    border-left:4px solid #6d6;
    background:#eee;
}

.expense_detail {
    font-size:12px;
    color:#555;
}

.value {
    xfont-family:  "Handwriting - Dakota", Serif;
    color:#eeeeee;
}

.sheet_description {
    xfont-family: "Handwriting - Dakota", Serif;
    color:#eeeeee;
}

.entry_description {
    width:500px;
}

.description {
    xfont-family: "Handwriting - Dakota", Serif ;
    color:#888;
}


/****  Tabs ****/
#navigation {
    width:100%;
    margin:0;
    padding:0px;
    background:rgb(153, 204, 51);
    xborder-top:1px solid #775;

    padding-top:15px;
}

ul.tabs {
    width:100%;
    font-size:14px;
    margin: 0;
    padding-left:10px;
    padding: 0;
    float: left;
    list-style: none;
    height: 29px; /*--Set height of tabs--*/
    xborder-bottom: 1px solid #886;
    border-bottom:none;
    width: 100%;
}

ul.tabs li.leftmost {
    xborder-left: 1px solid #886;
    margin-left:50px;
}

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 29px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 29px; /*--Vertically aligns the text within the tab--*/
    xborder: 1px solid #886;
    border-bottom:none;/*1px solid #886;*/
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #DCE9BE;
    margin-right:2px;
}


ul.tabs li a {
    text-decoration: none;
    color: #777;
    display: block;
    padding: 0 15px;
    outline: none;
    font-weight:bold;
}

ul.tabs li a:hover {
    background: #cCd9aE;
}

html ul.tabs li.active a {
    color:#222;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
    xborder-left: none;
}

.tab_container {
    border:none;
    overflow: hidden;
    clear: both;
    float: left; width: 100%;
    background: #fff;
}


.container {
    padding:0px;
}

.action_list_button{
    font-size:11px;
    color:#3b5d14;
    background:transparent;
    font-weight:bold;
    height:30px;
}

.action_list_button ul, action_list_button li{margin:0; border:0; padding:0; list-style:none;}

.action_list_button .menu li {
    background:#ddeec2;
    height:30px;
    float:left;
    margin-right:10px;
}
.action_list_button .menu li a{
    color:#3b5d14;
    text-decoration:none;
    padding:0 10px;
    height:30px;
    line-height:30px;
    display:block;
    float:left;
/*    padding:0 2px 0 10px;*/
}
.action_list_button .menu li a:hover{
    color:#666666;
}

.trigger {
    cursor: pointer;
    color:#3b5d14;
    text-decoration:none;
    padding:0 10px;
    height:30px;
    line-height:30px;
    display:block;
    float:left;
    padding:0 5px 0 5px;
    background:#90b557;
/*    background:url(/images/rm.png) right top no-repeat;*/
}

.action_list_button ul .submenu {
    border:solid 1px #c9dea1;
    /*	border-top:none;*/
    background:#FFFFFF;
    position: relative;
    top: 0px;
/*    width:150px;*/
    padding:0px 0;
    clear:both;
    z-index:2;
    display:none;
}
.action_list_button ul .submenu li{
    background:#ddeec2;
    display:block;
    float:none;
    margin:0 0px;
    border:0;
    height:auto;
    line-height:normal;
/*		border-top:solid 1px #DEDEDE;*/
}
.action_list_button .submenu li a{
    background:none;
    display:block;
    float:none;
    padding:6px 6px;
    margin:0;
    border:0;
    height:auto;
/*    color:#105cbe;*/
    color:#3b5d14;

    line-height:normal;
}
.action_list_button .submenu li a:hover{
/*    background:#a9d566;*/
    background:#90b557;

}


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}/*
	HUMANIZED MESSAGES 1.0
	idea - http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages
	home - http://humanmsg.googlecode.com
*/

html, body {
/*	height: 100%; /* Damn you IE! */
}

.humanMsg {
	font: normal 20px/50px Helvetica, Arial, Sans-Serif;
	letter-spacing: -1px;
	position: fixed;
	top: 130px;
	left: 25%;
	width: 50%;
	color: white;
	background-color: black;
	text-align: center; 
	display: none;
	opacity: 0;
	z-index: 100000;
}

.humanMsg .round {
    border-left: solid 2px white;
	border-right: solid 2px white;
    font-size: 1px; height: 2px;
	}

.humanMsg p {
	padding: .3em;
	display: inline; 
	}

.humanMsg a {
	display: none;
	}
	
#humanMsgLog {
	font: normal 10px Helvetica, Arial, Sans-Serif;
	color: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 200px;
	display: none;
	z-index: 10000;
	}

#humanMsgLog p {
	position: relative;
	left: 50%;
	width: 200px;
	margin: 0;
	margin-left: -100px;
	padding: 0 10px;
	line-height: 20px;
	background: #333;
	text-align: center;
	white-space: pre;
	cursor: pointer;
	}

#humanMsgLog p:hover {
	background: #222;
	}

#humanMsgLog ul {
	background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;
	margin: 0;
	padding: 0;
	position: relative;
	max-height: 180px;
	overflow: auto;
	display: none;
	}

#humanMsgLog ul li {
	color: #555;
	font-size: 12px;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
	display: none;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
	white-space: pre;
	}

#humanMsgLog ul li:hover {
	background: #f2f2f2;
	}

#humanMsgLog ul li:first-child {
	margin-top: 1px;
	}
	
#humanMsgLog ul li .error {
	color: orangered;
	}

#humanMsgLog ul li .indent {
	position: absolute;
	top: 0;
	left: 100px;
	margin-right: 200px;
	height: inherit;
	}/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(/images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(/images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(/images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(/images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(/images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(/images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(/images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(/images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(/images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(/images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(/images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(/images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(/images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(/images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(/images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(/images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}TABLE.budget {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #ffffff; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px
}


#header1 {
    background-color:#fff;
    display:block;
/*    height:75px;*/
/*    border-bottom:3px dotted #eee;*/
}

#header1 img { margin: 0pt 0pt 0.0em}

#footer {
/*    position: fixed;
    bottom:0px;
    width:100%;
    margin:0pt;
    background:#444;
    color:#eee;
    border-top:4px solid #222222;
    padding:10px;
*/
}

a {
    TEXT-DECORATION: none;
}

#about {
    font-size:11pt;
}

#about img {
    margin:10px;
    float:right;
}

A:hover {
	TEXT-DECORATION: underline;
}

.toolbar a, #footer a {
	color: #444444;#008855;
	padding-left:5px;padding-right:5px;
}

toolbar a:visited {
	COLOR: #008855;
}

.ghosted a {
	COLOR: #aaaaaa;
}

.ghosted a:visited {
	COLOR: #aaaaaa;
}

#ledgerlist A {
}

DIV#footer {
}


#ledgerlist td {
	border-bottom:1px solid #e7e7e7;
	padding-left:5px;
	padding-right:5px;
}

.totals {
	margin-left:10px;margin:2px;
}

#fadeeffect {
	BACKGROUND: #fff9bf
}


DIV.expenses {
	BORDER: #cc0022 1px solid;
	BACKGROUND: #ff55aa; MARGIN: 3px; 
}
DIV.revenue {
	BORDER: #99cc33/*#007d48*/ 1px solid; 
	BACKGROUND: #80ffc9; MARGIN: 3px;
}
DIV.periodsummary {
	BORDER: #cc9933 1px solid; BACKGROUND: #ffffc0 /*#fff2bf*/; MARGIN: 3px;
}

DIV.budgetsummary {
	BACKGROUND: #ffffc0; MARGIN: 3px;
	BORDER: #cc9933 1px solid;
}

DIV.ghosted {
 	MARGIN: 3px;
	BORDER: #888888 1px solid;
	color: #999999;
	background: #f1f1f1;
}

DIV.ghosted TABLE {
	WIDTH: 100%; margin-bottom:0;
}

TR.odd {
	BACKGROUND: #eee
}
TR.even {
	BACKGROUND: #ddd
}


DIV.periodsummary TABLE {
	WIDTH: 100%;margin-bottom:0;
}
DIV.budgetsummary TABLE {
	WIDTH: 100%;margin-bottom:0;
}
DIV.revenue TABLE {
	WIDTH: 100%;margin-bottom:0;
}
DIV.expenses TABLE {
	WIDTH: 100%;margin-bottom:0;
}

.sidebar img {
    margin: 0;
    padding:0;
}

div#wrapper {
    width:65%;
    text-align:left;
    margin:7px;
}

div#signup {
    font-size:140%;
    margin-top:18px;
    margin-bottom:18px;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    padding-bottom:3px;
    background-color:#faf8f8;
}


/* These override styles from blueprint */
TABLE.budget td { border:0;}

tr.expenses td {
	vertical-align: top;
}

form table td {
   border:0;
}

div.fieldWithErrors ul {
  list-style:none;
}

.fieldWithErrors {
    padding:4px;
    border:2px dotted #ff9000;#c85858;
    color:#ff9000;#a85858;
}

.error {
    color:#ff9000;#a85858;
    font-weight:bold;
}


.h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
.h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
.h6 { font-size: 1em; font-weight: bold; }


.h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
.h2 { font-size: 2em; margin-bottom: 0.75em; }


.pagination {
    padding: 3px;
    margin: 3px;
}

.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #8899aa;
}
.pagination a:hover, .pagination a:active {
    border: 1px solid #8899aa;
    color: #000;
}
.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #8899aa;
    font-weight: bold;
    background-color: #8899aa;
    color: #FFF;
}
.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaa;
    color: #aaa;
}

.cloud1 {font-size: 10px; color: #888;}
.cloud2 {font-size: 10px; color: #777;}
.cloud3 {font-size: 10px; color: #666;}
.cloud4 {font-size: 10px; color: #555;}
.cloud5 {font-size: 12px; color: #444;}
.cloud6 {font-size: 13px; color: #333;}
.cloud7 {font-size: 14px; color: #222;}


.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
/*  font-weight:bold;*/
  padding:0 2px;
}

img.icon {
    margin:-3px;
}

img.tiny_profile {
    background:#dddddd;
    padding:1px;
    border:1px solid #9a9a9a;
    margin:2px;
}

img.profile {
    background:#dddddd;
    padding:4px;
    border:1px solid #9a9a9a;
    margin:2px;
}

/* For the date picker */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
/*	float: left;*/
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/icons/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* Success, error & notice boxes for messages and errors. */
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }

.notice a   { color: #817134; }
.success a  { color: #529214; }

.form_hint { color: #555; font-size:8pt;}

.simple_hint_box {
    color: #333; 
    font-size:8pt;
    width:220px;
    padding:3px;
    background-color:#ef7;
    border:1px solid #aaa;
}

#front_page_slideshow div {
    /*border:1px solid #888;*/
    margin:5px;
    width: 400px;
    height: 300px;
}

#front_page_slideshow p {
    line-height: 1.1em;
    position:absolute;
}

.fullshot_image {
    text-align:center;
    padding-top:10px;
    _background:#FFF;#dbdbdb;#d9e0d9;

    margin:10px;
}

.fullshot_image img {
    margin:.5em;
    background:#FFF;
    border:1px solid #bbb;
    padding:5px;
}

.fullshot_image p {
    font-size:16px;
    color:#5f5f5f;
    margin:.5em;
}

.oddrow {  
    background:#f3f8f3;#cde5fd;
}

/* begin css tabs */

ul#tabnav { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 0 0 0 0; /* set margins as desired */
    font: bold 12px verdana, arial, sans-serif; /* set font as desired */
    border-bottom: 1px solid #ccc; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 2px 20px; /* THIRD number must change with respect to padding-top (X) below */
    background: #fff;
}


ul#tabnav li { /* do not change */
    display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 li.tab5 li.tab6 li.tab7 li.tab8 { 
    /* settings for selected tab */
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a{ /* settings for selected tab link */
    background-color: #fff; /* set selected tab background color as desired */
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
    padding: 2px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #ccc; /* set unselected tab background color as desired */
    color: #888; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
    background: #fff; /* set desired hover color */
}



.toolbarlink {
    xbackground:#cfa;;rgb(140, 191, 38);
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    xborder:1px solid rgb(130, 181, 28);
    margin-right:2px;
}

.xlarge {
    font-size:1.3em;
}

#mainlinks {
    xborder:1px solid #585;
    xbackground:#9b9;
    xborder-bottom:2px solid #585;
    padding:5px;
    padding-right:0;
    margin:5px;margin-right:0;
}
.widgetpanel {
    background:#d9d049;rgb(140, 191, 88);#e9f0e9;rgb(193, 244, 91);
}

.navigationpanel {
    background:#ddd;
}

.tryitlink {
    background:#e0d850;padding:3px;border:1px solid #d0c840;margin-right:2px;
    font-size:1.5em;
    padding:8px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: rgb(153, 204, 51);
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#cashflow td.cashflowdate {
    width:12px;
    text-align:right;
    border-right:1px solid #999;
    color:#888;
    font-size:10px;
}

#cashflow td {
    margin:0;
    padding:0;
    padding-left:2px;
    padding-right:2px;
    border:none;
    font-size:11px;
}

#xcalendar div.description {
    margin:0;
    padding:0;
    padding-left:2px;
    padding-right:2px;
    border:none;

    font-size:10px;
    padding-right:5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%;
    white-space:nowrap;
}


#xcalendar div.days {
    background:#ddd; 
    xborder-bottom: 1px solid #999;
    border-right: 1px solid #ddd;
    text-align:center;
    padding:2px;
}

#xcalendar div.entry {
    background:#ddd; 
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    
    text-align:left;
    height:110px;
    font-size:10px;
    padding:2px;
}

#xcalendar div.sat {
    border-right: none;
}

/* Entry filter navigation */
ul#entry_filters_list { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 0 0 0 0; /* set margins as desired */
    font: bold 11px verdana, arial, sans-serif; /* set font as desired */
    xborder-bottom: 1px solid #ccc; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 5px 4px 5px; /* THIRD number must change with respect to padding-top (X) below */
    background:#ddd;d9d049;
}


ul#entry_filters_list li { /* do not change */
    display: inline;
    padding: 4px 3px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    border-bottom: none;
}

ul#entry_filters_list li a { /* settings for all tab links */
}


.expense_entry {
    border-left:none;1px solid #e66;#888;
}

.repayment_entry {
    border-left:none;1px solid #6d6;
}

.description, .value {
    color:#337;
    font-size:14px;
}
   
table.fc-header td {
    border:none;
}

div#calendar table {
    margin:0;
    padding:0;
}


.future_entry, .future_entry a {
    background: #ccc;
    color:#777;
    border-color: #777;
}

.fc-event {
    margin:2px;
}

table.calendar {
    width:100%;
    margin-top:10px;
    border-collapse:collapse;
}

table.calendar tr.dayName th {
    text-align:center;
    
    border-color:#CCCCCC;
    border-style:solid;
    xbackground:#eeeeee;
    border-width:1px 0 1px 0px;
    border-width:1px 1px 1px 1px;
    padding:0;
    vertical-align:top;
    width:100px;
}

table.calendar td.day {
    text-align:left;
    
    border-color:#CCCCCC;
    border-style:solid;
    border-width:0px 1px 1px 1px;
    padding:0;
    vertical-align:top;
    width:100px;
    height:100px;
    font-size: .85em;

}

table.calendar td.today {
    background:#FFFFCC;
}

table.calendar div.event {
    background: #C1D9EC;
    margin: 2px 2px 0; /* distance between events and day edges */
    padding: 2px 2px 0; /* distance between events and day edges */
    border1px solid #DDDDDD;
    padding-bottom:2px;
    cursor:pointer;
}

table.calendar div.future_entry  {
    background: #ccc;
    color:#777;
}

div.range_total_entry  {
    background:#333388;
    color:#eee;
}

#fdbk_tab {
    top: 250px!important;
} 

a#xfdbk_tab {
    top:300px;
}

ul.wizcategories {
    list-style:disc;padding-left:10px;font-weight:bold;
}

ul.wizcategories li {
    margin-bottom:10px;
}

ul.wizcategories li span {
    font-size:12px;font-style:italic;font-weight:normal;
}

#tourcontrol p {
    margin:.25em;padding:.25em;border-bottom:2px dotted #d8d8d8;
}

#tourcontrol p a {
    color:#555;
}